@charset "UTF-8";
/*
* Resets and variables based on the HTML5 boilerplate
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Breakpoints & MediaQueries
* NOTE: When you make a new media query variable, please add it also to "_mq-set.scss"
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Grid system
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Color definitions
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Font definitions and sizes
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* General paddings and margins
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Default animation setups
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Compiled by Spritesmith through Gulp
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: $icon-home-width;
}
The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.
The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables
.icon-home {
@include sprite-width($icon-home);
}
.icon-email {
@include sprite($icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
It should be used with a "retina group" variable.
The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/
$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );
.icon-home {
@include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
but can be overridden inside of SCSS
@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
This yields the same output as CSS retina template but can be overridden in SCSS
@include retina-sprites($retina-groups);
*/
/*
* Helpers and mixins
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Col-span
* Calculates and sets the width of a column based on the $cols variable
* if a $gutter is set (in pixels), it calculates the percentage minus the $gutter
*
* Example: @include col-span(3, 20);
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Grid system
* Example: @include colcount(2, $grid-base-gutter-width);
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Breakpoint system
* Example: @include breakpoint($desktop)
* or @include breakpoint($tablet-portrait $mobile)
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Ratio calculator
* @include ratio-prop-number (margin-top, 100px 50px);
* @include ratio-prop-number (height, 100 50);
* @include ratio-prop-number (padding-bottom, 900px 500px);
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Clearfix
* Source: http://nicolasgallagher.com/micro-clearfix-hack/
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Positioning and aligning
* Source (vertical-align): http://hackingui.com/front-end/10-best-scss-utilities/
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Font smoothing
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Opacity
* Example: @include opacity(0.5);
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Rounded corners
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Gradients
* Source: http://codeboxers.com/straight-sass-gradient-mixin/
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Text
* Source (truncate-text): http://hackingui.com/front-end/10-best-scss-utilities/
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Triangle
* Source: http://www.sitepoint.com/sass-mixin-css-triangles/
*
* @param [string] $direction: arrow direction
* @param [list] $position: list of offsets and values
* @param [color] $color (inherit): arrow color
* @param [number] $size (1em): arrow size
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Transforms
* Source: http://codepen.io/sawmac/pen/qGudy
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Filter
* Source: https://gist.github.com/GeneLocklin/2957278
* https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/index.html
*
* grayscale ex: filter: grayscale(100%);
* sepia ex: filter: sepia(100%);
* saturate ex: filter: saturate(0%);
* hue-rotate ex: filter: hue-rotate(45deg);
* invert ex: filter: invert(100%);
* brightness ex: filter: brightness(15%);
* contrast ex: filter: contrast(200%);
* blur ex: filter: blur(2px);
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Buttons
* The following class is written here as 'mixin' because a silent class is not extendable from within mediaqueries.
* In some cases we need no make a normal link look like this button only on mobile, like this;
* @include small-arrow-button();
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Font family switcher
* Initially developed to be able to have another font for different websites
* @include use-font();
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Spinner
* @include loader($color: 'white', $size: 3px, $radius: small, $align: middle, $duration: 1s, $position: relative);
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Set the writing order for mediaqueries
*
* _variables.scss:
* $above-twelfeighty: 'only screen and (min-width: 1280px)';
* $below-twelfeighty: 'only screen and (max-width: 1279px)';
* $desktop: 'only screen and (min-width: 1025px)';
* $below-desktop: 'only screen and (max-width: 1240px)'; * first shrink point
* $above-mobile: 'only screen and (min-width : 768px)';
* $below-desktop: 'only screen and (max-width : 1024px)';
* $tablet-portrait: 'only screen and (min-width : 768px) and (max-width: 900px)';
* $tablet-landscape: 'only screen and (min-width : 901px) and (max-width: 1024px)';
* $mobile: 'only screen and (max-width : 767px)';
* $print: 'print';
*
* compass version of MQ will look at first occurence for writing out order, i am using widest first here
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Icon font variables
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Icon font classes
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 85, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
[class^="icn-"],
[class*=" icn-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-size: inherit;
text-rendering: auto;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
/* line 107, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-filled-check:before {
content: "\e90d";
}
/* line 113, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-trash:before {
content: "\e917";
}
/* line 119, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-account:before {
content: "\e904";
}
/* line 125, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-cart:before {
content: "\e905";
}
/* line 131, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-search:before {
content: "\e910";
}
/* line 137, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-check:before {
content: "\e90d";
}
/* line 143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-close:before {
content: "\e90c";
}
/* line 149, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-minus:before {
content: "\e908";
}
/* line 155, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-plus:before {
content: "\e909";
}
/* line 161, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-remove-from-wishlist:before {
content: "\e90b";
}
/* line 168, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-play-video:before {
content: "\e906";
}
/* line 175, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-heart:before {
content: "\f004";
}
/* line 181, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-heart-o:before {
content: "\e900";
}
/* line 187, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-angle-left:before {
content: "\f104";
}
/* line 193, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-angle-right:before {
content: "\f105";
}
/* line 199, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-angle-up:before {
content: "\f106";
}
/* line 205, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-angle-down:before {
content: "\f107";
}
/* line 212, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-cart-n:before {
content: "\e905";
}
/* line 217, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-account-n:before {
content: "\e904";
}
/* line 222, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-hamburger-menu:before {
content: "\e932";
}
/* line 227, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-search-n:before {
content: "\e92c";
}
/* line 232, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-pdf:before {
content: "\e90f";
}
/* line 237, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-fcc:before {
content: "\e944";
}
/* line 242, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-mask:before {
content: "\e92e";
}
/* line 247, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-unmask:before {
content: "\e92d";
}
/* line 252, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-delete:before {
content: "\e936";
}
/* line 257, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-email:before {
content: "\e934";
}
/* line 262, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.icn-edit:before {
content: "\e92f";
}
/*
* General and page specific layouts
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* General wrapper resets
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
body {
/* AEM overrides default bg color */
background-color: #ffffff;
overflow-x: hidden;
}
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
body.blurred {
overflow: hidden;
position: relative;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
body.blurred > *:not([class^="lightbox__overlay"]):not([class^="slick-lightbox"]) {
-webkit-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.3);
-webkit-filter: blur(10px);
filter: blur(10px);
}
/* line 35, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.bg-v2 {
background-color: #EEEFEF;
}
/**
* GRID setup
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 44, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-span-1,
.col-span-2,
.col-span-3,
.col-span-4,
.col-span-5,
.col-span-6,
.col-span-7,
.col-span-8,
.col-span-9,
.col-span-10,
.col-span-11,
.col-span-12 {
float: left;
}
/* line 64, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-span-1.last-col,
.col-span-2.last-col,
.col-span-3.last-col,
.col-span-4.last-col,
.col-span-5.last-col,
.col-span-6.last-col,
.col-span-7.last-col,
.col-span-8.last-col,
.col-span-9.last-col,
.col-span-10.last-col,
.col-span-11.last-col,
.col-span-12.last-col {
margin-right: 0;
}
/* line 68, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-span-1.align-right,
.col-span-2.align-right,
.col-span-3.align-right,
.col-span-4.align-right,
.col-span-5.align-right,
.col-span-6.align-right,
.col-span-7.align-right,
.col-span-8.align-right,
.col-span-9.align-right,
.col-span-10.align-right,
.col-span-11.align-right,
.col-span-12.align-right {
float: right;
}
/* line 77, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-span-1 {
width: calc(8.33333% - 18.33333px);
margin-right: 20px;
}
/* line 78, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-span-2 {
width: calc(16.66667% - 16.66667px);
margin-right: 20px;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-span-3 {
width: calc(25% - 15px);
margin-right: 20px;
}
/* line 80, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-span-4 {
width: calc(33.33333% - 13.33333px);
margin-right: 20px;
}
/* line 81, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-span-5 {
width: calc(41.66667% - 11.66667px);
margin-right: 20px;
}
/* line 82, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-span-6 {
width: calc(50% - 10px);
margin-right: 20px;
}
/* line 83, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-span-7 {
width: calc(58.33333% - 8.33333px);
margin-right: 20px;
}
/* line 84, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-span-8 {
width: calc(66.66667% - 6.66667px);
margin-right: 20px;
}
/* line 85, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-span-9 {
width: calc(75% - 5px);
margin-right: 20px;
}
/* line 86, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-span-10 {
width: calc(83.33333% - 3.33333px);
margin-right: 20px;
}
/* line 87, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-span-11 {
width: calc(91.66667% - 1.66667px);
margin-right: 20px;
}
/* line 88, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-span-12 {
width: 100%;
}
/* line 90, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-offset-2 {
margin-left: calc(16.66667% - -3.33333px);
}
/* line 91, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-offset-3 {
margin-left: calc(25% - -5px);
}
/* line 92, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-offset-4 {
margin-left: calc(33.33333% - -6.66667px);
}
/*
* DEPRICATED: General columns and column offsets
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 107, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col {
float: left;
}
/* line 118, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col__gutter {
margin-top: 0;
margin-right: 10px;
margin-left: 10px;
}
/* line 131, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col__wrapper,
.pagecol-wrapper {
margin: 0 auto;
max-width: 1024px;
position: relative;
}
/* line 99, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.col__wrapper:before, .col__wrapper:after,
.pagecol-wrapper:before,
.pagecol-wrapper:after {
content: "";
display: table;
}
/* line 105, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.col__wrapper:after,
.pagecol-wrapper:after {
clear: both;
}
/* line 156, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-3 {
width: 25%;
}
/* line 159, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-4 {
width: 33.3335%;
}
/* line 160, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-6 {
width: 50%;
}
/* line 161, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-8 {
width: 66.66667%;
}
/* line 162, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-12 {
width: 100%;
}
/*
* Specific column setups
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 170, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.center-column {
margin: 25px auto;
max-width: 1260px;
padding: 0 10px;
}
/*
* Page type wrappers (product-category-landing & result)
* TODO: Refactor all to use the layout-wrapper instead of the pagecol-wrapper or the pagetype specific wrappers
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 186, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.layout-wrapper {
margin: 0 auto;
max-width: 1260px;
padding: 0 10px;
position: relative;
}
/* line 201, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.layout-wrapper.language-selector {
margin-top: 20px;
max-width: 640px;
}
/* line 236, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.pagecol-static-left {
float: left;
width: 390px;
padding-left: 10px;
}
/* line 262, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.pagecol-flex-right {
float: right;
width: 100%;
margin-left: -390px;
}
/* line 273, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.page-header .pagecol-flex-right {
margin-bottom: 0;
}
/* line 277, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.pagecol-flex-right > .content {
margin-left: 410px;
}
/*
* Page type content-page
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 334, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.content-page {
/* Fix top spacing for content pages with header components */
}
/* line 341, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.content-page h3, .content-page .h3 {
color: #ff5a00;
font-size: 1.5rem;
}
/* line 347, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.content-page .content header.persistent-gutter {
min-height: 35px;
margin: 20px 10px;
}
/* line 355, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.content-page .content header.persistent-gutter h2 {
margin: 0;
display: inline-block;
font-size: 1.625rem;
}
/* line 364, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.content-page .pagecol-flex-right .title > h1 {
margin-top: 75px;
}
/*
* Page type search-result
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 381, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.search-result h2.result-title .amount {
font-size: 1.5rem;
}
/* line 395, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.search-result h2.result-title .amount {
font-weight: normal;
}
/* line 397, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.search-result h2.result-title .amount:before {
content: '[';
}
/* line 400, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.search-result h2.result-title .amount:after {
content: ']';
}
/*
* Page: Multipage
* https://jira.emakina.nl/browse/UFSN-10146
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 421, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.multi-page h3,
.multi-page h4 {
color: #D14900;
}
/*
* Page landing page
* Note: This page has a somewhat special character and thus contains mostly overrides of existing
* style definitions
* https://jira.emakina.nl/browse/UFSN-5921
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 443, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.landing-page .layout-wrapper .textimage-left {
display: none;
}
/* line 447, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.landing-page .layout-wrapper .section {
background-color: #ffffff;
}
/* line 452, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.landing-page .layout-wrapper .textimage-text p:last-child {
padding-bottom: 30px;
position: relative;
}
/* line 457, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.landing-page .layout-wrapper .textimage-text p:last-child:after {
bottom: 0;
left: 50%;
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -273px -301px;
width: 20px;
height: 12px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
content: "";
display: inline-block;
vertical-align: middle;
}
/* line 466, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.landing-page .layout-wrapper .textimage-text p a {
border-radius: 5px;
font-family: "Custom-Font-Medium", Arial, sans-serif;
background-color: #ff5a00;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9E00), color-stop(6%, #FF7D29), color-stop(80%, #ff5a00));
background-image: linear-gradient(to bottom, #FF9E00 0%, #FF7D29 6%, #ff5a00 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#FFFF9E00', EndColorStr='#FFFF5A00');
border: 1px solid #ff5a00;
color: #ffffff;
display: inline-block;
font-size: 1rem;
padding: 8px 15px 9px;
text-decoration: none;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.landing-page .layout-wrapper .textimage-text p a:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 477, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.landing-page .layout-wrapper .textimage-text p a:hover {
background-color: #FF7D29;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9E00), color-stop(6%, #FF9E00), color-stop(80%, #FF7D29));
background-image: linear-gradient(to bottom, #FF9E00 0%, #FF9E00 6%, #FF7D29 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#FFFF9E00', EndColorStr='#FFFF7D29');
}
/* line 483, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.landing-page .layout-wrapper .form h2 {
text-align: center;
}
/* line 491, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.landing-page .layout-wrapper .col-span-6 > .section {
border: 1px solid #949494;
margin-bottom: 30px;
}
/* line 497, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.landing-page .layout-wrapper .registerprofilev2 .pagecol-wrapper {
background-color: #ffffff;
}
/*
* Grey block
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 509, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.grey-block {
background: #EEEFEF;
padding: 25px;
}
/* line 512, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.grey-block select {
background-color: #ffffff;
}
/*
* Content wrapper
* Basicaly used to give the main content a top margin with the same height as the header when on mobile
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.main-container {
padding-top: 60px;
}
/* line 11, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.main-container_large {
margin-top: 0;
}
/*
* Nothing should exceed this max
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.max-pagewidth {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
/*
* Persisten and non-persistent wrapper
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 33, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.persistent-gutter {
margin: 20px 10px;
}
/* line 40, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.non-persistent-gutter {
margin: 20px 10px;
}
/* line 47, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
img.persistent-gutter {
margin: 20px 0;
padding: 0 10px;
}
/* line 52, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
img.non-persistent-gutter {
margin: 10px 0;
padding: 0 10px;
}
/* line 61, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.spacer {
margin: 40px 0px;
}
/*
* Footer wrapper
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 71, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.tel-block {
position: relative;
padding: 0 0 30px 30px;
}
/* line 75, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.tel-block:before {
content: "";
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: 0px -301px;
width: 16px;
height: 28px;
left: 0;
top: 0;
}
/*
* Footer wrapper
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 90, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.footer {
background-color: #221D37;
margin-top: 80px !important;
padding: 20px 20px 80px 20px;
position: relative;
}
/* line 116, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.landing-page .footer,
.theme-article-page .footer,
.product-detail-page .footer.sticky-buy-bar-enabled {
margin-top: 40px;
}
/* line 122, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.footer .h1, .footer .h2, .footer .h3, .footer .h4, .footer .h5, .footer p, .footer a {
color: #ffffff;
}
/* line 126, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.footer .h4 {
display: block;
font-family: "Custom-Font-Bold", Arial, sans-serif;
font-size: 1rem;
line-height: 24px;
font-weight: normal;
margin: 0 0 5px 0;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.footer .h4:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 139, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.footer .ufs-logo {
position: static;
}
/* line 151, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.footer .ufs-logo p, .footer .ufs-logo a {
display: inline-block;
}
/* line 155, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.footer .ufs-logo a {
margin-right: 20px;
}
/* line 159, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.footer .ufs-logo .ufs-logo_svg {
height: 51px;
vertical-align: baseline;
width: 135px;
}
/*
* Since Internet Explorer does not support position sticky, we need to fallback to
* position fixed. That way we will also need an extra margin at the bottom the
* footer to be able to see the copyrights line
* https://jira.emakina.nl/browse/UFSN-4973
*
* Source Microsoft Iternet Explorer, Edge targetting
* https://jeffclayton.wordpress.com/2015/04/07/css-hacks-for-windows-10-and-spartan-browser-preview/
*/
/* line 176, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
_:-ms-lang(x),
.product-detail-page .footer.sticky-buy-bar-enabled {
margin-bottom: 100px;
}
/*
* Newsletter signup wrapper
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 187, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.newsletter-signup {
margin: 40px 0;
}
/* line 194, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.newsletter-signup p {
margin: 0 0 10px 0;
}
/* line 200, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.newsletter-signup .form-row .button {
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
height: 15px;
}
/*
* iScroll wrapper
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Content elements
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 273, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-section {
margin-top: 85px;
}
/* line 275, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-section h1 {
color: #ff5a00;
font-size: 1.5rem;
margin-bottom: 20px;
}
/* line 290, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-section h2 {
font-size: 1.125rem;
margin-top: 30px;
margin-bottom: 30px;
}
/* line 309, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-section h4 {
font-size: 1.125rem;
font-weight: bold;
margin-top: 30px;
margin-bottom: 15px;
}
/* line 322, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-section label {
display: block;
font-size: 1.125rem;
font-weight: bold;
margin-bottom: 15px;
}
/* line 339, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-tools {
float: right;
margin: 25px 10px 0;
}
/* line 356, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-tools + h2 {
margin: 20px 0;
float: left;
}
/* line 375, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-tools_centered {
margin: 0 0 30px 0;
text-align: center;
}
/* line 384, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-tools_right {
margin: 0 0 10px 0;
text-align: right;
}
/* line 392, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.textimage {
display: inline-block;
width: 100%;
}
/* line 396, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.textimage .textimage-left {
float: left;
margin-right: 8px;
position: relative;
z-index: 1;
}
/* line 403, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.textimage .textimage-top {
margin-bottom: 8px;
}
/* line 407, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.textimage .textimage-right {
float: right;
margin-left: 8px;
position: relative;
z-index: 1;
}
/* line 414, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.textimage i {
font-style: italic;
}
/* line 419, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.pad-top-40 {
padding-top: 40px;
}
/*
* Standalone patterns and objects
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* ALERTS & MESSAGES
* use .alert for when a scroll to the alert needs to be triggered,
* use .notification for general info/error/success messages that don't need to be scrolled to
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 8, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert,
.notification {
padding: 10px 10px 10px 50px;
position: relative;
}
/* line 13, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert:before,
.notification:before {
top: 50%;
left: 2px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
}
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
body.rtl .alert:before, body.rtl
.notification:before {
right: 0;
left: auto;
}
/* line 24, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.number-stepper + .alert, .number-stepper +
.notification {
margin-top: 10px;
}
/* line 28, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert a,
.notification a {
font-family: "Custom-Font-Medium";
text-decoration: underline;
}
/* line 33, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.error,
.notification.error {
background: #fff2f2;
color: #000000;
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1rem;
line-height: 1.25rem;
z-index: 10;
border: 1px solid #fff2f2;
border-radius: 5px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.alert.error:lang(zh-TW),
.notification.error:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 43, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.error h3,
.alert.error a,
.notification.error h3,
.notification.error a {
color: #ff5a00;
}
/* line 48, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.error:before,
.notification.error:before {
display: inline-block;
margin-top: 2px;
content: url("../../designs/ufs-aem/static/icons/issue.svg");
-webkit-filter: invert(33%) sepia(99%) saturate(5188%) hue-rotate(340deg) brightness(75%) contrast(126%);
filter: invert(33%) sepia(99%) saturate(5188%) hue-rotate(340deg) brightness(75%) contrast(126%);
}
/* line 57, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.info,
.notification.info {
background: #EFFAFE;
color: #000000;
font-size: 1rem;
line-height: 1.25rem;
border-radius: 5px;
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.alert.info:lang(zh-TW),
.notification.info:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 66, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.info h3,
.alert.info a,
.notification.info h3,
.notification.info a {
color: #0A7FFE;
}
/* line 71, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.info:before,
.notification.info:before {
display: inline-block;
margin-top: 2px;
content: url("../../designs/ufs-aem/static/icons/check.svg");
-webkit-filter: invert(65%) sepia(91%) saturate(6207%) hue-rotate(198deg) brightness(99%) contrast(102%);
filter: invert(65%) sepia(91%) saturate(6207%) hue-rotate(198deg) brightness(99%) contrast(102%);
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.success,
.notification.success {
background: #F0FFD9;
color: #000000;
border-radius: 5px;
font-size: 1rem;
line-height: 1.25rem;
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.alert.success:lang(zh-TW),
.notification.success:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 87, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.success p,
.notification.success p {
line-height: 1.25rem;
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.alert.success p:lang(zh-TW),
.notification.success p:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 92, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.success h3,
.alert.success a,
.notification.success h3,
.notification.success a {
color: #81BC2A;
}
/* line 97, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.success:before,
.notification.success:before {
display: inline-block;
margin-top: 2px;
content: url("../../designs/ufs-aem/static/icons/check.svg");
-webkit-filter: invert(60%) sepia(65%) saturate(487%) hue-rotate(42deg) brightness(98%) contrast(87%);
filter: invert(60%) sepia(65%) saturate(487%) hue-rotate(42deg) brightness(98%) contrast(87%);
}
/* line 105, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.success-white,
.notification.success-white {
background: #ffffff;
color: #000000;
padding-left: 10px;
border-radius: 5px;
border: 1px solid #EEEFEF;
}
/* line 111, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.success-white:before,
.notification.success-white:before {
display: none;
}
/* line 116, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.attention,
.notification.attention {
background: #fff2f2;
color: #000000;
border-radius: 5px;
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1rem;
line-height: 1.25rem;
padding-left: 65px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.alert.attention:lang(zh-TW),
.notification.attention:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 125, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.attention h3,
.alert.attention a,
.notification.attention h3,
.notification.attention a {
color: #FF9E00;
}
/* line 130, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.attention:before,
.notification.attention:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -202px -187px;
width: 29px;
height: 30px;
}
/* line 135, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.bottom-margin,
.notification.bottom-margin {
margin-bottom: 20px;
}
/* line 139, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.top-margin,
.notification.top-margin {
margin-top: 20px;
}
/* line 144, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert-unsupported {
margin-bottom: 40px;
padding: 100px;
text-align: center;
border-bottom: 4px solid #ff5a00;
}
/* line 149, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert-unsupported .header-text {
font-size: 1.75rem;
margin: 0 0 10px;
color: #333333;
font-weight: normal;
line-height: 1.1em;
color: #333333;
}
/* line 163, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.legacy-form .error-message,
.legacy-form .field-hint {
font-size: 0.75rem;
line-height: normal;
}
/* line 169, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.legacy-form .error-message {
color: #ff5a00;
display: none;
padding-left: 36%;
}
/* line 178, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.number-stepper + .legacy-form .error-message,
.form__section-intro + .legacy-form .error-message,
input[type="checkbox"] + .legacy-form .error-message {
clear: both;
margin-top: 5px;
padding-left: 0;
}
/* line 187, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.legacy-form .field-hint {
color: #333333;
}
/*
* FLOATING NOTIFICATION
* here we used .main-navigation to determine if the sticky navigation is pinned or unpinned and based on that we position the floating notification
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 199, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.main-header.sticky-header_unpinned ~ .floating-notification {
top: 10px;
}
/* line 206, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.main-header.sticky-header_pinned-with-usp ~ .floating-notification, .main-header.sticky-header_pinned-to-top ~ .floating-notification {
top: 140px;
}
/* line 216, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.floating-notification {
position: fixed;
left: 50%;
top: 10px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 110;
border-radius: 5px;
background-color: #F0FFD9;
color: #000000;
width: 580px;
padding: 10px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: top .2s;
transition: top .2s;
}
/* line 239, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.floating-notification > a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/* line 247, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.floating-notification figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* line 252, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.floating-notification figcaption {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
/* line 256, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.floating-notification .notification-item__img {
width: 50px;
height: 50px;
background-color: #949494;
border-radius: 4px;
overflow: hidden;
margin-right: 15px;
}
/* line 270, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.floating-notification .notification-item__img .img {
background-position: center;
background-size: cover;
display: block;
height: 100%;
width: 100%;
}
/* line 279, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.floating-notification .icn {
margin-left: auto;
font-size: 1.875rem;
margin-right: 10px;
}
/* line 285, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.floating-notification span {
display: block;
font-size: 1rem;
font-weight: 600;
}
/* line 295, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.floating-notification .notification-item__description {
font-size: 1.125rem;
font-weight: 500;
}
/* line 3, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section {
margin-top: 100px;
}
/* line 10, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .address {
margin-top: 30px;
border: 1px solid #EEEFEF;
padding: 0 10px 20px 10px;
border-radius: 5px;
}
/* line 16, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .address .address-tile {
padding: 0px 5px 15px 5px;
border-bottom: 2px solid #EEEFEF;
overflow: hidden;
}
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .address .address-tile:last-child {
border: 0;
}
/* line 25, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .address .address-tile .last-col {
text-align: right;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .address .address-tile.last-tile {
border-bottom: 0;
padding-bottom: 2px;
}
/* line 47, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .address .edit-address {
color: #ff5a00;
font-size: 0.8rem;
}
/* line 52, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .address .no-boder {
border: 0;
}
/* line 56, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .address .address-label {
font-family: "Custom-Font-Medium";
font-size: 0.9375rem;
padding: 20px 0 10px 0;
}
/* line 61, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .address .address-label .label {
padding-bottom: 5px;
}
/* line 64, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .address .address-label .label-sub {
padding-bottom: 5px;
font-family: "Custom-Font-Regular";
}
/* line 68, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .address .address-label .label-sub_comp {
padding-bottom: 10px;
font-family: "Custom-Font-Regular";
}
/* line 76, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .address .form-element label {
font-family: "Custom-Font-Regular";
}
/* line 82, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .newsletter {
overflow: hidden;
margin-top: 50px;
}
/* line 86, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .newsletter .form-element {
margin-bottom: 30px;
}
/* line 91, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .align-left {
text-align: left;
}
/* line 95, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .lightbox__window {
padding-top: 15px;
-o-border-image: linear-gradient(to left, #ff5a00 1%, #ff5a00 100%) 100% 4 stretch;
border-image: -webkit-gradient(linear, right top, left top, color-stop(1%, #ff5a00), to(#ff5a00)) 100% 4 stretch;
border-image: linear-gradient(to left, #ff5a00 1%, #ff5a00 100%) 100% 4 stretch;
}
/* line 99, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .lightbox__window .js-lightbox-close {
top: 10px;
right: 10px;
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -438px -334px;
width: 12px;
height: 12px;
}
/* line 105, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .lightbox__window span.lightbox__title {
margin-bottom: 15px;
font-size: 1.875rem;
}
/* line 109, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .lightbox__window span.lightbox__title:before {
content: "";
display: inline-block;
position: relative;
left: 0;
top: 0;
margin-right: 15px;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -94px -419px;
width: 12px;
height: 20px;
}
/* line 121, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .lightbox__window .saveAddress-button {
margin-right: 15px;
vertical-align: middle;
padding-left: 30px;
padding-right: 30px;
font-family: "Custom-Font-Regular";
}
/* line 136, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.checkout-address .lightbox__title:before {
content: none !important;
}
/* line 140, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.checkout-address .address-section {
margin-top: 0;
}
/* line 142, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.checkout-address .address-section .address {
border: 0;
padding: 0;
}
/* line 145, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.checkout-address .address-section .address .address-tile {
border-top: 1px solid #EEEFEF;
border-bottom: 0;
padding: 0px 0px 15px 0px;
position: relative;
}
/* line 150, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.checkout-address .address-section .address .address-tile .edit-address-btn {
padding-top: 10px;
}
/* line 170, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.checkout-address .address-section .address .subhead {
font-size: 1rem;
}
/* line 173, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.checkout-address .address-section .address .addNew-Address-button {
margin-bottom: 40px;
}
/* line 177, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.checkout-address .address-section .select-address-btn {
position: absolute;
bottom: 30px;
right: 0;
}
/* line 181, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.checkout-address .address-section .select-address-btn button {
padding-left: 30px;
padding-right: 30px;
}
/* line 185, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.checkout-address .address-section .select-address-btn.selected {
background: #ffffff;
border: 1px solid #81BC2A;
color: #81BC2A;
}
/* line 189, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.checkout-address .address-section .select-address-btn.selected:before {
content: "";
display: inline-block;
position: relative;
left: 0;
top: 0;
margin-right: 15px;
}
/*
* Default article setup
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 5, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__wrapper {
border-top: solid 1px #EEEFEF;
margin-top: 20px;
padding-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 11, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__wrapper.no-border {
border-top: 0;
margin-top: 0;
padding-top: 0;
}
/* line 23, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__image {
float: left;
}
/* line 52, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__content {
font-size: 1rem;
margin-left: 0px;
padding: 18px;
position: relative;
}
/* line 75, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__content h2 {
color: #000000;
}
/* line 77, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__content h2:lang(th-TH) {
line-height: 120%;
}
/* line 88, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__content h3 {
color: #221D37;
}
/* line 90, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__content h3:lang(th-TH) {
line-height: 120%;
}
/* line 102, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__content > a {
display: inline-block;
margin-top: 5px;
text-decoration: none;
}
/* line 107, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__content > a .icon {
margin-left: 5px;
vertical-align: middle !important;
}
/* line 120, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__body {
margin: 5px 0;
}
/* line 123, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__body p,
.article-list__body ul li {
font-size: 1rem;
line-height: 1.5rem;
}
/* line 139, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__hidden-content {
display: none;
}
/* line 143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__readmore {
color: transparent;
text-shadow: 0 0 #ff5a00;
}
/* line 152, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__parent header + div .article-list__wrapper {
border-top: 0;
margin-top: 0;
padding-top: 0;
}
/*
* Default badge setup
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_badges.scss */
.badge {
font-family: "Custom-Font-Bold", Arial, sans-serif;
border-radius: 3px;
background-color: #ff5a00;
color: #ffffff;
display: inline-block;
font-size: 0.75rem;
height: 17px;
line-height: 17px;
min-width: 17px;
text-align: center;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.badge:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 19, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_badges.scss */
.cart-badge,
.channel-known-badge,
.channel-unknown-badge {
font-family: "Custom-Font-Medium", Arial, sans-serif;
border-radius: 9px;
color: #ffffff;
font-size: 0.875rem;
height: 18px;
line-height: 17px;
text-align: center;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.cart-badge:lang(zh-TW),
.channel-known-badge:lang(zh-TW),
.channel-unknown-badge:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 39, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_badges.scss */
.cart-badge {
background-color: #ff5a00;
display: block;
min-width: 27px;
}
/* line 45, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_badges.scss */
.channel-known-badge,
.channel-unknown-badge {
display: inline-block;
min-width: 22px;
}
/* line 51, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_badges.scss */
.channel-known-badge {
background-color: #81BC2A;
}
/* line 55, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_badges.scss */
.channel-unknown-badge {
background-color: #D14900;
}
/* line 2, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_breadcrumb.scss */
.breadcrumb-wrapper {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 90, 0, 0.85)), to(rgba(255, 158, 0, 0.85)));
background-image: linear-gradient(to right, rgba(255, 90, 0, 0.85), rgba(255, 158, 0, 0.85));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#D9FF5A00', EndColorStr='#D9FF9E00');
}
/* line 4, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_breadcrumb.scss */
.breadcrumb-wrapper ol.breadcrumb {
line-height: 16px;
list-style: none;
margin: 0;
padding: 0 10px;
}
/* line 13, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_breadcrumb.scss */
.breadcrumb-wrapper ol.breadcrumb a,
.breadcrumb-wrapper ol.breadcrumb li {
color: #ffffff;
font-size: 0.75rem;
text-decoration: none;
}
/* line 20, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_breadcrumb.scss */
.breadcrumb-wrapper ol.breadcrumb a {
font-family: "Custom-Font-Bold", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.breadcrumb-wrapper ol.breadcrumb a:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 24, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_breadcrumb.scss */
.breadcrumb-wrapper ol.breadcrumb li {
display: inline-block;
margin-right: 24px;
padding: 0;
position: relative;
}
/* line 30, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_breadcrumb.scss */
.breadcrumb-wrapper ol.breadcrumb li:before {
content: "";
}
/* line 42, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_breadcrumb.scss */
.breadcrumb-wrapper ol.breadcrumb li:last-child {
margin-right: 0;
}
/*
* Cart
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 33, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-empty p {
margin: 30px 0;
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.minicart-products__wrap .cart-empty {
font-size: 1.25rem;
height: 130px;
position: relative;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* line 61, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-products__wrap {
margin-top: 50px;
}
/* line 69, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
body.rtl .cart-products__wrap .left {
float: right;
}
/* line 72, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
body.rtl .cart-products__wrap .right {
float: left;
}
/* line 77, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-products__wrap .usps {
margin-top: 50px;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-products__wrap .usps li {
padding: 0 0 25px 40px;
}
/* line 93, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-products__wrap .form-element-addon {
background: #ff5a00;
border-radius: 5px;
margin-left: 6px;
position: inherit;
cursor: pointer;
}
/* line 102, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-items_amount {
display: none;
font-size: 1.625rem;
margin-bottom: 20px;
}
/* line 114, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-continueshopping.wide {
float: right;
font-size: 0.875rem;
}
/* line 127, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-continueshopping.wide.disabled {
background-color: #949494;
cursor: default;
}
/* line 132, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-continueshopping.wide[disabled] {
background-color: #949494;
cursor: default;
}
/* line 138, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-checkout-button {
font-size: 0.875rem;
}
/* line 142, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-products {
margin: 30px 0 20px;
}
/* line 156, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product {
border-bottom: 1px solid #EEEFEF;
border-top: 1px solid #EEEFEF;
padding: 30px 15px;
position: relative;
}
/* line 161, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product + .cart-product {
border-top: none;
}
/* line 204, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-details__units {
clear: both;
margin-top: 20px;
}
/* line 252, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-name {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #333333;
font-size: 0.75rem;
text-decoration: none;
display: block;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.cart-product .product-name:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 267, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-code,
.cart-product .product-unit {
color: #949494;
display: block;
font-size: 0.6875rem;
margin-top: 10px;
}
/* line 278, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-code + .product-unit,
.cart-product .product-unit + .product-unit {
margin-top: 5px;
}
/* line 282, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-remove {
color: #333333;
display: block;
font-size: 0.75rem;
margin-top: 0;
text-decoration: none;
}
/* line 297, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-remove__icon {
display: inline;
}
/* line 311, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-price {
text-align: right;
margin-top: 0;
}
/* line 326, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-price .product-price__total {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #000000;
font-size: 0.75rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.cart-product .product-price .product-price__total:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 339, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-price__total,
.cart-product .product-price__description {
display: block;
float: none;
width: 100%;
}
/* line 346, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-price__description {
font-size: 0.5625rem;
}
/* line 376, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .breadcrumb-wrapper-v2 ol.breadcrumb {
display: none;
}
/* line 380, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-loyalty_simple {
font-size: 0.75rem;
}
/* line 385, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .number-stepper__small input[type=text].number-stepper__input,
.cart-product .number-stepper__small input[type=tel].number-stepper__input {
height: 37px;
width: 43px;
}
/* line 396, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .number-stepper__small input[type=tel].number-stepper__input {
height: 1.875rem;
}
/* line 401, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .number-stepper__addon {
width: 1.375rem;
}
/* line 405, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .navigate-back {
font-size: 0.75rem;
}
/* line 411, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product__quantity .label {
display: none;
float: left;
line-height: 1.875rem;
margin-right: 10px;
}
/* line 419, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product__quantity .label.read-only {
display: inline;
float: none;
line-height: inherit;
margin-right: 0;
}
/* line 446, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-products__links a + a {
float: right;
text-align: right;
}
/* line 463, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals {
background: #EEEFEF;
margin-bottom: 10px;
padding: 20px 10px;
}
/* line 490, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals .form-element {
margin-bottom: 10px;
}
/* line 497, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals .submit-arrow {
cursor: pointer;
}
/* line 500, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals .success {
font-size: 0.6875rem;
}
/* line 503, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals .col-span-11 {
margin-right: 0;
}
/* line 517, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals .notification {
clear: both;
}
/* line 522, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals__label {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #000000;
display: block;
font-size: 0.875rem;
text-transform: uppercase;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.cart-totals__label:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 534, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-vat {
display: block;
}
/* line 536, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-vat span {
display: block;
}
/* line 540, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-vat .total-novatlabel {
font-family: "Custom-Font-Medium", Arial, sans-serif;
padding-bottom: 10px;
padding-top: 20px;
font-weight: normal;
font-size: 0.875rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.cart-vat .total-novatlabel:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 551, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-vat .total-vatlabel {
padding-bottom: 10px;
font-weight: normal;
font-size: 0.875rem;
}
/* line 557, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-vat .total-label {
font-family: "Custom-Font-Medium", Arial, sans-serif;
padding-bottom: 10px;
padding-top: 10px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.cart-vat .total-label:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 567, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-vat .total-novatamt {
font-family: "Custom-Font-Medium", Arial, sans-serif;
padding-bottom: 10px;
font-weight: normal;
font-size: 0.875rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.cart-vat .total-novatamt:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 574, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-vat .total-vatamt {
padding-bottom: 10px;
font-size: 0.875rem;
}
/* line 579, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-vat .total-amt {
padding-bottom: 10px;
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.cart-vat .total-amt:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 587, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-vat .divider {
border-top: 2px solid #d6cccc;
display: block;
padding-bottom: 10px;
}
/* line 597, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
span[class*="-totals__amount"] {
text-transform: none;
}
/* line 600, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals__delivery {
color: #949494;
display: block;
font-size: 0.6875rem;
margin-top: 10px;
}
/* line 606, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals__delivery a {
color: #000000;
}
/* line 616, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals__right {
text-align: right;
}
/* line 629, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals__right .button,
.cart-totals__checkout .button {
margin-top: 20px;
}
/* line 652, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals__sum {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #000000;
display: block;
font-size: 0.875rem;
text-align: right;
padding-bottom: 10px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.cart-totals__sum:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 664, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals__description {
color: #000000;
display: block;
font-size: 0.6875rem;
margin: 0 0 20px 0;
}
/* line 674, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-loyalty {
display: block;
margin: 0;
}
/* line 678, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-loyalty .loyalty-summary,
.cart-loyalty .loyalty-orange {
display: inline-block;
padding-bottom: 5px;
}
/* line 683, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals__right .cart-loyalty .loyalty-summary, .cart-totals__right
.cart-loyalty .loyalty-orange {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #000000;
font-size: 0.875rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.cart-totals__right .cart-loyalty .loyalty-summary:lang(zh-TW), .cart-totals__right
.cart-loyalty .loyalty-orange:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 725, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-promotion {
padding: 30px 15px;
}
/* line 742, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-promotion__active {
background: #F0FFD9;
}
/* line 746, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product + .cart-promotion {
border-bottom: 1px solid #EEEFEF;
}
/* line 750, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-promotion + .cart-product {
border-top: none;
}
/* line 755, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.address-confirmation__dialog .address-info {
text-align: center;
}
/* line 758, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.address-confirmation__dialog .button {
margin: 20px 0 10px;
}
/* line 764, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.empty-basic-cart ~ .add-all-to-favorites:before {
color: #EEEFEF;
content: "\2022";
display: inline-block;
margin: 0 10px;
}
/* line 772, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.gift-card__label {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #000000;
display: block;
font-size: 0.9375rem;
margin-bottom: 10px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.gift-card__label:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 779, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.voucher-value {
padding-bottom: 10px;
}
/* line 781, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.voucher-value .voucher-cost-label {
font-size: .8rem;
}
/* line 784, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.voucher-value .voucher-cost-value {
float: right;
font-size: 0.7rem;
}
/* line 790, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.voucher-name {
color: #333333;
font-size: 0.8125rem;
margin: 0 0 10px 0;
font-family: "Custom-Font-Bold";
}
/* line 797, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.voucher-delete {
position: absolute;
top: 10px;
right: 10px;
}
/* line 802, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.total-divider {
border-top: 2px solid #EEEFEF;
width: 50%;
float: right;
margin-bottom: 10px;
}
/* line 809, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.field-disabled {
cursor: not-allowed;
background-color: #E5E6E9 !important;
}
/* line 814, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.field-disabled span {
cursor: not-allowed !important;
}
/* line 818, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.total-amount__section {
clear: both;
padding-bottom: 10px;
}
/* line 821, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.total-amount__section .cart-totals__sum {
float: right;
}
/* line 825, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.loyalty-code__loggin {
display: inline-block;
padding-bottom: 10px;
}
/* line 832, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.kan-product-details-disclaimer {
position: absolute;
background-color: #fff2f2;
padding: 2px 10px 5px 10px;
border-radius: 6px;
font-size: 0.6875rem;
font-weight: bold;
margin-top: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 844, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.kan-product-details-disclaimer .kan-prod-out-stock-icon2 {
background-image: url(../../designs/ufs-aem/static/icons/outstock-black-info.svg);
background-position: 0 0;
background-repeat: no-repeat;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
/*
* Checkout summary
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-row + .checkout-summary-row {
margin-top: 20px;
}
/* line 10, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-row .navigate-back {
float: left;
}
/* line 15, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-container {
border: 1px solid #EEEFEF;
border-radius: 5px;
padding: 10px;
font-size: 0.8125rem;
text-align: left;
}
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-container h4, .checkout-summary-container .h4 {
margin: 0;
font-size: 1rem;
font-weight: bold;
}
/* line 26, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-container h4.left, .checkout-summary-container .h4.left {
margin-right: 10px;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-container h4.left + a, .checkout-summary-container .h4.left + a {
line-height: 25px;
}
/* line 35, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-container p {
overflow: hidden;
text-overflow: ellipsis;
}
/* line 45, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-list {
border-bottom: 1px solid #EEEFEF;
margin-bottom: 10px;
padding-bottom: 10px;
}
/* line 50, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-list li {
position: relative;
}
/* line 53, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-list li span {
font-weight: bold;
}
/* line 70, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-list li.heading {
margin-bottom: 20px;
}
/* line 74, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-list li:not(.heading) {
padding: 0 0 10px 24px;
}
/* line 77, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-list li:not(.heading):before {
color: #949494;
content: "\002022";
left: 0;
position: absolute;
}
/* line 86, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-footer {
text-align: right;
}
/* line 89, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-footer .tooltip {
text-align: left;
}
/* line 93, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-footer .spacer {
display: inline-block;
min-width: 30%;
}
/* line 97, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-footer p {
overflow: inherit;
}
/* line 102, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-conditions,
.checkout-summary-selling {
width: 36%;
float: right;
position: relative;
}
/* line 116, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.form-previous-step {
margin-top: 20px;
float: left;
}
/* line 120, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
body.rtl .form-previous-step {
float: right;
}
/* line 124, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.form-next-step {
margin-top: 40px;
float: right;
margin-bottom: 40px;
}
/* line 129, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
body.rtl .form-next-step {
float: left;
}
/* line 134, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-price-indication,
.checkout-summary-tc {
font-size: 0.8125rem;
text-align: right;
}
/* line 139, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-price-indication span.error,
.checkout-summary-tc span.error {
color: #ff5a00;
}
/* line 144, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-price-indication {
color: #949494;
}
/* line 148, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-checkboxes-row {
float: right;
max-width: 500px;
}
/* line 152, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
body.rtl .checkout-checkboxes-row {
float: left;
}
/*
* Checkout
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 167, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout {
width: 100%;
}
/* line 176, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .paymentsection {
max-width: 480px;
margin: 0 auto;
}
/* line 181, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .tabs {
margin: 0px;
padding: 0px;
list-style: none;
border-bottom: 1px solid #EEEFEF;
}
/* line 188, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .tabs__link {
background: none;
color: #949494;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
position: relative;
top: 1px;
}
/* line 196, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .tabs__link.current {
color: #333333;
border-bottom: 2px solid #ff5a00;
}
/* line 206, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .tabs__img {
width: 50px;
display: inline-block;
padding-right: 10px;
}
/* line 212, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .tab__content {
display: none;
padding-top: 25px;
}
/* line 217, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .tab__content.current {
display: inherit;
position: relative;
}
/* line 222, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .card__label {
vertical-align: middle;
}
/* line 224, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .card__label:before {
margin-top: 5px;
}
/* line 230, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .paybymoney ul {
margin-top: 30px;
padding: 0 10px;
}
/* line 233, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .paybymoney ul li {
padding-bottom: 20px;
color: #949494;
font-size: 0.875rem;
}
/* line 239, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .paybymoney .cards {
padding-top: 25px;
}
/* line 243, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .paybymoney__cardlabel {
max-width: 100%;
}
/* line 245, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .paybymoney__cardlabel:before {
margin-top: 18px;
}
/* line 249, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .payment-bankname {
padding-top: 10px;
font-weight: bold;
}
/* line 253, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .cards__cardicon {
margin-left: 26px;
}
/* line 256, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .cardicon__img {
display: inline-block;
}
/* line 259, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .cards {
margin-bottom: 10px;
border-radius: 5px;
border: 1px solid #EEEFEF;
overflow: hidden;
padding: 0 12px 25px 25px;
}
/* line 265, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .cards.active {
background: #ffffff;
border: 1px solid #ff5a00;
}
/* line 272, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .card__delete {
display: block;
text-align: right;
padding: 5px 0 10px 0;
font-size: 0.75rem;
color: #333333;
}
/* line 281, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .cards__number {
width: 44%;
display: inline-block;
}
/* line 284, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .cards__number a {
width: 100%;
padding-left: 32px;
}
/* line 288, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .cards__number .form-element + .form-element {
position: inherit;
}
/* line 290, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .cards__number .form-element + .form-element .error-message {
position: absolute;
top: 0;
}
/* line 297, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .cards__type {
text-align: right;
width: 40%;
float: right;
margin-right: 0;
}
/* line 304, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .cards__img {
display: inline-block;
width: 60px;
padding-left: 10px;
}
/* line 309, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .addnewcard {
border: 1px dashed #949494;
padding: 25px;
border-radius: 5px;
text-align: center;
margin-bottom: 25px;
}
/* line 316, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .addnewcard__span {
display: block;
}
/* line 319, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .addnewcard__img {
display: inline-block;
width: 40px;
}
/* line 324, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .usesecure {
margin: 30px 0 40px 0;
}
/* line 327, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .usesecure__img {
display: inline-block;
border-right: 1px solid #949494;
width: 70px;
}
/* line 331, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .usesecure__img + img {
border-right: 0;
}
/* line 335, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .form-element--left {
float: left;
width: auto;
margin-top: 2px;
margin-right: 20px;
}
/* line 342, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .payment-type {
margin-bottom: 40px;
}
/* line 345, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .payment-type__row {
background: #EEEFEF;
overflow: hidden;
margin-bottom: 5px;
border-radius: 5px;
}
/* line 350, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .payment-type__row.active {
background: #ffffff;
border: 1px solid #ff5a00;
}
/* line 353, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .payment-type__row.active .payment-type__text {
border-right: 0px;
}
/* line 358, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .payment-type__text {
float: left;
width: 70%;
border-right: 1px solid #EEEFEF;
padding: 13px;
font-size: 0.875rem;
}
/* line 366, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .payment-type__value {
border-left: 1px solid #ffffff;
width: 30%;
float: right;
font-family: "Custom-Font-Medium";
padding: 13px;
font-size: 0.875rem;
}
/* line 375, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .addNewcardwindow {
border-radius: 5px;
padding: 20px;
}
/* line 380, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .newcard {
border: 1px solid #ff5a00;
padding: 10px;
margin-bottom: 30px;
border-radius: 5px;
}
/* line 387, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .newcard__head {
color: #949494;
font-size: 1rem;
font-weight: bold;
margin-bottom: 60px;
display: inline-block;
}
/* line 394, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .newcard__icon {
float: right;
}
/* line 396, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .newcard__icon .icon {
opacity: .1;
}
/* line 399, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .newcard__icon .active {
opacity: 1;
}
/* line 403, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .form-element--padd {
padding-bottom: 10px;
}
/* line 406, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .form-element--padd.inputMonth:after {
background-image: none;
}
/* line 411, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .form-element--padd.is-not-valid select {
border-color: #E62A36;
}
/* line 416, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .form-element--padd.inputYear:after {
background-image: none;
}
/* line 421, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .newcard__dateSection {
display: inline-block;
width: 60%;
}
/* line 425, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .newcard__labelcardDetails {
padding-bottom: 5px;
display: block;
font-size: 0.75rem;
}
/* line 430, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .newcard__ccvSection {
width: 34%;
float: right;
}
/* line 435, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .newcard__inputMonth {
display: inline-block;
width: 47%;
}
/* line 439, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .newcard__inputYear {
display: inline-block;
width: 47%;
}
/* line 444, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .newcard__inputCcv {
margin-top: 0;
color: red;
}
/* line 448, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .form-element-addon--nobg {
background: transparent;
}
/* line 451, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .paymentCardDetails__img {
display: inline-block;
margin-right: 15px;
}
/* line 455, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .paymentCardDetails__p {
display: inline-block;
}
/* line 458, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .paymentCardDetails {
clear: both;
border-right: 1px solid #EEEFEF;
padding: 0 20px;
}
/* line 465, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .paymentCardDetails__EmiDetails {
padding-left: 20px;
}
/* line 469, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .tab_footer {
margin-top: 50px;
margin-bottom: 200px;
}
/* line 472, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .tab_footer .button {
float: right;
}
/* line 479, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.readonly-cart h2 {
margin-top: 0;
font-size: 1.625rem;
}
/* line 485, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product {
border-bottom: 1px solid #fff2f2;
border-top: 1px solid #fff2f2;
padding: 30px 0;
}
/* line 489, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product + .checkout-product {
border-top: 0;
}
/* line 494, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details {
position: relative;
}
/* line 499, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details .product-brand {
display: block;
text-transform: uppercase;
}
/* line 503, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details .product-name {
font-family: "Custom-Font-Medium", Arial, sans-serif;
display: block;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-product__details .product-name:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 507, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details .product-volume {
color: #ff5a00;
}
/* line 510, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details .product-quantity {
float: left;
margin: 15px 0 5px;
width: 50%;
}
/* line 515, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details .product-quantity,
.checkout-product__details .product-details {
font-size: 0.8125rem;
}
/* line 519, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details .product-details_codes {
margin-bottom: 5px;
}
/* line 522, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details .product-details,
.checkout-product__details .product-loyalty {
clear: left;
float: left;
width: 50%;
}
/* line 528, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details .product-loyalty {
margin-top: 20px;
}
/* line 531, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details .product-pricing {
bottom: 0;
float: right;
position: absolute;
right: 0;
width: 50%;
}
/* line 537, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details .product-pricing.loyalty-product {
position: static;
width: 100%;
}
/* line 540, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details .product-pricing.loyalty-product .product-loyalty {
float: none;
margin-top: 10px;
width: 100%;
}
/* line 545, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details .product-pricing.loyalty-product .product-price {
margin-bottom: 0;
padding-bottom: 0;
}
/* line 551, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details .product-price {
text-align: right;
}
/* line 559, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details .product-price__total {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #ff5a00;
display: block;
float: none;
font-size: 1.625rem;
width: auto;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-product__details .product-price__total:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 570, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details .product-price__description {
float: none;
font-size: 0.6875rem;
width: auto;
}
/* line 577, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals {
margin-top: 25px;
text-align: center;
}
/* line 580, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals .button {
clear: both;
display: block;
margin: 0 auto;
text-transform: uppercase;
width: 300px;
}
/* line 592, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals__delivery {
color: #949494;
display: block;
font-size: 0.75rem;
padding: 0 0 20px 0;
text-align: center;
}
/* line 598, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals__delivery a {
color: #949494;
}
/* line 605, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals__delivery.mobile-show {
display: none;
}
/* line 613, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals__delivery.mobile-hide {
display: block;
}
/* line 620, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals__content {
background: #fff2f2;
padding: 20px 25px;
text-align: left;
}
/* line 628, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals__left {
float: left;
width: 40%;
}
/* line 632, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals__right {
float: right;
text-align: right;
width: 60%;
}
/* line 637, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals__label {
font-family: "Custom-Font-Medium", Arial, sans-serif;
display: block;
font-size: 1.25rem;
text-transform: uppercase;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-totals__label:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 646, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals__sum {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #ff5a00;
display: block;
font-size: 1.625rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-totals__sum:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 655, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals__description {
display: block;
font-size: 0.6875rem;
margin-bottom: 20px;
}
/* line 660, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-loyalty {
font-family: "Custom-Font-Medium", Arial, sans-serif;
clear: both;
color: #ff5a00;
display: block;
font-size: 0.8125rem;
text-align: right;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-loyalty:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 670, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation h1 {
font-family: "Custom-Font-Regular", Arial, sans-serif;
color: #ff5a00;
font-size: 2.25rem;
margin-bottom: 50px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-confirmation h1:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 679, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation .cart-products__wrap {
margin-top: 70px;
}
/* line 681, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation .cart-products__wrap h3 {
margin-bottom: 30px;
}
/* line 685, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation .cart-items_amount {
float: none;
width: 100%;
}
/* line 698, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_success {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #F0FFD9;
color: #000000;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px;
position: relative;
}
/* line 706, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_success h3 {
color: inherit;
margin: 0 20px 0;
padding-left: 30px;
font-size: 1rem;
line-height: 1.25rem;
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-confirmation_success h3:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 714, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_success h3:before {
display: inline-block;
margin-top: 2px;
content: url("../../designs/ufs-aem/static/icons/check.svg");
-webkit-filter: invert(60%) sepia(65%) saturate(487%) hue-rotate(42deg) brightness(98%) contrast(87%);
filter: invert(60%) sepia(65%) saturate(487%) hue-rotate(42deg) brightness(98%) contrast(87%);
top: 50%;
left: -18%;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* line 746, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_text {
word-break: break-word;
}
/* line 748, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_text p {
margin: 0;
color: #000000;
font-size: 1rem;
line-height: 1.25rem;
padding: 10px 16px 10px 8px;
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-confirmation_text p:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 761, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_register {
margin-top: 60px;
height: 60px;
position: relative;
}
/* line 766, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_register .loyalty-badge {
color: #ff5a00;
display: block;
font-family: "Custom-Font-Medium";
left: 20px;
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
text-align: center;
}
/* line 773, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_register .loyalty-badge + .checkout-confirmation_register-text {
padding-left: 150px;
}
/* line 790, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_register .checkout-confirmation_register-text {
color: #ff5a00;
display: block;
font-size: 1.25rem;
max-width: 70%;
}
/* line 802, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_register .checkout-confirmation_register-text p {
margin: 0;
}
/* line 807, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_register .col-span-7 .checkout-confirmation_register-text {
margin-left: 150px;
max-width: none;
-webkit-transform: none;
transform: none;
}
/* line 816, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_register .col-span-5.last-col {
margin-top: 0;
text-align: right;
}
/* line 819, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_register .col-span-5.last-col a.button {
margin-top: 5px;
margin-bottom: 5px;
display: block;
}
/* line 827, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_register > .button {
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
float: right;
right: 10px;
margin-top: 0;
}
/* line 851, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details {
margin-top: 60px;
}
/* line 853, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details > h3 {
color: #333333;
margin-bottom: 20px;
font-size: 1.625rem;
}
/* line 858, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .checkout-confirmation_block {
min-height: 155px;
}
/* line 867, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .checkout-confirmation_icon {
display: inline-block;
text-align: center;
width: 30px;
}
/* line 871, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .checkout-confirmation_icon .icn-email {
color: #ff5a00;
}
/* line 875, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details address {
font-style: normal;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 884, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details p {
margin: 0;
}
/* line 886, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details p + p {
margin-top: 5px;
}
/* line 890, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .phone {
text-decoration: none;
}
/* line 894, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .order-status {
display: inline-block;
}
/* line 898, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .status-cancelled,
.checkout-confirmation_details .status-complete,
.checkout-confirmation_details .status-in-progress,
.checkout-confirmation_details .status-migrated {
border-radius: 20px;
display: inline-block;
height: 40px;
margin-right: 5px;
position: relative;
vertical-align: middle;
width: 40px;
}
/* line 910, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .status-cancelled:before,
.checkout-confirmation_details .status-complete:before,
.checkout-confirmation_details .status-in-progress:before,
.checkout-confirmation_details .status-migrated:before {
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #ffffff;
content: "";
}
/* line 918, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .status-cancelled {
background-color: #E62A36;
}
/* line 920, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .status-cancelled:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -82px -362px;
width: 18px;
height: 18px;
}
/* line 925, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .status-complete,
.checkout-confirmation_details .status-migrated {
background-color: #81BC2A;
}
/* line 928, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .status-complete:before,
.checkout-confirmation_details .status-migrated:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -217px -301px;
width: 22px;
height: 16px;
}
/* line 933, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .status-in-progress {
background-color: #949494;
}
/* line 935, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .status-in-progress:before {
content: attr(data-step);
}
/* line 939, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .hybris-status-complete,
.checkout-confirmation_details .hybris-status-cancelled,
.checkout-confirmation_details .hybris-status-in-progress {
padding-left: 24px;
}
/* line 943, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .hybris-status-complete:before,
.checkout-confirmation_details .hybris-status-cancelled:before,
.checkout-confirmation_details .hybris-status-in-progress:before {
content: "";
position: absolute;
left: 13px;
margin-top: 3px;
}
/* line 951, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .hybris-status-complete:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -345px -301px;
width: 17px;
height: 12px;
}
/* line 956, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .hybris-status-cancelled:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -326px -334px;
width: 15px;
height: 14px;
}
/* line 961, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .hybris-status-in-progress:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -215px -362px;
width: 11px;
height: 14px;
}
/* line 967, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_block {
background: #EEEFEF;
padding: 20px;
}
/* line 970, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_block h3 {
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.375rem;
}
/* line 976, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_block .last-col {
margin-top: 32px;
}
/* line 979, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_block.checkout-confirmation_register {
padding: 10px;
height: auto;
}
/* line 998, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
body.rtl .checkout-confirmation_block .checkout-phonenumber {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 1001, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
body.rtl .checkout-confirmation_block .checkout-phonenumber .phone {
direction: ltr;
}
/* line 1008, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.price-section {
overflow: hidden;
}
/* line 1011, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.price-section .checkout-vat .total-novatlabel {
font-weight: bold;
padding-top: 20px;
}
/* line 1015, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.price-section .checkout-vat .total-vatlabel {
padding-top: 10px;
}
/* line 1018, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.price-section .checkout-vat .total-label {
padding: 25px 0 10px 0;
font-family: "Custom-Font-Bold", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.price-section .checkout-vat .total-label:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1022, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.price-section .checkout-vat .divider {
border: 1px solid #EEEFEF;
margin: 10px 0 0 0;
}
/* line 1026, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.price-section .checkout-vat .total-novatamt {
font-weight: bold;
margin-top: 10px;
}
/* line 1030, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.price-section .checkout-vat .total-vatamt {
padding: 10px 0 0 0;
}
/* line 1033, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.price-section .checkout-vat .total-amt {
padding: 15px 0 10px 0;
font-family: "Custom-Font-Bold", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.price-section .checkout-vat .total-amt:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/*
* Redesign of the confirmation page
* https://jira.emakina.nl/browse/UFSW-5288
*/
/* line 14, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-confirmation_message {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 835px;
margin: 0 auto;
background-color: #F0FFD9;
border-radius: 5px;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* line 28, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-confirmation_message .success-icon:before {
display: inline-block;
margin-top: 2px;
content: url("../../designs/ufs-aem/static/icons/check.svg");
-webkit-filter: invert(60%) sepia(65%) saturate(487%) hue-rotate(42deg) brightness(98%) contrast(87%);
filter: invert(60%) sepia(65%) saturate(487%) hue-rotate(42deg) brightness(98%) contrast(87%);
}
/* line 35, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-confirmation_message h2 {
margin: 0;
padding: 10px 16px 10px 8px;
font-size: 1rem;
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-confirmation-page-v2 .checkout-confirmation_message h2:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 40, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-confirmation_message h2 p {
line-height: 1.25rem;
}
/* line 46, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-confirmation-loyalty-points {
font-family: "Custom-Font-Medium", Arial, sans-serif;
max-width: 565px;
margin: 30px auto;
text-align: center;
font-size: 1.125rem;
line-height: 25px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-confirmation-page-v2 .checkout-confirmation-loyalty-points:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 66, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .order-number {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-confirmation-page-v2 .order-number:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 78, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .order-status-wrapper {
margin-top: 10px;
}
/* line 82, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-status-wrapper {
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;
font-size: 0.875rem;
padding-left: 17px;
padding-top: 10px;
padding-bottom: 10px;
}
/* line 95, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
body.rtl .checkout-confirmation-page-v2 .checkout-summary-status-wrapper {
padding-left: 0;
padding-right: 17px;
}
/* line 104, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-status-wrapper p {
display: inline-block;
margin: 0;
}
/* line 109, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-status-wrapper span {
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-confirmation-page-v2 .checkout-summary-status-wrapper span:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 114, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-info-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 122, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-info-wrapper .checkout-summary-column {
width: 33.3335%;
border: 1px solid #EEEFEF;
border-radius: 5px;
padding: 15px 17px;
margin-right: 36px;
color: #333333;
-ms-flex-item-align: start;
align-self: flex-start;
}
/* line 131, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
body.rtl .checkout-confirmation-page-v2 .checkout-summary-info-wrapper .checkout-summary-column {
margin-right: 0;
margin-left: 36px;
}
/* line 155, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-info-wrapper .checkout-summary-column:last-child {
margin-right: 0;
}
/* line 158, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
body.rtl .checkout-confirmation-page-v2 .checkout-summary-info-wrapper .checkout-summary-column:last-child {
margin-left: 0;
}
/* line 163, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-info-wrapper .checkout-summary-column h4 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
margin-top: 0;
margin-bottom: 25px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-confirmation-page-v2 .checkout-summary-info-wrapper .checkout-summary-column h4:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 173, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-info-wrapper .checkout-summary-column span {
display: block;
font-size: 0.875rem;
}
/* line 178, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-info-wrapper .checkout-summary-column a {
font-size: 0.875rem;
display: inline-block;
padding: 15px 0;
}
/* line 185, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-info-wrapper .checkout-summary-column--wider {
width: 50%;
}
/* line 190, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column {
padding: 15px;
border-radius: 5px;
border: 1px solid #EEEFEF;
}
/* line 203, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column li {
border-bottom: 2px solid #EEEFEF;
margin: 0 -15px;
padding: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 0.875rem;
}
/* line 217, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .heading {
padding-top: 0;
padding-bottom: 30px;
border-bottom: none;
}
/* line 226, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .heading .item,
.checkout-confirmation-page-v2 .checkout-summary-column .heading .quantity,
.checkout-confirmation-page-v2 .checkout-summary-column .heading .price {
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .heading .item:lang(zh-TW),
.checkout-confirmation-page-v2 .checkout-summary-column .heading .quantity:lang(zh-TW),
.checkout-confirmation-page-v2 .checkout-summary-column .heading .price:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 255, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .item {
width: 60%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 5px;
}
/* line 266, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .item .item-image {
width: 30px;
display: inline-block;
margin-right: 25px;
}
/* line 271, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
body.rtl .checkout-confirmation-page-v2 .checkout-summary-column .item .item-image {
margin-right: 0;
margin-left: 25px;
}
/* line 281, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .item .item-additional-info {
font-size: 0.75rem;
color: #949494;
display: block;
}
/* line 288, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .quantity {
width: 10%;
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;
padding: 0 5px;
}
/* line 303, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .price {
width: 30%;
text-align: right;
padding-left: 5px;
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;
}
/* line 318, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .total-price:before {
content: '';
display: block;
width: 160px;
height: 2px;
background-color: #EEEFEF;
margin-left: auto;
}
/* line 326, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
body.rtl .checkout-confirmation-page-v2 .checkout-summary-column .total-price:before {
margin-left: 0;
margin-right: auto;
}
/* line 338, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .total-price p {
display: inline-block;
}
/* line 341, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .total-price p:last-child {
min-width: 170px;
}
/* line 347, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .checkout-summary-total {
font-family: "Custom-Font-Medium", Arial, sans-serif;
text-align: right;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .checkout-summary-total:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 351, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
body.rtl .checkout-confirmation-page-v2 .checkout-summary-column .checkout-summary-total {
text-align: left;
}
/* line 360, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .recommmended-price {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 0.75rem;
color: #757575;
display: block;
margin-top: -10px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .recommmended-price:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 374, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .loyalty-points-earned {
font-family: "Custom-Font-Regular", Arial, sans-serif;
background-color: #D14900;
font-size: 0.875rem;
color: #ffffff;
padding: 2px 7px;
display: inline-block;
border-radius: 5px;
margin-top: 20px;
margin-bottom: 0;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .loyalty-points-earned:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 391, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2.promotion-tiles-section {
margin-top: 45px;
}
/* line 395, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .promotion-tiles-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 402, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .promotion-tiles-wrapper .promotion-tile {
position: relative;
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
border-radius: 5px;
margin-right: 45px;
padding: 15px;
height: 265px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
/* line 420, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .promotion-tiles-wrapper .promotion-tile:last-child {
margin-right: 0;
}
/* line 425, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .promotion-tiles-wrapper h2 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
margin: 0;
font-size: 1.125rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-confirmation-page-v2 .promotion-tiles-wrapper h2:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 431, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .promotion-tiles-wrapper .btn,
.checkout-confirmation-page-v2 .promotion-tiles-wrapper h2 {
position: absolute;
}
/* line 436, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .promotion-tiles-wrapper .download-tile {
background-color: #000000;
}
/* line 439, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .promotion-tiles-wrapper .download-tile h2 {
color: #ffffff;
top: 15px;
left: 15px;
}
/* line 445, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .promotion-tiles-wrapper .download-tile .btn {
background-color: #ffffff;
border-radius: 5px;
top: 50%;
}
/* line 452, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .promotion-tiles-wrapper .discover-tile {
background-color: #EEEFEF;
}
/* line 455, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .promotion-tiles-wrapper .discover-tile h2 {
top: 15px;
left: 15px;
background-color: #ffffff;
text-transform: uppercase;
padding: 10px 5px;
}
/* line 463, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .promotion-tiles-wrapper .discover-tile .btn {
bottom: 15px;
right: 15px;
}
/* line 476, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .slick-dots {
display: none;
}
/* line 480, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .download-section {
padding: 30px 0;
}
/* line 484, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .download-tools {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.25rem;
color: #ff5a00;
position: relative;
}
/* line 491, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .download-tools li {
position: relative;
}
/* line 494, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .download-tools li:first-child {
margin-right: 25px;
}
/* line 497, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
body.rtl .checkout-confirmation-page-v2 .download-tools li:first-child {
margin-right: 0;
margin-left: 25px;
}
/* line 509, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .download-tools li:first-child:after {
right: 30px;
}
/* line 512, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
body.rtl .checkout-confirmation-page-v2 .download-tools li:first-child:after {
right: auto;
left: 30px;
}
/* line 520, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .download-tools li:last-child:after {
left: 30px;
}
/* line 523, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
body.rtl .checkout-confirmation-page-v2 .download-tools li:last-child:after {
left: auto;
right: 30px;
}
/* line 532, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .download-tools li:first-child:after, .checkout-confirmation-page-v2 .download-tools li:last-child:after {
content: '';
height: 1px;
background-color: #EEEFEF;
width: 320px;
display: inline-block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* line 549, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .download-tools a {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
text-decoration: none;
}
/* line 560, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .download:before {
content: "\e90f";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 566, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .print:before {
content: "\e933";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*
* Default containers
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container {
position: relative;
}
/* line 15, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.equal-proportions {
padding: 0;
}
/* line 17, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.equal-proportions .content {
display: inline-block;
padding: 18px 20px;
position: relative;
vertical-align: top;
}
/* line 35, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.order-product {
margin-bottom: 35px;
padding: 18px 20px;
position: relative;
text-align: center;
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.order-product h3 {
color: #000000;
}
/* line 45, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.order-product img {
margin: auto;
max-width: 50%;
}
/* line 71, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.bg-image {
padding: 18px 20px;
position: relative;
}
/* line 76, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.orange, .container.dark {
padding: 18px 20px;
}
/* line 80, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.orange h1, .container.orange h2, .container.orange h3, .container.orange h4, .container.orange h5, .container.orange p, .container.orange a, .container.dark h1, .container.dark h2, .container.dark h3, .container.dark h4, .container.dark h5, .container.dark p, .container.dark a {
color: #ffffff;
}
/* line 85, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.orange {
background-image: -webkit-gradient(linear, left top, right top, from(#ff5a00), to(#FF9E00));
background-image: linear-gradient(to right, #ff5a00, #FF9E00);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#FFFF5A00', EndColorStr='#FFFF9E00');
overflow: hidden;
}
/* line 90, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.dark {
background-color: #333333;
}
/* line 94, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.gray-light {
border: 1px solid #fff2f2;
padding: 18px 20px;
}
/* line 99, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.image {
margin-bottom: 20px;
overflow: hidden;
padding: 0;
position: relative;
}
/* line 105, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.image img {
width: 100%;
}
/* line 116, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.image .overlay {
left: 0;
margin: 0;
padding: 0 20px;
position: absolute;
top: 18px;
width: 100%;
z-index: 1;
}
/* line 125, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.image .overlay.centered {
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
padding: 0 20px;
text-align: center;
width: 100%;
}
/* line 134, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.image .overlay.by-chefs .inner-horizontal-list {
margin-top: 25px;
}
/* line 147, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.image .overlay.top {
top: 20px;
}
/* line 167, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.image .overlay.top h2, .container.image .overlay.top h3 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.container.image .overlay.top h2:lang(zh-TW), .container.image .overlay.top h3:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 172, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.image .overlay.bottom {
bottom: 18px;
text-align: center;
top: auto;
}
/* line 179, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.image h1, .container.image h2, .container.image h3, .container.image p {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
color: #ffffff;
}
/* line 184, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.image h1, .container.image h2, .container.image h3 {
margin: 0;
}
/*
* No results container
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 210, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.no-results {
border: solid 1px #ececec;
margin: 20px 10px;
padding: 20px;
}
/* line 215, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.no-results h3 {
color: #ff5a00;
font-size: 1.5rem;
}
/* line 220, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.no-results p {
text-align: left !important;
margin: 0 !important;
}
/*
* Favoriteslists in dialogue
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favoritelist-dialogue label {
font-family: "Custom-Font-Bold", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.favoritelist-dialogue label:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 10, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favoritelist-dialogue label.create-list-label {
display: block;
float: none;
}
/* line 17, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favoritelist-dialogue input[type="text"].create-list-input {
margin-right: 20px;
width: calc(60% - 20px);
}
/* line 24, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favoritelist-dialogue a.create-list-confirm {
float: left;
margin-top: 10px;
padding-top: 7px;
width: 40%;
}
/* line 32, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favoritelist-dialogue .inner-horizontal-list {
margin-top: 30px;
}
/* line 36, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favoritelist-dialogue .notification {
margin-top: -30px;
margin-left: -20px;
margin-right: -20px;
}
/* line 44, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
body.rtl .favoritelist-dialogue .inner-horizontal-list li {
margin-left: 10px;
}
/* line 49, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
body.rtl .favoritelist-dialogue .inner-horizontal-list li:last-child {
margin-left: 0;
}
/* line 57, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list_dialogue {
margin-top: 30px;
}
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list_dialogue li {
border-bottom: 1px solid #EEEFEF;
min-height: 60px;
padding: 10px 0;
position: relative;
}
/* line 67, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list_dialogue input[type="checkbox"] {
display: none;
}
/* line 70, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list_dialogue input[type="checkbox"]:checked + label:after {
content: "\f004";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 75, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list_dialogue label {
cursor: pointer;
display: block;
margin-top: 9px;
margin-right: 84px;
}
/* line 81, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list_dialogue label:after {
right: 0;
position: absolute;
content: "";
}
/* line 86, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list_dialogue label:after {
content: "\e900";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #ff5a00;
font-size: 1.25rem;
z-index: 1;
}
/* line 93, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list_dialogue label:hover:after {
content: "\f004";
}
/* line 98, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list_dialogue + div {
margin-top: 20px;
}
/* line 103, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.create-button {
padding-left: 26px;
position: relative;
}
/* line 107, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.create-button:before, .create-button:after {
background-color: #ff5a00;
content: "";
}
/* line 113, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.create-button:before {
top: 10px;
left: 0;
position: absolute;
height: 2px;
width: 16px;
}
/* line 119, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.create-button:after {
top: 3px;
left: 7px;
position: absolute;
height: 16px;
width: 2px;
}
/*
* Favoriteslists on page
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 138, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list {
margin: 30px 0 0;
}
/* line 140, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list a {
text-decoration: none;
}
/* line 145, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list__row {
border-bottom: 1px solid #EEEFEF;
border-top: 1px solid #EEEFEF;
padding: 20px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* line 152, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list__row:before {
display: none;
}
/* line 155, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list__row + .favorites-list__row {
border-top: none;
}
/* line 158, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list__row .left,
.favorites-list__row .right {
max-width: 47%;
}
/* line 162, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list__row .right {
height: 22px;
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
right: 20px;
}
/* line 174, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list__row .favorites-list__left-list,
.favorites-list__row .favorites-list__right-list {
float: left;
width: 50%;
}
/* line 179, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list__row .favorites-list__right-list {
text-align: right;
}
/* line 184, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list__name {
font-family: "Custom-Font-Medium", Arial, sans-serif;
float: left;
font-size: 1.25rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.favorites-list__name:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 190, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list__size {
font-family: "Custom-Font-Regular", Arial, sans-serif;
color: #EEEFEF;
display: block;
font-size: 1rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.favorites-list__size:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 198, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list__update input[type="text"] {
float: left;
margin-right: 20px;
width: auto;
}
/* line 208, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list__update a + a {
margin-left: 20px;
}
/* line 214, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list__edit,
.favorites-list__delete {
display: inline-block;
}
/* line 219, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list__edit a:hover {
text-decoration: underline;
}
/* line 227, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
body.rtl .favorites-list__delete {
margin-left: 0;
margin-right: 30px;
}
/* line 233, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list__delete:hover .link-text {
text-decoration: underline;
}
/* line 238, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-head {
clear: both;
}
/* line 242, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-tab {
clear: both;
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
}
/* line 247, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-tab li {
font-family: "Custom-Font-Medium", Arial, sans-serif;
float: left;
list-style: none;
font-size: 1.5rem;
cursor: pointer;
padding: 0;
margin-right: 30px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.favorites-tab li:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 256, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-tab li.active {
color: #ff5a00;
border-bottom: 4px solid #ff5a00;
}
/* line 260, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-tab li:before {
content: none;
}
/* line 264, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-tab .tabitems {
clear: both;
}
/*
* Favorite products for a list
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 277, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .favorite-products__header {
margin: 20px 10px 0 10px;
}
/* line 279, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .favorite-products__header > p {
clear: both;
}
/* line 283, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products h2 {
float: left;
margin-top: 10px;
}
/* line 290, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-sorting {
clear: both;
float: right;
margin-bottom: 20px;
}
/* line 294, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-sorting .product-sorting__category {
margin-right: 20px;
}
/* line 303, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-sorting .product-sorting__order,
.favorite-products .product-sorting .product-sorting__category {
float: left;
position: relative;
}
/* line 321, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .print-favorites {
float: right;
font-size: 0.875rem;
margin-right: 10px;
margin-top: 20px;
text-decoration: none;
}
/* line 327, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .print-favorites .print-favorites__label {
display: inline-block;
}
/* line 331, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .print-favorites:hover .print-favorites__label {
text-decoration: underline;
}
/* line 339, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .favorite-products__empty {
margin: 20px 10px 0 10px;
text-align: center;
}
/* line 342, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .favorite-products__empty p {
margin-bottom: 30px;
}
/* line 346, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-products__header,
.favorite-products .cart-products__header .cart-product__wrap {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 356, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-products {
margin-top: 10px;
}
/* line 359, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-products__wrap {
clear: both;
margin-top: 20px;
}
/* line 363, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product {
padding: 30px 0;
}
/* line 366, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__image {
text-align: center;
}
/* line 368, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__image img {
display: inline-block;
max-height: 130px;
}
/* line 387, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__details {
margin-top: 9px;
}
/* line 412, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__wrap {
width: 100%;
}
/* line 434, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__pricing {
margin-top: 0;
width: calc(40% - 10px);
text-align: right;
margin-right: 0;
}
/* line 455, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__volume {
margin-top: 0;
width: calc(25% - 10px);
}
/* line 468, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__quantity {
margin-top: 0;
text-align: center;
}
/* line 489, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-volume,
.favorite-products .product-price {
font-family: "Custom-Font-Medium";
}
/* line 494, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-volume + .product-volume {
margin-top: 25px;
}
/* line 501, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-price {
text-align: left;
}
/* line 503, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-price + .product-price {
margin-top: 25px;
padding-bottom: 0;
}
/* line 529, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .number-stepper + .number-stepper {
margin-top: 20px;
}
/* line 533, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.plus12_5 .favorite-products .number-stepper {
width: 120px;
}
/* line 554, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .promotionlabel-pill {
display: inline-block;
background-color: #d0021b;
border-radius: 12.5px;
color: #ffffff;
font-size: 0.75rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 3px 8px 5px 8px;
z-index: 1;
margin-right: 5px;
position: relative;
top: 0px;
text-align: center;
}
/* line 589, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .loyalty-points {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ff5a00;
border-radius: 12.5px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 1px 8px 3px 8px;
margin-top: 10px;
}
/* line 605, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .loyalty-points__amount, .favorite-products .loyalty-points__label {
line-height: 19px;
}
/* line 610, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .loyalty-points__amount {
font-family: "Custom-Font-Bold", Arial, sans-serif;
color: #ffffff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 14px;
margin-right: 5px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.favorite-products .loyalty-points__amount:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 617, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
body.rtl .favorite-products .loyalty-points__amount {
margin-left: 5px;
margin-right: 0;
}
/* line 622, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .loyalty-points__amount strike {
color: #000000;
margin-right: 5px;
}
/* line 626, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
body.rtl .favorite-products .loyalty-points__amount strike {
margin-left: 5px;
margin-right: 0;
}
/* line 633, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .loyalty-points__label {
color: #ffffff;
font-size: 10px;
line-height: 0.8125rem;
margin-bottom: -1px;
text-transform: uppercase;
}
/*
* Favorites notification in header
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 649, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-anchor {
position: relative;
}
/*
* GENERIC FOLDING DEFINITION
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.fold {
position: relative;
cursor: pointer;
}
/* line 10, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.fold .arrow {
top: 5px;
right: 0;
position: absolute;
display: inline-block;
height: 14px;
width: 25px;
}
/* line 16, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.fold .arrow:before, .fold .arrow:after {
top: 6px;
position: absolute;
background-color: #000000;
content: "";
height: 2px;
-webkit-transition: all 0.2s cubic-bezier(0.05, 1, 0.25, 1);
transition: all 0.2s cubic-bezier(0.05, 1, 0.25, 1);
width: 17px;
}
/* line 26, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.fold .arrow:before {
left: -1px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* line 31, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.fold .arrow:after {
left: 10px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/* line 39, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.fold.closed .arrow:before {
left: 10px;
}
/* line 43, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.fold.closed .arrow:after {
left: -1px;
}
/*
* CONTENT FOLDING
* TODO: Align all folding and accordion definition to use similar styles
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 58, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding {
border-top: 1px solid #EEEFEF;
border-bottom: 1px solid #EEEFEF;
padding: 5px 0;
border-radius: 8px;
background-color: #eeefef;
color: #000 !important;
margin-top: 40px;
margin-left: 1rem;
}
/* line 83, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding .striped-table thead, .content-folding .striped-table tr {
position: inherit !important;
}
/* line 86, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding .striped-table tr td {
background-color: #EEEFEF !important;
border-bottom: 1px solid white !important;
padding-left: 24px !important;
}
/* line 94, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding .striped-table thead tr td:nth-child(n+2) {
text-align: right !important;
}
/* line 97, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding .striped-table tbody tr td:nth-child(n+2) {
text-align: right !important;
}
/* line 100, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding .striped-table tfoot tr td {
border-bottom: none !important;
font-size: 0.75rem !important;
font-weight: 400 !important;
}
/* line 111, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding .striped-table td:before {
content: "" !important;
padding-right: 0px !important;
}
/* line 116, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding h3, .content-folding h2 {
cursor: pointer;
font-family: "Custom-Font-Medium";
font-size: 1.25rem !important;
color: #000 !important;
margin: 0px;
padding: 16px;
background-color: #eeefef;
font-weight: 600;
}
/* line 134, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding h3:after, .content-folding h2:after {
top: 50%;
right: 30px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "\f107";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/* line 148, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding.accordion--active h3:after {
-webkit-transform: rotate(-180deg) translateY(75%);
transform: rotate(-180deg) translateY(75%);
}
/*
* Default form elements
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 14, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="text"][disabled],
.legacy-form input[type="email"][disabled],
.legacy-form input[type="tel"][disabled],
.legacy-form input[type="password"][disabled],
.legacy-form input[type="file"][disabled],
.legacy-form textarea[disabled],
.legacy-form select[disabled] {
background-color: #ffffff;
color: #333333;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
}
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="text"],
.legacy-form input[type="email"],
.legacy-form input[type="tel"],
.legacy-form input[type="password"],
.legacy-form textarea {
font-family: "Custom-Font-Regular", Arial, sans-serif;
border-radius: 7px;
border: 1px solid #EEEFEF;
color: #333333;
font-size: 1rem;
outline: none;
-webkit-appearance: none;
-webkit-transition: border-color 0.3s ease-out;
transition: border-color 0.3s ease-out;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.legacy-form input[type="text"]:lang(zh-TW),
.legacy-form input[type="email"]:lang(zh-TW),
.legacy-form input[type="tel"]:lang(zh-TW),
.legacy-form input[type="password"]:lang(zh-TW),
.legacy-form textarea:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 35, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="text"]:focus,
.legacy-form input[type="email"]:focus,
.legacy-form input[type="tel"]:focus,
.legacy-form input[type="password"]:focus,
.legacy-form textarea:focus {
border-color: #949494;
}
/* line 40, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="text"],
.legacy-form input[type="email"],
.legacy-form input[type="tel"],
.legacy-form input[type="password"] {
height: 3rem;
overflow: hidden;
padding: 0 14px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
/* line 50, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.main-header .legacy-form input[type="text"], .main-header
.legacy-form input[type="email"], .main-header
.legacy-form input[type="tel"], .main-header
.legacy-form input[type="password"] {
height: 40px;
}
/* line 58, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form textarea.error, .legacy-form textarea.error:focus,
.legacy-form select.error,
.legacy-form select.error:focus,
.legacy-form input.error,
.legacy-form input.error:focus {
border-color: #E62A36;
}
/* line 62, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form textarea.error + .error-message:before,
.legacy-form textarea.valid + .valid-message:before,
.legacy-form select.error + .error-message:before,
.legacy-form select.valid + .valid-message:before,
.legacy-form input.error + .error-message:before,
.legacy-form input.valid + .valid-message:before {
top: 24px;
position: absolute;
content: '';
}
/* line 72, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form textarea.error + .error-message:before,
.legacy-form select.error + .error-message:before,
.legacy-form input.error + .error-message:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -405px -301px;
width: 12px;
height: 12px;
}
/* line 76, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form textarea.valid + .valid-message:before,
.legacy-form select.valid + .valid-message:before,
.legacy-form input.valid + .valid-message:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -367px -301px;
width: 16px;
height: 12px;
}
/* line 81, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form.login-form_inline input.error + .error-message:before,
.legacy-form.login-form_inline input.valid + .valid-message:before {
top: 35px;
}
/* line 90, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form textarea.valid + .valid-message:before,
.legacy-form input.valid + .valid-message:before,
.legacy-form textarea.error + .error-message:before,
.legacy-form input.error + .error-message:before {
right: 73px;
}
/* line 97, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input.valid[type="password"] + .valid-message:before,
.legacy-form input.error[type="password"] + .error-message:before {
right: 73px;
}
/* line 102, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form.login-form_inline input.valid[type="password"] + .valid-message:before,
.legacy-form.login-form_inline input.error[type="password"] + .error-message:before {
right: 10px;
}
/* line 107, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form select.valid + .valid-message:before,
.legacy-form select.error + .error-message:before {
right: 50px;
}
/* line 112, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form textarea {
margin: 10px 0 5px;
padding: 14px;
width: 64%;
}
/* line 122, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form select,
.legacy-form .date-picker > input {
font-family: "Custom-Font-Regular", Arial, sans-serif;
border-radius: 7px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #ffffff url("app/images/backgrounds/dropdown.png") right no-repeat;
background-size: contain;
border: 1px solid #EEEFEF;
color: #333333;
font-size: 1rem;
margin: 10px 0 5px;
outline: none;
padding: 0.53125rem 2.5rem 0.53125rem 14px;
position: relative;
width: 64%;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.legacy-form select:lang(zh-TW),
.legacy-form .date-picker > input:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 142, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form select:focus,
.legacy-form .date-picker > input:focus {
border-color: #949494;
}
/* line 146, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form select::-ms-expand,
.legacy-form .date-picker > input::-ms-expand {
display: none;
}
/* line 151, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form.login-form_inline select {
width: 100%;
}
/* line 155, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .date-picker > input {
cursor: default;
padding-right: 60px;
}
/* line 158, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .date-picker > input:focus, .legacy-form .date-picker > input:active {
cursor: text;
}
/* line 164, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="checkbox"],
.legacy-form input[type="radio"] {
padding: 0;
display: none;
}
/* line 169, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="checkbox"]:checked + label,
.legacy-form input[type="radio"]:checked + label {
font-family: "Custom-Font-Bold", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.legacy-form input[type="checkbox"]:checked + label:lang(zh-TW),
.legacy-form input[type="radio"]:checked + label:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 173, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="checkbox"] + label,
.legacy-form input[type="radio"] + label {
cursor: pointer;
display: inline-block;
margin-right: 15px;
position: relative;
padding-left: 35px;
width: 100%;
}
/* line 181, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="checkbox"] + label:before,
.legacy-form input[type="radio"] + label:before {
top: 8px;
left: 0;
position: absolute;
content: "";
background-color: #ffffff;
border: 1px solid #949494;
display: inline-block;
height: 1.25rem;
width: 1.25rem;
}
/* line 191, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.filter__wrapper .legacy-form input[type="checkbox"] + label:before, .filter__wrapper
.legacy-form input[type="radio"] + label:before {
top: 1px;
}
/* line 198, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="checkbox"] + label {
margin: 10px 0 15px;
}
/* line 200, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="checkbox"] + label:before {
border-radius: 3px;
}
/* line 205, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="checkbox"]:checked + label {
color: #ff5a00;
}
/* line 208, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="checkbox"]:checked + label:before {
content: "\2713";
font-size: 0.875rem;
color: #ff5a00;
text-align: center;
line-height: 19px;
}
/* line 218, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="checkbox"]:focus + label {
font-weight: bold;
color: #000000;
}
/* line 226, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="radio"] + label {
margin-bottom: 20px;
}
/* line 228, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="radio"] + label:before {
border-radius: 10px;
}
/* line 234, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="radio"]:checked + label:before {
content: "\2022";
color: #ff5a00;
font-size: 1.875rem;
text-align: center;
line-height: 1.125rem;
}
/* line 244, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="checkbox"]:disabled + label,
.legacy-form input[type="radio"]:disabled + label,
.legacy-form .filter__categories input[type="checkbox"]:disabled + label {
cursor: default;
opacity: 0.5;
}
/* line 251, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="file"] {
font-family: "Custom-Font-Regular", Arial, sans-serif;
color: #222;
font-size: 1rem;
padding-left: 20px;
padding-top: 10px;
outline: none;
cursor: pointer;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.legacy-form input[type="file"]:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 259, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="file"]::-webkit-file-upload-button {
visibility: hidden;
}
/* line 263, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="file"]:before {
background: transparent;
border: 1px solid #ff5a00;
border-radius: 5px;
color: #ffffff;
content: 'Select a file';
cursor: pointer;
display: inline-block;
font-family: "Custom-Font-Medium";
font-size: 1rem;
margin-left: -20px;
margin-top: -10px;
padding: 8px 15px 9px;
text-align: center;
text-decoration: none;
-webkit-user-select: none;
vertical-align: middle;
background-color: #ff5a00;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9E00), color-stop(6%, #FF7D29), color-stop(80%, #ff5a00));
background-image: linear-gradient(to bottom, #FF9E00 0%, #FF7D29 6%, #ff5a00 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#FFFF9E00', EndColorStr='#FFFF5A00');
}
/* line 283, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input[type="file"]:hover:before {
background-color: #FF7D29;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9E00), color-stop(6%, #FF9E00), color-stop(80%, #FF7D29));
background-image: linear-gradient(to bottom, #FF9E00 0%, #FF9E00 6%, #FF7D29 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#FFFF9E00', EndColorStr='#FFFF7D29');
}
/* line 289, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form input.newsletter-signup__input {
padding-right: 35px;
}
/* line 293, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form button[disabled],
.legacy-form input[type="submit"][disabled],
.legacy-form a.button.disabled {
cursor: default;
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
}
/* line 300, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form a.button.disabled {
pointer-events: none;
}
/* line 304, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form legend {
color: #ff5a00;
display: inline-block;
font-size: 1.5rem;
margin: 25px 0 10px 0;
}
/* line 323, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
input.automatic-submission-prevention {
display: none !important;
}
/*
* General form wrappers / containers
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 333, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form {
margin: 0;
padding: 0;
}
/* line 338, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.default-form {
margin-bottom: 20px;
}
/* line 353, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form__col label {
display: block;
float: none;
margin-bottom: 10px;
padding-right: 15%;
width: auto;
}
/* line 363, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form__section-intro {
padding: 15px 0 10px 0;
}
/* line 366, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form__section-intro p {
color: inherit;
}
/* line 369, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form__section-intro p:first-child {
margin-top: 0;
}
/* line 373, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form__section-intro p:last-child {
margin-bottom: 0;
}
/* line 378, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form__section-intro img {
float: left;
margin-right: 20px;
}
/* line 393, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form-section_group:last-child {
border-bottom: 1px solid #EEEFEF;
}
/* line 397, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form-section_group h3 {
border-top: 1px solid #EEEFEF;
color: #333333;
cursor: pointer;
font-size: 1.625rem;
margin: 0;
opacity: 0.5;
padding: 15px 0;
-webkit-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
}
/* line 426, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form-section_group.accordion--active h3, .form-section_group.accordion-visited h3 {
color: #ff5a00;
}
/* line 436, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form-section_group.accordion--active h3 {
opacity: 1;
}
/* line 454, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form-section_group-pager {
color: #ff5a00;
font-size: 1.375rem;
line-height: 1.1875rem;
margin-bottom: 20px;
text-align: center;
}
/* line 461, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form-section_group-pager span {
border-radius: 11px;
font-family: "Custom-Font-Bold", Arial, sans-serif;
background-color: #ff5a00;
border: 1px solid #ff5a00;
color: #ffffff;
display: inline-block;
font-size: 0.875rem;
height: 22px;
min-width: 22px;
position: relative;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.form-section_group-pager span:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 473, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form-section_group-pager span:last-child {
background-color: #ffffff;
color: #ff5a00;
}
/*
* Form rows
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 486, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row {
margin: 5px 0 10px 0;
width: 100%;
position: relative;
}
/* line 99, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.legacy-form .form__row:before, .legacy-form .form__row:after {
content: "";
display: table;
}
/* line 105, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.legacy-form .form__row:after {
clear: both;
}
/* line 492, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row > label {
margin: 10px 0 0 0;
position: relative;
float: left;
width: 36%;
padding: 7px 1% 0 0;
}
/* line 498, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row > label > span {
position: relative;
top: -.1em;
right: 0em;
}
/* line 503, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row > label .tip {
color: #949494;
}
/* line 524, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row input[type="text"], .legacy-form .form__row input[type="email"], .legacy-form .form__row input[type="tel"], .legacy-form .form__row input[type="password"], .legacy-form .form__row input textarea {
float: left;
margin: 10px 0 5px;
width: 64%;
}
/* line 534, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row .button {
margin-bottom: 15px;
}
/* line 538, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row > .form__row {
margin: 0;
}
/* line 541, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row > .form__row input {
width: 100%;
}
/* line 545, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row > .form__row .error-message {
padding-left: 0;
}
/* line 550, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row p {
margin: 0;
}
/* line 554, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row.incomplete {
border: 1px solid #ff5a00;
width: 100%;
float: none;
clear: both;
padding: 20px;
}
/* line 560, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row.incomplete:before {
content: "Complete your profile";
display: inline-block;
color: #ff5a00;
font-size: 1.5rem;
margin: 0 0 20px;
}
/* line 593, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row .small-gray {
color: #949494;
font-size: 0.75rem;
}
/* line 601, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.profilev2 .legacy-form .form__row {
margin: 0;
padding: 10px 5px;
}
/* line 605, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.profilev2 .legacy-form .form__row p,
.profilev2 .legacy-form .form__row label {
margin: 0;
padding: 0;
}
/* line 613, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row--left-indent {
padding-left: 36%;
}
/* line 616, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row--left-indent span.read-only-checkbox {
font-weight: bold;
}
/* line 620, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row--left-indent label {
width: 100%;
height: auto;
margin-right: 0;
}
/* line 628, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.error-message .legacy-form .form__row--left-indent {
padding-left: 0;
}
/* line 631, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row--left-indent select {
width: 100%;
}
/* line 637, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row--checkbox label {
padding-left: 37px;
}
/* line 641, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__static-messages {
float: left;
width: 100%;
position: relative;
}
/* line 645, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__static-messages > .h5 {
color: #ff5a00;
margin-bottom: 20px;
}
/* line 649, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__static-messages > div {
display: block;
position: relative;
padding: 20px 20px 20px 45px;
display: none;
}
/* line 654, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__static-messages > div.error, .legacy-form .form__static-messages > div.info {
color: red;
background-color: #fff2f2;
}
/* line 657, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__static-messages > div.error:before, .legacy-form .form__static-messages > div.info:before {
content: "";
position: absolute;
top: 20px;
left: 20px;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -151px -362px;
width: 17px;
height: 17px;
}
/* line 665, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__static-messages > div.success {
color: #83aa49;
background-color: #f2fff2;
}
/* line 668, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__static-messages > div.success:before {
content: "";
position: absolute;
top: 20px;
left: 20px;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -173px -362px;
width: 17px;
height: 17px;
}
/* line 679, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form--search-overlay {
bottom: 18px;
position: absolute;
margin: 0 5%;
text-align: center;
width: 90%;
}
/* line 699, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form--search-overlay.focus {
background: red;
bottom: 0;
display: block;
margin: 0;
top: 0;
width: 100%;
z-index: 11;
}
/* line 709, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form--search-overlay .button {
right: 15px;
position: absolute;
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
padding: 0;
z-index: 1;
}
/* line 720, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form--search-overlay .button.close {
display: none;
}
/* line 725, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.focus .legacy-form .form--search-overlay .button.search {
left: 30px;
right: auto;
}
/* line 729, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.focus .legacy-form .form--search-overlay .button.search .icon {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
}
/* line 736, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.focus .legacy-form .form--search-overlay .button.close {
display: block;
right: 30px;
}
/* line 754, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form-row {
display: inline-block;
position: relative;
width: 100%;
}
/* line 759, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form-row > .button {
right: 15px;
position: absolute;
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
padding: 0;
z-index: 1;
}
/* line 771, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form-row > .button.close {
display: none;
}
/* line 776, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.focus .legacy-form .form-row > .button.search {
left: 30px;
right: auto;
}
/* line 780, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.focus .legacy-form .form-row > .button.search .icon {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
}
/* line 787, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.focus .legacy-form .form-row > .button.close {
display: block;
right: 30px;
}
/*
* Search fields
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 814, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .input-type__text_with-icon,
.legacy-form .input-type__text_with-geosearch-icon,
.legacy-form .input-type__text_with-transgourmet-icon,
.legacy-form .input-type__text_with-accessibility-icon {
position: relative;
}
/* line 820, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .input-type__text_with-icon .icon,
.legacy-form .input-type__text_with-geosearch-icon .icon,
.legacy-form .input-type__text_with-transgourmet-icon .icon,
.legacy-form .input-type__text_with-accessibility-icon .icon {
top: 50%;
right: 15px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
/* line 842, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .input-type__text_with-geosearch-icon .icon {
margin-top: 2px;
}
/* line 857, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .input-type__text_with-transgourmet-icon {
margin-left: 45px;
}
/* line 871, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.searchV2 .icon {
top: 50% !important;
right: 2px !important;
position: absolute !important;
-webkit-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
cursor: pointer;
background-color: #EEEFEF;
padding: 13.5px;
border-top-right-radius: 4.5px;
border-bottom-right-radius: 5px;
color: black;
}
/* line 895, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.searchV2 .form-field--text__with-icon {
border-radius: 5px;
border: 2px solid #949494 !important;
}
/*
* Specific form wrappers / containers
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 906, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.radiobutton__image {
height: 100px;
text-align: center;
}
/* line 910, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.radiobutton__image img {
top: 50%;
position: relative;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
}
/* line 916, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.radiobutton__image label {
border: 1px solid #EEEFEF;
height: 100%;
width: 100%;
}
/* line 922, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.radiobutton__image input[type="radio"] + label {
padding-left: 0;
}
/* line 925, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.radiobutton__image input[type="radio"] + label:before {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 1.875rem;
left: auto;
right: 10px;
}
/* line 934, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.radiobutton__image input[type="radio"]:checked + label:before {
content: '\2713';
}
/* line 939, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.newsletter-signup__button {
right: 0;
position: absolute;
background: none;
border: none;
display: inline-block;
height: 2.5rem;
width: 35px;
}
/* line 946, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.newsletter-signup__button .icon {
top: 50%;
right: 6px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* line 953, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .button.un-mask {
border-radius: 0 5px 5px 0;
margin-bottom: 0;
position: absolute;
right: 0;
top: 10px;
padding: 10px 15px;
height: 2.5rem;
min-width: auto;
}
/* line 963, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .button.un-mask:after {
content: "";
display: block;
top: 50%;
position: relative;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(app/images/sprite-1765293638613.png);
background-position: -364px -187px;
width: 30px;
height: 18px;
}
/* line 985, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .button.un-mask.icn-mask:after {
background-image: none !important;
}
/* line 991, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .button.un-mask.icn-unmask:after {
background-image: none !important;
}
/* line 1000, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legend_has-intro-text {
margin-bottom: 0;
}
/* line 1005, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-form_inline label {
display: block;
margin-bottom: 5px;
}
/* line 1010, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-form_inline .form-row {
margin-top: 10px;
}
/* line 1014, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-form_inline .un-mask {
bottom: 0;
display: none;
top: auto;
}
/* line 1020, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-form_inline .button,
.login-form_inline .reset-password {
font-size: 0.875rem;
}
/* line 1025, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-form_inline .button,
.login-form_inline .reset-password {
font-size: 0.875rem;
}
/* line 1030, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-form_inline .button {
width: 100%;
}
/* line 1033, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-form_inline .button.spinner:before {
margin-bottom: 2px;
}
/* line 1039, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-form_inline .reset-password {
color: #ff5a00;
text-decoration: underline;
}
/* line 1049, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-form_inline .error-message {
margin-top: 5px;
padding-left: 0;
}
/* line 1063, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form-field--text__with-icon {
font-family: "Custom-Font-Regular", Arial, sans-serif;
border-radius: 5px;
border: 2px solid #949494;
color: #000;
font-size: 1rem;
padding-right: 40px;
width: 100%;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.form-field--text__with-icon:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1072, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.focus .form-field--text__with-icon {
margin: 0 5%;
padding-left: 35px;
padding-right: 35px;
width: 90%;
}
/* line 1090, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.questiongroup [data-name="merchandise"] .question {
padding: 15px;
padding-bottom: 52px;
-webkit-box-shadow: 0px 0px 0px 1px #949494;
box-shadow: 0px 0px 0px 1px #949494;
border-radius: 8px;
margin-bottom: 15px;
text-align: center;
position: relative;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
width: calc(25% - 20px);
margin-right: 20px;
float: left;
}
/* line 1103, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.questiongroup [data-name="merchandise"] .question:nth-child(4n+0) {
margin-right: 0;
}
/* line 1121, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.questiongroup [data-name="merchandise"] .question:hover {
-webkit-box-shadow: 0px 0px 0px 2px #ff5a00;
box-shadow: 0px 0px 0px 2px #ff5a00;
}
/* line 1125, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.questiongroup [data-name="merchandise"] .question span {
margin-top: 20px;
display: block;
}
/* line 1139, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.questiongroup [data-name="merchandise"] .question img {
margin: 0 auto;
}
/* line 1143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.questiongroup [data-name="merchandise"] .question label {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
padding: 0;
margin: 0;
}
/* line 1148, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.questiongroup [data-name="merchandise"] .question label:before {
top: auto;
bottom: 15px;
left: 0;
right: 0;
margin: 0 auto;
}
/*
* Grouped form elements - Registration
* AEMF-1033
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1165, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped {
max-width: 560px;
margin: 0 auto;
padding: 0 10px;
}
/* line 1170, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .persistent-gutter {
margin: 0;
}
/* line 1174, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .form-fieldset {
position: relative;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
padding-left: 20px;
padding-right: 20px;
padding-top: 60px;
padding-bottom: 10px;
}
/* line 1184, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .form-fieldset__checkboxes {
padding-top: 10px;
margin-top: 0;
}
/* line 1188, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .form-fieldset__checkboxes .form-legend {
display: none;
}
/* line 1192, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .form-fieldset__checkboxes:before {
content: '';
position: absolute;
left: 0;
right: 0;
background-color: #ffffff;
height: 15px;
top: -10px;
z-index: 10;
}
/* line 1204, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .form-row__submit-btn {
position: relative;
padding: 20px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
/* line 1210, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
body.rtl .register-grouped .form-row__submit-btn {
padding: 20px;
}
/* line 1214, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .form-row__submit-btn:before {
content: '';
position: absolute;
left: 0;
right: 0;
background-color: #ffffff;
height: 15px;
top: -10px;
z-index: 10;
}
/* line 1226, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .button.wide {
width: 100%;
text-shadow: none;
background-color: #D14900;
}
/* line 1231, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .button.wide:hover {
background-color: #D14900;
}
/* line 1237, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .form-legend {
position: absolute;
top: 10px;
margin: 0;
z-index: 10;
}
/* line 1244, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .form-element-row__name,
.register-grouped .form-element-row__lastname {
display: inline-block;
max-width: 245px;
width: 100%;
vertical-align: top;
}
/* line 1255, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .form-element-row__name .error-message,
.register-grouped .form-element-row__lastname .error-message {
margin-bottom: 3px;
}
/* line 1260, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .form-element-row__name {
margin-right: 6px;
}
/* line 1263, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
body.rtl .register-grouped .form-element-row__name {
margin-right: 0;
margin-left: 6px;
}
/* line 1273, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .grouped-registration__showmore {
display: inline-block;
font-size: 0.875rem;
padding-top: 12px;
}
/* line 1279, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .suggestions_geosearch,
.register-grouped .showCaterlys_address {
z-index: 11;
}
/* line 1284, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .grouped-registration--expanded {
padding: 0;
margin: 10px auto 0 auto;
width: 90%;
display: none;
height: 1px;
background-color: #EEEFEF;
}
/* line 1292, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .grouped-registration--expanded a {
display: none;
}
/* line 1296, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .form-section-after {
margin-bottom: 0;
}
/*
* Grouped form elements - Login
* AEMF-1028
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1307, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped {
max-width: 800px;
margin: 0 auto;
margin-top: 50px;
margin-bottom: 100px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
/* line 1324, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 1332, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped__left,
.login-grouped__right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 25px 35px 15px 30px;
}
/* line 1342, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
body.rtl .login-grouped__left, body.rtl
.login-grouped__right {
padding: 25px 30px 15px 35px;
}
/* line 1346, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped__left h3,
.login-grouped__right h3 {
color: #333333;
font-size: 1.5rem;
margin: 0;
padding-bottom: 10px;
}
/* line 1356, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped__left h3 {
padding-bottom: 20px;
}
/* line 1384, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped__right {
position: relative;
}
/* line 1387, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped__right:before {
content: '';
position: absolute;
left: -1px;
width: 1px;
height: 85%;
background-color: #EEEFEF;
}
/* line 1395, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
body.rtl .login-grouped__right:before {
left: auto;
right: -1px;
}
/* line 1406, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped__register-btn,
.login-grouped__guest-btn {
margin: 25px 0;
}
/* line 1415, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped__subtitle {
font-size: 0.875rem;
padding-top: 5px;
margin: 0;
}
/* line 1421, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped__password {
font-size: 0.875rem;
}
/* line 1425, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped__submit {
margin-top: 10px;
}
/*
* Default icon setup
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon {
display: inline-block;
vertical-align: middle;
}
/* line 10, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-up.orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -301px -362px;
width: 10px;
height: 7px;
}
/* line 14, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-down.orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -316px -362px;
width: 10px;
height: 6px;
}
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-right {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -57px -419px;
width: 14px;
height: 22px;
}
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-right.small {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -259px -362px;
width: 8px;
height: 13px;
vertical-align: top;
}
/* line 26, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-right.orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -19px -419px;
width: 14px;
height: 22px;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-right.orange.small {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -132px -395px;
width: 9px;
height: 15px;
}
/* line 35, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-left {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -38px -419px;
width: 14px;
height: 22px;
}
/* line 38, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-left.small {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -246px -362px;
width: 8px;
height: 13px;
}
/* line 42, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-left.orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: 0px -419px;
width: 14px;
height: 22px;
}
/* line 45, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-left.orange.small {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -118px -395px;
width: 9px;
height: 15px;
}
/* line 51, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-white-down {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -298px -301px;
width: 20px;
height: 12px;
}
/* line 55, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.arrow-orange-large-down {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -273px -301px;
width: 20px;
height: 12px;
}
/* line 59, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-close {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -365px -334px;
width: 14px;
height: 14px;
}
/* line 62, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-close.orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -420px -334px;
width: 13px;
height: 13px;
}
/* line 66, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-close.grey {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -236px -187px;
width: 27px;
height: 27px;
}
/* line 69, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-close.grey.small {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -346px -334px;
width: 14px;
height: 14px;
}
/* line 75, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-delete {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -63px -395px;
width: 15px;
height: 18px;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-delete-orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -43px -395px;
width: 15px;
height: 18px;
}
/* line 83, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-telephone {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -490px -301px;
width: 12px;
height: 12px;
}
/* line 87, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-phone {
background-image: url(app/images/sprite-1765293638613.png);
background-position: 0px -301px;
width: 16px;
height: 28px;
}
/* line 91, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-fax {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -456px -301px;
width: 12px;
height: 12px;
}
/* line 95, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-print {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -57px -273px;
width: 22px;
height: 23px;
}
/* line 99, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-logout {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -134px -334px;
width: 16px;
height: 16px;
}
/* line 103, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-message {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -130px -187px;
width: 35px;
height: 35px;
}
/* line 107, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-newsletter {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -268px -187px;
width: 27px;
height: 27px;
}
/* line 111, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-care {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -402px -334px;
width: 13px;
height: 13px;
}
/* line 114, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-care.large {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -175px -232px;
width: 25px;
height: 23px;
}
/* line 118, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-care.orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: 0px -362px;
width: 12px;
height: 28px;
}
/* line 123, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-pub {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -272px -362px;
width: 7px;
height: 13px;
}
/* line 126, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-pub.large {
background-image: url(app/images/sprite-1765293638613.png);
background-position: 0px -446px;
width: 13px;
height: 23px;
}
/* line 130, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-pub.orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -17px -362px;
width: 14px;
height: 23px;
}
/* line 135, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-recipes {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -389px -111px;
width: 25px;
height: 26px;
}
/* line 138, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-recipes.orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -302px -142px;
width: 32px;
height: 33px;
}
/* line 143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-school {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -231px -362px;
width: 10px;
height: 13px;
}
/* line 146, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-school.large {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -44px -334px;
width: 17px;
height: 22px;
}
/* line 150, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-school.orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -380px -232px;
width: 23px;
height: 21px;
}
/* line 155, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-search {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -358px -111px;
width: 26px;
height: 26px;
}
/* line 158, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-search.thin {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -84px -273px;
width: 21px;
height: 22px;
}
/* line 162, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-search.orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -176px -334px;
width: 16px;
height: 16px;
}
/* line 165, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-search.orange.medium {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -110px -273px;
width: 21px;
height: 21px;
}
/* line 169, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-search.orange.large {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -339px -142px;
width: 31px;
height: 31px;
}
/* line 175, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.search_orange-large {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -478px -142px;
width: 28px;
height: 28px;
}
/* line 179, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-services {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -30px -232px;
width: 26px;
height: 28px;
}
/* line 183, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-star-full-orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -218px -334px;
width: 17px;
height: 15px;
}
/* line 187, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-star-outline-orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -240px -334px;
width: 17px;
height: 15px;
}
/* line 191, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-user {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -170px -187px;
width: 27px;
height: 34px;
}
/* line 195, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-clock.orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -371px -273px;
width: 21px;
height: 20px;
}
/* line 199, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-location.orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -102px -395px;
width: 11px;
height: 16px;
}
/* line 203, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-message-success {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -173px -362px;
width: 17px;
height: 17px;
}
/* line 207, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-message-error {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -151px -362px;
width: 17px;
height: 17px;
}
/* line 211, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-minus {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -326px -98px;
width: 18px;
height: 4px;
}
/* line 215, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-plus {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -170px -301px;
width: 19px;
height: 20px;
}
/* line 219, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-facebook {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -70px -301px;
width: 20px;
height: 20px;
}
/* line 223, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-twitter {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -120px -301px;
width: 20px;
height: 20px;
}
/* line 227, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-youtube {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -408px -232px;
width: 24px;
height: 20px;
}
/* line 231, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-loader {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -22px -395px;
width: 16px;
height: 18px;
}
/* line 235, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-more {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -302px -98px;
width: 19px;
height: 5px;
}
/* line 239, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-download {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -235px -232px;
width: 26px;
height: 22px;
margin-right: 5px;
vertical-align: middle;
}
/* line 245, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-email {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -466px -232px;
width: 21px;
height: 17px;
}
/* line 249, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-zoom {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -146px -232px;
width: 24px;
height: 24px;
}
/* line 253, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-cart {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -419px -111px;
width: 26px;
height: 24px;
}
/* line 257, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-cart_orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -452px -25px;
width: 26px;
height: 24px;
}
/* line 261, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-cart_black {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -375px -142px;
width: 32px;
height: 28px;
}
/* line 265, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-favorites {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -117px -232px;
width: 24px;
height: 24px;
}
/* line 269, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-favorite {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -422px -25px;
width: 25px;
height: 25px;
}
/* line 273, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-favorite-added {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -392px -25px;
width: 25px;
height: 25px;
}
/* line 277, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-favorite-orange:not(.icon-favorite-added) {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -88px -232px;
width: 24px;
height: 24px;
}
/* line 281, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-yield {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -179px -111px;
width: 67px;
height: 67px;
}
/* line 285, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-couvert {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -107px -111px;
width: 67px;
height: 67px;
}
/* line 289, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-frown {
background-image: url(app/images/sprite-1765293638613.png);
background-position: 0px 0px;
width: 102px;
height: 182px;
}
/* line 293, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-info {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -128px -362px;
width: 18px;
height: 18px;
}
/* line 297, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-edit {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -105px -362px;
width: 18px;
height: 18px;
}
/* line 301, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-make-default {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -111px -419px;
width: 11px;
height: 18px;
}
/* line 305, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.email {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -466px -232px;
width: 21px;
height: 17px;
}
/* line 309, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.info {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -448px -273px;
width: 20px;
height: 20px;
}
/* line 313, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.apple-share {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -22px -334px;
width: 17px;
height: 23px;
}
/* line 317, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.android-share {
background-image: url(app/images/sprite-1765293638613.png);
background-position: 0px -334px;
width: 17px;
height: 23px;
}
/* line 321, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.windows-share {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -205px -232px;
width: 25px;
height: 23px;
}
/* line 325, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.check-green {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -422px -301px;
width: 12px;
height: 12px;
}
/* line 329, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.check-white {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -217px -301px;
width: 22px;
height: 16px;
}
/* line 333, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.wheelchair {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -412px -142px;
width: 28px;
height: 28px;
}
/* line 337, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.tp-connect {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -487px -111px;
width: 20px;
height: 18px;
}
/* line 341, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.tp-connected {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -195px -362px;
width: 15px;
height: 15px;
}
/* line 345, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.tp-disconnected {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -492px -232px;
width: 15px;
height: 15px;
}
/* line 349, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.calendar {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -36px -362px;
width: 18px;
height: 18px;
}
/* line 353, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.search {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -197px -334px;
width: 16px;
height: 16px;
}
/* line 357, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.dropdown-arrow {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -455px -187px;
width: 12px;
height: 9px;
}
/* line 361, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.password-mask {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -244px -301px;
width: 24px;
height: 14px;
}
/* line 365, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.password-unmask {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -437px -232px;
width: 24px;
height: 19px;
}
/* line 369, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.submit-arrow {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -305px -334px;
width: 16px;
height: 14px;
}
/* line 373, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.master {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -440px -55px;
width: 46px;
height: 34px;
}
/* line 377, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.visa {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -251px -142px;
width: 46px;
height: 34px;
}
/* line 380, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-checked {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -345px -301px;
width: 17px;
height: 12px;
}
/* line 383, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-progress {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -215px -362px;
width: 11px;
height: 14px;
}
/* line 386, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-cancel {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -326px -334px;
width: 15px;
height: 14px;
}
/* line 389, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-message-info {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -95px -301px;
width: 20px;
height: 20px;
}
/* line 392, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.voucher-delete {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -438px -334px;
width: 12px;
height: 12px;
}
/* line 395, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-orange-big {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -94px -419px;
width: 12px;
height: 20px;
}
/* line 398, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.submit-arrow-white {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -145px -301px;
width: 20px;
height: 20px;
}
/* line 401, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-whatsapp {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -136px -273px;
width: 21px;
height: 21px;
}
/* line 404, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-scan {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -296px -232px;
width: 25px;
height: 22px;
}
/* line 407, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-calculator {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -83px -395px;
width: 14px;
height: 16px;
}
/* line 410, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-pdf {
background-image: url(app/images/sprite-1765293638613.png);
background-position: 0px -395px;
width: 17px;
height: 19px;
}
/* line 413, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.fb_icon {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -483px -25px;
width: 24px;
height: 24px;
}
/* line 416, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-spects {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -399px -187px;
width: 33px;
height: 11px;
}
/* line 419, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-orange-scan {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -266px -232px;
width: 25px;
height: 22px;
}
/*
* Default iframe setup
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_iframe.scss */
.iframe-wrapper iframe {
border: 0;
display: none;
height: 100%;
width: 100%;
}
/* line 17, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_iframe.scss */
.iframe__wrapper iframe {
border: 0;
}
/*
* IMAGE HEADING
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading {
position: relative;
}
/* line 9, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading.normal {
height: 304px;
}
/* line 17, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading.larger {
height: 411px;
}
/* line 32, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading__heading {
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
}
/* line 38, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading__heading span {
color: #ffffff;
position: absolute;
}
/* line 43, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading__heading.normal span {
font-size: 2.25rem;
}
/* line 51, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading__heading.smaller span {
font-size: 1.75rem;
}
/* line 59, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading__heading.larger span {
font-size: 3.125rem;
}
/* line 67, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading__heading.top-left span,
.image-heading__heading.top-center span,
.image-heading__heading.top-right span {
top: 20px;
}
/* line 73, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading__heading.center-left span,
.image-heading__heading.center-right span {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading__heading.bottom-left span,
.image-heading__heading.bottom-center span,
.image-heading__heading.bottom-right span {
bottom: 20px;
}
/* line 85, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading__heading.top-left span,
.image-heading__heading.center-left span,
.image-heading__heading.bottom-left span {
left: 20px;
}
/* line 91, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading__heading.top-right span,
.image-heading__heading.center-right span,
.image-heading__heading.bottom-right span {
right: 20px;
text-align: right;
}
/* line 98, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading__heading.top-center span,
.image-heading__heading.bottom-center span {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
text-align: center;
}
/* line 105, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading__heading.absolute-center span {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
text-align: center;
}
/* line 113, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading__image {
height: 100%;
}
/* line 116, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading__image span.img {
background-position: center;
background-size: cover;
display: block;
height: 100%;
width: 100%;
}
/**
* Language selection
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 11, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-selection h1 {
margin-bottom: 20px;
}
/* line 15, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-selection img {
margin-bottom: 15px;
}
/* line 20, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-options__list {
margin: 0;
padding: 0;
list-style: none;
}
/* line 26, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-options__list li {
float: left;
padding: 5px 0;
width: 50%;
}
/* line 37, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-options__list li:before {
content: "";
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-options__list li a {
font-family: "Custom-Font-Bold", Arial, sans-serif;
font-size: 1rem;
text-decoration: none;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.language-options__list li a:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 48, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-options__list li:nth-last-child(n+3),
.language-options__list li:nth-last-child(n+3) ~ li {
float: none;
width: auto;
}
/**
* Language switch (Footer)
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-switch {
color: #ffffff;
font-size: 1rem;
}
/* line 80, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-switch label {
border-bottom: 1px solid #333333;
display: block;
padding: 10px;
position: relative;
}
/* line 86, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-switch label:after {
right: 10px;
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -326px -232px;
width: 22px;
height: 22px;
content: '';
}
/* line 91, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-switch select {
background-color: #333333;
background-image: url("app/images/backgrounds/dropdown-on-dark.png");
background-repeat: no-repeat;
background-size: 20px 12px;
background-position: right 10px center;
border: 0;
color: #ffffff;
padding: 0 10px;
width: 100%;
}
/*
* Lightbox z-index hierachy - UFSN-5999
* -------------------------------------------------------------------------------------------------------------------------
*
* Cookiewall dialog (99999)
* Terms & conditions dialog (99990)
* Tradepartner dialog (99980)
* Loading dialog (99970)
* Update profile dialog (99960)
* Add to homescreen dialog (99950)
* Newsletter dialog (99940)
* Login dialog (99930)
*
*/
/*
* User dialogue styles
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* TODO: Remove when lightbox fully integrated
*/
/* line 24, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue__overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: fixed;
background-color: rgba(0, 0, 0, 0.6);
z-index: 99900;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue__overlay.terms-conditions-dialog {
z-index: 99990;
}
/* line 33, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue__overlay.tradepartner-dialog {
z-index: 99980;
}
/* line 37, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue__overlay.lightbox-update-profile {
z-index: 99960;
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue__overlay.lightbox-login {
z-index: 99930;
}
/* line 47, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue__overlay.lightbox-update-profile .inner-horizontal-list li:first-child:after {
content: '|';
margin-left: 11px;
color: #ff5a00;
}
/* line 54, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue__overlay.lightbox-update-profile .inner-horizontal-list li:only-child:after {
content: '';
margin-left: 0;
}
/*
* TODO: Remove when lightbox fully integrated
*/
/* line 64, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue__close {
top: 40px;
right: 40px;
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -151px -362px;
width: 17px;
height: 17px;
z-index: 1;
}
/* line 69, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue__close a {
display: inline-block;
height: 100%;
text-indent: -9999px;
width: 100%;
}
/* line 77, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue__logo {
margin-bottom: 20px;
}
/* line 80, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue__logo img {
height: 44px;
width: 116px;
}
/*
* TODO: Remove when lightbox fully integrated
*/
/* line 89, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue__window {
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #ffffff;
padding: 40px;
max-height: 90vh;
overflow: auto;
width: 600px;
}
/* line 106, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue__window h3 {
margin-right: 30px;
}
/* line 110, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue__window a {
text-decoration: none;
}
/* line 115, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue--icon-text {
padding-left: 50px;
position: relative;
}
/* line 119, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue--icon-text > .icon {
top: 9px;
left: 0;
position: absolute;
}
/**
* Homescreen lightbox
* Used on
* - Add to homescreen component
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 131, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.homescreen-lightbox {
bottom: 30px;
left: 50%;
position: fixed;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
padding: 14px 13px 14px 15px;
width: 90%;
z-index: 10000000000;
border-radius: 15px;
max-width: 330px;
margin-bottom: 25px;
}
/* line 143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.homescreen-lightbox::after {
content: "";
position: absolute;
width: 0;
height: 0;
margin-left: auto;
margin-right: auto;
bottom: -1.5em;
left: -6px;
right: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: .8em solid black;
border-color: transparent transparent #ffffff #ffffff;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.1);
}
/* line 161, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.homescreen-lightbox__body {
clear: both;
}
/* line 163, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.homescreen-lightbox__body ul {
margin-left: 25px;
padding-top: 10px;
}
/* line 166, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.homescreen-lightbox__body ul li {
list-style: disc;
font-family: "Custom-Font-Medium";
font-size: 0.75rem;
color: #000000;
}
/* line 173, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.homescreen-lightbox__body p {
font-size: 0.625rem;
margin-bottom: 0;
}
/* line 180, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.homescreen-lightbox__icon {
float: left;
margin-right: 10px;
}
/* line 185, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.homescreen-lightbox__title-bar {
margin-left: 58px;
padding-right: 30px;
position: relative;
}
/* line 190, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.homescreen-lightbox__title-bar h3 {
font-family: "Custom-Font-Bold";
color: #000000;
font-size: 1rem;
margin: 0;
line-height: 1.375rem;
}
/* line 198, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.homescreen-lightbox__title-bar a {
display: inline-block;
}
/* line 203, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.homescreen-lightbox__close {
top: 0;
right: 0;
position: absolute;
text-decoration: none;
}
/* line 206, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.homescreen-lightbox__close .grey {
zoom: .5;
}
/*
* Lightbox styles
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 217, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: fixed;
background-color: rgba(0, 0, 0, 0.6);
z-index: 99900;
}
/* line 222, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__overlay.lightbox__overlay_fallback, .lightbox__overlay.cookie-wall {
z-index: 99999;
}
/* line 227, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__overlay.spinner-dialog {
z-index: 99970;
}
/* line 229, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__overlay.spinner-dialog .lightbox__title,
.lightbox__overlay.spinner-dialog p {
margin: 0 0 0 70px;
}
/* line 233, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__overlay.spinner-dialog .lightbox__title + p {
margin-top: 15px;
font-size: 1rem;
}
/* line 239, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__overlay.newsletter-dialog {
z-index: 99940;
}
/* line 244, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__overlay_fallback {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: fixed;
background: url("app/images/backgrounds/cookiewall-desktop.jpg") no-repeat center top;
}
/* line 249, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__close {
top: 30px;
right: 20px;
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -346px -334px;
width: 14px;
height: 14px;
z-index: 1;
}
/* line 254, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.cookie-wall .lightbox__close {
display: none;
}
/* line 258, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.video-dialog .lightbox__close {
top: -35px;
right: -35px;
position: absolute;
}
/* line 262, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.optimized-registration .lightbox__close {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -365px -334px;
width: 14px;
height: 14px;
}
/* line 266, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__close a {
display: inline-block;
height: 100%;
text-indent: -9999px;
width: 100%;
}
/* line 274, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
body.rtl .video-has-cta .lightbox__close {
left: -35px;
}
/* line 289, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__logo {
margin-bottom: 30px;
}
/* line 292, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.header-image .lightbox__logo {
top: 50%;
left: 50%;
position: absolute;
margin: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* line 298, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__logo .ufs-logo_svg {
width: 80px;
height: 100%;
}
/* line 304, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__buttons {
margin-top: 20px;
text-align: left;
}
/* line 309, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__window {
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #ffffff;
border-width: 4px 0 0 0;
padding: 29px 29px 29px 38px;
max-height: 90vh;
overflow-y: auto;
overflow-x: hidden;
width: 610px;
border-radius: 5px;
}
/* line 321, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.dark .lightbox__window {
background-color: #333333;
-webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3);
color: #ffffff;
}
/* line 327, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.cookie-wall .lightbox__window {
text-align: center;
}
/* line 331, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.video-dialog .lightbox__window {
padding: 0;
border: none;
-o-border-image: none;
border-image: none;
overflow: visible;
width: 240px;
}
/* line 347, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.video-has-cta .lightbox__window {
width: 100%;
}
/* line 351, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.optimized-registration .lightbox__window {
border: none;
border-radius: 5px;
}
/* line 364, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__window span.lightbox__title {
color: #333333;
display: block;
font-family: "Custom-Font-Medium";
font-size: 1.5rem;
line-height: 38px;
margin-right: 30px;
margin-bottom: 50px;
margin-bottom: 0;
}
/* line 380, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.dark .lightbox__window span.lightbox__title {
color: #ff5a00;
}
/* line 385, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__window span.sub-text {
font-family: "Custom-Font-Regular";
font-size: 1.0625rem;
line-height: 17px;
color: #333333;
padding-bottom: 25px;
display: inline-block;
}
/* line 394, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__window a {
text-decoration: none;
min-width: 220px;
margin-right: 5px;
}
/* line 404, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__window .create-confirm-button {
min-width: 180px;
}
/* line 410, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__window .create-cancel-button {
min-width: 200px;
}
/* line 418, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__window h2, .lightbox__window h3 {
font-family: "Custom-Font-Medium";
}
/* line 421, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__window p {
font-family: "Custom-Font-Regular";
}
/* line 424, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__window .persistent-gutter {
margin: 0;
}
/* line 426, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__window .persistent-gutter .button {
min-width: 220px;
}
/* line 432, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.saviva-tradepartner-dialog .lightbox__window {
padding: 29px 36px 29px 38px;
}
/* line 438, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.mercanto-tradepartner-dialog .lightbox__window {
padding: 29px 36px 29px 38px;
}
/* line 443, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.dialog-bar .dialog-conjunction {
display: inline-block;
padding: 0 10px 0 15px;
}
/* line 451, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.dialog-bar .dialog-anchor {
text-decoration: underline;
}
/* line 453, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.dialog-bar .dialog-anchor:hover {
text-decoration: none;
}
/*
* Lightbox overrides
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 475, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.optimized-registration_header {
position: relative;
}
/* line 481, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.optimized-registration_header:after {
bottom: -25px;
left: 90px;
position: absolute;
background-color: #ff5a00;
content: '';
display: block;
height: 2px;
width: 60px;
}
/* line 494, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.optimized-registration_header + .pagecol-wrapper {
padding: 0 60px;
}
/* line 502, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.optimized-registration_header h3 + ul {
margin-top: 20px;
}
/* line 506, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.optimized-registration_header h3,
.optimized-registration_header ul {
padding: 0 90px;
}
/* line 515, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.optimized-registration_header h3 {
color: #949494;
font-size: 1rem;
font-weight: bold;
text-transform: uppercase;
}
/* line 522, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.optimized-registration_header .header-image {
position: relative;
}
/* line 525, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.optimized-registration_header .header-image > img {
margin-bottom: 60px;
}
/* line 536, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
body.rtl .optimized-registration_header .check-list li {
padding-left: 0;
padding-right: 30px;
}
/* line 542, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
body.rtl .optimized-registration_header:after {
left: auto;
right: 90px;
}
/*
* image/video gallery lightbox
* used on
* - Sensorial page
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 558, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.gallery-lightbox .lightbox__window {
background-color: transparent;
border: none;
padding: 0;
-webkit-box-shadow: 1px -1px 5px 0px rgba(0, 0, 0, 0.43);
box-shadow: 1px -1px 5px 0px rgba(0, 0, 0, 0.43);
width: auto;
overflow: visible;
}
/* line 570, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.gallery-lightbox .lightbox__window .lightbox__close {
top: -35px;
right: -35px;
}
/* line 580, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.gallery-lightbox .lightbox__window img {
border-radius: 5px;
overflow: hidden;
max-width: 768px;
}
/* line 600, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.gallery-lightbox .lightbox__next,
.gallery-lightbox .lightbox__previous {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* line 611, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.gallery-lightbox .lightbox__next a,
.gallery-lightbox .lightbox__previous a {
font-size: 3.125rem;
color: #ffffff;
padding: 40px;
}
/* line 618, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.gallery-lightbox .lightbox__next {
right: -120px;
}
/* line 626, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.gallery-lightbox .lightbox__previous {
left: -120px;
}
/*
* Kangaroo Lightbox
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Silent classes
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 5, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
a.accordion__trigger,
.accordion__trigger, .content-page-menu li a, .productcategory-list__short li {
color: #333333;
display: block;
font-size: 1.25rem;
padding: 14px 20px 14px 10px;
position: relative;
text-decoration: none;
}
/* line 13, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.active.accordion__trigger, .content-page-menu li a.active, .productcategory-list__short li.active,
.accordion__trigger:hover, .content-page-menu li a:hover, .productcategory-list__short li:hover {
color: #ff5a00;
font-weight: bold;
}
/* line 28, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.accordion__trigger:after, .content-page-menu li a:after, .productcategory-list__short li:after {
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
display: inline-block;
right: 10px;
content: "\e941";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Tab list used in others */
/* line 59, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list {
display: table;
width: 100%;
margin-top: 14px;
}
/* line 64, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list li {
font-family: "Custom-Font-Medium", Arial, sans-serif;
border-right: 1px solid #D14900;
color: #ffffff;
display: table-cell;
font-size: 0.875rem;
line-height: 1.5;
max-height: 50px;
padding: 13px;
text-align: center;
background-color: #D14900;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.tab-bar-list li:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 99, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.tab-bar-list li:before, .tab-bar-list li:after {
content: "";
display: table;
}
/* line 105, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.tab-bar-list li:after {
clear: both;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list li:first-child {
border-radius: 5px 0 0 5px;
border-left: 1px solid #D14900;
}
/* line 84, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list li:last-child {
border-radius: 0 5px 5px 0;
}
/* line 88, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list li a {
color: #ffffff;
display: block;
text-decoration: none;
}
/* line 98, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list li.active, .tab-bar-list li:hover {
background-color: #FF9E00;
}
/* line 102, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list li.active:after {
content: '';
display: block;
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: -12px;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 12px solid #ff5a00;
border-bottom: 0;
}
/*
* Generic arrows for side menus and lists
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 126, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
ul, ol {
padding: 0;
margin: 0;
list-style: none;
}
/* line 138, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
ol li,
.page-content ul:not([class]) li {
padding: 0 0 .5em 24px;
position: relative;
}
/* line 142, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
ol li:before,
.page-content ul:not([class]) li:before {
color: #000000;
left: 10px;
position: absolute;
}
/* line 150, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
ol {
counter-reset: counter1 0;
}
/* line 153, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
ol > li:before {
font-family: "Custom-Font-Medium", Arial, sans-serif;
content: counter(counter1);
counter-increment: counter1;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
ol > li:before:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 161, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.page-content ul:not([class]) li:before {
content: "\002022";
}
/*
* Inner lists
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 173, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.inner-horizontal-list.bottom-aligned {
bottom: 18px;
position: absolute;
}
/* line 177, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.inner-horizontal-list li {
display: inline-block;
margin-right: 10px;
}
/* line 181, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.inner-horizontal-list li:last-child {
margin-right: 0;
}
/* line 186, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.inner-horizontal-list > li {
line-height: 1.5;
}
/*
* Horizontal bullet navigation
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 197, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.horizontal-bullet-navigation a,
.horizontal-bullet-navigation li {
text-decoration: none;
}
/* line 202, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.horizontal-bullet-navigation li {
display: inline-block;
margin-right: 10px;
padding: 0 0 0 20px;
position: relative;
}
/* line 208, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.horizontal-bullet-navigation li:before {
color: #ffffff;
content: "\002022";
left: 0;
position: absolute;
}
/* line 215, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.horizontal-bullet-navigation li:first-child {
margin-left: 0;
padding-left: 0;
}
/* line 220, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.horizontal-bullet-navigation li:first-child:before {
content: "";
}
/*
* Footer menu lists
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 251, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.footer-menu-list .cursor-pointer {
cursor: pointer;
}
/* line 255, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.footer-menu-list li {
color: #ffffff;
line-height: 1.5;
margin: 20px 0;
padding: 0;
}
/* line 261, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.footer-menu-list li:before {
content: none;
}
/* line 265, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.footer-menu-list li:first-child {
margin-top: 0;
}
/* line 269, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.footer-menu-list li.bold {
font-family: "Custom-Font-Bold", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.footer-menu-list li.bold:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 273, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.footer-menu-list li a {
color: #ffffff;
display: block;
text-decoration: none;
}
/* line 278, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.footer-menu-list li a:hover {
color: #ff5a00;
}
/* line 285, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.footer-menu a:hover {
color: #ff5a00;
}
/*
* Social menu lists
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 293, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.socialmedia {
display: none;
}
/* line 296, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.social-list {
margin: 0 0 0 -20px;
padding: 0;
list-style: none;
}
/* line 301, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.social-list li {
display: block;
float: left;
margin-bottom: 10px;
margin-left: 20px;
padding: 0;
}
/* line 308, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.social-list li:before {
content: "";
}
/* line 312, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.social-list li a {
float: left;
text-decoration: none;
}
/* line 316, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.social-list li a:hover {
color: #ff5a00;
}
/* line 321, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.social-list li .icon {
float: left;
margin-right: 5px;
vertical-align: middle;
}
/* line 327, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.social-list li.facebook .icon {
margin-right: 2px;
}
/* line 328, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.social-list li.twitter .icon {
margin-right: 2px;
}
/* line 329, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.social-list li.generic {
height: 24px;
}
/* line 332, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.social-list li.generic img {
display: inline-block;
float: left;
margin-right: 6px;
max-height: 24px;
max-width: 24px;
height: 40px;
width: 40px;
}
/*
* Accordion menu
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 357, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.productpnir a.accordion__trigger, .productpnir
.accordion__trigger {
padding: 20px 0 0 0;
}
/* line 360, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.productpnir a.accordion__trigger:after, .productpnir
.accordion__trigger:after {
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
background-image: url(app/images/sprite-1765293638613.png);
background-position: -132px -395px;
width: 9px;
height: 15px;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
content: '';
display: inline-block;
right: 10px;
}
/* line 375, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.productpnir .accordion--active a.accordion__trigger:after, .productpnir .accordion--active
.accordion__trigger:after {
-webkit-transform: rotate(90deg) translate(-50%);
transform: rotate(90deg) translate(-50%);
}
/* line 382, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.accordion__header {
display: block;
text-decoration: none;
font-size: 1.25rem;
padding: 14px 20px 14px 10px;
vertical-align: middle;
position: relative;
color: #333333;
}
/*
* Content page side menu
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 417, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.content-page-menu {
border-top: 1px solid #EEEFEF;
}
/* line 420, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.content-page-menu li {
border-bottom: 1px solid #EEEFEF;
line-height: 1.5;
text-indent: 0;
padding: 0;
}
/* line 426, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.content-page-menu li:before {
content: none;
}
/*
* Tabs bars list
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 442, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list {
margin-top: 40px;
margin-bottom: 60px;
}
/* line 447, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list li {
padding: 0;
position: relative;
width: 33.3%;
}
/* line 451, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list li > a {
padding: 13px;
}
/* line 462, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list.recipe-tabs {
margin-bottom: -3px;
margin-top: 0;
padding: 0 10px;
}
/* line 467, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list.recipe-tabs li {
background: none;
background-image: none;
border: 1px solid #D14900;
}
/* line 472, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list.recipe-tabs li a {
color: #000000;
}
/* line 476, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list.recipe-tabs li + li {
border-left-width: 0;
}
/* line 480, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list.recipe-tabs li.active, .tab-bar-list.recipe-tabs li:hover {
background-color: #D14900;
color: #ffffff;
}
/* line 484, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list.recipe-tabs li.active a, .tab-bar-list.recipe-tabs li:hover a {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
color: #ffffff;
}
/* line 490, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list.recipe-tabs li.active:after {
border-top: 12px solid #D14900;
}
/* line 500, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.content.recipe-content .tab-bar-list {
margin-bottom: -3px;
}
/* line 520, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.instructions-v2 > li {
counter-reset: counter1 0;
}
/*
* Brand list
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 531, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.brand-list {
width: 400px;
width: 106%;
}
/* line 535, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.brand-list li {
float: left;
height: 115px;
line-height: 1.5;
margin: 0 4.4% 4.4% 0;
padding: 0;
text-indent: 0;
width: 115px;
}
/* line 544, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.brand-list li:before {
content: none;
}
/* line 548, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.brand-list li a {
display: block;
width: 100%;
height: 100%;
border: 1px solid #EEEFEF;
}
/* line 554, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.brand-list li a.active {
border-color: #D14900;
}
/* line 558, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.brand-list li a img {
max-width: 100%;
width: auto;
margin: auto;
height: 100%;
padding: 5px;
}
/* line 569, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.brand-list__wrapper {
overflow-x: hidden;
}
/* line 571, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.brand-list__wrapper h2 {
color: #000000;
}
/* line 577, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.brand-list__short {
display: block;
margin-top: 80px;
}
/* line 581, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.brand-list__short li {
display: inline-block;
line-height: 1.5;
margin-bottom: 30px;
padding: 0;
text-align: center;
text-indent: 0;
width: 200px;
}
/* line 590, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.brand-list__short li:before {
content: none;
}
/* line 594, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.brand-list__short li img {
display: inline-block;
width: auto;
}
/* line 601, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.brandlist__show-all {
color: #D14900;
display: inline-block;
font-size: 1.125rem;
margin: 15px 0;
padding-left: 20px;
position: relative;
text-decoration: none;
}
/* line 610, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.brandlist__show-all:before {
top: 50%;
left: -25px;
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -455px -334px;
width: 8px;
height: 12px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
}
/*
* List with checks on mobile:
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 628, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.check-list,
.solution-list {
font-size: 1rem;
line-height: 150%;
}
/* line 633, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.check-list h3,
.solution-list h3 {
color: #ff5a00;
font-size: 1.5rem;
}
/* line 647, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.solution-list {
padding: 20px;
border: solid 1px #EEEFEF;
}
/* line 667, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.check-list li {
padding-left: 30px;
position: relative;
}
/* line 671, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.check-list li:before {
top: 6px;
left: 0;
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -262px -334px;
width: 17px;
height: 14px;
content: "";
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
/*
* Trade partners
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 689, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.trade-partner__list li {
float: left;
line-height: 1.5;
padding: 0;
text-indent: 0;
width: 50%;
}
/* line 702, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.trade-partner__list li:before {
content: none;
}
/* line 706, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.trade-partner__list li a {
border: 2px solid #EEEFEF;
display: block;
height: 100px;
margin-right: 20px;
text-align: center;
}
/* line 717, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.trade-partner__list li a:hover {
border-color: #D14900;
}
/* line 722, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.trade-partner__list li img {
top: 50%;
position: relative;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
}
/*
* Sitemap
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 736, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.sitemap__wrapper {
padding: 18px 20px;
}
/* line 739, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.sitemap__wrapper > a {
display: none;
}
/* line 743, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.sitemap__wrapper a {
text-decoration: none;
}
/* line 748, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.sitemap__wrapper ul > li {
line-height: 1.5;
}
/* line 753, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.sitemap__wrapper > ul > li {
font-family: "Custom-Font-Medium", Arial, sans-serif;
border-bottom: 1px solid #EEEFEF;
font-size: 1.375rem;
padding: 10px 20px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.sitemap__wrapper > ul > li:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 761, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.sitemap__wrapper > ul > li > ul {
margin-top: 15px;
margin-left: 5px;
}
/* line 765, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.sitemap__wrapper > ul > li > ul > li {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 1rem;
margin: 10px 0;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.sitemap__wrapper > ul > li > ul > li:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 770, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.sitemap__wrapper > ul > li > ul > li > a {
color: #000000;
display: block;
padding-left: 20px;
position: relative;
}
/* line 776, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.sitemap__wrapper > ul > li > ul > li > a:before {
top: 50%;
left: 0;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(app/images/sprite-1765293638613.png);
background-position: -132px -395px;
width: 9px;
height: 15px;
content: " ";
}
/* line 778, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
body.rtl .sitemap__wrapper > ul > li > ul > li > a:before {
top: 50%;
left: 101%;
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -118px -395px;
width: 9px;
height: 15px;
}
/* line 791, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.sitemap__wrapper > ul > li > ul > li ul {
margin-top: 5px;
margin-left: 20px;
margin-bottom: 18px;
}
/* line 799, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.sitemap__wrapper > ul > li > ul > li ul li a {
color: #757575;
}
/*
* Page tools
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 813, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools a {
top: 0;
left: 0;
position: absolute;
height: 100%;
text-decoration: none;
width: 100%;
}
/* line 820, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li {
float: left;
margin-left: 30px !important;
margin-bottom: 15px;
position: relative;
color: #D14900;
font-size: 1.25rem;
}
/* line 832, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li:before {
content: "";
position: relative;
display: inline-block;
margin-left: 5px;
vertical-align: middle;
}
/* line 861, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li.facebook a, .tools li.whatsapp a, .tools li.twitter a, .tools li.line a, .tools li.vkontakte a, .tools li.wechat a, .tools li.pinterest a, .tools li.linkedin a {
cursor: pointer;
}
/* line 868, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li.print:before {
content: "\e933";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 878, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li.download:before {
content: "\e90f";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 887, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li.email:before {
content: "\e934";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 891, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li.facebook:before {
content: "\f09a";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 895, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li.twitter:before {
content: "\f099";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 899, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li.line:before {
content: "\e90e";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 903, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li.vkontakte:before {
content: "\f189";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 907, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li.wechat:before {
content: "\f1d7";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 911, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li.pinterest:before {
content: "\f0d2";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 915, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li.linkedin:before {
content: "\f08c";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 919, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools img {
display: none;
}
/*
* Checked list
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 933, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.checklist li,
.top-product-kpi li,
.direct-shop-usp li {
position: relative;
margin: 0 0 5px 0;
padding: 0 0 0 30px;
}
/* line 938, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.checklist li:before,
.top-product-kpi li:before,
.direct-shop-usp li:before {
top: 4px;
left: 0;
position: absolute;
content: "";
display: inline-block;
margin-right: 12px;
}
/* line 946, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.checklist li.checked:before,
.top-product-kpi li.checked:before,
.direct-shop-usp li.checked:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -195px -362px;
width: 15px;
height: 15px;
}
/* line 950, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.checklist li.unchecked:before,
.top-product-kpi li.unchecked:before,
.direct-shop-usp li.unchecked:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -492px -232px;
width: 15px;
height: 15px;
}
/* line 955, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.top-product-kpi {
text-align: center;
}
/* line 958, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.top-product-kpi li {
display: inline-block;
margin-right: 60px;
max-width: 50%;
font-size: 1.5rem;
vertical-align: top;
}
/* line 974, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.top-product-kpi li:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -300px -187px;
width: 25px;
height: 24px;
}
/* line 978, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.top-product-kpi li:last-child {
margin-right: 0;
}
/* line 984, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.direct-shop-usp {
margin: 10px 0 5px;
}
/* line 991, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.direct-shop-usp li {
display: inline-block;
font-size: 0.875rem;
margin-right: 10px;
max-width: 30%;
text-align: left;
vertical-align: top;
}
/* line 999, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.direct-shop-usp li:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -300px -187px;
width: 25px;
height: 24px;
}
/* line 1015, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.ufs-product-usplist {
padding: 0 10px;
}
/* line 1022, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.ufs-product-usplist li {
padding: 0 0 .5em 24px;
position: relative;
}
/* line 1026, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.ufs-product-usplist li:before {
left: 0;
position: absolute;
color: black;
content: "\002022";
}
/* line 1031, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
body.rtl .ufs-product-usplist li {
padding: 0 24px .5em 0;
}
/* line 1036, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.ufs-product-usplist li,
.ufs-product-usplist + a {
font-size: 0.875rem;
}
/* line 1041, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.ufs-product-usplist + a {
margin-left: 34px;
}
/* line 1046, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.ufs-webshop-usps {
overflow: auto;
margin-top: 24px;
}
/* line 1051, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.ufs-webshop-usps ul:not([class]) li {
margin-bottom: 8px;
color: #333333;
font-size: 0.875rem;
}
/* line 1056, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.ufs-webshop-usps ul:not([class]) li:before {
top: 1em;
left: 0.3em;
position: absolute;
border-color: #81BC2A;
border-style: solid;
border-width: 0 0.21em 0.21em 0;
content: '';
height: 1em;
margin-top: -1em;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 0.5em;
}
/*
* Distributor list (Multi Buy-it-now)
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1077, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.distributor-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
}
/* line 1085, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.distributor-list li {
margin-right: 10px;
margin-bottom: 0px;
text-align: center;
width: 22%;
}
/* line 1108, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.distributor-list li a.black {
display: block;
min-width: auto !important;
font-size: 0.875rem;
font-family: "Custom-Font-Medium";
}
/* line 1115, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.distributor-list li a.black:hover {
color: #ff5a00 !important;
}
/* line 1118, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.distributor-list li a.black:hover span {
border: 1px solid #D14900;
}
/* line 1124, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.distributor-list > li {
padding: 0;
text-indent: 0;
line-height: 1.5;
}
/* line 1129, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.distributor-list > li:before {
content: none;
}
/* line 1134, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.distributor-list span {
border: 1px solid #EEEFEF;
display: block;
height: 95px;
position: relative;
width: 100%;
border-radius: 5px;
-webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18);
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18);
}
/* line 1143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.distributor-list span img.distributor-logo {
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-height: 95%;
max-width: 90%;
}
/* line 1162, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.textimage-text i {
font-style: italic;
}
/* line 1, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 {
margin-top: 20px;
padding-bottom: 20px;
}
/* line 15, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 h2 {
color: #000000;
font-size: 1.375rem;
font-family: "Custom-Font-Bold";
padding-bottom: 19px;
}
/* line 23, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview {
padding-top: unset !important;
}
/* line 26, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyalty-overview_title {
margin: 0px !important;
padding: 0px !important;
}
/* line 30, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyalty-overview_title .js-vis-loggedout,
.loyalty2021 .loyaltyoverview .loyalty-overview .loyalty-overview_title .js-vis-loggedin {
display: none !important;
}
/* line 36, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2:after {
height: 0px !important;
background-color: #ffffff !important;
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 {
background-color: #ffffff !important;
border-radius: 5px;
border: 2px solid #EEEFEF;
}
/* line 45, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 ::after {
height: 0px !important;
background-color: #ffffff !important;
}
/* line 50, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column {
padding-bottom: 45px !important;
max-width: unset;
position: relative;
}
/* line 59, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge {
background-color: rgba(255, 90, 0, 0.13) !important;
color: #000000 !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.5rem;
}
/* line 67, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge span {
display: block;
}
/* line 71, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge .label {
padding: 0px 10px;
}
/* line 75, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge .spend-currency,
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge .spend-value,
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge .label {
top: unset !important;
}
/* line 81, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge .loyalty-badge {
padding: 0px !important;
top: unset !important;
}
/* line 85, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge .loyalty-badge .loyalty-badge_amount {
font-size: 0.5rem;
top: unset !important;
left: unset !important;
}
/* line 93, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .icon-loyalty-orangelogged {
height: 108px;
width: 108px;
background-size: 108px;
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;
margin: 0px;
}
/* line 102, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .icon-loyalty-orangelogged .loyalty-badge_amount {
top: unset !important;
left: unset !important;
}
/* line 116, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-8 .btn {
cursor: pointer;
min-height: 45px;
}
/* line 121, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-8 .btn:hover {
color: #ffffff;
}
/* line 125, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-8 h2 {
font-size: 1.125rem;
line-height: 26px;
letter-spacing: 0px;
}
/* line 131, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-8 p {
font-size: 1rem;
line-height: 26px;
letter-spacing: 0px;
color: #000000;
}
/* line 138, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-8 .orange-white,
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-8 .orange-white:hover {
color: #ff5a00;
}
/* line 151, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-8 .btn {
padding: 10px 15px !important;
}
/* line 166, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 169, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: center;
align-self: center;
}
/* line 174, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge {
width: 221px !important;
height: 90px !important;
margin-top: unset !important;
border-radius: 108px !important;
}
/* line 180, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge .spend-currency,
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge .spend-value,
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge .label {
font-size: 1.125rem;
}
/* line 189, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge .loyalty-badge {
height: 64px !important;
width: 62px !important;
background-size: 62px 64px !important;
}
/* line 251, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .two-column .loyalty-overview .loyaltyoverview-componentv2 {
min-height: 360px;
}
/* line 254, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .two-column .loyalty-overview .loyaltyoverview-componentv2 .col-span-4 {
position: absolute;
top: 38%;
}
/* line 257, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .two-column .loyalty-overview .loyaltyoverview-componentv2 .col-span-4 .loyalty-badge {
width: 150px !important;
padding: 11px 15px !important;
border-radius: 72px !important;
}
/* line 262, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .two-column .loyalty-overview .loyaltyoverview-componentv2 .col-span-4 .loyalty-badge .spend-currency,
.loyalty2021 .two-column .loyalty-overview .loyaltyoverview-componentv2 .col-span-4 .loyalty-badge .spend-value,
.loyalty2021 .two-column .loyalty-overview .loyaltyoverview-componentv2 .col-span-4 .loyalty-badge .label {
font-size: 1.5rem;
}
/* line 268, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .two-column .loyalty-overview .loyaltyoverview-componentv2 .col-span-4 .loyalty-badge .icon-loyalty-orange {
height: 43px !important;
width: 41px !important;
background-size: 41px 43px !important;
}
/* line 272, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .two-column .loyalty-overview .loyaltyoverview-componentv2 .col-span-4 .loyalty-badge .icon-loyalty-orange .loyalty-badge_amount {
font-size: 1.5rem;
}
/* line 278, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .two-column .loyalty-overview .loyaltyoverview-componentv2 .col-span-4 .icon-loyalty-orangelogged {
height: 80px !important;
width: 80px !important;
background-size: 80px !important;
}
/* line 301, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .two-column .loyalty-overview .loyaltyoverview-componentv2 .col-span-8 {
width: 100% !important;
}
/* line 303, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .two-column .loyalty-overview .loyaltyoverview-componentv2 .col-span-8 p {
padding-bottom: 120px;
}
/* line 315, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune {
padding: 0px !important;
position: unset !important;
margin-bottom: 0px !important;
}
/* line 320, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
padding: 0px !important;
min-height: 360px;
background: #ffffff !important;
}
/* line 327, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-5 {
width: 50% !important;
margin-right: 0px !important;
padding: 10px;
margin: auto !important;
}
/* line 333, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-5 .canvasContainer {
position: relative !important;
width: unset !important;
height: unset !important;
top: unset !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 25px;
}
/* line 345, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-5 .canvasContainer #canvas {
width: 280px !important;
width: 280px;
height: 287px;
}
/* line 351, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-5 .canvasContainer .whiteBg {
display: none !important;
}
/* line 355, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-5 .canvasContainer .prizePointer {
left: unset !important;
top: unset !important;
width: 30px !important;
height: 27px !important;
background-size: 30px 27px;
}
/* line 363, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-5 .canvasContainer .prizeBorder {
background-size: 280px 290px;
background-repeat: no-repeat;
left: unset !important;
top: -2% !important;
width: 280px;
height: 290px;
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;
}
/* line 374, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-5 .canvasContainer .prizeBorder .prizeSpinner {
position: unset !important;
background-size: 80px;
width: 80px;
height: 80px;
top: 0px !important;
left: 0px !important;
}
/* line 381, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-5 .canvasContainer .prizeBorder .prizeSpinner .spinText {
font-size: 0.875rem !important;
}
/* line 392, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-6 {
margin: auto !important;
}
/* line 405, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-6 b {
font-size: 0.875rem;
font-weight: normal;
font-family: "Custom-Font-Regular", Arial, sans-serif;
line-height: 24px;
color: #000000;
}
/* line 413, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-6 h2 {
font-size: 1.125rem;
line-height: 20px;
letter-spacing: -0.38px;
}
/* line 422, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-6 .btn {
min-height: 45px;
margin-top: 35px;
padding: 10px 15px !important;
}
/* line 428, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-6 .loginfor-spin {
margin-bottom: unset !important;
}
/*
* Loyalty points
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty {
clear: both;
font-size: 0.75rem;
margin-top: 8px;
}
/* line 11, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty .value,
.product-loyalty .label {
font-family: "Custom-Font-Regular", Arial, sans-serif;
border: 1px solid #ff5a00;
display: inline-block;
height: 1.25rem;
letter-spacing: .5px;
line-height: 1.25rem;
padding: 0 5px;
text-transform: uppercase;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product-loyalty .value:lang(zh-TW),
.product-loyalty .label:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 23, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty .value {
background: #ff5a00;
border-radius: 3px 0 0 3px;
color: #ffffff;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty .label {
background: #ffffff;
border-radius: 0 3px 3px 0;
color: #ff5a00;
margin-left: -4px;
}
/* line 36, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty.large {
clear: both;
font-size: 1rem;
}
/* line 40, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty.large .value,
.product-loyalty.large .label {
height: 22px;
}
/* line 46, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty.extra-large {
clear: both;
font-size: 1.25rem;
}
/* line 50, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty.extra-large .value,
.product-loyalty.extra-large .label {
height: 2rem;
line-height: 1.875rem;
}
/* line 56, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty.extra-large .value {
padding-left: 15px;
}
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty.extra-large .label {
margin-left: -5px;
padding-right: 15px;
}
/* line 74, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty.white .value {
font-family: "Custom-Font-Bold", Arial, sans-serif;
background: #ffffff;
border-right: 0;
color: #ff5a00;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product-loyalty.white .value:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 81, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty.white .label {
font-family: "Custom-Font-Medium", Arial, sans-serif;
border-left: 0;
padding-left: 0;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product-loyalty.white .label:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 89, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty_simple {
font-size: 0.875rem;
}
/* line 92, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty_simple .value {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #000000;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product-loyalty_simple .value:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 98, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty__orange {
font-family: "Custom-Font-Medium", Arial, sans-serif;
clear: both;
color: #000000;
font-size: 0.75rem;
text-align: right;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product-loyalty__orange:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 105, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty__orange .value,
.product-loyalty__orange .label {
font-family: "Custom-Font-Regular", Arial, sans-serif;
background: #000000;
border: 1px solid #000000;
color: #ffffff;
display: inline-block;
height: 1.25rem;
letter-spacing: .5px;
line-height: 1.25rem;
text-transform: uppercase;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product-loyalty__orange .value:lang(zh-TW),
.product-loyalty__orange .label:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 118, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty__orange .value {
border-radius: 3px 0 0 3px;
margin-left: 5px;
padding: 0 5px 0 5px;
}
/* line 124, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty__orange .label {
border-radius: 0 3px 3px 0;
margin-left: -4px;
padding: 0 5px 0 0;
}
/* line 140, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty__wrap {
display: inline-block;
}
/* line 148, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-catalog__title {
font-family: "Custom-Font-Regular", Arial, sans-serif;
color: #ff5a00;
font-size: 3.125rem;
margin: 50px 0;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.loyalty-catalog__title:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 160, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-catalog__description {
margin-bottom: 30px;
}
/* line 163, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-catalog__description p {
font-size: 1.25rem;
}
/* line 167, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-catalog__description > p {
line-height: 2.25rem;
margin-top: 0;
}
/* line 181, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.icon-loyalty,
.icon-loyalty-points {
font-size: 2.25rem;
}
/* line 185, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.icon-loyalty.above-4,
.icon-loyalty-points.above-4 {
font-size: 1.625rem;
}
/* line 189, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.icon-loyalty.above-6,
.icon-loyalty-points.above-6 {
font-size: 1.25rem;
}
/* line 195, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-catalog__join .button {
float: left;
max-width: 190px;
width: 100%;
}
/* line 206, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-catalog__join p {
float: left;
line-height: 2.5rem;
margin: 0 0 0 30px;
}
/*
* Loyalty overview page
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 226, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_title h1 {
float: left;
margin: 0;
font-family: "Custom-Font-Medium";
}
/* line 246, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_title span:first-child {
float: left;
margin: 0;
font-family: "Custom-Font-Medium";
font-size: 2.25rem;
}
/* line 268, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_title span {
float: right;
line-height: 2.75rem;
}
/* line 272, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
body.rtl .loyalty-overview_title span {
float: left;
}
/* line 278, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_loggedout {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.3)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#80000000', EndColorStr='#4D000000');
padding: 65px 0;
position: relative;
}
/* line 283, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_loggedout .button {
clear: both;
float: left;
}
/* line 309, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_header-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
/* line 322, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_header-overlay {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.3)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#99000000', EndColorStr='#4D000000');
bottom: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/* line 338, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_header-left h2,
.loyalty-overview_header-left p {
color: #ffffff;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
/* line 344, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_header-left h2 {
font-size: 2.5rem;
line-height: 2.8125rem;
margin: 0;
}
/* line 355, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_header-left p {
font-size: 1.625rem;
margin: 35px 0 45px 0;
}
/* line 372, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #EEEFEF;
color: #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: "Custom-Font-Medium";
font-size: 2.25rem;
height: 164px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px;
position: relative;
text-align: center;
}
/* line 385, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto div[class^="loyalty-howto__"] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 2;
}
/* line 392, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .loyalty-howto__text {
padding-left: 20px;
}
/* line 428, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .loyalty-howto__center {
margin: 0 10px;
}
/* line 439, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .label,
.loyalty-howto .value {
margin: 0 10px;
}
/* line 452, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .label,
.loyalty-howto .value,
.loyalty-howto .spend-currency,
.loyalty-howto .spend-value {
display: inline-block;
text-transform: uppercase;
}
/* line 460, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .spend-currency,
.loyalty-howto .spend-value {
color: #ff5a00;
font-size: 5rem;
}
/* line 483, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .loyalty-howto__arrow {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
height: 164px;
width: 110px;
}
/* line 510, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .button {
margin: 0 20px 0 40px;
position: relative;
z-index: 1;
}
/* line 524, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto:after {
background-image: -webkit-gradient(linear, left top, right top, from(#ff5a00), to(#FF9E00));
background-image: linear-gradient(to right, #ff5a00, #FF9E00);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#FFFF5A00', EndColorStr='#FFFF9E00');
bottom: -10px;
content: '';
height: 10px;
left: 0;
right: 0;
position: absolute;
width: 100%;
}
/* line 548, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code_component {
background: #EEEFEF;
-o-border-image: linear-gradient(to right, #ff5a00 1%, #FF9E00 100%) 100% 10 stretch;
border-image: -webkit-gradient(linear, left top, right top, color-stop(1%, #ff5a00), to(#FF9E00)) 100% 10 stretch;
border-image: linear-gradient(to right, #ff5a00 1%, #FF9E00 100%) 100% 10 stretch;
border-style: solid;
border-width: 4px 0 0 0;
padding: 30px 70px;
}
/* line 555, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code_component h2 {
margin-top: 0;
}
/* line 574, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code_component ~ .notification {
margin-top: 10px;
padding: 30px 70px;
}
/* line 589, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form {
-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;
height: 90px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/* line 596, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form h2 {
margin-top: 0;
}
/* line 604, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form a {
font-size: 14px;
text-decoration: underline;
}
/* line 611, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form.disabled .loyalty-code__label,
.loyalty-code__form.disabled .loyalty-code__login {
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
}
/* line 617, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form .loyalty-code__label {
text-align: right;
display: block;
}
/* line 629, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form .loyalty-code__submit {
width: 100%;
border: 0;
}
/* line 654, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form [class^="col-span"] {
position: relative;
}
/* line 659, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form .last-col a:not(.hidden) {
display: block !important;
}
/* line 679, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form .error-message {
margin-top: 3px;
padding: 0;
position: absolute;
}
/* line 699, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_content-block {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
margin-top: 70px;
}
/* line 709, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_content-block > .button {
clear: both;
display: block;
margin: 30px auto;
max-width: 280px;
text-align: center;
width: 100%;
}
/* line 730, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_redeem h3,
.loyalty-overview_redeem .loyalty-value {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1.25rem;
margin: 0;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.loyalty-overview_redeem h3:lang(zh-TW),
.loyalty-overview_redeem .loyalty-value:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 742, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_redeem h3 {
color: #333333;
}
/* line 746, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_redeem .loyalty-value {
color: #757575;
display: block;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-top: 5px;
}
/* line 753, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_redeem img {
margin: 20px auto;
max-height: 185px;
}
/* line 758, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_redeem .button {
width: 100%;
}
/* line 763, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_blocks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 772, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/* line 801, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_products .product:nth-of-type(3n+3) {
margin-right: 20px;
}
/* line 809, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_products .product:nth-of-type(3n+4) {
clear: none;
margin-right: 0;
}
/* line 828, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_block {
border: 2px solid #EEEFEF;
padding: 20px;
border-radius: 6px;
}
/* line 833, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_block h3 {
color: #000000;
}
/*
* Loyalty goal
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 887, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal {
font-size: 1.125rem;
margin-bottom: 20px;
}
/* line 891, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal h3 {
color: #333333;
}
/* line 901, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.black-link {
color: #333333;
}
/* line 904, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.black-link a {
color: #333333;
}
/* line 910, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_header .loyalty-goal__set.alert {
font-size: 1.75rem;
text-align: center;
}
/* line 914, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_header .loyalty-goal__set.alert:before {
display: inline-block;
left: 0;
margin-right: 10px;
position: relative;
top: 0;
-webkit-transform: none;
transform: none;
}
/* line 925, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__values {
color: #ff5a00;
font-size: 1rem;
position: relative;
}
/* line 930, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__values > span {
display: inline-block;
}
/* line 935, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__minimum {
float: left;
}
/* line 938, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
body.rtl .loyalty-goal__minimum {
float: right;
}
/* line 943, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__maximum {
float: right;
text-align: right;
}
/* line 947, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
body.rtl .loyalty-goal__maximum {
float: left;
}
/* line 952, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__bar {
background: #EEEFEF;
border: 1px solid #ff5a00;
display: block;
height: 20px;
margin: 10px 0;
width: 100%;
}
/* line 960, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__bar.disabled {
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
}
/* line 965, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__progress {
background-image: -webkit-gradient(linear, left top, right top, from(#ff5a00), to(#FF9E00));
background-image: linear-gradient(to right, #ff5a00, #FF9E00);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#FFFF5A00', EndColorStr='#FFFF9E00');
display: block;
height: 18px;
width: 0;
}
/* line 972, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__current {
font-family: "Custom-Font-Bold", Arial, sans-serif;
color: #ff5a00;
font-size: 1rem;
position: relative;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.loyalty-goal__current:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 978, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__current.disabled {
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
}
/* line 983, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__product {
text-align: center;
}
/* line 994, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__product.product-unavailable .loyalty-goal__product-wrap {
position: relative;
}
/* line 1007, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__product.product-unavailable .icon-frown {
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
}
/* line 1026, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__product .loyalty-goal__product-wrap img {
margin: 0 auto 10px auto;
max-width: 140px;
}
/*
* Loyalty badges
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1074, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-badge {
display: inline-block;
text-align: center;
}
/* line 1079, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-badge_amount {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #ffffff;
font-size: 1.125rem;
line-height: 5.125rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.loyalty-badge_amount:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1085, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.icon-loyalty-orange-small .loyalty-badge_amount {
font-size: 0.9375rem;
line-height: 3.4375rem;
}
/* line 1089, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.plus12_5 .icon-loyalty-orange-small .loyalty-badge_amount {
line-height: 54px;
}
/* line 1095, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-badge_amount-font-small {
font-size: 1rem;
}
/* line 1099, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-badge_amount-font-smaller {
font-size: 0.8125rem;
}
/* line 1103, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.icon-loyalty-orange {
height: 83px;
width: 83px;
}
/* line 1112, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.icon-loyalty-orange-small {
height: 55px;
width: 55px;
}
/* line 1116, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product .icon-loyalty-orange-small {
left: 0;
position: absolute;
top: 0;
z-index: 1;
}
/* line 1124, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.icon-loyalty-programme {
height: 136px;
margin-bottom: 20px;
width: 136px;
}
/* line 1130, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.icon-loyalty-white {
color: #ff5a00;
display: block;
float: left;
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 2.25rem;
height: 120px;
line-height: 120px;
margin-right: 25px;
text-align: center;
width: 120px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.icon-loyalty-white:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1155, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.icon-loyalty-white,
.icon-loyalty-orange {
font-size: 2rem;
}
/* line 1159, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.icon-loyalty-white.above-4,
.icon-loyalty-orange.above-4 {
font-size: 1.5rem;
}
/* line 1163, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.icon-loyalty-white.above-6,
.icon-loyalty-orange.above-6 {
font-size: 1.125rem;
}
/*
* Loyalty goal V2
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1174, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards {
max-width: 625px;
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 25px;
border-radius: 5px;
background-color: #333333;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 70px;
}
/* line 1190, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .icon-loyalty-programme {
width: 110px;
height: 110px;
border-radius: 100px;
background-color: #ffffff;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 25px;
margin-bottom: 0;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
/* line 1202, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
body.rtl .loyalty-rewards .icon-loyalty-programme {
margin-right: 0;
margin-left: 25px;
}
/* line 1213, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards h3 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1.125rem;
line-height: 29px;
color: #ff5a00;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.loyalty-rewards h3:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1225, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards p {
color: #ffffff;
line-height: 21px;
margin: 20px 0;
}
/* line 1236, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .btn {
padding: 5px 20px;
}
/* line 1244, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__not-achieved,
.loyalty-rewards .loyalty-goal__achieved {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
/* line 1250, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__product__wrapper {
border-radius: 5px;
overflow: hidden;
margin-right: 30px;
-ms-flex-item-align: start;
align-self: flex-start;
-ms-flex-negative: 0;
flex-shrink: 0;
}
/* line 1257, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
body.rtl .loyalty-rewards .loyalty-goal__product__wrapper {
margin-right: 0;
margin-left: 30px;
}
/* line 1271, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__product__wrapper img {
width: 120px;
}
/* line 1280, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__information-banner {
width: 100%;
}
/* line 1283, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__information-banner p {
margin: 10px 0;
}
/* line 1294, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__progress-bar-wrapper {
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;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
/* line 1306, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__points {
color: #ffffff;
font-size: 0.875rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
/* line 1317, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__progress-bar {
position: relative;
width: 100%;
height: 11px;
background-color: #ffffff;
border-radius: 100px;
overflow: hidden;
margin-right: 10px;
}
/* line 1326, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
body.rtl .loyalty-rewards .loyalty-goal__progress-bar {
margin-right: 0;
margin-left: 10px;
}
/* line 1340, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .progress-bar__current {
position: absolute;
background-color: #81BC2A;
height: 100%;
}
/* line 1348, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__not-set {
width: 100%;
}
/* line 1351, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__not-set h3 {
margin-bottom: 5px;
}
/* line 1359, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__not-set h3 + p {
font-size: 1rem;
margin-top: 0;
}
/* line 1369, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-products-wrapper {
background-color: #ffffff;
border-radius: 5px;
margin-bottom: 15px;
}
/* line 1374, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-products-wrapper a {
text-decoration: none;
}
/* line 1379, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 1386, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-products li {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
padding: 10px 20px;
}
/* line 1392, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-products li:nth-child(n+6) {
display: none;
}
/* line 1396, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-products li:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -1px;
width: 1px;
height: 125px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(51, 51, 51, 0.3)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(51, 51, 51, 0.3) 100%);
}
/* line 1416, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-products span {
font-size: 14px;
display: block;
}
/* line 1422, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-product-img {
max-width: 80px;
height: 90px;
margin: 0 auto 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
/* line 1430, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-product-img img {
width: 100%;
}
/* line 1435, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-product-points {
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.loyalty-rewards .loyalty-product-points:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1438, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-product-points + span {
color: #333333;
}
/* line 1444, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.p-0 {
padding: 0;
}
/* line 1448, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-no-reward-min-height {
min-height: 255px !important;
}
/* line 1452, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-top {
top: 8px !important;
}
/*
* Loyalty product tile search
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1463, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-product-tile .loyalty-product-tile__points {
margin-bottom: 20px;
}
/* line 1467, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-product-tile .button {
position: relative;
}
/* line 1472, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 {
background-color: #EEEFEF;
}
/* line 1476, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2:after {
background-color: #ff5a00;
height: 5px;
width: 100%;
}
/* line 1482, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 h2 {
font-family: "Custom-Font-Bold", Arial, sans-serif;
font-size: 1.5rem;
margin-bottom: 12px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.loyaltyoverview-componentv2 h2:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1494, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 p {
margin-top: 0;
margin-bottom: 30px;
}
/* line 1503, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .orange-white {
border: 2px solid #ff5a00;
background-color: #ffffff;
padding: 9px 15px 10px;
}
/* line 1516, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .orange {
margin-left: 10px;
}
/* line 1528, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .center-column {
overflow: hidden;
margin-bottom: 40px;
}
/* line 1547, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .loyalty-badge {
font-family: "Custom-Font-Bold", Arial, sans-serif;
background-color: #ffffff;
color: #ff5a00;
border-radius: 66px;
padding: 0 20px 0 20px;
margin-top: 24px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.loyaltyoverview-componentv2 .loyalty-badge:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1555, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .loyalty-badge .spend-currency {
font-size: 4.0625rem;
top: 10px;
position: relative;
}
/* line 1566, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .loyalty-badge .spend-value {
font-size: 4.0625rem;
position: relative;
top: 10px;
}
/* line 1577, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .loyalty-badge .label {
font-size: 4.0625rem;
position: relative;
top: 10px;
}
/* line 1588, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .loyalty-badge_amount {
font-size: 1.375rem;
line-height: inherit;
position: relative;
top: 12px;
left: -1px;
}
/* line 1602, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .loyalty-overview_title h1 {
font-family: "Custom-Font-Bold", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.loyaltyoverview-componentv2 .loyalty-overview_title h1:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1607, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .icon-loyalty-orange {
background-size: 81px;
background-repeat: no-repeat;
margin-top: 0;
clear: both;
display: inherit;
position: relative;
top: -18px;
}
/* line 1623, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .icon-loyalty-orangelogged {
background-repeat: no-repeat;
margin-top: 0;
clear: both;
display: inherit;
height: auto;
position: relative;
min-height: 120px;
margin-top: 21px;
text-align: center;
background-position: center;
}
/* line 1635, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .icon-loyalty-orangelogged .loyalty-badge_amount {
color: #ff5a00;
font-family: "Custom-Font-Bold", Arial, sans-serif;
font-size: 1.875rem;
position: relative;
top: 35px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.loyaltyoverview-componentv2 .icon-loyalty-orangelogged .loyalty-badge_amount:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1662, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview {
padding-top: 5px;
}
/* line 1666, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 {
clear: both;
overflow: hidden;
}
/* line 1670, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-left,
.loyaltycodev2 .loyaltycode-right {
border: 2px solid #EEEFEF;
border-radius: 6px;
min-height: 203px;
padding: 14px 25px 10px 25px;
}
/* line 1677, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-left .notification,
.loyaltycodev2 .loyaltycode-right .notification {
margin: 0 0 10px 0;
}
/* line 1681, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-left .persistent-gutter,
.loyaltycodev2 .loyaltycode-right .persistent-gutter {
margin: 0;
}
/* line 1686, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-bottom {
border: 2px solid #EEEFEF;
border-radius: 6px;
min-height: 130px;
padding: 15px 25px 10px 25px;
}
/* line 1692, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-bottom .notification {
margin: 0 0 10px 0;
}
/* line 1696, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-bottom .persistent-gutter {
margin: 0;
}
/* line 1700, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-bottom h3 {
color: #000000;
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1.3125rem;
line-height: inherit;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.loyaltycodev2 .loyaltycode-bottom h3:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1713, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-bottom .btn {
position: relative;
top: 15px;
}
/* line 1725, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .orange-white {
border: 2px solid #ff5a00;
background-color: #ffffff;
padding: 8px 15px 8px;
display: inline-block !important;
}
/* line 1739, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .qrcodescan {
padding: 7px 15px 3px;
min-height: 40px;
}
/* line 1743, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .qrcodescan .icon {
margin-left: 10px;
position: relative;
top: -2px;
}
/* line 1750, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .camera-crop-top {
height: 24%;
}
/* line 1754, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .camera-viewport {
top: 20%;
}
/* line 1758, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .cameraPriview {
position: initial;
}
/* line 1762, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .qrcode-crop-top {
height: 30%;
}
/* line 1766, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .qrcode-crop-bottom {
height: 30%;
}
/* line 1771, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-left h3 {
color: #000000;
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1.3125rem;
line-height: inherit;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.loyaltycodev2 .loyaltycode-left h3:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1784, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-left .btn {
position: relative;
top: 15px;
}
/* line 1795, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-left p {
margin-top: 0;
font-size: 0.9375rem;
margin-bottom: 0;
}
/* line 1806, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-left .loyalty-goal__values {
font-size: 0.75rem;
}
/* line 1810, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-left .loyalty-goal__product, .loyaltycodev2 .loyaltycode-left .loyalty-goal__product-wrap {
text-align: left;
}
/* line 1836, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-right h3 {
color: #000000;
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1.3125rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.loyaltycodev2 .loyaltycode-right h3:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1846, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-right p {
margin-top: 0;
font-size: 0.9375rem;
margin-bottom: 10px;
}
/* line 1862, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .orange {
margin-bottom: 10px;
border: 0;
display: inline-block !important;
margin-right: 10px;
font-size: 0.875rem;
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.loyaltycodev2 .orange:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1881, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .btn-submit {
width: auto;
margin-bottom: 10px;
}
/* line 1886, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .radeem-button {
position: absolute;
right: 5px;
top: 5px;
width: auto;
height: auto;
cursor: pointer;
}
/* line 1895, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .radeem-voucher {
position: relative;
}
/* line 1903, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 input {
line-height: normal;
width: 100%;
height: 40px;
border-radius: 6px;
border: 1px solid #EEEFEF;
padding-left: 10px;
font-size: 0.8125rem;
margin-bottom: 10px;
outline: none;
font-family: "Custom-Font-Bold", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.loyaltycodev2 input:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1917, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyalty-goal__bar {
height: 10px;
margin: 5px 0;
}
/* line 1924, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyalty-goal__progress {
height: 8px;
background-image: none;
background-color: #ff5a00;
}
/* line 1931, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .redeem-btn {
position: relative;
top: -18px;
}
/* line 1947, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .orange-border-btn {
border: 2px solid #ff5a00;
color: #ff5a00;
background-color: #ffffff;
padding: 5px 15px 5px;
display: inline-block !important;
font-size: 14px;
}
/* line 1962, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .orange-border-btn:hover {
color: #FF9E00;
border: 2px solid #ff5a00;
}
/* line 1967, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .scanbutton {
vertical-align: super;
}
/* line 1972, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.enable_LoyaltyDesign {
display: none !important;
}
/*
* Sticky header overrides
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.sticky-header_pinned,
.sticky-header_pinned-with-usp,
.sticky-header_unpinned {
position: fixed;
}
/*
* Main navigation V2, replaces "main-header"
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 19, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header {
background-color: transparent;
-webkit-transition: top .2s ease-out;
transition: top .2s ease-out;
top: 0;
width: 100%;
z-index: 102;
}
/* line 69, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .layout-wrapper {
max-width: 1600px;
padding: 0 30px;
width: 100%;
height: 100%;
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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* line 85, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .btn.orange {
font-size: 0.875rem;
padding: 3px 35px 4px;
}
/* line 90, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .search-container {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 30px;
}
/* line 94, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .search-container .form-element-addon,
.main-header-v2.main-header .search-container .form-element label {
z-index: auto;
}
/* line 98, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .search-container .legacy-form input[type="text"] {
height: 48px;
border-radius: 25px;
background-color: #E5E6E9;
padding: 0 0 0 48px;
}
/* line 103, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .search-container .legacy-form input[type="text"]:focus {
background-color: white;
}
/* line 106, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .search-container .legacy-form input[type="text"].active {
background-color: white;
border-radius: 25px 25px 0 0;
border-bottom: 0;
border-color: #949494;
}
/* line 113, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .search-container .icon.icon-search.thin {
top: 50%;
left: 14px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
/* line 118, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2.main-header .search-container {
padding-left: 30px;
padding-right: 0;
}
/* line 121, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2.main-header .search-container .legacy-form input[type="text"] {
padding: 0 48px 0 0;
}
/* line 124, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2.main-header .search-container .icon.icon-search.thin {
top: 50%;
right: 24px;
position: absolute;
}
/* line 130, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .input-type__text_with-icon,
.main-header-v2.main-header .input-type__text_with-transgourmet-icon,
.main-header-v2.main-header .input-type__text_with-accessibility-icon {
margin: auto;
}
/* line 136, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .inline-search {
background: #EEEFEF;
padding: 7px;
position: relative;
border: 0;
margin: 0;
border-top: 1px solid #EEEFEF;
}
/* line 143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .inline-search .input-type__text_with-icon,
.main-header-v2.main-header .inline-search .input-type__text_with-transgourmet-icon,
.main-header-v2.main-header .inline-search .input-type__text_with-accessibility-icon {
position: relative;
max-width: 380px;
margin: auto;
}
/* line 149, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .inline-search .input-type__text_with-icon .icon.icon-search.thin,
.main-header-v2.main-header .inline-search .input-type__text_with-transgourmet-icon .icon.icon-search.thin,
.main-header-v2.main-header .inline-search .input-type__text_with-accessibility-icon .icon.icon-search.thin {
cursor: pointer;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
left: 24px;
position: absolute;
}
/* line 153, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2.main-header .inline-search .input-type__text_with-icon .icon.icon-search.thin, body.rtl
.main-header-v2.main-header .inline-search .input-type__text_with-transgourmet-icon .icon.icon-search.thin, body.rtl
.main-header-v2.main-header .inline-search .input-type__text_with-accessibility-icon .icon.icon-search.thin {
left: auto;
right: 24px;
}
/* line 158, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .inline-search .input-type__text_with-icon input[type="text"],
.main-header-v2.main-header .inline-search .input-type__text_with-transgourmet-icon input[type="text"],
.main-header-v2.main-header .inline-search .input-type__text_with-accessibility-icon input[type="text"] {
border-radius: 25px;
background-color: #EEEFEF;
padding: 0 0 0 48px;
height: 30px;
}
/* line 163, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .inline-search .input-type__text_with-icon input[type="text"]:focus,
.main-header-v2.main-header .inline-search .input-type__text_with-transgourmet-icon input[type="text"]:focus,
.main-header-v2.main-header .inline-search .input-type__text_with-accessibility-icon input[type="text"]:focus {
background-color: white;
}
/* line 166, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .inline-search .input-type__text_with-icon input[type="text"].active,
.main-header-v2.main-header .inline-search .input-type__text_with-transgourmet-icon input[type="text"].active,
.main-header-v2.main-header .inline-search .input-type__text_with-accessibility-icon input[type="text"].active {
background-color: white;
border-radius: 25px 25px 0 0;
border-bottom: 0;
border-color: #949494;
}
/* line 172, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2.main-header .inline-search .input-type__text_with-icon input[type="text"], body.rtl
.main-header-v2.main-header .inline-search .input-type__text_with-transgourmet-icon input[type="text"], body.rtl
.main-header-v2.main-header .inline-search .input-type__text_with-accessibility-icon input[type="text"] {
padding: 0 48px 0 0;
}
/* line 176, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .inline-search .input-type__text_with-icon .suggestions,
.main-header-v2.main-header .inline-search .input-type__text_with-transgourmet-icon .suggestions,
.main-header-v2.main-header .inline-search .input-type__text_with-accessibility-icon .suggestions {
top: 29px;
}
/* line 183, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation,
.main-header-v2 .main-navigation_meta,
.main-header-v2 .main-navigation_meta-alt {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* line 191, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation a,
.main-header-v2 .main-navigation li,
.main-header-v2 .main-navigation_meta a,
.main-header-v2 .main-navigation_meta li,
.main-header-v2 .main-navigation_meta-alt a,
.main-header-v2 .main-navigation_meta-alt li {
color: #000000;
text-decoration: none;
}
/* line 213, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation > li:last-child,
.main-header-v2 .main-navigation_meta > li:last-child,
.main-header-v2 .main-navigation_meta-alt > li:last-child {
margin-right: 0;
}
/* line 232, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation > .expandable-mobile .main-navigation_foldout, body.rtl
.main-header-v2 .main-navigation_meta > .expandable-mobile .main-navigation_foldout, body.rtl
.main-header-v2 .main-navigation_meta-alt > .expandable-mobile .main-navigation_foldout {
text-align: right;
}
/* line 234, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation > .expandable-mobile .main-navigation_foldout li, body.rtl
.main-header-v2 .main-navigation_meta > .expandable-mobile .main-navigation_foldout li, body.rtl
.main-header-v2 .main-navigation_meta-alt > .expandable-mobile .main-navigation_foldout li {
padding-right: 15px;
}
/* line 278, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation a,
.main-header-v2 .main-navigation li {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.main-header-v2 .main-navigation a:lang(zh-TW),
.main-header-v2 .main-navigation li:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 290, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation > li {
margin-right: 0;
padding-right: 30px;
}
/* line 315, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation > li:hover > a,
.main-header-v2 .main-navigation > li.active > a {
position: relative;
}
/* line 330, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation > li:hover > a:after,
.main-header-v2 .main-navigation > li.active > a:after {
content: none;
border: none;
}
/* line 336, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li.expandable,
.main-header-v2 .main-navigation li.expandable-mobile {
position: relative;
}
/* line 346, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation li.expandable:before, body.rtl
.main-header-v2 .main-navigation li.expandable-mobile:before {
right: auto;
left: 0;
}
/* line 453, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta a,
.main-header-v2 .main-navigation_meta li,
.main-header-v2 .main-navigation_meta-alt a,
.main-header-v2 .main-navigation_meta-alt li {
color: #949494;
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 0.75rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.main-header-v2 .main-navigation_meta a:lang(zh-TW),
.main-header-v2 .main-navigation_meta li:lang(zh-TW),
.main-header-v2 .main-navigation_meta-alt a:lang(zh-TW),
.main-header-v2 .main-navigation_meta-alt li:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 469, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta > li.loyalty-points {
font-size: 0.875rem;
padding-right: 25px;
}
/* line 472, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta > li.loyalty-points span {
color: #333333;
}
/* line 475, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation_meta > li.loyalty-points {
padding-right: 0;
padding-left: 25px;
}
/* line 482, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.search.search-handle-active {
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
-webkit-filter: gray;
filter: gray;
}
/* line 488, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.shopping-cart {
position: relative;
font-size: 0.75rem;
padding-right: 0;
}
/* line 492, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.shopping-cart .cart-badge {
top: -9px;
right: -18px;
position: absolute;
}
/* line 506, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.expandable:after {
top: 50%;
right: 0px;
position: absolute;
}
/* line 532, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation_meta li.expandable:after {
right: auto;
left: 0;
}
/* line 541, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.expandable.open > ul {
display: block;
}
/* line 546, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.expandable.open:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
/* line 549, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.expandable.open > ul {
display: block;
}
/* line 554, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.expandable.from-right > ul {
right: -17px;
left: auto;
}
/* line 559, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.expandable .username br {
display: none;
}
/* line 564, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.select-channel {
position: relative;
}
/* line 566, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.select-channel span[class$='badge'] {
top: 50%;
right: 10px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* line 573, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.select-channel span.channel-badge-label {
display: block;
line-height: 1.125rem;
margin-right: 35px;
}
/* line 577, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.select-channel span.channel-badge-label span {
color: #ff5a00;
}
/* line 584, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta ul.checklist li {
padding-left: 25px;
}
/* line 586, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta ul.checklist li:before {
top: 0;
}
/* line 589, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation_meta ul.checklist li {
padding-right: 25px;
padding-left: 0;
}
/* line 592, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation_meta ul.checklist li:before {
margin-right: 0;
margin-left: 12px;
}
/* line 597, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta ul.checklist li:first-child {
padding-bottom: 20px;
}
/* line 604, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_foldout,
.main-header-v2 .main-navigation_meta-foldout {
min-width: 150px;
position: absolute;
text-align: left;
display: none;
}
/* line 610, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation_foldout, body.rtl
.main-header-v2 .main-navigation_meta-foldout {
right: 16px;
}
/* line 612, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation_foldout > li, body.rtl
.main-header-v2 .main-navigation_meta-foldout > li {
padding: 20px 10px;
text-align: right;
}
/* line 622, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_foldout a,
.main-header-v2 .main-navigation_foldout li,
.main-header-v2 .main-navigation_meta-foldout a,
.main-header-v2 .main-navigation_meta-foldout li {
font-family: "Custom-Font-Regular", Arial, sans-serif;
color: #000000;
text-decoration: none;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.main-header-v2 .main-navigation_foldout a:lang(zh-TW),
.main-header-v2 .main-navigation_foldout li:lang(zh-TW),
.main-header-v2 .main-navigation_meta-foldout a:lang(zh-TW),
.main-header-v2 .main-navigation_meta-foldout li:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 630, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_foldout {
margin-bottom: 0;
}
/* line 692, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_foldout li {
padding: 10px 0;
}
/* line 702, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation_foldout {
text-align: right;
}
/* line 708, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta-foldout a,
.main-header-v2 .main-navigation_meta-foldout li {
font-size: 0.8125rem;
}
/* line 716, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta-foldout > li {
background-color: #ffffff;
border-right: 1px solid #EEEFEF;
border-bottom: 1px solid #EEEFEF;
border-left: 1px solid #EEEFEF;
padding: 20px 10px;
}
/* line 728, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta-foldout > li:first-child {
margin-top: 9px;
}
/* line 741, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta-foldout li.account {
width: 251px;
}
/* line 751, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .favorites-anchor span[class^="icn-"],
.main-header-v2 .favorites-anchor span[class*=" icn-"] {
font-size: 1.125rem;
}
/* line 769, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta .icon-account:before {
content: "";
background-image: url(app/images/sprite-1765293638613.png);
background-position: -21px -301px;
width: 19px;
height: 22px;
display: inline-block;
vertical-align: middle;
}
/* line 778, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 {
background-color: #ffffff;
}
/* line 788, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta {
position: relative;
z-index: 1;
}
/* line 791, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li {
color: #949494;
padding: 0 0 0 15px;
}
/* line 801, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 18px;
width: 1px;
background-color: #EEEFEF;
margin-right: 15px;
}
/* line 810, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .navigation-row-1 .main-navigation_meta > li {
padding: 0;
}
/* line 812, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .navigation-row-1 .main-navigation_meta > li:before {
margin-left: 15px;
}
/* line 815, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .navigation-row-1 .main-navigation_meta > li.expandable {
position: relative;
padding-right: 0;
padding-left: 15px;
}
/* line 821, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li.expandable {
position: relative;
padding-right: 15px;
}
/* line 824, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li.expandable.tradepartner {
z-index: 2;
}
/* line 836, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li a {
color: #949494;
display: inline-block;
vertical-align: middle;
}
/* line 840, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li a.un-mask {
display: none;
}
/* line 849, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li a > span {
display: inline-block;
vertical-align: middle;
}
/* line 852, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li a > span span {
color: #333333;
}
/* line 854, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li a > span span.navigation-selected-tp-label {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
width: 100%;
}
/* line 868, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li .navigation-tradepartner-foldout li {
width: 300px;
padding-top: 0;
}
/* line 872, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li .navigation-tradepartner-foldout li .trading-partner__summary a {
color: #949494;
vertical-align: inherit;
}
/* line 888, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-2 {
background-color: #EEEFEF;
}
/* line 947, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row_underlay .main-navigation_meta,
.main-header-v2 .navigation-row_underlay .main-navigation_meta-alt {
top: 50%;
right: 0;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* line 982, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row_underlay.promotion-banner-visible .navigation-handle {
top: 70px;
}
/* line 985, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row_underlay.promotion-banner-visible .main-navigation_meta {
top: 65px;
}
/* line 991, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-handle {
top: 18px;
position: absolute;
cursor: pointer;
height: 24px;
width: 23px;
z-index: 10;
}
/* line 998, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-handle span.text {
text-transform: uppercase;
color: #898EA2;
font-size: 8px;
position: absolute;
top: 15px;
}
/* line 1004, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-handle span.text:before {
display: inline-block;
}
/* line 1008, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-handle span:not([class]) {
top: 7px;
left: 0;
position: absolute;
border-bottom: 1px solid #898EA2;
display: block;
height: 1px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width: 23px;
}
/* line 1015, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-handle span:not([class]):before, .main-header-v2 .navigation-handle span:not([class]):after {
border-bottom: 1px solid #898EA2;
content: "";
position: absolute;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
width: 100%;
}
/* line 1023, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-handle span:not([class]):before {
top: -5px;
}
/* line 1026, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-handle span:not([class]):after {
top: 5px;
}
/* line 1033, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-handle.active span.text:before {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
/* line 1036, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-handle.active span:not(.text) {
border-color: #ffffff;
}
/* line 1038, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-handle.active span:not(.text):before, .main-header-v2 .navigation-handle.active span:not(.text):after {
top: 0;
}
/* line 1042, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-handle.active span:not(.text):before {
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
/* line 1045, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-handle.active span:not(.text):after {
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
}
/* line 1049, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-handle.active span[class$='badge'] {
display: none;
}
/* line 1054, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-handle span[class$='badge'] {
top: -9px;
right: -18px;
position: absolute;
}
/* line 1065, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .icon.icon-favorites {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -353px -232px;
width: 22px;
height: 22px;
}
/* line 1069, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .icon.icon-cart {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -325px -111px;
width: 28px;
height: 26px;
}
/* line 1075, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .cart-badge {
background-color: #ff5a00;
display: block;
font-size: 0.75rem;
}
/* line 1089, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .header-usp-container {
background: white;
color: #949494;
font-family: "Custom-Font-Medium";
font-size: 0.75rem;
padding: 9px 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
/* line 1097, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .header-usp-container .usps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 auto;
max-width: 1020px;
padding: 0 0 0 28px;
text-align: left;
}
/* line 1106, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .header-usp-container li {
padding: 0 16px 0 22px;
display: none;
}
/* line 1109, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .header-usp-container li:nth-child(-n+2) {
display: inline-block;
}
/* line 1118, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .header-usp-container li:before {
content: "";
display: inline-block;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -262px -334px;
width: 17px;
height: 14px;
}
/* line 1123, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .header-usp-container li span {
color: inherit;
}
/* line 1129, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .header-usp-container .usps {
padding: 0 10px 0 0;
}
/* line 1132, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .header-usp-container li {
padding: 0 22px 0 9px;
}
/* line 1143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .ufs-logo {
position: relative;
top: 0;
z-index: 1;
display: inline-block;
}
/* line 1149, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .ufs-logo.hide-desktop {
width: 100%;
}
/* line 1151, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .ufs-logo.hide-desktop > a {
display: inline-block;
}
/* line 1162, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .ufs-logo_svg {
height: 33px;
width: 88px;
}
/* line 1180, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .thirdparty-logo {
position: relative;
top: auto;
left: auto;
display: inline-block;
margin: 0 10px;
}
/* line 1187, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .thirdparty-logo .thirdparty-logo_svg {
height: 40px;
width: auto;
}
/* line 1198, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .accessibility-logo {
position: relative;
z-index: 2;
display: inline-block;
vertical-align: top;
top: auto;
right: auto;
left: auto;
}
/* line 1211, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .accessibility-logo {
top: auto;
right: auto;
left: auto;
}
/* line 1235, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .accessibility-logo #INDmenu-btn {
float: none;
margin: 0;
position: static;
}
/* line 1243, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .suggestions {
border-radius: 0 0 25px 25px;
border-top: 0;
padding: 10px 40px;
width: calc(100% - 30px);
z-index: auto;
}
/* line 1256, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .suggestions .scroller {
overflow: hidden;
overflow-y: auto;
max-height: calc(100vh - 130px);
}
/*
* Navigation override helpers
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1270, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.header-pusher-mobile {
height: 0;
}
/* line 1283, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.scroll-content.no-top-padding {
padding-top: 0;
}
/* line 1289, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.mobile-nav-open {
overflow: hidden;
position: fixed;
}
/* line 1293, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.mobile-nav-open.rtl {
overflow: visible;
}
/*
* Main navigation
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-header {
background-color: #ffffff;
position: relative;
-webkit-transition: top .2s ease-out;
transition: top .2s ease-out;
top: 0;
width: 100%;
z-index: 102;
}
/* line 55, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.sticky-header_pinned,
.sticky-header_pinned-with-usp,
.sticky-header_unpinned {
position: fixed;
}
/* line 61, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.sticky-header_hide {
z-index: 0 !important;
}
/* line 65, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.sticky-header_pinned-with-usp {
top: -36px;
}
/* line 69, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation,
.main-navigation_meta,
.main-navigation_meta-alt {
list-style: none;
margin: 0;
padding: 0;
}
/* line 76, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation a,
.main-navigation li,
.main-navigation_meta a,
.main-navigation_meta li,
.main-navigation_meta-alt a,
.main-navigation_meta-alt li {
color: #000000;
text-decoration: none;
}
/* line 82, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation > li,
.main-navigation_meta > li,
.main-navigation_meta-alt > li {
display: block;
float: left;
}
/* line 92, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation > li:last-child,
.main-navigation_meta > li:last-child,
.main-navigation_meta-alt > li:last-child {
margin-right: 0;
}
/* line 110, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation a,
.main-navigation li {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.main-navigation a:lang(zh-TW),
.main-navigation li:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 120, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation > li {
margin-right: 4.84%;
}
/* line 128, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation li a:hover,
.main-navigation li.active a {
position: relative;
}
/* line 143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation li.expandable {
position: relative;
}
/* line 156, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation li.expandable.open:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
/* line 160, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation li.expandable.open > ul {
display: block;
}
/* line 169, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta a,
.main-navigation_meta li,
.main-navigation_meta-alt a,
.main-navigation_meta-alt li {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 0.75rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.main-navigation_meta a:lang(zh-TW),
.main-navigation_meta li:lang(zh-TW),
.main-navigation_meta-alt a:lang(zh-TW),
.main-navigation_meta-alt li:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 185, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta > li,
.main-navigation_meta-alt > li {
padding-right: 40px;
position: relative;
}
/* line 198, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.search.search-handle-active,
.main-navigation_meta-alt li.search.search-handle-active {
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
-webkit-filter: gray;
filter: gray;
}
/* line 204, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.shopping-cart,
.main-navigation_meta-alt li.shopping-cart {
position: relative;
}
/* line 207, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.shopping-cart .cart-badge,
.main-navigation_meta-alt li.shopping-cart .cart-badge {
top: -9px;
right: -18px;
position: absolute;
}
/* line 217, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.expandable,
.main-navigation_meta-alt li.expandable {
position: relative;
padding-right: 60px;
}
/* line 229, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.expandable:after,
.main-navigation_meta-alt li.expandable:after {
top: 50%;
right: 40px;
position: absolute;
}
/* line 262, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.expandable.open:after,
.main-navigation_meta-alt li.expandable.open:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
/* line 266, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.expandable.open > ul,
.main-navigation_meta-alt li.expandable.open > ul {
display: block;
}
/* line 271, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.expandable.from-right > ul,
.main-navigation_meta-alt li.expandable.from-right > ul {
right: 0;
left: auto;
}
/* line 276, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.expandable .username br,
.main-navigation_meta-alt li.expandable .username br {
display: none;
}
/* line 281, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.select-channel,
.main-navigation_meta-alt li.select-channel {
position: relative;
}
/* line 284, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.select-channel span[class$='badge'],
.main-navigation_meta-alt li.select-channel span[class$='badge'] {
top: 50%;
right: 10px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* line 293, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.select-channel span.channel-badge-label,
.main-navigation_meta-alt li.select-channel span.channel-badge-label {
display: block;
line-height: 1.125rem;
margin-right: 35px;
}
/* line 298, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.select-channel span.channel-badge-label span,
.main-navigation_meta-alt li.select-channel span.channel-badge-label span {
color: #ff5a00;
}
/* line 305, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta ul.checklist li,
.main-navigation_meta-alt ul.checklist li {
padding-left: 25px;
}
/* line 308, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta ul.checklist li:before,
.main-navigation_meta-alt ul.checklist li:before {
top: 0;
}
/* line 312, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta ul.checklist li:first-child,
.main-navigation_meta-alt ul.checklist li:first-child {
padding-bottom: 20px;
}
/* line 319, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_foldout,
.main-navigation_meta-foldout {
background-color: #ffffff;
min-width: 150px;
position: absolute;
text-align: left;
display: none;
}
/* line 331, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_foldout a,
.main-navigation_foldout li,
.main-navigation_meta-foldout a,
.main-navigation_meta-foldout li {
font-family: "Custom-Font-Regular", Arial, sans-serif;
color: #000000;
text-decoration: none;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.main-navigation_foldout a:lang(zh-TW),
.main-navigation_foldout li:lang(zh-TW),
.main-navigation_meta-foldout a:lang(zh-TW),
.main-navigation_meta-foldout li:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 339, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_foldout {
margin-bottom: 35px;
}
/* line 342, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_foldout li {
padding: 10px 0 10px 55px;
}
/* line 348, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta-foldout a,
.main-navigation_meta-foldout li {
font-size: 0.8125rem;
}
/* line 357, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta-foldout > li {
border-right: 1px solid #EEEFEF;
border-bottom: 1px solid #EEEFEF;
border-left: 1px solid #EEEFEF;
padding: 20px 10px;
}
/* line 370, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta-foldout > li:first-child {
margin-top: 29px;
}
/* line 385, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta-foldout li.account {
width: 251px;
}
/* line 395, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row {
background-color: #ffffff;
}
/* line 421, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row.has-meta-navigation {
/*
@include breakpoint($mobile) {
box-ordinal-group: 2;
margin-top: 75px;
}
*/
}
/* line 430, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row .main-navigation_meta {
position: relative;
z-index: 1;
}
/* line 440, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row .main-navigation_meta > li {
display: inline-block;
float: none;
}
/* line 493, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row_underlay .main-navigation_meta,
.navigation-row_underlay .main-navigation_meta-alt {
top: 50%;
right: 0;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* line 524, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-handle {
top: 18px;
position: absolute;
cursor: pointer;
height: 21px;
width: 21px;
}
/* line 530, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-handle span:not([class]) {
top: 10px;
left: 0;
position: absolute;
border-bottom: 1px solid #ff5a00;
display: block;
height: 1px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width: 21px;
}
/* line 538, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-handle span:not([class]):before, .navigation-handle span:not([class]):after {
border-bottom: 1px solid #ff5a00;
content: "";
position: absolute;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
width: 100%;
}
/* line 547, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-handle span:not([class]):before {
top: -7px;
}
/* line 551, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-handle span:not([class]):after {
top: 7px;
}
/* line 557, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-handle.active span {
border-color: #ffffff;
}
/* line 560, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-handle.active span:before, .navigation-handle.active span:after {
top: 0;
}
/* line 565, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-handle.active span:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/* line 569, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-handle.active span:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* line 574, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-handle.active span[class$='badge'] {
display: none;
}
/* line 579, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-handle span[class$='badge'] {
top: -9px;
right: -18px;
position: absolute;
}
/* line 589, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.inline-search {
background: #ffffff;
border-bottom: 2px solid #ff5a00;
display: none;
margin-top: -10px;
padding: 8px;
position: relative;
}
/*
* Minicart styles
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart {
visibility: hidden;
}
/* line 20, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.desktop .minicart,
.mobile .minicart {
-webkit-transition: visibility .5s ease-in-out;
transition: visibility .5s ease-in-out;
}
/* line 24, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart h3 {
display: inline-block;
top: 20px;
left: 20px;
position: absolute;
}
/* line 32, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart:before {
background: #000000;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
position: fixed;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
width: 100%;
z-index: 101;
}
/* line 44, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-open .minicart {
visibility: visible;
}
/* line 46, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-open .minicart:before {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
}
/* line 52, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-close {
color: #757575;
top: 20px;
right: 20px;
position: absolute;
text-align: right;
text-decoration: none;
}
/* line 57, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-close span {
margin-left: 15px;
}
/* line 63, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-close .icon.icon-close.grey.small {
display: none;
}
/* line 81, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-flyout {
background: #ffffff;
-webkit-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
height: 100vh;
left: auto;
min-width: 500px;
padding: 20px;
top: 0;
right: 0;
bottom: 0;
position: fixed;
-webkit-transform: translateX(110%);
transform: translateX(110%);
-webkit-transition: -webkit-transform .5s ease-in-out;
transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
width: 30%;
z-index: 201;
}
/* line 93, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-flyout h3 {
color: #000000;
text-transform: uppercase;
}
/* line 97, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-open .minicart-flyout {
-webkit-transform: translateX(0);
transform: translateX(0);
}
/* line 108, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-products {
height: 100%;
overflow-y: auto;
}
/* line 112, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-products__wrap {
height: 100vh;
padding: 35px 0 300px 0;
}
/* line 120, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-products__wrap.cart-empty {
padding-bottom: 35px;
}
/* line 124, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-products__wrap.expanded {
padding-bottom: 220px;
}
/* line 133, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product {
border-bottom: 1px solid #EEEFEF;
padding: 20px 20px 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 137, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product:before {
content: "";
}
/* line 144, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__image {
height: 100%;
padding-right: 10px;
width: 20%;
}
/* line 152, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details {
font-size: 0.9375rem;
width: 80%;
}
/* line 159, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-brand {
display: block;
text-transform: uppercase;
}
/* line 163, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-name {
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.minicart-product__details .product-name:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 166, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-volume {
color: #ff5a00;
}
/* line 169, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-quantity {
margin-top: 7px;
}
/* line 171, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-quantity .label {
padding: 0 10px 0 0;
vertical-align: middle;
}
/* line 183, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
body.rtl .minicart-product__details .product-quantity .label {
padding: 0 0 0 10px;
}
/* line 188, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-details {
margin-top: 10px;
}
/* line 191, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-details_codes {
margin-bottom: 10px;
}
/* line 194, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-pricing {
margin-top: 10px;
}
/* line 196, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-pricing .product-loyalty {
margin-top: 10px;
}
/* line 200, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-remove {
color: #333333;
display: block;
float: left;
font-size: 0.9375rem;
margin-top: 33px;
text-decoration: none;
width: auto;
}
/* line 208, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-remove span {
margin-right: 10px;
vertical-align: bottom;
}
/* line 217, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-price {
float: right;
margin: 0;
padding: 0;
text-align: right;
width: 50%;
}
/* line 227, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-price__total {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #000000;
display: block;
float: none;
font-size: 1.625rem;
width: auto;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.minicart-product__details .product-price__total:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 238, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-price__description {
float: none;
width: auto;
font-size: 11px;
}
/* line 246, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .number-stepper {
display: inline-block;
vertical-align: middle;
}
/* line 253, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .number-stepper__addon,
.minicart-product__details .number-stepper__input {
height: 30px;
}
/* line 257, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .number-stepper__addon {
background: none;
font-size: 1.5rem;
line-height: 1.375rem;
width: 30px;
}
/* line 263, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .number-stepper__input {
font-size: 0.875rem;
padding: 0;
width: 50px;
}
/* line 270, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals {
right: 20px;
bottom: 20px;
left: 20px;
position: absolute;
text-align: center;
}
/* line 277, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals .button {
clear: both;
display: block;
margin: 15px auto 0 auto;
text-transform: uppercase;
width: 300px;
}
/* line 288, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals.disabled {
cursor: default;
opacity: .5;
}
/* line 293, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
body.rtl .minicart-totals .product-remove {
float: right;
}
/* line 298, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals__delivery {
color: #333333;
display: block;
font-size: 0.75rem;
padding: 0 0 10px 0;
background-color: #ffffff;
}
/* line 304, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals__delivery a {
color: #949494;
}
/* line 307, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals__delivery.mobile-show {
display: none;
}
/* line 317, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals__content {
background: #fff2f2;
padding: 20px 25px;
text-align: left;
}
/* line 325, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals__left {
float: left;
margin-bottom: 30px;
}
/* line 333, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals__right {
float: right;
margin-bottom: 15px;
text-align: right;
}
/* line 341, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals__left,
.minicart-totals__right {
width: 50%;
}
/* line 345, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals__label {
font-family: "Custom-Font-Medium", Arial, sans-serif;
display: block;
font-size: 1.25rem;
text-transform: uppercase;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.minicart-totals__label:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 354, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals__sum {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #000000;
display: block;
font-size: 1.625rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.minicart-totals__sum:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 363, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals__description {
display: inline-block;
font-size: 0.8125rem;
}
/* line 372, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-loyalty {
font-family: "Custom-Font-Medium", Arial, sans-serif;
display: block;
font-size: 0.8125rem;
margin-top: 7px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.minicart-loyalty:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 382, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-loyalty__amount {
color: #ff5a00;
}
/* line 387, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.kan-prod-cart-out-stock {
background-color: #fff2f2;
padding: 10px;
border-radius: 6px;
font-size: 12px;
font-weight: bold;
color: #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 10px;
}
/* line 396, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.kan-prod-cart-out-stock .kan-prod-out-stock-icon2 {
background-image: url(../../designs/ufs-aem/static/icons/outstock-black-info.svg);
background-position: 0 0;
background-repeat: no-repeat;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
/*
* Global number stepper definitions
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.number-stepper.disabled {
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
pointer-events: none;
}
/* line 11, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.number-stepper.disabled input[disabled] {
background: #ffffff;
}
/* line 15, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.number-stepper.disabled .number-stepper__addon {
cursor: default;
}
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
input[type=text].number-stepper__input,
input[type=tel].number-stepper__input {
border-radius: 0px;
border: 1px solid #EEEFEF;
border-right: 0;
border-left: 0;
float: left;
height: 2.8125rem;
text-align: center;
width: 70px;
margin: 0;
}
/* line 33, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
body.rtl input[type=text].number-stepper__input, body.rtl
input[type=tel].number-stepper__input {
float: right;
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.error input[type=text].number-stepper__input, .error
input[type=tel].number-stepper__input {
border-width: 2px;
border-color: #ff5a00;
}
/* line 47, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.number-stepper__addon {
background-color: #EEEFEF;
border-top: 1px solid #EEEFEF;
border-bottom: 1px solid #EEEFEF;
color: #ff5a00;
cursor: pointer;
float: left;
font-size: 1.75rem;
font-weight: bold;
height: 2.8125rem;
line-height: 1.4em;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 60px;
}
/* line 62, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.number-stepper__addon:first-of-type {
border-radius: 7px 0 0 7px;
border-left: 1px solid #EEEFEF;
border-right: 1px solid #EEEFEF;
}
/* line 67, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
body.rtl .number-stepper__addon:first-of-type {
border-radius: 0 7px 7px 0;
float: right;
}
/* line 73, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.number-stepper__addon:last-of-type {
border-radius: 0 7px 7px 0;
border-right: 1px solid #EEEFEF;
border-left: 1px solid #EEEFEF;
}
/* line 78, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
body.rtl .number-stepper__addon:last-of-type {
border-radius: 7px 0 0 7px;
float: right;
}
/* line 84, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.error .number-stepper__addon {
border-width: 2px;
border-color: #ff5a00;
}
/* line 89, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.number-stepper--recipe-detail .number-stepper__addon {
background-color: #ffffff;
}
/* line 95, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.number-stepper__small input[type=text].number-stepper__input,
.number-stepper__small input[type=tel].number-stepper__input {
font-size: 0.875rem;
height: 30px;
padding: 0;
width: 50px;
}
/* line 102, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.plus12_5 .cart .number-stepper__small input[type=text].number-stepper__input,
.plus12_5 .minicart .number-stepper__small input[type=text].number-stepper__input,
.plus12_5 .favorite-products .number-stepper__small input[type=text].number-stepper__input, .plus12_5 .cart
.number-stepper__small input[type=tel].number-stepper__input,
.plus12_5 .minicart
.number-stepper__small input[type=tel].number-stepper__input,
.plus12_5 .favorite-products
.number-stepper__small input[type=tel].number-stepper__input {
height: 34px;
}
/* line 109, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.number-stepper__small .number-stepper__addon {
background: none;
font-size: 1.5rem;
height: 1.875rem;
line-height: 1.375rem;
width: 1.875rem;
}
/* line 116, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.plus12_5 .number-stepper__small .number-stepper__addon {
line-height: 1.75rem;
}
/* line 120, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.plus12_5 .cart .number-stepper__small .number-stepper__addon,
.plus12_5 .minicart .number-stepper__small .number-stepper__addon,
.plus12_5 .favorite-products .number-stepper__small .number-stepper__addon {
height: 34px;
}
/* line 129, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.number-stepper__white .number-stepper__addon {
background-color: #ffffff;
}
/*
* PDP specific number stepper
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 139, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.ufs-quantity-select {
position: relative;
}
/* line 147, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.ufs-quantity-select input[type="tel"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border: 1px solid #EEEFEF;
border-right: 0px;
display: block;
float: left;
height: 60px;
margin: 0;
padding: 0;
text-align: center;
width: calc(100% - 30px);
}
/* line 179, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.ufs-quantity-select_nav {
float: left;
width: 30px;
height: 60px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border: 1px solid #EEEFEF;
}
/* line 199, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.ufs-quantity-select_button {
cursor: pointer;
height: 30px;
padding-left: 8px;
}
/* line 204, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
body.rtl .ufs-quantity-select_button {
padding-left: 0;
padding-right: 8px;
}
/* line 209, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.ufs-quantity-select_button:first-child {
border-bottom: 1px solid #EEEFEF;
}
/* line 1, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.order-history {
margin-bottom: 50px;
margin-top: 20px;
}
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.orderdetails .order-history__detail .cart-items_amount {
display: inline-block;
}
/* line 36, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.order-history_table {
margin-top: 35px;
width: 100%;
}
/* line 40, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.order-history_table.striped-table td,
.order-history_table.striped-table th {
text-align: center;
}
/* line 43, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.order-history_table.striped-table td:first-of-type,
.order-history_table.striped-table th:first-of-type {
text-align: left;
}
/* line 46, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.order-history_table.striped-table td:last-of-type,
.order-history_table.striped-table th:last-of-type {
min-width: 110px;
text-align: right;
}
/* line 81, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.kangaroo-order-ofs {
background-color: #fff2f2;
padding: 2px 10px 5px 10px;
border-radius: 6px;
font-size: 0.6875rem;
font-weight: bold;
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 2px;
position: absolute;
}
/* line 94, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.kangaroo-order-ofs .kan-prod-out-stock-icon2 {
background-image: url(../../designs/ufs-aem/static/icons/outstock-black-info.svg);
background-position: 0 -2px;
background-repeat: no-repeat;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
/* line 1, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate {
line-height: 1.5;
margin-top: 0px;
}
/* line 12, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .bold-font {
font-weight: bold;
}
/* line 15, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .summary-heading {
margin: 20px 0 20px 0;
}
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .summary-data {
padding: 0 0 10px 0;
}
/* line 24, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .strike-summary {
text-decoration: line-through;
}
/* line 27, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .order-again-button {
float: right;
}
/* line 36, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .user-tp-details .info-border {
border: 1.34px solid #EEEFEF;
border-radius: 6.67px;
padding-bottom: 20px;
}
/* line 46, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .user-tp-details h4 {
margin-top: 10px;
margin-left: 12px;
}
/* line 50, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .user-tp-details p {
margin: 0;
margin-left: 12px;
}
/* line 55, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .message-from-tradepartner {
margin-top: 50px;
background-color: #fff2f2;
border-radius: 6.67px;
padding: 26.68px;
}
/* line 65, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .date {
text-align: right;
}
/* line 68, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .message-list {
clear: both;
margin-left: 23px;
}
/* line 71, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .message-list li {
color: #000000;
}
/* line 75, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .cart-items-table {
border: 1.34px solid #EEEFEF;
margin-bottom: 20px;
margin-top: 40px;
}
/* line 84, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .cart-item-heading {
padding: 20px;
}
/* line 90, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .cart-item-data {
padding: 20px;
}
/* line 93, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .product-image {
width: 8%;
float: left;
margin-right: 4%;
}
/* line 98, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .text-right {
text-align: right;
}
/* line 101, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .item-column {
width: 50%;
}
/* line 104, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .quantity-column {
width: 25%;
text-align: right;
}
/* line 111, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .price-column {
width: 25%;
text-align: right;
}
/* line 118, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .bottom-line {
border-bottom: 1.34px solid #EEEFEF;
}
/* line 122, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .top-line {
border-top: 1.34px solid #EEEFEF;
padding-top: 10px;
}
/* line 127, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 130, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .striked-data {
color: #ff5a00;
text-decoration: line-through;
padding-right: 10px;
}
/* line 135, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .total-row {
float: right;
}
/* line 138, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .total-amount {
padding: 20px 20px 0 20px;
}
/* line 142, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .not-delilvering {
padding: 0 20px 0 50%;
clear: both;
}
/* line 146, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .recommended-price {
float: right;
padding-right: 20px;
}
/* line 150, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .loyalty-label {
clear: both;
padding: 20px 20px 30px 0;
}
/* line 154, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .orange-font {
color: #ff5a00;
}
/* line 157, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .right-float {
float: right;
}
/*
* GLOBAL PRODUCT HEADER AND DETAILS
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu {
background: #EEEFEF;
border-bottom: 1px solid #EEEFEF;
-webkit-transform: translateY(-70px);
transform: translateY(-70px);
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
width: 100%;
z-index: -1;
position: relative;
}
/* line 15, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.sticky-header_pinned-to-top .pdp-traveling-shopmenu {
position: absolute;
}
/* line 23, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu.open {
-webkit-transform: translateY(0);
transform: translateY(0);
}
/* line 27, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content {
max-width: 1600px;
margin: auto;
}
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout {
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;
height: 70px;
width: 100%;
padding: 0 20px;
}
/* line 167, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .ufs-product-name {
overflow: hidden;
text-overflow: ellipsis;
}
/* line 171, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .h3,
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .ufs-webshop-usps {
display: none;
}
/* line 177, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-close-links {
color: #949494;
text-align: right;
cursor: pointer;
}
/* line 181, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-traveling-shopmenu .shopmenu-content .shopmenu-close-links {
text-align: left;
}
/* line 184, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-close-links span {
margin-left: 15px;
}
/* line 190, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-close-links .icon.icon-close.grey.small {
display: none;
}
/* line 201, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-close-links a {
color: #949494;
text-decoration: none;
}
/* line 211, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu h1 {
font-size: 1.5rem;
font-weight: bold;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
line-height: normal;
}
/* line 225, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .mobile-shopmenu {
display: none;
}
/* line 236, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .mobile-shopmenu h1 {
font-size: 0.875rem;
margin: 0;
max-width: 50%;
}
/* line 241, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .mobile-shopmenu .heading-text {
font-size: 0.875rem;
margin: 0;
max-width: 50%;
color: #333333;
}
/* line 249, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .ufs-unit-switch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* line 273, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .ufs-unit-switch_button {
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-pack: distribute;
justify-content: space-around;
background-color: #ffffff;
}
/* line 284, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .ufs-unit-switch_button span {
display: inline-block;
vertical-align: middle;
float: none;
color: #333333;
}
/* line 289, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .ufs-unit-switch_button span:first-child {
color: #949494;
}
/* line 303, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .loyalty-badge {
margin: 0;
width: 50px;
min-width: 50px;
height: 50px;
background-size: 100%;
font-size: 1rem;
line-height: 2.8125rem;
}
/* line 311, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .loyalty-badge .loyalty-badge_amount {
font-size: 0.625rem;
line-height: 2.8125rem;
}
/* line 318, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .ufs-addtocart .btn.orange {
width: 100%;
min-height: 60px;
}
/* line 328, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content-flyout .non-webshop-flyout-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;
height: 80px;
width: 100%;
padding: 0;
}
/* line 351, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .call-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
/* line 359, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .call-section .h4 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #000000;
font-size: 1rem;
margin-right: 8px;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
line-height: normal;
-ms-flex-item-align: center;
align-self: center;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.pdp-traveling-shopmenu .call-section .h4:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 375, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .call-section .pdp-contact-us,
.pdp-traveling-shopmenu .call-section .pdp-contact-us a {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1.125rem;
text-decoration: none;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.pdp-traveling-shopmenu .call-section .pdp-contact-us:lang(zh-TW),
.pdp-traveling-shopmenu .call-section .pdp-contact-us a:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 382, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .call-section .call-us:before {
content: "";
background-image: url(app/images/sprite-1765293638613.png);
background-position: -29px -273px;
width: 23px;
height: 23px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
/* line 388, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-traveling-shopmenu .call-section .call-us:before {
margin: 0 0 0 10px;
}
/* line 395, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .button-bar {
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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
/* line 407, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .button-bar .btn {
min-height: 60px;
width: calc(50% - 10px);
min-width: 200px;
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;
}
/* line 414, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .button-bar .btn:last-child {
margin-right: 10px;
}
/* line 417, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-traveling-shopmenu .button-bar .btn {
margin-right: 0;
margin-left: 10px;
}
/* line 434, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .button-bar .ps-widget.ps-enabled {
width: calc(50% - 10px);
min-width: 200px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
background-color: #D14900;
padding: 20px 15px 9px;
border-radius: 5px;
cursor: pointer;
font-family: "Custom-Font-Medium";
font-size: 1rem;
border-width: 2px;
text-align: center;
min-height: 60px;
}
/* line 448, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .button-bar .ps-widget.ps-enabled:hover {
background: #D14900;
}
/* line 453, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .button-bar .ps-widget.ps-disabled {
width: calc(50% - 10px);
min-width: 200px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
background-color: #949494;
padding: 20px 15px 9px;
border-radius: 5px;
font-size: 1rem;
font-family: "Custom-Font-Medium";
text-align: center;
min-height: 60px;
}
/* line 469, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .add-to-cart__notification {
top: 80%;
}
/* line 472, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .heading-text {
font-size: 1.5rem;
font-weight: bold;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
line-height: normal;
color: #333333;
}
/* line 494, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header {
margin-top: 55px;
}
/* line 496, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header + .pdp-details {
margin-top: 0;
margin-bottom: 40px;
}
/* line 512, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .loyalty-labels h3 {
font-size: 1rem;
font-family: "Custom-Font-Regular";
}
/* line 516, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .loyalty-labels span {
color: #ff5a00;
font-weight: bold;
font-size: 1rem;
font-family: "Custom-Font-Bold";
}
/* line 524, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .loyalty-points {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #5c3657;
border-radius: 12.5px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 1px 8px 3px 8px;
margin-top: 10px;
}
/* line 532, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .loyalty-points__amount, .pdp-header .loyalty-points__label {
line-height: 19px;
}
/* line 537, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .loyalty-points__amount {
font-family: "Custom-Font-Bold", Arial, sans-serif;
color: #ffffff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 14px;
margin-right: 5px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.pdp-header .loyalty-points__amount:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 544, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-header .loyalty-points__amount {
margin-left: 5px;
margin-right: 0;
}
/* line 549, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .loyalty-points__amount strike {
color: #000000;
margin-right: 5px;
}
/* line 553, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-header .loyalty-points__amount strike {
margin-left: 5px;
margin-right: 0;
}
/* line 560, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .loyalty-points__label {
color: #ffffff;
font-size: 10px;
line-height: 0.8125rem;
margin-bottom: -1px;
text-transform: uppercase;
}
/* line 569, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .promotionlabel-pill {
background-color: #d0021b;
border-radius: 12.5px;
color: #ffffff;
font-size: 0.8125rem;
max-width: 50%;
padding: 1px 8px 3px 8px;
z-index: 1;
margin-right: 5px;
}
/* line 587, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .images-col {
position: relative;
}
/* line 616, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .images-col .loyalty-badge {
margin-bottom: -20px;
}
/* line 619, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .images-col .slick-slider.ufs-product-carousel__navigation span.prev span,
.pdp-header .images-col .slick-slider.ufs-product-carousel__navigation span.next span {
border-width: 2px;
}
/* line 623, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .images-col .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* line 628, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-header .images-col .slick-track {
padding-right: 2px;
}
/* line 634, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-product-name {
position: relative;
}
/* line 649, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-product-name a.add-favorite {
top: 0;
right: 0;
position: absolute;
font-size: 2rem;
text-decoration: none;
}
/* line 665, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-product-name a.add-favorite span[class^="icn-"],
.pdp-header .ufs-product-name a.add-favorite span[class*=" icn-"] {
color: #ff5a00;
}
/* line 669, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-product-name a.add-favorite span[class^="icn-"].is-favorite:before,
.pdp-header .ufs-product-name a.add-favorite span[class*=" icn-"].is-favorite:before {
content: "\f004";
}
/* line 674, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-header .ufs-product-name a.add-favorite {
right: auto;
left: 0;
}
/* line 682, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch:not(.single-unit) {
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
-ms-flex-wrap: inherit;
flex-wrap: inherit;
}
/* line 690, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch_container {
width: calc(33.33333% - 13.33333px);
}
/* line 692, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch_container:nth-child(2) {
margin-right: 50px;
}
/* line 694, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-header .ufs-unit-switch_container:nth-child(2) {
margin-right: inherit;
margin-left: 50px !important;
}
/* line 738, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch_button {
border-radius: 5px;
padding: 16px 20px 16px 24px;
-webkit-box-shadow: 0 0 0 2px #949494;
box-shadow: 0 0 0 2px #949494;
color: #333333;
height: 72px;
}
/* line 750, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-header .ufs-unit-switch_button {
padding: 8px 12px 16px 15px;
}
/* line 753, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch_button span {
display: block;
font-family: "Custom-Font-Medium";
}
/* line 757, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch_button span:first-child:not(:only-child) {
font-size: 0.75rem;
font-weight: normal;
font-family: "Custom-Font-Regular";
}
/* line 766, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch_button span:last-child:not(:only-child) {
font-weight: bold;
font-size: 1rem;
font-family: "Custom-Font-Medium";
}
/* line 774, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch input[type="radio"]:checked + label {
-webkit-box-shadow: 0 0 0 2px #ff5a00;
box-shadow: 0 0 0 2px #ff5a00;
}
/* line 797, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-quantity-select {
margin-right: 0;
margin-left: inherit;
}
/* line 801, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-quantity-select input[type="tel"] {
min-height: 72px;
border: 2px solid #949494;
border-right: 0px;
font-family: "Custom-Font-Medium";
font-size: 1rem;
}
/* line 836, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-quantity-select_nav {
min-height: 72px;
border: 2px solid #949494;
}
/* line 842, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-quantity-select_nav .ufs-quantity-select_button {
height: 35px;
}
/* line 847, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-quantity-select_nav .ufs-quantity-select_button:first-child {
border-bottom: 2px solid #949494;
}
/*
* PRODUCT DETAIL SECTIONS
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 862, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section,
.pdp-section-header {
width: 100%;
margin: 0 auto;
}
/* line 875, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .ufs-addtocart,
.pdp-section_top .ufs-addtocart {
position: relative;
}
/* line 878, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .ufs-addtocart .add-to-cart__notification,
.pdp-section_top .ufs-addtocart .add-to-cart__notification {
left: -30px;
position: absolute;
font-family: "Custom-Font-Medium", Arial, sans-serif;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 5px;
color: #ffffff;
display: none;
font-size: 0.8125rem;
max-width: 80%;
padding: 10px;
text-align: left;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.pdp-traveling-shopmenu .ufs-addtocart .add-to-cart__notification:lang(zh-TW),
.pdp-section_top .ufs-addtocart .add-to-cart__notification:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 898, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-traveling-shopmenu .ufs-addtocart .add-to-cart__notification, body.rtl
.pdp-section_top .ufs-addtocart .add-to-cart__notification {
left: auto;
text-align: right;
right: -30px;
}
/* line 911, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section {
overflow: hidden;
-webkit-transition: all 0.2s cubic-bezier(0.05, 1, 0.25, 1);
transition: all 0.2s cubic-bezier(0.05, 1, 0.25, 1);
}
/* line 915, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section + .pdp-section {
border-top: 1px solid #EEEFEF;
margin-top: 40px;
padding-top: 40px;
}
/* line 925, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section + .pdp-section-header {
margin-top: 0px;
}
/* line 929, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story {
overflow: visible;
}
/* line 936, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story hr {
margin: 0 auto;
max-width: 744px;
height: 3px;
background-color: #EEEFEF;
border: none;
}
/* line 942, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story hr + h1 {
margin-top: 30px;
}
/* line 947, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story h1 {
font-size: 2rem;
}
/* line 954, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .heading-text {
font-size: 2rem;
margin-top: 30px;
color: #333333;
display: block;
}
/* line 965, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
margin: 30px 0;
}
/* line 982, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .video-image {
z-index: 2;
width: calc(60% - 25px);
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;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 4px;
margin-left: 25px;
}
/* line 991, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-section.selling-story .video-image-table .video-image {
margin-left: 0;
margin-right: 25px;
}
/* line 1004, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .video-image .video__backdrop .img {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
background-color: #000000;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/* line 1016, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .video-image .video__wrapper {
overflow: hidden;
border-radius: 4px;
}
/* line 1019, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .video-image .video__wrapper:before {
display: block;
content: '';
width: 100%;
padding-bottom: 48.21764%;
}
/* line 1026, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .video-image .video__wrapper .video__embed {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
}
/* line 1034, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .video-image .video__wrapper .video__button .button {
border-radius: 60px;
width: 60px;
height: 60px;
margin: auto;
}
/* line 1041, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .video-image .bg-image {
overflow: hidden;
border-radius: 4px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
}
/* line 1049, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .video-image .bg-image:before {
display: block;
content: '';
width: 100%;
padding-bottom: 48.21764%;
}
/* line 1057, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .text {
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: 40%;
}
/* line 1066, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .text .content {
position: relative;
background-color: #EEEFEF;
}
/* line 1069, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .text .content:before {
display: block;
content: '';
background: #ff5a00;
height: 5px;
width: 100%;
}
/* line 1079, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .text .content:after {
display: block;
content: '';
position: absolute;
background-color: #EEEFEF;
width: 150%;
top: 0;
left: -150%;
bottom: 0;
z-index: 1;
border-top: 5px solid #ff5a00;
}
/* line 1090, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-section.selling-story .video-image-table .text .content:after {
left: auto;
right: -150%;
}
/* line 1098, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .text .content h2 {
padding: 30px 20px;
}
/* line 1111, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .usp-block {
margin: 30px 25px;
}
/* line 1128, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .usp-block .usp__list li:before {
color: #333333;
}
/* line 1157, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .footnote-block {
margin: 30px 25px;
}
/* line 1160, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .footnote-block .footnote p {
font-size: 1rem;
}
/* line 1166, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story + .pdp-section {
border-top: 0;
margin-top: 0;
padding-top: 10px;
}
/* line 1173, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section h2 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1.5rem;
margin-top: 0;
margin-bottom: 0;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.pdp-section h2:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1191, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section .related-recipes h2 span {
display: none;
}
/* line 1196, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section h3 {
color: #000000;
font-size: 1.25rem;
margin-top: 40px;
}
/* line 1205, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section p {
margin: 0;
}
/* line 1207, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section p + p {
margin-top: 10px;
}
/* line 1224, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top {
border-bottom: 1px solid #EEEFEF;
padding: 0 0 30px;
}
/* line 1238, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top + .pdp-section_top {
padding-top: 30px;
}
/* line 1242, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top h1 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #000000;
font-size: 1.5rem;
line-height: normal;
padding-right: 40px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.pdp-section_top h1:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1248, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-section_top h1 {
padding-right: 0;
padding-left: 40px;
}
/* line 1254, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top h3,
.pdp-section_top .h3 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #000000;
font-size: 1rem;
margin-bottom: 14px;
display: inline-block;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.pdp-section_top h3:lang(zh-TW),
.pdp-section_top .h3:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1262, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top h3 span,
.pdp-section_top .h3 span {
font-family: "Custom-Font-Regular", Arial, sans-serif;
color: #757575;
font-size: 0.75rem;
display: inline-block;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.pdp-section_top h3 span:lang(zh-TW),
.pdp-section_top .h3 span:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1270, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .social-proof {
margin-bottom: 30px;
font-size: 0.875rem;
}
/* line 1273, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .social-proof .icon-spects {
display: block;
float: left;
margin-top: 6px;
margin-right: 6px;
}
/* line 1279, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .social-proof p {
display: block;
margin: 0;
}
/* line 1285, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ufs-unit-switch_button {
min-height: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 68px;
-ms-flex-pack: distribute;
justify-content: space-around;
}
/* line 1306, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ufs-addtocart .btn {
width: 100%;
}
/* line 1310, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ufs-addtocart .alert.info,
.pdp-section_top .ufs-addtocart .notification.info {
margin-bottom: 10px;
}
/* line 1315, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ufs-addtocart .add-to-cart__notification {
bottom: 80%;
}
/* line 1321, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ufs-product-cta .btn {
min-height: 60px;
font-size: 1rem;
}
/* line 1328, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.non-webshop .pdp-section_top .ufs-product-cta {
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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
/* line 1335, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.non-webshop .pdp-section_top .ufs-product-cta .btn {
width: calc(50% - 10px);
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;
}
/* line 1350, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.non-webshop .pdp-section_top .ufs-product-cta .ps-widget.ps-enabled {
width: calc(50% - 10px);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
background-color: #D14900;
padding: 20px 15px 9px;
border-radius: 5px;
cursor: pointer;
font-family: "Custom-Font-Medium";
font-size: 1rem;
border-width: 2px;
text-align: center;
min-height: 60px;
min-width: 200px;
}
/* line 1366, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.non-webshop .pdp-section_top .ufs-product-cta .ps-widget.ps-disabled {
width: calc(50% - 10px);
background-color: #949494;
color: #ffffff;
padding: 20px 15px 9px;
font-size: 1rem;
font-family: "Custom-Font-Medium";
border-radius: 5px;
text-align: center;
min-height: 60px;
min-width: 200px;
}
/* line 1383, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .pdp-contact-us,
.pdp-section_top .pdp-contact-us a {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1.125rem;
text-decoration: none;
display: inline-block;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.pdp-section_top .pdp-contact-us:lang(zh-TW),
.pdp-section_top .pdp-contact-us a:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1392, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .call-us:before {
content: "";
background-image: url(app/images/sprite-1765293638613.png);
background-position: -29px -273px;
width: 23px;
height: 23px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
/* line 1398, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-section_top .call-us:before {
margin: 0 0 0 10px;
}
/* line 1404, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ufs-sample-request {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: left;
-ms-flex-align: left;
align-items: left;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
/* line 1410, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .content-tools {
float: none;
margin: 0;
}
/* line 1420, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .product-codes {
font-size: 0.75rem;
color: #333333;
padding-top: 15px;
list-style: none;
text-align: left;
}
/* line 1427, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-section_top .product-codes {
text-align: right;
}
/* line 1435, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .product-codes li {
display: inline-block;
}
/* line 1439, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .product-codes li:last-child .bullet {
display: none;
}
/* line 1445, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .product-codes .bullet {
padding: 0 2px;
}
/* line 1450, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .support-block ul {
list-style-type: none;
}
/* line 1452, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .support-block ul li {
float: left;
}
/* line 1454, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .support-block ul li a {
display: block;
}
/* line 1471, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .qty {
float: right;
right: 102px;
}
/* line 1498, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-section_top .qty {
float: left;
right: -122px;
}
/* line 1518, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .recom-price {
font-size: 0.75rem;
font-family: "Custom-Font-Regular";
color: #757575;
padding-bottom: 5px;
}
/* line 1523, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .recom-price p {
margin: 0;
}
/* line 1526, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .recom-price span {
color: #757575;
}
/* line 1539, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ups-item {
vertical-align: top;
display: inline-block;
text-align: center;
width: 24%;
padding: 0 6px;
}
/* line 1550, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ups-item .cart {
height: 45px;
width: 45px;
display: inline-block;
background-image: url(../../designs/ufs-aem/static/images/product-ups/icon-services-cart.svg);
}
/* line 1562, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ups-item .gift {
height: 45px;
width: 45px;
display: inline-block;
background-image: url(../../designs/ufs-aem/static/images/product-ups/icon-services-gift.svg);
}
/* line 1574, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ups-item .chat {
height: 45px;
width: 45px;
display: inline-block;
background-image: url(../../designs/ufs-aem/static/images/product-ups/icon-services-chat.svg);
}
/* line 1586, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ups-item .quality {
height: 45px;
width: 45px;
display: inline-block;
background-image: url(../../designs/ufs-aem/static/images/product-ups/icon-services-quality.svg);
}
/* line 1598, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ups-item .caption {
display: block;
font-size: 0.75rem;
font-family: "Custom-Font-Medium";
}
/* line 1621, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top--content-tools .tools li:first-child {
margin-left: 0;
}
/* line 1638, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.related-recipes h2,
.related-articles h2,
.related-products h2,
.pdp-section-header h2 {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 2rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.related-recipes h2:lang(zh-TW),
.related-articles h2:lang(zh-TW),
.related-products h2:lang(zh-TW),
.pdp-section-header h2:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1649, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.related-products h2 {
color: #221D37;
}
/* line 1653, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section-header {
margin-bottom: 50px;
}
/* line 1655, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section-header h2 {
margin: 0;
}
/*
* PRODUCT DETAIL ROWS
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1672, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-row + .pdp-row,
.fold + .pdp-row {
margin-top: 40px;
}
/* line 1680, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-row .pdp-row__technical-sheet {
display: inline-block;
padding-top: 10px;
padding-bottom: 30px;
}
/* line 1688, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-row_top + .pdp-row_top {
margin-top: 20px;
}
/* line 1696, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-video {
margin-left: 73px;
position: relative;
}
/* line 1718, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedproducts [class*="col-span-"]:not(.product-tile):nth-last-child(n+2) ~ [class*="col-span-"]:last-child,
.pdp-parsys .relatedproducts [class*="col-span-"]:not(.product-tile):nth-last-child(n+3) ~ [class*="col-span-"]:last-child,
.pdp-parsys .relatedproducts [class*="col-span-"]:not(.product-tile):nth-last-child(n+4) ~ [class*="col-span-"]:last-child {
margin-right: 0;
}
/* line 1723, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedproducts [class*="col-span-"]:not(.product-tile):nth-last-child(n+2),
.pdp-parsys .relatedproducts [class*="col-span-"]:not(.product-tile):nth-last-child(n+2) ~ [class*="col-span-"] {
width: calc(50% - 10px);
margin-right: 20px;
}
/* line 1727, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedproducts [class*="col-span-"]:not(.product-tile):nth-last-child(n+3),
.pdp-parsys .relatedproducts [class*="col-span-"]:not(.product-tile):nth-last-child(n+3) ~ [class*="col-span-"] {
width: calc(33.33333% - 13.33333px);
margin-right: 20px;
}
/* line 1730, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-parsys .relatedproducts [class*="col-span-"]:not(.product-tile):nth-last-child(n+3), body.rtl
.pdp-parsys .relatedproducts [class*="col-span-"]:not(.product-tile):nth-last-child(n+3) ~ [class*="col-span-"] {
margin-right: 0;
}
/* line 1736, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedrecipes .related-recipes {
margin-bottom: 0;
}
/* line 1739, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedrecipes .related-recipes_loadmore {
display: none;
}
/* line 1742, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedrecipes .item-list__grid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* line 1744, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedrecipes .item-list__grid li {
margin-bottom: 0;
}
/* line 1753, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedrecipes .item-list__grid .col-span-3 {
width: 250px;
margin-right: 10px;
white-space: normal;
}
/* line 1822, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.product-information-icons li {
max-width: 33%;
float: none;
display: inline-block;
vertical-align: top;
}
/* line 1830, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.product-information-icons li:hover figure figcaption {
opacity: 1;
}
/* line 1836, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.product-information-icons li figure {
text-align: center;
max-width: 125px;
}
/* line 1840, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.product-information-icons li figure img {
margin: auto;
}
/* line 1847, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.product-information-icons li figure figcaption {
margin-top: 20px;
opacity: 0;
overflow-wrap: break-word;
}
/* line 1905, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.h5-videoWrapper {
position: relative;
overflow: hidden;
display: block;
margin: 0px;
padding: 0px;
-webkit-transform: none;
transform: none;
}
/* line 1914, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.h5-video {
position: relative;
left: 0px;
top: 0px;
margin-left: auto;
margin-right: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 9;
}
/*
* PDP styles
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner,
.trading-partner_direct-shop {
padding: 25px;
text-align: center;
}
/* line 10, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.lightbox__window .trading-partner, .lightbox__window
.trading-partner_direct-shop {
padding: 0;
}
/* line 13, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner .form-select,
.trading-partner_direct-shop .form-select {
display: block;
max-width: 360px;
text-align: left;
width: 100%;
clear: both;
}
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner .form-element,
.trading-partner_direct-shop .form-element {
margin: 10px 0 5px;
}
/* line 25, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner .error-message,
.trading-partner_direct-shop .error-message {
padding-left: 0;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner .trading-partner__selected,
.trading-partner_direct-shop .trading-partner__selected {
text-align: left;
}
/* line 53, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.lightbox__window .trading-partner, .lightbox__window
.trading-partner_direct-shop {
background: transparent;
}
/* line 58, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner {
background: #EEEFEF;
}
/* line 62, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner_direct-shop {
background: #fff2f2;
}
/* line 71, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner_direct-shop .button {
margin: 10px 0 5px;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner_direct-shop + .trading-partner__disclaimer {
margin-left: 10px;
}
/* line 84, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner__label {
display: block;
font-size: 1.5rem;
margin-bottom: 15px;
font-family: "Custom-Font-Medium";
float: left;
}
/* line 96, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .trading-partner__select {
background-color: #ffffff;
border-color: #FF9E00;
width: 100%;
}
/* line 102, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner__disclaimer {
color: #000000;
display: block;
font-size: 0.9375rem;
text-align: left;
font-family: "Custom-Font-Regular";
}
/* line 108, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner__disclaimer .icon {
-webkit-transition: -webkit-transform 0.25s ease-in-out;
transition: -webkit-transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
margin-top: -2px;
}
/* line 112, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner__disclaimer a {
color: #000000;
}
/* line 115, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner__disclaimer a.active .icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
/* line 120, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner__disclaimer .trading-partner__summary {
margin: 20px 0 0;
}
/* line 128, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner__dialog .error-message {
padding-left: 0;
}
/* line 131, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner__dialog .trading-partner__selected {
display: none !important;
}
/* line 136, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering {
margin-bottom: 50px;
padding-top: 25px;
}
/* line 139, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering .product-brand {
display: block;
font-size: 1.875rem;
margin-bottom: 0;
text-transform: uppercase;
}
/* line 146, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering .product-name {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 1.875rem;
height: 100px;
overflow: hidden;
float: none;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product-ordering .product-name:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 161, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering .product-name.kritique-enabled {
height: auto;
}
/* line 166, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering .product-volume {
color: #ff5a00;
}
/* line 169, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering .mobile-show {
display: none !important;
}
/* line 201, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__image {
position: relative;
}
/* line 208, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__image .loyalty-badge {
left: 0;
position: absolute;
top: 0;
z-index: 1;
}
/* line 214, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__image .promotion-badge {
border-radius: 5px;
left: 0;
right: auto;
top: 100px;
z-index: 1;
}
/* line 221, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__image img {
margin: 55px auto;
max-height: 450px;
}
/* line 241, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__zoom {
padding: 20px;
}
/* line 243, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__zoom .zoom {
color: #333333;
text-decoration: none;
}
/* line 250, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__codes {
border-bottom: 1px solid #EEEFEF;
border-top: 1px solid #EEEFEF;
color: #949494;
font-size: 0.6875rem;
height: 45px;
list-style: none;
padding: 15px 20px;
text-align: left;
}
/* line 259, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__codes li {
display: inline-block;
padding: 0;
}
/* line 262, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__codes li:before {
display: none;
}
/* line 266, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__codes .label {
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product-ordering__codes .label:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 278, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.bullet {
padding: 0 10px;
}
/* line 286, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__details {
padding-top: 30px;
}
/* line 288, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__details h3 {
line-height: 2.125rem;
margin-bottom: 20px;
}
/* line 292, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__details li {
padding: 0 0 20px;
}
/* line 294, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__details li:before {
margin-right: 10px;
position: static;
}
/* line 299, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__details .expand {
font-family: "Custom-Font-Medium", Arial, sans-serif;
display: block;
margin-bottom: 20px;
text-decoration: none;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product-ordering__details .expand:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 304, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__details .expand:before {
content: "+ ";
}
/* line 325, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-specifics {
border-bottom: 1px solid #EEEFEF;
border-top: 1px solid #EEEFEF;
color: #ff5a00;
font-size: 0.875rem;
min-height: 157px;
padding: 20px 0;
text-align: center;
}
/* line 334, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-specifics__yield,
.product-specifics__couvert {
display: inline-block;
width: 49%;
}
/* line 338, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-specifics__yield .label,
.product-specifics__couvert .label {
display: block;
margin-top: 10px;
}
/* line 342, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-specifics__yield .value,
.product-specifics__couvert .value {
font-family: "Custom-Font-Medium", Arial, sans-serif;
display: block;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product-specifics__yield .value:lang(zh-TW),
.product-specifics__couvert .value:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 349, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__right {
position: relative;
}
/* line 353, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__right .product-price .label,
.product-ordering__right .product-tradepartner .label {
margin-bottom: 0;
}
/* line 372, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row {
border-top: 1px solid #EEEFEF;
padding: 10px 0;
position: relative;
}
/* line 376, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row > .label {
display: block;
font-size: 1.5rem;
margin-bottom: 10px;
}
/* line 387, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row > .label + .form-element {
clear: both;
}
/* line 391, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row .product-caption {
clear: both;
color: #949494;
display: block;
font-size: 0.75rem;
margin-top: 5px;
}
/* line 397, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row .product-caption a {
color: #949494;
}
/* line 400, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row .product-caption p {
margin-bottom: 0;
}
/* line 410, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row.product-quantity {
padding: 10px 0;
}
/* line 412, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row.product-quantity .label {
float: left;
line-height: 2.1875rem;
margin-bottom: 0;
}
/* line 417, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row.product-quantity .number-stepper {
float: right;
text-align: right;
width: auto;
}
/* line 426, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row.product-quantity .number-stepper__input {
padding: 0 5px;
}
/* line 432, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row.product-quantity .number-stepper__addon {
line-height: 1.75rem;
}
/* line 438, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row.product-quantity .number-stepper__addon,
.product-row.product-quantity .number-stepper__input {
height: 40px;
}
/* line 460, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row__top {
border-top: 0;
padding-top: 0;
}
/* line 463, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row__top .icon-loyalty-white {
float: none;
margin: 0 auto 10px;
}
/* line 468, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row__top .label + .value {
color: #ff5a00;
}
/* line 474, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row__loyalty {
font-size: 1.25rem;
line-height: 2.25rem;
margin: 0;
}
/* line 481, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch {
color: rgba(51, 51, 51, 0.6);
display: block;
min-height: 55px;
}
/* line 487, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch input[type="radio"]:not(:checked) + label {
background: #ffffff;
color: #333333;
}
/* line 493, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch input[type="radio"]:checked + label {
background: rgba(238, 239, 239, 0.5);
color: #ff5a00;
}
/* line 498, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch input[type="radio"] + label {
display: block;
margin: 0;
padding: 5px 0;
text-align: center;
}
/* line 503, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch input[type="radio"] + label:before {
border: 0;
content: "";
height: 0;
width: 0;
}
/* line 514, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch label {
min-height: 55px;
}
/* line 516, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch label span {
font-family: "Custom-Font-Medium", Arial, sans-serif;
display: block;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.legacy-form .unit-switch label span:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 530, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch_left {
float: left;
width: 50%;
}
/* line 534, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch_left input[type="radio"] + label {
border: 1px solid #EEEFEF;
border-radius: 3px 0 0 3px;
border-width: 1px 0 1px 1px;
}
/* line 541, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch_right {
float: right;
position: relative;
width: 50%;
}
/* line 546, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch_right input[type="radio"] + label {
border: 1px solid #EEEFEF;
border-radius: 0 3px 3px 0;
border-width: 1px 1px 1px 0;
}
/* line 552, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch_right:before {
background: #EEEFEF;
content: "";
display: block;
height: 53px;
left: 0;
position: absolute;
top: 1px;
width: 1px;
z-index: 1;
}
/* line 568, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch-v2 input[type="radio"]:not(:checked) + label {
background: #ffffff;
color: #333333;
}
/* line 575, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch-v2 input[type="radio"]:checked + label {
background: transparent;
border: 1px solid #ff5a00;
color: #333333;
}
/* line 582, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch-v2 input[type="radio"] + label {
border: 1px solid #EEEFEF;
border-radius: 10px;
}
/* line 589, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch-v2 label span {
font-family: "Custom-Font-Regular", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.legacy-form .unit-switch-v2 label span:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 594, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch-v2 .unit-switch_left {
width: 49%;
}
/* line 598, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch-v2 .unit-switch_right {
width: 49%;
}
/* line 601, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch-v2 .unit-switch_right:before {
content: none;
}
/* line 618, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-price__description {
display: inline-block;
float: left;
font-size: 0.875rem;
margin-top: 8px;
width: 30%;
}
/* line 631, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-price__total {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #D14900;
display: inline-block;
float: right;
font-size: 2.5rem;
text-align: right;
width: 70%;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product-price__total:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 659, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-tradepartner .error-message {
padding-left: 0;
}
/* line 665, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .product-tradepartner__select {
position: relative;
width: 100%;
}
/* line 668, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .product-tradepartner__select.selected {
border-color: #81BC2A;
}
/* line 677, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-favorites__select {
position: relative;
}
/* line 680, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-favorites__select select {
width: 100%;
}
/* line 683, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-favorites__select select.selected {
border-color: #81BC2A;
}
/* line 692, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-favorites__select .form-element.compact {
margin-top: 10px;
}
/* line 700, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-add__cart .alert + .button {
margin-top: 10px;
}
/* line 704, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-add__cart .button {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 1.125rem;
position: relative;
width: 100%;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product-add__cart .button:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 710, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-add__cart .orange-outline {
margin-top: 10px;
}
/* line 714, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-add__cart .mtop10 {
margin-top: 10px;
}
/* line 718, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-add__cart .icon {
margin-left: 10px;
}
/* line 725, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-add__favorites a {
font-family: "Custom-Font-Regular", Arial, sans-serif;
color: #333333;
display: inline-block;
font-size: 1rem;
text-decoration: none;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product-add__favorites a:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 732, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-add__favorites .icon {
margin-right: 10px;
}
/* line 742, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__tools {
padding: 15px 20px;
width: 100%;
}
/* line 745, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__tools span {
line-height: 1.5rem;
vertical-align: middle;
}
/* line 749, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__tools a {
float: left;
font-size: 1rem;
text-align: center;
text-decoration: none;
}
/* line 754, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__tools a + a {
float: right;
}
/* line 775, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.loyalty-product .product-loyalty {
text-align: right;
}
/* line 788, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-loyalty__register {
line-height: 1.5rem;
margin: 0;
}
/* line 794, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.usps li {
padding: 0 0 15px 30px;
position: relative;
}
/* line 797, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.usps li:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -300px -187px;
width: 25px;
height: 24px;
content: "";
display: inline-block;
left: 0;
position: absolute;
top: 0;
}
/* line 808, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trade-partner__component .trading-partner__label {
float: none;
}
/* line 811, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trade-partner__component .form-select {
display: inline-block;
}
/**
* Poll wrapper
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 11, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
.poll h2 {
font-size: 2rem;
}
/* line 15, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
.poll h3 {
color: #000000;
font-size: 1.4375rem;
margin-bottom: 20px;
}
/* line 22, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
.poll-body {
margin: 0;
padding: 15px 0;
border-top: 1px solid #EEEFEF;
border-bottom: 1px solid #EEEFEF;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
span.poll-totals {
font-family: "Custom-Font-Bold", Arial, sans-serif;
font-size: 0.8125rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
span.poll-totals:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/**
* Poll options
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 40, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
.poll-options {
margin-bottom: 25px;
}
/* line 43, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
.poll-options li {
margin-bottom: 10px;
}
/* line 46, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
.poll-options li input[type=radio] + label {
margin-bottom: 0;
margin-top: 8px;
}
/* line 50, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
body.rtl .poll-options li input[type=radio] + label {
padding-left: 0;
padding-right: 35px;
}
/* line 56, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
.poll-options li input[type=radio] + label:before {
top: 0;
}
/* line 62, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
.poll-options__form {
margin-bottom: 5px;
}
/**
* Poll results
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 72, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
.poll-option {
margin-bottom: 17px;
}
/* line 76, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
span.poll-option__label {
display: block;
margin-bottom: 7px;
}
/* line 81, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
table.poll-option__result {
width: 100%;
}
/* line 84, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
table.poll-option__result tr, table.poll-option__result td {
padding: 0;
}
/* line 88, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
table.poll-option__result td:nth-child(odd) {
font-size: 0.8125rem;
width: 40px;
}
/* line 93, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
table.poll-option__result td:nth-child(even) {
border: 0;
height: 100%;
position: relative;
width: 100%;
}
/* line 100, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
table.poll-option__result td:first-child {
padding-right: 20px;
}
/* line 104, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
table.poll-option__result td:last-child {
padding-left: 20px;
}
/* line 108, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
table.poll-option__result span {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 3px;
display: block;
height: 6px;
position: absolute;
}
/* line 116, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
table.poll-option__result span:first-child {
background: rgba(0, 0, 0, 0.1);
width: 100%;
}
/* line 121, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
table.poll-option__result span:last-child {
background: #ff5a00;
background-image: -webkit-gradient(linear, left top, right top, color-stop(1%, #ff5a00), to(#FF9E00));
background-image: linear-gradient(to right, #ff5a00 1%, #FF9E00 100%);
}
/*
* Product styles (listers & homepage)
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product {
margin-bottom: 20px;
position: relative;
}
/* line 11, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product h3, .product__lister .product h3 a {
color: #ff5a00;
font-size: 1.25rem;
line-height: 150%;
}
/* line 17, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product h4, .product__lister .product h4 a {
font-size: 1.125rem;
line-height: 150%;
margin: 0;
}
/* line 36, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product h3 {
margin: 0px;
}
/* line 44, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .container {
height: 100%;
padding: 20px 0;
}
/* line 54, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__image {
position: relative;
height: 235px;
}
/* line 58, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__image a {
display: block;
height: 100%;
}
/* line 68, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__image img {
max-height: 200px;
display: block;
top: 50%;
position: relative;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
}
/* line 89, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__brand-overlay {
padding: 0 20px;
}
/* line 92, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__brand-overlay h3 {
color: #333333;
font-size: 1rem;
text-transform: uppercase;
}
/* line 98, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__brand-overlay h2 {
color: #333333;
font-size: 1rem;
height: 5.625rem;
line-height: 150%;
margin-top: 0;
overflow: hidden;
font-family: "Custom-Font-Medium";
}
/* line 106, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__brand-overlay h2 a {
color: #333333;
}
/* line 119, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__details {
min-height: 100px;
padding-right: 20px;
padding-left: 20px;
}
/* line 135, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__details--title {
min-height: 90px;
}
/* line 141, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__details--title li.statistics {
display: none;
}
/* line 146, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__details--buttons {
padding: 20px 0px 0px 20px;
}
/* line 148, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__details--buttons .button {
margin-top: 10px;
width: 100%;
padding-left: 3%;
padding-right: 3%;
float: right;
}
/* line 155, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__details--buttons .button:first-child {
float: left;
}
/* line 168, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__details--buttons .orange-outline {
border: 2px solid #ff5a00;
background-color: #ffffff;
padding: 7px;
height: auto;
min-width: auto;
}
/* line 174, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__details--buttons .orange-outline:hover {
border: 2px solid #FF7D29;
color: #FF9E00;
}
/* line 183, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__details--buttons .ps-widget.ps-enabled {
color: #ffffff;
background-color: #D14900;
min-width: auto;
padding: 10px 15px 11px;
border-radius: 5px;
cursor: pointer;
font-family: "Custom-Font-Medium";
font-size: 0.875rem;
border-width: 2px;
text-align: center;
}
/* line 196, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__details--buttons .ps-widget.ps-disabled {
background: #949494;
color: #ffffff;
min-width: auto;
padding: 11px 15px 10px;
font-size: 0.875rem;
font-family: "Custom-Font-Medium";
border-radius: 5px;
text-align: center;
}
/* line 210, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product .product__reviews {
text-decoration: none;
}
/* line 221, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister.recipes .product .product__image {
height: 215px;
overflow: hidden;
}
/* line 225, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister.recipes .product .product__image img {
max-height: none;
margin: 0;
width: 100%;
}
/* line 162, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product__lister.recipes .product .product__image img:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
width: .1px;
}
/* line 247, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister {
margin-top: 20px;
margin-bottom: 10px;
}
/* line 270, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.loading .product__lister {
opacity: 0.5;
}
/* line 274, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .col__gutter {
margin: 0 10px 10px;
min-height: 400px;
}
/* line 288, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .col-6:nth-child(2n+3) {
clear: both;
}
/* line 292, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister img {
width: auto;
max-width: 100%;
}
/* line 297, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .promo-block {
margin: 10px;
}
/* line 304, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .promo-block.col {
display: inline-block;
float: none;
margin: 0 -2px;
vertical-align: top;
}
/* line 315, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .promo-block .container {
min-height: 400px;
border: solid 1px #EEEFEF;
}
/* line 326, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .promotion {
color: #ffffff;
text-align: center;
}
/* line 329, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .promotion .container {
background-color: #FF9E00;
/* Fallback Color */
background: radial-gradient(center, circle cover, #FF9E00 20%, #ff5a00 130%);
border: 0;
display: block;
overflow: hidden;
padding: 35px 25px;
}
/* line 336, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .promotion .promotion-anchor {
bottom: 0;
color: #ffffff;
height: 100%;
left: 0;
position: absolute;
right: 0;
text-decoration: none;
top: 0;
z-index: 1;
}
/* line 347, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .promotion .promotion-title {
color: #ffffff;
font-size: 1.875rem;
line-height: 1.875rem;
}
/* line 352, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .promotion .promotion-image {
display: block;
margin: 40px auto;
max-height: 160px;
max-width: 190px;
}
/* line 358, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .promotion .button {
width: 100%;
}
/* line 360, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .promotion .button:hover {
background: rgba(255, 255, 255, 0.2);
}
/* line 367, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product-tile:last-child {
margin-right: 0;
}
/* line 370, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
body.rtl .product__lister .product-tile:last-child {
margin-left: 0;
}
/* line 381, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block h2, .product__need-solution-block h3 {
font-size: 1.25rem;
}
/* line 387, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block h2.small, .product__need-solution-block h3.small {
font-size: 1.125rem;
}
/* line 394, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block h2.header__need, .product__need-solution-block h3.header__need {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
color: #ffffff;
float: right;
font-size: 1.5rem;
text-align: right;
margin: 18px 20px;
}
/* line 407, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block h2.header__solution, .product__need-solution-block h3.header__solution {
color: #ffffff;
font-size: 1.5rem;
margin-top: 0;
}
/* line 418, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block h4 {
font-size: 1rem;
margin: 0;
}
/* line 443, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .bg-image .product__need-solution-block__link {
bottom: 0 !important;
}
/* line 458, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container {
min-height: 400px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
padding-bottom: 75px;
}
/* line 472, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container .buttons {
bottom: 18px;
position: absolute;
padding-right: 20px;
}
/* line 488, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container .buttons .button {
margin: 0 4px 4px 0;
}
/* line 491, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container .buttons .button:first-child {
margin-left: 0;
}
/* line 506, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container img {
height: auto;
width: auto;
margin: 10px 0;
}
/* line 531, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container.orange .buttons {
z-index: 2;
position: absolute;
}
/* line 536, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container.orange h3 {
top: 18px;
right: 18px;
left: 18px;
position: absolute;
z-index: 1;
}
/* line 553, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container.video {
padding-bottom: 0;
}
/* line 557, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container .product__need-solution-block__link {
top: 0;
right: 0;
bottom: 80px;
left: 0;
position: absolute;
display: block;
text-decoration: none;
z-index: 1;
}
/* line 567, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container .product__need-solution-block__link .header__solution {
padding: 20px;
}
/* line 578, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block--bg {
width: 100%;
height: 40%;
position: absolute;
left: 0;
top: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#99000000', EndColorStr='#00000000');
}
/* line 587, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__image {
position: relative;
text-align: center;
}
/* line 591, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__image img {
width: auto;
max-width: 100%;
margin: auto;
}
/* line 611, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product--sample h3, .product--sample p {
margin: 0;
}
/* line 614, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product--sample h3 a, .product--sample p a {
color: #ffffff;
text-decoration: none;
}
/* line 620, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product--sample h3 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1.25rem;
margin-bottom: 12px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product--sample h3:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 631, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product--sample p {
line-height: 1.125rem;
}
/* line 645, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product--sample__image {
float: right;
margin-left: 10px;
max-width: 25%;
}
/* line 656, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product--sample__image a:before {
background: #fefa41;
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
content: "";
width: 1px;
height: 1px;
right: 95px;
border-radius: 10px;
-webkit-box-shadow: 30px -20px 80px 50px #fefa41;
box-shadow: 30px -20px 80px 50px #fefa41;
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
z-index: 1;
}
/* line 670, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product--sample__image img {
position: relative;
z-index: 2;
}
/* line 676, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__carrousel {
text-align: center;
position: relative;
}
/*
* Product carrousel
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 687, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-carrousel {
margin: 18px 0;
}
/* line 691, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-carrousel li img {
margin: 0 auto;
width: auto;
}
/* line 697, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-carrousel > li {
line-height: 1.5;
padding: 0;
text-indent: 0;
}
/* line 702, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-carrousel > li:before {
content: none;
}
/*
* Product category list + short
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 714, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list {
border-top: 1px solid #EEEFEF;
}
/* line 717, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list > li {
border-bottom: 1px solid #EEEFEF;
color: #000000;
line-height: 1.5;
padding: 0;
text-indent: 0;
}
/* line 724, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list > li:before {
content: none;
}
/* line 730, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.clear-filters + .productcategory-list {
margin-top: 20px;
}
/* line 742, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__sub {
display: none;
padding: 10px;
padding-top: 0;
}
/* line 749, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__sub ul.horizontal-list li {
display: block;
float: left;
padding: 0 20px 0 0;
}
/* line 754, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__sub ul.horizontal-list li:after {
content: none;
}
/* line 758, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__sub ul.horizontal-list li img, .productcategory-list__sub ul.horizontal-list li a {
max-width: 50px;
margin: 0;
padding: 0;
}
/* line 766, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__sub ul li {
display: block;
position: relative;
}
/* line 770, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__sub ul li:after {
content: '';
display: inline-block;
right: 10px;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -132px -395px;
width: 9px;
height: 15px;
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
}
/* line 778, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__sub ul li a {
color: #000000;
text-decoration: none;
display: block;
min-height: 50px;
margin: 0 0 10px;
padding: 0 10px 0 0;
}
/* line 786, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__sub ul li a span {
display: inline-block;
position: relative;
vertical-align: middle;
max-width: 70%;
}
/* line 794, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__sub ul li img {
max-width: 50px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
/* line 802, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__sub ul > li {
line-height: 1.5;
padding: 0;
text-indent: 0;
}
/* line 807, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__sub ul > li:before {
content: none;
}
/* line 813, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__sub h3 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 0.875rem;
padding: 10px 0;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.productcategory-list__sub h3:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 819, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__sub a {
font-size: 0.875rem;
}
/* line 824, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__more {
padding: 18px 20px;
position: relative;
text-align: center;
}
/* line 831, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__short li {
border-top: 1px solid #EEEFEF;
color: #000000;
padding: 14px 28px 14px 10px;
}
/* line 843, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__short li a {
color: #000000;
display: block;
text-decoration: none;
font-size: 1rem;
}
/* line 849, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__short li a:hover {
color: #ff5a00;
}
/* line 855, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__short li.category__image {
background-color: #FF9E00;
/* Fallback Color */
background: radial-gradient(70%, circle cover, #FF9E00 20%, #ff5a00 100%);
border: 0;
height: 200px;
padding: 0;
position: relative;
}
/* line 862, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__short li.category__image:after {
content: none;
}
/* line 866, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__short li.category__image h3 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
bottom: 9px;
left: 10px;
position: absolute;
color: #ffffff;
font-size: 1.25rem;
margin: 0;
width: 60%;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.productcategory-list__short li.category__image h3:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 874, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__short li.category__image h3 a {
height: 100%;
width: 100%;
}
/* line 880, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__short li.category__image img {
right: 14%;
bottom: 27px;
position: absolute;
width: auto;
max-width: 70%;
}
/* line 888, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__short li.category__more:after {
content: none;
}
/* line 892, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__short li.category__more a {
font-family: "Custom-Font-Bold", Arial, sans-serif;
color: #ff5a00;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.productcategory-list__short li.category__more a:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 899, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__short > li {
line-height: 1.5;
padding: 0;
text-indent: 0;
}
/* line 904, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__short > li:before {
content: none;
}
/*
* Product info list (pdp)
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 929, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-info__list {
font-size: 1rem;
line-height: 150%;
}
/* line 952, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-info__list > li {
line-height: 1.5;
padding: 0;
text-indent: 0;
}
/* line 957, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-info__list > li:before {
content: none;
}
/* line 962, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-info__list h3 {
color: #ff5a00;
font-size: 1rem;
}
/* line 981, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-info__list.padding-left {
padding-left: 20px;
}
/* line 990, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-info__detail {
padding-bottom: 10px;
}
/*
* USP for products
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1005, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.usp__list {
margin: 40px 0;
}
/* line 1012, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.usp__list li {
border-left: 1px solid #EEEFEF;
color: #333333;
display: inline-block;
min-height: 120px;
padding: 5px 20px 5px 40px;
position: relative;
text-align: left;
text-indent: 0;
vertical-align: top;
width: 24%;
}
/* line 1024, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.usp__list li:before {
top: 5px;
left: 18px;
position: absolute;
content: "\002022";
color: #ff5a00;
}
/* line 1030, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.usp__list li:first-child {
border-left: 0;
}
/*
* PNIR catalog
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1059, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product__lister {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 1065, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products.product__lister-slider .slick-slide {
margin: 0 10px !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: inherit;
}
/* line 1070, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products.product__lister-slider .slick-slide:focus {
outline: none;
}
/* line 1076, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: calc(33.33333% - 13.33333px);
/*-webkit-flex: 1 1 15em; // Safari fix*/
}
/* line 1107, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile) .product__brand-overlay h2 {
height: auto;
line-height: 125%;
min-height: 4.6875rem;
}
/* line 1114, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile) .product__details.webshop {
height: 150px;
}
/* line 1123, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile) .product__details--buttons .button:first-child {
float: none;
}
/* line 1144, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).ufsshop .product__details.unavailable {
margin-top: 0;
}
/* line 1148, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).ufsshop .product__details .product-price {
min-height: 33px;
position: relative;
}
/* line 1151, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).ufsshop .product__details .product-price .alert {
margin: 0 0 10px;
}
/* line 1167, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).ufsshop .product__details .product-price__vat {
color: #333333;
display: block;
float: left;
font-size: 0.6875rem;
padding-top: 4px;
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
width: 50%;
}
/* line 1186, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).ufsshop .product__details .product-price__total {
float: right;
font-size: 1.5rem;
width: 50%;
}
/* line 1190, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
body.rtl .pnir-catalog_products .product:not(.promotion-tile).ufsshop .product__details .product-price__total {
float: left;
}
/* line 1210, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).ufsshop .loyalty-badge {
left: 20px;
}
/* line 1230, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).loyalty-product .product__brand-overlay h2 {
min-height: 60px;
margin: 0;
}
/* line 1239, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).loyalty-product .product-loyalty {
margin-bottom: 10px;
text-align: left;
}
/* line 1257, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).col-span-4:nth-of-type(3n+4) {
clear: both;
}
/* line 1277, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).col-span-3:nth-of-type(4n+4) {
margin-right: 0;
}
/* line 1281, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).col-span-3:nth-of-type(4n+5) {
clear: both;
}
/* line 1288, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .container {
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%;
}
/* line 1298, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .button-loadmore {
margin: 0 auto;
min-width: 265px;
width: calc(33.33333% - 40px);
}
/* line 1308, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_footnote {
display: block;
margin-top: 50px;
}
/* line 1317, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-category-sub-content p {
padding: 14px 0;
}
/* line 1325, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-category-secondary-content p {
padding: 14px 0;
}
/* line 1334, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product__details--buttons.webshop {
position: relative;
}
/* line 1336, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product__details--buttons.webshop .button {
display: block;
float: none;
max-width: 100%;
position: relative;
width: 100%;
}
/* line 1349, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product__details--buttons.webshop .price-cu {
margin-bottom: 53px;
}
/* line 1355, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product__details--buttons.webshop .price-du {
bottom: 0;
left: 0;
position: absolute;
right: 0;
}
/* line 1368, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.addtocart-label {
display: block;
padding: 0 30px;
text-align: center;
}
/* line 1372, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.item-list_rows .addtocart-label {
padding: 0;
}
/* line 1377, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.addtocart-icon {
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
right: 0;
}
/* line 1382, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.promotion-prefix {
color: #ff5a00;
font-family: "Custom-Font-Bold";
text-transform: uppercase;
}
/* line 1387, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.cart-promotion_prefix .promotion-prefix {
font-family: "Custom-Font-Medium", Arial, sans-serif;
display: block;
font-size: 0.875rem;
text-align: right;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.cart-promotion_prefix .promotion-prefix:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1395, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.promotion-remaining {
display: block;
font-family: "Custom-Font-Bold";
font-size: 1.125rem;
margin: 10px 0 20px;
}
/* line 1400, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.cart-promotion .promotion-remaining {
margin-top: 0px;
}
/* line 1408, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.promotion-applied {
display: block;
font-size: 1.125rem;
margin-top: 20px;
padding-left: 35px;
position: relative;
}
/* line 1414, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.promotion-applied:before {
top: 10px;
left: 0;
position: absolute;
color: #81BC2A;
font-size: 1.875rem;
content: "\e90d";
}
/*
* Product highlight
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1428, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight {
border: 1px solid #949494;
padding: 20px 30px;
position: relative;
}
/* line 1438, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight:before {
top: -9px;
left: 45px;
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #ffffff;
border-top: 1px solid #949494;
border-left: 1px solid #949494;
content: '';
height: 15px;
width: 15px;
z-index: 1;
}
/* line 1450, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product-price-and-badge {
margin-bottom: 10px;
}
/* line 1460, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product-price-and-badge .col-span-8 {
margin-top: 10px;
text-align: right;
}
/* line 1473, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister {
margin: 0;
}
/* line 1480, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister h2 {
margin-top: 0;
}
/* line 1484, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .loyalty-badge {
position: static;
}
/* line 1488, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product__image {
height: auto;
}
/* line 1491, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product__image img {
-webkit-transform: none;
transform: none;
}
/* line 1496, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product__description {
position: relative;
}
/* line 1503, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product__description p {
height: 80px;
overflow: hidden;
}
/* line 1511, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product__description p:after {
bottom: 36px;
left: 0;
position: absolute;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#00FFFFFF', EndColorStr='#FFFFFFFF');
height: 50px;
content: "";
width: 100%;
}
/* line 1524, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product__description a {
float: right;
}
/* line 1528, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product__description.open p {
min-height: 80px;
height: auto;
}
/* line 1536, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product__description.open p:after {
background: none;
}
/* line 1542, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product-price__total {
float: none;
font-size: 1.5rem;
line-height: 1.25rem;
vertical-align: bottom;
width: auto;
}
/* line 1555, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product-price__description {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #757575;
float: none;
font-size: 0.75rem;
margin-top: 0;
width: auto;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product-highlight .product__lister .product-price__description:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1564, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product__details {
padding: 0;
}
/* line 1569, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product__details--buttons .button,
.product-highlight .product__lister .product__details--buttons .button:first-child {
display: block;
float: none;
margin-top: 10px;
position: relative;
width: 100%;
}
/* line 1581, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product__details--buttons.webshop {
margin: 0;
}
/*
* Add to Favorites
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1591, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.button-favorites {
color: #333333;
display: block;
margin-top: 10px;
text-align: center;
text-decoration: none;
}
/* line 1601, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.button-favorites:hover span[class^="icn-"]:before,
.button-favorites:hover span[class*=" icn-"]:before {
content: "\f004";
}
/* line 1607, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.button-favorites span[class^="icn-"],
.button-favorites span[class*=" icn-"] {
color: #ff5a00;
}
/* line 1611, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.button-favorites span[class^="icn-"].is-favorite:before,
.button-favorites span[class*=" icn-"].is-favorite:before {
content: "\f004";
}
/* line 1616, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.button-favorites .icon {
margin-right: 5px;
}
/*
* Selected Trading partner
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1625, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.trading-partner__selected > a {
color: #000000;
}
/* line 1634, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.trading-partner__selected-name {
display: inline-block;
font-size: 1.25rem;
font-family: "Custom-Font-Medium";
padding: 0 5px;
}
/* line 1645, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.tradepartner-dialog__title {
margin: 40px 0;
}
/* line 1649, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.tradepartner-dialog__text {
font-family: "Custom-Font-Regular", Arial, sans-serif;
margin-bottom: 40px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.tradepartner-dialog__text:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1654, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.tradepartner-dialog__selected {
color: #ff5a00;
font-family: "Custom-Font-Bold", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.tradepartner-dialog__selected:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1659, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.trading-partner__connected {
padding-left: 5px;
}
/* line 1661, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.trading-partner__connected .icon {
vertical-align: baseline;
}
/* line 1664, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.trading-partner__connected a {
color: #81BC2A;
font-size: 0.875rem;
text-decoration: none;
}
/* line 1677, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.saviva-tradepartner-dialog .saviva-dropdown {
margin: 0 auto;
}
/* line 1680, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.saviva-tradepartner-dialog .saviva-bttn {
text-align: center;
}
/* line 1682, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.saviva-tradepartner-dialog .saviva-bttn .button {
min-width: 250px;
cursor: pointer;
}
/* line 1686, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.saviva-tradepartner-dialog .saviva-bttn .button[disabled] {
cursor: not-allowed;
}
/* line 1688, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.saviva-tradepartner-dialog .saviva-bttn .button[disabled]:hover {
background-color: #949494;
}
/* line 1694, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.country-selector-overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: fixed;
background-color: rgba(0, 0, 0, 0.4);
z-index: 99900;
}
/* line 1703, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.country-selector__list li {
list-style: none;
float: left;
min-width: 153px;
border: 2px solid #949494;
margin: 5px 5px 5px 0;
border-radius: 5px;
padding: 3px 5px 5px 5px;
font-size: 15px;
cursor: pointer;
font-family: "Custom-Font-Medium";
}
/* line 1715, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.country-selector__list li:hover {
background-color: #FFEEE5;
}
/* line 1718, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.country-selector__list li:active {
border: solid 2px #ff5a00;
}
/* line 1721, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.country-flag {
display: block;
float: left;
margin-right: 10px;
margin-left: 5px;
}
/* line 1727, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.country_heading {
color: #000000 !important;
}
/* line 1730, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.Rectangle {
width: 258px;
height: 48px;
margin: 24px 16px 16px 0;
border-radius: 5px;
line-height: 2.5;
border: solid 2px #ff5a00;
}
/* line 1739, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.mercanto-tradepartner-dialog .mercanto-dropdown {
margin: 0 auto;
}
/* line 1742, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.mercanto-tradepartner-dialog .mercanto-bttn {
text-align: center;
}
/* line 1744, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.mercanto-tradepartner-dialog .mercanto-bttn .button {
min-width: 250px;
cursor: pointer;
}
/* line 1748, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.mercanto-tradepartner-dialog .mercanto-bttn .button[disabled] {
cursor: not-allowed;
}
/* line 1750, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.mercanto-tradepartner-dialog .mercanto-bttn .button[disabled]:hover {
background-color: #949494;
}
/* line 1757, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.tradep-disc {
color: #E62A36 !important;
}
/* line 1760, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.tradep-conn {
color: #81BC2A !important;
}
/*
* Special badge
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1768, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.promotion-badge {
background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9E00), to(#ff5a00));
background-image: linear-gradient(to bottom, #FF9E00, #ff5a00);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#FFFF9E00', EndColorStr='#FFFF5A00');
border-radius: 5px 0 0 5px;
color: #ffffff;
display: inline-block;
font-size: 0.625rem;
height: 20px;
letter-spacing: .5px;
line-height: 20px;
padding: 0 10px;
position: absolute;
right: 0;
text-transform: uppercase;
top: 0;
}
/* line 1790, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.searchresultv2 .product__image .promotion-badge {
display: none;
}
/*
* Reasons to believe container
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1813, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.rtb-tiles figure + figure {
margin-top: 50px;
}
/* line 1818, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.rtb-tiles figcaption {
font-size: 1.25rem;
margin-top: 10px;
}
/*
* Reasons to believe container
*
* DEPRICATED
* TODO: Remove when PDP redesign is fully implemented
* Issue: https://jira.emakina.nl/browse/UFSN-7376 and https://jira.emakina.nl/browse/UFSN-7132
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1834, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.rtb-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/*
* Sorting dropdown
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1861, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-sorting {
text-align: right;
}
/* line 1877, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.legacy-form .product-sorting__select {
margin-left: 10px;
width: 200px;
}
/*
* Information icons
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1894, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-information-icons {
margin-bottom: 35px;
margin-top: 35px;
}
/* line 1898, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-information-icons li {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
/* line 1905, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pdp-row .product-information-icons li {
float: none;
}
/*
* Authorize page
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1917, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.sso-component {
margin: 30px auto;
max-width: 1260px;
padding: 0 10px;
width: 100%;
}
/* line 1923, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.sso-component .button {
margin-top: 20px;
}
/*
* None webshop producttile v2 for recipe
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 1941, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient {
margin: 0;
padding: 10px 10px 0 10px;
}
/* line 1944, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 {
border-radius: 10px;
background: #ffffff;
border: 2px solid #949494;
padding: 10px;
margin: 0;
margin-bottom: 10px;
width: 100%;
}
/* line 1952, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* line 1970, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 .tile-headname {
font-family: "Custom-Font-Medium";
font-size: 0.875rem;
color: #000000;
padding-left: 0;
}
/* line 1977, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 .loyalty-badge-v2 .loyalty-badge_amount {
background-color: #ff5a00;
border-radius: 3px;
color: #ffffff;
padding: 3px 10px;
margin-right: 10px;
font-family: "Custom-Font-Bold";
font-size: 0.5625rem;
line-height: inherit;
}
/* line 1988, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 .product__details {
padding-bottom: 0px;
margin-top: 29px;
}
/* line 1994, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 .product__details .col-span-6 {
margin-right: 10px;
}
/* line 1996, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 .product__details .col-span-6 .button {
min-width: auto;
line-height: 14px;
padding-left: 5px;
padding-right: 5px;
}
/* line 2002, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 .product__details .col-span-6 a {
font-family: "Custom-Font-Medium";
font-size: 0.875rem;
min-height: 40px;
}
/* line 2013, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 .product__details .col-span-6:last-of-type {
margin-right: 0;
}
/* line 2015, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 .product__details .col-span-6:last-of-type .button {
min-width: auto;
}
/* line 2024, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 .product__details .orange-outline {
border: 2px solid #ff5a00;
}
/* line 2026, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 .product__details .orange-outline:hover {
color: #FF9E00;
border-color: #FF7D29;
background-color: inherit;
}
/* line 2032, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 .product__details .sel-buy-it-now-button {
margin-top: 0;
}
/*
* CSS only solution for showing/hiding "read more" content
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_read-more-toggle.scss */
.read-more-wrapper {
position: relative;
z-index: 1;
}
/* line 11, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_read-more-toggle.scss */
.read-more-target {
opacity: 0;
max-height: 0;
font-size: 0;
margin: 0;
-webkit-transition: all 0.35s linear;
transition: all 0.35s linear;
visibility: hidden;
overflow: hidden;
/* needed in case of list ( or ) content types */
}
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_read-more-toggle.scss */
.read-more-trigger {
cursor: pointer;
display: inline-block;
font-size: 1rem;
color: #ff5a00;
position: relative;
z-index: 2;
}
/* line 28, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_read-more-toggle.scss */
.read-more-trigger:after {
display: inline-block;
content: '';
position: relative;
top: -1px;
right: -5px;
-webkit-transition: all 0.35s linear;
transition: all 0.35s linear;
-webkit-transition-delay: .35s;
transition-delay: .35s;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -316px -362px;
width: 10px;
height: 6px;
}
/* line 47, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_read-more-toggle.scss */
.read-more-state:checked ~ .read-more-wrapper .read-more-target {
opacity: 1;
font-size: inherit;
max-height: 999cm;
visibility: visible;
}
/* line 54, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_read-more-toggle.scss */
.read-more-state ~ .read-more-trigger:before {
content: attr(data-more);
width: 110%;
}
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_read-more-toggle.scss */
.read-more-state:checked ~ .read-more-trigger:before {
content: attr(data-less);
}
/* line 63, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_read-more-toggle.scss */
.read-more-state:checked ~ .read-more-trigger:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
/*
* Sales contacts
* used on:
* - Sales contact component
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 9, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
padding-left: 20px;
position: relative;
color: #000000;
}
/* line 16, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts a:before {
top: 50%;
left: 0;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
display: inline-block;
vertical-align: middle;
}
/* line 25, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts a.email:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -472px -187px;
width: 12px;
height: 8px;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts a.phone:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -490px -301px;
width: 12px;
height: 12px;
}
/* line 33, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts a.mobile-phone:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -146px -395px;
width: 7px;
height: 12px;
margin-left: 3px;
}
/* line 37, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts a.instagram:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -473px -301px;
width: 12px;
height: 12px;
}
/* line 40, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts a.fax:before {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -456px -301px;
width: 12px;
height: 12px;
}
/* line 44, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts > li {
margin: 20px 0;
background: #EEEFEF;
padding: 20px;
}
/* line 50, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts > li .subcontacts .subcontacts__header {
margin-top: 20px;
cursor: pointer;
position: relative;
}
/* line 55, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts > li .subcontacts .subcontacts__header span {
float: none;
}
/* line 59, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts > li .subcontacts .subcontacts__header .show-subcontacts {
display: block;
}
/* line 62, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts > li .subcontacts .subcontacts__header .show-subcontacts:hover {
color: #ff5a00;
}
/* line 66, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts > li .subcontacts .subcontacts__header .show-subcontacts:after {
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
background-image: url(app/images/sprite-1765293638613.png);
background-position: -132px -395px;
width: 9px;
height: 15px;
content: '';
display: inline-block;
right: 10px;
}
/* line 75, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts > li .subcontacts .subcontacts__header .hide-subcontacts {
display: none;
}
/* line 80, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts > li .subcontacts .subcontacts__header.open .show-subcontacts {
display: none;
}
/* line 84, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts > li .subcontacts .subcontacts__header.open .hide-subcontacts {
display: block;
color: #ff5a00;
}
/* line 88, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts > li .subcontacts .subcontacts__header.open .hide-subcontacts:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
top: 20%;
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -132px -395px;
width: 9px;
height: 15px;
content: '';
display: inline-block;
right: 10px;
}
/* line 100, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts > li .subcontacts li.subsalescontact {
padding: 20px 0;
}
/* line 103, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts > li .subcontacts li.subsalescontact img {
border-radius: 50px;
}
/* line 119, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts .sales-contact > li,
.sales-contacts .subcontacts > li {
margin-top: 15px;
}
/* line 140, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts img {
height: 85px;
float: left;
margin-right: 20px;
}
/* line 149, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts span:not(.sales-contact__tradepartner-button) {
float: left;
width: 50%;
}
/* line 159, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts span:not(.sales-contact__tradepartner-button).with-image {
width: calc(50% - 55px);
}
/* line 180, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts .salescontact__details li {
padding: 0 0 0.5em 0;
}
/* line 183, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts .salescontact__details li a {
color: #000000;
}
/* line 197, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contact__postcode-filter a {
right: 15px;
bottom: 30px;
position: absolute;
margin-top: 5px;
}
/* line 202, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contact__postcode-filter label {
float: none;
padding-right: 0;
padding-left: 0;
width: 100%;
}
/* line 209, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contact__postcode-filter input[type="text"] {
float: none;
margin-bottom: 20px;
padding-right: 40px;
width: 100%;
}
/* line 217, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contact__tradepartner-button {
clear: both;
display: block;
margin: 10px 0px 0px 10px;
width: 75%;
}
/*
* Search category filter list
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.category-list li {
float: left;
font-size: 1.0625rem;
margin-right: 30px;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.category-list li:last-child {
margin-right: 0;
}
/* line 33, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.category-list li a {
color: #000000;
text-decoration: none;
}
/* line 39, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.category-list a:hover,
.category-list li.active a {
color: #ff5a00;
}
/* line 44, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.category-list li.disabled a {
color: #949494;
}
/* line 48, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.category-list li.label {
padding-left: 10px;
}
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.item-list__rows > li {
padding: 5px 0;
}
/* line 69, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .page-header_search {
margin-bottom: 10px;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal .add-to-cart {
padding: 0;
position: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
/* line 89, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal .add-to-cart button {
max-width: 250px;
}
/* line 97, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal .sel-buy-it-now-button {
margin-top: 115px;
padding: 6px 59px 9px;
margin-left: 0px;
width: 100%;
}
/* line 123, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .unavailable .add-to-cart {
display: none;
}
/* line 126, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .unavailable .product-unavailable {
text-align: right;
margin-top: 15%;
}
/* line 137, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile-col .ufs-unit-switch {
margin-bottom: 0;
}
/* line 154, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal__header .promotion-label-container .promotion-label {
display: none;
}
/* line 179, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .ufs-unit-switch_button {
padding: 10px 15px;
}
/* line 211, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal__header .product-article-code,
.searchresultv2 .product-tile_horizontal__header .product-cu-code,
.searchresultv2 .product-tile_horizontal__header .product-du-code {
font-size: 0.625rem;
display: inline-block;
}
/* line 217, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal__header .bullet {
display: none;
}
/* line 221, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .search-title {
text-align: center;
padding: 6px;
padding-bottom: 10px;
}
/* line 229, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.search-result ol.breadcrumb {
display: none;
}
/* line 234, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup {
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 99;
background-color: #333333;
color: #ffffff;
}
/* line 244, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup canvas {
position: relative;
}
/* line 248, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup video {
position: absolute;
}
/* line 252, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup .camerascan-content {
position: relative;
z-index: 100;
padding: 20px;
}
/* line 256, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup .camerascan-content__header {
font-family: "Custom-Font-Medium";
font-size: 1rem;
margin: 20px 0 0 0;
}
/* line 262, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup .camerascan-content__sub-header {
font-size: .7rem;
margin-top: 4px;
}
/* line 268, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup .camerascan-content__back-button:before {
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -38px -419px;
width: 14px;
height: 22px;
content: " ";
}
/* line 273, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup .camerascan-content__back-button span {
padding-left: 30px;
}
/* line 279, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup .camera-viewport {
position: fixed;
top: 50%;
width: 100%;
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-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
}
/* line 290, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup .eanerror-popup {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50%;
z-index: 100;
background-color: #333333;
text-align: center;
border-radius: 20px;
color: #ffffff;
}
/* line 302, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup .eanerror-popup__head {
font-size: 1rem;
padding: 20px 20px 5px 20px;
}
/* line 308, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup .eanerror-popup__subhead {
font-size: .8rem;
margin-bottom: 20px;
padding: 0 20px 0 20px;
}
/* line 314, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup .eanerror-popup__scanagain {
font-size: .9rem;
padding: 10px 0 10px 0;
border-top: 1px solid #333333;
color: #EEEFEF;
}
/* line 322, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup .camera-crop-top {
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 20%;
position: fixed;
top: 0;
z-index: 99;
}
/* line 334, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup .camera-crop-bottom {
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 20%;
position: fixed;
bottom: 0;
}
/* line 348, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.js-search-items-lister-items .sel-buy-it-now-button {
display: none !important;
}
/* line 353, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.search-layout-wrapper {
padding: 0 30px;
}
/* line 361, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.search-layout-wrapper .list-filter__header h2 {
border: none;
margin: 0;
padding-bottom: 0;
}
/* line 367, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.search-layout-wrapper .item-list__footer {
border: none;
}
/* line 373, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.search-layout-wrapper .search-filter-overview .list-filter label span {
margin-left: 5px;
}
/* line 380, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.show-all-filter {
border: 2px solid #ff5a00;
border-radius: 5px;
margin-bottom: 10px;
min-width: 180px;
}
/* Css for New Search Results Page */
/* line 393, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview {
margin-bottom: 20px;
}
/* line 395, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 398, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_product-v2 {
padding: 5px 0;
float: left;
width: 23.4%;
margin: 0 16px 20px 0;
}
/* line 403, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_product-v2 .product-tile_horizontal__quantity-selector {
padding: 20px;
margin: 0;
background: #eeefef;
}
/* line 413, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_product-v2 .product-tile_horizontal .price-disclaimer {
bottom: 0px;
left: 0px;
position: relative;
}
/* line 423, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .product-tile_horizontal {
display: block;
padding: 0;
}
/* line 427, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .product-tile_horizontal__header,
.global-search-result-overview .search-list .product-tile_horizontal__unit-selector {
padding: 25px;
}
/* line 436, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .product-tile_horizontal__unit-selector .product-tile-col {
display: block;
}
/* line 439, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .product-tile_horizontal__unit-selector .ufs-unit-switch {
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
}
/* line 451, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__type_academy,
.global-search-result-overview .search-list .item-list__type_other {
width: 23.4%;
margin: 0 16px 20px 0;
border: 0;
}
/* line 461, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__type_academy .item-list__body,
.global-search-result-overview .search-list .item-list__type_other .item-list__body {
margin: auto;
padding: 0;
width: auto;
}
/* line 465, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__type_academy .item-list__body p,
.global-search-result-overview .search-list .item-list__type_other .item-list__body p {
line-height: 1.2;
}
/* line 469, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__type_academy .item-list__image,
.global-search-result-overview .search-list .item-list__type_other .item-list__image {
float: none;
border: 1px solid #eeefef;
height: 297px;
border-radius: 16px;
}
/* line 475, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__type_academy .item-list__image img,
.global-search-result-overview .search-list .item-list__type_other .item-list__image img {
width: 100%;
}
/* line 479, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__type_academy .item-list__title,
.global-search-result-overview .search-list .item-list__type_other .item-list__title {
font-size: 1rem;
font-weight: 400;
}
/* line 483, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__type_academy .item-list__desc,
.global-search-result-overview .search-list .item-list__type_other .item-list__desc {
font-size: 0.75rem;
font-weight: 400;
color: #949494;
}
/* line 489, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe,
.global-search-result-overview .search-list .item-list__type_academy,
.global-search-result-overview .search-list .item-list__type_other {
width: 23.4%;
margin: 0 16px 20px 0;
border: 0;
}
/* line 500, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__body,
.global-search-result-overview .search-list .item-list__type_academy .item-list__body,
.global-search-result-overview .search-list .item-list__type_other .item-list__body {
margin: auto;
padding: 0;
width: auto;
}
/* line 511, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__image,
.global-search-result-overview .search-list .item-list__type_academy .item-list__image,
.global-search-result-overview .search-list .item-list__type_other .item-list__image {
float: none;
border: 1px solid #eeefef;
height: 190px;
border-radius: 4px;
}
/* line 517, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__image img,
.global-search-result-overview .search-list .item-list__type_academy .item-list__image img,
.global-search-result-overview .search-list .item-list__type_other .item-list__image img {
width: 100%;
}
/* line 521, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__title,
.global-search-result-overview .search-list .item-list__type_academy .item-list__title,
.global-search-result-overview .search-list .item-list__type_other .item-list__title {
font-size: 0.75rem;
font-weight: 900;
color: #949494;
font-family: 'Custom-Font-Bold';
text-transform: uppercase;
}
/* line 528, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__desc,
.global-search-result-overview .search-list .item-list__type_academy .item-list__desc,
.global-search-result-overview .search-list .item-list__type_other .item-list__desc {
font-size: 1rem;
font-weight: 400;
color: #000000;
}
/* line 534, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_product {
padding: 5px 0 !important;
float: left;
width: 23.4%;
margin: 0 16px 20px 0;
border: 1px solid #949494;
border-radius: 5px;
}
/* line 543, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-category-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
}
/* line 551, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .item-list__rows li > figure img {
width: 100%;
}
/* line 556, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .item-list__rows li .item-list__type_product > figure {
width: 100%;
}
/* line 563, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-category-title .search-category-lists {
font-size: 25px;
font-weight: 600;
color: #000;
margin-top: 12px;
text-transform: capitalize;
margin-bottom: 23px;
}
/* line 575, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-category-title .showall-search-category-lists {
font-size: 14px;
font-weight: 600;
border: 2px solid #ff5a00;
border-radius: 6px;
padding: 13px 24px;
margin-right: 2%;
margin-bottom: 20px;
text-transform: capitalize;
}
/* line 584, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-category-title .showall-search-category-lists a {
text-decoration: none;
}
/* line 591, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .product-tile_horizontal__image {
margin: 0px 0 30px 0;
}
/* line 601, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview ul li {
padding: 0 !important;
}
/* line 603, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview ul li::before {
content: none !important;
}
/* line 609, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .item-list__type_product .item-list__body {
width: 100%;
padding: 0;
}
/* line 612, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .item-list__type_product .item-list__body .item-list__title_prod {
font-size: 1rem;
font-family: "Custom-Font-Medium";
}
/* line 616, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .item-list__type_product .item-list__body .global-search-title-nw {
padding-left: 20px;
}
/* line 620, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .item-list__type_product .item-list__image {
max-height: 200px;
margin: 50px auto;
float: none;
text-align: -webkit-center;
}
/* line 625, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .item-list__type_product .item-list__image img {
max-height: 200px;
}
/* line 630, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .item-list__type_product .product-tile {
float: none;
width: 100%;
margin: auto;
}
/* line 634, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .item-list__type_product .product-tile .product__details {
float: none;
width: 100%;
}
/* line 637, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .item-list__type_product .product-tile .product__details .ps-widget {
width: 92%;
}
/* line 644, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .product-tile_horizontal__icon {
position: absolute;
right: 0;
top: 0;
}
/* line 650, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .product-content-title-wrap {
padding-right: 30px;
}
/* line 654, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .product-content-list {
height: 105px;
}
/* line 661, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .hide-category-section {
display: none;
}
/* line 666, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-filter-overview {
border-bottom: 1px solid #eeefef;
padding-bottom: 15px;
background-color: #fff;
padding-bottom: 8px;
position: sticky !important;
z-index: 25;
top: 155px;
}
/* line 677, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-filter-overview .recipe__filter ul .list-filter__children li {
margin: 0 20px 0 0;
padding-left: 0;
border: 2px solid #949494;
border-radius: 5px;
float: left;
}
/* line 684, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-filter-overview .recipe__filter ul .list-filter__children li a label {
font-size: 14px;
font-weight: 600;
padding: 8px 24px 12px 24px;
margin: 0;
}
/* line 692, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-filter-overview .recipe__filter ul .list-filter__children li.active label {
color: #ff5a00;
}
/* line 701, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-filter-overview .legacy-form input[type="checkbox"] + label:before {
display: none;
}
/* line 706, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-title {
background-color: #fff;
padding-bottom: 8px;
position: sticky !important;
z-index: 25;
top: 115px;
}
/* line 714, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-layout-wrapper {
padding: 0;
}
/* line 716, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-layout-wrapper.layout-wrapper {
max-width: 86%;
}
/* line 723, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-layout-wrapper .item-list__footer.show-all-results-section {
display: none;
padding: 0;
}
/* line 731, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .global-search-result-title {
max-width: 86%;
padding: 0;
margin: auto;
background-color: #fff;
z-index: 9;
}
/* line 738, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .category-search-result {
font-size: 16px;
font-weight: 600;
margin: 15px 0;
color: #333333;
}
/* line 746, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.search-result-category-list {
margin: 30px 0;
}
/*
* SEARCHABLE DROPDOWN
* Currently used on zipcode selection for the PT tradepartners
* See: https://jira.emakina.nl/browse/UFSW-2869
* Todo: please check the type-a-head, suggestions and geo_suggestion styles and script for any duplicates / overlap
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 9, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_searchable-dropdown.scss */
.searchable-dropdown {
position: relative;
}
/* line 12, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_searchable-dropdown.scss */
.searchable-dropdown ul {
top: 39px;
position: absolute;
background: #ffffff;
border: 1px solid #B7B7B7;
border-radius: 7px;
display: none;
max-height: 200px;
list-style: none;
margin: 0;
overflow-y: auto;
padding: 10px;
width: 100%;
z-index: 2;
}
/* line 26, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_searchable-dropdown.scss */
.searchable-dropdown ul li {
padding: 4px;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_searchable-dropdown.scss */
.searchable-dropdown ul li:hover {
background-color: #EEEFEF;
cursor: pointer;
}
/* line 36, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_searchable-dropdown.scss */
.searchable-dropdown.active ul {
display: block;
}
/*
* Default loading spinner
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_spinner.scss */
.loader {
border-radius: 50%;
height: 3px;
position: relative;
width: 3px;
-webkit-animation: load-spinner-orange-small 1s linear infinite;
animation: load-spinner-orange-small 1s linear infinite;
top: 50%;
margin-top: -1.5px;
}
@-webkit-keyframes load-spinner-orange-small {
0% {
-webkit-box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.05), 5px -5px 0 0 rgba(255, 90, 0, 0.1), 7px 0 0 0 rgba(255, 90, 0, 0.2), 5px 5px 0 0 rgba(255, 90, 0, 0.3), 0 7px 0 0 rgba(255, 90, 0, 0.4), -5px 5px 0 0 rgba(255, 90, 0, 0.6), -7px 0 0 0 rgba(255, 90, 0, 0.8), -5px -5px 0 0 #ff5a00;
box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.05), 5px -5px 0 0 rgba(255, 90, 0, 0.1), 7px 0 0 0 rgba(255, 90, 0, 0.2), 5px 5px 0 0 rgba(255, 90, 0, 0.3), 0 7px 0 0 rgba(255, 90, 0, 0.4), -5px 5px 0 0 rgba(255, 90, 0, 0.6), -7px 0 0 0 rgba(255, 90, 0, 0.8), -5px -5px 0 0 #ff5a00;
}
12.5% {
-webkit-box-shadow: 0 -7px 0 0 #ff5a00, 5px -5px 0 0 rgba(255, 90, 0, 0.05), 7px 0 0 0 rgba(255, 90, 0, 0.1), 5px 5px 0 0 rgba(255, 90, 0, 0.2), 0 7px 0 0 rgba(255, 90, 0, 0.3), -5px 5px 0 0 rgba(255, 90, 0, 0.4), -7px 0 0 0 rgba(255, 90, 0, 0.6), -5px -5px 0 0 rgba(255, 90, 0, 0.8);
box-shadow: 0 -7px 0 0 #ff5a00, 5px -5px 0 0 rgba(255, 90, 0, 0.05), 7px 0 0 0 rgba(255, 90, 0, 0.1), 5px 5px 0 0 rgba(255, 90, 0, 0.2), 0 7px 0 0 rgba(255, 90, 0, 0.3), -5px 5px 0 0 rgba(255, 90, 0, 0.4), -7px 0 0 0 rgba(255, 90, 0, 0.6), -5px -5px 0 0 rgba(255, 90, 0, 0.8);
}
25% {
-webkit-box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.8), 5px -5px 0 0 #ff5a00, 7px 0 0 0 rgba(255, 90, 0, 0.05), 5px 5px 0 0 rgba(255, 90, 0, 0.1), 0 7px 0 0 rgba(255, 90, 0, 0.2), -5px 5px 0 0 rgba(255, 90, 0, 0.3), -7px 0 0 0 rgba(255, 90, 0, 0.4), -5px -5px 0 0 rgba(255, 90, 0, 0.6);
box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.8), 5px -5px 0 0 #ff5a00, 7px 0 0 0 rgba(255, 90, 0, 0.05), 5px 5px 0 0 rgba(255, 90, 0, 0.1), 0 7px 0 0 rgba(255, 90, 0, 0.2), -5px 5px 0 0 rgba(255, 90, 0, 0.3), -7px 0 0 0 rgba(255, 90, 0, 0.4), -5px -5px 0 0 rgba(255, 90, 0, 0.6);
}
37.5% {
-webkit-box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.6), 5px -5px 0 0 rgba(255, 90, 0, 0.8), 7px 0 0 0 #ff5a00, 5px 5px 0 0 rgba(255, 90, 0, 0.05), 0 7px 0 0 rgba(255, 90, 0, 0.1), -5px 5px 0 0 rgba(255, 90, 0, 0.2), -7px 0 0 0 rgba(255, 90, 0, 0.3), -5px -5px 0 0 rgba(255, 90, 0, 0.4);
box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.6), 5px -5px 0 0 rgba(255, 90, 0, 0.8), 7px 0 0 0 #ff5a00, 5px 5px 0 0 rgba(255, 90, 0, 0.05), 0 7px 0 0 rgba(255, 90, 0, 0.1), -5px 5px 0 0 rgba(255, 90, 0, 0.2), -7px 0 0 0 rgba(255, 90, 0, 0.3), -5px -5px 0 0 rgba(255, 90, 0, 0.4);
}
50% {
-webkit-box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.4), 5px -5px 0 0 rgba(255, 90, 0, 0.6), 7px 0 0 0 rgba(255, 90, 0, 0.8), 5px 5px 0 0 #ff5a00, 0 7px 0 0 rgba(255, 90, 0, 0.05), -5px 5px 0 0 rgba(255, 90, 0, 0.1), -7px 0 0 0 rgba(255, 90, 0, 0.2), -5px -5px 0 0 rgba(255, 90, 0, 0.3);
box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.4), 5px -5px 0 0 rgba(255, 90, 0, 0.6), 7px 0 0 0 rgba(255, 90, 0, 0.8), 5px 5px 0 0 #ff5a00, 0 7px 0 0 rgba(255, 90, 0, 0.05), -5px 5px 0 0 rgba(255, 90, 0, 0.1), -7px 0 0 0 rgba(255, 90, 0, 0.2), -5px -5px 0 0 rgba(255, 90, 0, 0.3);
}
62.5% {
-webkit-box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.3), 5px -5px 0 0 rgba(255, 90, 0, 0.4), 7px 0 0 0 rgba(255, 90, 0, 0.6), 5px 5px 0 0 rgba(255, 90, 0, 0.8), 0 7px 0 0 #ff5a00, -5px 5px 0 0 rgba(255, 90, 0, 0.05), -7px 0 0 0 rgba(255, 90, 0, 0.1), -5px -5px 0 0 rgba(255, 90, 0, 0.2);
box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.3), 5px -5px 0 0 rgba(255, 90, 0, 0.4), 7px 0 0 0 rgba(255, 90, 0, 0.6), 5px 5px 0 0 rgba(255, 90, 0, 0.8), 0 7px 0 0 #ff5a00, -5px 5px 0 0 rgba(255, 90, 0, 0.05), -7px 0 0 0 rgba(255, 90, 0, 0.1), -5px -5px 0 0 rgba(255, 90, 0, 0.2);
}
75% {
-webkit-box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.2), 5px -5px 0 0 rgba(255, 90, 0, 0.3), 7px 0 0 0 rgba(255, 90, 0, 0.4), 5px 5px 0 0 rgba(255, 90, 0, 0.6), 0 7px 0 0 rgba(255, 90, 0, 0.8), -5px 5px 0 0 #ff5a00, -7px 0 0 0 rgba(255, 90, 0, 0.05), -5px -5px 0 0 rgba(255, 90, 0, 0.1);
box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.2), 5px -5px 0 0 rgba(255, 90, 0, 0.3), 7px 0 0 0 rgba(255, 90, 0, 0.4), 5px 5px 0 0 rgba(255, 90, 0, 0.6), 0 7px 0 0 rgba(255, 90, 0, 0.8), -5px 5px 0 0 #ff5a00, -7px 0 0 0 rgba(255, 90, 0, 0.05), -5px -5px 0 0 rgba(255, 90, 0, 0.1);
}
87.5% {
-webkit-box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.1), 5px -5px 0 0 rgba(255, 90, 0, 0.2), 7px 0 0 0 rgba(255, 90, 0, 0.3), 5px 5px 0 0 rgba(255, 90, 0, 0.4), 0 7px 0 0 rgba(255, 90, 0, 0.6), -5px 5px 0 0 rgba(255, 90, 0, 0.8), -7px 0 0 0 #ff5a00, -5px -5px 0 0 rgba(255, 90, 0, 0.05);
box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.1), 5px -5px 0 0 rgba(255, 90, 0, 0.2), 7px 0 0 0 rgba(255, 90, 0, 0.3), 5px 5px 0 0 rgba(255, 90, 0, 0.4), 0 7px 0 0 rgba(255, 90, 0, 0.6), -5px 5px 0 0 rgba(255, 90, 0, 0.8), -7px 0 0 0 #ff5a00, -5px -5px 0 0 rgba(255, 90, 0, 0.05);
}
100% {
-webkit-box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.05), 5px -5px 0 0 rgba(255, 90, 0, 0.1), 7px 0 0 0 rgba(255, 90, 0, 0.2), 5px 5px 0 0 rgba(255, 90, 0, 0.3), 0 7px 0 0 rgba(255, 90, 0, 0.4), -5px 5px 0 0 rgba(255, 90, 0, 0.6), -7px 0 0 0 rgba(255, 90, 0, 0.8), -5px -5px 0 0 #ff5a00;
box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.05), 5px -5px 0 0 rgba(255, 90, 0, 0.1), 7px 0 0 0 rgba(255, 90, 0, 0.2), 5px 5px 0 0 rgba(255, 90, 0, 0.3), 0 7px 0 0 rgba(255, 90, 0, 0.4), -5px 5px 0 0 rgba(255, 90, 0, 0.6), -7px 0 0 0 rgba(255, 90, 0, 0.8), -5px -5px 0 0 #ff5a00;
}
}
@keyframes load-spinner-orange-small {
0% {
-webkit-box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.05), 5px -5px 0 0 rgba(255, 90, 0, 0.1), 7px 0 0 0 rgba(255, 90, 0, 0.2), 5px 5px 0 0 rgba(255, 90, 0, 0.3), 0 7px 0 0 rgba(255, 90, 0, 0.4), -5px 5px 0 0 rgba(255, 90, 0, 0.6), -7px 0 0 0 rgba(255, 90, 0, 0.8), -5px -5px 0 0 #ff5a00;
box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.05), 5px -5px 0 0 rgba(255, 90, 0, 0.1), 7px 0 0 0 rgba(255, 90, 0, 0.2), 5px 5px 0 0 rgba(255, 90, 0, 0.3), 0 7px 0 0 rgba(255, 90, 0, 0.4), -5px 5px 0 0 rgba(255, 90, 0, 0.6), -7px 0 0 0 rgba(255, 90, 0, 0.8), -5px -5px 0 0 #ff5a00;
}
12.5% {
-webkit-box-shadow: 0 -7px 0 0 #ff5a00, 5px -5px 0 0 rgba(255, 90, 0, 0.05), 7px 0 0 0 rgba(255, 90, 0, 0.1), 5px 5px 0 0 rgba(255, 90, 0, 0.2), 0 7px 0 0 rgba(255, 90, 0, 0.3), -5px 5px 0 0 rgba(255, 90, 0, 0.4), -7px 0 0 0 rgba(255, 90, 0, 0.6), -5px -5px 0 0 rgba(255, 90, 0, 0.8);
box-shadow: 0 -7px 0 0 #ff5a00, 5px -5px 0 0 rgba(255, 90, 0, 0.05), 7px 0 0 0 rgba(255, 90, 0, 0.1), 5px 5px 0 0 rgba(255, 90, 0, 0.2), 0 7px 0 0 rgba(255, 90, 0, 0.3), -5px 5px 0 0 rgba(255, 90, 0, 0.4), -7px 0 0 0 rgba(255, 90, 0, 0.6), -5px -5px 0 0 rgba(255, 90, 0, 0.8);
}
25% {
-webkit-box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.8), 5px -5px 0 0 #ff5a00, 7px 0 0 0 rgba(255, 90, 0, 0.05), 5px 5px 0 0 rgba(255, 90, 0, 0.1), 0 7px 0 0 rgba(255, 90, 0, 0.2), -5px 5px 0 0 rgba(255, 90, 0, 0.3), -7px 0 0 0 rgba(255, 90, 0, 0.4), -5px -5px 0 0 rgba(255, 90, 0, 0.6);
box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.8), 5px -5px 0 0 #ff5a00, 7px 0 0 0 rgba(255, 90, 0, 0.05), 5px 5px 0 0 rgba(255, 90, 0, 0.1), 0 7px 0 0 rgba(255, 90, 0, 0.2), -5px 5px 0 0 rgba(255, 90, 0, 0.3), -7px 0 0 0 rgba(255, 90, 0, 0.4), -5px -5px 0 0 rgba(255, 90, 0, 0.6);
}
37.5% {
-webkit-box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.6), 5px -5px 0 0 rgba(255, 90, 0, 0.8), 7px 0 0 0 #ff5a00, 5px 5px 0 0 rgba(255, 90, 0, 0.05), 0 7px 0 0 rgba(255, 90, 0, 0.1), -5px 5px 0 0 rgba(255, 90, 0, 0.2), -7px 0 0 0 rgba(255, 90, 0, 0.3), -5px -5px 0 0 rgba(255, 90, 0, 0.4);
box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.6), 5px -5px 0 0 rgba(255, 90, 0, 0.8), 7px 0 0 0 #ff5a00, 5px 5px 0 0 rgba(255, 90, 0, 0.05), 0 7px 0 0 rgba(255, 90, 0, 0.1), -5px 5px 0 0 rgba(255, 90, 0, 0.2), -7px 0 0 0 rgba(255, 90, 0, 0.3), -5px -5px 0 0 rgba(255, 90, 0, 0.4);
}
50% {
-webkit-box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.4), 5px -5px 0 0 rgba(255, 90, 0, 0.6), 7px 0 0 0 rgba(255, 90, 0, 0.8), 5px 5px 0 0 #ff5a00, 0 7px 0 0 rgba(255, 90, 0, 0.05), -5px 5px 0 0 rgba(255, 90, 0, 0.1), -7px 0 0 0 rgba(255, 90, 0, 0.2), -5px -5px 0 0 rgba(255, 90, 0, 0.3);
box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.4), 5px -5px 0 0 rgba(255, 90, 0, 0.6), 7px 0 0 0 rgba(255, 90, 0, 0.8), 5px 5px 0 0 #ff5a00, 0 7px 0 0 rgba(255, 90, 0, 0.05), -5px 5px 0 0 rgba(255, 90, 0, 0.1), -7px 0 0 0 rgba(255, 90, 0, 0.2), -5px -5px 0 0 rgba(255, 90, 0, 0.3);
}
62.5% {
-webkit-box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.3), 5px -5px 0 0 rgba(255, 90, 0, 0.4), 7px 0 0 0 rgba(255, 90, 0, 0.6), 5px 5px 0 0 rgba(255, 90, 0, 0.8), 0 7px 0 0 #ff5a00, -5px 5px 0 0 rgba(255, 90, 0, 0.05), -7px 0 0 0 rgba(255, 90, 0, 0.1), -5px -5px 0 0 rgba(255, 90, 0, 0.2);
box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.3), 5px -5px 0 0 rgba(255, 90, 0, 0.4), 7px 0 0 0 rgba(255, 90, 0, 0.6), 5px 5px 0 0 rgba(255, 90, 0, 0.8), 0 7px 0 0 #ff5a00, -5px 5px 0 0 rgba(255, 90, 0, 0.05), -7px 0 0 0 rgba(255, 90, 0, 0.1), -5px -5px 0 0 rgba(255, 90, 0, 0.2);
}
75% {
-webkit-box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.2), 5px -5px 0 0 rgba(255, 90, 0, 0.3), 7px 0 0 0 rgba(255, 90, 0, 0.4), 5px 5px 0 0 rgba(255, 90, 0, 0.6), 0 7px 0 0 rgba(255, 90, 0, 0.8), -5px 5px 0 0 #ff5a00, -7px 0 0 0 rgba(255, 90, 0, 0.05), -5px -5px 0 0 rgba(255, 90, 0, 0.1);
box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.2), 5px -5px 0 0 rgba(255, 90, 0, 0.3), 7px 0 0 0 rgba(255, 90, 0, 0.4), 5px 5px 0 0 rgba(255, 90, 0, 0.6), 0 7px 0 0 rgba(255, 90, 0, 0.8), -5px 5px 0 0 #ff5a00, -7px 0 0 0 rgba(255, 90, 0, 0.05), -5px -5px 0 0 rgba(255, 90, 0, 0.1);
}
87.5% {
-webkit-box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.1), 5px -5px 0 0 rgba(255, 90, 0, 0.2), 7px 0 0 0 rgba(255, 90, 0, 0.3), 5px 5px 0 0 rgba(255, 90, 0, 0.4), 0 7px 0 0 rgba(255, 90, 0, 0.6), -5px 5px 0 0 rgba(255, 90, 0, 0.8), -7px 0 0 0 #ff5a00, -5px -5px 0 0 rgba(255, 90, 0, 0.05);
box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.1), 5px -5px 0 0 rgba(255, 90, 0, 0.2), 7px 0 0 0 rgba(255, 90, 0, 0.3), 5px 5px 0 0 rgba(255, 90, 0, 0.4), 0 7px 0 0 rgba(255, 90, 0, 0.6), -5px 5px 0 0 rgba(255, 90, 0, 0.8), -7px 0 0 0 #ff5a00, -5px -5px 0 0 rgba(255, 90, 0, 0.05);
}
100% {
-webkit-box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.05), 5px -5px 0 0 rgba(255, 90, 0, 0.1), 7px 0 0 0 rgba(255, 90, 0, 0.2), 5px 5px 0 0 rgba(255, 90, 0, 0.3), 0 7px 0 0 rgba(255, 90, 0, 0.4), -5px 5px 0 0 rgba(255, 90, 0, 0.6), -7px 0 0 0 rgba(255, 90, 0, 0.8), -5px -5px 0 0 #ff5a00;
box-shadow: 0 -7px 0 0 rgba(255, 90, 0, 0.05), 5px -5px 0 0 rgba(255, 90, 0, 0.1), 7px 0 0 0 rgba(255, 90, 0, 0.2), 5px 5px 0 0 rgba(255, 90, 0, 0.3), 0 7px 0 0 rgba(255, 90, 0, 0.4), -5px 5px 0 0 rgba(255, 90, 0, 0.6), -7px 0 0 0 rgba(255, 90, 0, 0.8), -5px -5px 0 0 #ff5a00;
}
}
/* line 12, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_spinner.scss */
.loader-grey {
border-radius: 50%;
height: 12px;
position: relative;
width: 12px;
-webkit-animation: load-spinner-grey-medium 1s linear infinite;
animation: load-spinner-grey-medium 1s linear infinite;
top: 50%;
margin: -6px auto 0;
}
@-webkit-keyframes load-spinner-grey-medium {
0% {
-webkit-box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.05), 14px -14px 0 0 rgba(51, 51, 51, 0.1), 20px 0 0 0 rgba(51, 51, 51, 0.2), 14px 14px 0 0 rgba(51, 51, 51, 0.3), 0 20px 0 0 rgba(51, 51, 51, 0.4), -14px 14px 0 0 rgba(51, 51, 51, 0.6), -20px 0 0 0 rgba(51, 51, 51, 0.8), -14px -14px 0 0 #333333;
box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.05), 14px -14px 0 0 rgba(51, 51, 51, 0.1), 20px 0 0 0 rgba(51, 51, 51, 0.2), 14px 14px 0 0 rgba(51, 51, 51, 0.3), 0 20px 0 0 rgba(51, 51, 51, 0.4), -14px 14px 0 0 rgba(51, 51, 51, 0.6), -20px 0 0 0 rgba(51, 51, 51, 0.8), -14px -14px 0 0 #333333;
}
12.5% {
-webkit-box-shadow: 0 -20px 0 0 #333333, 14px -14px 0 0 rgba(51, 51, 51, 0.05), 20px 0 0 0 rgba(51, 51, 51, 0.1), 14px 14px 0 0 rgba(51, 51, 51, 0.2), 0 20px 0 0 rgba(51, 51, 51, 0.3), -14px 14px 0 0 rgba(51, 51, 51, 0.4), -20px 0 0 0 rgba(51, 51, 51, 0.6), -14px -14px 0 0 rgba(51, 51, 51, 0.8);
box-shadow: 0 -20px 0 0 #333333, 14px -14px 0 0 rgba(51, 51, 51, 0.05), 20px 0 0 0 rgba(51, 51, 51, 0.1), 14px 14px 0 0 rgba(51, 51, 51, 0.2), 0 20px 0 0 rgba(51, 51, 51, 0.3), -14px 14px 0 0 rgba(51, 51, 51, 0.4), -20px 0 0 0 rgba(51, 51, 51, 0.6), -14px -14px 0 0 rgba(51, 51, 51, 0.8);
}
25% {
-webkit-box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.8), 14px -14px 0 0 #333333, 20px 0 0 0 rgba(51, 51, 51, 0.05), 14px 14px 0 0 rgba(51, 51, 51, 0.1), 0 20px 0 0 rgba(51, 51, 51, 0.2), -14px 14px 0 0 rgba(51, 51, 51, 0.3), -20px 0 0 0 rgba(51, 51, 51, 0.4), -14px -14px 0 0 rgba(51, 51, 51, 0.6);
box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.8), 14px -14px 0 0 #333333, 20px 0 0 0 rgba(51, 51, 51, 0.05), 14px 14px 0 0 rgba(51, 51, 51, 0.1), 0 20px 0 0 rgba(51, 51, 51, 0.2), -14px 14px 0 0 rgba(51, 51, 51, 0.3), -20px 0 0 0 rgba(51, 51, 51, 0.4), -14px -14px 0 0 rgba(51, 51, 51, 0.6);
}
37.5% {
-webkit-box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.6), 14px -14px 0 0 rgba(51, 51, 51, 0.8), 20px 0 0 0 #333333, 14px 14px 0 0 rgba(51, 51, 51, 0.05), 0 20px 0 0 rgba(51, 51, 51, 0.1), -14px 14px 0 0 rgba(51, 51, 51, 0.2), -20px 0 0 0 rgba(51, 51, 51, 0.3), -14px -14px 0 0 rgba(51, 51, 51, 0.4);
box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.6), 14px -14px 0 0 rgba(51, 51, 51, 0.8), 20px 0 0 0 #333333, 14px 14px 0 0 rgba(51, 51, 51, 0.05), 0 20px 0 0 rgba(51, 51, 51, 0.1), -14px 14px 0 0 rgba(51, 51, 51, 0.2), -20px 0 0 0 rgba(51, 51, 51, 0.3), -14px -14px 0 0 rgba(51, 51, 51, 0.4);
}
50% {
-webkit-box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.4), 14px -14px 0 0 rgba(51, 51, 51, 0.6), 20px 0 0 0 rgba(51, 51, 51, 0.8), 14px 14px 0 0 #333333, 0 20px 0 0 rgba(51, 51, 51, 0.05), -14px 14px 0 0 rgba(51, 51, 51, 0.1), -20px 0 0 0 rgba(51, 51, 51, 0.2), -14px -14px 0 0 rgba(51, 51, 51, 0.3);
box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.4), 14px -14px 0 0 rgba(51, 51, 51, 0.6), 20px 0 0 0 rgba(51, 51, 51, 0.8), 14px 14px 0 0 #333333, 0 20px 0 0 rgba(51, 51, 51, 0.05), -14px 14px 0 0 rgba(51, 51, 51, 0.1), -20px 0 0 0 rgba(51, 51, 51, 0.2), -14px -14px 0 0 rgba(51, 51, 51, 0.3);
}
62.5% {
-webkit-box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.3), 14px -14px 0 0 rgba(51, 51, 51, 0.4), 20px 0 0 0 rgba(51, 51, 51, 0.6), 14px 14px 0 0 rgba(51, 51, 51, 0.8), 0 20px 0 0 #333333, -14px 14px 0 0 rgba(51, 51, 51, 0.05), -20px 0 0 0 rgba(51, 51, 51, 0.1), -14px -14px 0 0 rgba(51, 51, 51, 0.2);
box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.3), 14px -14px 0 0 rgba(51, 51, 51, 0.4), 20px 0 0 0 rgba(51, 51, 51, 0.6), 14px 14px 0 0 rgba(51, 51, 51, 0.8), 0 20px 0 0 #333333, -14px 14px 0 0 rgba(51, 51, 51, 0.05), -20px 0 0 0 rgba(51, 51, 51, 0.1), -14px -14px 0 0 rgba(51, 51, 51, 0.2);
}
75% {
-webkit-box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.2), 14px -14px 0 0 rgba(51, 51, 51, 0.3), 20px 0 0 0 rgba(51, 51, 51, 0.4), 14px 14px 0 0 rgba(51, 51, 51, 0.6), 0 20px 0 0 rgba(51, 51, 51, 0.8), -14px 14px 0 0 #333333, -20px 0 0 0 rgba(51, 51, 51, 0.05), -14px -14px 0 0 rgba(51, 51, 51, 0.1);
box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.2), 14px -14px 0 0 rgba(51, 51, 51, 0.3), 20px 0 0 0 rgba(51, 51, 51, 0.4), 14px 14px 0 0 rgba(51, 51, 51, 0.6), 0 20px 0 0 rgba(51, 51, 51, 0.8), -14px 14px 0 0 #333333, -20px 0 0 0 rgba(51, 51, 51, 0.05), -14px -14px 0 0 rgba(51, 51, 51, 0.1);
}
87.5% {
-webkit-box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.1), 14px -14px 0 0 rgba(51, 51, 51, 0.2), 20px 0 0 0 rgba(51, 51, 51, 0.3), 14px 14px 0 0 rgba(51, 51, 51, 0.4), 0 20px 0 0 rgba(51, 51, 51, 0.6), -14px 14px 0 0 rgba(51, 51, 51, 0.8), -20px 0 0 0 #333333, -14px -14px 0 0 rgba(51, 51, 51, 0.05);
box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.1), 14px -14px 0 0 rgba(51, 51, 51, 0.2), 20px 0 0 0 rgba(51, 51, 51, 0.3), 14px 14px 0 0 rgba(51, 51, 51, 0.4), 0 20px 0 0 rgba(51, 51, 51, 0.6), -14px 14px 0 0 rgba(51, 51, 51, 0.8), -20px 0 0 0 #333333, -14px -14px 0 0 rgba(51, 51, 51, 0.05);
}
100% {
-webkit-box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.05), 14px -14px 0 0 rgba(51, 51, 51, 0.1), 20px 0 0 0 rgba(51, 51, 51, 0.2), 14px 14px 0 0 rgba(51, 51, 51, 0.3), 0 20px 0 0 rgba(51, 51, 51, 0.4), -14px 14px 0 0 rgba(51, 51, 51, 0.6), -20px 0 0 0 rgba(51, 51, 51, 0.8), -14px -14px 0 0 #333333;
box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.05), 14px -14px 0 0 rgba(51, 51, 51, 0.1), 20px 0 0 0 rgba(51, 51, 51, 0.2), 14px 14px 0 0 rgba(51, 51, 51, 0.3), 0 20px 0 0 rgba(51, 51, 51, 0.4), -14px 14px 0 0 rgba(51, 51, 51, 0.6), -20px 0 0 0 rgba(51, 51, 51, 0.8), -14px -14px 0 0 #333333;
}
}
@keyframes load-spinner-grey-medium {
0% {
-webkit-box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.05), 14px -14px 0 0 rgba(51, 51, 51, 0.1), 20px 0 0 0 rgba(51, 51, 51, 0.2), 14px 14px 0 0 rgba(51, 51, 51, 0.3), 0 20px 0 0 rgba(51, 51, 51, 0.4), -14px 14px 0 0 rgba(51, 51, 51, 0.6), -20px 0 0 0 rgba(51, 51, 51, 0.8), -14px -14px 0 0 #333333;
box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.05), 14px -14px 0 0 rgba(51, 51, 51, 0.1), 20px 0 0 0 rgba(51, 51, 51, 0.2), 14px 14px 0 0 rgba(51, 51, 51, 0.3), 0 20px 0 0 rgba(51, 51, 51, 0.4), -14px 14px 0 0 rgba(51, 51, 51, 0.6), -20px 0 0 0 rgba(51, 51, 51, 0.8), -14px -14px 0 0 #333333;
}
12.5% {
-webkit-box-shadow: 0 -20px 0 0 #333333, 14px -14px 0 0 rgba(51, 51, 51, 0.05), 20px 0 0 0 rgba(51, 51, 51, 0.1), 14px 14px 0 0 rgba(51, 51, 51, 0.2), 0 20px 0 0 rgba(51, 51, 51, 0.3), -14px 14px 0 0 rgba(51, 51, 51, 0.4), -20px 0 0 0 rgba(51, 51, 51, 0.6), -14px -14px 0 0 rgba(51, 51, 51, 0.8);
box-shadow: 0 -20px 0 0 #333333, 14px -14px 0 0 rgba(51, 51, 51, 0.05), 20px 0 0 0 rgba(51, 51, 51, 0.1), 14px 14px 0 0 rgba(51, 51, 51, 0.2), 0 20px 0 0 rgba(51, 51, 51, 0.3), -14px 14px 0 0 rgba(51, 51, 51, 0.4), -20px 0 0 0 rgba(51, 51, 51, 0.6), -14px -14px 0 0 rgba(51, 51, 51, 0.8);
}
25% {
-webkit-box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.8), 14px -14px 0 0 #333333, 20px 0 0 0 rgba(51, 51, 51, 0.05), 14px 14px 0 0 rgba(51, 51, 51, 0.1), 0 20px 0 0 rgba(51, 51, 51, 0.2), -14px 14px 0 0 rgba(51, 51, 51, 0.3), -20px 0 0 0 rgba(51, 51, 51, 0.4), -14px -14px 0 0 rgba(51, 51, 51, 0.6);
box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.8), 14px -14px 0 0 #333333, 20px 0 0 0 rgba(51, 51, 51, 0.05), 14px 14px 0 0 rgba(51, 51, 51, 0.1), 0 20px 0 0 rgba(51, 51, 51, 0.2), -14px 14px 0 0 rgba(51, 51, 51, 0.3), -20px 0 0 0 rgba(51, 51, 51, 0.4), -14px -14px 0 0 rgba(51, 51, 51, 0.6);
}
37.5% {
-webkit-box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.6), 14px -14px 0 0 rgba(51, 51, 51, 0.8), 20px 0 0 0 #333333, 14px 14px 0 0 rgba(51, 51, 51, 0.05), 0 20px 0 0 rgba(51, 51, 51, 0.1), -14px 14px 0 0 rgba(51, 51, 51, 0.2), -20px 0 0 0 rgba(51, 51, 51, 0.3), -14px -14px 0 0 rgba(51, 51, 51, 0.4);
box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.6), 14px -14px 0 0 rgba(51, 51, 51, 0.8), 20px 0 0 0 #333333, 14px 14px 0 0 rgba(51, 51, 51, 0.05), 0 20px 0 0 rgba(51, 51, 51, 0.1), -14px 14px 0 0 rgba(51, 51, 51, 0.2), -20px 0 0 0 rgba(51, 51, 51, 0.3), -14px -14px 0 0 rgba(51, 51, 51, 0.4);
}
50% {
-webkit-box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.4), 14px -14px 0 0 rgba(51, 51, 51, 0.6), 20px 0 0 0 rgba(51, 51, 51, 0.8), 14px 14px 0 0 #333333, 0 20px 0 0 rgba(51, 51, 51, 0.05), -14px 14px 0 0 rgba(51, 51, 51, 0.1), -20px 0 0 0 rgba(51, 51, 51, 0.2), -14px -14px 0 0 rgba(51, 51, 51, 0.3);
box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.4), 14px -14px 0 0 rgba(51, 51, 51, 0.6), 20px 0 0 0 rgba(51, 51, 51, 0.8), 14px 14px 0 0 #333333, 0 20px 0 0 rgba(51, 51, 51, 0.05), -14px 14px 0 0 rgba(51, 51, 51, 0.1), -20px 0 0 0 rgba(51, 51, 51, 0.2), -14px -14px 0 0 rgba(51, 51, 51, 0.3);
}
62.5% {
-webkit-box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.3), 14px -14px 0 0 rgba(51, 51, 51, 0.4), 20px 0 0 0 rgba(51, 51, 51, 0.6), 14px 14px 0 0 rgba(51, 51, 51, 0.8), 0 20px 0 0 #333333, -14px 14px 0 0 rgba(51, 51, 51, 0.05), -20px 0 0 0 rgba(51, 51, 51, 0.1), -14px -14px 0 0 rgba(51, 51, 51, 0.2);
box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.3), 14px -14px 0 0 rgba(51, 51, 51, 0.4), 20px 0 0 0 rgba(51, 51, 51, 0.6), 14px 14px 0 0 rgba(51, 51, 51, 0.8), 0 20px 0 0 #333333, -14px 14px 0 0 rgba(51, 51, 51, 0.05), -20px 0 0 0 rgba(51, 51, 51, 0.1), -14px -14px 0 0 rgba(51, 51, 51, 0.2);
}
75% {
-webkit-box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.2), 14px -14px 0 0 rgba(51, 51, 51, 0.3), 20px 0 0 0 rgba(51, 51, 51, 0.4), 14px 14px 0 0 rgba(51, 51, 51, 0.6), 0 20px 0 0 rgba(51, 51, 51, 0.8), -14px 14px 0 0 #333333, -20px 0 0 0 rgba(51, 51, 51, 0.05), -14px -14px 0 0 rgba(51, 51, 51, 0.1);
box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.2), 14px -14px 0 0 rgba(51, 51, 51, 0.3), 20px 0 0 0 rgba(51, 51, 51, 0.4), 14px 14px 0 0 rgba(51, 51, 51, 0.6), 0 20px 0 0 rgba(51, 51, 51, 0.8), -14px 14px 0 0 #333333, -20px 0 0 0 rgba(51, 51, 51, 0.05), -14px -14px 0 0 rgba(51, 51, 51, 0.1);
}
87.5% {
-webkit-box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.1), 14px -14px 0 0 rgba(51, 51, 51, 0.2), 20px 0 0 0 rgba(51, 51, 51, 0.3), 14px 14px 0 0 rgba(51, 51, 51, 0.4), 0 20px 0 0 rgba(51, 51, 51, 0.6), -14px 14px 0 0 rgba(51, 51, 51, 0.8), -20px 0 0 0 #333333, -14px -14px 0 0 rgba(51, 51, 51, 0.05);
box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.1), 14px -14px 0 0 rgba(51, 51, 51, 0.2), 20px 0 0 0 rgba(51, 51, 51, 0.3), 14px 14px 0 0 rgba(51, 51, 51, 0.4), 0 20px 0 0 rgba(51, 51, 51, 0.6), -14px 14px 0 0 rgba(51, 51, 51, 0.8), -20px 0 0 0 #333333, -14px -14px 0 0 rgba(51, 51, 51, 0.05);
}
100% {
-webkit-box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.05), 14px -14px 0 0 rgba(51, 51, 51, 0.1), 20px 0 0 0 rgba(51, 51, 51, 0.2), 14px 14px 0 0 rgba(51, 51, 51, 0.3), 0 20px 0 0 rgba(51, 51, 51, 0.4), -14px 14px 0 0 rgba(51, 51, 51, 0.6), -20px 0 0 0 rgba(51, 51, 51, 0.8), -14px -14px 0 0 #333333;
box-shadow: 0 -20px 0 0 rgba(51, 51, 51, 0.05), 14px -14px 0 0 rgba(51, 51, 51, 0.1), 20px 0 0 0 rgba(51, 51, 51, 0.2), 14px 14px 0 0 rgba(51, 51, 51, 0.3), 0 20px 0 0 rgba(51, 51, 51, 0.4), -14px 14px 0 0 rgba(51, 51, 51, 0.6), -20px 0 0 0 rgba(51, 51, 51, 0.8), -14px -14px 0 0 #333333;
}
}
/* line 16, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_spinner.scss */
.loading-spinner {
float: left;
margin-top: 30px;
width: 50px;
}
/* line 22, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_spinner.scss */
.shopmenu-content-flyout .loader {
left: 50%;
}
/*
* Suggestion list
* Used in top navigation for facets in in the business lookup
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions,
.suggestions_geosearch,
.showCaterlys_address {
background: #ffffff;
border: 1px solid #949494;
}
/* line 23, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions {
top: 39px;
position: absolute;
border-radius: 7px;
padding: 10px;
width: 100%;
z-index: 2;
overflow: hidden;
overflow-y: auto;
max-height: calc(100vh - 70px);
}
/* line 38, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions .item-list__rows li {
border: 0;
padding: 10px 0;
}
/* line 42, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions .item-list__rows li > figure {
border: none;
height: 55px;
width: 55px;
}
/* line 48, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions .item-list__rows li > div {
margin-left: 55px;
padding: 0 10px;
width: calc(100% - 55px);
}
/* line 55, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions .item-list__rows .item-list__body,
.suggestions .item-list__rows .item-list__title {
font-size: 0.875rem;
}
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions .item-list__rows .item-list__title {
font-weight: bold;
}
/* line 64, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions .item-list__rows .item-list__body {
color: #949494;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 71, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions .item-list__rows .item-list__body a:hover {
color: #ff5a00;
}
/* line 74, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions .item-list__rows .item-list__body a:hover .item-list__title mark {
color: #ff5a00;
background-color: transparent;
}
/* line 80, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions .item-list__rows .item-list__body mark {
color: #949494;
}
/* line 85, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions .item-list__rows .item-list__body .item-list__title mark {
color: #000000;
}
/* line 92, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions .item-list__footer {
border: none;
margin: 0;
padding: 0;
text-align: left;
}
/* line 97, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions .item-list__footer a.btn {
padding: 8px 100px;
}
/* line 104, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-row {
border-top: 1px solid #EEEFEF;
padding: 10px 0;
}
/* line 108, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-row h4, .suggestions-row .h4 {
font-weight: bold;
color: #000000 !important;
}
/* line 176, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions_geosearch {
top: 49px;
right: 0;
position: absolute;
width: 64%;
z-index: 1;
}
/* line 187, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-list,
.suggestions-list_geosearch {
margin: 0;
padding: 0;
list-style: none;
}
/* line 195, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.main-header-v2 .suggestions-list a, .main-header-v2
.suggestions-list span, .main-header-v2
.suggestions-list_geosearch a, .main-header-v2
.suggestions-list_geosearch span {
color: #000000;
}
/* line 200, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-list a,
.suggestions-list_geosearch a {
text-decoration: none;
}
/* line 204, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.main-header-v2 .suggestions-list a:hover span, .main-header-v2
.suggestions-list_geosearch a:hover span {
color: #ff5a00;
}
/* line 210, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-list span,
.suggestions-list_geosearch span {
color: initial;
}
/* line 214, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-list li,
.suggestions-list_geosearch li {
padding: 4px 0;
}
/* line 226, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.main-header-v2 .suggestions-list li, .main-header-v2
.suggestions-list_geosearch li {
font-size: 0.875rem;
}
/* line 229, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.main-header-v2 .suggestions-list li a:hover, .main-header-v2
.suggestions-list_geosearch li a:hover {
color: #ff5a00;
}
/* line 236, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-list_geosearch {
padding: 2px 0;
}
/* line 239, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-list_geosearch li {
font-size: 0.8125rem;
overflow: hidden;
padding: 8px 14px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
/* line 247, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-list_geosearch li:hover, .suggestions-list_geosearch li.focus {
background-color: #EEEFEF;
}
/* line 252, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-list_geosearch li a {
color: #949494;
}
/* line 255, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-list_geosearch li a span:first-child {
font-family: "Custom-Font-Bold", Arial, sans-serif;
color: #000000;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.suggestions-list_geosearch li a span:first-child:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 260, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-list_geosearch li a span:not(:first-child) {
color: #949494;
}
/* line 267, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-by-google {
padding: 5px 14px 14px 14px;
text-align: right;
}
/* line 271, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-by-google img {
display: inline-block;
}
/* Latest Nav and Search Changes */
/* line 280, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.main-header-v5 .suggestions {
width: 70%;
overflow: hidden;
}
/* line 290, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.main-header-v5 .facets_container {
padding-bottom: 100px;
}
/*
* Swipe carousel
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.swipecarousel {
margin-bottom: 40px;
}
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.swipecarousel__slide {
position: relative;
width: 25%;
height: 210px;
float: left;
text-align: center;
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.swipecarousel__slide:before {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 2px;
}
/* line 50, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.swipecarousel__slide:first-child:before {
content: none;
}
/* line 55, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.swipecarousel__slide h3 {
color: #ff5a00;
display: inline-block;
font-size: 1.5rem;
}
/* line 65, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.swipecarousel__slide .from-to-block {
max-width: 360px;
display: block;
margin: 0 auto;
}
/* line 70, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.swipecarousel__slide .from-to-block h4 {
font-size: 0.875rem;
}
/* line 78, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.swipecarousel__slide .from-to-block .from,
.swipecarousel__slide .from-to-block .to {
width: 50%;
float: left;
}
/* line 83, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.swipecarousel__slide .from-to-block .from h4,
.swipecarousel__slide .from-to-block .to h4 {
font-family: "Custom-Font-Regular", Arial, sans-serif;
padding: 0 10px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.swipecarousel__slide .from-to-block .from h4:lang(zh-TW),
.swipecarousel__slide .from-to-block .to h4:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 90, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.swipecarousel__slide .from-to-block .to h4 {
font-family: "Custom-Font-Bold", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.swipecarousel__slide .from-to-block .to h4:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 95, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.swipecarousel__slide .from-to-block img {
margin: 30px auto;
}
/* line 101, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.slick-prev,
.slick-next {
display: none !important;
}
/* line 106, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.slick-dots {
bottom: 20px;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
/* line 110, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.slick-dots > li {
display: block;
float: left;
width: 20px;
height: 20px;
margin-left: 10px;
background-color: rgba(68, 68, 68, 0.5);
border-radius: 100%;
}
/* line 119, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.slick-dots > li:before {
content: "";
}
/* line 123, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.slick-dots > li:first-child {
margin-left: 0;
}
/* line 127, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.slick-dots > li.slick-active {
background-color: #444444;
}
/* line 131, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.slick-dots > li > button {
display: none;
}
/*
* Striped and hovered table
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 22, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.striped-table th,
.hovered-table th {
text-align: left;
}
/* line 26, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.striped-table td,
.striped-table th,
.hovered-table td,
.hovered-table th {
font-size: 1rem;
padding: 9px 18px;
}
/* line 57, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.striped-table thead th,
.hovered-table thead th {
font-family: "Custom-Font-Bold", Arial, sans-serif;
font-weight: normal;
padding-top: 13px;
padding-bottom: 13px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.striped-table thead th:lang(zh-TW),
.hovered-table thead th:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 64, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.striped-table tbody th,
.hovered-table tbody th {
padding-left: 40px;
}
/* line 68, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.striped-table tfoot td,
.hovered-table tfoot td {
font-size: 0.875rem;
padding-left: 40px;
}
/* line 75, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.striped-table tr:nth-child(even) td {
background: #EEEFEF;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.striped-table thead th {
background-color: #EEEFEF;
}
/* line 85, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.hovered-table thead th {
color: #ffffff;
background-color: #949494;
}
/* line 97, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.hovered-table tr:hover td {
background: #EEEFEF;
}
/*
* Nutritional information table
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 108, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.nutritional-info {
width: 100%;
border-spacing: 2px;
border-collapse: separate;
margin: 10px 0;
}
/* line 115, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.nutritional-info thead th {
background: #EEEFEF;
padding: 16px 18px;
font-size: 1.125rem;
text-align: left;
color: #000000;
}
/* line 126, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.nutritional-info thead th a {
color: #000000;
}
/* line 133, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.nutritional-info tbody th, .nutritional-info tbody td {
padding: 9px 18px;
font-weight: normal;
font-size: 1rem;
text-align: left;
}
/* line 144, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.nutritional-info tbody tr:nth-child(odd) th, .nutritional-info tbody tr:nth-child(odd) td {
background: #ffffff;
}
/* line 149, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.nutritional-info tbody tr:nth-child(odd) td a {
color: #000000;
}
/* line 156, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.nutritional-info tbody tr:nth-child(even) th, .nutritional-info tbody tr:nth-child(even) td {
background: #EEEFEF;
}
/* line 161, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.nutritional-info tbody tr:nth-child(even) td a {
color: #000000;
}
/*
* Tooltips
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tooltip.scss */
[data-tooltip] {
cursor: pointer;
position: relative;
}
/* line 13, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tooltip.scss */
[data-tooltip]:before, [data-tooltip]:after {
top: 0;
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
visibility: hidden;
z-index: 100;
}
/* line 22, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tooltip.scss */
[data-tooltip]:hover:after, [data-tooltip]:hover:before {
opacity: 1;
visibility: visible;
}
/* line 28, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tooltip.scss */
[data-tooltip]:before {
border-bottom: 0.6em solid rgba(0, 0, 0, 0.8);
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: "";
left: 6px;
top: calc(100% - -6px);
}
/* line 40, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tooltip.scss */
[data-tooltip]:after {
background-color: rgba(0, 0, 0, 0.8);
color: #ffffff;
content: attr(data-tooltip-label) "\a \a" attr(data-tooltip-message);
font-size: 0.875rem;
left: 50%;
line-height: 1.375rem;
padding: 15px;
top: calc(100% - -15px);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: pre-wrap;
width: 240px;
}
/* line 54, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tooltip.scss */
[data-tooltip] .tooltip-icon {
background: rgba(255, 90, 0, 0.2);
border-radius: 50%;
display: inline-block;
height: 1.5625rem;
width: 1.5625rem;
}
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tooltip.scss */
[data-tooltip] .tooltip-icon:after {
color: #ff5a00;
content: "?";
display: block;
line-height: 1.5625rem;
text-align: center;
width: 1.5625rem;
}
/*
* Tradepartners
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management .link-button {
font-size: 0.9375rem;
text-decoration: none;
}
/* line 11, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management > .button {
margin-bottom: 30px;
border: 0;
}
/* line 25, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__title {
margin-bottom: 40px;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__default {
margin-bottom: 20px;
}
/* line 31, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__default .grey-block {
position: relative;
}
/* line 36, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__selected {
font-size: 0.75rem;
position: absolute;
right: 20px;
top: 20px;
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__selected .label {
padding-right: 5px;
vertical-align: top;
}
/* line 48, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__row .label {
float: left;
line-height: 26px;
padding-right: 1%;
width: 36%;
}
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__row .value {
float: left;
font-size: 1.25rem;
}
/* line 67, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__row + .tradepartner-management__row {
margin-top: 10px;
}
/* line 72, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__other {
margin: 20px 0 20px;
}
/* line 74, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__other + .tradepartner-management__other {
margin: 0 0 20px;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__tools {
font-size: 0.9375rem;
margin: 20px 0 0;
padding: 0;
}
/* line 83, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__tools li {
display: inline-block;
margin: 0;
padding: 0;
}
/* line 87, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__tools li + li {
margin-left: 30px;
}
/* line 93, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__tools li:before {
content: "";
}
/* line 110, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__tools .tradepartner-delete .icn-delete {
color: #ff5a00;
}
/* line 115, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__tools .tradepartner-edit .icn-edit {
color: #ff5a00;
}
/* line 129, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__tools .tradepartner-connected {
color: #81BC2A;
}
/* line 132, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__tools a {
text-decoration: none;
margin-left: 5px;
vertical-align: top;
}
/* line 136, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__tools a:hover {
text-decoration: underline;
}
/*
* Twentytwenty
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_twentytwenty.scss */
.twentytwenty__wrapper img {
width: 100%;
}
/* line 22, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_twentytwenty.scss */
.height-400 .twentytwenty__wrapper {
height: 400px;
}
/* line 45, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_twentytwenty.scss */
.twentytwenty__wrapper--overlay {
position: relative;
height: 0;
}
/* line 50, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_twentytwenty.scss */
.twentytwenty__label,
.twentytwenty__logo {
bottom: 18px;
position: absolute;
}
/* line 54, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_twentytwenty.scss */
.twentytwenty__label.before, .twentytwenty__label.right,
.twentytwenty__logo.before,
.twentytwenty__logo.right {
right: 20px;
}
/* line 58, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_twentytwenty.scss */
.twentytwenty__label.after, .twentytwenty__label.left,
.twentytwenty__logo.after,
.twentytwenty__logo.left {
left: 20px;
}
/* line 63, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_twentytwenty.scss */
.twentytwenty__label {
font-size: 1.25rem;
border-radius: 5px;
background-color: rgba(0, 0, 0, 0.6);
color: #ffffff;
padding: 5px 15px;
}
/* line 72, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_twentytwenty.scss */
.twentytwenty__header {
font-family: "Custom-Font-Regular", Arial, sans-serif;
color: #ffffff !important;
font-size: 2rem;
margin-top: 0;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.twentytwenty__header:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/*
* Styles for
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 5, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
.ufs-unit-switch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 9, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
.ufs-unit-switch:not(.single-unit) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/* line 13, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
.ufs-unit-switch_container {
position: relative;
width: 47%;
}
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
.single-unit .ufs-unit-switch_container:last-child:not(:only-child) {
margin-left: 0;
}
/* line 23, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
.ufs-unit-switch_container:last-child:not(:only-child) {
margin-left: 6%;
}
/* line 26, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
body.rtl .ufs-unit-switch_container:last-child:not(:only-child) {
margin-left: 0;
margin-right: 6%;
}
/* line 32, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
.ufs-unit-switch_container input {
display: none;
}
/* line 36, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
.ufs-unit-switch_container input:disabled + label {
border-color: #EEEFEF;
opacity: 0.5;
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
.ufs-unit-switch_container .unit-badge {
top: -9px;
right: 8px;
position: absolute;
background-color: #ff5a00;
border-radius: 50%;
color: #ffffff;
display: inline-block;
font-size: 0.6875rem;
height: 17px;
line-height: 1.0625rem;
text-align: center;
width: 17px;
}
/* line 53, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
body.rtl .ufs-unit-switch_container .unit-badge {
left: 8px;
right: auto;
}
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
.ufs-unit-switch_button {
border-radius: 8px;
-webkit-box-shadow: 0 0 0 1px #949494;
box-shadow: 0 0 0 1px #949494;
color: #333333;
cursor: pointer;
display: inline-block;
font-size: 0.875rem;
height: 100%;
padding: 16px 18px;
width: 100%;
}
/* line 71, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
.ufs-unit-switch_button.active, .ufs-unit-switch_button:active, .ufs-unit-switch_button:hover {
-webkit-box-shadow: 0 0 0 1px #ff5a00;
box-shadow: 0 0 0 1px #ff5a00;
}
/* line 75, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
.ufs-unit-switch_button span {
display: block;
font-size: 0.9375rem;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
.ufs-unit-switch_button span:first-child:not(:only-child) {
font-size: 0.75rem;
}
/* line 83, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
.ufs-unit-switch_button span:last-child:not(:only-child) {
font-weight: bold;
}
/* line 87, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
.ufs-unit-switch_button .price-strike {
text-decoration: line-through;
color: #949494;
font-size: 0.75rem;
}
/* line 94, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
.ufs-unit-switch input[type="radio"]:checked + label {
-webkit-box-shadow: 0 0 0 1px #ff5a00;
box-shadow: 0 0 0 1px #ff5a00;
}
/* line 98, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_ufs-unit-switch.scss */
.ufs-unit-switch .h3 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
/**
* User notification
* Used on:
* - Cookie bar component
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.user-notification {
bottom: 0;
left: 0;
position: fixed;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.6)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#66000000', EndColorStr='#99000000');
border-top: 1px solid rgba(70, 70, 70, 0.5);
text-align: center;
width: 100%;
z-index: 200;
}
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.fix-fixed .user-notification {
display: none;
}
/* line 26, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.user-notification__title-bar {
padding: 20px 50px 20px 20px;
position: relative;
}
/* line 30, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.user-notification__title-bar h3 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #ffffff;
font-size: 1.125rem;
line-height: 1.5rem;
margin: 0;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.user-notification__title-bar h3:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 38, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.user-notification__title-bar a {
display: inline-block;
}
/* line 43, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.user-notification__close {
top: 15px;
right: 20px;
position: absolute;
text-decoration: none;
}
/* line 48, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.user-notification__body {
background-color: #ffffff;
padding: 20px;
}
/* line 52, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.user-notification__body p {
color: #000000;
font-weight: normal;
margin: 0;
}
/**
* Multiple buy options
* Used on:
* - Cookie bar component
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 66, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options {
background-color: #EEEFEF;
bottom: 0;
border-top: 1px solid #949494;
padding: 30px 0;
/**
* Since Internet Explorer does not support position sticky, we need to fallback to
* position fixed. That way we will also need an extra margin at the bottom the
* footer to be able to see the copyrights line
* https://jira.emakina.nl/browse/UFSN-4973
*/
position: fixed;
position: sticky;
left: 0;
width: 100%;
z-index: 99;
}
/* line 89, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options input + label,
.buy-options input:checked + label {
font-family: "Custom-Font-Regular", Arial, sans-serif;
color: #ff5a00;
font-size: 0.625rem;
margin: 0;
padding: 4px 26px 4px 0;
width: calc(33%);
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.buy-options input + label:lang(zh-TW),
.buy-options input:checked + label:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 98, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options input + label:before,
.buy-options input:checked + label:before {
content: none;
}
/* line 104, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options input + label:after {
top: 50%;
right: 0;
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -273px -301px;
width: 20px;
height: 12px;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
transition: -webkit-transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: '';
}
/* line 112, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options input + label span.expand {
display: none;
}
/* line 118, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options input:checked + label:after {
-webkit-transform: rotate(-180deg) translateY(50%);
transform: rotate(-180deg) translateY(50%);
}
/* line 122, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options input:checked + label span.expand {
display: block;
}
/* line 126, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options input:checked + label span.fold {
display: none;
}
/* line 138, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.fix-fixed .buy-options {
display: none;
}
/* line 154, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options__list > li {
padding: 0;
}
/* line 157, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options__list > li:before {
content: none;
}
/* line 167, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options__list > li:first-child .button {
background-color: #ff5a00;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9E00), color-stop(6%, #FF7D29), color-stop(80%, #ff5a00));
background-image: linear-gradient(to bottom, #FF9E00 0%, #FF7D29 6%, #ff5a00 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#FFFF9E00', EndColorStr='#FFFF5A00');
color: #ffffff;
}
/* line 171, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options__list > li:first-child .button:hover {
background-color: #FF7D29;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9E00), color-stop(6%, #FF9E00), color-stop(80%, #FF7D29));
background-image: linear-gradient(to bottom, #FF9E00 0%, #FF9E00 6%, #FF7D29 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#FFFF9E00', EndColorStr='#FFFF7D29');
}
/* line 176, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options__list > li:nth-child(2) .button {
background-color: #ffffff;
}
/* line 179, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options__list > li:nth-child(2) .button:hover {
background-color: #fff2f2;
}
/* line 184, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options__list > li:nth-child(3) .button {
border: 0;
}
/*
* Page Header
* Type 1 - First used on Category landing: Which has the left text over right image
* Type 2 - First used on Category result: Which has the right image only with a specific mobile only text
* Type 3 - First used on Service page: Which has the smaller left col above right col (conform 40% / 60%)
* Type 4 - First used on Account registration page. Which has an orange bar with the title and then the right image
* Type 5 - First used on Recipe overview page. Basically it removes the right image and places the left header text in black on top
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 11, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header {
position: relative;
}
/* line 27, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-1 .pagecol-flex-right, .page-header.mobile-header__type-2 .pagecol-flex-right {
height: 300px;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-1 .pagecol-flex-right .title-container, .page-header.mobile-header__type-2 .pagecol-flex-right .title-container {
left: 430px;
}
/* line 194, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-5 .pagecol-flex-right {
height: auto;
}
/* line 197, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-5 .pagecol-flex-right .title-container {
left: 430px;
}
/* line 222, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header .title-container {
position: absolute;
left: 0;
bottom: 40px;
padding-right: 40px;
}
/* line 228, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header .title-container a {
text-decoration: none;
}
/* line 232, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header .title-container h1, .page-header .title-container .h1 {
color: #ffffff;
display: block;
font-size: 2.25rem;
}
/* line 237, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header .title-container h1:lang(th-TH), .page-header .title-container .h1:lang(th-TH) {
line-height: 120%;
}
/* line 250, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header .title-container h2, .page-header .title-container .h2, .page-header .title-container h3, .page-header .title-container .h3 {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
color: #ffffff;
display: block;
font-size: 1.75rem;
}
/* line 257, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header .title-container h3, .page-header .title-container .h3 {
font-size: 1.25rem;
}
/* line 267, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header .title-block {
height: 300px;
}
/* line 278, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header__image-block {
height: 300px;
width: 100%;
position: absolute;
right: 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* line 324, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header__title-bg {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#00000000', EndColorStr='#99000000');
width: 100%;
height: 60%;
position: absolute;
top: 40%;
left: 0;
}
/* line 337, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header__backdrop {
background-color: #ff5a00;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
max-width: 410px;
}
/* line 357, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header__back-button {
padding-left: 25px;
text-decoration: none;
}
/* line 361, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header__back-button:before {
top: 5px;
left: 0;
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -38px -419px;
width: 14px;
height: 22px;
content: " ";
}
/*
* Page Footer
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 375, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-footer_landing-page .image {
margin: 0;
}
/* line 377, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-footer_landing-page .image img {
width: 100%;
}
/* line 382, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-footer_landing-page .textimage-left {
display: none;
}
/*
* Preview Page
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-crop {
overflow: hidden;
position: relative;
}
/* line 10, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-crop.vh70 {
height: 70vh;
}
/* line 13, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-crop.vh70 .click-cover {
height: 70vh;
top: 0;
}
/* line 24, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-crop.pct10 .click-cover, .page-preview-crop.pct30 .click-cover, .page-preview-crop.pct50 .click-cover, .page-preview-crop.pct70 .click-cover, .page-preview-crop.pct90 .click-cover {
bottom: 480px;
height: 70vh;
}
/* line 37, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-crop.pct10 {
height: 10%;
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-crop.pct30 {
height: 30%;
}
/* line 45, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-crop.pct50 {
height: 50%;
}
/* line 49, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-crop.pct70 {
height: 70%;
}
/* line 53, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-crop.pct90 {
height: 90%;
}
/* line 57, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-crop .click-cover {
left: 0;
position: absolute;
content: '';
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.97)));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.97) 100%);
}
/* line 65, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-content-wrapper {
position: relative;
}
/* line 69, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-bottom: 3px solid #ff5a00;
background-color: rgba(255, 255, 255, 0.97);
height: 100%;
max-height: 480px;
z-index: 10;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .overlay-block {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -150%);
transform: translate(-50%, -150%);
width: 100%;
height: 100%;
z-index: 10;
max-height: 330px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* line 104, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-wrapper {
max-width: 685px;
width: 100%;
margin: 0 auto;
display: block;
text-align: center;
}
/* line 128, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-wrapper.align-left .page-preview-banner, .page-preview-overlay .page-preview-wrapper.align-right .page-preview-banner {
background: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
min-height: auto;
}
/* line 135, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-wrapper.align-left .page-preview-banner:before, .page-preview-overlay .page-preview-wrapper.align-right .page-preview-banner:before {
display: none;
}
/* line 140, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-wrapper.align-left .btn, .page-preview-overlay .page-preview-wrapper.align-right .btn {
margin-top: 30px;
}
/* line 157, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-wrapper.align-left {
text-align: left;
}
/* line 170, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-wrapper.align-left .account-login {
text-align: left;
}
/* line 175, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
body.rtl .page-preview-overlay .page-preview-wrapper.align-left ul {
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-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
/* line 183, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-wrapper.align-right {
text-align: right;
}
/* line 187, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
body.rtl .page-preview-overlay .page-preview-wrapper.align-right li {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
/* line 200, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-wrapper.align-right .account-login {
text-align: right;
}
/* line 215, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-wrapper.align-center {
text-align: center;
}
/* line 228, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay h3 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1.875rem;
color: #ff5a00;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.page-preview-overlay h3:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 239, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay li {
display: block;
font-size: 0.9375rem;
margin-bottom: 3px;
position: relative;
}
/* line 245, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
body.rtl .page-preview-overlay li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/* line 259, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay li:last-child {
margin-bottom: 0;
}
/* line 263, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay li:before {
content: "\e90d";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-right: 10px;
font-size: 1.1875rem;
color: #81BC2A;
}
/* line 269, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
body.rtl .page-preview-overlay li:before {
padding-right: 0;
padding-left: 10px;
}
/* line 276, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-banner {
border-radius: 5px;
position: relative;
min-height: 270px;
background-color: #EEEFEF;
padding: 15px 70px 25px 70px;
overflow: hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/* line 294, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-banner .btn {
position: relative;
text-transform: uppercase;
font-size: 0.875rem;
margin-top: 17px;
}
/* line 306, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .account-login {
font-family: "Custom-Font-Medium", Arial, sans-serif;
margin-top: 6px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.page-preview-overlay .account-login:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 319, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .page-preview-crop-height {
height: 130px;
}
/* line 323, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .page-preview-overlay {
background-color: #F5F3F4;
border-bottom: none;
padding: 64px 100px 48px 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: sticky;
max-height: none;
border-radius: 40px 40px 0 0;
top: 100px;
-webkit-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.2);
border-top: 1px solid white;
}
/* line 340, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .page-preview-overlay .page-preview-wrapper {
max-width: none;
}
/* line 348, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .page-preview-overlay .overlay-block {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -35%);
transform: translate(-50%, -35%);
width: 100%;
height: 100%;
z-index: 10;
max-height: 275px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* line 374, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .header {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 25px;
line-height: 32px;
text-align: center;
text-underline-position: "from-font";
text-decoration-skip-ink: none;
}
/* line 388, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .sub-header {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-top: 5px;
text-align: center;
text-underline-position: "from-font";
text-decoration-skip-ink: none;
}
/* line 404, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .menu-container {
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;
margin-top: 20px;
}
/* line 416, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .menu-container .menu {
margin: 0 24px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 250px;
}
/* line 432, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .menu-container .menu-header {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 20px;
line-height: 26px;
text-align: center;
text-underline-position: "from-font";
text-decoration-skip-ink: none;
margin-bottom: 10px;
}
/* line 447, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .menu-container .menu-img {
width: 243px;
height: 170px;
gap: 0px;
border-radius: 8px;
opacity: inherit;
margin: auto;
}
/* line 463, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .menu-container .menu-desc {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-align: center;
text-underline-position: "from-font";
text-decoration-skip-ink: none;
margin-top: 10px;
}
/* line 480, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .footer-create-acc {
margin-top: 20px;
text-align: center;
}
/* line 488, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .footer-msg {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-align: center;
text-underline-position: "from-font";
text-decoration-skip-ink: none;
margin-top: 20px;
}
/* line 499, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .footer-msg-link {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-align: center;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-style: solid;
text-decoration-style: solid;
text-underline-position: "from-font";
text-decoration-skip-ink: none;
cursor: pointer;
}
/* line 521, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.disable-overlay {
pointer-events: none;
background-color: #4A4A4AB2;
opacity: 0.7;
}
/**
* Recipe overview
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook {
padding: 0 15px 0 0;
}
/* line 8, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
body.rtl .section.recipebook {
padding: 0 0 0 15px;
}
/* line 14, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .recipe-book-header {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 17px;
}
/* line 22, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .recipe-book-header .edit-link {
position: absolute;
right: 0;
top: 25px;
}
/* line 27, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .recipe-book-header .form-element {
-ms-flex-item-align: end;
align-self: flex-end;
width: 340px;
}
/* line 33, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .recipe-book-header .form-element input[type="text"] {
height: 40px;
padding: 0 14px;
}
/* line 37, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .recipe-book-header .form-element label {
top: 10px;
}
/* line 40, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .recipe-book-header .form-element .icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
color: #ff5a00;
font-size: 1.25rem;
z-index: 2;
}
/* line 48, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
body.rtl .section.recipebook .recipe-book-header .form-element .icon {
right: auto;
left: 15px;
}
/* line 55, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook h2 {
font-size: 1.5rem;
display: inline-block;
}
/* line 58, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook h2 span {
font-size: 1.125rem;
color: #949494;
display: block;
}
/* line 64, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .item-list__title {
color: #333333;
font-size: 0.875rem;
line-height: 1.0625rem;
font-weight: 600;
}
/* line 97, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .item-list__grid .item-list__image {
border-radius: 5px;
overflow: hidden;
}
/* line 106, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .item-list__grid .item-list__image .img:before {
content: '';
padding-bottom: 100%;
display: block;
}
/* line 133, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .no-recipes {
text-align: center;
min-height: 400px;
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-pack: distribute;
justify-content: space-around;
}
/* line 140, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .add-recipes {
display: block;
margin: 0 auto;
height: 40px;
width: 40px;
background-color: #D14900;
font-size: 0;
overflow: hidden;
border-radius: 40px;
position: relative;
}
/* line 152, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .add-recipes:before, .section.recipebook .add-recipes:after {
content: '';
border-radius: 4px;
position: absolute;
background-color: #ffffff;
}
/* line 159, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .add-recipes:before {
height: 14px;
width: 4px;
top: 13px;
left: 18px;
}
/* line 165, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .add-recipes:after {
height: 4px;
width: 14px;
top: 18px;
left: 13px;
}
/* line 178, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.recipebook-login .lightbox__window {
border: none;
border-radius: 7px;
width: 350px;
}
/* line 184, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.recipebook-login .lightbox__close {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -346px -334px;
width: 14px;
height: 14px;
top: 20px;
}
/* line 190, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.recipebook-login-section {
text-align: center;
}
/* line 193, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.recipebook-login-section .btn {
width: 100%;
margin-top: 20px;
}
/* line 198, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.recipebook-login-section h3,
.recipebook-login-section span {
color: #333333;
}
/* line 203, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.recipebook-login-section h3 {
font-size: 1.25rem;
line-height: 25px;
}
/* line 208, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.recipebook-login-section span {
display: block;
line-height: 20px;
margin-top: 23px;
}
/* line 213, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.recipebook-login-section span a {
text-decoration: underline;
}
/* line 218, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.recipebook-login-section .icn {
font-size: 4.6875rem;
color: #ff5a00;
margin-top: 0;
margin-bottom: 15px;
line-height: 1;
}
/*
* Related recipes and articles
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 10, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-recipes h2,
.related-articles h2,
.related-products h2,
.related-top-products h2 {
margin-bottom: 30px;
text-align: center;
font-family: "Chefs-Hand";
font-size: 2.6875rem;
line-height: 32px;
}
/* line 24, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-recipes .article-meta li a,
.related-articles .article-meta li a,
.related-products .article-meta li a,
.related-top-products .article-meta li a {
color: #757575;
}
/* line 28, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-recipes .content-tools_centered,
.related-articles .content-tools_centered,
.related-products .content-tools_centered,
.related-top-products .content-tools_centered {
padding-top: 25px;
}
/* line 37, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-recipes {
margin-bottom: 55px;
}
/* line 61, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products .item-list__body .button:after,
.related-top-products .item-list__body .button:after {
display: none;
}
/* line 73, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products .product-sample,
.related-top-products .product-sample {
margin-top: 10px;
}
/* line 77, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products .pnir-catalog_products,
.related-top-products .pnir-catalog_products {
max-width: 1170px;
padding: 0 20px;
margin: 20px auto;
width: 100%;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
/* line 106, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
body.rtl .related-products .pnir-catalog_products .slick-list, body.rtl
.related-top-products .pnir-catalog_products .slick-list {
padding-right: 2px;
}
/* line 111, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products .pnir-catalog_products .slick-track,
.related-top-products .pnir-catalog_products .slick-track {
min-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/* line 159, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products .pnir-catalog_products .product:nth-of-type(3n+3),
.related-top-products .pnir-catalog_products .product:nth-of-type(3n+3) {
margin-right: 0;
}
/* line 192, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.relatedproducts .related-top-products {
border-bottom: 1px solid #EEEFEF;
padding-bottom: 35px;
}
/* line 196, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.relatedproducts .related-top-products > h2 {
margin: 50px 10px 30px 10px;
text-align: center;
font-size: 2.625rem !important;
line-height: 32px;
letter-spacing: -0.3px;
font-family: "Chefs-Hand";
color: #221D37;
}
/* line 223, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.relatedproducts > div {
padding-top: 0px;
}
/*
* Image/video gallery component
* Brand Experience content
* Used on sensorial page
* https://jira.emakina.nl/browse/UFSN-8708
*/
/* line 10, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section h3 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #333333;
margin-bottom: 30px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.image-video-gallery-section h3:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 15, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section h3 + span {
display: block;
margin-bottom: 30px;
margin-top: -23px;
}
/* line 28, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns {
margin-bottom: 0;
}
/* line 31, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns li {
width: 23%;
height: 180px;
margin-right: 0;
margin-left: 20px;
margin-bottom: 20px;
}
/* line 38, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns li:first-child {
width: 48.5%;
height: 380px;
margin-left: 0;
}
/* line 51, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
body.rtl .image-video-gallery-section .item-list__columns li:first-child {
margin-left: 0;
margin-right: 0;
}
/* line 57, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns li:nth-of-type(1n+6) {
display: none;
}
/* line 73, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
body.rtl .image-video-gallery-section .item-list__columns li {
margin-right: 20px;
margin-left: 0 !important;
}
/* line 103, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns .more-exist-for-desktop:after {
height: 100%;
background-color: #000000;
opacity: 0.7;
z-index: 10;
}
/* line 111, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns .item-list__image_with-hover.span-4 {
height: 100%;
}
/* line 118, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns .item-list__image_with-hover.span-4 .item-list__caption {
left: 15px;
right: 20px;
bottom: 7px;
}
/* line 124, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns .item-list__image_with-hover.span-4 .item-list__caption-title {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 1.375rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.image-video-gallery-section .item-list__columns .item-list__image_with-hover.span-4 .item-list__caption-title:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 134, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns .item-list__image_with-hover.span-4:hover:after {
height: 65%;
}
/* line 139, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns .item-list__image_with-hover.span-4:hover.more-exist-for-desktop:after {
height: 100%;
}
/* line 154, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns .more-items {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
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;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* line 166, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns .more-items-label {
color: #ffffff;
z-index: 20;
text-align: center;
}
/* line 171, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns .more-items-label:hover {
color: #ffffff;
}
/* line 181, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns .plus-icon {
width: 20px;
height: 15px;
z-index: 20;
}
/* line 186, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns .plus-icon:before, .image-video-gallery-section .item-list__columns .plus-icon:after {
content: '';
display: block;
background-color: #ffffff;
width: 15px;
height: 3px;
position: absolute;
}
/* line 196, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns .plus-icon:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/* line 202, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .article-type-overlay.video {
text-decoration: none;
}
/* line 214, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.sensorial-product-page .image-video-gallery-section {
max-width: 820px;
padding: 0 20px;
margin: 60px auto;
}
/* line 219, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.sensorial-product-page .image-video-gallery-section .pagecol-wrapper.item-list {
padding: 0;
border: none;
}
/*
* Topcontent slider
* https://jira.emakina.nl/browse/UFSN-8709
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 9, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .item-title {
font-family: "Custom-Font-Medium", Arial, sans-serif;
text-transform: uppercase;
display: block;
font-size: 0.6875rem;
color: #949494;
margin-top: 8px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.topcontent-slider .item-title:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .item-description {
display: block;
line-height: 16px;
}
/* line 27, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .featured-item-slider__list-item.slick-slide {
width: 170px;
}
/* line 35, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .featured-item-slider__img {
height: 170px;
}
/* line 43, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .featured-item-slider__title {
margin-bottom: 0;
}
/* line 51, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .article-type-overlay.video {
text-decoration: none;
}
/* line 54, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .article-type-overlay.video:after {
bottom: auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* line 66, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .featured-item-slider__list {
-webkit-column-count: auto;
-moz-column-count: auto;
column-count: auto;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
/* line 93, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .featured-item-slider__arrow {
border-radius: 5px;
width: 40px;
height: 170px;
top: 25px;
}
/* line 101, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .featured-item-slider__arrow--right:hover:before {
background: none;
}
/* line 107, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .featured-item-slider__arrow--left {
width: 65px;
}
/* line 109, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
body.rtl .topcontent-slider .featured-item-slider__arrow--left {
right: -30px;
}
/* line 114, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .featured-item-slider__arrow--left:hover:before {
background: none;
}
/* line 120, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .featured-item-slider__arrow:after {
left: 13px;
}
/* line 122, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
body.rtl .topcontent-slider .featured-item-slider__arrow:after {
left: 3px;
}
/* line 127, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .featured-item-slider__arrow:before {
content: '';
display: block;
position: absolute;
height: 100%;
width: 100%;
bottom: 0;
border-radius: 5px;
}
/* line 139, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
body.rtl .topcontent-slider .slick-track {
left: auto;
right: 0;
}
/* line 147, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.sensorial-product-page .pagecol-wrapper.item-list {
padding: 0 20px;
border-bottom: 0;
}
/* line 156, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.sensorial-product-page .pagecol-wrapper.item-list.topcontent-slider {
padding: 0;
border: none;
}
/* line 161, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.sensorial-product-page .top-content-item-section {
max-width: 870px;
margin: 60px auto;
padding: 0 20px;
}
/* line 170, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.sensorial-product-page .top-content-item-section .new-label {
display: none;
}
/*
* Register promotion
* Used on home page
* https://jira.emakina.nl/browse/UFSN-7698
*/
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion-wrapper {
position: relative;
max-width: 1600px;
padding: 0 20px;
margin: 0 auto;
}
/* line 14, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion {
position: absolute;
right: 30px;
background-color: #ffffff;
border: 1px solid #EEEFEF;
border-radius: 0 0 5px 5px;
width: 280px;
-webkit-transition: top .2s ease-out;
transition: top .2s ease-out;
top: -450px;
}
/* line 24, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion:before {
content: '';
position: absolute;
width: 10px;
height: 10px;
border: 1px solid #EEEFEF;
background-color: #ffffff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 70px;
border-bottom-color: transparent;
border-right-color: transparent;
top: -7px;
}
/* line 61, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion .signup-promotion-content {
padding: 20px 33px 20px 33px;
}
/* line 64, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion .signup-promotion-content .btn.orange {
margin-top: 5px;
padding: 10px 0;
width: 100%;
}
/* line 89, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion h3 {
font-size: 1.5rem;
color: #333333;
margin-bottom: 15px;
padding-right: 25px;
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.signup-promotion h3:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 101, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
body.rtl .signup-promotion h3 {
padding-right: 0;
padding-left: 25px;
}
/* line 113, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion li {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1rem;
line-height: 16px;
margin-bottom: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 0px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.signup-promotion li:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 121, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion li:before {
content: "\e90d";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-right: 10px;
padding-top: 3px;
font-size: 0.8125rem;
color: #81BC2A;
}
/* line 128, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
body.rtl .signup-promotion li:before {
padding-right: 0;
padding-left: 10px;
}
/* line 155, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
body.rtl .signup-promotion li {
margin-left: 0;
margin-right: 10px;
}
/* line 161, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion .close-promotion {
position: absolute;
text-decoration: none;
right: 15px;
top: 15px;
padding: 5px;
z-index: 20;
}
/* line 182, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
body.rtl .signup-promotion .close-promotion {
right: auto;
left: 15px;
}
/* line 188, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion .icn-close {
font-size: 0.9375rem;
color: #949494;
display: block;
}
/* line 223, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
body.rtl .signup-promotion {
right: auto;
left: 30px;
margin-right: 0;
top: 0;
}
/* line 229, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
body.rtl .signup-promotion:before {
right: auto;
left: 40px;
}
/* Latest Nav and Search Changes */
/* line 247, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.main-header-v5 .signup-promotion-wrapper {
z-index: 1;
}
/*
* Brand range page
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Brand header
* used on:
* sensorial page
* https://jira.emakina.nl/browse/UFSN-9259
*/
/* line 14, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.productheader.section {
position: relative;
}
/* line 20, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .sensorial-product-header hr {
display: none;
}
/* line 26, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-header {
text-align: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-bottom: 5px solid #ff5a00;
height: 290px;
position: relative;
}
/* line 28, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.sensorial-product-page .brand-header {
margin: 0 calc(-50vw - -570px);
margin-bottom: 20px;
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-header:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
z-index: 0;
}
/* line 63, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-header .brand-header-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-align: center;
-ms-flex-align: center;
align-items: center;
}
/* line 69, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-header .item-image {
z-index: 10;
}
/* line 71, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-header .item-image img {
width: 130px;
height: 100%;
}
/* line 82, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-header-wrapper {
position: absolute;
right: 50%;
-webkit-transform: translateX(50%);
transform: translateX(50%);
top: 20px;
width: 100%;
}
/* line 89, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-header-wrapper .product {
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-align: center;
-ms-flex-align: center;
align-items: center;
}
/* line 97, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-header-wrapper .packshot img {
height: 130px;
width: auto;
margin: 0 auto;
}
/* line 108, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-header-wrapper .name {
width: 100%;
}
/* line 112, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-header-wrapper h1 {
color: #ffffff;
line-height: 60px;
font-size: 3.125rem;
margin-top: 20px;
margin-bottom: 0;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 80%;
}
/* line 134, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .section-links {
padding-left: 20px;
margin-top: -60px;
overflow: hidden;
overflow-x: auto;
}
/* line 140, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
html[dir="rtl"] .brand-range-page .section-links {
padding-left: 0;
padding-right: 20px;
}
/* line 149, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .section-links ul {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 153, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .section-links ul li {
padding: 0 10px 10px 0;
z-index: 10;
}
/* line 157, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .section-links ul li:before {
content: none;
}
/* line 161, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .section-links ul li:last-child {
padding-right: 0;
}
/* line 165, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
html[dir="rtl"] .brand-range-page .section-links ul li {
padding: 0 0 10px 10px !important;
}
/* line 167, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
html[dir="rtl"] .brand-range-page .section-links ul li:last-child {
padding-left: 0;
}
/* line 172, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .section-links ul li a {
font-family: "Custom-Font-Medium", Arial, sans-serif;
display: block;
border-radius: 100px;
background-color: #EEEFEF;
color: #333333;
font-size: 0.6875rem;
padding: 16px;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 1px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.brand-range-page .section-links ul li a:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/*
* Brand range category section
* https://jira.emakina.nl/browse/UFSN-9289
*/
/* line 196, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-category-content {
background-color: #EEEFEF;
padding-top: 50px;
padding-bottom: 70px;
}
/* line 208, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category-wrapper {
margin: 0 auto;
max-width: 1200px;
padding: 0 10px;
position: relative;
}
/* line 237, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category {
position: relative;
/*
* Brand range sub category products
* https://jira.emakina.nl/browse/UFSN-9261
*/
}
/* line 246, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category h2 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #333333;
line-height: 30px;
font-size: 1.875rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.brand-range-category h2:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 257, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .chef-container {
position: absolute;
z-index: 10;
right: 0;
top: 0;
background-color: #ffffff;
border-radius: 5px;
width: 440px;
-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
padding: 24px 40px 20px 40px;
}
/* line 268, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
body.rtl .brand-range-category .chef-container {
right: auto;
left: 0;
}
/* line 288, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .chef-container .chef-quote {
color: #333333;
font-size: 1.25rem;
line-height: 26px;
text-align: center;
margin: 0 auto;
display: block;
}
/* line 297, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .chef-container .chef-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 15px;
}
/* line 313, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .chef-container .chef-img {
width: 50px;
height: 50px;
border-radius: 50px;
background-color: #EEEFEF;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin-right: 15px;
}
/* line 323, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
body.rtl .brand-range-category .chef-container .chef-img {
margin-left: 15px;
margin-right: 0;
}
/* line 329, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .chef-container .chef-name {
font-family: "Custom-Font-Medium", Arial, sans-serif;
display: block;
color: #333333;
line-height: 21px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.brand-range-category .chef-container .chef-name:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 340, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .chef-container .chef-position {
text-transform: uppercase;
font-size: 0.75rem;
color: #333333;
line-height: 15px;
display: block;
}
/* line 349, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .brand-category-navigation {
padding-bottom: 21px;
border-bottom: 1px solid #EEEFEF;
margin-top: 32px;
}
/* line 358, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .brand-category-navigation ul {
width: 100%;
}
/* line 362, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .brand-category-navigation ul:not([class]) li {
padding: 0;
}
/* line 365, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
body.rtl .brand-range-category .brand-category-navigation ul:not([class]) li {
padding: 0;
}
/* line 372, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .brand-category-navigation li {
font-family: "Custom-Font-Medium", Arial, sans-serif;
display: inline-block;
font-size: 1.25rem;
margin: 0 20px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.brand-range-category .brand-category-navigation li:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 378, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .brand-category-navigation li a {
color: #333333;
text-decoration: none;
padding-bottom: 18px;
}
/* line 383, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .brand-category-navigation li a:hover, .brand-range-category .brand-category-navigation li a.active {
border-bottom: 3px solid #ff5a00;
}
/* line 389, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .brand-category-navigation li:first-child {
margin-left: 0;
}
/* line 392, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
body.rtl .brand-range-category .brand-category-navigation li:first-child {
margin-right: 0;
margin-left: 20px;
}
/* line 398, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .brand-category-navigation li:last-child {
margin-right: 0;
}
/* line 401, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
body.rtl .brand-range-category .brand-category-navigation li:last-child {
margin-right: 20px;
margin-left: 0;
}
/* line 407, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .brand-category-navigation li:before {
display: none;
}
/* line 413, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .category-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #EEEFEF;
margin: 0 -20px;
margin-top: 20px;
}
/* line 434, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-wrapper {
position: relative;
}
/* line 437, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-wrapper .subcategory-title {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1.25rem;
color: #333333;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.brand-range-category .subcategory-wrapper .subcategory-title:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 484, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-wrapper .expand-label {
display: none;
}
/* line 519, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .arrow-fold {
border-radius: 50px;
background-color: #ff5a00;
font-size: 1.1875rem;
padding: 1.5px 5px;
color: #ffffff;
margin-left: 10px;
}
/* line 527, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
body.rtl .brand-range-category .arrow-fold {
margin-left: 0;
margin-right: 10px;
}
/* line 533, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .introduction-text {
padding: 18px 0;
width: 60%;
}
/* line 586, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-tiles-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
}
/* line 609, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .tile-header-description {
position: absolute;
bottom: 10px;
left: 20px;
width: 55%;
color: #ffffff;
font-size: 0.875rem;
}
/* line 617, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .tile-header-description p {
margin: 0;
}
/* line 621, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
body.rtl .brand-range-category .tile-header-description {
left: auto;
right: 20px;
}
/* line 627, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .product-img {
position: absolute;
bottom: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%);
right: 20px;
}
/* line 633, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
body.rtl .brand-range-category .product-img {
right: auto;
left: 20px;
}
/* line 638, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .product-img img {
width: 70px;
height: 100%;
}
/* line 644, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-product-tile {
width: 280px;
min-height: 380px;
background-color: #ffffff;
margin-right: 20px;
margin-bottom: 30px;
-webkit-box-shadow: 0 2px 6px 0 rgba(69, 73, 91, 0.08);
box-shadow: 0 2px 6px 0 rgba(69, 73, 91, 0.08);
border-radius: 5px;
overflow: hidden;
white-space: normal;
-ms-flex-negative: 0;
flex-shrink: 0;
}
/* line 656, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
body.rtl .brand-range-category .subcategory-product-tile {
margin-right: 0;
margin-left: 20px;
}
/* line 661, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-product-tile:nth-child(4n) {
margin-right: 0px;
}
/* line 664, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
body.rtl .brand-range-category .subcategory-product-tile:nth-child(4n) {
margin-left: 0;
}
/* line 682, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-product-tile .product__reviews {
margin-top: 5px;
}
/* line 685, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-product-tile .product__reviews .rr-widget-container {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 0.625rem !important;
color: #949494;
width: 120%;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.brand-range-category .subcategory-product-tile .product__reviews .rr-widget-container:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 693, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-product-tile .product__reviews .agRatingDeSelect img {
height: 13px !important;
}
/* line 699, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
body.rtl .brand-range-category .subcategory-product-tile .product__reviews .agRatingSelect {
left: auto;
right: 0;
}
/* line 704, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-product-tile .product__reviews .agRatingSelect img {
height: 13px !important;
}
/* line 711, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .tile-header {
background-color: #EEEFEF;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
border-bottom: 4px solid #81BC2A;
height: 160px;
}
/* line 720, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .tile-header:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
/* line 730, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-product-info {
height: calc(100% - 160px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px;
}
/* line 737, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .product-info-wrapper {
margin-bottom: 10px;
width: 60%;
}
/* line 742, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .product-name {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1rem;
color: #333333;
line-height: 20px;
margin-bottom: 0;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.brand-range-category .product-name:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 750, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .product-cta-wrapper {
margin-top: auto;
}
/* line 753, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .product-cta-wrapper .btn {
margin-top: 10px;
display: block;
padding: 5px 15px 6px;
}
/*
* Specific style for the brand-range-page related to
* components that are used on that page
*/
/* line 767, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page {
/*
* Shopmenu flyout on Brand Range Page
* -------------------------------------------------------------------------------------------------------------------------
*/
}
/* line 768, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .introtext-video-section,
.brand-range-page .image-video-gallery-section {
max-width: 820px;
padding: 0 20px;
margin: 25px auto;
}
/* line 778, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .introtext-video-section .item-list,
.brand-range-page .image-video-gallery-section .item-list {
border: none;
}
/* line 785, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .introtext-video-section .persistent-gutter {
margin: 0;
}
/* line 791, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .introtext-video-section .intro-text__container h2 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1.5rem;
color: #333333;
margin-bottom: 20px;
padding-top: 30px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.brand-range-page .introtext-video-section .intro-text__container h2:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 804, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .introtext-video-section .intro-text__container p {
display: none;
}
/* line 809, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .introtext-video-section .video__wrapper {
width: auto;
height: auto;
overflow: hidden;
border-radius: 6px;
}
/* line 815, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .introtext-video-section .video__wrapper:before {
content: "";
display: block;
height: 0;
width: 100%;
padding-bottom: 42.30769%;
}
/* line 823, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .introtext-video-section .video__wrapper .button.play:before {
font-size: 1.75rem;
}
/* line 828, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .introtext-video-section .video__still,
.brand-range-page .introtext-video-section .video__embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
/* line 841, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .image-video-gallery-section h3 {
font-size: 1rem;
}
/* line 844, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .image-video-gallery-section h3 + span {
margin-bottom: 50px;
}
/*
* Styling for the 404 & 500 error pages
* https://jira.emakina.nl/browse/UFSN-9871
*/
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_error-page.scss */
.error-page {
max-width: 1600px;
padding: 0 30px;
margin: 0 auto;
}
/* line 17, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_error-page.scss */
.error-page p {
font-size: 1.125rem;
}
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_error-page.scss */
.error-page a {
text-decoration: none;
}
/* line 25, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_error-page.scss */
.error-page h1 {
font-size: 2.5rem;
}
/* line 34, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_error-page.scss */
.error-page h4 b {
font-size: 1.125rem;
}
/* line 47, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_error-page.scss */
.error-page .textimage-right {
max-width: 500px;
margin-left: 20px;
}
/* line 51, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_error-page.scss */
body.rtl .error-page .textimage-right {
margin-left: 0;
margin-right: 20px;
float: left;
}
/*
* Styling for the Country selector page
* https://jira.emakina.nl/browse/UFSN-10001
*/
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .country-selector-page-wrapper {
max-width: 1220px;
padding: 0 10px;
margin: 0 auto;
margin-top: 30px;
}
/* line 19, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .country-selector-header,
.country-selector-page .country-selector-footer {
text-align: center;
}
/* line 25, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .country-selector-header .logo-ufs {
display: inline-block;
}
/* line 28, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .country-selector-header .logo-ufs img {
height: 60px;
}
/* line 37, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .country-selector-header p {
max-width: 405px;
width: 100%;
margin: 0 auto;
font-size: 0.875rem;
line-height: 24px;
color: #333333;
}
/* line 52, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page h1 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1.5rem;
line-height: 31px;
color: #333333;
margin-bottom: 13px;
margin-top: 15px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.country-selector-page h1:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 66, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .country-selector-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 32px 0;
}
/* line 74, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .country-selector-main h3 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #333333;
font-size: 1.375rem;
line-height: 28px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.country-selector-page .country-selector-main h3:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 82, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent-row {
margin-right: 40px;
}
/* line 93, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent-row:last-child {
margin-right: 0;
}
/* line 98, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent-row .continent:nth-child(2) {
margin-top: 63px;
}
/* line 105, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent-row .continent:nth-child(2) .continent-image-shape {
right: 85px;
}
/* line 118, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent {
position: relative;
}
/* line 121, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent li {
font-size: 0.75rem;
letter-spacing: 0.5px;
line-height: 24px;
}
/* line 133, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent a {
color: #333333;
text-decoration: none;
}
/* line 137, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent a:hover {
color: #ff5a00;
}
/* line 143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent-image-shape {
position: absolute;
z-index: -1;
top: 20px;
right: 45px;
}
/* line 154, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent-name {
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;
}
/* line 163, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent-name i {
font-size: 30px;
}
/* line 178, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent-name.closed i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
/* line 191, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .country-selector-footer span {
display: block;
margin-top: 90px;
margin-bottom: 40px;
}
/* line 1, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pwa-bottom-navigation.scss */
.bottom-nav-parent {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: #ffffff;
height: 76px;
width: 100%;
z-index: 100;
-webkit-box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.17);
box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.17);
}
/* line 13, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pwa-bottom-navigation.scss */
.bottom-nav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
margin-top: 16px;
margin-bottom: 36px;
}
/* line 20, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pwa-bottom-navigation.scss */
.bottom-nav-child {
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-align: center;
-ms-flex-align: center;
align-items: center;
width: 50px;
}
/* line 27, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pwa-bottom-navigation.scss */
.bottom-nav-child-image {
height: 24px;
place-content: center;
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;
}
/* line 34, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pwa-bottom-navigation.scss */
.bottom-nav-child-label {
height: 16px;
font-size: 0.6875rem;
text-align: center;
}
/* line 40, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pwa-bottom-navigation.scss */
.nav-adjust {
padding-bottom: 76px;
}
/* line 44, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pwa-bottom-navigation.scss */
.nav-active {
-webkit-filter: invert(38%) sepia(73%) saturate(1636%) hue-rotate(359deg) brightness(98%) contrast(111%);
filter: invert(38%) sepia(73%) saturate(1636%) hue-rotate(359deg) brightness(98%) contrast(111%);
}
/* line 48, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pwa-bottom-navigation.scss */
.pwa-cart-count {
margin-top: -1%;
position: absolute;
margin-left: 7%;
}
/* line 1, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_unsubscribe.scss */
.unsubscriptionbanner {
background-color: #ff5a00;
overflow: hidden;
margin-bottom: 20px;
}
/* line 9, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_unsubscribe.scss */
.unsubscriptionbanner .unsubscribe-banner__textcontent {
height: 300px;
position: relative;
background-color: #ff5a00;
}
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_unsubscribe.scss */
.unsubscriptionbanner .unsubscribe-banner__textcontent .banner-text {
position: absolute;
bottom: 40px;
left: 50px;
}
/* line 28, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_unsubscribe.scss */
.unsubscriptionbanner .unsubscribe-banner__textcontent .banner-text h1 {
color: #333333;
font-size: 1.5rem;
}
/* line 36, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_unsubscribe.scss */
.unsubscriptionbanner .unsubscribe-banner__imgcontent img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
max-height: 300px;
}
/* line 47, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_unsubscribe.scss */
.unsubscriptionform .Unsubscribed-title h2 {
font-size: 1.375rem;
color: #ff5a00;
}
/* line 53, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_unsubscribe.scss */
.unsubscriptionform .alert.error, .unsubscriptionform .alert.success {
background: none;
border: none;
color: #ff5a00;
font-family: "Custom-Font-Regular";
padding-left: 0;
}
/* line 61, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_unsubscribe.scss */
.unsubscriptionform .alert.error:before, .unsubscriptionform .alert.success:before {
content: none;
}
/* line 1, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pitchpocket.scss */
.pitchpocket-form {
max-width: 560px;
margin: 0 auto;
padding: 0 10px;
}
/* line 5, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pitchpocket.scss */
.pitchpocket-form h2 {
text-align: center;
}
/* line 9, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pitchpocket.scss */
.pitchpocket-form button.submit {
margin-bottom: 20px;
width: 100%;
}
/* line 1, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_seasonalitynavigation.scss */
.panel-container {
padding: 0;
}
/* line 8, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_seasonalitynavigation.scss */
.panel-container h3 {
text-align: center;
position: relative;
color: #000000;
margin-bottom: 30px;
font-family: "Custom-Font-Medium";
}
/* line 32, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_seasonalitynavigation.scss */
.panel-container ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px;
padding: 0px;
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_seasonalitynavigation.scss */
.panel-container ul li {
width: calc(100% / 6);
height: 80px;
text-align: center;
list-style-type: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 5px !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: "Custom-Font-Regular";
}
/* line 50, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_seasonalitynavigation.scss */
.panel-container ul li:before {
content: "" !important;
}
/* line 61, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_seasonalitynavigation.scss */
.panel-container ul li a {
text-decoration: none;
color: #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #EEEFEF;
font-family: "Custom-Font-Regular";
}
/* line 71, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_seasonalitynavigation.scss */
.panel-container ul li a.active, .panel-container ul li a:active, .panel-container ul li a:hover {
text-decoration: underline;
background: #949494;
}
/* line 1, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.outer_box_cat {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
/* line 14, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.inner_box_cat {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 1234px;
}
/* line 19, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.cat_tile_outer {
width: 282px;
padding: 18px;
}
/* line 22, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.cat_tile_outer a {
text-decoration: none;
color: #333333;
}
/* line 25, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.cat_tile_outer a .cat_img_container {
overflow: hidden;
border-radius: 5px;
}
/* line 28, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.cat_tile_outer a .cat_img_container img {
width: 100%;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
/* line 31, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.cat_tile_outer a .cat_img_container img:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.br-5 {
border-radius: 5px;
border-color: none;
margin: auto;
}
/* line 47, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.cat_tile {
padding: 8px;
display: block;
width: 100%;
text-align: center;
}
/* line 54, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.outer_box_cat_mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
left: 17px;
}
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.FM-trend-heading {
display: block;
margin: auto;
margin: 8px;
text-align: center;
font-family: "Custom-Font-Bold";
margin-top: 4rem;
font-size: 1.5rem;
}
/* line 75, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.inner_box_cat_mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 358px;
}
/* line 80, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.cat_tile_outer_mob {
padding: 8px;
width: 46%;
}
/* line 83, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.cat_tile_outer_mob a {
text-decoration: none;
color: #333333;
}
/* line 86, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.cat_tile_outer_mob a img {
width: 100%;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
/* line 89, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.cat_tile_outer_mob a img:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
/* line 97, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.cat_tile_mob {
padding: 8px;
display: block;
width: 100%;
text-align: center;
}
/* line 102, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.cat_tile_mob a {
text-decoration: none;
color: #333333;
}
/* line 107, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.FM-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;
margin: auto;
max-width: 1280px;
position: relative;
margin-top: 1rem;
margin-bottom: 1rem;
}
/* line 117, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.tileTitle {
font-size: 20px;
font-family: "Custom-Font-Medium";
}
/* line 120, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.tileTitle:hover {
color: #ff5a00;
}
/* line 134, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.tileDesc {
font-size: 16px;
font-family: "Custom-Font-Regular";
}
/*
* Vendor includes and overrides
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* Evidon Button Overrides
* https://jira.emakina.nl/browse/UFSN-9311
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_evidon.scss */
.evidon-consent-button {
visibility: hidden;
}
/*
* Own Kritique styles
* https://jira.emakina.nl/browse/UFSN-5737
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kritique-write-review {
display: inline-block;
font-size: 1rem;
margin: 0 0 20px;
}
/* line 12, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.ufs-product-name .kritique-write-review {
margin: 0;
}
/* line 15, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.ufs-product-name .kritique-write-review a {
color: #000000;
font-size: 0.875rem;
}
/* line 22, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kritique-summary {
margin-bottom: 20px;
min-height: 20px;
}
/* line 30, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kritique-summary div[data-summary-template="customSummary"] {
margin-top: 0;
}
/*
* Kritique Widget overrides
* https://jira.emakina.nl/browse/UFSN-5737
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 47, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container[data-summary-template="customSummary"]:not(.product-tile-ratings) {
font-family: "Custom-Font-Bold", Arial, sans-serif;
font-size: 0.9375rem;
line-height: normal;
margin-top: 20px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.rr-widget-container[data-summary-template="customSummary"]:not(.product-tile-ratings):lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 53, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.product-name .rr-widget-container[data-summary-template="customSummary"]:not(.product-tile-ratings),
.ufs-ingredient .rr-widget-container[data-summary-template="customSummary"]:not(.product-tile-ratings) {
margin-top: 0;
margin-bottom: 20px;
}
/* line 63, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.product-name .rr-widget-container[data-summary-template="customSummary"]:not(.product-tile-ratings),
.ufs-product-name .rr-widget-container[data-summary-template="customSummary"]:not(.product-tile-ratings) {
display: inline-block;
}
/* line 67, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.product-name .rr-widget-container[data-summary-template="customSummary"]:not(.product-tile-ratings) .wRtng,
.ufs-product-name .rr-widget-container[data-summary-template="customSummary"]:not(.product-tile-ratings) .wRtng {
display: none;
}
/* line 72, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.ufs-product-name .rr-widget-container[data-summary-template="customSummary"]:not(.product-tile-ratings) {
font-size: 1rem;
line-height: 1.125rem;
margin-right: 5px;
margin-top: 0;
}
/* line 80, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container.rr-no-reviews[data-summary-template],
.rr-widget-container.rr-no-reviews[data-readpanel-template] h3,
.rr-widget-container.rr-no-reviews[data-readpanel-template] .average-rating {
display: none;
}
/* line 86, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container.rr-no-reviews[data-readpanel-template] .write-review-btn {
position: static;
}
/* line 90, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container #rrRatingLoader {
display: inline-block;
vertical-align: text-top;
}
/* line 95, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container .socialBtn,
.rr-widget-container .sort-container,
.rr-widget-container .feedback-container,
.rr-widget-container .review-block .aggRtng {
display: none !important;
}
/* line 102, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container .reviewDate,
.rr-widget-container h3, .rr-widget-container h4 {
font-family: "Custom-Font-Medium" !important;
color: #000000 !important;
font-size: 1rem;
}
/* line 110, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container .reviewDate,
.rr-widget-container h4 {
font-size: 1rem !important;
line-height: normal;
margin: 0 6px 10px 0 !important;
}
/* line 122, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container h4 {
font-family: "Custom-Font-Bold", Verdana, sans-serif !important;
display: inline-block;
}
/* line 127, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container h4:after {
content: ", ";
}
/* line 132, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container .reviewDate {
border: none !important;
float: none !important;
position: static !important;
}
/* line 142, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container .review-block {
border: none !important;
padding: 20px !important;
}
/* line 151, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container .review-block h3 {
margin-left: 130px !important;
}
/* line 155, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container .review-block p {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 1rem;
margin: 0 !important;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.rr-widget-container .review-block p:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 161, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container .review-block .rating-container {
position: absolute;
top: 23px;
}
/* line 170, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
body.rtl .rr-widget-container .review-block .rating-container {
left: 20px !important;
}
/* line 176, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container .review-leftBlock,
.rr-widget-container .review-rightBlock {
float: none !important;
padding: 0 !important;
width: 100% !important;
}
/* line 184, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.aggregateRating img {
max-width: none;
}
/*
* Kritique Review overrides
* https://jira.emakina.nl/browse/UFSN-5737
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 195, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-box-wrapper {
font-family: "Custom-Font-Regular", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.rr-box-wrapper:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 198, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-box-wrapper .rr-heading-2 {
font-size: 1.375rem;
}
/* line 204, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-review-section > ul > li {
padding: 10px 0 0;
overflow: initial !important;
}
/* line 215, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-review-section li {
margin: 0 !important;
text-indent: 0;
}
/* line 219, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-review-section li:before {
content: "";
padding: 0;
}
/* line 226, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-review-section .starRatingsContainer li {
width: 17px !important;
margin-right: 5px !important;
}
/* line 231, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-review-section .rr-gdpr {
font-family: "Custom-Font-Medium";
font-size: 0.8125rem;
}
/* line 235, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-review-section .rr-field-info {
left: 69% !important;
top: 25px !important;
}
/* line 241, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-info-text {
color: #333333;
font-size: 0.75rem;
margin: 0 !important;
}
/*
* Kritique Lightbox overrides
* https://jira.emakina.nl/browse/UFSN-5737
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 254, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#rr-overlay {
background-color: rgba(0, 0, 0, 0.6) !important;
}
/* line 258, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#rr-lightbox {
font-family: "Custom-Font-Regular", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
#rr-lightbox:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 261, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#rr-lightbox .rr-alertBox h3 {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 1.25rem;
margin-top: 50px !important;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
#rr-lightbox .rr-alertBox h3:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 268, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-modalWidowcontent {
border-radius: 5px !important;
padding: 29px 29px 29px 38px !important;
}
/* line 274, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-box-wrapper .rr-heading-2 {
border: none !important;
font-size: 1.375rem !important;
margin: 0 30px 50px 0 !important;
padding: 0 !important;
text-align: left !important;
}
/*
* Kritique Form overrides
* https://jira.emakina.nl/browse/UFSN-5737
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 290, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#rr-lightbox input[type=text],
#rr-lightbox textarea,
.rr-widget-container input[type=text],
.rr-widget-container textarea {
border: 1px solid #EEEFEF;
border-radius: 5px !important;
color: #333333;
font-size: 1rem;
outline: none;
-webkit-appearance: none;
font-family: "Custom-Font-Bold";
width: 100%;
padding: 10px 15px;
}
/* line 305, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#rr-lightbox input[type=button],
#rr-lightbox input[type=submit],
.rr-widget-container input[type=button],
.rr-widget-container input[type=submit] {
font-family: "Custom-Font-Medium", Arial, sans-serif;
border: 1px solid #ff5a00;
border-radius: 5px !important;
background-color: #ff5a00;
color: #ffffff;
padding: 10px 15px 11px;
text-align: center;
font-size: 0.875rem;
min-width: 220px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
#rr-lightbox input[type=button]:lang(zh-TW),
#rr-lightbox input[type=submit]:lang(zh-TW),
.rr-widget-container input[type=button]:lang(zh-TW),
.rr-widget-container input[type=submit]:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 320, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-fieldset {
border: none !important;
}
/* line 324, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-textarea {
width: 100% !important;
}
/* line 328, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-checkbox + .rr-label-text {
cursor: pointer;
display: inline-block;
margin: 10px 0 15px;
position: relative;
padding-left: 35px;
width: auto;
}
/* line 336, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-checkbox + .rr-label-text:before {
top: 1px;
left: 0;
position: absolute;
content: "";
background-color: #ffffff;
border: 1px solid #949494;
border-radius: 5px;
display: inline-block;
height: 1.25rem;
width: 1.25rem;
}
/* line 348, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-checkbox {
display: none;
}
/* line 351, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-checkbox:checked + .rr-label-text {
font-family: "Custom-Font-Bold", Arial, sans-serif;
color: #ff5a00;
font-size: 0.8125rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.rr-checkbox:checked + .rr-label-text:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 356, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-checkbox:checked + .rr-label-text:before {
content: "\2713";
font-size: 0.875rem;
color: #ff5a00;
text-align: center;
line-height: 1.25rem;
}
/*
* Kritique Review form overrides
* https://jira.emakina.nl/browse/UFSN-5737
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 374, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-review-section .rr-label,
label.myStarRating {
text-align: left !important;
width: 32% !important;
font-family: "Custom-Font-Bold";
}
/* line 381, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-review-section .rr-label.rr-termandconditions {
width: auto !important;
}
/* line 392, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-submission-form .rr-termandconditions {
margin: 0 !important;
}
/* line 396, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
label .rr-mandatory {
position: static !important;
}
/*
* Kritique Readpanel overrides
* https://jira.emakina.nl/browse/UFSN-5737
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 408, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-product-reviews h2 {
display: inline-block;
font-family: "Custom-Font-Regular", Verdana, sans-serif !important;
font-size: 2rem !important;
}
/* line 421, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-product-reviews .write-review-btn {
font-family: "Custom-Font-Medium", Arial, sans-serif;
background: #ffffff !important;
border: 1px solid #D14900;
border-radius: 5px !important;
color: #D14900 !important;
display: inline-block;
font-size: 1rem !important;
margin: 0 !important;
padding: 8px 15px 9px !important;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.rr-product-reviews .write-review-btn:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 432, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-product-reviews .write-review-btn:hover {
background: #ff5a00 !important;
color: #ffffff !important;
}
/* line 441, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
body.rtl .rr-product-reviews .write-review-btn {
right: auto !important;
left: 20px !important;
top: 15px !important;
}
/* line 448, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-product-reviews .averageRingBlock {
margin-bottom: 35px !important;
padding: 20px !important;
}
/* line 457, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-product-reviews .averageRingBlock h3 {
font-family: "Custom-Font-Regular", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.rr-product-reviews .averageRingBlock h3:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 466, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-product-reviews .averageRingBlock .aggregateRating {
margin-top: 2px;
}
/* line 476, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-product-reviews .total-reviews {
display: inline-block;
}
/* line 485, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-product-reviews .total-reviews:after {
content: ")";
}
/* line 489, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-product-reviews .total-reviews span {
font-size: 0.9375rem !important;
}
/* line 493, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-product-reviews .total-reviews span.aggRtng {
background: none;
padding: 0 5px 0 10px;
margin: 0;
}
/* line 500, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-product-reviews .total-reviews span.tRtng:before {
content: "(";
}
/* line 510, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-readpanel-reviews .kr-sort-container .kr-filter-container .kr-sort-by select, .kr-readpanel-reviews .kr-sort-container .kr-filter-container .filter-by select {
border-radius: 5px !important;
border: 1px solid #EEEFEF !important;
}
/* line 514, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-readpanel-reviews .kr-sort-container .kr-filter-container .kr-sort-by:after, .kr-readpanel-reviews .kr-sort-container .kr-filter-container .filter-by:after {
top: 70%;
right: 20px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(app/images/sprite-1765293638613.png);
background-position: -316px -362px;
width: 10px;
height: 6px;
content: "";
display: inline-block;
vertical-align: middle;
z-index: 98;
}
/* line 523, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-readpanel-reviews .kr-sort-container .kr-filter-container .kr-sort-by label, .kr-readpanel-reviews .kr-sort-container .kr-filter-container .filter-by label {
font-family: "Custom-Font-Medium" !important;
font-size: 0.875rem !important;
}
/* line 532, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-readpanel-reviews .kr-reviews-container .kr-custom-block {
border-top: 2px solid #EEEFEF !important;
}
/* line 534, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-readpanel-reviews .kr-reviews-container .kr-custom-block .kr-review-title {
font-family: "Custom-Font-Bold" !important;
font-size: 0.875rem !important;
}
/* line 538, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-readpanel-reviews .kr-reviews-container .kr-custom-block .kr-comments {
position: relative;
top: 30px;
}
/* line 541, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-readpanel-reviews .kr-reviews-container .kr-custom-block .kr-comments .kr-fullreview {
font-family: "Custom-Font-Regular" !important;
font-size: 0.875rem !important;
}
/* line 547, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-readpanel-reviews .kr-reviews-container .kr-custom-block .kr-reviewer-name {
font-family: "Custom-Font-Medium" !important;
font-size: 0.875rem !important;
color: #000000 !important;
display: inline-block;
margin-right: 10px;
position: relative;
top: -30px;
}
/* line 556, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-readpanel-reviews .kr-reviews-container .kr-custom-block .kr-responseDate {
font-family: "Custom-Font-Medium" !important;
font-size: 0.875rem !important;
color: #000000 !important;
display: inline-block;
position: relative;
top: -30px;
}
/* line 564, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-readpanel-reviews .kr-reviews-container .kr-custom-block .kr-rating-container {
display: inline;
margin-right: 10px;
}
/* line 570, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-readpanel-reviews .kr-review-count-header {
font-size: 1rem !important;
font-family: "Custom-Font-Medium" !important;
}
/* line 577, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-Stars {
font-size: 1.25rem;
}
/* line 579, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-Stars::before {
--kr-star-color: #ff5a00;
--kr-star-background-color: #949494;
-webkit-text-stroke: 0px !important;
letter-spacing: normal !important;
}
/* line 588, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-star-widget .kr-summary-action {
line-height: normal !important;
}
/* line 590, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-star-widget .kr-summary-action .kr-readBtn {
left: -5px !important;
}
/* line 592, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-star-widget .kr-summary-action .kr-readBtn:after {
background-color: transparent !important;
}
/* line 596, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-star-widget .kr-summary-action .kr-write-reviewLink {
left: -5px !important;
}
/* line 598, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-star-widget .kr-summary-action .kr-write-reviewLink:after {
background-color: transparent !important;
}
/* line 607, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-noreviews-header .kr-review-header-noreviews-title {
font-size: 1.25rem !important;
font-family: "Custom-Font-Medium" !important;
}
/* line 611, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-noreviews-header .kr-no-summary-reviews {
margin-bottom: 0 !important;
}
/* line 613, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-noreviews-header .kr-no-summary-reviews .kr-right-review-area {
margin-top: 0 !important;
position: relative !important;
}
/* line 620, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header {
background: #ffffff !important;
border-radius: 8px !important;
border: 1px solid #CBC5C7 !important;
width: auto !important;
}
/* line 628, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-review-header-title {
right: 180px;
margin: 0 !important;
font-family: "Custom-Font-Medium" !important;
font-size: 1.25rem !important;
line-height: 25px !important;
}
/* line 649, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 {
margin-bottom: 0px !important;
position: relative !important;
}
/* line 657, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 table tr .kr-ratingbar-col {
padding: 6px 8px !important;
}
/* line 665, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 table tr td .kr-star-icon svg {
fill: #ff5a00 !important;
}
/* line 672, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-rating-bar {
height: 8px !important;
border-radius: 4px !important;
border: none !important;
background-color: #EEEFEF !important;
}
/* line 679, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-no-summary-reviews .kr-right-review-area {
top: 0 !important;
right: 0;
}
/* line 684, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-right-review-area {
top: 127px !important;
position: absolute;
left: 0;
width: 41%;
}
/* line 703, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-right-review-area .write-review-btn {
font-family: "Custom-Font-Medium" !important;
font-size: 0.875rem !important;
border-radius: 5px !important;
background-color: #ffffff !important;
border: 2px solid #D14900 !important;
color: #D14900 !important;
min-height: 48px !important;
}
/* line 714, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-right-review-area .write-review-btn:hover {
background: transparent !important;
color: #ff5a00 !important;
}
/* line 721, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-average-rating {
padding: 0 0 0 30px !important;
margin-top: -20px !important;
}
/* line 739, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-average-rating .kr-aggRtng {
font-size: 2.5rem !important;
font-family: "Custom-Font-Medium" !important;
}
/* line 747, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-average-rating .kr-right-section .kr-pdRating {
font-family: "Custom-Font-Medium" !important;
color: #000000 !important;
}
/* line 753, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-rating-bar-filled {
background-color: #5C3657 !important;
}
/* line 756, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-rating-count-title {
visibility: hidden !important;
margin: 0;
}
/* line 760, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-rating-summary-block {
width: 325px !important;
}
/* line 770, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .k-rdp-btn {
text-decoration: none;
}
/* line 777, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-box-wrapper .kr-writeReview-heading-wrapper {
border-bottom: none !important;
background-color: transparent !important;
}
/* line 782, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-writeReview-heading {
font-family: "Custom-Font-Medium";
font-size: 1.5rem;
}
/* line 789, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kritique-ratings a {
text-decoration: none;
}
/* line 791, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kritique-ratings a .kr-read-widget {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
/* line 793, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kritique-ratings a .kr-read-widget span {
font-size: 14px;
position: relative;
top: -2px;
left: 4px;
}
/* line 803, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-readpanel-header .kr-averageRingBlock2.kr-no-summary-reviews .kr-right-review-area {
top: 0 !important;
right: 0;
}
/* line 808, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox {
height: 100vh;
}
/* line 810, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form {
min-width: 700px !important;
max-width: 700px !important;
max-height: 565px;
}
/* line 819, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content {
min-width: 700px !important;
}
/* line 824, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper {
padding: 0 !important;
}
/* line 829, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-writeReview-heading-wrapper, #kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-upload-image-header {
padding: 20px 20px 0 20px !important;
border-bottom: none !important;
background-color: transparent !important;
}
/* line 833, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-writeReview-heading-wrapper .kr-writeReview-heading, #kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-upload-image-header .kr-writeReview-heading {
text-align: center;
font-size: rem(18);
font-weight: 400;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
}
/* line 842, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-writeReview-heading-wrapper .kr-backButton svg, #kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-writeReview-heading-wrapper .kr-back-to-formButton svg, #kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-upload-image-header .kr-backButton svg, #kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-upload-image-header .kr-back-to-formButton svg {
height: 24px !important;
width: 24px !important;
}
/* line 848, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form {
padding: 5px 20px 0 !important;
}
/* line 850, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset {
max-width: none;
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: right;
-ms-flex-pack: right;
justify-content: right;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
}
/* line 857, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-error-holder {
font-weight: inherit !important;
font-size: 0.8125rem !important;
color: #d0021b;
}
/* line 862, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col {
padding: 0;
background-color: transparent;
width: 100%;
margin-bottom: 10px !important;
margin-top: 0px !important;
}
/* line 871, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
/* line 875, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 .kr-heading-3 {
font-size: 1.25rem !important;
color: #000000 !important;
}
/* line 879, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul {
border: none;
}
/* line 882, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul li .kr-label {
font-size: 1.0625rem !important;
color: #000000 !important;
}
/* line 885, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul li .kr-label .kr-label-text {
font-size: rem(14);
}
/* line 890, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul .kr-textarea, #kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul .kr-text-field {
padding: 0 0 0 12px;
}
/* line 893, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul .kr-textarea {
padding: 12px;
}
/* line 896, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul #kr-nckName {
width: 50%;
}
/* line 899, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul #kr-email {
width: 75%;
}
/* line 904, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/* line 907, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul li .kr-info-text {
font-size: rem(12);
}
/* line 911, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul li .kr-label .kr-label-text {
font-size: rem(14);
max-width: 645px !important;
min-width: 645px;
}
/* line 916, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul li .kr-label .kr-info-text-email {
font-size: rem(14);
}
/* line 921, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul .kr-input-item-border {
margin-right: 140px;
}
/* line 924, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul .kr-input-item-border #kr-reviewTitle {
height: 78px;
}
/* line 928, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul .kr-text-field {
height: 40px;
padding: 0 0 0 12px;
line-height: 1.5;
}
/* line 933, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul .kr-textarea {
line-height: 1.5;
}
/* line 936, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul .kr-label-text {
max-width: 645px;
}
/* line 939, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul .kr-signup-pii-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
/* line 942, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col2 ul .kr-signup-pii-wrapper .kr-form-list-item {
width: 47%;
}
/* line 948, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col1 {
min-width: 150px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 10px;
margin-bottom: 0;
margin-left: -15px;
margin-right: 5px !important;
}
/* line 957, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col1 img {
min-height: 100px;
max-width: 120px !important;
border-radius: 5px;
margin-bottom: 0 !important;
}
/* line 964, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col .kr-col-display {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: transparent !important;
height: auto;
}
/* line 970, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-submit-form-button.kr-col {
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;
}
/* line 974, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-submit-form-button.kr-col .kr-col2 {
background-color: transparent;
padding-top: 20px;
}
/* line 978, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-submit-form-button.kr-col .kr-button {
background-color: #ff5a00 !important;
border-radius: 5px !important;
min-height: 48px !important;
}
/* line 990, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-thanks-message h3 {
font-size: 1.25rem;
margin-bottom: 14px;
margin-top: 35px;
color: #000000 !important;
font-family: "Custom-Font-Medium" !important;
}
/* line 997, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-thanks-message .kr-thanks-message-text {
font-size: 1rem;
color: #000000 !important;
font-family: "Custom-Font-Medium" !important;
}
/* line 1002, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-thanks-message img {
width: auto !important;
height: 120px !important;
margin-bottom: 20px;
border-radius: 5px;
}
/* line 1008, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-thanks-message p {
font-weight: 600;
margin: 10px 0;
}
/* line 1012, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-thanks-message span {
color: #000000;
}
/* line 1015, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-thanks-message .kr-close-button {
min-width: 120px;
min-height: 48px !important;
background-color: #D14900;
border-radius: 5px !important;
}
/* line 1032, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-uploaded-image {
min-width: 680px;
width: 100%;
}
/* line 1037, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-uploaded-image .kr-col2 .kr-imageUploaded-Action .kr-change-photo-label {
width: 140px;
height: 45px;
}
/* line 1041, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-uploaded-image .kr-col2 .kr-imageUploaded-Action #kr-change-photo-btn {
width: 140px;
height: 45px;
}
/* line 1046, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-uploaded-image .kr-col2 #kr-add-photo-button, #kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-uploaded-image .kr-col2 #kr-update-photo-button {
min-width: 200px;
min-height: 45px;
}
/* line 1049, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-uploaded-image .kr-col2 #kr-add-photo-button:disabled, #kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-uploaded-image .kr-col2 #kr-update-photo-button:disabled {
background: #cccccc;
cursor: auto;
color: #EEEFEF;
}
/* line 1055, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-uploaded-image .kr-col2 #kr-cancel-photo-button {
margin: 10px 0 0 20px;
width: 140px;
height: 45px;
}
/* line 1066, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper::-webkit-scrollbar {
display: none;
}
/* line 1071, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-thanks-screen {
height: 78%;
}
/* line 1076, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.star-rating {
width: 32px !important;
height: 32px !important;
}
/* line 1080, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.star-rating input::after {
color: #949494 !important;
content: "★" !important;
font-size: 32px !important;
}
/* line 1085, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.star-rating input:hover {
-webkit-transform: scale(1);
transform: scale(1);
}
/* line 1090, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.star-rating input:checked::after,
.star-rating input:checked ~ input::after, .star-rating input:hover::after,
.star-rating input:hover ~ input::after {
color: #ff5a00 !important;
content: "★";
}
/*
* LiveChat Proof of Concept - Overrides
* Currently only available for Dutch staging website
* https://jira.emakina.nl/browse/UFSN-5409
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 8, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_livechat.scss */
#livechat-compact-container {
z-index: 199 !important;
}
/* line 16, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_livechat.scss */
#livechat-eye-catcher {
z-index: 199 !important;
}
/* line 1, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-single {
background: #ffffff;
border-radius: 5px;
color: #333333;
display: block;
font-family: "Custom-Font-Regular";
position: relative;
z-index: 9999;
}
/* line 9, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-single.is-hidden {
display: none;
}
/* line 13, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-single.is-bound {
position: absolute !important;
-webkit-box-shadow: 0 3px 15px -5px rgba(51, 51, 51, 0.7);
box-shadow: 0 3px 15px -5px rgba(51, 51, 51, 0.7);
}
/* line 23, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-single:before, .pika-single:after {
content: " ";
display: table;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-single:after {
clear: both;
}
/* line 34, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-title {
border-bottom: 1px solid #EEEFEF;
padding: 20px;
position: relative;
text-align: center;
width: 100%;
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-title select {
cursor: pointer;
left: 0;
margin: 0;
opacity: 0;
position: absolute;
top: 5px;
z-index: 9998;
}
/* line 55, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-label {
display: inline-block;
font-size: 1.25rem;
line-height: 1.25rem;
margin: 0;
overflow: hidden;
padding: 5px 3px;
position: relative;
text-transform: uppercase;
z-index: 9999;
}
/* line 67, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-prev,
.pika-next {
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
border: 0;
cursor: pointer;
display: block;
height: 30px;
outline: none;
overflow: hidden;
padding: 0;
position: relative;
text-indent: 20px;
white-space: nowrap;
width: 20px;
}
/* line 84, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-prev:hover,
.pika-next:hover {
opacity: .7;
}
/* line 88, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-prev.is-disabled,
.pika-next.is-disabled {
cursor: default;
opacity: .2;
}
/* line 94, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-prev,
.is-rtl .pika-next {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTUuOSAxMy45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNS45IDEzLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRjE1QzIyO308L3N0eWxlPjxnPjwvZz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw2LjljMC0wLjMsMC4xLTAuNiwwLjQtMC44bDUuMS01LjhjMC40LTAuNCwxLTAuNCwxLjQtMC4xczAuNSwxLDAuMSwxLjRMMy4yLDZoMTEuN2MwLjYsMCwxLDAuNCwxLDFzLTAuNCwxLTEsMUgzLjRsNC4xLDQuM2MwLjQsMC40LDAuNCwxLDAsMS40Yy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuM2MtMC4zLDAtMC41LTAuMS0wLjctMC4zTDAuNCw3LjdDMC4xLDcuNSwwLDcuMiwwLDYuOXoiLz48L3N2Zz4=);
float: left;
}
/* line 100, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-next,
.is-rtl .pika-prev {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTUuOSAxMy45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNS45IDEzLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRjE1QzIyO308L3N0eWxlPjxnPjwvZz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTUuNiw3LjdsLTUuOCw1LjljLTAuMiwwLjItMC41LDAuMy0wLjcsMC4zYy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNjLTAuNC0wLjQtMC40LTEsMC0xLjRMMTIuNSw4SDFDMC40LDgsMCw3LjUsMCw3czAuNC0xLDEtMWgxMS43TDguOSwxLjZDOC42LDEuMiw4LjYsMC42LDksMC4zczEuMS0wLjMsMS40LDAuMWw1LjEsNS44YzAuMiwwLjIsMC40LDAuNSwwLjQsMC44QzE1LjksNy4yLDE1LjgsNy41LDE1LjYsNy43eiIvPjwvc3ZnPg==);
float: right;
}
/* line 106, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-select {
display: inline-block;
}
/* line 110, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table {
border-collapse: collapse;
}
/* line 113, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table thead th {
border-bottom: 1px solid #EEEFEF;
padding-bottom: 5px;
padding-top: 5px;
}
/* line 117, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table thead th:first-child {
padding-left: 20px;
}
/* line 123, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table thead th:last-child {
padding-right: 20px;
}
/* line 132, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table th,
.pika-table td {
padding: 5px;
text-align: center;
}
/* line 143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table tr.pika-row:first-child td {
padding-top: 20px;
}
/* line 151, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table tr.pika-row:last-child td {
padding-bottom: 20px;
}
/* line 159, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table tr.pika-row td:first-child {
padding-left: 20px;
}
/* line 165, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table tr.pika-row td:last-child {
padding-right: 20px;
}
/* line 174, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table abbr {
border-bottom: none;
cursor: help;
font-size: 0.8125rem;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
}
/* line 187, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-button {
background: #ffffff;
border: 0;
border-radius: 50%;
color: #ff5a00;
cursor: pointer;
display: block;
font-size: 0.875rem;
height: 36px;
line-height: 1.125rem;
margin: 0 auto;
outline: none;
padding: 0;
text-align: center;
width: 36px;
}
/* line 202, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.is-today .pika-button {
background: #EEEFEF;
color: #949494;
}
/* line 207, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.is-selected .pika-button {
color: #ffffff;
background: #ff5a00;
}
/* line 212, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.is-disabled .pika-button,
.is-outside-current-month .pika-button {
color: #949494;
}
/* line 217, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.is-disabled .pika-button {
pointer-events: none;
cursor: default;
}
/* line 222, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-button:hover {
color: #ffffff;
background: #ff5a00;
}
/* line 227, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-button .is-selection-disabled {
pointer-events: none;
cursor: default;
}
/* line 233, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.date-picker {
position: relative;
}
/* line 240, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.clear-date {
cursor: pointer;
position: absolute;
right: 48px;
top: 23px;
}
/* line 245, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.clear-date:before {
content: "";
display: block;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -113px -334px;
width: 16px;
height: 16px;
height: 16px;
width: 16px;
}
/*
* Saving best for last
* -------------------------------------------------------------------------------------------------------------------------
*/
/*
* AEM interface resets, to prevent AEM components from inheriting the Store Front CSS
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 8, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_aem-reset.scss */
#CQ li:before {
content: normal;
}
/* line 12, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_aem-reset.scss */
#CQ [type=checkbox] {
display: inline-block;
}
/* line 14, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_aem-reset.scss */
#CQ [type=checkbox] + label {
margin: 0;
padding: 0;
}
/* line 17, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_aem-reset.scss */
#CQ [type=checkbox] + label:before {
border-radius: 0;
content: none !important;
text-shadow: none;
line-height: inherit;
color: inherit;
text-align: center;
}
/*
* AEM configuration page
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 35, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_aem-reset.scss */
div[dir='ltr'] {
border-bottom: 1px dashed #949494;
margin: 0;
padding: 12px 15px 7px 15px;
}
/*
* Image component
* -------------------------------------------------------------------------------------------------------------------------
*/
/* line 47, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_aem-reset.scss */
div.image img.inline {
display: inline-block;
}
/*
* Print layout
* -------------------------------------------------------------------------------------------------------------------------
*/
/**
* PRINT STYLES BASED ON MEDIA QUERY
*/
/* line 2, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme {
background-color: #333333;
color: #949494;
-webkit-transition: background 1s;
transition: background 1s;
}
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme h2, body.dark-theme .h2 {
color: #949494;
}
/* line 9, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .header-main-nav {
background-color: #333333;
}
/* line 11, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .header-main-nav a {
color: #949494;
}
/* line 14, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .header-main-nav .header-main-nav__nav {
background-color: #333333;
}
/* line 19, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .header-main-nav .header-main-nav__main-navigation li .main-navigation_foldout {
background-color: #333333;
color: #949494;
}
/* line 25, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .header-main-nav .header-main-nav__account-foldout {
background-color: #333333;
color: #949494;
}
/* line 28, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .header-main-nav .header-main-nav__account-foldout .fbbutton-container {
background-color: #333333;
}
/* line 35, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .hero__overlay h3 span {
background-color: #333333;
}
/* line 43, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .item-list__columns.chefs-inspiration-video .col-span-4 h3 {
color: #949494;
}
/* line 49, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .item-list__body {
background-color: #333333;
}
/* line 51, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .item-list__body a {
color: #949494;
}
/* line 56, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .item-list__image-overlay span {
background-color: #333333;
color: #949494;
}
/* line 64, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .list-filter ul li a {
color: #949494;
}
/* line 71, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .list-filter__category-header-alt a {
color: #949494;
}
/* line 76, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .pdp-section_top h1,
body.dark-theme .pdp-section_top h3,
body.dark-theme .pdp-section_top .h3 {
color: #949494;
}
/* line 83, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .pdp-section_top .ufs-product-name .kritique-write-review a {
color: #949494;
}
/* line 88, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .pdp-section_top .product-codes {
color: #949494;
}
/* line 91, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .pdp-section_top .ufs-unit-switch_button {
color: #949494;
}
/* line 95, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .usp__list li {
color: #949494;
}
/* line 98, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .item-list__body {
background-color: #333333;
}
/* line 102, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .trading-partner .trading-partner__disclaimer {
color: #949494;
}
/* line 107, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .ufs-quantity-select input[type="tel"] {
background-color: #333333;
}
/* line 112, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .pdp-section.selling-story {
color: #949494;
}
/* line 117, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .pdp-section.selling-story h1 {
color: #949494;
}
/* line 124, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .breadcrumb-wrapper-v2 ol.breadcrumb a,
body.dark-theme .breadcrumb-wrapper-v2 ol.breadcrumb li {
color: #949494;
}
/* line 136, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .header-main-nav__secondary-mob li.expandable .main-navigation_foldout {
background-color: #333333;
color: #949494;
}
/* line 144, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .main-header-v4 .header-main-nav__search-container {
background-color: #333333;
}
/* line 149, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .main-header-v4 .header-main-nav__secondary .login-account > a {
color: #949494;
}
/* line 155, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .main-header-v4 .shopping-cart span {
color: #949494;
}
/* line 160, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .main-header-v4 .header-main-nav__navigation-handle span {
background-color: #949494;
}
/* line 163, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .main-header-v4 .header-main-nav__navigation-handle span:not([class]):before, body.dark-theme .main-header-v4 .header-main-nav__navigation-handle span:not([class]):after {
background-color: #949494;
}
/* line 168, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .main-header-v4 .header-main-nav__navigation-handle span.text {
color: #949494;
background-color: #949494;
}
/* line 175, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .trading-partner {
background-color: #333333;
color: #949494;
}
/* line 179, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .product-tile__base,
body.dark-theme .recipeproduct-tile__base {
background-color: #333333;
color: #949494;
}
/* line 190, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .product-tile .product-title a,
body.dark-theme .product-tile .recipeproduct-tile a,
body.dark-theme .product-tile_cart .product-title a,
body.dark-theme .product-tile_cart .recipeproduct-tile a,
body.dark-theme .product-tile_horizontal .product-title a,
body.dark-theme .product-tile_horizontal .recipeproduct-tile a,
body.dark-theme .recipeproduct-tile .product-title a,
body.dark-theme .recipeproduct-tile .recipeproduct-tile a {
color: #949494;
}
/* line 195, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .ufs-unit-switch_button {
color: #949494;
}
/* line 198, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .product-tile__footer,
body.dark-theme .recipeproduct-tile__footer {
background-color: #333333;
border-top: 1px solid #333333;
}
/* line 203, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .product-tile .product-unavailable,
body.dark-theme .product-tile_cart .product-unavailable,
body.dark-theme .product-tile_horizontal .product-unavailable,
body.dark-theme .recipeproduct-tile .product-unavailable {
color: #949494;
}
/* line 210, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_dark-theme.scss */
body.dark-theme .minicart-flyout,
body.dark-theme .minicart-totals__delivery {
background-color: #333333;
}
@media only screen and (min-width: 1430px) {
/* media query order selector $recipe-image_min-width */
}
@media only screen and (min-width: 1281px) {
/* media query order selector $above-twelfeighty */
/* line 131, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col__wrapper,
.pagecol-wrapper {
max-width: 1260px;
z-index: 1;
}
/* line 39, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__image img {
max-width: 200px;
}
/* line 1125, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.questiongroup [data-name="merchandise"] .question span {
height: 107px;
}
/* line 33, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.col-span-6 .trading-partner, .col-span-6
.trading-partner_direct-shop {
min-height: 220px;
}
}
@media only screen and (max-width: 1280px) {
/* media query order selector $below-twelfeighty */
/* line 131, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col__wrapper,
.pagecol-wrapper {
max-width: 1024px;
z-index: 1;
}
/* line 186, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.layout-wrapper {
max-width: 1024px;
}
/* line 23, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__image {
width: 247px;
}
/* line 52, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__content {
margin-left: 0px;
}
/* line 326, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-price .product-price__total {
font-size: 1.5625rem;
}
/* line 761, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_register {
height: 70px;
}
/* line 198, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list__update input[type="text"] {
float: none;
margin: 0 0 10px;
width: 100%;
}
/* line 294, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-sorting .product-sorting__category {
margin: 0;
}
/* line 303, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-sorting .product-sorting__order,
.favorite-products .product-sorting .product-sorting__category {
float: none;
}
/* line 290, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-sorting {
clear: both;
float: none;
text-align: right;
}
/* line 351, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-items_amount {
width: calc(50% - 30px);
}
/* line 366, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__image {
width: 15%;
}
/* line 387, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__details {
width: calc(30% - 20px);
}
/* line 412, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__wrap {
width: 100%;
}
/* line 434, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__pricing {
width: calc(45% - 10px);
text-align: right;
margin-right: 0;
}
/* line 455, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__volume {
width: calc(25% - 10px);
}
/* line 468, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__quantity {
text-align: end;
}
/* line 857, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .input-type__text_with-transgourmet-icon {
margin-left: 75px;
}
/* line 1090, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.questiongroup [data-name="merchandise"] .question {
width: calc(50% - 15px);
}
/* line 1109, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.questiongroup [data-name="merchandise"] .question:nth-child(2n+0) {
margin-right: 0;
}
/* line 958, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.top-product-kpi li {
margin-right: 30px;
max-width: none;
}
/* line 278, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation a,
.main-header-v2 .main-navigation li {
font-size: 0.875rem;
}
/* line 1109, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .header-usp-container li:nth-child(-n+2) {
display: none;
}
/* line 1113, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .header-usp-container li:nth-child(-n+2):first-child {
display: inline-block;
}
/* line 52, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.order-history_table.striped-table thead,
.order-history_table.striped-table tbody,
.order-history_table.striped-table th,
.order-history_table.striped-table tr,
.order-history_table.striped-table td {
display: block;
}
/* line 59, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.order-history_table.striped-table thead tr {
top: -9999px;
left: -9999px;
position: absolute;
}
/* line 62, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.order-history_table.striped-table td {
text-align: left;
}
/* line 64, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.order-history_table.striped-table td:first-of-type {
padding-top: 10px;
}
/* line 67, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.order-history_table.striped-table td:last-of-type {
padding-bottom: 10px;
text-align: left;
}
/* line 71, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.order-history_table.striped-table td:before {
font-family: "Custom-Font-Bold", Arial, sans-serif;
content: attr(data-responsive-label) ":";
padding-right: 5px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.order-history_table.striped-table td:before:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 33, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.col-span-6 .trading-partner, .col-span-6
.trading-partner_direct-shop {
min-height: 260px;
}
/* line 124, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.category-result .product__lister .product .product__details {
padding-top: 20px;
padding-bottom: 20px;
}
/* line 128, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.category-result .product__lister .product .product__details:after {
content: none;
}
/* line 148, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__details--buttons .button {
width: 100%;
float: left;
}
/* line 353, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.search-layout-wrapper {
max-width: 1260px;
padding: 0 40px;
}
/* line 661, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-product-tile:nth-child(4n) {
margin-right: 20px;
}
/* line 671, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
body.rtl .brand-range-category .subcategory-product-tile:nth-child(4n) {
margin-right: 0;
margin-left: 20px;
}
}
@media only screen and (max-width: 1180px) {
/* media query order selector $below-eleveneighty */
/* line 53, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.sensorial-product-page .brand-header {
margin-right: -20px;
margin-left: -20px;
}
/* line 275, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
body.rtl .brand-range-category .chef-container {
right: auto;
left: 0;
}
}
@media only screen and (min-width: 1025px) {
/* media query order selector $desktop */
/* line 408, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.search-result .pagecol-flex-right {
padding-right: 100px;
}
/* line 206, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.newsletter-signup .form-element {
width: 70%;
}
/* line 213, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .cart-product__loyalty {
margin-top: 0;
}
/* line 240, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-loyalty_simple {
margin-top: 18%;
}
/* line 63, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.order-product img {
margin-bottom: 20px;
}
/* line 109, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.image .image-overflow {
max-height: 380px;
overflow: hidden;
}
/* line 74, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding .striped-table {
width: 100% !important;
}
/* line 343, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.content .form,
.content .default-form {
padding-right: 100px;
}
/* line 976, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.first .legacy-form .button.un-mask {
right: 20px;
}
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-switch {
margin-right: 40px;
}
/* line 232, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.footer-menu-list {
margin-right: 40px;
}
/* line 655, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.content-page .solution-list {
float: right;
width: 55%;
margin-right: -90px;
margin-left: 20px;
margin-bottom: 40px;
}
/* line 257, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 80px;
background-color: #EEEFEF;
}
/* line 263, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation:hover > li.active > a:before {
border-color: transparent;
}
/* line 267, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation:hover > li.active:hover > a:before {
border-color: #ff5a00;
}
/* line 290, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* line 296, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation > li a {
line-height: 80px;
}
/* line 318, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation > li:hover > a:before,
.main-header-v2 .main-navigation > li.active > a:before {
bottom: 0;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-bottom: 3px solid #ff5a00;
content: "";
width: 100%;
}
/* line 336, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li.expandable,
.main-header-v2 .main-navigation li.expandable-mobile {
position: static;
}
/* line 364, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li.expandable > a,
.main-header-v2 .main-navigation li.expandable-mobile > a {
position: relative;
padding-right: 15px;
}
/* line 367, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li.expandable > a:after,
.main-header-v2 .main-navigation li.expandable-mobile > a:after {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
width: 0;
height: 0;
content: '';
z-index: 1;
border-top: 7.5px solid #000000;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
top: calc(50% + 2px);
right: 0;
left: auto;
}
/* line 374, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation li.expandable > a, body.rtl
.main-header-v2 .main-navigation li.expandable-mobile > a {
padding-right: 0;
padding-left: 15px;
}
/* line 377, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation li.expandable > a:after, body.rtl
.main-header-v2 .main-navigation li.expandable-mobile > a:after {
right: auto;
left: 0;
}
/* line 383, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li.expandable:hover,
.main-header-v2 .main-navigation li.expandable-mobile:hover {
cursor: pointer;
}
/* line 386, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li.expandable:hover > a:after,
.main-header-v2 .main-navigation li.expandable-mobile:hover > a:after {
left: auto;
}
/* line 389, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation li.expandable:hover > a, body.rtl
.main-header-v2 .main-navigation li.expandable-mobile:hover > a {
left: 0;
}
/* line 393, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li.expandable:hover > .main-navigation_foldout,
.main-header-v2 .main-navigation li.expandable-mobile:hover > .main-navigation_foldout {
background-color: #EEEFEF;
display: block;
left: 0;
right: 0;
top: 128px;
cursor: default;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
/* line 401, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li.expandable:hover > .main-navigation_foldout.promotion-banner-visible,
.main-header-v2 .main-navigation li.expandable-mobile:hover > .main-navigation_foldout.promotion-banner-visible {
top: 181px;
}
/* line 405, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li.expandable:hover > .main-navigation_foldout a:after,
.main-header-v2 .main-navigation li.expandable-mobile:hover > .main-navigation_foldout a:after {
display: block;
content: attr(title);
font-family: "Custom-Font-Bold";
height: 0;
line-height: 0;
overflow: hidden;
visibility: hidden;
}
/* line 414, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li.expandable:hover > .main-navigation_foldout a:before,
.main-header-v2 .main-navigation li.expandable-mobile:hover > .main-navigation_foldout a:before {
content: none;
}
/* line 417, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li.expandable:hover > .main-navigation_foldout a:hover,
.main-header-v2 .main-navigation li.expandable-mobile:hover > .main-navigation_foldout a:hover {
font-family: "Custom-Font-Bold", Arial, sans-serif;
color: #ff5a00;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.main-header-v2 .main-navigation li.expandable:hover > .main-navigation_foldout a:hover:lang(zh-TW),
.main-header-v2 .main-navigation li.expandable-mobile:hover > .main-navigation_foldout a:hover:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 438, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li.expandable-mobile > a {
padding: 0 !important;
}
/* line 442, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li.expandable-mobile > a:after {
display: none;
}
/* line 506, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.expandable:after {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
width: 0;
height: 0;
content: '';
z-index: 1;
border-top: 6px solid #949494;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
/* line 635, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_foldout ul {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
padding-bottom: 35px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
/* line 640, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_foldout li {
display: inline-block;
width: 100%;
}
/* line 641, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_foldout li:nth-of-type(1n + 19) {
display: none;
}
/* line 646, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_foldout li a {
line-height: normal;
}
/* line 649, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_foldout li a:hover:before {
content: none;
}
/* line 655, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_foldout .navigation-banner {
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 313px;
margin-right: -30px;
}
/* line 662, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation_foldout .navigation-banner {
margin-right: 0;
margin-left: -30px;
}
/* line 666, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_foldout .navigation-banner:before {
content: "";
padding-bottom: 104.79233%;
display: block;
width: 100%;
}
/* line 675, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_foldout .navigation-banner a:hover:before, .main-header-v2 .main-navigation_foldout .navigation-banner a:hover:after {
content: none;
}
/* line 681, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_foldout .navigation-banner .content {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
color: #ffffff;
}
/* line 751, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .favorites-anchor span[class^="icn-"],
.main-header-v2 .favorites-anchor span[class*=" icn-"] {
margin: 0 5px;
}
/* line 778, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 {
height: 48px;
}
/* line 831, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li:last-child:not(.expandable) {
padding-right: 0;
}
/* line 854, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li a > span span.navigation-selected-tp-label {
max-width: 90px;
}
/* line 888, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-2 {
height: 80px;
}
/* line 893, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-2 > .layout-wrapper {
position: static;
}
/* line 903, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row_logo-only {
border-bottom: 1px solid #EEEFEF;
height: 72px;
}
/* line 915, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row_underlay {
position: absolute;
height: 1px;
width: auto;
top: 0;
}
/* line 1198, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .accessibility-logo {
margin: 5px 0 0 100px;
}
/* line 1211, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .accessibility-logo {
margin: 5px 100px 0 0;
}
/* line 255, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.expandable:hover > ul,
.main-navigation_meta-alt li.expandable:hover > ul {
display: block;
}
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu {
margin-bottom: -70px;
}
/* line 68, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout > div {
margin: 10px;
}
/* line 71, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .non-webshop-flyout-wrapper {
margin: 0;
}
/* line 256, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .ufs-unit-switch .ufs-unit-switch_container {
float: none;
width: auto;
min-width: 150px;
background-color: #ffffff;
}
/* line 261, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .ufs-unit-switch .ufs-unit-switch_container:last-child:not(:only-child) {
float: none;
margin-left: 20px;
}
/* line 264, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-traveling-shopmenu .ufs-unit-switch .ufs-unit-switch_container:last-child:not(:only-child) {
margin-left: 0;
margin-right: 20px;
}
/* line 273, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .ufs-unit-switch_button {
height: 60px;
}
/* line 280, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .ufs-unit-switch_button span {
white-space: nowrap;
}
/* line 297, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .ufs-quantity-select input {
max-width: 70px;
}
/* line 336, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content-flyout .non-webshop-flyout-wrapper > div {
margin: 10px;
}
/* line 1127, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .usp-block .usp__list li {
/* two items */
/* three items */
/* four items */
}
/* line 1133, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .usp-block .usp__list li:nth-child(1):nth-last-child(2), .pdp-section.selling-story .usp-block .usp__list li:nth-child(2):nth-last-child(1) {
width: 49%;
}
/* line 1139, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .usp-block .usp__list li:nth-child(1):nth-last-child(3), .pdp-section.selling-story .usp-block .usp__list li:nth-child(2):nth-last-child(2), .pdp-section.selling-story .usp-block .usp__list li:nth-child(3):nth-last-child(1) {
width: 32%;
}
/* line 1146, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .usp-block .usp__list li:nth-child(1):nth-last-child(4), .pdp-section.selling-story .usp-block .usp__list li:nth-child(2):nth-last-child(3), .pdp-section.selling-story .usp-block .usp__list li:nth-child(3):nth-last-child(2), .pdp-section.selling-story .usp-block .usp__list li:nth-child(4):nth-last-child(1) {
width: 24%;
}
/* line 214, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product.col-span-4:nth-of-type(3n+3) {
margin-right: 0;
}
/* line 506, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container img {
float: right;
max-width: 40%;
}
/* line 118, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-3 .pagecol-flex-right {
top: 0;
height: 300px;
}
/* line 123, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-3 .pagecol-flex-right .title-container {
bottom: 31px;
left: 420px;
}
/* line 116, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .item-list__grid .col-span-3 {
width: calc(25% - 24px);
margin-right: 32px;
}
/* line 120, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .item-list__grid .col-span-3:nth-child(4n+4) {
margin-right: 0;
}
/* line 122, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
body.rtl .section.recipebook .item-list__grid .col-span-3:nth-child(4n+4) {
margin-left: 0;
}
/* line 126, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
body.rtl .section.recipebook .item-list__grid .col-span-3 {
margin-right: 0;
margin-left: 32px;
}
/* line 194, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.sticky-header_pinned-to-top .signup-promotion,
.sticky-header_pinned-with-usp .signup-promotion {
top: 0;
}
/* line 201, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.sticky-header_unpinned .signup-promotion {
top: -450px;
}
/* line 207, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion .main-header-v3, .main-header-v4 .signup-promotion {
top: 0;
}
/* line 211, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion .main-header-v3:before, .main-header-v4 .signup-promotion:before {
right: 35px;
}
/* line 214, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
body.rtl .signup-promotion .main-header-v3:before, body.rtl .main-header-v4 .signup-promotion:before {
right: auto;
left: 35px;
}
/* line 134, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .section-links {
margin-top: 0;
}
/* line 219, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category-wrapper:after {
content: '';
display: block;
position: absolute;
margin-top: 50px;
width: 720px;
height: 1px;
background-color: #EEEFEF;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
/* line 230, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.last-category .brand-range-category-wrapper:after {
display: none;
}
/* line 240, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .category-title {
font-family: "Custom-Font-Bold", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.brand-range-category .category-title:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 413, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .category-image {
display: none;
}
/* line 489, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .expand-category {
display: none;
}
/* line 573, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-item.subcategory-hidden {
display: none;
}
}
@media only screen and (max-width: 1024px) {
/* media query order selector $below-desktop */
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
body.blurred {
position: fixed;
}
/* line 3, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section {
padding-left: 20px;
padding-right: 20px;
}
/* line 35, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .address .address-tile .col-span-10 {
width: 70%;
float: left;
}
/* line 40, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .address .address-tile .col-span-2 {
width: 30%;
float: left;
}
/* line 154, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.checkout-address .address-section .address .address-tile .col-span-8 {
width: 60%;
float: left;
}
/* line 160, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.checkout-address .address-section .address .address-tile .col-span-4 {
width: 40%;
float: left;
}
/* line 163, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.checkout-address .address-section .address .address-tile .col-span-4 a {
position: relative;
top: 10px;
}
/* line 23, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__image {
width: 170px;
}
/* line 52, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__content {
margin-left: 170px;
}
/* line 213, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .cart-product__loyalty {
margin-right: 0;
margin-top: 0;
}
/* line 411, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product__quantity .label {
margin-right: 0;
}
/* line 727, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-promotion .cart-promotion_prefix {
float: right;
}
/* line 732, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-promotion .cart-product__loyalty {
display: none;
}
/* line 102, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-conditions,
.checkout-summary-selling {
width: 50%;
}
/* line 858, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .checkout-confirmation_block {
min-height: 220px;
}
/* line 875, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details address {
margin-bottom: 20px;
}
/* line 986, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_block div[class^="col-span-"] {
float: none;
margin: 0;
width: 100%;
}
/* line 283, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products h2 {
float: none;
}
/* line 321, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .print-favorites {
display: none;
}
/* line 276, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products {
margin-right: 0;
}
/* line 867, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li.print {
display: none;
}
/* line 877, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li.download {
display: inline-block;
}
/* line 958, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.top-product-kpi li {
margin-right: 0;
}
/* line 1725, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .orange-white {
padding-left: 5px;
padding-right: 5px;
font-size: 0.875rem;
width: 100%;
}
/* line 1862, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .orange {
width: 100%;
display: inline-block !important;
margin-bottom: 10px;
}
/* line 1947, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .orange-border-btn {
padding-left: 5px;
padding-right: 5px;
font-size: 0.875rem;
width: 100%;
}
/* line 19, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header {
height: 100px;
overflow: visible;
position: fixed;
}
/* line 31, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header.promotion-banner-visible {
height: 160px;
}
/* line 37, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .inline-search {
display: block;
}
/* line 40, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .order-navigation {
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;
background: #ffffff;
}
/* line 45, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header.open {
height: 100%;
overflow: scroll;
background: #ffffff;
}
/* line 49, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header.open .navigation-row-1,
.main-header-v2.main-header.open .navigation-row-2 {
display: block;
background: transparent;
}
/* line 54, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header.open .inline-search {
display: none;
}
/* line 58, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header nav {
width: 100%;
}
/* line 63, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header + .channel-selector {
position: fixed;
}
/* line 69, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2.main-header .layout-wrapper {
padding: 0;
position: static;
height: auto;
}
/* line 197, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation > li,
.main-header-v2 .main-navigation_meta > li,
.main-header-v2 .main-navigation_meta-alt > li {
font-family: "Custom-Font-Regular", Arial, sans-serif;
border-top: 1px solid #EEEFEF;
float: none;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.main-header-v2 .main-navigation > li:lang(zh-TW),
.main-header-v2 .main-navigation_meta > li:lang(zh-TW),
.main-header-v2 .main-navigation_meta-alt > li:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 213, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation > li:last-child,
.main-header-v2 .main-navigation_meta > li:last-child,
.main-header-v2 .main-navigation_meta-alt > li:last-child {
border-bottom: 1px solid #EEEFEF;
}
/* line 219, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation > li > a,
.main-header-v2 .main-navigation_meta > li > a,
.main-header-v2 .main-navigation_meta-alt > li > a {
display: block;
padding: 8px 16px;
}
/* line 223, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation > li > a, body.rtl
.main-header-v2 .main-navigation_meta > li > a, body.rtl
.main-header-v2 .main-navigation_meta-alt > li > a {
text-align: right;
}
/* line 238, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation > .expandable-mobile:after, body.rtl
.main-header-v2 .main-navigation_meta > .expandable-mobile:after, body.rtl
.main-header-v2 .main-navigation_meta-alt > .expandable-mobile:after {
left: 15px;
right: auto;
}
/* line 248, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation,
.main-header-v2 .navigation-row-1 .main-navigation_meta {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
text-align: left;
}
/* line 257, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation {
font-size: 1.125rem;
}
/* line 278, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation a,
.main-header-v2 .main-navigation li {
font-size: 1.125rem;
}
/* line 290, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation > li {
padding-right: 0;
}
/* line 318, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation > li:hover > a:before,
.main-header-v2 .main-navigation > li.active > a:before {
content: none;
}
/* line 346, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation li.expandable:before, body.rtl
.main-header-v2 .main-navigation li.expandable-mobile:before {
left: 16px;
}
/* line 354, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li.expandable:after,
.main-header-v2 .main-navigation li.expandable-mobile:after {
top: 17px;
right: 16px;
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -437px -187px;
width: 13px;
height: 9px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
content: "";
}
/* line 427, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li.expandable.open:after,
.main-header-v2 .main-navigation li.expandable-mobile.open:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
/* line 430, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li.expandable.open > .main-navigation_foldout,
.main-header-v2 .main-navigation li.expandable-mobile.open > .main-navigation_foldout {
display: block;
}
/* line 453, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta a,
.main-header-v2 .main-navigation_meta li,
.main-header-v2 .main-navigation_meta-alt a,
.main-header-v2 .main-navigation_meta-alt li {
font-size: 0.8125rem;
}
/* line 451, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta,
.main-header-v2 .main-navigation_meta-alt {
padding-right: 0;
}
/* line 492, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.shopping-cart .cart-badge {
top: -5px;
right: -5px;
}
/* line 501, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.expandable {
min-height: 40px;
}
/* line 506, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.expandable:after {
right: 20px;
border: 0;
}
/* line 506, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.expandable:after {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -437px -187px;
width: 13px;
height: 9px;
top: 17px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
right: 16px;
content: "";
}
/* line 532, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation_meta li.expandable:after {
left: 16px;
}
/* line 566, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.select-channel span[class$='badge'] {
right: 35px;
}
/* line 604, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_foldout,
.main-header-v2 .main-navigation_meta-foldout {
position: static;
}
/* line 692, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_foldout li {
padding: 10px 0 10px 55px;
}
/* line 696, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation_foldout li {
padding: 10px 55px 10px 0;
}
/* line 708, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta-foldout a,
.main-header-v2 .main-navigation_meta-foldout li {
font-size: 0.75rem;
}
/* line 716, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta-foldout > li {
border-right: none;
border-left: none;
padding-left: 35px;
padding-right: 35px;
}
/* line 728, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta-foldout > li:first-child {
margin-top: 0;
}
/* line 734, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta-foldout > li:last-child {
border-bottom: none;
}
/* line 741, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta-foldout li.account {
padding: 0 16px;
width: 100%;
}
/* line 760, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .favorites-anchor span.text {
display: none;
}
/* line 778, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 {
display: none;
}
/* line 791, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li {
display: block;
padding: 0;
}
/* line 797, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li:before {
content: none;
}
/* line 821, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li.expandable {
padding-right: 0;
}
/* line 836, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li a {
display: block;
}
/* line 845, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li a.un-mask {
display: none;
}
/* line 868, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-1 .main-navigation_meta > li .navigation-tradepartner-foldout li {
width: 100%;
padding: 0 20px 20px;
}
/* line 888, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row-2 {
display: none;
}
/* line 903, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row_logo-only {
border-bottom: 2px solid #ff5a00;
padding: 15px 10px;
}
/* line 915, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row_underlay {
background-color: #ffffff;
padding: 15px 10px;
width: 100%;
height: 55px;
display: block;
border: 0;
position: static;
}
/* line 931, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row_underlay .logo-container {
position: relative;
display: block;
text-align: center;
margin-top: -15px;
}
/* line 937, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row_underlay .ufs-logo {
height: 28px;
vertical-align: top;
position: static;
text-align: center;
margin: auto;
margin-top: 15px;
}
/* line 947, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row_underlay .main-navigation_meta,
.main-header-v2 .navigation-row_underlay .main-navigation_meta-alt {
-webkit-transform: none;
transform: none;
top: 15px;
right: 20px;
}
/* line 956, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .navigation-row_underlay .main-navigation_meta, body.rtl
.main-header-v2 .navigation-row_underlay .main-navigation_meta-alt {
right: auto;
left: 20px;
}
/* line 962, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row_underlay .main-navigation_meta a,
.main-header-v2 .navigation-row_underlay .main-navigation_meta li,
.main-header-v2 .navigation-row_underlay .main-navigation_meta-alt a,
.main-header-v2 .navigation-row_underlay .main-navigation_meta-alt li {
border: none;
display: inline-block;
padding: 0 0 0 6px;
}
/* line 972, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-row_underlay .main-navigation_meta-alt {
-webkit-transform: none;
transform: none;
top: 15px;
left: 40px;
right: auto;
}
/* line 1054, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .navigation-handle span[class$='badge'] {
top: -5px;
right: -10px;
}
/* line 1075, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .cart-badge {
height: 14px;
font-size: 0.625rem;
line-height: 14px;
min-width: 20px;
}
/* line 1089, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .header-usp-container {
display: none;
}
/* line 1151, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .ufs-logo.hide-desktop > a {
margin: 0 auto;
width: 80px;
max-width: 20%;
}
/* line 1162, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .ufs-logo_svg {
height: 29px;
margin: 0 auto;
width: 100%;
}
/* line 1172, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .ufs-logo_svg.has-thirdparty-logo {
margin-right: auto;
}
/* line 1198, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .accessibility-logo {
display: none;
top: auto;
right: auto;
left: auto;
}
/* line 1226, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .accessibility-logo {
display: inline-block;
position: absolute;
top: 10px;
right: 45px;
}
/* line 1243, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .suggestions {
top: 37px;
width: calc(100% - 14px);
border-radius: 0 0 18px 18px;
}
/* line 1270, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.header-pusher-mobile {
height: 100px;
}
/* line 1276, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.header-pusher-mobile.promotion-banner-visible {
height: 160px;
}
/* line 185, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta > li,
.main-navigation_meta-alt > li {
padding-right: 20px;
}
/* line 217, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.expandable,
.main-navigation_meta-alt li.expandable {
padding-right: 35px;
}
/* line 229, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.expandable:after,
.main-navigation_meta-alt li.expandable:after {
right: 20px;
}
/* line 1, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.order-history {
margin-right: 0;
padding: 0 10px;
}
/* line 27, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content {
-webkit-transition: visibility .5s ease-in-out;
transition: visibility .5s ease-in-out;
visibility: hidden;
}
/* line 33, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content.open {
visibility: visible;
}
/* line 35, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content.open .flyout-backdrop {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
}
/* line 38, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content.open .shopmenu-content-flyout {
-webkit-transform: translateX(0);
transform: translateX(0);
}
/* line 44, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-traveling-shopmenu .shopmenu-content.open .shopmenu-content-flyout {
-webkit-transform: translateX(0);
transform: translateX(0);
}
/* line 49, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .flyout-backdrop {
background: #000000;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
position: fixed;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
width: 100%;
z-index: 101;
height: 100vh;
}
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout {
display: block;
background: #ffffff;
-webkit-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
height: 100vh;
left: auto;
min-width: 300px;
width: 90%;
padding: 20px;
-webkit-transition: -webkit-transform .5s ease-in-out;
transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
z-index: 201;
top: 0;
right: 0;
bottom: 0;
position: fixed;
-webkit-transform: translateX(110%);
transform: translateX(110%);
}
/* line 103, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout {
right: auto;
-webkit-transform: translateX(-110%);
transform: translateX(-110%);
top: 0;
bottom: 0;
left: 0;
position: fixed;
}
/* line 108, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .ufs-product-name {
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: 40px 0;
}
/* line 113, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .ufs-product-name .packshot {
padding-right: 12px;
min-width: 45px;
max-width: 45px;
}
/* line 118, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .ufs-product-name h1 {
margin: 0;
}
/* line 121, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .ufs-product-name a.add-favorite {
position: relative;
}
/* line 125, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .h3 {
display: block;
font-family: "Custom-Font-Medium", Arial, sans-serif;
color: #000000;
font-size: 1rem;
margin-bottom: 14px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .h3:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 131, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .h3 span {
font-family: "Custom-Font-Regular", Arial, sans-serif;
color: #949494;
font-size: 0.75rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .h3 span:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 137, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .ufs-unit-switch {
padding-bottom: 22px;
}
/* line 140, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .ufs-webshop-usps {
display: block;
}
/* line 142, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .ufs-webshop-usps li {
position: relative;
padding: 0 0 .5em 24px;
}
/* line 145, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .ufs-webshop-usps li {
padding: 0 24px .5em 0;
}
/* line 150, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .loyalty-labels {
margin: 15px 0;
}
/* line 155, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .loyalty-labels h3 {
font-size: 1rem;
font-family: "Custom-Font-Regular";
}
/* line 159, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .loyalty-labels span {
color: #ff5a00;
font-weight: bold;
font-size: 1rem;
font-family: "Custom-Font-Bold";
}
/* line 211, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu h1 {
white-space: normal;
font-size: 1rem;
}
/* line 225, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .mobile-shopmenu {
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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 60px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px;
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}
/* line 318, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .ufs-addtocart .btn.orange {
min-height: 50px;
}
/* line 328, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content-flyout .non-webshop-flyout-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
-webkit-box-align: initial;
-ms-flex-align: initial;
align-items: initial;
}
/* line 344, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content-flyout .non-webshop-flyout-wrapper .ufs-product-name {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
/* line 351, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .call-section {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-ordinal-group: 31;
-ms-flex-order: 30;
order: 30;
}
/* line 359, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .call-section .h4 {
-ms-flex-item-align: left;
align-self: left;
margin-bottom: 14px;
}
/* line 395, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .button-bar {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 1px solid #EEEFEF;
margin-bottom: 20px;
padding-bottom: 10px;
}
/* line 407, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .button-bar .btn {
width: 100%;
margin-bottom: 20px;
}
/* line 422, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .button-bar .btn:last-child {
margin-right: 0;
}
/* line 424, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-traveling-shopmenu .button-bar .btn:last-child {
margin-left: 0;
}
/* line 472, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .heading-text {
white-space: normal;
font-size: 1rem;
}
/* line 221, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__image img {
height: auto;
max-height: 100%;
max-width: 200px;
}
/* line 98, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__brand-overlay h2 {
height: 70px;
margin: 0;
}
/* line 1012, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.usp__list li {
border: 0;
display: block;
min-height: 0;
width: 100%;
}
/* line 1049, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog__form {
margin: 0 10px;
}
/* line 1076, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile) {
width: calc(50% - 10px);
margin-right: 20px;
/*-webkit-flex: 1 1 calc(50% - 20px); // Safari fix*/
max-width: calc(50% - 10px);
}
/* line 1088, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
body.rtl .pnir-catalog_products .product:not(.promotion-tile).col-span-3:not(:last-child):not(.last-col), body.rtl .pnir-catalog_products .product:not(.promotion-tile).col-span-4:not(:last-child):not(.last-col) {
margin-left: 0;
}
/* line 1122, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile) .product__details--buttons .button {
display: block;
float: none;
max-width: 100%;
width: 100%;
}
/* line 1257, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).col-span-4:nth-of-type(3n+4) {
clear: none;
}
/* line 1263, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).col-span-4:nth-of-type(2n+3) {
clear: inherit;
}
/* line 1271, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).col-span-3:nth-of-type(2n+2) {
margin-right: 0;
}
/* line 186, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal__quantity-selector .price-disclaimer {
display: none;
}
/* line 11, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management > .button {
display: block;
}
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management.center-column {
margin: 0 10px;
}
/* line 22, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_twentytwenty.scss */
.height-400 .twentytwenty__wrapper {
overflow: hidden;
}
/* line 90, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products .pnir-catalog_products .col-span-3:nth-child(even),
.related-top-products .pnir-catalog_products .col-span-3:nth-child(even) {
margin-right: 0px;
}
/* line 148, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products .pnir-catalog_products,
.related-top-products .pnir-catalog_products {
width: 100%;
overflow: auto;
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 158, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products .pnir-catalog_products .product,
.related-top-products .pnir-catalog_products .product {
white-space: normal;
margin: 0;
display: inline-block;
vertical-align: top;
margin-right: 20px;
}
/* line 168, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products .pnir-catalog_products .product:nth-child(even), .related-products .pnir-catalog_products .product:nth-of-type(2n+2),
.related-top-products .pnir-catalog_products .product:nth-child(even),
.related-top-products .pnir-catalog_products .product:nth-of-type(2n+2) {
margin-right: 20px;
}
/* line 14, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion {
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: auto;
width: auto;
margin-right: 0;
border: none;
border-radius: 0;
}
/* line 49, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion:before {
display: none;
}
/* line 53, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
body.rtl .signup-promotion {
left: 0;
right: 0;
top: auto;
position: fixed;
}
/* line 61, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion .signup-promotion-content {
padding-left: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* line 75, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion .signup-promotion-content .btn.orange {
padding: 5px 20px;
width: auto;
margin-left: auto;
margin-top: 0;
}
/* line 82, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
body.rtl .signup-promotion .signup-promotion-content {
padding-left: 20px;
padding-right: 50px;
}
/* line 89, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion h3 {
display: none;
padding-right: 0;
}
/* line 107, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion ul {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
}
/* line 113, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion li {
font-family: "Custom-Font-Regular", Arial, sans-serif;
margin-bottom: 0;
margin-left: 0;
padding-right: 20px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.signup-promotion li:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 140, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion li:before {
display: none;
}
/* line 144, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion li:nth-of-type(1n+2) {
display: none;
}
/* line 148, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
body.rtl .signup-promotion li {
margin-left: 0;
padding-right: 0;
padding-left: 20px;
}
/* line 161, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.signup-promotion .close-promotion {
padding: 20px;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: auto;
}
/* line 176, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
body.rtl .signup-promotion .close-promotion {
right: 0;
left: auto;
}
/* line 236, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_signup-promotion.scss */
.main-header-v4 .signup-promotion {
bottom: 80px;
}
/* line 26, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-header {
height: 210px;
}
/* line 97, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-header-wrapper .packshot img {
height: 80px;
}
/* line 112, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-header-wrapper h1 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
font-size: 1.25rem;
line-height: 30px;
margin-top: 10px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.brand-range-header-wrapper h1:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 196, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-category-content {
background-color: #ffffff;
padding-top: 10px;
padding-bottom: 35px;
}
/* line 208, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category-wrapper {
padding: 0 20px;
}
/* line 246, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category h2 {
font-size: 1.5rem;
}
/* line 257, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .chef-container {
position: relative;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
/* line 297, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .chef-container .chef-wrapper {
margin-top: 30px;
margin-left: 10px;
}
/* line 306, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
body.rtl .brand-range-category .chef-container .chef-wrapper {
margin-left: 0;
margin-right: 10px;
}
/* line 329, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .chef-container .chef-name {
font-size: 1rem;
}
/* line 349, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .brand-category-navigation {
display: none;
}
/* line 413, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .category-image {
height: 180px;
}
/* line 446, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-wrapper.expanded .arrow-fold {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
/* line 450, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-wrapper.expanded .expand-category {
text-decoration: none;
}
/* line 453, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-wrapper.expanded .expand-category:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: auto;
right: auto;
bottom: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
/* line 464, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-wrapper.expanded .subcategory-items {
margin: 0 -20px;
display: block;
background-color: #EEEFEF;
}
/* line 470, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-wrapper.expanded .subcategory-item {
margin: 0 20px;
}
/* line 474, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-wrapper.expanded .collapse-label {
display: none;
}
/* line 478, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-wrapper.expanded .expand-label {
display: block;
}
/* line 489, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .expand-category {
font-family: "Custom-Font-Medium", Arial, sans-serif;
position: absolute;
right: 20px;
top: -20px;
background-color: #ffffff;
padding: 10px 15px;
-webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
border-radius: 5px;
color: #ff5a00;
font-size: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.brand-range-category .expand-category:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 508, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .expand-category:last-child {
display: none;
}
/* line 512, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
body.rtl .brand-range-category .expand-category {
right: auto;
left: 20px;
}
/* line 533, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .introduction-text {
font-size: 1rem;
padding: 0;
width: 100%;
}
/* line 544, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-items {
padding-top: 50px;
display: none;
}
/* line 552, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-item {
padding-bottom: 35px;
}
/* line 556, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-item:after {
content: '';
width: 180px;
height: 1px;
background-color: #EEEFEF;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
/* line 567, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-item:last-child:after {
display: none;
}
/* line 586, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-tiles-wrapper {
margin-top: 20px;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
white-space: nowrap;
overflow-x: scroll;
-webkit-column-count: auto;
-moz-column-count: auto;
column-count: auto;
-webkit-column-gap: initial;
-moz-column-gap: initial;
column-gap: initial;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* line 602, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
body.rtl .brand-range-category .subcategory-tiles-wrapper {
padding-right: 20px;
padding-left: 0;
}
/* line 644, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .subcategory-product-tile {
display: inline-block;
}
/* line 768, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .introtext-video-section,
.brand-range-page .image-video-gallery-section {
margin: 45px auto;
}
/* line 791, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .introtext-video-section .intro-text__container h2 {
font-size: 1.25rem;
line-height: 24px;
}
/* line 844, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .image-video-gallery-section h3 + span {
margin-bottom: 20px;
}
/* line 862, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-page .pdp-traveling-shopmenu.product-overview .shopmenu-content .shopmenu-content-flyout .ufs-unit-switch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 47, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_error-page.scss */
.error-page .textimage-right {
max-width: 375px;
}
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
/* media query order selector $tablet-landscape */
/* line 236, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.pagecol-static-left {
width: 320px;
}
/* line 262, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.pagecol-flex-right {
margin-left: -320px;
}
/* line 293, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.pagecol-flex-right .content {
margin-left: 330px;
}
/* line 976, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.first .legacy-form .button.un-mask {
right: 20px;
}
/* line 797, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-quantity-select {
margin-left: 0;
}
/* line 146, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering .product-name {
font-size: 2.25rem;
}
/* line 194, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering .product-ordering__left {
width: calc(66.66667% - 6.66667px);
}
/* line 234, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering .product-ordering__image {
width: calc(50% - 10px);
}
/* line 250, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__codes {
padding: 15px 0;
}
/* line 311, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering .product-ordering__details {
width: calc(41.66667% - 11.66667px);
}
/* line 286, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__details {
padding-top: 0;
}
/* line 358, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering .product-ordering__right {
width: calc(33.333333% - 13.333333px);
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-1 .pagecol-flex-right .title-container, .page-header.mobile-header__type-2 .pagecol-flex-right .title-container {
left: 340px;
}
/* line 140, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-3 .pagecol-flex-right .title-container.show-on-tablet {
left: 350px;
top: 140px;
}
/* line 197, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-5 .pagecol-flex-right .title-container {
left: 340px;
}
/* line 278, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header__image-block {
width: auto;
left: 0;
}
/* line 337, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header__backdrop {
max-width: 320px;
}
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
/* media query order selector $tablet-portrait */
/* line 236, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.pagecol-static-left {
width: 280px;
}
/* line 262, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.pagecol-flex-right {
margin-left: -280px;
}
/* line 300, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.pagecol-flex-right .content {
margin-left: 290px;
}
/* line 39, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__image img {
max-width: 250px;
}
/* line 213, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .cart-product__loyalty {
margin-left: 0;
margin-right: 0;
width: 50%;
}
/* line 445, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-products__links {
margin-top: 20px;
}
/* line 452, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-products__links a {
display: block;
}
/* line 454, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-products__links a + a {
float: none;
margin-top: 20px;
text-align: left;
}
/* line 138, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.image .overlay.by-chefs .h1 {
font-size: 1.5rem;
}
/* line 141, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.image .overlay.by-chefs .inner-horizontal-list {
margin-top: 5px;
}
/* line 387, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__details {
clear: none;
}
/* line 575, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row.first {
padding-right: 0;
}
/* line 576, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row.col-30, .legacy-form .form__row.col-40, .legacy-form .form__row.col-50, .legacy-form .form__row.col-60, .legacy-form .form__row.col-70, .legacy-form .form__row .submit, .legacy-form .form__row .link-button {
width: 100%;
float: none;
clear: both;
}
/* line 1025, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__product .loyalty-goal__product-wrap {
margin: 50px auto 0;
max-width: 300px;
width: 100%;
}
/* line 1471, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .qty {
top: 140px;
float: left;
left: 2px;
}
/* line 1498, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-section_top .qty {
right: -70px;
top: 0;
}
/* line 1532, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-section_top .recom-price {
margin-top: 35px;
}
/* line 1688, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-row_top + .pdp-row_top {
margin-top: -20px;
}
/* line 481, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch {
float: right;
width: 60%;
}
/* line 274, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .col__gutter {
min-height: 0;
}
/* line 304, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .promo-block.col {
width: 100%;
}
/* line 217, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contact__tradepartner-button {
width: 100%;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-1 .pagecol-flex-right .title-container, .page-header.mobile-header__type-2 .pagecol-flex-right .title-container {
left: 300px;
}
/* line 149, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-3 .pagecol-flex-right .title-container.show-on-tablet {
left: 310px;
top: 140px;
}
/* line 197, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-5 .pagecol-flex-right .title-container {
left: 300px;
}
/* line 278, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header__image-block {
width: auto;
left: 0;
}
/* line 337, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header__backdrop {
max-width: 280px;
}
width: 0% !important;
/* line 140, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.cat_tile_outer {
display: none;
}
}
@media only screen and (max-width: 900px) {
/* media query order selector $$below-tablet-portrait */
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.basic-cart .col-span-5,
.basic-cart .col-span-6,
.basic-cart .col-span-7 {
float: none;
width: 100%;
}
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.basic-cart {
margin: 45px 10px 20px;
}
/* line 17, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.basic-cart h3 {
font-size: 1.875rem;
text-align: center;
}
/* line 32, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-empty {
margin: 0 10px;
text-align: center;
}
/* line 61, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-products__wrap {
margin-top: 30px;
}
/* line 102, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-items_amount {
font-size: 1rem;
line-height: 2.6875rem;
margin-bottom: 10px;
}
/* line 114, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-continueshopping.wide {
padding: 10px 15px;
}
/* line 164, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .cart-product__image {
float: left;
display: block;
margin-right: 0;
padding-right: 10px;
width: 20%;
}
/* line 171, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
body.rtl .cart-product .cart-product__image {
float: right;
margin-left: 0;
padding-right: 0;
padding-left: 10px;
}
/* line 186, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .cart-product__details,
.cart-product .cart-product__quantity {
float: none;
display: block;
margin-right: 0;
}
/* line 194, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
body.rtl .cart-product .cart-product__details:not(:last-child):not(.last-col), body.rtl
.cart-product .cart-product__quantity:not(:last-child):not(.last-col) {
float: left;
margin-left: 0;
}
/* line 198, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
body.rtl .cart-product .cart-product__details .number-stepper, body.rtl
.cart-product .cart-product__quantity .number-stepper {
float: left;
}
/* line 204, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-details__units {
margin-left: 15%;
font-size: 0.625rem;
clear: none;
}
/* line 213, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .cart-product__loyalty {
margin-top: 0;
position: relative;
top: 40px;
z-index: -1;
}
/* line 245, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .cart-product__pricing {
float: right;
width: 35%;
margin-right: -10px;
}
/* line 252, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-name {
float: none;
width: 65%;
font-size: 0.625rem;
}
/* line 262, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
body.rtl .cart-product .product-name {
float: right;
}
/* line 267, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-code,
.cart-product .product-unit {
display: none;
}
/* line 282, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-remove {
float: right;
max-width: 80px;
text-align: center;
}
/* line 292, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
body.rtl .cart-product .product-remove {
float: left;
}
/* line 297, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-remove__icon {
display: block;
text-align: center;
}
/* line 304, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-remove__label {
display: inline-block;
font-size: 0.6875rem;
width: 100%;
}
/* line 311, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-price {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
/* line 326, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-price .product-price__total {
font-size: 0.9375rem;
line-height: 1.5rem;
}
/* line 346, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-price__description {
margin-top: 0;
}
/* line 156, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product {
padding: 25px 10px;
}
/* line 357, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .btnremove {
float: right;
margin-top: -140px;
margin-right: -15px;
}
/* line 385, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .number-stepper__small input[type=text].number-stepper__input,
.cart-product .number-stepper__small input[type=tel].number-stepper__input {
width: 39px;
}
/* line 410, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product__quantity {
margin: 0;
float: left !important;
position: relative;
top: 40px;
width: calc(33% - 15px);
}
/* line 432, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product__quantity .number-stepper {
padding-right: 20px;
}
/* line 463, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals {
margin-top: 20px;
position: relative;
width: 100%;
}
/* line 474, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals .cart-totals__left {
float: left;
margin-right: 0;
width: 50%;
}
/* line 482, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals .cart-totals__right {
float: left;
margin-right: 0;
width: 50%;
}
/* line 522, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals__label {
font-size: 15px;
}
/* line 619, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals__right.col-span-6 {
float: right;
width: 50%;
}
/* line 635, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals__checkout .button {
margin-top: 20px;
padding-right: 20px;
padding-left: 20px;
}
/* line 652, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals__sum {
font-size: 0.9375rem;
}
/* line 674, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-loyalty {
font-size: 0.75rem;
}
/* line 699, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-promotion .col-span-1.cart-promotion__image {
display: block;
float: left;
margin-right: 0;
padding-right: 10px;
width: 15%;
}
/* line 709, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-promotion .col-span-5.cart-promotion__details,
.cart-promotion .col-span-4.cart-promotion__name {
display: block;
float: right;
margin-right: 0;
width: 85%;
}
/* line 718, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-promotion .col-span-2.cart-promotion_prefix {
float: right;
width: 85%;
}
/* line 725, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-promotion {
padding: 25px 10px;
}
/* line 169, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .col-span-6,
.checkout .col-span-5 {
float: none;
width: 100%;
}
/* line 494, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details {
font-size: 1rem;
}
/* line 605, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals__delivery.mobile-show {
clear: both;
display: block;
padding: 20px 0 0;
}
/* line 613, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals__delivery.mobile-hide {
display: none;
}
/* line 685, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation .cart-items_amount {
font-size: 1.625rem;
line-height: 0;
}
/* line 714, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_success h3:before {
display: inline-block;
margin-right: 10px;
position: absolute;
top: 0%;
left: -24%;
position: absolute;
-webkit-transform: none;
transform: none;
}
/* line 706, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_success h3 {
padding-left: 30px;
}
/* line 735, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_success:before {
position: relative;
}
/* line 698, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_success {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
}
/* line 746, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_text {
text-align: left;
}
/* line 773, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_register .loyalty-badge + .checkout-confirmation_register-text {
padding-left: 0;
}
/* line 766, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_register .loyalty-badge {
display: block;
left: 0;
margin: 0 auto;
position: static;
right: 0;
top: 0;
-webkit-transform: none;
transform: none;
}
/* line 790, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_register .checkout-confirmation_register-text {
display: block;
margin: 50px 0 20px 0;
max-width: 100%;
}
/* line 827, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_register > .button {
float: none;
margin-top: 10px;
position: static;
top: 0;
-webkit-transform: none;
transform: none;
}
/* line 761, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_register {
height: auto;
text-align: center;
}
/* line 979, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_block.checkout-confirmation_register {
padding: 20px;
}
/* line 967, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_block {
padding: 10px;
}
/* line 147, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.image .overlay.top {
position: absolute;
top: 45%;
-webkit-transform: translatey(-45%);
transform: translatey(-45%);
}
/* line 368, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__image img {
max-height: 90px;
}
/* line 366, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__image {
float: left;
margin-right: 10px;
width: 30%;
}
/* line 387, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__details {
margin: 0;
width: calc(90% - 80px);
}
/* line 403, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-name {
width: 70%;
margin-left: 0;
}
/* line 412, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__wrap {
clear: both;
padding-top: 20px;
width: 100%;
}
/* line 434, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__pricing {
float: left;
margin-right: 10px;
width: calc(50% - 70px);
margin-top: 0;
}
/* line 455, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__volume {
float: left;
margin-right: 10px;
width: calc(50% - 60px);
}
/* line 475, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-remove {
margin-top: 0;
position: absolute;
top: 30px;
right: 0;
}
/* line 494, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-volume + .product-volume {
margin-top: 30px;
}
/* line 503, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-price + .product-price {
margin-top: 30px;
}
/* line 514, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__quantity {
float: left;
}
/* line 554, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .promotionlabel-pill {
margin-top: 30px;
}
/* line 78, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding .striped-table thead, .content-folding .striped-table tbody, .content-folding .striped-table th, .content-folding .striped-table tr, .content-folding .striped-table td {
display: revert !important;
}
/* line 116, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding h3, .content-folding h2 {
margin-left: 4px !important;
padding: 5px 13px;
margin-top: 12px !important;
font-size: 1rem !important;
}
/* line 857, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .input-type__text_with-transgourmet-icon {
margin-left: 115px;
}
/* line 991, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.direct-shop-usp li {
margin-bottom: 15px;
max-width: none;
padding-top: 5px;
}
/* line 283, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_loggedout .button {
display: block;
float: none;
margin: 45px 0 0;
width: 265px;
}
/* line 278, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_loggedout {
padding: 15px 30px;
}
/* line 322, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_header-overlay {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.3)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#99000000', EndColorStr='#4D000000');
}
/* line 336, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_header-left {
float: none;
margin: 0;
width: 100%;
}
/* line 439, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .label,
.loyalty-howto .value {
margin: 0 5px;
}
/* line 460, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .spend-currency,
.loyalty-howto .spend-value {
font-size: 3.75rem;
}
/* line 483, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .loyalty-howto__arrow {
height: 100px;
width: 67px;
}
/* line 510, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .button {
margin-left: 20px;
}
/* line 372, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto {
font-size: 1.875rem;
height: 100px;
}
/* line 564, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycode .loyalty-code_component .last-col {
display: block;
float: none;
margin-bottom: 20px;
width: 100%;
}
/* line 629, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form .loyalty-code__submit {
margin-right: 0;
}
/* line 658, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form .last-col {
clear: both;
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
float: none;
padding-top: 30px;
text-align: center;
}
/* line 589, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form {
height: auto;
}
/* line 730, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_redeem h3,
.loyalty-overview_redeem .loyalty-value {
font-size: 1.125rem;
line-height: 1.5rem;
}
/* line 854, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_loggedin .loyalty-goal {
display: block;
float: none;
margin-bottom: 20px;
width: 100%;
}
/* line 875, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal-set {
padding: 0 35px;
margin-bottom: 10px;
}
/* line 880, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal-set h3 {
margin-left: -35px;
margin-right: -35px;
}
/* line 1, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.order-history {
margin-bottom: 20px;
}
/* line 1742, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedrecipes .item-list__grid {
width: 100%;
overflow: auto;
white-space: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
/* line 1753, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedrecipes .item-list__grid .col-span-3 {
display: block;
position: relative;
}
/* line 1778, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedrecipes .item-list__grid .col-span-3 .item-list__image {
overflow: hidden;
position: relative;
width: 250px;
display: block;
float: none;
height: auto;
}
/* line 1785, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedrecipes .item-list__grid .col-span-3 .item-list__image img {
position: relative;
width: auto;
}
/* line 1790, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedrecipes .item-list__grid .col-span-3 .item-list__body {
float: none;
width: auto;
margin: 0;
padding: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: transparent;
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.73)), to(rgba(0, 0, 0, 0.5)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.73), rgba(0, 0, 0, 0.5));
}
/* line 1801, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedrecipes .item-list__grid .col-span-3 .item-list__body a {
color: #ffffff;
font-size: 0.875rem;
padding: 10px;
display: block;
}
/* line 1806, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedrecipes .item-list__grid .col-span-3 .item-list__body a:hover {
color: #ffffff;
}
/* line 1809, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedrecipes .item-list__grid .col-span-3 .item-list__body a:after {
content: none;
}
/* line 43, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner.center-column,
.trading-partner_direct-shop.center-column {
margin: 25px 0;
padding: 20px 10px;
}
/* line 102, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner__disclaimer {
margin-left: 0;
}
/* line 146, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering .product-name {
height: auto;
}
/* line 173, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering.center-column {
margin-top: 60px;
padding: 0 10px;
}
/* line 177, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering .product-brand {
font-size: 1.25rem;
}
/* line 180, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering .product-name {
font-size: 1.5rem;
}
/* line 183, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering .mobile-show {
display: block !important;
}
/* line 186, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering .mobile-hide {
display: none !important;
}
/* line 203, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__image .product-ordering__image-wrap {
position: relative;
}
/* line 221, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__image img {
height: auto;
margin: 20px auto;
}
/* line 250, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__codes {
border-bottom: none;
height: auto;
padding: 15px;
}
/* line 278, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.bullet {
padding: 0 5px;
}
/* line 299, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__details .expand {
margin-bottom: 0;
}
/* line 286, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__details {
margin-bottom: 30px;
}
/* line 349, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__right {
position: static;
}
/* line 364, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__right .value {
float: right;
width: 60%;
}
/* line 376, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row > .label {
float: left;
font-size: 1.25rem;
margin-bottom: 0;
width: 35%;
}
/* line 410, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row.product-quantity {
padding: 20px 5px;
}
/* line 372, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row {
border-top: 1px solid #EEEFEF;
padding: 20px 5px;
}
/* line 99, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product-row:before, .product-row:after {
content: "";
display: table;
}
/* line 105, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product-row:after {
clear: both;
}
/* line 612, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-price .product-price__total {
font-size: 1.875rem;
}
/* line 625, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering .product-price__description {
clear: both;
margin-top: 0;
}
/* line 643, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-loyaltypoints .product-loyalty {
clear: none;
float: right;
text-align: right;
width: 60%;
}
/* line 648, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-loyaltypoints .product-loyalty .value,
.product-loyaltypoints .product-loyalty .label {
float: none;
width: auto;
}
/* line 665, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .product-tradepartner__select {
margin-top: 0;
}
/* line 677, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-favorites__select {
margin-top: 0;
}
/* line 742, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering__tools {
border-bottom: 1px solid #EEEFEF;
}
/* line 765, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-ordering div[class^="col-span-"] {
display: block;
float: none;
width: 100%;
}
/* line 68, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__image img {
top: 0;
position: relative;
-webkit-transform: translatey(0);
transform: translatey(0);
max-height: 200px;
}
/* line 135, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__details--title {
min-height: 0;
}
/* line 148, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__details--buttons .button {
float: none;
max-width: 100%;
}
/* line 735, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_categories .clear-filters {
display: none;
}
/* line 1076, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile) {
width: calc(50% - 10px);
margin-right: 20px;
}
/* line 1148, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).ufsshop .product__details .product-price {
margin-bottom: 0;
padding-bottom: 0;
}
/* line 1400, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.cart-promotion .promotion-remaining {
margin-top: 20px;
}
/* line 1836, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.rtb-container .col-8,
.rtb-container .col-4 {
float: none;
width: 100%;
}
/* line 1843, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.rtb-container .twentytwenty__header {
margin-bottom: 0;
}
/* line 1834, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.rtb-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/* line 142, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal__header .promotion-label {
display: none;
}
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.striped-table,
.hovered-table {
display: block;
}
/* line 12, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.striped-table thead,
.striped-table tbody,
.striped-table th,
.striped-table tr,
.striped-table td,
.hovered-table thead,
.hovered-table tbody,
.hovered-table th,
.hovered-table tr,
.hovered-table td {
display: block;
}
/* line 26, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.striped-table td,
.striped-table th,
.hovered-table td,
.hovered-table th {
font-size: 0.75rem;
padding-top: 3px;
padding-bottom: 3px;
}
/* line 38, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.striped-table td:before,
.hovered-table td:before {
font-family: "Custom-Font-Bold", Arial, sans-serif;
content: attr(data-responsive-label) ":";
padding-right: 5px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.striped-table td:before:lang(zh-TW),
.hovered-table td:before:lang(zh-TW) {
font-family: "Custom-Font-Bold", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 46, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.striped-table thead tr,
.hovered-table thead tr {
top: -9999px;
left: -9999px;
position: absolute;
}
/* line 50, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
body.rtl .striped-table thead tr, body.rtl
.hovered-table thead tr {
left: auto;
right: -9999px;
}
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.user-notification {
background-color: #333333;
background-image: none;
}
/* line 51, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products,
.related-top-products {
background-color: #EEEFEF;
padding: 10px !important;
}
/* line 121, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products > h2,
.related-top-products > h2 {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 1.25rem !important;
margin: 10px;
padding-top: 20px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.related-products > h2:lang(zh-TW),
.related-top-products > h2:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 131, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products .carousel-wrapper .product-tile,
.related-top-products .carousel-wrapper .product-tile {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: top;
margin-right: 20px;
max-width: 320px;
white-space: normal;
width: 100%;
height: 100%;
}
/* line 140, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
body.rtl .related-products .carousel-wrapper .product-tile, body.rtl
.related-top-products .carousel-wrapper .product-tile {
margin-right: 0;
margin-left: 20px;
}
/* line 148, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products .pnir-catalog_products,
.related-top-products .pnir-catalog_products {
background-color: #EEEFEF;
}
/* line 158, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products .pnir-catalog_products .product,
.related-top-products .pnir-catalog_products .product {
min-width: 250px;
max-width: 300px;
margin: 10px;
margin-right: 0;
}
/* line 178, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products .pnir-catalog_products .product:nth-child(even), .related-products .pnir-catalog_products .product:nth-of-type(2n+2),
.related-top-products .pnir-catalog_products .product:nth-child(even),
.related-top-products .pnir-catalog_products .product:nth-of-type(2n+2) {
margin-right: 0;
}
/* line 182, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products .pnir-catalog_products .product .container,
.related-top-products .pnir-catalog_products .product .container {
background-color: #ffffff;
border-radius: 5px;
}
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.outer_box_cat_mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
}
@media only screen and (min-width: 768px) {
/* media query order selector $above-mobile */
/* line 335, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.content-page .content-page-menu {
margin-top: 80px;
}
/* line 483, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.landing-page .layout-wrapper .form h2 {
margin: 30px 0;
}
/* line 103, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.footer .equal-height {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 108, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.footer .equal-height nav,
.footer .equal-height nav > ul {
height: 100%;
}
/* line 139, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.footer .ufs-logo {
padding: 20px 0;
}
/* line 149, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert-unsupported .header-text {
font-size: 2.25rem;
}
/* line 34, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_breadcrumb.scss */
.breadcrumb-wrapper ol.breadcrumb li:after {
top: 2px;
right: -20px;
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -259px -362px;
width: 8px;
height: 13px;
content: "";
}
/* line 58, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_breadcrumb.scss */
.breadcrumb-wrapper ol.breadcrumb li:last-child:after {
background: none;
}
/* line 145, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-products li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 149, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-products li:lang(tr-TR) {
margin-bottom: 10px;
}
/* line 213, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .cart-product__loyalty {
margin-top: -3%;
}
/* line 370, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .cart-product__quantity {
margin-top: 0;
}
/* line 410, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product__quantity {
width: 31% !important;
}
/* line 674, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-loyalty {
clear: none;
}
/* line 57, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-list li .col-span-2 {
text-align: center;
}
/* line 63, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-list li .last-col {
text-align: right;
}
/* line 10, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.border-gray {
border: solid 1px #EEEFEF;
}
/* line 24, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.equal-proportions:before {
content: '';
width: 0;
margin: 0 -2px;
display: inline-block;
vertical-align: middle;
padding: 100% 0 0;
}
/* line 57, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.order-product h3 {
font-size: 1.25rem;
}
/* line 147, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.image .overlay.top {
margin-top: -64px;
position: absolute;
text-align: center;
top: 60%;
-webkit-transition: none;
transition: none;
-webkit-transform: translatey(-60%);
transform: translatey(-60%);
}
/* line 189, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.height-400 {
height: 400px;
}
/* line 197, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.height-300 .container, .height-fixed .container {
height: 100%;
}
/* line 58, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding {
width: 100%;
}
/* line 116, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding h3, .content-folding h2 {
padding-bottom: 16px !important;
}
/* line 411, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form-section_group h3:after {
top: 50%;
right: 15px;
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -76px -419px;
width: 13px;
height: 21px;
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
content: "";
display: inline-block;
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
vertical-align: middle;
}
/* line 439, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form-section_group.accordion--active h3:after {
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
/* line 447, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form-section_group .content-tools_centered {
margin: 30px 0;
}
/* line 593, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row .small-gray {
font-size: 0.875rem;
}
/* line 679, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form--search-overlay {
top: 50%;
margin-top: 25px;
margin-right: 0;
margin-left: 0;
width: 100%;
}
/* line 715, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form--search-overlay .button .icon.icon-search.orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -110px -273px;
width: 21px;
height: 21px;
}
/* line 746, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form--search-overlay .big .button .icon.icon-search.orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -339px -142px;
width: 31px;
height: 31px;
}
/* line 766, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form-row > .button .icon.icon-search.orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -110px -273px;
width: 21px;
height: 21px;
}
/* line 794, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form--search-overlay .form-row .legacy-form {
width: 610px;
}
/* line 800, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.newsletter-signup .form-row .legacy-form {
width: 355px;
}
/* line 826, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .input-type__text_with-icon input,
.legacy-form .input-type__text_with-geosearch-icon input,
.legacy-form .input-type__text_with-transgourmet-icon input,
.legacy-form .input-type__text_with-accessibility-icon input {
padding-right: 60px;
}
/* line 834, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.recipeoverviewv2 .legacy-form .input-type__text_with-icon {
margin: 20px 0;
}
/* line 851, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .input-type__text_with-accessibility-icon {
margin-left: 40px;
}
/* line 884, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.searchV2 input {
padding-right: 60px !important;
border: 2px solid #949494 !important;
border-radius: 5px !important;
}
/* line 1079, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.big .form-field--text__with-icon {
font-size: 1.25rem;
padding: 17px 55px 17px 15px;
height: auto;
}
/* line 1125, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.questiongroup [data-name="merchandise"] .question span {
height: 67px;
overflow: hidden;
}
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-switch {
margin-top: 20px;
}
/* line 331, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.video-dialog .lightbox__window {
width: 660px;
}
/* line 475, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.optimized-registration_header {
margin: -30px -20px 30px -20px;
}
/* line 13, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.active.accordion__trigger, .content-page-menu li a.active, .productcategory-list__short li.active,
.accordion__trigger:hover, .content-page-menu li a:hover, .productcategory-list__short li:hover {
font-weight: normal;
}
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.active.accordion__trigger:after, .content-page-menu li a.active:after, .productcategory-list__short li.active:after,
.accordion__trigger:hover:after, .content-page-menu li a:hover:after, .productcategory-list__short li:hover:after {
content: "\e941";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 88, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list li a {
font-size: 1rem;
}
/* line 232, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.footer-menu-list {
border-right: 1px solid #333333;
padding: 40px 0;
}
/* line 610, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.brandlist__show-all:before {
left: 0;
}
/* line 846, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li:nth-last-child(n+6),
.tools li:nth-last-child(n+6) ~ li {
margin-left: 15px;
}
/* line 1102, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.distributor-list li:nth-child(4n) {
margin-right: 0;
}
/* line 1, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 {
margin-top: 25px;
padding-bottom: 25px;
}
/* line 9, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .container {
padding: 0px !important;
}
/* line 50, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column {
padding-left: 23px;
}
/* line 392, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-6 {
margin: auto 30px !important;
}
/* line 239, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
body.rtl .loyalty-overview_title h1 {
float: right;
}
/* line 261, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
body.rtl .loyalty-overview_title span:first-child {
float: right;
}
/* line 203, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation > li, body.rtl
.main-header-v2 .main-navigation_meta > li, body.rtl
.main-header-v2 .main-navigation_meta-alt > li {
margin-left: 0;
margin-right: 0;
padding: 0;
padding-left: 30px;
padding-right: 0;
float: none;
}
/* line 307, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li a:hover:after,
.main-header-v2 .main-navigation li.active a:after {
content: none;
}
/* line 340, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation li.expandable.from-right > ul, body.rtl
.main-header-v2 .main-navigation li.expandable-mobile.from-right > ul {
right: auto;
left: 0;
}
/* line 526, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
body.rtl .main-header-v2 .main-navigation_meta li.expandable.from-right > ul {
right: auto;
left: -17px;
}
/* line 132, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation li a:hover:after,
.main-navigation li.active a:after {
bottom: -8px;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-bottom: 2px solid #ff5a00;
content: "";
width: 90%;
}
/* line 179, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta a:hover,
.main-navigation_meta-alt a:hover {
color: #ff5a00;
}
/* line 229, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.expandable:after,
.main-navigation_meta-alt li.expandable:after {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
width: 0;
height: 0;
content: '';
z-index: 1;
border-top: 6px solid #000000;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
/* line 395, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row {
border-bottom: 1px solid #EEEFEF;
height: 73px;
padding-top: 15px;
}
/* line 403, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row.navigation-row_no-breadcrumb {
border-width: 0;
}
/* line 406, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row.navigation-row_no-breadcrumb:after {
content: '';
height: 10px;
right: 0;
bottom: 0;
left: 0;
position: absolute;
background-image: -webkit-gradient(linear, left top, right top, from(#ff5a00), to(#FF9E00));
background-image: linear-gradient(to right, #ff5a00, #FF9E00);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#FFFF5A00', EndColorStr='#FFFF9E00');
}
/* line 415, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row.navigation-row_with-breadcrumb {
height: 63px;
}
/* line 430, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row .main-navigation_meta {
margin-top: 8px;
margin-right: 18px;
text-align: right;
}
/* line 448, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row .main-navigation_meta > li:last-child:not(.expandable) {
padding-right: 0;
}
/* line 454, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row .main-navigation_meta > li.expandable:last-child {
padding-right: 20px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row .main-navigation_meta > li.expandable:last-child:after {
right: 0;
}
/* line 469, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row_logo-only {
border-bottom: 1px solid #EEEFEF;
height: 72px;
}
/* line 481, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row_underlay {
position: absolute;
height: 72px;
width: calc(100% - 20px);
}
/* line 658, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-product-name a.add-favorite:hover span[class^="icn-"]:before,
.pdp-header .ufs-product-name a.add-favorite:hover span[class*=" icn-"]:before {
content: "\f004";
}
/* line 797, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-quantity-select {
margin-left: 0;
}
/* line 1233, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top:last-child {
border-bottom: 0;
}
/* line 1293, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ufs-quantity-select {
float: left;
width: 25%;
}
/* line 1300, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ufs-addtocart {
float: left;
width: 100%;
}
/* line 65, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner_direct-shop.center-column {
margin-bottom: 10px;
}
/* line 426, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row.product-quantity .number-stepper__input {
width: 50px;
}
/* line 432, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row.product-quantity .number-stepper__addon {
width: 44px;
}
/* line 233, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister.recipes .product .product__image .product__details {
padding-top: 10px;
}
/* line 381, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block h2, .product__need-solution-block h3 {
font-size: 2rem;
}
/* line 387, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block h2.small, .product__need-solution-block h3.small {
font-size: 1.5rem;
}
/* line 418, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block h4 {
font-size: 1.25rem;
}
/* line 429, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .bg-image .title-block {
max-width: 500px;
text-align: right;
float: right;
}
/* line 472, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container .buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 506, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container img {
bottom: 10px;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
max-height: 50%;
max-width: 30%;
margin: 0 auto;
}
/* line 598, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product--sample {
margin-top: 5px;
}
/* line 620, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product--sample h3 {
margin-bottom: 2px;
font-size: 2.25rem;
}
/* line 631, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product--sample p {
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 20px;
margin-top: 10px;
}
/* line 645, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product--sample__image {
height: auto;
}
/* line 162, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.product--sample__image:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
width: .1px;
}
/* line 838, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__short li:after {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -132px -395px;
width: 9px;
height: 15px;
}
/* line 929, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-info__list {
width: 100%;
padding-bottom: 10px;
}
/* line 937, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-info__list > li,
.product-info__list .li {
margin-bottom: 20px;
}
/* line 962, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-info__list h3 {
font-size: 1.5rem;
padding: 0;
}
/* line 970, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-info__list h3:after {
content: none;
}
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.swipecarousel__slide {
margin-bottom: 45px;
margin-top: 45px;
}
/* line 55, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.swipecarousel__slide h3 {
min-height: 55px;
}
/* line 70, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.swipecarousel__slide .from-to-block h4 {
font-size: 1.25rem;
}
/* line 11, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_twentytwenty.scss */
.height-300 .twentytwenty__wrapper {
height: 300px !important;
}
/* line 16, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_twentytwenty.scss */
.height-300 .twentytwenty__wrapper img {
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
}
/* line 30, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_twentytwenty.scss */
.height-400 .twentytwenty__wrapper img {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin-left: 50%;
max-height: none !important;
max-width: none;
width: inherit;
}
/* line 143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options__list {
padding: 0 85px;
}
/* line 189, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options__list > li:first-child,
.buy-options__list > li:nth-child(2) {
float: right;
margin-left: 20px;
}
/* line 203, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options__list > li:nth-child(3) {
float: left;
}
/* line 163, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent-name i {
display: none;
}
}
@media only screen and (max-width: 767px) {
/* media query order selector $mobile */
/* line 269, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.list-heart-icon .add-recipe a span[class^="icn-"]:before,
.list-heart-icon .add-recipe a span[class*=" icn-"]:before {
content: "\e900";
}
/* line 274, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_font-face.scss */
.list-heart-icon .add-recipe a span[class^="icn-"].is-favorite:before,
.list-heart-icon .add-recipe a span[class*=" icn-"].is-favorite:before {
content: "\f004";
}
/* line 14, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.touch body.iscroll-enabled {
overflow: hidden;
/* this is important to prevent the whole page to bounce (only on touch>>phones) */
position: static !important;
/* this will fix the iphone issue for the blank menu when it's clicked on hamburger menu */
}
/* line 44, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-span-1,
.col-span-2,
.col-span-3,
.col-span-4,
.col-span-5,
.col-span-6,
.col-span-7,
.col-span-8,
.col-span-9,
.col-span-10,
.col-span-11,
.col-span-12 {
float: none;
margin-right: 0;
width: 100%;
}
/* line 68, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-span-1.align-right,
.col-span-2.align-right,
.col-span-3.align-right,
.col-span-4.align-right,
.col-span-5.align-right,
.col-span-6.align-right,
.col-span-7.align-right,
.col-span-8.align-right,
.col-span-9.align-right,
.col-span-10.align-right,
.col-span-11.align-right,
.col-span-12.align-right {
float: none;
width: 100%;
}
/* line 94, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col-offset-2,
.col-offset-3,
.col-offset-4 {
margin: 0;
}
/* line 107, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col {
float: none;
margin: 0;
width: 100% !important;
}
/* line 118, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col__gutter {
margin-right: 0;
margin-left: 0;
}
/* line 150, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.col__wrapper {
position: static;
}
/* line 170, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.center-column {
padding: 0;
margin: 0;
}
/* line 186, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.layout-wrapper {
padding: 0;
position: static;
}
/* line 208, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.pagecol-wrapper.reverse-order {
display: table;
width: 100%;
}
/* line 215, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.pagecol-wrapper.reverse-order .to-top,
.pagecol-wrapper.reverse-order .to-bottom {
float: none;
}
/* line 222, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.pagecol-wrapper.reverse-order .to-top {
display: table-header-group;
}
/* line 228, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.pagecol-wrapper.reverse-order .to-bottom {
display: table-footer-group;
}
/* line 250, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.content-page .pagecol-static-left,
.service-page .pagecol-static-left,
.category-landing .pagecol-static-left,
.category-result .pagecol-static-left,
.product-detail-page .pagecol-static-left {
width: 100%;
padding-left: 0;
}
/* line 262, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.pagecol-flex-right {
margin-left: auto;
margin-bottom: 0;
z-index: auto;
}
/* line 277, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.pagecol-flex-right > .content {
margin-left: auto;
}
/* line 284, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.pagecol-flex-right > .content > h2 {
padding: 0 10px;
}
/* line 305, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.category-landing .pagecol-flex-right {
display: none;
}
/* line 311, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.service-listpage .pagecol-flex-right,
.service-page .pagecol-flex-right,
.content-page .pagecol-flex-right,
.search-result .pagecol-flex-right,
.category-result .pagecol-flex-right,
.product-detail-page .pagecol-flex-right {
margin-left: 0;
width: 100%;
}
/* line 321, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.service-listpage .pagecol-flex-right .content,
.service-page .pagecol-flex-right .content,
.content-page .pagecol-flex-right .content,
.search-result .pagecol-flex-right .content,
.category-result .pagecol-flex-right .content,
.product-detail-page .pagecol-flex-right .content {
margin-left: 0;
}
/* line 347, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.content-page .content header.persistent-gutter {
min-height: 0;
}
/* line 364, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.content-page .pagecol-flex-right .title > h1 {
margin-top: 0;
}
/* line 380, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.search-result h2.result-title {
font-family: "Custom-Font-Medium";
padding: 0;
margin: 10px;
font-size: 1.0625rem;
}
/* line 390, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.search-result h2.result-title .amount {
font-size: 0.875rem;
}
/* line 437, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.landing-page .page-content .layout-wrapper {
padding: 0 10px;
}
/* line 33, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.persistent-gutter {
margin-bottom: 0;
}
/* line 40, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.non-persistent-gutter {
margin: 20px 0;
}
/* line 52, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
img.non-persistent-gutter {
padding: 0;
}
/* line 90, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.footer {
margin-top: 20px;
}
/* line 126, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.footer .h4 {
font-size: 0.875rem;
line-height: 22px;
}
/* line 139, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.footer .ufs-logo {
height: auto;
text-align: initial;
}
/* line 187, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.newsletter-signup {
margin: 20px 0;
}
/* line 219, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.scroll-content {
padding-top: 60px;
}
/* line 224, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.iscroll-enabled .scroll-content {
position: absolute;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
z-index: 1;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* line 235, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.iscroll-enabled .scroll-content .breadcrumb-wrapper-v2 ol.breadcrumb {
margin-top: -30px;
}
/* line 244, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.iscroll-enabled.blurred .scroll-content {
position: static;
}
/* line 252, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.iscroll-enabled .scroll-content__wrapper {
top: 100px;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
z-index: 1;
}
/* line 260, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.iscroll-enabled.blurred .scroll-content__wrapper {
position: static;
}
/* line 275, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-section h1 {
border-top: 1px solid #EEEFEF;
border-bottom: 1px solid #EEEFEF;
font-size: 1.375rem;
padding: 10px 15px;
}
/* line 290, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-section h2 {
font-size: 1rem;
margin-top: 20px;
margin-bottom: 15px;
}
/* line 302, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-section h2, .content-section h3, .content-section form {
padding-right: 15px;
padding-left: 15px;
}
/* line 309, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-section h4 {
font-size: 1rem;
margin-top: 20px;
padding: 0 15px;
}
/* line 322, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-section label {
font-size: 1rem;
}
/* line 273, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-section {
margin-bottom: 0;
margin-top: 30px;
}
/* line 339, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-tools {
margin-top: 20px;
float: none;
display: block;
text-align: right;
}
/* line 350, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-tools ul {
float: right;
}
/* line 356, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-tools + h2 {
float: none;
display: block;
padding: 0 10px;
}
/* line 367, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.n-rdp {
background: #221d37;
padding: 25px 10px 0;
margin: -21px 0 0 0;
}
/* line 375, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-tools_centered {
margin: 0;
}
/* line 384, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.content-tools_right {
margin: 0;
}
/* line 169, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.legacy-form .error-message {
padding-left: 0;
}
/* line 206, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.main-header.sticky-header_pinned-with-usp ~ .floating-notification, .main-header.sticky-header_pinned-to-top ~ .floating-notification {
top: 110px;
}
/* line 216, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.floating-notification {
width: 95%;
padding: 5px;
position: fixed;
top: 150px !important;
}
/* line 256, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.floating-notification .notification-item__img {
width: 40px;
height: 40px;
margin-right: 10px;
}
/* line 285, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.floating-notification span {
font-size: 0.8125rem;
}
/* line 295, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.floating-notification .notification-item__description {
font-size: 0.875rem;
}
/* line 121, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .lightbox__window .saveAddress-button {
width: 100%;
}
/* line 5, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__wrapper {
margin: 0;
padding: 0;
}
/* line 23, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__image {
float: left;
width: 35%;
}
/* line 52, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__content {
float: left;
font-size: 0.75rem;
line-height: 1.125rem;
margin-left: 0;
overflow: hidden;
width: 65%;
}
/* line 82, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__content h2:lang(th-TH) {
line-height: 140%;
}
/* line 95, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__content h3:lang(th-TH) {
line-height: 140%;
}
/* line 113, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__content .button {
zoom: 75%;
}
/* line 130, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__body p,
.article-list__body ul li {
font-size: 0.875rem;
line-height: 1.375rem;
word-break: break-word;
}
/* line 19, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_badges.scss */
.cart-badge,
.channel-known-badge,
.channel-unknown-badge {
border-radius: 7px;
height: 14px;
font-size: 0.625rem;
line-height: 14px;
min-width: 20px;
}
/* line 4, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_breadcrumb.scss */
.breadcrumb-wrapper ol.breadcrumb {
height: 20px;
}
/* line 42, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_breadcrumb.scss */
.breadcrumb-wrapper ol.breadcrumb li:last-child {
margin-left: 24px;
}
/* line 49, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_breadcrumb.scss */
.breadcrumb-wrapper ol.breadcrumb li:last-child:before {
top: 50%;
left: -20px;
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -246px -362px;
width: 8px;
height: 13px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
}
/* line 25, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart h3 {
margin: 50px 10px 0;
}
/* line 36, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-empty .button {
width: 100%;
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.minicart-products__wrap .cart-empty {
font-size: 1rem;
height: auto;
top: 0;
-webkit-transform: none;
transform: none;
}
/* line 84, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-products__wrap .navigate-back {
display: block;
line-height: normal;
margin-bottom: 35px;
float: left;
}
/* line 114, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-continueshopping.wide {
float: right;
width: 45%;
margin-top: -4%;
}
/* line 164, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .cart-product__image {
/* bottom: 0;
position: absolute;
top: 0;*/
margin-right: 20px;
min-width: 100px;
}
/* line 213, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .cart-product__loyalty {
float: none;
margin-right: 0;
}
/* line 311, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-price {
margin-top: 0;
padding-bottom: 20px;
position: relative;
}
/* line 346, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .product-price__description {
font-size: 0.5625rem;
}
/* line 385, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .number-stepper__small input[type=text].number-stepper__input,
.cart-product .number-stepper__small input[type=tel].number-stepper__input {
width: 39px;
}
/* line 410, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product__quantity {
width: inherit;
}
/* line 490, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals .form-element {
margin-bottom: 30px;
}
/* line 503, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals .col-span-11 {
width: 80%;
float: left;
}
/* line 510, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals .col-span-1 {
width: 10%;
float: left;
}
/* line 557, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-vat .total-label {
font-size: 1rem;
padding-top: 15px;
}
/* line 579, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-vat .total-amt {
font-size: 1rem;
}
/* line 587, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-vat .divider {
margin-left: 50%;
}
/* line 600, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals__delivery {
font-size: 0.75rem;
margin: 0 10px;
text-align: center;
}
/* line 635, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals__checkout .button {
width: 100%;
}
/* line 634, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals__checkout {
clear: both;
float: none;
padding-top: 20px;
}
/* line 664, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-totals__description {
font-size: 0.5625rem;
}
/* line 832, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.kan-product-details-disclaimer {
left: 34%;
}
/* line 15, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-container {
margin-bottom: 20px;
overflow: hidden;
}
/* line 102, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-summary-conditions,
.checkout-summary-selling {
width: 100%;
}
/* line 148, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-checkboxes-row {
max-width: 100%;
width: 100%;
}
/* line 188, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout .tabs__link {
padding: 10px 0px;
font-size: 0.75rem;
}
/* line 551, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details .product-price {
margin: 0;
padding: 0;
width: auto;
}
/* line 559, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-product__details .product-price__total {
font-size: 1.125rem;
}
/* line 580, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals .button {
font-size: 0.75rem;
width: 100%;
}
/* line 592, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals__delivery {
font-size: 0.75rem;
line-height: 1.25rem;
}
/* line 620, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals__content {
padding: 10px 15px;
}
/* line 637, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals__label {
font-size: 1rem;
}
/* line 646, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-totals__sum {
font-size: 1.25rem;
}
/* line 670, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation h1 {
text-align: center;
}
/* line 669, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation {
margin: 50px 10px;
}
/* line 807, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_register .col-span-7 .checkout-confirmation_register-text {
margin-left: 0;
}
/* line 858, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .checkout-confirmation_block {
min-height: 0;
}
/* line 8, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .loyalty-goal {
margin-top: 20px;
}
/* line 14, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-confirmation_message {
padding: 8px 10px;
}
/* line 46, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-confirmation-loyalty-points {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 1rem;
text-align: left;
margin-top: 20px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.checkout-confirmation-page-v2 .checkout-confirmation-loyalty-points:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
body.rtl .checkout-confirmation-page-v2 .checkout-confirmation-loyalty-points {
text-align: right;
}
/* line 66, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .order-number {
padding-left: 0;
font-size: 1rem;
margin-bottom: 20px;
padding-bottom: 10px;
}
/* line 82, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-status-wrapper {
padding-left: 0;
}
/* line 95, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
body.rtl .checkout-confirmation-page-v2 .checkout-summary-status-wrapper {
padding-right: 0;
}
/* line 114, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-info-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 -10px;
}
/* line 122, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-info-wrapper .checkout-summary-column {
width: 100%;
-ms-flex-item-align: stretch;
align-self: stretch;
border-bottom: none;
padding: 20px 10px;
margin-bottom: 20px;
margin-left: 0;
border-radius: 0;
}
/* line 145, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
body.rtl .checkout-confirmation-page-v2 .checkout-summary-info-wrapper .checkout-summary-column {
margin-left: 0;
}
/* line 149, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-info-wrapper .checkout-summary-column:last-child {
border-bottom: 1px solid #EEEFEF;
margin-bottom: 0;
}
/* line 163, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-info-wrapper .checkout-summary-column h4 {
margin-bottom: 15px;
}
/* line 190, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column {
border-radius: 0;
margin: 0 -10px;
padding: 15px 10px;
border-top: none;
margin-top: -20px;
}
/* line 203, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column li {
border-bottom: 1px solid #EEEFEF;
padding: 15px 0;
margin: 0;
}
/* line 217, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .heading {
border-bottom: 1px solid #EEEFEF;
}
/* line 233, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .heading .item {
font-size: 1rem;
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
}
/* line 238, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .heading .favorite-products {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
text-align: right;
}
/* line 242, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
body.rtl .checkout-confirmation-page-v2 .checkout-summary-column .heading .favorite-products {
text-align: left;
}
/* line 247, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .heading .quantity,
.checkout-confirmation-page-v2 .checkout-summary-column .heading .price {
display: none;
}
/* line 255, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .item {
width: 65%;
padding-right: 10px;
}
/* line 266, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .item .item-image {
display: none;
}
/* line 288, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .quantity {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
width: 5%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
/* line 303, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .price {
width: 20%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
/* line 318, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .total-price:before {
background-color: #949494;
height: 1px;
width: 80%;
}
/* line 347, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .checkout-summary-total {
font-size: 1rem;
}
/* line 360, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .recommmended-price {
color: #333333;
font-size: 0.875rem;
margin-top: 0;
}
/* line 374, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .checkout-summary-column .loyalty-points-earned {
display: none;
}
/* line 395, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .promotion-tiles-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 402, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .promotion-tiles-wrapper .promotion-tile {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
margin-right: 0;
border-radius: 0;
height: 185px;
}
/* line 470, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .product__lister {
border-top: none;
}
/* line 503, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
body.rtl .checkout-confirmation-page-v2 .download-tools li:first-child {
margin-left: 25px;
margin-right: 0;
}
/* line 532, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-confirmation-page-v2.scss */
.checkout-confirmation-page-v2 .download-tools li:first-child:after, .checkout-confirmation-page-v2 .download-tools li:last-child:after {
display: none;
}
/* line 51, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_containers.scss */
.container.order-product h3 {
margin-bottom: 10px;
}
/* line 132, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favoritelist {
margin: 0 10px;
}
/* line 162, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list__row .right {
height: inherit;
padding-left: 40px;
}
/* line 145, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorites-list__row {
padding: 20px 10px;
}
/* line 294, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-sorting .product-sorting__category {
margin-bottom: 20px;
}
/* line 290, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-sorting {
margin: 30px 0 0;
text-align: left;
}
/* line 366, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__image {
width: 16.66667%;
}
/* line 387, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__details {
width: calc(83.33333% - 40px);
}
/* line 403, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-name {
width: 50%;
}
/* line 423, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__wrap .col-span-4 {
width: calc(33.33333% - 13.33333px);
margin-right: 20px;
margin-right: 10px;
float: left;
}
/* line 428, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
body.rtl .favorite-products .cart-product__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 434, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-product__pricing {
margin-top: 1%;
}
/* line 483, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
body.rtl .favorite-products .product-remove {
margin-right: 75%;
}
/* line 503, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .product-price + .product-price {
margin-top: 10px;
}
/* line 520, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
body.rtl .favorite-products .cart-product__quantity {
margin-left: 0;
margin-top: -15px;
}
/* line 537, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-totals__delivery {
position: static;
margin: 0 0 20px;
}
/* line 544, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .cart-totals__right .button {
margin-top: 0;
}
/* line 554, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .promotionlabel-pill {
font-size: 0.625rem;
max-width: 38%;
display: block;
overflow: hidden;
clear: both;
position: relative;
top: 0px;
float: right;
margin: 18px 0 20px 0%;
right: -6%;
padding: 2px 8px 2px 8px;
}
/* line 580, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
body.rtl .favorite-products .promotionlabel-pill {
right: 30px;
margin-bottom: 0;
}
/* line 589, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
.favorite-products .loyalty-points {
float: left;
clear: both;
}
/* line 600, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_favorites.scss */
body.rtl .favorite-products .loyalty-points {
margin-left: 65%;
}
/* line 58, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding {
margin: 25px 15px 25px 10px;
padding: 0 0 13px 0;
}
/* line 86, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding .striped-table tr td {
font-size: 0.875rem;
}
/* line 105, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding .striped-table th, .content-folding .striped-table td {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
/* line 116, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_fold.scss */
.content-folding h3, .content-folding h2 {
margin-left: 16px;
}
/* line 62, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form textarea.error + .error-message:before,
.legacy-form textarea.valid + .valid-message:before,
.legacy-form select.error + .error-message:before,
.legacy-form select.valid + .valid-message:before,
.legacy-form input.error + .error-message:before,
.legacy-form input.valid + .valid-message:before {
top: 49px;
}
/* line 81, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form.login-form_inline input.error + .error-message:before,
.legacy-form.login-form_inline input.valid + .valid-message:before {
top: 33px;
}
/* line 112, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form textarea {
width: 100%;
}
/* line 122, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form select,
.legacy-form .date-picker > input {
width: 100%;
}
/* line 304, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form legend {
font-size: 1.125rem;
margin: 0 0 10px;
}
/* line 316, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form fieldset {
margin: 0 0 20px;
}
/* line 378, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form__section-intro img {
float: none;
}
/* line 388, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form-section_group {
display: none;
}
/* line 397, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form-section_group h3 {
font-size: 1.25rem;
}
/* line 431, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form-section_group.accordion--active {
display: block;
}
/* line 492, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row > label {
display: block;
width: 100%;
margin: 0;
padding: 0;
min-height: 24px;
}
/* line 516, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row.form__row--checkbox > label {
padding-top: 7px;
}
/* line 524, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row input[type="text"], .legacy-form .form__row input[type="email"], .legacy-form .form__row input[type="tel"], .legacy-form .form__row input[type="password"], .legacy-form .form__row input textarea {
width: 100%;
}
/* line 560, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row.incomplete:before {
font-size: 1.125rem;
margin: 0 0 10px;
}
/* line 486, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row {
margin: 10px 0;
}
/* line 585, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row.first {
padding-right: 0;
}
/* line 586, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row.col-30, .legacy-form .form__row.col-40, .legacy-form .form__row.col-50, .legacy-form .form__row.col-60, .legacy-form .form__row.col-70, .legacy-form .form__row .submit, .legacy-form .form__row .link-button {
width: 100%;
float: none;
clear: both;
}
/* line 613, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__row--left-indent {
padding-left: 0;
}
/* line 842, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .input-type__text_with-geosearch-icon .icon {
margin-top: 15px;
}
/* line 884, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.searchV2 input {
border: 2px solid #949494 !important;
border-radius: 5px !important;
}
/* line 953, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .button.un-mask {
top: 34px;
}
/* line 1039, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-form_inline .reset-password {
display: block;
margin-top: 5px;
}
/* line 1054, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-form_inline .col-span-6 {
float: left;
margin-right: 20px;
width: 40%;
}
/* line 1090, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.questiongroup [data-name="merchandise"] .question {
width: 200px;
max-width: 100%;
margin-left: auto !important;
margin-right: auto !important;
}
/* line 1244, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .form-element-row__name,
.register-grouped .form-element-row__lastname {
max-width: 100%;
}
/* line 1260, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.register-grouped .form-element-row__name {
margin-right: 0;
}
/* line 1307, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped {
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px;
background-color: transparent;
margin-top: 10px;
margin-bottom: 20px;
}
/* line 1324, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped__form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/* line 1332, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped__left,
.login-grouped__right {
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
/* line 1354, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped__left {
margin-bottom: 20px;
padding: 30px 10px 15px;
}
/* line 1364, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
body.rtl .login-grouped__left {
padding: 30px 10px 15px;
}
/* line 1370, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped__right {
padding: 20px 10px 10px;
}
/* line 1374, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped__right h3 {
padding-bottom: 0;
}
/* line 1378, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
body.rtl .login-grouped__right {
padding: 20px 10px 10px;
}
/* line 1387, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped__right:before {
display: none;
}
/* line 1406, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.login-grouped__register-btn,
.login-grouped__guest-btn {
margin-bottom: 0;
}
/* line 9, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading.normal {
height: 150px;
}
/* line 17, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading.larger {
height: 250px;
}
/* line 25, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading .image-heading__image {
margin-top: 60px;
}
/* line 43, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading__heading.normal span {
font-size: 1.125rem;
}
/* line 51, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading__heading.smaller span {
font-size: 1.5rem;
}
/* line 59, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-heading.scss */
.image-heading__heading.larger span {
font-size: 1.875rem;
}
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-selection {
margin: 20px;
}
/* line 26, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-options__list li {
float: none;
margin-bottom: 15px;
width: 100%;
}
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-switch {
margin: 20px 0 0 0;
}
/* line 89, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue__window {
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
height: auto;
padding: 30px 15px;
top: 30px;
width: 95%;
}
/* line 273, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.video-has-cta .lightbox__close {
right: 0;
}
/* line 281, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
body.rtl .video-has-cta .lightbox__close {
right: auto;
left: 0;
}
/* line 309, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__window {
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
height: auto;
max-height: 75vh;
top: 80px;
width: 90%;
}
/* line 364, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__window span.lightbox__title {
line-height: normal;
margin-right: 30px;
margin-bottom: 30px;
}
/* line 394, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__window a {
width: 100%;
margin-bottom: 12px;
margin-right: 0;
}
/* line 404, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__window .create-confirm-button {
margin-top: 12px;
}
/* line 410, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__window .create-cancel-button {
min-width: 268px;
width: auto;
margin-top: -25px;
}
/* line 443, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.dialog-bar .dialog-conjunction {
padding: 20px 0;
}
/* line 458, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.dialog-bar .dialog-button,
.dialog-bar .dialog-conjunction,
.dialog-bar .dialog-anchor {
display: block;
text-align: center;
width: 100%;
}
/* line 481, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.optimized-registration_header:after {
left: 40px;
}
/* line 494, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.optimized-registration_header + .pagecol-wrapper {
padding: 0 10px;
}
/* line 506, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.optimized-registration_header h3,
.optimized-registration_header ul {
padding: 0 40px;
}
/* line 525, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.optimized-registration_header .header-image > img {
margin-bottom: 30px;
}
/* line 558, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.gallery-lightbox .lightbox__window {
width: 90%;
}
/* line 570, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.gallery-lightbox .lightbox__window .lightbox__close {
top: -45px;
right: 0;
}
/* line 580, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.gallery-lightbox .lightbox__window img {
max-width: 100%;
margin: 0 auto;
}
/* line 591, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.gallery-lightbox .lightbox__window .video__embed,
.gallery-lightbox .lightbox__window .video__wrapper {
width: 100% !important;
}
/* line 600, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.gallery-lightbox .lightbox__next,
.gallery-lightbox .lightbox__previous {
top: 110%;
-webkit-transform: initial;
transform: initial;
}
/* line 618, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.gallery-lightbox .lightbox__next {
right: 45px;
}
/* line 626, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.gallery-lightbox .lightbox__previous {
left: 45px;
}
/* line 641, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.kan-pop-box .lightbox__window {
top: 40%;
}
/* line 5, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
a.accordion__trigger,
.accordion__trigger, .content-page-menu li a, .productcategory-list__short li {
font-size: 1rem;
padding: 14px 20px 14px 10px;
}
/* line 39, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.accordion__trigger:after, .content-page-menu li a:after, .productcategory-list__short li:after {
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
content: '';
display: inline-block;
right: 10px;
color: #ff5a00;
}
/* line 48, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.accordion--active .accordion__trigger, .accordion--active .content-page-menu li a, .content-page-menu li .accordion--active a, .accordion--active .productcategory-list__short li, .productcategory-list__short .accordion--active li {
color: #ff5a00;
}
/* line 51, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.accordion--active .accordion__trigger:after, .accordion--active .content-page-menu li a:after, .content-page-menu li .accordion--active a:after, .accordion--active .productcategory-list__short li:after, .productcategory-list__short .accordion--active li:after {
-webkit-transform: rotate(90deg) translate(-50%);
transform: rotate(90deg) translate(-50%);
}
/* line 232, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.footer-menu-list {
border-bottom: 1px solid #333333;
margin-bottom: 14px;
}
/* line 357, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.productpnir a.accordion__trigger, .productpnir
.accordion__trigger {
padding: 14px 20px 14px 10px;
}
/* line 382, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.accordion__header {
font-size: 1rem;
padding: 14px 20px 14px 10px;
}
/* line 397, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
a.accordion__target,
.accordion__target {
display: none;
}
/* line 404, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
a.accordion__wrapper,
.accordion__wrapper {
border-top: 1px solid #EEEFEF;
}
/* line 456, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-bar-list a {
font-size: 0.875rem;
}
/* line 506, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-content {
padding: 10px 0;
}
/* line 511, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tab-content .article-list__wrapper {
margin: 10px 0;
padding: 10px 0;
}
/* line 639, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.check-list__header,
.solution-list__header {
color: #ff5a00;
font-size: 1rem;
}
/* line 647, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.solution-list {
font-size: 0.75rem;
}
/* line 689, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.trade-partner__list li {
float: none;
margin-bottom: 20px;
width: 100%;
}
/* line 706, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.trade-partner__list li a {
margin: 0;
}
/* line 820, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li {
margin-left: 20px;
}
/* line 840, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.tools li:first-child {
margin-left: 20px;
}
/* line 984, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.direct-shop-usp {
text-align: left;
}
/* line 991, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.direct-shop-usp li {
display: block;
}
/* line 1015, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.ufs-product-usplist {
padding: 0;
}
/* line 1085, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.distributor-list li {
width: 47%;
margin-right: 10px;
}
/* line 1096, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.distributor-list li:nth-child(2n) {
margin-right: 0;
}
/* line 1156, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.textimage-text ol li a {
word-break: break-word;
}
/* line 58, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
/* line 143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-8 a {
width: 85%;
margin: 5px auto;
display: block;
}
/* line 180, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge .spend-currency,
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge .spend-value,
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge .label {
font-size: 0.6875rem;
}
/* line 189, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge .loyalty-badge {
height: 43px !important;
width: 41px !important;
background-size: 41px 43px !important;
}
/* line 198, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge .loyalty-badge .loyalty-badge_amount {
font-size: 0.5rem;
}
/* line 174, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .loyalty-badge {
width: 150px !important;
height: unset !important;
padding: 11px 15px !important;
border-radius: 72px !important;
}
/* line 212, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 .icon-loyalty-orangelogged {
height: 80px;
width: 80px;
background-size: 80px;
}
/* line 169, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 {
position: absolute;
top: 40%;
}
/* line 234, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-8 {
width: 100% !important;
}
/* line 333, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-5 .canvasContainer {
margin-left: 0;
}
/* line 374, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-5 .canvasContainer .prizeBorder .prizeSpinner {
margin-top: unset !important;
}
/* line 413, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-6 h2 {
margin-top: unset;
}
/* line 320, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
margin-top: unset !important;
}
/* line 314, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof {
padding: 0px !important;
}
/* line 46, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty.extra-large {
clear: both;
float: none;
margin-top: 10px;
width: 100%;
}
/* line 98, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty__orange {
font-size: 0.6875rem;
}
/* line 133, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty__orange .value,
.product-loyalty__orange .label {
line-height: 1.1875rem;
}
/* line 140, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.product-loyalty__wrap {
margin-top: 10px;
}
/* line 148, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-catalog__title {
font-size: 40px;
margin: 50px 10px;
}
/* line 160, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-catalog__description {
margin: 0 10px 30px;
}
/* line 175, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-catalog__description > a {
display: block;
}
/* line 195, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-catalog__join .button {
float: none;
max-width: 100%;
}
/* line 206, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-catalog__join p {
float: none;
line-height: inherit;
margin: 20px 0 0;
text-align: center;
}
/* line 226, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_title h1 {
float: none;
margin-bottom: 30px;
text-align: left;
margin-left: 24px;
margin-top: 80px;
}
/* line 246, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_title span:first-child {
float: none;
margin-bottom: 30px;
text-align: left;
margin-left: 24px;
margin-top: 35px;
font-size: 1.75rem;
}
/* line 283, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_loggedout .button {
margin: 25px auto 0;
width: 100%;
}
/* line 278, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_loggedout {
padding: 20px;
}
/* line 344, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_header-left h2 {
font-size: 1.25rem;
line-height: 1.625rem;
}
/* line 355, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_header-left p {
font-size: 0.9375rem;
margin: 15px 0 25px 0;
}
/* line 395, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .loyalty-howto__text .loyalty-howto__left,
.loyalty-howto .loyalty-howto__text .loyalty-howto__right {
display: block;
text-align: center;
width: 40%;
}
/* line 404, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .loyalty-howto__text .loyalty-howto__center {
display: block;
text-align: center;
width: 20%;
}
/* line 392, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .loyalty-howto__text {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 10px;
}
/* line 420, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .loyalty-howto__left .label,
.loyalty-howto .loyalty-howto__right .label {
display: block;
margin: 5px auto;
}
/* line 431, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .loyalty-howto__center .equals {
font-size: 3.75rem;
margin-top: 0;
}
/* line 439, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .label,
.loyalty-howto .value {
margin: 10px 0;
}
/* line 460, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .spend-currency,
.loyalty-howto .spend-value {
font-size: 4.6875rem;
height: 82px;
line-height: 82px;
}
/* line 476, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .spend-currency + .spend-value,
.loyalty-howto .spend-value + .spend-currency {
margin-left: -5px;
}
/* line 483, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .loyalty-howto__arrow {
background-position: 90% center;
bottom: 0;
height: 100%;
left: 0;
margin: 0 auto;
padding-bottom: 100%;
position: absolute;
right: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
width: 100%;
z-index: 1;
}
/* line 510, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto .button {
margin: 20px 20px 0;
}
/* line 372, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-howto {
display: block;
font-size: 1rem;
height: auto;
padding: 20px 0;
}
/* line 555, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code_component h2 {
text-align: left;
}
/* line 574, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code_component ~ .notification {
padding: 10px 15px 10px 50px;
}
/* line 548, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code_component {
margin-top: 20px;
padding: 10px 15px;
}
/* line 596, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form h2 {
text-align: left;
}
/* line 622, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form .loyalty-code__input {
margin-top: 10px;
margin-bottom: 15px;
}
/* line 629, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form .loyalty-code__submit {
margin-top: 20px;
display: block;
margin-left: auto;
margin-right: auto;
width: 165px;
}
/* line 646, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form .loyalty-code__label,
.loyalty-code__form .loyalty-code__input {
width: 100%;
text-align: left;
}
/* line 673, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form .last-col a ~ a {
margin-top: 10px;
}
/* line 679, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form .error-message {
margin-top: -12px;
}
/* line 589, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-code__form {
display: block;
height: auto;
}
/* line 703, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_content-block > h2 {
margin: 20px 10px;
}
/* line 709, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_content-block > .button {
max-width: 100%;
width: calc(100% - 20px);
}
/* line 699, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_content-block {
margin: 20px 10px 0;
}
/* line 763, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_blocks {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/* line 779, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_info .loyalty-overview_block {
border-width: 1px 1px;
margin-left: 10px;
margin-right: 10px !important;
padding: 20px 15px;
width: calc(100% - 20px);
}
/* line 787, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_info .loyalty-overview_block + .loyalty-overview_block {
border-top: 1px solid #EEEFEF;
margin-top: 20px;
}
/* line 778, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_info {
margin: 20px 10px 0;
}
/* line 801, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_products .product:nth-of-type(3n+3) {
margin-right: 0px;
}
/* line 814, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_products .product .product__details {
padding: 10px 10px 0;
}
/* line 820, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_products .product .product__brand-overlay {
padding: 0 10px;
}
/* line 828, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_block {
border: 2px solid #EEEFEF;
border-width: 1px 0px;
padding: 20px 10px;
}
/* line 842, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_block + .loyalty-overview_block {
border-top: 0;
}
/* line 853, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-overview_loggedin {
margin: 0 10px;
}
/* line 867, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
body.rtl .loyalty-overview_loggedin .icon-loyalty-white {
float: none;
margin: 0 auto 20px;
}
/* line 887, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal {
font-size: 1rem;
padding-top: 0;
}
/* line 987, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__product.product-unavailable p {
float: none;
width: 100%;
}
/* line 994, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__product.product-unavailable .loyalty-goal__product-wrap {
float: none;
width: 100%;
}
/* line 1001, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__product.product-unavailable .loyalty-goal__product-wrap a {
font-size: 1rem;
}
/* line 1007, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__product.product-unavailable .icon-frown {
display: none;
}
/* line 986, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__product.product-unavailable {
font-size: 1rem;
text-align: left;
}
/* line 1025, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__product .loyalty-goal__product-wrap {
float: right;
width: 30%;
}
/* line 1041, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__product .loyalty-goal__product-wrap a {
font-size: 0.75rem;
}
/* line 1048, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__product p {
float: left;
text-align: left;
width: 60%;
}
/* line 1103, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.icon-loyalty-orange {
height: 100%;
}
/* line 1142, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-catalog__description .icon-loyalty-white {
float: none;
margin: 0 auto 20px;
}
/* line 1130, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.icon-loyalty-white {
float: none;
margin: 0 auto 20px;
}
/* line 1174, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards {
padding: 10px 17px;
margin-bottom: 50px;
}
/* line 1190, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .icon-loyalty-programme {
width: 90px;
height: 90px;
}
/* line 1213, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards h3 {
line-height: 21px;
font-size: 16px;
}
/* line 1225, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards p {
line-height: 18px;
margin: 5px 0;
}
/* line 1236, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .btn {
margin: 5px 0;
}
/* line 1250, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__product__wrapper {
margin-right: 20px;
}
/* line 1265, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
body.rtl .loyalty-rewards .loyalty-goal__product__wrapper {
margin-right: 0;
margin-left: 20px;
}
/* line 1271, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__product__wrapper img {
width: 100px;
}
/* line 1288, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__info-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 1294, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__progress-bar-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 15px;
}
/* line 1306, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__points {
-ms-flex-item-align: end;
align-self: flex-end;
margin-bottom: 8px;
}
/* line 1317, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__progress-bar {
margin-right: 0;
}
/* line 1334, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
body.rtl .loyalty-rewards .loyalty-goal__progress-bar {
margin-left: 0;
}
/* line 1351, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__not-set h3 {
margin-bottom: 15px;
}
/* line 1359, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-goal__not-set h3 + p {
margin-bottom: 20px;
}
/* line 1379, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-products {
padding: 10px 0;
}
/* line 1386, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-products li {
padding: 10px 15px;
}
/* line 1410, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-rewards .loyalty-products li:nth-child(n+4) {
display: none;
}
/* line 1482, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 h2 {
margin: 20px 24px 5px 24px;
font-size: 1.2rem;
line-height: inherit;
}
/* line 1494, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 p {
margin: 0 24px 30px 24px;
}
/* line 1503, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .orange-white {
padding-left: 5px;
padding-right: 5px;
font-size: 1rem;
width: 100%;
}
/* line 1516, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .orange {
padding-left: 5px;
padding-right: 5px;
font-size: 1rem;
width: 100%;
margin: 10px 0;
}
/* line 1528, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .center-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 10px 10px 25px;
}
/* line 1537, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .center-column .col-span-8 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
/* line 1541, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .center-column .col-span-4 {
text-align: center;
}
/* line 1555, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .loyalty-badge .spend-currency {
font-size: 2.5rem;
top: 2px;
}
/* line 1566, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .loyalty-badge .spend-value {
font-size: 2.5rem;
top: 2px;
}
/* line 1577, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .loyalty-badge .label {
font-size: 2.5rem;
top: 1px;
}
/* line 1547, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .loyalty-badge {
padding: 0 15px 0 15px;
}
/* line 1607, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .icon-loyalty-orange {
background-size: 45px;
top: 0px;
width: 46px;
}
/* line 1635, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .icon-loyalty-orangelogged .loyalty-badge_amount {
font-size: 1.25rem;
left: inherit;
top: inherit !important;
}
/* line 1623, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltyoverview-componentv2 .icon-loyalty-orangelogged {
min-height: 81px;
background-size: 76px;
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;
}
/* line 1700, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-bottom h3 {
margin-left: 0;
margin-right: 0;
font-size: 1.125rem;
}
/* line 1713, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-bottom .btn {
font-size: 0.875rem;
width: 100%;
top: 50px;
}
/* line 1771, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-left h3 {
margin-left: 0;
margin-right: 0;
font-size: 1.125rem;
}
/* line 1784, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-left .btn {
font-size: 0.875rem;
width: 100%;
top: 50px;
}
/* line 1795, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-left p {
font-size: 0.875rem;
}
/* line 1770, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-left {
margin: 30px 14px 14px 14px;
padding: 14px 15px 24px 15px;
}
/* line 1820, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-left .col-span-2 {
width: calc(16.66667% - 16.66667px);
margin-right: 20px;
float: left;
}
/* line 1826, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-left .col-span-10 {
width: calc(81.33333% - 3.33333px);
float: left;
padding: 0;
}
/* line 1836, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-right h3 {
font-size: 1.125rem;
}
/* line 1846, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-right p {
font-size: 0.75rem;
}
/* line 1835, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyaltycode-right {
margin: 0 14px 30px 14px;
padding: 14px 15px 0 15px;
}
/* line 1862, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .orange {
margin-bottom: 10px;
}
/* line 1895, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .radeem-voucher {
padding-bottom: 10px;
}
/* line 1931, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .redeem-btn {
position: relative;
top: 0;
}
/* line 1941, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyaltycodev2 .loyalty-goal__current {
margin-left: -18px;
}
/* line 1187, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .thirdparty-logo .thirdparty-logo_svg {
height: 39px;
width: 80px;
margin-top: 5px;
}
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-header {
height: 60px;
overflow: hidden;
position: fixed;
}
/* line 20, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-header.open {
height: 100%;
overflow: scroll;
}
/* line 27, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-header.search-active {
border-bottom: 2px solid #ff5a00;
margin-bottom: 150px;
overflow: visible;
}
/* line 33, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-header.search-active .inline-search {
display: block;
}
/* line 37, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-header.search-active .navigation-row {
display: none;
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-header.search-active .navigation-row_underlay {
border-color: #ffffff;
position: relative;
}
/* line 48, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-header + .channel-selector {
position: fixed;
}
/* line 82, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation > li,
.main-navigation_meta > li,
.main-navigation_meta-alt > li {
font-family: "Custom-Font-Regular", Arial, sans-serif;
border-top: 1px solid #EEEFEF;
float: none;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.main-navigation > li:lang(zh-TW),
.main-navigation_meta > li:lang(zh-TW),
.main-navigation_meta-alt > li:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 92, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation > li:last-child,
.main-navigation_meta > li:last-child,
.main-navigation_meta-alt > li:last-child {
border-bottom: 1px solid #EEEFEF;
}
/* line 100, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation > li > a,
.main-navigation_meta > li > a,
.main-navigation_meta-alt > li > a {
display: block;
padding: 8px 16px;
}
/* line 110, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation a,
.main-navigation li {
font-size: 1.125rem;
}
/* line 120, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation > li {
margin-right: 0;
}
/* line 146, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation li.expandable:after {
top: 17px;
right: 16px;
position: absolute;
background-image: url(app/images/sprite-1765293638613.png);
background-position: -437px -187px;
width: 13px;
height: 9px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
content: "";
}
/* line 169, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta a,
.main-navigation_meta li,
.main-navigation_meta-alt a,
.main-navigation_meta-alt li {
font-size: 0.8125rem;
}
/* line 185, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta > li,
.main-navigation_meta-alt > li {
padding-right: 0;
}
/* line 207, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.shopping-cart .cart-badge,
.main-navigation_meta-alt li.shopping-cart .cart-badge {
top: -5px;
right: -5px;
}
/* line 217, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.expandable,
.main-navigation_meta-alt li.expandable {
padding-right: 0;
}
/* line 229, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.expandable:after,
.main-navigation_meta-alt li.expandable:after {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -437px -187px;
width: 13px;
height: 9px;
top: 12px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
right: 16px;
content: "";
}
/* line 284, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.select-channel span[class$='badge'],
.main-navigation_meta-alt li.select-channel span[class$='badge'] {
right: 35px;
}
/* line 319, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_foldout,
.main-navigation_meta-foldout {
position: static;
}
/* line 348, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta-foldout a,
.main-navigation_meta-foldout li {
font-size: 0.75rem;
}
/* line 357, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta-foldout > li {
border-right: none;
border-left: none;
padding-left: 35px;
padding-right: 35px;
}
/* line 370, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta-foldout > li:first-child {
margin-top: 0;
}
/* line 378, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta-foldout > li:last-child {
border-bottom: none;
}
/* line 385, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta-foldout li.account {
padding: 0 16px;
width: 100%;
}
/* line 440, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row .main-navigation_meta > li {
display: block;
}
/* line 469, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row_logo-only {
border-bottom: 2px solid #ff5a00;
padding: 15px 10px;
}
/* line 481, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row_underlay {
border-bottom: 2px solid #ff5a00;
padding: 15px 10px;
}
/* line 493, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row_underlay .main-navigation_meta,
.navigation-row_underlay .main-navigation_meta-alt {
-webkit-transform: none;
transform: none;
top: 15px;
right: 20px;
}
/* line 504, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row_underlay .main-navigation_meta a,
.navigation-row_underlay .main-navigation_meta li,
.navigation-row_underlay .main-navigation_meta-alt a,
.navigation-row_underlay .main-navigation_meta-alt li {
border: none;
display: inline-block;
padding: 0 0 0 5px;
}
/* line 514, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-row_underlay .main-navigation_meta-alt {
-webkit-transform: none;
transform: none;
top: 15px;
left: 40px;
right: auto;
}
/* line 579, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.navigation-handle span[class$='badge'] {
top: -5px;
right: -10px;
}
/* line 8, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
html.minicart-open,
body.minicart-open {
height: 100vh;
overflow: hidden;
position: relative;
width: 100vw;
}
/* line 24, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart h3 {
font-size: 1.0625rem;
margin: 0 0 10px;
}
/* line 32, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart:before {
top: 60px;
}
/* line 57, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-close span {
margin-left: 0px;
}
/* line 63, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-close .icon.icon-close.grey.small {
display: inline-block;
}
/* line 69, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-close .icon.icon-close.grey {
display: none;
}
/* line 75, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-close__label {
display: none;
}
/* line 81, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-flyout {
height: calc(100% - 60px);
min-width: 0;
top: 60px;
width: 90%;
}
/* line 112, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-products__wrap {
padding-bottom: 360px;
}
/* line 124, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-products__wrap.expanded {
padding-bottom: 310px;
}
/* line 133, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product {
padding: 15px 0;
}
/* line 144, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__image {
width: 25%;
}
/* line 152, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details {
font-size: 0.875rem;
width: 75%;
}
/* line 171, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-quantity .label {
float: left;
margin-top: 5px;
}
/* line 178, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
body.rtl .minicart-product__details .product-quantity .label {
float: right;
}
/* line 200, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-remove {
font-size: 0.75rem;
margin-top: 3px;
}
/* line 217, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-price {
width: auto;
}
/* line 227, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-price__total {
font-size: 1.125rem;
}
/* line 238, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .product-price__description {
font-size: 0.5rem;
}
/* line 246, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-product__details .number-stepper {
float: right;
}
/* line 270, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals {
position: fixed;
bottom: 0;
}
/* line 277, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals .button {
font-size: 0.75rem;
width: 100%;
}
/* line 298, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals__delivery {
font-size: 0.625rem;
line-height: 1.25rem;
max-height: 80px;
height: 100%;
}
/* line 317, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals__content {
padding: 10px 15px;
}
/* line 325, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals__left {
margin-bottom: 15px;
width: 60%;
}
/* line 333, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals__right {
width: 40%;
}
/* line 345, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals__label {
font-size: 0.75rem;
}
/* line 354, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals__sum {
font-size: 1.25rem;
}
/* line 363, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-totals__description {
font-size: 0.5rem;
max-width: 100px;
}
/* line 372, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_minicart.scss */
.minicart-loyalty {
font-size: 0.5625rem;
margin-top: 11px;
}
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
input[type=text].number-stepper__input,
input[type=tel].number-stepper__input {
width: calc(100% - 120px);
}
/* line 139, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.ufs-quantity-select {
height: 40px;
margin-bottom: 15px;
}
/* line 147, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.ufs-quantity-select input[type="tel"] {
float: none;
height: 40px;
width: calc(100% - 120px);
border-radius: 0;
border: 1px solid #EEEFEF;
position: absolute;
z-index: 2;
margin-left: 60px;
}
/* line 171, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
body.rtl .ufs-quantity-select input[type="tel"] {
margin-left: 0px;
margin-right: 60px;
}
/* line 179, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.ufs-quantity-select_nav {
position: absolute;
height: 40px;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 5px;
z-index: 1;
}
/* line 199, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.ufs-quantity-select_button {
width: 60px;
height: 40px;
position: absolute;
top: 0;
padding: 0;
text-align: center;
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;
}
/* line 223, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.ufs-quantity-select_button:first-child {
right: 0;
border-bottom: 0;
}
/* line 227, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.ufs-quantity-select_button:last-child {
left: 0;
}
/* line 230, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.ufs-quantity-select_button .icon-arrow-up.orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -155px -334px;
width: 16px;
height: 16px;
}
/* line 233, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.ufs-quantity-select_button .icon-arrow-down.orange {
background-image: url(app/images/sprite-1765293638613.png);
background-position: -349px -98px;
width: 16px;
height: 3px;
}
/* line 14, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.orderdetails .order-history__detail {
margin: 0 10px 30px;
}
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.orderdetails .order-history__detail .cart-items_amount {
float: none;
width: 100%;
}
/* line 26, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.orderdetails .order-history__detail .cart-continueshopping {
float: none;
margin-top: 20px;
width: 100%;
}
/* line 81, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history.scss */
.kangaroo-order-ofs {
left: 34%;
}
/* line 1, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate {
margin: 0;
}
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .navigate-back:before {
border: 0;
}
/* line 15, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .summary-heading {
padding: 0 5px 0 5px;
}
/* line 27, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .order-again-button {
float: none;
width: 96%;
margin-left: 2%;
}
/* line 36, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .user-tp-details .info-border {
border-right: 0;
border-left: 0;
border-radius: 0;
}
/* line 55, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .message-from-tradepartner {
border-radius: 0;
padding: 5px 0 5px 0;
}
/* line 75, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .cart-items-table {
border-right: 0;
border-left: 0;
}
/* line 84, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .cart-item-heading {
font-size: 0.8rem;
}
/* line 104, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .quantity-column {
text-align: center;
}
/* line 111, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_order-history-v2.scss */
.order-history-newtemplate .price-column {
text-align: center;
}
/* line 76, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .ufs-product-name .alert,
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .ufs-product-name .notification {
top: 0;
left: 0;
position: absolute;
width: 100%;
z-index: 1;
}
/* line 83, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .ufs-product-name .alert.top-margin,
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .ufs-product-name .notification.top-margin {
margin: 0;
}
/* line 184, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-close-links span {
margin-left: 0px;
}
/* line 190, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-close-links .icon.icon-close.grey.small {
display: inline-block;
}
/* line 196, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-close-links .icon.icon-close.grey {
display: none;
}
/* line 201, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-close-links a {
display: none;
}
/* line 472, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .heading-text {
white-space: nowrap;
max-width: 70% !important;
overflow: hidden;
text-overflow: ellipsis;
line-height: normal;
}
/* line 494, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header {
margin-top: 0;
}
/* line 503, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header + .pdp-details {
margin-top: 0;
}
/* line 508, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .loyalty-labels {
margin: 15px 0;
}
/* line 569, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .promotionlabel-pill {
padding: 1px 20px 3px 8px;
position: absolute;
right: -35px;
margin-top: 10px;
}
/* line 587, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .images-col {
padding-bottom: 20px;
-webkit-box-shadow: inset 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
}
/* line 592, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .images-col .loyalty-badge {
display: none;
}
/* line 595, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .images-col .ufs-product-name {
margin: 0 20px;
padding: 0 25px 0 0;
}
/* line 598, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-header .images-col .ufs-product-name {
padding: 0 0 0 25px;
}
/* line 602, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .images-col h1 {
font-size: 1.25rem;
}
/* line 608, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .images-col .heading-text {
font-size: 1.25rem;
color: #333333;
}
/* line 636, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-product-name .alert,
.pdp-header .ufs-product-name .notification {
width: calc(100% - -25px);
}
/* line 643, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-product-name .alert.top-margin,
.pdp-header .ufs-product-name .notification.top-margin {
margin: 0;
}
/* line 682, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch:not(.single-unit) {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
clear: both;
}
/* line 694, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-header .ufs-unit-switch_container:nth-child(2) {
margin-left: 0 !important;
}
/* line 690, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch_container {
width: 47%;
}
/* line 712, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch_container:nth-child(2) {
margin-left: 17px;
min-height: 88px;
margin-right: inherit;
}
/* line 717, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-header .ufs-unit-switch_container {
width: 47%;
}
/* line 719, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-header .ufs-unit-switch_container:nth-child(1) {
margin-left: 16px !important;
min-height: 88px;
}
/* line 738, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch_button {
height: 88px;
}
/* line 757, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch_button span:first-child:not(:only-child) {
font-size: 0.75rem;
}
/* line 801, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-quantity-select input[type="tel"] {
border: 2px solid #949494;
min-height: 44px;
font-size: 0.875rem;
}
/* line 797, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-quantity-select {
margin-left: 0;
width: 100%;
margin: 50px 0 30px 0;
}
/* line 836, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-quantity-select_nav {
min-height: 44px;
}
/* line 842, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-quantity-select_nav .ufs-quantity-select_button {
min-height: 44px;
}
/* line 847, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-quantity-select_nav .ufs-quantity-select_button:first-child {
border-bottom: 0;
}
/* line 862, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section,
.pdp-section-header {
margin: 0 10px;
width: auto;
padding-bottom: 20px;
}
/* line 878, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .ufs-addtocart .add-to-cart__notification,
.pdp-section_top .ufs-addtocart .add-to-cart__notification {
left: 0;
max-width: none;
top: -120%;
width: 100%;
z-index: 3;
}
/* line 898, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-traveling-shopmenu .ufs-addtocart .add-to-cart__notification, body.rtl
.pdp-section_top .ufs-addtocart .add-to-cart__notification {
right: 0;
}
/* line 915, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section + .pdp-section {
margin-top: 0px;
padding-top: 40px;
}
/* line 929, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story {
padding: 0 20px 20px;
}
/* line 947, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story h1 {
font-size: 1.25rem;
font-weight: 600;
}
/* line 954, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .heading-text {
font-size: 1.25rem;
font-weight: 600;
}
/* line 965, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table {
display: block;
}
/* line 972, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table:before {
display: block;
content: '';
background: #EEEFEF;
height: 20px;
width: 100%;
border-top: 5px solid #ff5a00;
}
/* line 982, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .video-image {
width: auto;
margin: 0 -10px;
}
/* line 999, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-section.selling-story .video-image-table .video-image {
margin: 0 -10px;
}
/* line 1057, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .text {
width: 100%;
}
/* line 1069, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .text .content:before {
content: none;
}
/* line 1079, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .text .content:after {
display: none;
}
/* line 1098, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .video-image-table .text .content h2 {
margin: 0;
padding: 20px;
font-size: 1.25rem;
line-height: normal;
}
/* line 1111, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .usp-block {
margin: 30px 0;
}
/* line 1117, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .usp-block h2 {
margin-bottom: 20px;
}
/* line 1123, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.selling-story .usp-block .usp__list {
margin: 20px 0;
}
/* line 1173, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section h2 {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 1rem;
margin-bottom: 30px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.pdp-section h2:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1186, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section .related-recipes h2 {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 1.25rem;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.pdp-section .related-recipes h2:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1196, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section h3 {
font-size: 1rem;
}
/* line 1213, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.ufs-product-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/* line 1217, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.ufs-product-details .pdp-section_proplist {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
border-bottom: 0;
}
/* line 1224, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top {
padding: 0 20px 30px;
}
/* line 1321, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ufs-product-cta .btn {
min-height: 50px;
}
/* line 1328, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.non-webshop .pdp-section_top .ufs-product-cta {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/* line 1335, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.non-webshop .pdp-section_top .ufs-product-cta .btn {
width: 100%;
}
/* line 1342, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.non-webshop .pdp-section_top .ufs-product-cta .btn:first-child {
margin-bottom: 20px;
}
/* line 1413, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .content-tools ul {
float: none;
}
/* line 1420, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .product-codes {
padding-top: 25px;
}
/* line 1460, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .webshop-pkg {
right: 0;
}
/* line 1471, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .qty {
position: relative;
top: 140px;
float: left;
left: 0px;
}
/* line 1498, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-section_top .qty {
right: 5px;
float: right;
}
/* line 1539, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ups-item {
width: 100%;
text-align: inherit;
padding: 15px 0 15px 0;
}
/* line 1550, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ups-item .cart {
height: 32px;
width: 32px;
float: left;
background-image: url(../../designs/ufs-aem/static/images/product-ups/icon-mobile-services-cart.svg);
}
/* line 1562, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ups-item .gift {
height: 32px;
width: 32px;
float: left;
background-image: url(../../designs/ufs-aem/static/images/product-ups/icon-mobile-services-gift.svg);
}
/* line 1574, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ups-item .chat {
height: 32px;
width: 32px;
float: left;
background-image: url(../../designs/ufs-aem/static/images/product-ups/icon-mobile-services-chat.svg);
}
/* line 1586, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ups-item .quality {
height: 32px;
width: 32px;
float: left;
background-image: url(../../designs/ufs-aem/static/images/product-ups/icon-mobile-services-quality.svg);
}
/* line 1598, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .ups-item .caption {
float: left;
margin-left: 10px;
padding: 10px;
font-size: 0.875rem;
}
/* line 1613, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top--content-tools {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
border-top: 1px solid #EEEFEF;
}
/* line 1638, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.related-recipes h2,
.related-articles h2,
.related-products h2,
.pdp-section-header h2 {
font-size: 1.25rem;
font-weight: bold;
}
/* line 1655, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section-header h2 {
font-family: "Custom-Font-Regular", Arial, sans-serif;
font-size: 1.25rem;
margin-bottom: 30px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.pdp-section-header h2:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1672, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-row + .pdp-row,
.fold + .pdp-row {
margin-top: 20px;
}
/* line 1696, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-video {
margin-left: 0;
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;
}
/* line 1703, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-video .video__chef-overlay {
position: static;
width: auto;
padding: 20px;
}
/* line 1714, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedproducts > div {
padding-top: 0;
}
/* line 1840, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.product-information-icons li figure img {
max-width: 60px;
}
/* line 1847, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.product-information-icons li figure figcaption {
display: none;
}
/* line 1862, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.fold .arrow {
top: 5px;
height: 14px;
width: 14px;
}
/* line 1866, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.fold .arrow:before, .fold .arrow:after {
height: 1px;
width: 8px;
}
/* line 1871, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.fold .arrow:after {
left: 5px;
}
/* line 1875, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.fold.closed .arrow:before {
left: 5px;
}
/* line 1884, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.recipe-related-products .product-tile {
margin-left: 20px;
}
/* line 1888, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section.recipe-related-products .product-tile:first-child {
margin-left: 0;
}
/* line 1891, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-section.recipe-related-products .product-tile:first-child {
margin-right: 0;
}
/* line 1896, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-section.recipe-related-products .product-tile {
margin-right: 20px;
}
/* line 43, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner.center-column,
.trading-partner_direct-shop.center-column {
padding: 20px 10px;
}
/* line 71, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner_direct-shop .button {
width: 100%;
}
/* line 84, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.trading-partner__label {
font-size: 1.375rem;
}
/* line 391, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row .product-caption {
padding-top: 10px;
}
/* line 405, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row .product-caption + .product-caption {
padding-top: 0;
}
/* line 417, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row.product-quantity .number-stepper {
width: 60%;
}
/* line 447, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-row.product-packaging > .label {
float: none;
}
/* line 498, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch input[type="radio"] + label {
padding: 9px 0;
}
/* line 481, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.legacy-form .unit-switch {
margin-top: 10px;
}
/* line 724, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.product-add__favorites {
padding: 10px 5px;
text-align: center;
}
/* line 779, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.loyalty-product .product-loyaltypoints > .label {
float: none;
width: 100%;
}
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_poll.scss */
.poll {
margin: 0 15px;
}
/* line 24, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product h3 a {
padding: 0 0 5px;
}
/* line 27, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product h3, .product__lister .product h3 a {
font-size: 1rem;
line-height: 1rem;
}
/* line 31, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product h4, .product__lister .product h4 a {
font-size: 1rem;
}
/* line 10, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product {
width: 100%;
}
/* line 44, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .container {
border: 0;
display: table;
width: 100%;
}
/* line 58, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__image a {
padding: 10px;
padding-right: 0;
}
/* line 68, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__image img {
max-height: 150px;
}
/* line 54, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__image {
height: auto;
}
/* line 98, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product .product__brand-overlay h2 {
height: auto;
}
/* line 239, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister.recipes .product .product__image a {
padding: 0;
}
/* line 247, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister {
border-top: solid 1px #EEEFEF;
margin-top: 10px;
padding: 10px 10px 0 10px;
}
/* line 257, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.recipe-overview .product__lister:nth-of-type(n+2) {
border-top: none;
margin-top: 0;
}
/* line 264, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.category-result .product__lister {
margin-top: -1px;
}
/* line 274, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .col__gutter {
min-height: 0;
margin: 0;
}
/* line 297, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .promo-block {
margin: 0;
}
/* line 315, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .promo-block .container {
border: 0;
border-bottom: solid 1px #EEEFEF;
min-height: 0;
}
/* line 394, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block h2.header__need, .product__need-solution-block h3.header__need {
margin: 0;
}
/* line 407, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block h2.header__solution, .product__need-solution-block h3.header__solution {
padding: 0;
}
/* line 429, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .bg-image .title-block {
position: absolute;
bottom: 10px;
}
/* line 449, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .radial-glow:before {
left: auto;
right: 15%;
-webkit-box-shadow: 0px 0px 140px 50px #fefa41;
box-shadow: 0px 0px 140px 50px #fefa41;
}
/* line 458, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container {
min-height: 200px;
width: 100%;
padding-bottom: 0;
}
/* line 472, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container .buttons {
position: static;
padding-top: 10px;
}
/* line 483, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container .buttons .button {
margin: 0 10px 10px 0;
}
/* line 491, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container .buttons .button:first-child {
float: left;
margin-bottom: 10px;
}
/* line 488, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container .buttons .button {
float: left;
}
/* line 506, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container img {
margin: 0 auto;
max-width: 75%;
}
/* line 542, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container.orange h3, .product__need-solution-block .container.orange .buttons {
position: static;
}
/* line 546, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container.orange .product__need-solution-block__link {
position: static;
width: 100%;
}
/* line 557, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container .product__need-solution-block__link {
position: static;
}
/* line 567, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__need-solution-block .container .product__need-solution-block__link .header__solution {
padding: 0;
}
/* line 598, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product--sample {
min-height: 140px;
}
/* line 606, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product--sample .inner-horizontal-list {
clear: both;
}
/* line 918, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-info h2 {
margin: 0;
padding: 14px 10px;
}
/* line 922, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-info h3 {
font-size: 1rem;
margin: 0;
}
/* line 944, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-info__list > li,
.product-info__list .li {
border-bottom: 1px solid #EEEFEF;
color: #000000;
font-size: 0.75rem;
}
/* line 962, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-info__list h3 {
color: #292929;
margin-bottom: 0;
}
/* line 981, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-info__list.padding-left {
padding-left: 0;
}
/* line 990, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-info__detail {
padding: 10px;
display: block !important;
}
/* line 1005, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.usp__list {
margin-bottom: 20px;
}
/* line 1049, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog__form {
margin: 0;
}
/* line 1076, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile) {
width: 100%;
-webkit-flex: initial;
max-width: 100%;
margin: 10px 15px 10px 15px;
}
/* line 1114, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile) .product__details.webshop {
height: auto;
}
/* line 1136, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).ufsshop .product__image {
height: auto;
width: 50%;
margin: 0 0 0 20px;
}
/* line 1148, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).ufsshop .product__details .product-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
float: right;
margin-bottom: 20px;
width: 40%;
}
/* line 1167, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).ufsshop .product__details .product-price__vat {
display: block;
float: none;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
position: static;
text-align: right;
-webkit-transform: none;
transform: none;
width: 100%;
}
/* line 1186, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).ufsshop .product__details .product-price__total {
display: block;
float: none;
font-size: 1.25rem;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
}
/* line 1199, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
body.rtl .pnir-catalog_products .product:not(.promotion-tile).ufsshop .product__details .product-price__total {
float: none;
}
/* line 1143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).ufsshop .product__details {
float: none;
margin-top: -80px;
width: 100%;
}
/* line 1210, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).ufsshop .loyalty-badge {
left: auto;
right: calc(-100% - -40px);
top: 20px;
}
/* line 1221, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).unavailable .product__image {
margin: 0 auto;
}
/* line 1230, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).loyalty-product .product__brand-overlay h2 {
min-height: auto;
margin-bottom: 20px;
}
/* line 1243, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).loyalty-product .product__image {
height: auto;
width: 100%;
}
/* line 1249, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .product:not(.promotion-tile).loyalty-product .product__details {
margin-top: 0px;
}
/* line 1293, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .button-container {
margin: 20px;
}
/* line 1298, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_products .button-loadmore {
width: 100%;
}
/* line 1308, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-catalog_footnote {
margin: 50px 20px 20px 20px;
}
/* line 1317, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-category-sub-content p {
padding: 14px 20px;
}
/* line 1325, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.pnir-category-secondary-content p {
padding: 14px 20px;
}
/* line 1343, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product__details--buttons.webshop .order-cu,
.product__lister .product__details--buttons.webshop .order-du {
margin-top: 10px;
}
/* line 1349, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product__details--buttons.webshop .price-cu {
margin-bottom: 0;
}
/* line 1355, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product__lister .product__details--buttons.webshop .price-du {
position: static;
}
/* line 1428, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight {
margin: 0 10px;
padding-bottom: 10px;
}
/* line 1453, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product-price-and-badge .col-span-4 {
float: left;
width: 33.33333%;
}
/* line 1460, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product-price-and-badge .col-span-8 {
float: right;
margin-top: 0;
width: 66.66667%;
}
/* line 1473, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister {
border: none;
}
/* line 1496, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product__description {
margin-bottom: 40px;
}
/* line 1503, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product__description p {
height: 60px;
}
/* line 1511, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product__description p:after {
bottom: 30px;
left: 0;
position: absolute;
}
/* line 1528, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product__description.open p {
min-height: 60px;
}
/* line 1542, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product-price__total {
font-size: 2.375rem;
line-height: 2.375rem;
}
/* line 1569, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-highlight .product__lister .product__details--buttons .button,
.product-highlight .product__lister .product__details--buttons .button:first-child {
right: 10px;
}
/* line 1625, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.trading-partner__selected > a {
display: block;
margin-top: 10px;
}
/* line 1634, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.trading-partner__selected-name {
display: inline;
padding: 0;
}
/* line 1659, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.trading-partner__connected {
display: block;
margin-top: 10px;
padding-left: 0;
}
/* line 1768, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.promotion-badge {
border-radius: 0 5px 5px 0;
left: 0;
right: auto;
top: 10px;
}
/* line 1794, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.searchresultv2 .item-list__image .promotion-badge {
top: 90px;
height: auto;
}
/* line 1799, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
body.rtl .searchresultv2 .item-list__image .promotion-badge {
border-radius: 5px 0 0 5px;
}
/* line 1834, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.rtb-container {
display: block;
}
/* line 1861, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-sorting {
margin: 0 20px;
position: relative;
text-align: left;
}
/* line 1870, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.product-sorting__label {
top: 50%;
position: absolute;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
width: 20%;
}
/* line 1877, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.legacy-form .product-sorting__select {
display: block;
float: right;
margin: 0;
width: 75%;
}
/* line 1923, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.sso-component .button {
width: 100%;
}
/* line 1917, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.sso-component {
text-align: center;
}
/* line 1956, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 .col-span-3 {
width: calc(25% - 15px);
margin-right: 10px;
float: left;
}
/* line 1963, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 .col-span-9 {
width: calc(75% - 5px);
margin-right: 0px;
float: left;
}
/* line 1988, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 .product__details {
margin-top: 19px;
}
/* line 1994, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 .product__details .col-span-6 {
width: calc(50% - 10px);
margin-right: 10px;
float: left;
}
/* line 2013, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.ufs-ingredient .producttile-nonewebshop-v2 .product__details .col-span-6:last-of-type {
width: calc(50% - 10px);
margin-right: 0px;
float: left;
}
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_read-more-toggle.scss */
.read-more-trigger {
font-size: 0.75rem;
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_read-more-toggle.scss */
.read-more-trigger:after {
zoom: 90%;
}
/* line 108, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts > li .subcontacts li.subsalescontact img + div {
display: inline-block;
width: calc(100% - 85px - 20px);
}
/* line 125, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts li:before, .sales-contacts li:after {
content: "";
display: table;
}
/* line 133, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts li:after {
clear: both;
}
/* line 140, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts img {
max-width: 85px;
}
/* line 153, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts span:not(.sales-contact__tradepartner-button):nth-child(2) {
padding-left: 0;
}
/* line 159, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts span:not(.sales-contact__tradepartner-button).with-image {
display: block;
width: auto;
}
/* line 168, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts span:not(.sales-contact__tradepartner-button).with-image:nth-child(2) {
margin-top: 5px;
}
/* line 149, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts span:not(.sales-contact__tradepartner-button) {
float: none;
width: auto;
}
/* line 189, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contact {
display: inline-block;
width: calc(100% - 85px - 20px);
}
/* line 217, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contact__tradepartner-button {
width: 85%;
margin-left: 0;
}
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.category-list {
background-color: #EEEFEF;
padding: 10px 10px 5px 10px;
}
/* line 12, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.category-list > li {
padding: 5px 0;
}
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.category-list li {
font-size: 0.75rem;
margin-right: 20px;
padding-bottom: 5px;
}
/* line 48, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.category-list li.label {
margin-right: 0;
padding-right: 10px;
text-align: right;
width: 97px;
}
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.item-list__rows > li {
padding: 5px 10px;
}
/* line 69, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .page-header_search {
margin-top: 0;
}
/* line 75, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal {
padding: 20px 0 5px 0;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal .add-to-cart {
padding: 15px;
}
/* line 89, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal .add-to-cart button {
margin-top: 0;
max-width: inherit;
}
/* line 97, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal .sel-buy-it-now-button {
margin-top: 65px;
margin-bottom: 10px;
margin-left: 14px;
width: 92%;
max-width: 100%;
}
/* line 110, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal__image {
margin-left: 20px;
margin-top: 30px;
}
/* line 116, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal__header {
margin-top: 30px;
}
/* line 126, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .unavailable .product-unavailable {
text-align: center;
width: 100%;
margin-top: inherit;
}
/* line 142, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal__header .promotion-label {
display: none;
}
/* line 160, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .promotion-label-container {
position: relative;
max-width: 80%;
width: 100%;
}
/* line 165, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .promotion-label-container .promotion-label {
top: 15px;
right: 10px;
}
/* line 182, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal__quantity-selector {
margin-top: 25px;
}
/* line 192, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal__unit-selector {
padding: 10px;
}
/* line 196, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal__unit-selector .price-disclaimer {
top: 73px;
}
/* line 202, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile-footer {
background-color: #FBFCFE;
border-radius: 0 0 5px 5px;
border-top: 1px solid #e6e6e6;
min-height: 62px;
}
/* line 322, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup .camera-crop-top {
height: 35%;
}
/* line 334, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup .camera-crop-bottom {
height: 35%;
}
/* line 380, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.show-all-filter {
margin-left: 25px;
}
/* line 403, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_product-v2 .product-tile_horizontal__quantity-selector {
margin-top: 10px;
padding: 5px;
}
/* line 413, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_product-v2 .product-tile_horizontal .price-disclaimer {
top: 10px;
}
/* line 427, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .product-tile_horizontal__header,
.global-search-result-overview .search-list .product-tile_horizontal__unit-selector {
padding: 15px 20px 10px 20px;
margin-top: 0;
}
/* line 443, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .product-tile-footer {
border-radius: 0 0 5px 5px;
border-top: 1px solid #e6e6e6;
min-height: auto;
background: none;
}
/* line 451, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__type_academy,
.global-search-result-overview .search-list .item-list__type_other {
width: 23.4%;
margin: 0 20px 20px 15px;
}
/* line 489, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe,
.global-search-result-overview .search-list .item-list__type_academy,
.global-search-result-overview .search-list .item-list__type_other {
width: auto;
max-width: 150px;
margin: 0 10px 20px 15px;
}
/* line 500, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__body,
.global-search-result-overview .search-list .item-list__type_academy .item-list__body,
.global-search-result-overview .search-list .item-list__type_other .item-list__body {
margin: auto;
padding: 0;
width: 156px;
max-width: 156px;
}
/* line 563, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-category-title .search-category-lists {
margin-bottom: 1px;
margin-top: 0;
}
/* line 593, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .product-tile_horizontal__image img {
max-height: 125px;
}
/* line 654, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .product-content-list {
height: auto;
}
/* line 716, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-layout-wrapper.layout-wrapper {
max-width: 99%;
}
/* line 807, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* line 811, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_product-v2 {
width: 90%;
margin: 20px;
}
/* line 815, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .product-tile_horizontal {
width: 320px;
margin: auto;
}
/* line 827, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__image,
.global-search-result-overview .search-list .item-list__type_academy .item-list__image,
.global-search-result-overview .search-list .item-list__type_other .item-list__image {
width: 100%;
max-height: 170px;
border: none;
padding: 0 0 10px 0;
}
/* line 837, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__image .article-type-overlay-recipe.video-icon:after,
.global-search-result-overview .search-list .item-list__type_academy .item-list__image .article-type-overlay-recipe.video-icon:after,
.global-search-result-overview .search-list .item-list__type_other .item-list__image .article-type-overlay-recipe.video-icon:after {
height: auto;
left: 15px;
}
/* line 847, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_product {
width: 94%;
margin: 10px;
}
/* line 850, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_product .col-span-4 {
width: 297px;
height: auto;
margin: auto;
padding: 0;
}
/* line 856, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_product .product__details {
float: none;
width: 100%;
}
/* line 861, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_product .product__details--buttons .ps-widget.ps-enabled {
width: 100%;
}
/* line 867, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list.show-search-category-layout {
display: block;
overflow: hidden;
}
/* line 874, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .item-list__rows li .item-list__type_product > figure {
height: auto;
}
/* line 879, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-category-title {
padding: 0 0 20px 15px;
}
/* line 888, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-filter-overview {
top: 139px;
}
/* line 890, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-filter-overview .recipe__filter {
visibility: visible;
}
/* line 895, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-filter-overview .list-filter ul.list-filter__children {
margin-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-x: scroll;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
scrollbar-width: none;
}
/* line 906, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.sales-contact__filter {
visibility: visible;
}
/* line 911, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-layout-wrapper .item-list__footer {
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 915, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-layout-wrapper .showall-search-category-lists-mobile {
font-size: 14px;
font-weight: 600;
border: 2px solid #ff5a00;
border-radius: 6px;
padding: 13px 24px;
margin-bottom: 20px;
width: 90%;
text-align: center;
display: block;
margin: 20px auto;
}
/* line 926, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-layout-wrapper .showall-search-category-lists-mobile a {
text-decoration: none;
}
/* line 932, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .global-search-result-title {
padding: 20px;
top: 60px;
margin-top: 20px;
max-width: 100%;
}
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions,
.suggestions_geosearch,
.showCaterlys_address {
border: none;
}
/* line 17, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.showCaterlys_address {
border: 1px solid #949494;
}
/* line 23, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions {
width: 100%;
left: 0;
}
/* line 113, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-row-pwa {
padding: 5px 5px 10px 5px;
margin: 0 12px;
border: none;
}
/* line 119, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-row-pwa .item-list__rows .item-list__title {
color: #000000;
white-space: pre-wrap;
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.suggestions-row-pwa .item-list__rows .item-list__title:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 123, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-row-pwa .item-list__rows .item-list__title mark {
color: #ff5a00 !important;
}
/* line 127, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-row-pwa .item-list__rows .item-list__body {
color: #000000;
font-family: "Custom-Font-Regular", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.suggestions-row-pwa .item-list__rows .item-list__body:lang(zh-TW) {
font-family: "Custom-Font-Regular", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 130, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-row-pwa .item-list__rows .item-list__body mark {
color: #ff5a00 !important;
}
/* line 136, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-row-pwa .suggestions-list a {
color: #ff5a00;
}
/* line 140, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-row-pwa .h4 {
font-size: 1rem;
color: #333333;
font-family: "Custom-Font-Medium", Arial, sans-serif;
border-top: 1px solid #EEEFEF;
display: block;
padding-top: 10px;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.suggestions-row-pwa .h4:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 176, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions_geosearch {
top: 73px;
width: 100%;
}
/* line 280, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.main-header-v5 .suggestions {
width: 100%;
left: 0;
}
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.swipecarousel {
position: relative;
width: 320px;
height: 260px;
margin: 20px auto 0 auto;
overflow: hidden;
}
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.swipecarousel__slide {
width: 320px;
float: left;
}
/* line 36, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_swipecarousel.scss */
.swipecarousel__slide:before {
content: none;
}
/* line 115, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.nutritional-info thead th {
font-size: 0.75rem;
}
/* line 133, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.nutritional-info tbody th, .nutritional-info tbody td {
font-size: 0.75rem;
}
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tooltip.scss */
[data-tooltip] {
display: none;
}
/* line 48, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__row .label {
display: block;
float: none;
padding: 0;
width: 100%;
}
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__row .value {
float: none;
}
/* line 87, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__tools li + li {
margin: 10px 0 0 0;
}
/* line 83, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__tools li {
display: block;
margin-left: 0;
}
/* line 102, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__tools .tradepartner-delete a {
margin-left: 6px;
}
/* line 101, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__tools .tradepartner-delete {
margin-left: 2px;
}
/* line 120, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__tools .tradepartner-make-default a {
margin-left: 8px;
}
/* line 119, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tradepartners.scss */
.tradepartner-management__tools .tradepartner-make-default {
margin-left: 4px;
}
/* line 22, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_twentytwenty.scss */
.height-400 .twentytwenty__wrapper {
height: auto;
}
/* line 66, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options {
padding: 10px 17px;
}
/* line 131, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options input:checked ~ ul > li:not(:first-child) {
display: none;
}
/* line 143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options__list {
float: left;
margin-right: 17px;
width: calc(66% - 17px);
}
/* line 161, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options__list > li .button {
width: 100%;
}
/* line 197, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options__list > li:not(:first-child) {
margin-top: 15px;
}
/* line 14, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-1, .page-header.mobile-header__type-2 {
background-color: transparent;
}
/* line 20, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-1 .pagecol-static-left .title-block, .page-header.mobile-header__type-2 .pagecol-static-left .title-block {
background-color: transparent;
background-image: none;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-1 .pagecol-flex-right .title-container, .page-header.mobile-header__type-2 .pagecol-flex-right .title-container {
position: relative;
left: auto;
padding: 20px;
}
/* line 43, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-1 .pagecol-flex-right .title-container h2, .page-header.mobile-header__type-1 .pagecol-flex-right .title-container .h2, .page-header.mobile-header__type-2 .pagecol-flex-right .title-container h2, .page-header.mobile-header__type-2 .pagecol-flex-right .title-container .h2 {
font-size: 1.75rem;
margin: 20px 0;
}
/* line 53, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-1 .pagecol-flex-right {
display: none;
}
/* line 52, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-1 {
height: 300px;
}
/* line 68, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-3 .pagecol-static-left .title-block, .page-header.mobile-header__type-4 .pagecol-static-left .title-block {
height: auto;
position: absolute;
width: auto;
z-index: 11;
}
/* line 75, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-3 .pagecol-static-left .title-container, .page-header.mobile-header__type-4 .pagecol-static-left .title-container {
position: static;
}
/* line 78, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-3 .pagecol-static-left .title-container h1, .page-header.mobile-header__type-3 .pagecol-static-left .title-container .h1, .page-header.mobile-header__type-4 .pagecol-static-left .title-container h1, .page-header.mobile-header__type-4 .pagecol-static-left .title-container .h1 {
font-size: 1.75rem;
}
/* line 87, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-3 .pagecol-flex-right .title-container, .page-header.mobile-header__type-4 .pagecol-flex-right .title-container {
display: none;
}
/* line 97, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-3 .pagecol-static-left .title-block {
top: -330px;
background-color: transparent;
margin-left: 10px;
}
/* line 103, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-3 .pagecol-static-left .title-container {
margin-top: 80px;
}
/* line 130, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-3 .pagecol-flex-right .title-container {
display: block;
left: 20px;
padding-right: 20px;
top: -300px;
}
/* line 161, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-4 .pagecol-static-left .title-block {
top: -275px;
background: transparent;
}
/* line 171, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-6 .pagecol-static-left .title-block {
background-color: transparent;
margin-left: 10px;
}
/* line 175, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-6 .pagecol-static-left .title-container {
top: 65%;
}
/* line 182, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-5 {
background-color: transparent;
}
/* line 187, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-5 .pagecol-static-left .title-block {
background-color: transparent;
background-image: none;
}
/* line 197, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-5 .pagecol-flex-right .title-container {
position: relative;
left: auto;
padding: 0 20px;
}
/* line 213, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-5 .pagecol-flex-right .title-container h2, .page-header.mobile-header__type-5 .pagecol-flex-right .title-container .h2 {
color: #000000;
text-shadow: none;
}
/* line 232, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header .title-container h1, .page-header .title-container .h1 {
font-size: 1.75rem;
}
/* line 244, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header .title-container h1:lang(th-TH), .page-header .title-container .h1:lang(th-TH) {
line-height: 140%;
}
/* line 222, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header .title-container {
bottom: auto;
left: 10px;
}
/* line 272, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header__content {
padding: 14px 10px;
}
/* line 278, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header__image-block {
left: 0;
width: 100%;
}
/* line 324, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header__title-bg {
top: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#99000000', EndColorStr='#00000000');
}
/* line 337, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header__backdrop {
display: none;
}
/* line 24, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-crop.pct10 .click-cover, .page-preview-crop.pct30 .click-cover, .page-preview-crop.pct50 .click-cover, .page-preview-crop.pct70 .click-cover, .page-preview-crop.pct90 .click-cover {
height: 310vh;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .overlay-block {
max-width: 100%;
-webkit-transform: translate(-50%, -190%);
transform: translate(-50%, -190%);
top: 61%;
left: 50%;
}
/* line 104, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-wrapper {
padding: 0 35px;
text-align: left;
}
/* line 116, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
body.rtl .page-preview-overlay .page-preview-wrapper {
text-align: right;
}
/* line 121, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-wrapper.align-left, .page-preview-overlay .page-preview-wrapper.align-right {
padding: 0 20px;
}
/* line 144, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-wrapper.align-left li, .page-preview-overlay .page-preview-wrapper.align-right li {
font-size: 0.8125rem;
}
/* line 150, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-wrapper.align-left .account-login, .page-preview-overlay .page-preview-wrapper.align-right .account-login {
font-size: 0.875rem;
}
/* line 160, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-wrapper.align-left .btn {
-ms-flex-item-align: start;
align-self: flex-start;
}
/* line 164, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
body.rtl .page-preview-overlay .page-preview-wrapper.align-left .btn {
-ms-flex-item-align: end;
align-self: flex-end;
}
/* line 186, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-wrapper.align-right li {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
/* line 194, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
body.rtl .page-preview-overlay .page-preview-wrapper.align-right li {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
/* line 204, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-wrapper.align-right .btn {
-ms-flex-item-align: end;
align-self: flex-end;
}
/* line 208, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
body.rtl .page-preview-overlay .page-preview-wrapper.align-right .btn {
-ms-flex-item-align: start;
align-self: flex-start;
}
/* line 215, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-wrapper.align-center {
text-align: left;
}
/* line 221, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
body.rtl .page-preview-overlay .page-preview-wrapper.align-center {
text-align: right;
}
/* line 228, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay h3 {
font-size: 1.5rem;
margin-bottom: 15px;
}
/* line 245, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
body.rtl .page-preview-overlay li {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
/* line 239, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
}
/* line 276, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-banner {
padding: 20px 25px 15px 25px;
min-height: 377px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/* line 294, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .page-preview-banner .btn {
-ms-flex-item-align: center;
align-self: center;
}
/* line 306, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .account-login {
font-size: 1rem;
text-align: center;
margin-top: 10px;
}
/* line 323, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .page-preview-overlay {
padding: 48px 0px 72px 0px;
}
/* line 340, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .page-preview-overlay .page-preview-wrapper {
padding: 0 0 0 20px;
}
/* line 348, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .page-preview-overlay .overlay-block {
max-width: 100%;
max-height: 12%;
-webkit-transform: translate(-50%, -61%);
transform: translate(-50%, -61%);
top: 61%;
left: 50%;
}
/* line 374, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .header {
font-size: 20px;
line-height: 25px;
}
/* line 388, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .sub-header {
font-size: 14px;
line-height: 22px;
}
/* line 404, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .menu-container {
white-space: nowrap;
overflow: auto;
display: -webkit-box;
}
/* line 416, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .menu-container .menu {
display: inline-block;
list-style: none;
white-space: normal;
width: 200px;
vertical-align: top;
margin: 0 12px;
}
/* line 432, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .menu-container .menu-header {
font-size: 16px;
line-height: 24px;
}
/* line 447, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .menu-container .menu-img {
width: 200px;
height: 140px;
gap: 0px;
border-radius: 8px;
}
/* line 463, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .menu-container .menu-desc {
font-size: 12px;
line-height: 18px;
}
/* line 480, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .footer-create-acc {
margin-top: 20px;
}
/* line 512, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .footer-create-acc-link {
width: 95%;
margin: auto;
margin-right: 15px;
}
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook {
padding: 15px;
}
/* line 14, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .recipe-book-header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/* line 27, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .recipe-book-header .form-element {
width: 100%;
}
/* line 64, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .item-list__title {
padding: 10px 0;
}
/* line 73, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .item-list__grid {
display: block;
margin-right: 0;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .item-list__grid li {
display: block;
}
/* line 86, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .item-list__grid li .item-list__body {
float: none;
margin-left: 0;
padding-right: 0;
width: auto;
}
/* line 91, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .item-list__grid li .item-list__body a:after {
content: none;
}
/* line 97, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .item-list__grid .item-list__image {
width: auto;
height: auto;
float: none;
}
/* line 105, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .item-list__grid .item-list__image .img {
max-height: 160px;
}
/* line 10, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-recipes h2,
.related-articles h2,
.related-products h2,
.related-top-products h2 {
margin-bottom: 20px;
font-size: 2rem;
line-height: 25px;
}
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-recipes,
.related-articles,
.related-products,
.related-top-products {
padding: 0 10px;
}
/* line 37, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-recipes {
margin-bottom: 0;
}
/* line 44, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-recipes .item-list_vertical-alt {
margin-bottom: 0;
}
/* line 53, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products h2,
.related-top-products h2 {
margin-top: 0;
}
/* line 67, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products .product-order,
.related-top-products .product-order {
margin-top: 10px;
}
/* line 77, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products .pnir-catalog_products,
.related-top-products .pnir-catalog_products {
padding: 0 15px;
}
/* line 196, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.relatedproducts .related-top-products > h2 {
word-wrap: break-word;
text-wrap: balance;
font-size: 2.125rem !important;
line-height: 25px;
}
/* line 216, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.toprecipes .item-list {
margin-bottom: 0;
}
/* line 223, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.relatedproducts > div {
padding-top: 80px;
}
/* line 230, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.relatedproducts > div .pnir-catalog_products .product:not(.promotion-tile) {
max-width: 300px;
margin: 10px 0px 0px 10px;
}
/* line 22, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list {
padding: 0;
}
/* line 38, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns li:first-child {
margin-right: 0;
margin-left: 0;
width: 62.7%;
height: 220px;
}
/* line 31, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns li {
height: 105px;
width: 33.7%;
margin-right: 0;
margin-bottom: 10px;
margin-left: 10px;
}
/* line 68, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns li:nth-of-type(1n+4) {
display: none;
}
/* line 73, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
body.rtl .image-video-gallery-section .item-list__columns li {
margin-right: 10px;
}
/* line 85, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
body.rtl .image-video-gallery-section .item-list__columns .col-span-4 {
float: right;
}
/* line 93, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns .more-exist-for-mobile:after {
height: 100%;
background-color: #000000;
opacity: 0.7;
z-index: 10;
}
/* line 111, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns .item-list__image_with-hover.span-4 {
padding: 0;
}
/* line 124, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns .item-list__image_with-hover.span-4 .item-list__caption-title {
display: none;
}
/* line 146, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns .item-list__image_with-hover.span-4:hover.more-exist-for-mobile:after {
height: 100%;
}
/* line 166, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .item-list__columns .more-items-label {
margin-top: 2px;
width: 90%;
}
/* line 205, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_image-video-gallery.scss */
.image-video-gallery-section .article-type-overlay.video:after {
font-size: 1.25rem;
}
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .item-description {
font-size: 0.875rem;
}
/* line 27, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .featured-item-slider__list-item.slick-slide {
width: 160px;
}
/* line 35, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .featured-item-slider__img {
height: 160px;
}
/* line 43, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .featured-item-slider__title {
padding: 0 20px;
}
/* line 54, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .article-type-overlay.video:after {
font-size: 1.25rem;
}
/* line 66, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .featured-item-slider__list {
padding-top: 15px;
white-space: nowrap;
overflow-x: scroll;
-webkit-column-count: auto;
-moz-column-count: auto;
column-count: auto;
-webkit-column-gap: initial;
-moz-column-gap: initial;
column-gap: initial;
}
/* line 77, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
body.rtl .topcontent-slider .featured-item-slider__list {
margin-left: 0;
}
/* line 83, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.topcontent-slider .featured-item-slider__list-item {
width: 160px;
display: inline-block;
white-space: initial;
vertical-align: top;
padding-right: 10px;
}
/* line 147, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.sensorial-product-page .pagecol-wrapper.item-list {
padding: 0;
}
/* line 161, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.sensorial-product-page .top-content-item-section {
padding: 0;
}
/* line 175, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
.sensorial-product-page .featured-item-slider__list {
padding-left: 20px;
}
/* line 179, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_topcontent-slider.scss */
html[dir="rtl"] .sensorial-product-page .featured-item-slider__list {
padding-right: 10px;
}
/* line 71, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-header .item-image img {
width: 105px;
}
/* line 413, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_brand-range-page.scss */
.brand-range-category .category-image {
height: 100px;
}
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_error-page.scss */
.error-page {
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 15px;
}
/* line 25, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_error-page.scss */
.error-page h1 {
font-size: 2.25rem;
}
/* line 40, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_error-page.scss */
.error-page ul li {
font-size: 1.125rem;
}
/* line 47, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_error-page.scss */
.error-page .textimage-right {
float: none;
margin-left: 0;
-ms-flex-item-align: center;
align-self: center;
margin-bottom: 20px;
}
/* line 67, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_error-page.scss */
body.rtl .error-page .textimage-right {
margin-right: 0;
}
/* line 7, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .country-selector-page-wrapper {
padding: 0 20px;
margin-top: -30px;
}
/* line 28, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .country-selector-header .logo-ufs img {
height: 30px;
}
/* line 37, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .country-selector-header p {
line-height: 20px;
max-width: 100%;
}
/* line 52, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page h1 {
font-size: 1.25rem;
line-height: 26px;
}
/* line 66, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .country-selector-main {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/* line 82, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent-row {
margin-top: 5px;
}
/* line 88, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent-row:first-child {
margin-top: 0;
}
/* line 98, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent-row .continent:nth-child(2) {
margin-top: 5px;
}
/* line 111, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent-row.col-4 {
width: 100%;
}
/* line 121, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent li {
font-size: 0.875rem;
letter-spacing: 1.17px;
line-height: 38px;
}
/* line 143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent-image-shape {
display: none;
}
/* line 154, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent-name {
cursor: pointer;
}
/* line 171, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent-name.closed + ul {
display: none;
}
/* line 183, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .continent-name + ul {
margin-bottom: 15px;
}
/* line 191, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_country-selector-page.scss */
.country-selector-page .country-selector-footer span {
margin-top: 50px;
font-size: 0.75rem;
}
/* line 1, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_unsubscribe.scss */
.unsubscriptionbanner {
margin-top: 10px;
}
/* line 9, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_unsubscribe.scss */
.unsubscriptionbanner .unsubscribe-banner__textcontent {
height: auto;
}
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_unsubscribe.scss */
.unsubscriptionbanner .unsubscribe-banner__textcontent .banner-text {
position: static;
padding: 10px;
}
/* line 1, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_seasonalitynavigation.scss */
.panel-container {
border: 2px solid #e2e2e2;
padding: 18px;
margin: 0 15px 0 15px;
}
/* line 8, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_seasonalitynavigation.scss */
.panel-container h3 {
display: block;
font-family: "Custom-Font-Medium";
margin-bottom: 0;
}
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_seasonalitynavigation.scss */
.panel-container h3:after {
right: 20px;
content: "\f107";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 3.5rem;
font-weight: bold;
float: right;
position: relative;
color: #000000;
line-height: inherit !important;
top: 0;
right: 2px;
}
/* line 32, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_seasonalitynavigation.scss */
.panel-container ul {
display: none;
margin-top: 20px;
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_seasonalitynavigation.scss */
.panel-container ul li {
width: 100%;
padding-left: 0px !important;
}
/* line 57, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_seasonalitynavigation.scss */
.panel-container ul li:before {
content: "" !important;
}
/* line 80, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_seasonalitynavigation.scss */
.panel-container.active ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* line 84, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_seasonalitynavigation.scss */
.panel-container.active h3:after {
content: "\e90c";
font-family: 'ufs-icons','Segoe UI Symbol','Arial','sans-serif' !important;
speak: auto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30px;
top: 3px;
font-weight: bold;
right: 10px;
}
/* line 69, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.FM-trend-heading .FM-trend-heading {
font-size: 1.25rem;
margin-top: 3rem;
}
/* line 125, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.tileTitle {
font-size: 16px;
font-family: "Custom-Font-Medium";
}
/* line 129, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_feature-menu-tile.scss */
.tileDesc {
font-size: 12px;
font-family: "Custom-Font-Regular";
}
/* line 22, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kritique-summary {
padding-top: 10px;
}
/* line 42, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container {
margin: 0 !important;
}
/* line 53, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.product-name .rr-widget-container[data-summary-template="customSummary"]:not(.product-tile-ratings),
.ufs-ingredient .rr-widget-container[data-summary-template="customSummary"]:not(.product-tile-ratings) {
padding-top: 10px;
}
/* line 110, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container .reviewDate,
.rr-widget-container h4 {
display: block;
margin-bottom: 5px !important;
}
/* line 132, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container .reviewDate {
padding: 0 !important;
}
/* line 142, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container .review-block {
margin: 0 10px;
padding: 20px 0px !important;
}
/* line 161, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-widget-container .review-block .rating-container {
padding: 0 !important;
top: 20px;
}
/* line 208, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-review-section > ul > li.rr-button-container {
border: none !important;
}
/* line 385, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
label.myStarRating {
text-align: center !important;
width: 100% !important;
}
/* line 408, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-product-reviews h2 {
margin: 0 10px !important;
text-align: left !important;
}
/* line 421, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-product-reviews .write-review-btn {
display: inline-block !important;
}
/* line 448, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-product-reviews .averageRingBlock {
margin-bottom: 50px !important;
padding: 20px 0 !important;
}
/* line 457, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-product-reviews .averageRingBlock h3 {
margin: 0 10px !important;
text-align: left !important;
}
/* line 466, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-product-reviews .averageRingBlock .aggregateRating {
margin: 0 !important;
vertical-align: top;
}
/* line 476, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.rr-product-reviews .total-reviews {
display: inline-block !important;
margin-right: 20px !important;
margin-top: 0 !important;
}
/* line 620, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header {
padding-top: 20px !important;
}
/* line 628, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-review-header-title {
right: inherit;
text-align: center;
}
/* line 649, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 {
margin-bottom: -5px !important;
}
/* line 657, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 table tr .kr-ratingbar-col {
width: 100% !important;
}
/* line 684, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-right-review-area {
top: 0 !important;
position: relative;
left: 0;
width: 100%;
}
/* line 703, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-right-review-area .write-review-btn {
min-width: 300px !important;
}
/* line 721, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-average-rating {
display: block !important;
margin: auto;
text-align: center;
width: 80%;
padding: inherit !important;
margin-top: inherit !important;
margin-bottom: inherit !important;
}
/* line 743, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-average-rating .kr-right-section {
display: block !important;
}
/* line 760, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-rating-summary-block {
margin-top: inherit !important;
margin-bottom: 20px !important;
}
/* line 810, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form {
min-width: 368px !important;
max-height: 600px !important;
}
/* line 819, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content {
min-width: 368px !important;
}
/* line 824, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper {
padding: 10px !important;
}
/* line 862, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-col {
margin-bottom: 10px !important;
}
/* line 978, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-submit-form-button.kr-col .kr-button {
width: 100%;
min-height: 48px !important;
}
/* line 1015, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
#kr-lightbox .kr-Form #kr-content .kr-box-wrapper .kr-submission-form .kr-fieldset .kr-thanks-message .kr-close-button {
font-family: "Custom-Font-Medium" !important;
font-size: 0.875rem !important;
border-radius: 5px !important;
background-color: #ffffff !important;
border: 2px solid #ff5a00 !important;
color: #ff5a00 !important;
min-height: 48px !important;
margin-top: 25px;
}
/* line 1, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-single {
width: calc(100% - 20px);
}
/* line 34, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-title {
padding: 10px;
}
/* line 117, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table thead th:first-child {
padding-left: 10px;
}
/* line 123, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table thead th:last-child {
padding-right: 10px;
}
/* line 132, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table th,
.pika-table td {
padding: 0;
}
/* line 143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table tr.pika-row:first-child td {
padding-top: 10px;
}
/* line 151, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table tr.pika-row:last-child td {
padding-bottom: 10px;
}
/* line 159, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table tr.pika-row td:first-child {
padding-left: 10px;
}
/* line 165, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table tr.pika-row td:last-child {
padding-right: 10px;
}
/* line 110, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.pika-table {
width: 100%;
}
/* line 233, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.date-picker {
clear: both;
}
}
@media only screen and (max-width: 480px) and (orientation: portrait) {
/* media query order selector $mobile */
/* line 1059, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyalty.scss */
.loyalty-goal__achieved .loyalty-goal__product p,
.loyalty-goal__achieved .loyalty-goal__product .loyalty-goal__product-wrap {
float: none;
width: 100%;
}
/* line 24, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-crop.pct10 .click-cover, .page-preview-crop.pct30 .click-cover, .page-preview-crop.pct50 .click-cover, .page-preview-crop.pct70 .click-cover, .page-preview-crop.pct90 .click-cover {
height: 130vh;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
/* media query order selector $mobile */
/* line 217, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contact__tradepartner-button {
width: 50%;
}
}
@media only screen and (max-height: 875px) {
/* media query order selector $medium-height */
}
@media print {
/* media query order selector $print */
/* line 8, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_livechat.scss */
#livechat-compact-container {
display: none !important;
}
/* line 6, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.showon-print {
display: block !important;
}
@page {
margin: 1.7cm 1.5cm;
}
/* line 13, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
* {
background: transparent !important;
color: black !important;
font-family: Arial, sans-serif;
text-shadow: none !important;
-webkit-filter: none !important;
filter: none !important;
}
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
body {
text-shadow: none !important;
font-size: 80%;
}
/* line 26, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
a,
a:visited {
text-decoration: underline;
}
/* line 31, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
tr,
img {
page-break-inside: avoid;
page-break-after: avoid;
}
/* line 37, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
td {
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}
/* line 41, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
td:last-child {
border-right: 0;
}
/* line 46, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
li {
page-break-after: auto;
}
/* line 50, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/* line 56, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
thead {
border-bottom: 1px solid #000000;
display: table-header-group;
}
/* line 61, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
/* line 68, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.button {
display: none;
}
/* line 72, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.hide-print {
display: none !important;
}
/* line 76, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.show-print {
display: block;
}
/* line 80, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.scroll-content > .pagecol-wrapper > .pagecol-static-left {
display: none !important;
}
/* line 84, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
color: #000000 !important;
font-family: Arial, sans-serif;
line-height: normal;
}
/* line 99, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
h1,
.h1,
h2,
.h2,
h3,
.h3 {
font-weight: bold;
page-break-after: avoid;
}
/* line 109, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
h1,
.h1 {
font-size: 22px !important;
}
/* line 114, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
h2,
.h2 {
font-size: 19px !important;
}
/* line 119, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
h3,
.h3 {
font-size: 16px !important;
}
/* line 124, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
h4,
.h4,
h5,
.h5 {
font-size: 14px !important;
}
/* line 131, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.header,
.main-header {
-webkit-transform: translatex(0);
transform: translatex(0);
left: 0;
position: static;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding-left: 0;
}
/* line 140, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.main-navigation_meta,
.navigation-handle {
display: none;
}
/* line 145, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.navigation-row_underlay {
margin: 0 auto;
max-width: 1024px;
position: relative;
}
/* line 151, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.ufs-logo {
position: static;
margin-bottom: 20px;
}
/* line 156, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.sticky-header_pinned,
.sticky-header_pinned-with-usp,
.sticky-header_unpinned {
position: static;
}
/* line 162, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.layout-wrapper {
padding: 0;
}
/* line 166, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.center-column {
padding: 0;
}
/* line 170, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.persistent-gutter,
.margin-horizontal-100 {
margin: 0 !important;
}
/* line 175, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.main-container {
padding-top: 0 !important;
}
/* line 179, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.main-container_large {
margin-top: 0 !important;
}
/* line 183, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.page-header__backdrop {
background: none !important;
}
/* line 188, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.page-header .title-block {
background: none !important;
height: auto;
}
/* line 192, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.page-header .title-block .title-container {
display: none !important;
}
/* line 198, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.page-header .title-container {
position: relative !important;
bottom: 0;
margin-bottom: 20pt;
}
/* line 204, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.page-header .title-container .h2,
.page-header .title-container .h3 {
font-size: 20pt !important;
}
/* line 209, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.page-header .title-container .h3 {
font-size: 18pt !important;
}
/* line 215, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pagecol-flex-right .content {
margin: 0;
}
/* line 219, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.product-loyaltypoints {
margin-top: 40px;
}
/* line 225, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.product-price p,
.product-loyaltypoints p {
font-size: 16px;
}
/* line 230, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.accordion__trigger:after {
background: none !important;
}
/* line 234, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.accordion__target {
display: block !important;
}
/* line 238, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pagecol-static-left {
width: auto;
float: none;
display: table-header-group;
padding-left: 0;
width: 50%;
}
/* line 246, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pagecol-flex-right {
margin-left: 0;
float: none;
margin-top: 50px;
display: table-footer-group;
}
/* line 253, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pagecol-flex-right .content {
margin-left: 0;
}
/* line 257, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.content-section {
margin: 0;
}
/* line 260, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.content-section label {
display: inline-block;
}
/* line 266, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-detailv2 .col-offset-2 {
margin: 0;
}
/* line 270, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-detailv2 .col-span-8 {
margin: 0;
width: 100%;
}
/* line 275, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-detailv2 .layout-wrapper {
margin: 0 auto;
max-width: 1024px;
}
/* line 281, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-description h2 {
font-size: 13px;
font-weight: normal;
line-height: 24px;
}
/* line 287, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-image {
height: auto;
margin: 0 auto;
max-height: none;
max-width: 1024px;
padding-bottom: 50px;
position: relative;
width: 45%;
}
/* line 296, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-image img {
-webkit-transform: none;
transform: none;
max-height: none;
min-width: 0;
left: 0;
padding-top: 10px;
position: relative;
width: 100%;
}
/* line 307, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
input.number-stepper {
border: 0 !important;
display: inline-block;
float: none;
font-weight: bold;
height: auto;
text-align: left;
padding: 0;
}
/* line 316, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
input.number-stepper:after {
content: 'X';
}
/* line 321, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.ingredient-row a:after {
background: none;
}
/* line 325, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.instructions > li:before {
background-color: #ffffff;
border: 1px solid #000000;
color: #000000;
margin-top: -5px;
}
/* line 332, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.content-folding h2:after {
background: none;
}
/* line 336, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.nutritional-info,
.striped-table {
display: block !important;
}
/* line 340, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.nutritional-info td,
.striped-table td {
font-size: 12px;
padding: 2px 10px;
}
/* line 346, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.nutritional-info thead th,
.striped-table thead th {
font-size: 12px;
padding: 2px 10px;
}
/* line 353, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.checklist li.checked:before {
background: none;
top: 0;
left: 3px;
content: "\2713";
}
/* line 360, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.article-image {
display: none;
}
/* line 364, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.article-image__overlay {
padding: 0;
margin: 0;
}
/* line 369, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.theme-article__content > .col-span-8 {
width: 100%;
}
/* line 373, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.article-meta {
display: none;
}
/* line 378, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-content header.persistent-gutter,
.recipe-content .tab-bar-list {
display: none !important;
}
/* line 383, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-content .tab-pane {
border: 0 !important;
}
/* line 386, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-content .tab-pane:before {
content: attr(data-print-title);
}
/* line 391, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-content .tab-pane {
display: block !important;
page-break-after: always;
}
/* line 395, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-content .tab-pane > h1 {
position: relative !important;
clip: auto;
color: #ff5a00 !important;
font-size: 18pt;
}
/* line 402, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-content .tab-pane h2.small-title,
.recipe-content .tab-pane .h2.small-title {
font-size: 16pt;
margin: 0 0 20pt -30pt;
}
/* line 409, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-content .ingredient__list li {
width: 33.3333%;
}
/* line 411, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-content .ingredient__list li span {
float: left;
display: inline-block;
padding-right: 4pt;
}
/* line 420, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.product-info__list .col-6 {
width: 49%;
}
/* line 423, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.product-info__list .col-6:first-child {
margin-right: 2%;
}
/* line 428, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.product-info__list h3 {
padding-left: 0;
}
/* line 431, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.product-info__list h3:after {
height: 0;
}
/* line 437, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.ingredient-row {
padding: 5px 0 0 0 !important;
}
/* line 441, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.ingredients {
margin-bottom: 40px;
}
/* line 446, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.product__need-solution-block .container {
min-height: 0;
padding: 0;
}
/* line 450, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.product__need-solution-block .container img {
position: static;
max-width: none;
max-height: none;
-webkit-transform: translatey(0%);
transform: translatey(0%);
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pagecol-static-left {
float: none;
padding-left: 0;
}
/* line 464, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
footer {
padding: 0;
}
/* line 467, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
footer [class^=col-span] {
width: 100%;
}
/* line 473, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.tab-pane .pagecol-static-left {
float: left;
margin-right: 5%;
width: 35%;
}
/* line 478, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.tab-pane .pagecol-static-left label {
display: inline-block;
font-size: 16px;
font-weight: normal;
}
/* line 484, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.tab-pane .pagecol-static-left .content-section h4 {
margin-top: 15px;
margin-bottom: 5px;
}
/* line 489, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.tab-pane .pagecol-static-left .ingredients li:nth-child(odd) {
padding: 2px;
}
/* line 493, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.tab-pane .pagecol-static-left .ingredient-row a {
text-decoration: none;
}
/* line 498, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.tab-pane .pagecol-flex-right {
float: left;
margin: 0;
width: 60%;
}
/* line 507, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.productv2 .pagecol-static-left,
.productpnir .pagecol-static-left {
display: inline-block;
float: left;
padding-right: 10px;
width: 40%;
}
/* line 513, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.productv2 .pagecol-static-left .container img,
.productpnir .pagecol-static-left .container img {
max-height: 200px;
margin: 20px auto;
}
/* line 519, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.productv2 .pagecol-flex-right,
.productpnir .pagecol-flex-right {
float: none;
margin: 0;
}
/* line 522, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.productv2 .pagecol-flex-right h2,
.productpnir .pagecol-flex-right h2 {
margin: 0 0 10px 0;
}
/* line 528, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.productv2 .pdp-details .pdp-section,
.productpnir .pdp-details .pdp-section {
height: 100% !important;
}
/* line 534, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.product-information-icons {
margin-left: 40%;
padding-left: 10px;
}
/* line 540, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdp-row .product-information-icons {
margin-left: 0;
padding-left: 0;
}
/* line 545, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdp-row .product-information-icons figure figcaption {
opacity: 1;
}
/* line 552, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.product-information-icons li {
width: 20%;
}
/* line 556, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.content-page-menu {
display: none;
}
/* line 560, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.product-loyalty .label,
.product-loyalty__orange .label {
border-left: 0;
}
/* line 565, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.product-loyalty .value {
border-right: 0;
padding-right: 0;
}
/* line 570, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.product-loyalty__orange .value {
border-right: 0;
}
/* line 574, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.favorite-products {
margin-right: 0;
}
/* line 577, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.favorite-products .cart-product__image,
.favorite-products .product-remove {
display: none;
}
/* line 582, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.favorite-products .cart-product__details {
width: calc(50% - 13.33333px);
}
/* line 587, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.favorite-products .cart-product__quantity.col-span-4 {
width: calc(16.66667% - 16.67px);
}
/* line 591, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.favorite-products .cart-product__quantity .label {
display: inline;
}
/* line 597, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.header-usp-container {
display: none;
}
/* line 601, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdp-traveling-shopmenu,
.favorites-anchor .text,
.inline-favorites-icon,
.loyalty-badge,
.shopping-cart .cart-badge,
.main-header .main-navigation_meta {
display: none;
}
/* line 612, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdp-header .ufs-product-name .kritique-write-review,
.pdp-header .ufs-product-name .rr-star-percentage {
display: none;
}
/* line 618, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdp-header .ufs-unit-switch_button {
border: none;
padding: 0;
}
/* line 623, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdp-header .ufs-unit-switch {
display: inherit;
margin-left: 5px;
}
/* line 628, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdp-header .col-span-5,
.pdp-header .col-span-7,
.pdp-header .ufs-unit-switch_container,
.pdp-header .ufs-unit-switch_container:last-child:not(:only-child) {
float: none;
width: 95%;
margin-left: 0;
}
/* line 637, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdp-header .ufs-unit-switch_container:last-child:not(:only-child) {
padding-top: 20px;
}
/* line 641, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdp-header .ufs-unit-switch_container input:disabled + label {
opacity: 1;
}
/* line 645, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdp-header .images-col {
width: 100%;
margin: 0;
}
/* line 650, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdp-header .expand {
display: none;
}
/* line 655, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdp-header + .pdp-details {
margin-top: 0;
}
/* line 659, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdpprint-only {
opacity: 1;
display: block !important;
}
/* line 662, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdpprint-only .next {
display: none !important;
}
/* line 665, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdpprint-only a {
height: 170px !important;
margin-top: 20px !important;
float: left !important;
display: block !important;
}
/* line 670, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdpprint-only a img {
max-width: 150px !important;
}
/* line 677, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdp-details .pdp-section,
.pdp-details .pdp-section-header {
width: 100%;
}
/* line 683, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdp-details .pdp-section + .pdp-section-header {
margin-top: 0;
}
/* line 687, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdp-details .pdp-section .arrow,
.pdp-details .pdp-section .pdp-parsys {
display: none;
}
/* line 693, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.pdp-details .layout-wrapper {
max-width: 100%;
}
/* line 698, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.featured-item-list__body > a span {
width: 100%;
}
/* line 702, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.main-header-pusher {
display: none;
}
/* line 707, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-detailv3 .recipe-detailv3__box-two {
float: none;
}
/* line 711, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-detailv3 .recipe-detailv3__box-two .recipe-detailv3__video-fallback-img .recipe-image-v2 img {
-webkit-transform: translateX(0%);
transform: translateX(0%);
position: inherit;
width: 70%;
margin-left: 13%;
}
/* line 721, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-detailv3 .ufs-ingredient,
.recipe-detailv3 .add-all-prod-cart {
display: none !important;
}
/* line 725, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-detailv3 .recipe-detailv3__box-one {
float: none;
}
/* line 727, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-detailv3 .recipe-detailv3__box-one .recipe-detailv3__description {
position: inherit;
}
/* line 729, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-detailv3 .recipe-detailv3__box-one .recipe-detailv3__description .recipe-detailv3__deliveryseason {
padding-bottom: 10px;
}
/* line 734, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-detailv3 .recipe-detailv3__recipe {
display: inherit;
}
/* line 736, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-detailv3 .recipe-detailv3__recipe .recipe-detailv3__box-one {
width: 100% !important;
}
/* line 739, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-detailv3 .recipe-detailv3__recipe .recipe-detailv3__box-one .recipe-detailv3__description .col-span-5 {
width: 100% !important;
}
/* line 744, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.recipe-detailv3 .recipe-detailv3__recipe .recipe-detailv3__box-two {
width: 100% !important;
}
/* line 756, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_print.scss */
.checkout-confirmation-page-v2 .checkout-summary-info-wrapper .checkout-summary-column {
margin-right: 10px;
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* line 457, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_base.scss */
.landing-page .layout-wrapper .textimage-text p:last-child:after {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 75, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/layout/_wrappers.scss */
.tel-block:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 130, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_alerts.scss */
.alert.attention:before,
.notification.attention:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 99, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .lightbox__window .js-lightbox-close {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 109, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_address.scss */
.address-section .lightbox__window span.lightbox__title:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 920, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .status-cancelled:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 928, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .status-complete:before,
.checkout-confirmation_details .status-migrated:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 951, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .hybris-status-complete:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 956, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .hybris-status-cancelled:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 961, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_checkout.scss */
.checkout-confirmation_details .hybris-status-in-progress:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 72, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form textarea.error + .error-message:before,
.legacy-form select.error + .error-message:before,
.legacy-form input.error + .error-message:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 76, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form textarea.valid + .valid-message:before,
.legacy-form select.valid + .valid-message:before,
.legacy-form input.valid + .valid-message:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 657, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__static-messages > div.error:before, .legacy-form .form__static-messages > div.info:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 668, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form__static-messages > div.success:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 963, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .button.un-mask:after {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 10, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-up.orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 14, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-down.orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 18, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-right {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 21, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-right.small {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 26, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-right.orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-right.orange.small {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 35, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-left {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 38, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-left.small {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 42, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-left.orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 45, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-left.orange.small {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 51, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-arrow-white-down {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 55, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.arrow-orange-large-down {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 59, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-close {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 62, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-close.orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 66, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-close.grey {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 69, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-close.grey.small {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 75, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-delete {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-delete-orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 83, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-telephone {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 87, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-phone {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 91, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-fax {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 95, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-print {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 99, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-logout {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 103, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-message {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 107, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-newsletter {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 111, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-care {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 114, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-care.large {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 118, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-care.orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 123, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-pub {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 126, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-pub.large {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 130, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-pub.orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 135, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-recipes {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 138, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-recipes.orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 143, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-school {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 146, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-school.large {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 150, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-school.orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 155, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-search {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 158, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-search.thin {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 162, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-search.orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 165, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-search.orange.medium {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 169, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-search.orange.large {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 175, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.search_orange-large {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 179, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-services {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 183, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-star-full-orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 187, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-star-outline-orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 191, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-user {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 195, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-clock.orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 199, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-location.orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 203, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-message-success {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 207, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-message-error {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 211, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-minus {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 215, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-plus {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 219, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-facebook {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 223, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-twitter {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 227, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-youtube {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 231, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-loader {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 235, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-more {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 239, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-download {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 245, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-email {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 249, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-zoom {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 253, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-cart {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 257, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-cart_orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 261, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-cart_black {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 265, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-favorites {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 269, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-favorite {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 273, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-favorite-added {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 277, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-favorite-orange:not(.icon-favorite-added) {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 281, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-yield {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 285, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-couvert {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 289, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-frown {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 293, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-info {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 297, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-edit {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 301, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-make-default {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 305, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.email {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 309, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.info {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 313, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.apple-share {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 317, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.android-share {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 321, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.windows-share {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 325, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.check-green {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 329, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.check-white {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 333, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.wheelchair {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 337, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.tp-connect {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 341, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.tp-connected {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 345, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.tp-disconnected {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 349, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.calendar {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 353, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.search {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 357, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.dropdown-arrow {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 361, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.password-mask {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 365, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.password-unmask {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 369, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.submit-arrow {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 373, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.master {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 377, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.visa {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 380, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-checked {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 383, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-progress {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 386, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-cancel {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 389, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-message-info {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 392, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.voucher-delete {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 395, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-orange-big {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 398, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.submit-arrow-white {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 401, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-whatsapp {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 404, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-scan {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 407, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-calculator {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 410, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-pdf {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 413, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.fb_icon {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 416, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-spects {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 419, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_icons.scss */
.icon.icon-orange-scan {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 86, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-switch label:after {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 64, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.user-dialogue__close {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 249, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.lightbox__close {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 262, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.optimized-registration .lightbox__close {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 360, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.productpnir a.accordion__trigger:after, .productpnir
.accordion__trigger:after {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 610, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.brandlist__show-all:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 671, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.check-list li:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 778, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
body.rtl .sitemap__wrapper > ul > li > ul > li > a:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 776, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.sitemap__wrapper > ul > li > ul > li > a:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 946, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.checklist li.checked:before,
.top-product-kpi li.checked:before,
.direct-shop-usp li.checked:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 950, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.checklist li.unchecked:before,
.top-product-kpi li.unchecked:before,
.direct-shop-usp li.unchecked:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 974, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.top-product-kpi li:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 999, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.direct-shop-usp li:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 769, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta .icon-account:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 1065, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .icon.icon-favorites {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 1069, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .icon.icon-cart {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 1118, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .header-usp-container li:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 382, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .call-section .call-us:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 1392, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .call-us:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 797, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp.scss */
.usps li:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 770, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__sub ul li:after {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 28, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_read-more-toggle.scss */
.read-more-trigger:after {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 25, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts a.email:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 29, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts a.phone:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 33, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts a.mobile-phone:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 37, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts a.instagram:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 40, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts a.fax:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 66, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts > li .subcontacts .subcontacts__header .show-subcontacts:after {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 88, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_sales-contacts.scss */
.sales-contacts > li .subcontacts .subcontacts__header.open .hide-subcontacts:after {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 268, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.camerascan-popup .camerascan-content__back-button:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 104, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_user.scss */
.buy-options input + label:after {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 361, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header__back-button:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 184, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.recipebook-login .lightbox__close {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 514, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.kr-readpanel-reviews .kr-sort-container .kr-filter-container .kr-sort-by:after, .kr-readpanel-reviews .kr-sort-container .kr-filter-container .filter-by:after {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 245, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/pikaday.scss */
.clear-date:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
}
@media only screen and (min-width: 901px) and (max-width: 1280px) {
/* line 39, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_article.scss */
.article-list__image img {
max-width: 250px;
}
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi) {
/* line 34, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_breadcrumb.scss */
.breadcrumb-wrapper ol.breadcrumb li:after {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 411, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.form-section_group h3:after {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 715, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form--search-overlay .button .icon.icon-search.orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 746, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form--search-overlay .big .button .icon.icon-search.orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 766, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_forms.scss */
.legacy-form .form-row > .button .icon.icon-search.orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 838, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_product.scss */
.productcategory-list__short li:after {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 767px) and (min-resolution: 192dpi) {
/* line 49, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_breadcrumb.scss */
.breadcrumb-wrapper ol.breadcrumb li:last-child:before {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 146, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation li.expandable:after {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 229, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu.scss */
.main-navigation_meta li.expandable:after,
.main-navigation_meta-alt li.expandable:after {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 230, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.ufs-quantity-select_button .icon-arrow-up.orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 233, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_number-stepper.scss */
.ufs-quantity-select_button .icon-arrow-down.orange {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
}
@media only screen and (max-width: 900px) and (min-width: 768px) {
/* line 357, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_cart.scss */
.cart-product .btnremove {
margin-top: 0;
margin-right: 20px;
margin-top: 60px;
}
}
@media only screen and (min-width: 901px) {
/* line 60, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_language-selection.scss */
.language-switch {
margin-right: 20px;
}
/* line 331, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lightbox.scss */
.video-dialog .lightbox__window {
width: 800px;
}
/* line 232, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_lists.scss */
.footer-menu-list {
margin-right: 20px;
}
/* line 1753, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedrecipes .item-list__grid .col-span-3 {
width: calc(33.33333% - 15px);
margin-right: 20px;
}
/* line 1760, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedrecipes .item-list__grid .col-span-3:nth-of-type(1n+5) {
display: none;
}
/* line 1763, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-parsys .relatedrecipes .item-list__grid .col-span-3:nth-of-type(1n+4) {
margin-right: 0;
}
/* line 1766, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-parsys .relatedrecipes .item-list__grid .col-span-3 {
margin-right: 0;
margin-left: 20px;
}
/* line 1769, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-parsys .relatedrecipes .item-list__grid .col-span-3:nth-of-type(1n+4) {
margin-left: 0;
margin-right: 0;
}
/* line 142, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .product-tile_horizontal__header .promotion-label {
display: block;
}
/* line 90, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_tables.scss */
.hovered-table tr th:not(:first-child),
.hovered-table tr td:not(:first-child) {
font-size: 0.875rem;
}
/* line 98, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_related.scss */
.related-products .pnir-catalog_products.product__lister-slider .product-tile,
.related-top-products .pnir-catalog_products.product__lister-slider .product-tile {
width: 302px !important;
-webkit-box-flex: inherit;
-ms-flex: inherit;
flex: inherit;
}
}
@media only screen and (max-width: 1240px) {
/* line 22, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .loyaltyoverview {
width: 100% !important;
}
/* line 251, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .two-column .loyalty-overview .loyaltyoverview-componentv2 {
min-height: unset;
}
/* line 314, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof {
width: 100% !important;
margin-top: 15px;
}
}
@media only screen and (min-width: 361px) and (max-width: 490px) {
/* line 169, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 {
top: 45%;
}
/* line 254, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .two-column .loyalty-overview .loyaltyoverview-componentv2 .col-span-4 {
top: 40%;
}
}
@media only screen and (max-width: 360px) {
/* line 169, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-4 {
top: 50%;
}
/* line 254, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .two-column .loyalty-overview .loyaltyoverview-componentv2 .col-span-4 {
top: 45%;
}
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
/* line 237, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .single-column .loyalty-overview .loyaltyoverview-componentv2 .center-column .col-span-8 p {
padding-bottom: 120px;
}
/* line 602, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .images-col h1 {
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.pdp-header .images-col h1:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 608, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .images-col .heading-text {
font-family: "Custom-Font-Medium", Arial, sans-serif;
}
/* line 459, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/helpers/_mixins.scss */
.pdp-header .images-col .heading-text:lang(zh-TW) {
font-family: "Custom-Font-Medium", 'Microsoft JhengHei', Arial, sans-serif;
}
/* line 1463, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-section_top .webshop-pkg {
right: -30px;
}
/* line 165, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.searchresultv2 .promotion-label-container .promotion-label {
right: 0px;
position: absolute;
left: -2px;
top: -12px;
border-radius: 0 6px 6px 0;
}
/* line 879, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-category-title {
margin-top: 0;
}
/* line 105, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.page-header.mobile-header__type-3 .pagecol-static-left .title-container h1, .page-header.mobile-header__type-3 .pagecol-static-left .title-container .h1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
line-height: 2.25rem;
}
/* line 301, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.mobile-header__type-3 .page-header__image-block {
background-size: cover;
margin-top: 0;
position: static;
}
/* line 309, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.mobile-header__type-4 .page-header__image-block {
margin-top: 70px;
position: static;
}
/* line 316, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_page.scss */
.mobile-header__type-5 .page-header__image-block {
display: none;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_recipe-book.scss */
.section.recipebook .item-list__grid li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
margin-top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1240px) {
/* line 254, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .two-column .loyalty-overview .loyaltyoverview-componentv2 .col-span-4 {
top: 30%;
}
/* line 690, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch_container {
width: 25%;
margin-right: 0;
}
/* line 705, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch_container:nth-child(2) {
margin-left: 35px;
}
/* line 690, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch_container {
width: 30%;
margin-right: 0;
}
/* line 729, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch_container:nth-child(2) {
margin-left: 20px;
}
/* line 732, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-header .ufs-unit-switch_container {
width: 55%;
}
/* line 738, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-unit-switch_button {
padding: 16px 20px 16px 10px;
}
/* line 797, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .ufs-quantity-select {
margin-left: 0;
width: 100%;
}
/* line 820, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-header .ufs-quantity-select {
width: 50%;
margin: 0;
}
/* line 1471, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .qty {
right: 182px;
top: 0;
float: right;
left: -70px;
}
/* line 1518, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .recom-price {
margin-top: 45px;
}
}
@media only screen and (min-width: 491px) and (max-width: 767px) {
/* line 254, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .two-column .loyalty-overview .loyaltyoverview-componentv2 .col-span-4 {
top: 35%;
}
}
@media only screen and (min-width: 1241px) {
/* line 392, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_loyaltyhomepage2021.scss */
.loyalty2021 .wof .wheelof-fortune .wheelof-fortune_component .col-span-6 {
margin: auto 10px !important;
}
}
@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-resolution: 192dpi) {
/* line 354, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation li.expandable:after,
.main-header-v2 .main-navigation li.expandable-mobile:after {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
/* line 506, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_main-menu-v2.scss */
.main-header-v2 .main-navigation_meta li.expandable:after {
background-image: url(app/images/sprite-1765293638613@2x.png);
background-size: 507px 469px;
}
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
/* line 150, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-traveling-shopmenu .shopmenu-content .shopmenu-content-flyout .loyalty-labels {
text-align: center;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/* line 779, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .pdp-col-sapn-5 {
width: calc(41.66667% - 11.66667px);
margin-right: 20px;
}
/* line 787, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .pdp-col-sapn-7 {
width: calc(58.33333% - 8.33333px);
margin-right: 20px;
margin-right: 0;
}
/* line 1471, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .qty {
right: 40px;
}
/* line 1498, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-section_top .qty {
right: -70px;
}
/* line 753, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* line 757, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe,
.global-search-result-overview .search-list .item-list__type_academy,
.global-search-result-overview .search-list .item-list__type_other {
width: 44%;
margin-bottom: 20px;
margin-left: 20px;
}
/* line 763, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__image,
.global-search-result-overview .search-list .item-list__type_academy .item-list__image,
.global-search-result-overview .search-list .item-list__type_other .item-list__image {
width: 100%;
}
/* line 765, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__image img,
.global-search-result-overview .search-list .item-list__type_academy .item-list__image img,
.global-search-result-overview .search-list .item-list__type_other .item-list__image img {
width: 100%;
height: 100%;
}
/* line 770, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_recipe .item-list__body,
.global-search-result-overview .search-list .item-list__type_academy .item-list__body,
.global-search-result-overview .search-list .item-list__type_other .item-list__body {
width: 300px;
}
/* line 774, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .product-tile_horizontal {
width: 320px;
margin: 0 20px;
}
/* line 778, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_product {
width: 44%;
margin: 20px;
}
/* line 782, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list .item-list__type_product-v2 {
width: 44%;
}
/* line 785, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list.show-search-category-layout {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 790, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list.show-search-category-layout .item-list__type_recipe .item-list__body,
.global-search-result-overview .search-list.show-search-category-layout .item-list__type_academy .item-list__body,
.global-search-result-overview .search-list.show-search-category-layout .item-list__type_other .item-list__body {
width: 100%;
}
/* line 794, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_search.scss */
.global-search-result-overview .search-list.show-search-category-layout .product-tile_horizontal {
width: 100%;
margin: 0 20px;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .overlay-block {
-webkit-transform: translate(-50%, -175%);
transform: translate(-50%, -175%);
}
/* line 348, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .page-preview-overlay .overlay-block {
-webkit-transform: translate(-50%, 70%);
transform: translate(-50%, 70%);
}
/* line 628, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-review-header-title {
width: 200px;
margin: 0 auto !important;
right: 0;
}
/* line 684, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-right-review-area {
top: 0 !important;
right: 0;
}
}
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) {
/* line 779, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .pdp-col-sapn-5 {
width: calc(41.66667% - 11.66667px);
margin-right: 20px;
}
/* line 787, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-header .pdp-col-sapn-7 {
width: calc(58.33333% - 8.33333px);
margin-right: 20px;
margin-right: 0;
}
/* line 1471, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.pdp-section_top .qty {
left: -50px;
}
/* line 1498, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
body.rtl .pdp-section_top .qty {
right: -80px;
}
/* line 79, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-overlay .overlay-block {
-webkit-transform: translate(-50%, -175%);
transform: translate(-50%, -175%);
}
/* line 348, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_preview-page.scss */
.page-preview-v2 .page-preview-overlay .overlay-block {
-webkit-transform: translate(-50%, 70%);
transform: translate(-50%, 70%);
}
/* line 628, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-review-header-title {
width: 200px;
margin: 0 auto !important;
right: 0;
}
/* line 684, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-right-review-area {
top: 0 !important;
right: 0;
}
/* line 721, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-average-rating {
padding: 0 !important;
}
/* line 721, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/vendor/_kritique.scss */
.k-recipe .kr-readpanel-header .kr-averageRingBlock2 .kr-average-rating {
padding: 0 !important;
}
}
@media desktop {
/* line 1630, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_pdp-v2.scss */
.ufs-product-details .pdp-section_top:last-child {
border-bottom: none;
}
}
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
/* line 150, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-row-pwa .item-list__rows > li:nth-last-of-type(-n+4) {
display: none;
}
/* line 214, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-list li,
.suggestions-list_geosearch li {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
/* line 155, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-row-pwa .item-list__rows > li:nth-last-of-type(-n+5) {
display: none;
}
/* line 214, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-list li,
.suggestions-list_geosearch li {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
/* line 160, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-row-pwa .item-list__rows > li:nth-last-of-type(-n+3) {
display: none;
}
}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
/* line 165, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-row-pwa .item-list__rows > li:nth-last-of-type(-n+4) {
display: none;
}
}
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
/* line 170, src/main/content/jcr_root/etc/clientlibs/ufs-aem/app/sass/patterns/_suggestions.scss */
.suggestions-row-pwa .item-list__rows > li:nth-last-of-type(-n+2) {
display: none;
}
}
/*
* Copyright 2020 Adobe
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.cmp-pdfviewer__content {
height: 500px;
}
.pdfviewer:not(.cq-Editable-dom) .cmp-pdfviewer__full-window-borderless {
height: 100vh;
position: fixed;
width: 100vw;
top: 0;
left: 0;
z-index: 9999;
}
.pdfviewer.cq-Editable-dom .cmp-pdfviewer__full-window-borderless {
height: 500px;
}