/* Minification failed. Returning unminified contents. (44798,8): run-time error CSS1024: Expected media identifier, found '48.0625em' (44804,1): run-time error CSS1019: Unexpected token, found '}' (63870,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (63872,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (63890,1): run-time error CSS1019: Unexpected token, found '@keyframes' (63892,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (63910,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (63912,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (63924,1): run-time error CSS1019: Unexpected token, found '@keyframes' (63926,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (63938,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (63940,4): run-time error CSS1035: Expected colon, found '{' (63947,1): run-time error CSS1019: Unexpected token, found '@keyframes' (63949,4): run-time error CSS1035: Expected colon, found '{' (63956,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (63958,6): run-time error CSS1035: Expected colon, found '{' (63974,1): run-time error CSS1019: Unexpected token, found '@keyframes' (63976,6): run-time error CSS1035: Expected colon, found '{' (63992,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (63994,6): run-time error CSS1035: Expected colon, found '{' (64010,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64012,6): run-time error CSS1035: Expected colon, found '{' (64028,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64030,6): run-time error CSS1035: Expected colon, found '{' (64046,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64048,6): run-time error CSS1035: Expected colon, found '{' (64064,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64066,6): run-time error CSS1035: Expected colon, found '{' (64082,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64084,6): run-time error CSS1035: Expected colon, found '{' (64100,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64102,6): run-time error CSS1035: Expected colon, found '{' (64118,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64120,6): run-time error CSS1035: Expected colon, found '{' (64136,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64138,6): run-time error CSS1035: Expected colon, found '{' (64154,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64156,6): run-time error CSS1035: Expected colon, found '{' (64172,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64174,6): run-time error CSS1035: Expected colon, found '{' (64190,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64192,6): run-time error CSS1035: Expected colon, found '{' (64208,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64210,6): run-time error CSS1035: Expected colon, found '{' (64220,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64222,6): run-time error CSS1035: Expected colon, found '{' (64232,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64234,6): run-time error CSS1035: Expected colon, found '{' (64244,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64246,6): run-time error CSS1035: Expected colon, found '{' (64256,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64258,6): run-time error CSS1035: Expected colon, found '{' (64273,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64275,6): run-time error CSS1035: Expected colon, found '{' (64290,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64292,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64304,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64306,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64318,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64320,6): run-time error CSS1035: Expected colon, found '{' (64332,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64334,6): run-time error CSS1035: Expected colon, found '{' (64346,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64348,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64360,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64362,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64374,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64376,6): run-time error CSS1035: Expected colon, found '{' (64391,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64393,6): run-time error CSS1035: Expected colon, found '{' (64408,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64410,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64420,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64422,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64432,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64434,6): run-time error CSS1035: Expected colon, found '{' (64444,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64446,6): run-time error CSS1035: Expected colon, found '{' (64456,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64458,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64474,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64476,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64492,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64494,6): run-time error CSS1035: Expected colon, found '{' (64510,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64512,6): run-time error CSS1035: Expected colon, found '{' (64528,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64530,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64540,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64542,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64552,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64554,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64566,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64568,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64580,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64582,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64594,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64596,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64608,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64610,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64620,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64622,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64632,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64634,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (64640,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64642,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (64648,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64650,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (64656,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64658,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (64664,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64666,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (64672,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64674,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (64680,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64682,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (64688,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64690,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (64696,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64698,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (64704,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64706,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64723,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64725,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64742,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64744,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64761,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64763,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64780,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64782,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64799,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64801,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (64818,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64820,6): run-time error CSS1035: Expected colon, found '{' (64836,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64838,6): run-time error CSS1035: Expected colon, found '{' (64854,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64856,4): run-time error CSS1035: Expected colon, found '{' (64862,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64864,6): run-time error CSS1035: Expected colon, found '{' (64898,1): run-time error CSS1019: Unexpected token, found '@keyframes' (64900,6): run-time error CSS1035: Expected colon, found '{' (64949,16771): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (64949,16812): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (64949,16851): run-time error CSS1019: Unexpected token, found '@keyframes' (64949,16884): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1, .h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } meta.foundation-version { font-family: "/5.5.2/"; } meta.foundation-mq-small { font-family: "/only screen and (min-width:0)/"; width: 0; } meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 40em)/"; width: 0; } meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.0625em)/"; width: 40.0625em; } meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/"; width: 40.0625em; } meta.foundation-mq-large { font-family: "/only screen and (min-width:64.0625em)/"; width: 64.0625em; } meta.foundation-mq-large-only { font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/"; width: 64.0625em; } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.0625em)/"; width: 90.0625em; } meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/"; width: 90.0625em; } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.0625em)/"; width: 120.0625em; } meta.foundation-data-attribute-namespace { font-family: false; } html, body { height: 100%; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } html, body { font-size: 100%; } body { background: #fff; color: #222; cursor: auto; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 150%; margin: 0; padding: 0; position: relative; } a:hover { cursor: pointer; } img { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } .left { float: left !important; } .right { float: right !important; } .clearfix:before, ul.gbrw-grid:before, ul.products:before, ul.link-list:before, .letter-index:before, .breadcrumbs:before, form .checkbox-c:before, form .checkbox-container:before, #sidebars .options:before, #ajax-shopping-cart .order:before, ul.cart:before, ul.cart .item:before, .posts .r2:before, .posts a:before, .posted-by:before, .posted-by .inner:before, .posted-by .info:before, ul.product-packs a:before, ul.pages a:before, ul.articles .article:before, .calendar-sections:before, .club-coin-progress:before, form .filePicker > div:before, .stage-accordion .children .head:before, .stage-accordion div.remove:before, h1.points-display:before, .points-display.h1:before, .period-sign .top:before, .stage-page .period-toggle:before, dl.address-accordion .address-select:before, .clearfix:after, ul.gbrw-grid:after, ul.products:after, ul.link-list:after, .letter-index:after, .breadcrumbs:after, form .checkbox-c:after, form .checkbox-container:after, #sidebars .options:after, #ajax-shopping-cart .order:after, ul.cart:after, ul.cart .item:after, .posts .r2:after, .posts a:after, .posted-by:after, .posted-by .inner:after, .posted-by .info:after, ul.product-packs a:after, ul.pages a:after, ul.articles .article:after, .calendar-sections:after, .club-coin-progress:after, form .filePicker > div:after, .stage-accordion .children .head:after, .stage-accordion div.remove:after, h1.points-display:after, .points-display.h1:after, .period-sign .top:after, .stage-page .period-toggle:after, dl.address-accordion .address-select:after { content: " "; display: table; } .clearfix:after, ul.gbrw-grid:after, ul.products:after, ul.link-list:after, .letter-index:after, .breadcrumbs:after, form .checkbox-c:after, form .checkbox-container:after, #sidebars .options:after, #ajax-shopping-cart .order:after, ul.cart:after, ul.cart .item:after, .posts .r2:after, .posts a:after, .posted-by:after, .posted-by .inner:after, .posted-by .info:after, ul.product-packs a:after, ul.pages a:after, ul.articles .article:after, .calendar-sections:after, .club-coin-progress:after, form .filePicker > div:after, .stage-accordion .children .head:after, .stage-accordion div.remove:after, h1.points-display:after, .points-display.h1:after, .period-sign .top:after, .stage-page .period-toggle:after, dl.address-accordion .address-select:after { clear: both; } .hide { display: none; } .invisible { visibility: hidden; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, .h1, h2, .h2, h3, .h3, .product-info h1, .product-info .h1, h4, .h4, h5, .h5, h6, .h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } /* Default Link Styles */ a { color: #008CBA; line-height: inherit; text-decoration: none; } a:hover, a:focus { color: #0078a0; } a img { border: none; } /* Default paragraph styles */ p { font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.6; margin-bottom: 1.25rem; text-rendering: inherit; } p.lead { font-size: 1.21875rem; line-height: 1.6; } p aside { font-size: 0.875rem; font-style: italic; line-height: 1.35; } /* Default header styles */ h1, .h1, h2, .h2, h3, .h3, .product-info h1, .product-info .h1, h4, .h4, h5, .h5, h6, .h6 { color: #222222; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.4; margin-bottom: 0.5rem; margin-top: 0.2rem; text-rendering: inherit; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, .product-info h1 small, .product-info .h1 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { color: #6f6f6f; font-size: 60%; line-height: 0; } h1, .h1 { font-size: 2.125rem; } h2, .h2 { font-size: 1.6875rem; } h3, .h3, .product-info h1, .product-info .h1 { font-size: 1.375rem; } h4, .h4 { font-size: 1.125rem; } h5, .h5 { font-size: 1.125rem; } h6, .h6 { font-size: 1rem; } .subheader { line-height: 1.4; color: #6f6f6f; font-weight: normal; margin-top: 0.2rem; margin-bottom: 0.5rem; } hr { border: solid #DDDDDD; border-width: 1px 0 0; clear: both; height: 0; margin: 1.25rem 0 1.1875rem; } /* Helpful Typography Defaults */ em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { background-color: #f8f8f8; border-color: #dfdfdf; border-style: solid; border-width: 1px; color: #333333; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; padding: 0.125rem 0.3125rem 0.0625rem; } /* Lists */ ul, ol, dl { font-family: inherit; font-size: 1rem; line-height: 1.6; list-style-position: outside; margin-bottom: 1.25rem; } ul { margin-left: 1.1rem; } ul.no-bullet { margin-left: 0; } ul.no-bullet li ul, ul.no-bullet li ol { margin-left: 1.25rem; margin-bottom: 0; list-style: none; } /* Unordered Lists */ ul li ul, ul li ol { margin-left: 1.25rem; margin-bottom: 0; } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; margin-left: 1.1rem; } ul.circle { list-style-type: circle; margin-left: 1.1rem; } ul.disc { list-style-type: disc; margin-left: 1.1rem; } ul.no-bullet { list-style: none; } /* Ordered Lists */ ol { margin-left: 1.4rem; } ol li ul, ol li ol { margin-left: 1.25rem; margin-bottom: 0; } /* Definition Lists */ dl dt { margin-bottom: 0.3rem; font-weight: bold; } dl dd { margin-bottom: 0.75rem; } /* Abbreviations */ abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; cursor: help; } abbr { text-transform: none; } abbr[title] { border-bottom: 1px dotted #DDDDDD; } /* Blockquotes */ blockquote { margin: 0 0 1.25rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #DDDDDD; } blockquote cite { display: block; font-size: 0.8125rem; color: #555555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #555555; } blockquote, blockquote p { line-height: 1.6; color: #6f6f6f; } /* Microformats */ .vcard { display: inline-block; margin: 0 0 1.25rem 0; border: 1px solid #DDDDDD; padding: 0.625rem 0.75rem; } .vcard li { margin: 0; display: block; } .vcard .fn { font-weight: bold; font-size: 0.9375rem; } .vevent .summary { font-weight: bold; } .vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625rem; } /* Standard Forms */ form { margin: 0 0 1rem; } /* Using forms within rows, we need to set some defaults */ form .row .row { margin: 0 -0.5rem; } form .row .row .column, form .row .row .columns { padding: 0 0.5rem; } form .row .row.collapse { margin: 0; } form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; } form .row .row.collapse input { -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: 0.5rem; } /* Label Styles */ label { color: #4d4d4d; cursor: pointer; display: block; font-size: 0.875rem; font-weight: normal; line-height: 1.5; margin-bottom: 0; /* Styles for required inputs */ } label.right { float: none !important; text-align: right; } label.inline { margin: 0 0 1rem 0; padding: 0.5625rem 0; } label small { text-transform: capitalize; color: #676767; } /* Attach elements to the beginning or end of an input */ .prefix, .postfix { border-style: solid; border-width: 1px; display: block; font-size: 0.875rem; height: 2.3125rem; line-height: 2.3125rem; overflow: visible; padding-bottom: 0; padding-top: 0; position: relative; text-align: center; width: 100%; z-index: 2; } /* Adjust padding, alignment and radius if pre/post element is a button */ .postfix.button, .postfix.filePicker, a.postfix.join-now, input.postfix[type="submit"], input.postfix[type="button"], input.postfix[type="reset"], a.postfix.submit-down, a.postfix.submit-right, button.postfix.submit-right, .postfix.create-post__btn-publish, .postfix.create-post__btn-cancel, .postfix.create-post__btn-done { border-color: true; } .prefix.button, .prefix.filePicker, a.prefix.join-now, input.prefix[type="submit"], input.prefix[type="button"], input.prefix[type="reset"], a.prefix.submit-down, a.prefix.submit-right, button.prefix.submit-right, .prefix.create-post__btn-publish, .prefix.create-post__btn-cancel, .prefix.create-post__btn-done { border: none; padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 0; text-align: center; } .prefix.button.radius, .prefix.radius.filePicker, a.prefix.radius.join-now, input.prefix.radius[type="submit"], input.prefix.radius[type="button"], input.prefix.radius[type="reset"], a.prefix.radius.submit-down, a.prefix.radius.submit-right, button.prefix.radius.submit-right, .prefix.radius.create-post__btn-publish, .prefix.radius.create-post__btn-cancel, .prefix.radius.create-post__btn-done { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .postfix.button.radius, .postfix.radius.filePicker, a.postfix.radius.join-now, input.postfix.radius[type="submit"], input.postfix.radius[type="button"], input.postfix.radius[type="reset"], a.postfix.radius.submit-down, a.postfix.radius.submit-right, button.postfix.radius.submit-right, .postfix.radius.create-post__btn-publish, .postfix.radius.create-post__btn-cancel, .postfix.radius.create-post__btn-done { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .prefix.button.round, .prefix.round.filePicker, a.prefix.round.join-now, input.prefix.round[type="submit"], input.prefix.round[type="button"], input.prefix.round[type="reset"], a.prefix.round.submit-down, a.prefix.round.submit-right, button.prefix.round.submit-right, .prefix.round.create-post__btn-publish, .prefix.round.create-post__btn-cancel, .prefix.round.create-post__btn-done { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .postfix.button.round, .postfix.round.filePicker, a.postfix.round.join-now, input.postfix.round[type="submit"], input.postfix.round[type="button"], input.postfix.round[type="reset"], a.postfix.round.submit-down, a.postfix.round.submit-right, button.postfix.round.submit-right, .postfix.round.create-post__btn-publish, .postfix.round.create-post__btn-cancel, .postfix.round.create-post__btn-done { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } /* Separate prefix and postfix styles when on span or label so buttons keep their own */ span.prefix, label.prefix { background: #f2f2f2; border-right: none; color: #333333; border-color: #cccccc; } span.postfix, label.postfix { background: #f2f2f2; color: #333333; border-color: #cccccc; } /* We use this to get basic styling on all basic form elements */ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #cccccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-family: inherit; font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; width: 100%; box-sizing: border-box; transition: border-color 0.15s linear, background 0.15s linear; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { background: #fafafa; border-color: #999999; outline: none; } input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled { background-color: #DDDDDD; cursor: default; } input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea { background-color: #DDDDDD; cursor: default; } input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius { border-radius: 3px; } form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse button { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } form .row .prefix-radius.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse button { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } form .row .postfix-radius.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse button { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } form .row .prefix-round.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse button { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } form .row .postfix-round.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; } /* Respect enforced amount of rows for textarea */ textarea[rows] { height: auto; } /* Not allow resize out of parent */ textarea { max-width: 100%; } ::-webkit-input-placeholder { color: #cccccc; } :-moz-placeholder { /* Firefox 18- */ color: #cccccc; } ::-moz-placeholder { /* Firefox 19+ */ color: #cccccc; } :-ms-input-placeholder { color: #cccccc; } /* Add height value for select elements to match text input height */ select { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: #FAFAFA; border-radius: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #cccccc; color: rgba(0, 0, 0, 0.75); font-family: inherit; font-size: 0.875rem; line-height: normal; padding: 0.5rem; border-radius: 0; height: 2.3125rem; } select::-ms-expand { display: none; } select.radius { border-radius: 3px; } select:hover { background-color: #f3f3f3; border-color: #999999; } select:disabled { background-color: #DDDDDD; cursor: default; } select[multiple] { height: auto; } /* Adjust margin for form elements below */ input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 1rem 0; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; } /* Normalize file input width */ input[type="file"] { width: 100%; } /* HTML5 Number spinners settings */ /* We add basic fieldset styling */ fieldset { border: 1px solid #DDDDDD; margin: 1.125rem 0; padding: 1.25rem; } fieldset legend { background: #FFFFFF; font-weight: bold; margin-left: -0.1875rem; margin: 0; padding: 0 0.1875rem; } /* Error Handling */ [data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error { display: block; font-size: 0.75rem; font-style: italic; font-weight: normal; margin-bottom: 1rem; margin-top: -1px; padding: 0.375rem 0.5625rem 0.5625rem; background: #f04124; color: #FFFFFF; } [data-abide] span.error, [data-abide] small.error { display: none; } span.error, small.error { display: block; font-size: 0.75rem; font-style: italic; font-weight: normal; margin-bottom: 1rem; margin-top: -1px; padding: 0.375rem 0.5625rem 0.5625rem; background: #f04124; color: #FFFFFF; } .error input, .error textarea, .error select { margin-bottom: 0; } .error input[type="checkbox"], .error input[type="radio"] { margin-bottom: 1rem; } .error label, .error label.error { color: #f04124; } .error small.error { display: block; font-size: 0.75rem; font-style: italic; font-weight: normal; margin-bottom: 1rem; margin-top: -1px; padding: 0.375rem 0.5625rem 0.5625rem; background: #f04124; color: #FFFFFF; } .error > label > small { background: transparent; color: #676767; display: inline; font-size: 60%; font-style: normal; margin: 0; padding: 0; text-transform: capitalize; } .error span.error-message { display: block; } input.error, textarea.error, select.error { margin-bottom: 0; } label.error { color: #f04124; } .row { margin: 0 auto; max-width: 75rem; width: 100%; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } .row.collapse .row { margin-left: 0; margin-right: 0; } .row .row { margin: 0 -0.9375rem; max-width: none; width: auto; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { margin: 0; max-width: none; width: auto; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; } .column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child { float: right; } .column + .column.end, .columns + .column.end, .column + .columns.end, .columns + .columns.end { float: left; } /* small displays */ /* medium displays */ /* large displays */ /* xlarge displays */ /* xxlarge displays */ /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ table.hide-for-landscape, table.show-for-portrait { display: table !important; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } /* Specific visibility for tables */ table.hide-for-touch { display: table !important; } .touch table.show-for-touch { display: table !important; } thead.hide-for-touch { display: table-header-group !important; } .touch thead.show-for-touch { display: table-header-group !important; } tbody.hide-for-touch { display: table-row-group !important; } .touch tbody.show-for-touch { display: table-row-group !important; } tr.hide-for-touch { display: table-row !important; } .touch tr.show-for-touch { display: table-row !important; } td.hide-for-touch { display: table-cell !important; } .touch td.show-for-touch { display: table-cell !important; } th.hide-for-touch { display: table-cell !important; } .touch th.show-for-touch { display: table-cell !important; } /* Screen reader-specific classes */ .show-for-sr { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .show-on-focus { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .show-on-focus:focus, .show-on-focus:active { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } /* Print visibility */ /* 0px - 480px */ /* 481px - 640px */ /* 641px - 768px */ /* 769px - 1024px */ /* 1025px - 1280px */ /* 1281px - 1440px */ /* 1441px - 1920px */ /* GBRW MQ-list $mq-small: only screen $mq-small-only: only screen and (min-width: 0em) and (max-width: 30em) $mq-small-landscape: only screen and (orientation: landscape) $mq-small-portrait: only screen and (orientation: portrait) $mq-small-mid: only screen and (min-width: 30.0625em) $mq-small-mid-only: only screen and (min-width: 30.0625em) and (max-width: 40em) $mq-medium: only screen and (min-width: 40.0625em) $mq-medium-only: only screen and (min-width: 40.0625em) and (max-width: 48em) $mq-medium-landscape: only screen and (min-width: 40.0625em) and (orientation: landscape) $mq-medium-portrait: only screen and (min-width: 40.0625em) and (orientation: portrait) $mq-medium-mid: only screen and (min-width: 48.0625em) $mq-medium-mid-only: only screen and (min-width: 48.0625em) and (max-width: 64em) $mq-large: only screen and (min-width: 64.0625em) $mq-large-only: only screen and (min-width: 40.0625em) and (max-width: 48em) $mq-large-landscape: only screen and (min-width: 64.0625em) and (orientation: landscape) $mq-large-portrait: only screen and (min-width: 64.0625em) and (orientation: portrait) $mq-large-mid: only screen and (min-width: 80.0625em) $mq-large-mid-only: only screen and (min-width: 80.0625em) and (max-width: 90em) */ /*you+*/ @font-face { font-family: "gibson-light"; font-weight: normal; font-style: normal; src: url(/assets-facelift/fonts/gibson/gibson-light-webfont.eot); src: url(/assets-facelift/fonts/gibson/gibson-light-webfont.eot?#iefix) format("embedded-opentype"), url(/assets-facelift/fonts/gibson/gibson-light-webfont.woff) format("woff"), url(/assets-facelift/fonts/gibson/gibson-light-webfont.ttf) format("truetype"); } @font-face { font-family: "misato"; font-weight: normal; font-style: normal; src: url(/assets-facelift/fonts/misato/misato-webfont.eot); src: url(/assets-facelift/fonts/misato/misato-webfont.eot?#iefix) format("embedded-opentype"), url(/assets-facelift/fonts/misato/misato-webfont.woff) format("woff"), url(/assets-facelift/fonts/misato/misato-webfont.ttf) format("truetype"); } @font-face { font-family: "bodini"; font-weight: normal; font-style: normal; src: url(/assets-facelift/fonts/bauer-bodoni-bold/bauerbodbol-webfont.eot); src: url(/assets-facelift/fonts/bauer-bodoni-bold/bauerbodbol-webfont.eot?#iefix) format("embedded-opentype"), url(/assets-facelift/fonts/bauer-bodoni-bold/bauerbodbol-webfont.woff) format("woff"), url(/assets-facelift/fonts/bauer-bodoni-bold/bauerbodbol-webfont.ttf) format("truetype"); } @font-face { font-family: "henzipen-normal"; font-weight: normal; font-style: normal; src: url(/assets-facelift/fonts/hanzipen/hanzipennormal-webfont.eot); src: url(/assets-facelift/fonts/hanzipen/hanzipennormal-webfont.eot?#iefix) format("embedded-opentype"), url(/assets-facelift/fonts/hanzipen/hanzipennormal-webfont.woff) format("woff"), url(/assets-facelift/fonts/hanzipen/hanzipennormal-webfont.ttf) format("truetype"); } .v-center { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .create-post__book-cover .create-post__book-cover-mask, .photobook--grid .grid-item:nth-child(1n+1) .grid-item__mask { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22476%22%20height%3D%22476%22%20viewBox%3D%220%200%20476%20476%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22false%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M-12-12h500v500H-12V-12zm32.494%2035.258l-4.061%2047.189s.274%2093.35.274%2094.719c0%201.367.165%2038.981.165%2038.981l-.34%2042.744.998%2031.459-1.481%2085.144s-2.909%206.497-3.018%208.549c-.11%202.051.11%2090.957.11%2090.957l111.614-2.394%20176.146-1.273%2035.998-.92%2084.067-7.478%2032.212-1.613%205.542-29.065.988-109.08s.439-116.946-.55-120.365c0%200%201.043-45.48.989-46.847-.055-1.368-.11-30.433-.11-30.433l2.908-7.18.055-87.197-24.913-.435-17.34-2.984-37.205%203.077-83.3-.468-96.578-1.91L136.937%2013l-33.473%202.052-82.97%208.206z%22%20id%3D%22a%22%2F%3E%3Cfilter%20x%3D%22-.6%25%22%20y%3D%22-.6%25%22%20width%3D%22101.2%25%22%20height%3D%22101.2%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%222%22%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%20in%3D%22shadowInnerInner1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .photobook--grid .grid-item:nth-child(2n+1) .grid-item__mask { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22476%22%20height%3D%22476%22%20viewBox%3D%220%200%20476%20476%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22false%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M488-12v500H-12V-12h500zm-35.258%2032.494l-47.189-4.061s-93.35.274-94.719.274c-1.367%200-38.981.165-38.981.165l-42.744-.34-31.459.998-85.144-1.481s-6.497-2.909-8.549-3.018c-2.051-.11-90.957.11-90.957.11l2.394%20111.614L16.667%20300.9l.92%2035.998%207.478%2084.067%201.613%2032.212%2029.065%205.542%20109.08.988s116.946.439%20120.365-.55c0%200%2045.48%201.043%2046.847.989%201.368-.055%2030.433-.11%2030.433-.11l7.18%202.908%2087.197.055.435-24.913%202.984-17.34-3.077-37.205.468-83.3%201.91-96.578L463%20136.937l-2.052-33.473-8.206-82.97z%22%20id%3D%22a%22%2F%3E%3Cfilter%20x%3D%22-.6%25%22%20y%3D%22-.6%25%22%20width%3D%22101.2%25%22%20height%3D%22101.2%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%222%22%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%20in%3D%22shadowInnerInner1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .photobook--grid .grid-item:nth-child(3n+1) .grid-item__mask { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22476%22%20height%3D%22476%22%20viewBox%3D%220%200%20476%20476%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22false%22%3E%3Ctitle%3Ebook-mask-3%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M488%20488H-12V-12h500v500zm-32.494-35.258l4.061-47.189s-.274-93.35-.274-94.719c0-1.367-.165-38.981-.165-38.981l.34-42.744-.998-31.459%201.481-85.144s2.909-6.497%203.018-8.549c.11-2.051-.11-90.957-.11-90.957l-111.614%202.394L175.1%2016.667l-35.998.92-84.067%207.478-32.212%201.613-5.542%2029.065-.988%20109.08s-.439%20116.946.55%20120.365c0%200-1.043%2045.48-.989%2046.847.055%201.368.11%2030.433.11%2030.433l-2.908%207.18L13%20456.846l24.913.435%2017.34%202.984%2037.205-3.077%2083.3.468%2096.578%201.91L339.063%20463l33.473-2.052%2082.97-8.206z%22%20id%3D%22a%22%2F%3E%3Cfilter%20x%3D%22-.6%25%22%20y%3D%22-.6%25%22%20width%3D%22101.2%25%22%20height%3D%22101.2%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%222%22%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%20in%3D%22shadowInnerInner1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .photobook--grid .grid-item:nth-child(5n+1) .grid-item__mask { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22476%22%20height%3D%22476%22%20viewBox%3D%220%200%20476%20476%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22false%22%3E%3Ctitle%3Ebook-mask-4%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M-12%20488V-12h500v500H-12zm32.494-35.258l82.97%208.206L136.937%20463l66.727-3.436%2096.579-1.91%2083.299-.467%2037.205%203.077%2017.34-2.984%2024.913-.435-.055-87.196-2.908-7.18s.055-29.066.11-30.434c.054-1.368-.988-46.847-.988-46.847.988-3.419.549-120.364.549-120.364l-.988-109.08-5.543-29.066-32.21-1.613-84.068-7.479-35.998-.919-176.146-1.273L13.14%2013s-.219%2088.906-.11%2090.957c.11%202.052%203.019%208.55%203.019%208.55l1.481%2085.143-.997%2031.46.339%2042.743s-.165%2037.614-.165%2038.981c0%201.368-.274%2094.72-.274%2094.72l4.06%2047.188z%22%20id%3D%22a%22%2F%3E%3Cfilter%20x%3D%22-.6%25%22%20y%3D%22-.6%25%22%20width%3D%22101.2%25%22%20height%3D%22101.2%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%222%22%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%20in%3D%22shadowInnerInner1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .photobook--grid .grid-item:nth-child(4n+1) .grid-item__mask { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22476%22%20height%3D%22476%22%20viewBox%3D%220%200%20476%20476%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22false%22%3E%3Ctitle%3Ebook-mask-5%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M488-12v500H-12V-12h500zm-32.494%2035.258l-82.97-8.206L339.063%2013l-66.727%203.436-96.579%201.91-83.299.467-37.205-3.077-17.34%202.984L13%2019.155l.055%2087.196%202.908%207.18s-.055%2029.066-.11%2030.434c-.054%201.368.988%2046.847.988%2046.847-.988%203.419-.549%20120.364-.549%20120.364l.988%20109.08%205.542%2029.066%2032.212%201.613%2084.067%207.479%2035.998.919%20176.146%201.273L462.86%20463s.219-88.906.11-90.957c-.11-2.052-3.019-8.55-3.019-8.55l-1.481-85.143.997-31.46-.339-42.743s.165-37.614.165-38.981c0-1.368.274-94.72.274-94.72l-4.06-47.188z%22%20id%3D%22a%22%2F%3E%3Cfilter%20x%3D%22-.6%25%22%20y%3D%22-.6%25%22%20width%3D%22101.2%25%22%20height%3D%22101.2%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%222%22%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%20in%3D%22shadowInnerInner1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .sign-up__stage-selection:before, .sign-up__stage-selection:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20900%2012%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.5%22%20d%3D%22M0%206.385l14.45%203%20148.444-3L178.47%209l60.515%202%2047.97-2.78L379.03%209.5l143.48-3.117%2021.597-1.308%20218.945.492%209.34-2.313L900%201%22%2F%3E%3C%2Fsvg%3E"); } .cr-slider::-webkit-slider-runnable-track { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22355%22%20height%3D%22253%22%20viewBox%3D%220%200%20355%20253%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Epath-1%3C%2Ftitle%3E%3Cpath%20d%3D%22M3.693%20217.34l2.156-37.454s-1.94-14.485-1.94-14.746c0-.754.128-21.483.128-21.483L3.771%20120.1l.783-17.337-1.162-46.924S.11%2011.259.024%2010.128C-.062%208.997%201.11%201%201.11%201l87.555%201.32L95.417.613l77.36%204.909%2082.304-1.996%2058.228%202.515%207.718%201.607%2025.268.889%204.347%2016.018.775%2060.116s.345%2064.45-.43%2066.334c0%200%20.818%2025.064.775%2025.818-.043.754-.086%2016.772-.086%2016.772l-.719%206.957%203.435%2036.06-.392%208.995-.043.864-7.256%201.405-93.647%204.23-70.685-2.189-50.402.152-8.51-1.839-8.408%201.55-66.306%202.329-30.358-1.638-13.831-4-.861-29.132z%22%20fill%3D%22%23562483%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .create-post__btn:after, .create-post__btn-photo:after, .create-post__btn-tag:after, .create-post__btn-date:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22183%22%20height%3D%225%22%20viewBox%3D%220%200%20183%205%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%202.01L35.406%203l8.282-1.045L132.876%201l40.714%201.636L183%202.01%22%20stroke-width%3D%222%22%20stroke%3D%22%23562483%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22%20stroke-dasharray%3D%224%2C4%22%2F%3E%3C%2Fsvg%3E"); } .photobook--crop-image .crop-image__zoom a { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Ecrop-zoom%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M29.5.684l.271%203.146-.018%206.314-.011%202.6.022%202.849-.066%202.097.099%205.676s.194.433.201.57c.007.137-.007%206.064-.007%206.064l-7.441-.16-11.743-.084-2.4-.062-5.605-.498-2.147-.108-.37-1.938-.066-7.272s-.029-7.796.037-8.024c0%200-.07-3.032-.066-3.123.004-.091.008-2.029.008-2.029l-.194-.479L0%20.41%201.66.381%202.818.182l2.48.206L10.85.356%2017.29.23%2021.737%200l2.231.137L29.5.684z%22%20fill-opacity%3D%22.9%22%20fill%3D%22%239D81BB%22%2F%3E%3Cpath%20d%3D%22M20.858%2012.657a.857.857%200%200%200-.696-.303l-2.886%203.835-6.706-6.582-1.172-.048-5.75%209.83.273%201.17%2021.704-.106c.747-.053-1.628-5.104-1.628-5.104l-3.14-2.692z%22%20fill%3D%22%23562483%22%20opacity%3D%22.4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .discussion.replies .discussion-actions:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221200%22%20height%3D%2215%22%20viewBox%3D%220%200%201200%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPath%209%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%207.45l7.76-2.294L170.75%201l7.742%202.202%20132.251%201.026%20353.606%201.53%208.382-1.533%20194.491%204.78%20177.078%202.909%2037.154-1.895L1200%2014.205%22%20stroke%3D%22%234C4C4C%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .youplus--monitor:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221000%22%20height%3D%22700%22%20viewBox%3D%220%200%201000%20700%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M578.521%20532.792l420.85-7.874-21.973-493.556-24.944-29.4L11.52.652.66%20489.208l93.955%2052.638%20359.383-6.724%204.635%20102.226-55.065%2010.108v52.314l243.766-11.468v-35.013l-59.2-22.505-9.613-97.992zm-462.33-34.606l-76.2-50.369L54.453%2040.311l836.892-3.07%2047.797%2033.472-.199%20407.997-822.752%2019.476z%22%20id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23282828%22%20xlink%3Ahref%3D%22%23a%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .youplus--phone:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22320%22%20height%3D%22630%22%20viewBox%3D%220%200%20320%20630%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M291.758%20629.423l-257.185-9.841L0%20602.65%2015.157%2037.372%2037.604%2012.87%20281.905%200l37.605%2037.372-8.337%20565.278-19.415%2026.773zM36.172%2084.12l30.485-7.143%20228.533-.427%201.697%2044.314-7.76%20420.927-264.323%205.3L36.172%2084.12z%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M193.134%2062.847h-47.062l-3.81-2.68s2.543-8.71%203.81-8.71c0%200%2049.357%201.198%2049.357%202.68v6.03l-2.295%202.68zM164.84%2022.006c2.524-.993%206.83-2.533%208.825%201.706%201.994%204.24%201.722%207.48-1.99%2010.078-3.71%202.598-8.651-.8-9.58-3.166-1.012-2.575.812-7.858%202.744-8.618zM169.503%20559.884c8.735%205.36%2023.174%2014.85%2014.918%2030.505s-18.651%2022.2-34.927%2016.91c-16.276-5.287-17.258-27.921-12.232-36.105%205.469-8.905%2025.555-15.412%2032.241-11.31z%22%20fill%3D%22%23191919%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .filter-slider-small .size:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22179%22%20height%3D%22175%22%20viewBox%3D%220%200%20179%20175%22%3E%3Cstyle%3E.st0{filter%3Aurl%28%23filter-2%29}.st1{fill%3A%23562483}%3C%2Fstyle%3E%3Cfilter%20filterUnits%3D%22objectBoundingBox%22%20height%3D%22200%25%22%20id%3D%22filter-2%22%20width%3D%22200%25%22%20x%3D%22-50%25%22%20y%3D%22-50%25%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%222%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%2F%3E%3C%2Ffilter%3E%3Ctitle%3Ebadge%3C%2Ftitle%3E%3Cg%20id%3D%22godkända-skisser%22%3E%3Cg%20id%3D%22product-category%22%20transform%3D%22translate%28-1152%20-834%29%22%3E%3Cg%20id%3D%22Mask%22%3E%3Cg%20class%3D%22st0%22%3E%3Cpath%20id%3D%22path-1_2_%22%20d%3D%22M1154.5%20930c.9-34.8%204.4-93.5%2064.5-95.8s97.2%2017.2%20109.3%2074.1-53%2098.3-85.6%2097.4c-35.6-1-89-49.1-88.2-75.7z%22%2F%3E%3C%2Fg%3E%3Cpath%20id%3D%22path-1_1_%22%20class%3D%22st1%22%20d%3D%22M1154.5%20931c.9-34.8%204.4-93.5%2064.5-95.8s97.2%2017.2%20109.3%2074.1-53%2098.3-85.6%2097.4c-35.6-1-89-49.1-88.2-75.7z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .product-range-separator:before, .club-advantages:before, .libero-com-sites:before, .text-image-block.panel-1:before, .u-bg-shape-2-purple-before:before, .club-pregnant:before, .text-image-block.panel-2:before, .u-bg-shape-2-light-purple-before:before, .text-image-block.panel-4:before, .u-bg-shape-2-dark-purple-before:before, .text-image-block.panel-3:before, .u-bg-shape-2-black-before:before, .u-bg-shape-4-black-before:before, .product-range:before, .point-shop-row.second-visit:before, .libero-com-history-row .row-content:before, .text-image-block.panel-0:before, .u-bg-shape-2-white-before:before, .youplus--text-intro:before, .youplus--text-media-70-30:before, .youplus--text-media-50-50:before, .youplus--text-brush:before, .youplus--text-media:before, .youplus--video-story:before, .youplus--sticky-sign-up:before, .youplus--stage-article:before, .youplus--your-story:before, .more-links:before, .promos:before, .forum-list:before, .discussion.topic:before, .point-shop-top:before, .libero-com-history-row:before, .recommended-articles:before, .u-bg-shape-4-purple-before:before, .youplus--story-header .date-filter:before, .youplus--story-header .tag-filter:before, .youplus--text-media-70-30.alt:before, .youplus--text-media.alt:before, .youplus--testimonial:before, .youplus--video-story.alt:before, .youplus--content-composition:before, #footer .bottom-bar:before, .u-bg-shape-4-darker-purple-before:before, .breadcrumbs-c:before, .club-remember:before, .club-top.second-visit:before, .libero-com-sca:before, .libero-com-history-top:before, .category-select:before, .u-bg-shape-4-white-before:before, .u-bg-shape-base-before:before { position: absolute; content: ''; display: block; width: 100%; left: 0; } .popin-close:after, .small-overlay-close:after, .full-overlay-close:after, #subNavigation > ul:after, .recommended-articles:after, .u-bg-shape-4-purple-after:after, .forum-list:after, .u-bg-shape-4-white-after:after, .products--filter-header:after, .products--filter-carousel-header:after, .club--create-post:after, .u-bg-shape-base-after:after { position: absolute; content: ''; display: block; width: 100%; left: 0; } .product-range-separator, .club-advantages, .libero-com-sites, .text-image-block.panel-1, .u-bg-shape-2-purple-before { position: relative; } .product-range-separator:before, .club-advantages:before, .libero-com-sites:before, .text-image-block.panel-1:before, .u-bg-shape-2-purple-before:before { height: 10px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2215%22%20viewBox%3D%220%20564%201440%2010%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23562483%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%20576v192l304.552-1.052%2017.66.824%20219.522-3.799%20150.97.42%20249.499%201.996%20130.31-.404%20304.325-3.287%2063.162.614V572.244l-63.957-.783-134.68%201.352-11.716%203.884-180.97-5.48-108.858-4.254-132.695%205.528-236.92-7.722-221.552%205.49-121.174.901-97.336-1.502-97.633.465z%22%2F%3E%3C%2Fsvg%3E"); top: -10px; } .club-pregnant, .text-image-block.panel-2, .u-bg-shape-2-light-purple-before { position: relative; } .club-pregnant:before, .text-image-block.panel-2:before, .u-bg-shape-2-light-purple-before:before { height: 10px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2215%22%20viewBox%3D%220%20564%201440%2010%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%239d81bb%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%20576v192l304.552-1.052%2017.66.824%20219.522-3.799%20150.97.42%20249.499%201.996%20130.31-.404%20304.325-3.287%2063.162.614V572.244l-63.957-.783-134.68%201.352-11.716%203.884-180.97-5.48-108.858-4.254-132.695%205.528-236.92-7.722-221.552%205.49-121.174.901-97.336-1.502-97.633.465z%22%2F%3E%3C%2Fsvg%3E"); top: -10px; } .text-image-block.panel-4, .u-bg-shape-2-dark-purple-before { position: relative; } .text-image-block.panel-4:before, .u-bg-shape-2-dark-purple-before:before { height: 10px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2215%22%20viewBox%3D%220%20564%201440%2010%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23451c68%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%20576v192l304.552-1.052%2017.66.824%20219.522-3.799%20150.97.42%20249.499%201.996%20130.31-.404%20304.325-3.287%2063.162.614V572.244l-63.957-.783-134.68%201.352-11.716%203.884-180.97-5.48-108.858-4.254-132.695%205.528-236.92-7.722-221.552%205.49-121.174.901-97.336-1.502-97.633.465z%22%2F%3E%3C%2Fsvg%3E"); top: -10px; } .text-image-block.panel-3, .u-bg-shape-2-black-before { position: relative; } .text-image-block.panel-3:before, .u-bg-shape-2-black-before:before { height: 10px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2215%22%20viewBox%3D%220%20564%201440%2010%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%20576v192l304.552-1.052%2017.66.824%20219.522-3.799%20150.97.42%20249.499%201.996%20130.31-.404%20304.325-3.287%2063.162.614V572.244l-63.957-.783-134.68%201.352-11.716%203.884-180.97-5.48-108.858-4.254-132.695%205.528-236.92-7.722-221.552%205.49-121.174.901-97.336-1.502-97.633.465z%22%2F%3E%3C%2Fsvg%3E"); top: -10px; } .u-bg-shape-4-black-before { position: relative; } .u-bg-shape-4-black-before:before { height: 10px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2215%22%20viewBox%3D%220%200%201440%2015%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%20679V0l304.552%203.536%2017.66-2.77%20219.522%2012.77%20150.97-1.414%20249.499-6.706%20130.31%201.358%20304.325%2011.047L1440%2015.758v642.255l-63.957%202.63-134.68-4.545-41.716.392-150.97%204.974-108.858%204.214-132.695-8.498-216.92%202.43-241.552%205.074-121.174-3.03-97.336%205.05z%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fsvg%3E"); top: -10px; } .product-range, .point-shop-row.second-visit, .libero-com-history-row .row-content, .text-image-block.panel-0, .u-bg-shape-2-white-before, .youplus--text-intro, .youplus--text-media-70-30, .youplus--text-media-50-50, .youplus--text-brush, .youplus--text-media, .youplus--video-story, .youplus--sticky-sign-up, .youplus--stage-article, .youplus--your-story { position: relative; } .product-range:before, .point-shop-row.second-visit:before, .libero-com-history-row .row-content:before, .text-image-block.panel-0:before, .u-bg-shape-2-white-before:before, .youplus--text-intro:before, .youplus--text-media-70-30:before, .youplus--text-media-50-50:before, .youplus--text-brush:before, .youplus--text-media:before, .youplus--video-story:before, .youplus--sticky-sign-up:before, .youplus--stage-article:before, .youplus--your-story:before { height: 10px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2215%22%20viewBox%3D%220%20564%201440%2010%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%20576v192l304.552-1.052%2017.66.824%20219.522-3.799%20150.97.42%20249.499%201.996%20130.31-.404%20304.325-3.287%2063.162.614V572.244l-63.957-.783-134.68%201.352-11.716%203.884-180.97-5.48-108.858-4.254-132.695%205.528-236.92-7.722-221.552%205.49-121.174.901-97.336-1.502-97.633.465z%22%2F%3E%3C%2Fsvg%3E"); top: -10px; } .more-links, .promos, .forum-list, .discussion.topic, .point-shop-top, .libero-com-history-row, .recommended-articles, .u-bg-shape-4-purple-before, .youplus--story-header .date-filter, .youplus--story-header .tag-filter, .youplus--text-media-70-30.alt, .youplus--text-media.alt, .youplus--testimonial, .youplus--video-story.alt, .youplus--content-composition { position: relative; } .more-links:before, .promos:before, .forum-list:before, .discussion.topic:before, .point-shop-top:before, .libero-com-history-row:before, .recommended-articles:before, .u-bg-shape-4-purple-before:before, .youplus--story-header .date-filter:before, .youplus--story-header .tag-filter:before, .youplus--text-media-70-30.alt:before, .youplus--text-media.alt:before, .youplus--testimonial:before, .youplus--video-story.alt:before, .youplus--content-composition:before { height: 10px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2215%22%20viewBox%3D%220%200%201440%2015%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%20679V0l304.552%203.536%2017.66-2.77%20219.522%2012.77%20150.97-1.414%20249.499-6.706%20130.31%201.358%20304.325%2011.047L1440%2015.758v642.255l-63.957%202.63-134.68-4.545-41.716.392-150.97%204.974-108.858%204.214-132.695-8.498-216.92%202.43-241.552%205.074-121.174-3.03-97.336%205.05z%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23562483%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fsvg%3E"); top: -10px; } #footer .bottom-bar, .u-bg-shape-4-darker-purple-before { position: relative; } #footer .bottom-bar:before, .u-bg-shape-4-darker-purple-before:before { height: 10px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2215%22%20viewBox%3D%220%200%201440%2015%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%20679V0l304.552%203.536%2017.66-2.77%20219.522%2012.77%20150.97-1.414%20249.499-6.706%20130.31%201.358%20304.325%2011.047L1440%2015.758v642.255l-63.957%202.63-134.68-4.545-41.716.392-150.97%204.974-108.858%204.214-132.695-8.498-216.92%202.43-241.552%205.074-121.174-3.03-97.336%205.05z%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%2334154f%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fsvg%3E"); top: -10px; } .popin-close, .small-overlay-close, .full-overlay-close, #subNavigation > ul, .recommended-articles, .u-bg-shape-4-purple-after { position: relative; } .popin-close:after, .small-overlay-close:after, .full-overlay-close:after, #subNavigation > ul:after, .recommended-articles:after, .u-bg-shape-4-purple-after:after { height: 10px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2215%22%20viewBox%3D%220%200%201440%2015%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%20679V0l304.552%203.536%2017.66-2.77%20219.522%2012.77%20150.97-1.414%20249.499-6.706%20130.31%201.358%20304.325%2011.047L1440%2015.758v642.255l-63.957%202.63-134.68-4.545-41.716.392-150.97%204.974-108.858%204.214-132.695-8.498-216.92%202.43-241.552%205.074-121.174-3.03-97.336%205.05z%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23562483%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fsvg%3E"); bottom: 0; } .popin-close:after, .small-overlay-close:after, .full-overlay-close:after, #subNavigation > ul:after, .recommended-articles:after, .u-bg-shape-4-purple-after:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); bottom: -10px; } .replies-header, .calendar-container, .expander-panel, .u-bg-purple-light-panel { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%22182%22%20viewBox%3D%220%20367%201440%20182%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%239d81bb%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%20370.757v175.697l61.97%202.055%20258.462-5.159%209.604%201.443%20640.156.022%20390.906-1.725%2078.902%202.486V372.701l-13.732-1.779-188.06-3.413-142.796%202.431-544.015%203.062-294.467%202.917-36.24-1.273z%22%2F%3E%3C%2Fsvg%3E") 15 15 15 15 fill stretch; border-color: transparent; border-style: solid; border-width: 0; background-clip: content-box; } .breadcrumbs-c, .club-remember, .club-top.second-visit, .libero-com-sca, .libero-com-history-top, .category-select:before, .u-bg-shape-4-white-before { position: relative; } .breadcrumbs-c:before, .club-remember:before, .club-top.second-visit:before, .libero-com-sca:before, .libero-com-history-top:before, .category-select:before, .u-bg-shape-4-white-before:before { height: 10px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2215%22%20viewBox%3D%220%200%201440%2015%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%20679V0l304.552%203.536%2017.66-2.77%20219.522%2012.77%20150.97-1.414%20249.499-6.706%20130.31%201.358%20304.325%2011.047L1440%2015.758v642.255l-63.957%202.63-134.68-4.545-41.716.392-150.97%204.974-108.858%204.214-132.695-8.498-216.92%202.43-241.552%205.074-121.174-3.03-97.336%205.05z%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fsvg%3E"); top: -10px; } .forum-list, .u-bg-shape-4-white-after, .products--filter-header, .products--filter-carousel-header, .club--create-post { position: relative; } .forum-list:after, .u-bg-shape-4-white-after:after, .products--filter-header:after, .products--filter-carousel-header:after, .club--create-post:after { height: 10px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2215%22%20viewBox%3D%220%200%201440%2015%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%20679V0l304.552%203.536%2017.66-2.77%20219.522%2012.77%20150.97-1.414%20249.499-6.706%20130.31%201.358%20304.325%2011.047L1440%2015.758v642.255l-63.957%202.63-134.68-4.545-41.716.392-150.97%204.974-108.858%204.214-132.695-8.498-216.92%202.43-241.552%205.074-121.174-3.03-97.336%205.05z%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fsvg%3E"); bottom: 0; } /*Product infos buttons Start*/ .newborn-btn { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23ffc51c%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch !important; } .newborn-btn:hover { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23e8b110%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch !important; } .confort-btn { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%2319d5e5%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch !important; } .confort-btn:hover { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%2307cadb%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch !important; } .up_go-btn { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23ff1d16%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch !important; } .up_go-btn:hover { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23e4100a%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch !important; } .touch-btn { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23ba9748%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch !important; } .touch-btn:hover { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23ac8a3f%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch !important; } .whte-btn { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23ffffff%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch !important; } .white-btn:hover { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23fefefe%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch !important; } .black-btn { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch !important; } .black-btn:hover { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%234e4d4d%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch !important; } .lightpurple-btn { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%237B76B2%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch !important; } .lightpurple-btn:hover { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%238d89bf%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch !important; } /*Product infos buttons End*/ .u-bumpy-button-4-dark { display: inline-block; min-width: 121px; padding: 15px 25px 15px 25px; border-radius: 50px; color: #fff; line-height: 19px; background-color: #1f0c2f; transition: all 250ms ease-out; } .no-touch .u-bumpy-button-4-dark:hover { background-color: #1f0c2f; color: #fff; } .u-bumpy-button-4-dark:focus { color: #fff; } .letter-index a, .points-register-button a.register, .libero-com-sca a h3, .libero-com-sca a .h3, .libero-com-sca a .product-info h1, .product-info .libero-com-sca a h1, .libero-com-sca a .product-info .h1, .product-info .libero-com-sca a .h1, .button, .filePicker, a.join-now, input[type="submit"], input[type="button"], input[type="reset"], a.submit-down, a.submit-right, button.submit-right, .create-post__btn-publish, .create-post__btn-cancel, .create-post__btn-done, .u-bumpy-button-purple, .btn, .p-w-r .pr-media-modal .pr-accessible-btn, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn { display: inline-block; min-width: 121px; padding: 15px 25px 15px 25px; border: 1px solid #562483; border-radius: 50px; color: #ffffff; line-height: 19px; background-color: #562483; transition: all 250ms ease-out; height: auto !important; } .no-touch .letter-index a:hover, .letter-index .no-touch a:hover, .no-touch .points-register-button a.register:hover, .points-register-button .no-touch a.register:hover, .no-touch .libero-com-sca a h3:hover, .libero-com-sca a .no-touch h3:hover, .no-touch .libero-com-sca a .h3:hover, .libero-com-sca a .no-touch .h3:hover, .no-touch .libero-com-sca a .product-info h1:hover, .libero-com-sca a .product-info .no-touch h1:hover, .no-touch .product-info .libero-com-sca a h1:hover, .product-info .libero-com-sca a .no-touch h1:hover, .no-touch .libero-com-sca a .product-info .h1:hover, .libero-com-sca a .product-info .no-touch .h1:hover, .no-touch .product-info .libero-com-sca a .h1:hover, .product-info .libero-com-sca a .no-touch .h1:hover, .no-touch .button:hover, .no-touch .filePicker:hover, .no-touch a.join-now:hover, .no-touch input:hover[type="submit"], .no-touch input:hover[type="button"], .no-touch input:hover[type="reset"], .no-touch a.submit-down:hover, .no-touch a.submit-right:hover, .no-touch button.submit-right:hover, .no-touch .create-post__btn-publish:hover, .no-touch .create-post__btn-cancel:hover, .no-touch .create-post__btn-done:hover, .no-touch .u-bumpy-button-purple:hover, .no-touch .btn:hover, .no-touch .p-w-r .pr-media-modal .pr-accessible-btn:hover, .p-w-r .pr-media-modal .no-touch .pr-accessible-btn:hover, .no-touch .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn:hover, .js-review[data-reviewtype="ReviewForm"] .p-w-r .no-touch .pr-accessible-btn:hover { background-color: #451c68; border-style: 1px solid #451c68; color: #ffffff; } .no-touch .letter-index a:hover span, .letter-index .no-touch a:hover span, .no-touch .points-register-button a.register:hover span, .points-register-button .no-touch a.register:hover span, .no-touch .libero-com-sca a h3:hover span, .libero-com-sca a .no-touch h3:hover span, .no-touch .libero-com-sca a .h3:hover span, .libero-com-sca a .no-touch .h3:hover span, .no-touch .libero-com-sca a .product-info h1:hover span, .libero-com-sca a .product-info .no-touch h1:hover span, .no-touch .product-info .libero-com-sca a h1:hover span, .product-info .libero-com-sca a .no-touch h1:hover span, .no-touch .libero-com-sca a .product-info .h1:hover span, .libero-com-sca a .product-info .no-touch .h1:hover span, .no-touch .product-info .libero-com-sca a .h1:hover span, .product-info .libero-com-sca a .no-touch .h1:hover span, .no-touch .button:hover span, .no-touch .filePicker:hover span, .no-touch a.join-now:hover span, .no-touch input:hover[type="submit"] span, .no-touch input:hover[type="button"] span, .no-touch input:hover[type="reset"] span, .no-touch a.submit-down:hover span, .no-touch a.submit-right:hover span, .no-touch button.submit-right:hover span, .no-touch .create-post__btn-publish:hover span, .no-touch .create-post__btn-cancel:hover span, .no-touch .create-post__btn-done:hover span, .no-touch .u-bumpy-button-purple:hover span, .no-touch .btn:hover span, .no-touch .p-w-r .pr-media-modal .pr-accessible-btn:hover span, .p-w-r .pr-media-modal .no-touch .pr-accessible-btn:hover span, .no-touch .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn:hover span, .js-review[data-reviewtype="ReviewForm"] .p-w-r .no-touch .pr-accessible-btn:hover span { color: #ffffff; } .letter-index a:focus, .points-register-button a.register:focus, .libero-com-sca a h3:focus, .libero-com-sca a .h3:focus, .libero-com-sca a .product-info h1:focus, .product-info .libero-com-sca a h1:focus, .libero-com-sca a .product-info .h1:focus, .product-info .libero-com-sca a .h1:focus, .button:focus, .filePicker:focus, a.join-now:focus, input:focus[type="submit"], input:focus[type="button"], input:focus[type="reset"], a.submit-down:focus, a.submit-right:focus, button.submit-right:focus, .create-post__btn-publish:focus, .create-post__btn-cancel:focus, .create-post__btn-done:focus, .u-bumpy-button-purple:focus, .btn:focus, .p-w-r .pr-media-modal .pr-accessible-btn:focus, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn:focus { color: #ffffff; outline: none !important; } .bumpy-button-mid-blue { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%2334154f%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch; color: ''; display: inline-block; min-height: 50px; min-width: 121px; padding: 9px 30px 8px 30px; background: none; border-style: solid; border-width: 5px 5px 5px 5px; line-height: 19px; transition: all 250ms ease-out; } .no-touch .bumpy-button-mid-blue:hover { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%231f0c2f%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch; background: none; color: #fff; } .no-touch .bumpy-button-mid-blue:hover span { color: #fff; } .bumpy-button-mid-blue:focus { color: #fff; } .u-bumpy-button-6 { display: inline-block; min-width: 121px; padding: 15px 25px 15px 25px; border-radius: 50px; color: #ffffff; line-height: 19px; background-color: #000; transition: all 250ms ease-out; height: auto !important; } .no-touch .u-bumpy-button-6:hover { background-color: black; color: #fff; } .u-bumpy-button-6:focus { color: #fff; } .points-register-button .points .tc.point-box, .points-register-button .points .tc.campaign-point-box, .libero-com-sites .button, .libero-com-sites .filePicker, .libero-com-sites a.join-now, .libero-com-sites input[type="submit"], .libero-com-sites input[type="button"], .libero-com-sites input[type="reset"], .libero-com-sites a.submit-down, .libero-com-sites a.submit-right, .libero-com-sites button.submit-right, .libero-com-sites .create-post__btn-publish, .libero-com-sites .create-post__btn-cancel, .libero-com-sites .create-post__btn-done, .button--light-purple, .create-post__btn-publish, .create-post__btn-cancel, .create-post__btn-done, #sidebars .submit-right, #sidebars .button, #sidebars .filePicker, #sidebars a.join-now, #sidebars input[type="submit"], #sidebars input[type="button"], #sidebars input[type="reset"], #sidebars a.submit-down, #sidebars .create-post__btn-publish, #sidebars .create-post__btn-cancel, #sidebars .create-post__btn-done, .u-bumpy-button-purple-light { display: inline-block; min-width: 121px; padding: 15px 25px 15px 25px; border: 1px solid #562483; border-radius: 50px; color: #ffffff; line-height: 19px; background-color: #562483; transition: all 250ms ease-out; height: auto !important; background-color: #9d81bb; } .no-touch .points-register-button .points .tc.point-box:hover, .points-register-button .points .no-touch .tc.point-box:hover, .no-touch .points-register-button .points .tc.campaign-point-box:hover, .points-register-button .points .no-touch .tc.campaign-point-box:hover, .no-touch .libero-com-sites .button:hover, .libero-com-sites .no-touch .button:hover, .no-touch .libero-com-sites .filePicker:hover, .libero-com-sites .no-touch .filePicker:hover, .no-touch .libero-com-sites a.join-now:hover, .libero-com-sites .no-touch a.join-now:hover, .no-touch .libero-com-sites input:hover[type="submit"], .libero-com-sites .no-touch input:hover[type="submit"], .no-touch .libero-com-sites input:hover[type="button"], .libero-com-sites .no-touch input:hover[type="button"], .no-touch .libero-com-sites input:hover[type="reset"], .libero-com-sites .no-touch input:hover[type="reset"], .no-touch .libero-com-sites a.submit-down:hover, .libero-com-sites .no-touch a.submit-down:hover, .no-touch .libero-com-sites a.submit-right:hover, .libero-com-sites .no-touch a.submit-right:hover, .no-touch .libero-com-sites button.submit-right:hover, .libero-com-sites .no-touch button.submit-right:hover, .no-touch .button--light-purple:hover, .no-touch .create-post__btn-publish:hover, .no-touch .create-post__btn-cancel:hover, .no-touch .create-post__btn-done:hover, .no-touch #sidebars .submit-right:hover, #sidebars .no-touch .submit-right:hover, .no-touch #sidebars .button:hover, #sidebars .no-touch .button:hover, .no-touch #sidebars .filePicker:hover, #sidebars .no-touch .filePicker:hover, .no-touch #sidebars a.join-now:hover, #sidebars .no-touch a.join-now:hover, .no-touch #sidebars input:hover[type="submit"], #sidebars .no-touch input:hover[type="submit"], .no-touch #sidebars input:hover[type="button"], #sidebars .no-touch input:hover[type="button"], .no-touch #sidebars input:hover[type="reset"], #sidebars .no-touch input:hover[type="reset"], .no-touch #sidebars a.submit-down:hover, #sidebars .no-touch a.submit-down:hover, .no-touch #sidebars .create-post__btn-publish:hover, #sidebars .no-touch .create-post__btn-publish:hover, .no-touch #sidebars .create-post__btn-cancel:hover, #sidebars .no-touch .create-post__btn-cancel:hover, .no-touch #sidebars .create-post__btn-done:hover, #sidebars .no-touch .create-post__btn-done:hover, .no-touch .u-bumpy-button-purple-light:hover { background-color: #451c68; border-style: 1px solid #451c68; color: #ffffff; } .no-touch .points-register-button .points .tc.point-box:hover span, .points-register-button .points .no-touch .tc.point-box:hover span, .no-touch .points-register-button .points .tc.campaign-point-box:hover span, .points-register-button .points .no-touch .tc.campaign-point-box:hover span, .no-touch .libero-com-sites .button:hover span, .libero-com-sites .no-touch .button:hover span, .no-touch .libero-com-sites .filePicker:hover span, .libero-com-sites .no-touch .filePicker:hover span, .no-touch .libero-com-sites a.join-now:hover span, .libero-com-sites .no-touch a.join-now:hover span, .no-touch .libero-com-sites input:hover[type="submit"] span, .libero-com-sites .no-touch input:hover[type="submit"] span, .no-touch .libero-com-sites input:hover[type="button"] span, .libero-com-sites .no-touch input:hover[type="button"] span, .no-touch .libero-com-sites input:hover[type="reset"] span, .libero-com-sites .no-touch input:hover[type="reset"] span, .no-touch .libero-com-sites a.submit-down:hover span, .libero-com-sites .no-touch a.submit-down:hover span, .no-touch .libero-com-sites a.submit-right:hover span, .libero-com-sites .no-touch a.submit-right:hover span, .no-touch .libero-com-sites button.submit-right:hover span, .libero-com-sites .no-touch button.submit-right:hover span, .no-touch .button--light-purple:hover span, .no-touch .create-post__btn-publish:hover span, .no-touch .create-post__btn-cancel:hover span, .no-touch .create-post__btn-done:hover span, .no-touch #sidebars .submit-right:hover span, #sidebars .no-touch .submit-right:hover span, .no-touch #sidebars .button:hover span, #sidebars .no-touch .button:hover span, .no-touch #sidebars .filePicker:hover span, #sidebars .no-touch .filePicker:hover span, .no-touch #sidebars a.join-now:hover span, #sidebars .no-touch a.join-now:hover span, .no-touch #sidebars input:hover[type="submit"] span, #sidebars .no-touch input:hover[type="submit"] span, .no-touch #sidebars input:hover[type="button"] span, #sidebars .no-touch input:hover[type="button"] span, .no-touch #sidebars input:hover[type="reset"] span, #sidebars .no-touch input:hover[type="reset"] span, .no-touch #sidebars a.submit-down:hover span, #sidebars .no-touch a.submit-down:hover span, .no-touch #sidebars .create-post__btn-publish:hover span, #sidebars .no-touch .create-post__btn-publish:hover span, .no-touch #sidebars .create-post__btn-cancel:hover span, #sidebars .no-touch .create-post__btn-cancel:hover span, .no-touch #sidebars .create-post__btn-done:hover span, #sidebars .no-touch .create-post__btn-done:hover span, .no-touch .u-bumpy-button-purple-light:hover span { color: #ffffff; } .points-register-button .points .tc.point-box:focus, .points-register-button .points .tc.campaign-point-box:focus, .libero-com-sites .button:focus, .libero-com-sites .filePicker:focus, .libero-com-sites a.join-now:focus, .libero-com-sites input:focus[type="submit"], .libero-com-sites input:focus[type="button"], .libero-com-sites input:focus[type="reset"], .libero-com-sites a.submit-down:focus, .libero-com-sites a.submit-right:focus, .libero-com-sites button.submit-right:focus, .button--light-purple:focus, .create-post__btn-publish:focus, .create-post__btn-cancel:focus, .create-post__btn-done:focus, #sidebars .submit-right:focus, #sidebars .button:focus, #sidebars .filePicker:focus, #sidebars a.join-now:focus, #sidebars input:focus[type="submit"], #sidebars input:focus[type="button"], #sidebars input:focus[type="reset"], #sidebars a.submit-down:focus, #sidebars .create-post__btn-publish:focus, #sidebars .create-post__btn-cancel:focus, #sidebars .create-post__btn-done:focus, .u-bumpy-button-purple-light:focus { color: #ffffff; outline: none !important; } .no-touch .points-register-button .points .tc.point-box:hover, .points-register-button .points .no-touch .tc.point-box:hover, .no-touch .points-register-button .points .tc.campaign-point-box:hover, .points-register-button .points .no-touch .tc.campaign-point-box:hover, .no-touch .libero-com-sites .button:hover, .libero-com-sites .no-touch .button:hover, .no-touch .libero-com-sites .filePicker:hover, .libero-com-sites .no-touch .filePicker:hover, .no-touch .libero-com-sites a.join-now:hover, .libero-com-sites .no-touch a.join-now:hover, .no-touch .libero-com-sites input:hover[type="submit"], .libero-com-sites .no-touch input:hover[type="submit"], .no-touch .libero-com-sites input:hover[type="button"], .libero-com-sites .no-touch input:hover[type="button"], .no-touch .libero-com-sites input:hover[type="reset"], .libero-com-sites .no-touch input:hover[type="reset"], .no-touch .libero-com-sites a.submit-down:hover, .libero-com-sites .no-touch a.submit-down:hover, .no-touch .libero-com-sites a.submit-right:hover, .libero-com-sites .no-touch a.submit-right:hover, .no-touch .libero-com-sites button.submit-right:hover, .libero-com-sites .no-touch button.submit-right:hover, .no-touch .button--light-purple:hover, .no-touch .create-post__btn-publish:hover, .no-touch .create-post__btn-cancel:hover, .no-touch .create-post__btn-done:hover, .no-touch #sidebars .submit-right:hover, #sidebars .no-touch .submit-right:hover, .no-touch #sidebars .button:hover, #sidebars .no-touch .button:hover, .no-touch #sidebars .filePicker:hover, #sidebars .no-touch .filePicker:hover, .no-touch #sidebars a.join-now:hover, #sidebars .no-touch a.join-now:hover, .no-touch #sidebars input:hover[type="submit"], #sidebars .no-touch input:hover[type="submit"], .no-touch #sidebars input:hover[type="button"], #sidebars .no-touch input:hover[type="button"], .no-touch #sidebars input:hover[type="reset"], #sidebars .no-touch input:hover[type="reset"], .no-touch #sidebars a.submit-down:hover, #sidebars .no-touch a.submit-down:hover, .no-touch #sidebars .create-post__btn-publish:hover, #sidebars .no-touch .create-post__btn-publish:hover, .no-touch #sidebars .create-post__btn-cancel:hover, #sidebars .no-touch .create-post__btn-cancel:hover, .no-touch #sidebars .create-post__btn-done:hover, #sidebars .no-touch .create-post__btn-done:hover, .no-touch .u-bumpy-button-purple-light:hover { background-color: #8867ad; } .u-bumpy-button-purple-2 { display: inline-block; min-width: 121px; padding: 15px 25px 15px 25px; border: 1px solid #562483; border-radius: 50px; color: #ffffff; line-height: 19px; background-color: #562483; transition: all 250ms ease-out; height: auto !important; } .no-touch .u-bumpy-button-purple-2:hover { background-color: #451c68; border-style: 1px solid #451c68; color: #ffffff; } .no-touch .u-bumpy-button-purple-2:hover span { color: #ffffff; } .u-bumpy-button-purple-2:focus { color: #ffffff; outline: none !important; } .expander-panel input[type="submit"], .expander-panel input[type="button"], .expander-panel a.submit-right, .expander-panel a.button, .expander-panel a.filePicker, .expander-panel a.join-now, .expander-panel a.submit-down, .expander-panel button.submit-right, .expander-panel a.create-post__btn-publish, .expander-panel a.create-post__btn-cancel, .expander-panel a.create-post__btn-done, .calendar-sections a, .u-bumpy-button-purple-2 { display: inline-block; min-width: 121px; padding: 15px 25px 15px 25px; border: 1px solid #562483; border-radius: 50px; color: #ffffff; line-height: 19px; background-color: #562483; transition: all 250ms ease-out; height: auto !important; } .no-touch .expander-panel input:hover[type="submit"], .expander-panel .no-touch input:hover[type="submit"], .no-touch .expander-panel input:hover[type="button"], .expander-panel .no-touch input:hover[type="button"], .no-touch .expander-panel a.submit-right:hover, .expander-panel .no-touch a.submit-right:hover, .no-touch .expander-panel a.button:hover, .expander-panel .no-touch a.button:hover, .no-touch .expander-panel a.filePicker:hover, .expander-panel .no-touch a.filePicker:hover, .no-touch .expander-panel a.join-now:hover, .expander-panel .no-touch a.join-now:hover, .no-touch .expander-panel a.submit-down:hover, .expander-panel .no-touch a.submit-down:hover, .no-touch .expander-panel button.submit-right:hover, .expander-panel .no-touch button.submit-right:hover, .no-touch .expander-panel a.create-post__btn-publish:hover, .expander-panel .no-touch a.create-post__btn-publish:hover, .no-touch .expander-panel a.create-post__btn-cancel:hover, .expander-panel .no-touch a.create-post__btn-cancel:hover, .no-touch .expander-panel a.create-post__btn-done:hover, .expander-panel .no-touch a.create-post__btn-done:hover, .no-touch .calendar-sections a:hover, .calendar-sections .no-touch a:hover, .no-touch .u-bumpy-button-purple-2:hover { background-color: #451c68; border-style: 1px solid #451c68; color: #ffffff; } .no-touch .expander-panel input:hover[type="submit"] span, .expander-panel .no-touch input:hover[type="submit"] span, .no-touch .expander-panel input:hover[type="button"] span, .expander-panel .no-touch input:hover[type="button"] span, .no-touch .expander-panel a.submit-right:hover span, .expander-panel .no-touch a.submit-right:hover span, .no-touch .expander-panel a.button:hover span, .expander-panel .no-touch a.button:hover span, .no-touch .expander-panel a.filePicker:hover span, .expander-panel .no-touch a.filePicker:hover span, .no-touch .expander-panel a.join-now:hover span, .expander-panel .no-touch a.join-now:hover span, .no-touch .expander-panel a.submit-down:hover span, .expander-panel .no-touch a.submit-down:hover span, .no-touch .expander-panel button.submit-right:hover span, .expander-panel .no-touch button.submit-right:hover span, .no-touch .expander-panel a.create-post__btn-publish:hover span, .expander-panel .no-touch a.create-post__btn-publish:hover span, .no-touch .expander-panel a.create-post__btn-cancel:hover span, .expander-panel .no-touch a.create-post__btn-cancel:hover span, .no-touch .expander-panel a.create-post__btn-done:hover span, .expander-panel .no-touch a.create-post__btn-done:hover span, .no-touch .calendar-sections a:hover span, .calendar-sections .no-touch a:hover span, .no-touch .u-bumpy-button-purple-2:hover span { color: #ffffff; } .expander-panel input:focus[type="submit"], .expander-panel input:focus[type="button"], .expander-panel a.submit-right:focus, .expander-panel a.button:focus, .expander-panel a.filePicker:focus, .expander-panel a.join-now:focus, .expander-panel a.submit-down:focus, .expander-panel button.submit-right:focus, .expander-panel a.create-post__btn-publish:focus, .expander-panel a.create-post__btn-cancel:focus, .expander-panel a.create-post__btn-done:focus, .calendar-sections a:focus, .u-bumpy-button-purple-2:focus { color: #ffffff; outline: none !important; } .no-touch .expander-panel input:hover[type="submit"], .expander-panel .no-touch input:hover[type="submit"], .no-touch .expander-panel input:hover[type="button"], .expander-panel .no-touch input:hover[type="button"], .no-touch .expander-panel a.submit-right:hover, .expander-panel .no-touch a.submit-right:hover, .no-touch .expander-panel a.button:hover, .expander-panel .no-touch a.button:hover, .no-touch .expander-panel a.filePicker:hover, .expander-panel .no-touch a.filePicker:hover, .no-touch .expander-panel a.join-now:hover, .expander-panel .no-touch a.join-now:hover, .no-touch .expander-panel a.submit-down:hover, .expander-panel .no-touch a.submit-down:hover, .no-touch .expander-panel button.submit-right:hover, .expander-panel .no-touch button.submit-right:hover, .no-touch .expander-panel a.create-post__btn-publish:hover, .expander-panel .no-touch a.create-post__btn-publish:hover, .no-touch .expander-panel a.create-post__btn-cancel:hover, .expander-panel .no-touch a.create-post__btn-cancel:hover, .no-touch .expander-panel a.create-post__btn-done:hover, .expander-panel .no-touch a.create-post__btn-done:hover, .no-touch .calendar-sections a:hover, .calendar-sections .no-touch a:hover, .no-touch .u-bumpy-button-purple-2:hover, .expander-panel input.selected[type="submit"], .expander-panel input.selected[type="button"], .expander-panel a.selected.submit-right, .expander-panel a.selected.button, .expander-panel a.selected.filePicker, .expander-panel a.selected.join-now, .expander-panel a.selected.submit-down, .expander-panel button.selected.submit-right, .expander-panel a.selected.create-post__btn-publish, .expander-panel a.selected.create-post__btn-cancel, .expander-panel a.selected.create-post__btn-done, .calendar-sections a.selected, .selected.u-bumpy-button-purple-2 { background-color: #451c68; } dl.grouped-accordion dd > a.on, dl.grouped-accordion dd > a.selected { display: inline-block; min-height: 50px; min-width: 121px; padding: 9px 30px 8px 30px; background: none; border-style: solid; border-width: 5px 5px 5px 5px; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23562483%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch; color: #ffffff; line-height: 19px; transition: all 250ms ease-out; } .no-touch dl.grouped-accordion dd > a.on:hover, dl.grouped-accordion .no-touch dd > a.on:hover, .no-touch dl.grouped-accordion dd > a.selected:hover, dl.grouped-accordion .no-touch dd > a.selected:hover { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23451c68%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch; background: none; color: #ffffff; } .no-touch dl.grouped-accordion dd > a.on:hover span, dl.grouped-accordion .no-touch dd > a.on:hover span, .no-touch dl.grouped-accordion dd > a.selected:hover span, dl.grouped-accordion .no-touch dd > a.selected:hover span { color: #ffffff; } dl.grouped-accordion dd > a.on:focus, dl.grouped-accordion dd > a.selected:focus { color: #ffffff; } .no-touch dl.grouped-accordion dd > a.on:hover, dl.grouped-accordion .no-touch dd > a.on:hover, .no-touch dl.grouped-accordion dd > a.selected:hover, dl.grouped-accordion .no-touch dd > a.selected:hover, dl.grouped-accordion dd > a.selected { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%233c195b%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch !important; } .u-bumpy-product-row { top: -6px; margin-bottom: -15px; z-index: 1; overflow: hidden; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221456%22%20height%3D%22242%22%20viewBox%3D%22-8%20-8%201456%20242%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M0%20219.708V2.843L61.97%200l635.462%207.946%2015.604-3.06%20257.156-1.13%20390.906%205.173L1440%205.846V221.58l-161.467-1.615-310.798%201.815-136.768-3.772-472.545%203.403L133.206%20226z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%2F%3E%3CfeOffset%20dy%3D%22-2%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter2%22%20result%3D%22shadowBlurOuter2%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%20in%3D%22shadowBlurOuter2%22%20result%3D%22shadowMatrixOuter2%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter2%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23ff0000%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 10 fill stretch; } .u-svg-products-bumpy-row-top-soft-white { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2212%22%20viewBox%3D%220%20-2%201440%2012%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M0%20219.708V2.843L61.97%200l635.462%207.946%2015.604-3.06%20257.156-1.13%20390.906%205.173L1440%205.846V221.58l-161.467-1.615-310.798%201.815-136.768-3.772-472.545%203.403L133.206%20226z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%2F%3E%3CfeOffset%20dy%3D%22-2%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter2%22%20result%3D%22shadowBlurOuter2%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%20in%3D%22shadowBlurOuter2%22%20result%3D%22shadowMatrixOuter2%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter2%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23faf9f7%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .u-svg-products-bumpy-row-bottom-soft-white { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2212%22%20viewBox%3D%220%20216%201440%2012%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M0%20219.708V2.843L61.97%200l635.462%207.946%2015.604-3.06%20257.156-1.13%20390.906%205.173L1440%205.846V221.58l-161.467-1.615-310.798%201.815-136.768-3.772-472.545%203.403L133.206%20226z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%2F%3E%3CfeOffset%20dy%3D%22-2%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter2%22%20result%3D%22shadowBlurOuter2%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%20in%3D%22shadowBlurOuter2%22%20result%3D%22shadowMatrixOuter2%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter2%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23faf9f7%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .u-svg-products-bumpy-row-top-white, .product--filter-result-display .shadow-container .shadow-top:before, .products--cross-sell .product--listing .product--filter-result-display .shadow-top:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2212%22%20viewBox%3D%220%20-2%201440%2012%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M0%20219.708V2.843L61.97%200l635.462%207.946%2015.604-3.06%20257.156-1.13%20390.906%205.173L1440%205.846V221.58l-161.467-1.615-310.798%201.815-136.768-3.772-472.545%203.403L133.206%20226z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%2F%3E%3CfeOffset%20dy%3D%22-2%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter2%22%20result%3D%22shadowBlurOuter2%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%20in%3D%22shadowBlurOuter2%22%20result%3D%22shadowMatrixOuter2%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter2%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .u-svg-products-bumpy-row-bottom-white, .product--filter-result-display .shadow-container .shadow-bottom:before, .products--cross-sell .product--listing .product--filter-result-display .shadow-bottom:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2212%22%20viewBox%3D%220%20216%201440%2012%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M0%20219.708V2.843L61.97%200l635.462%207.946%2015.604-3.06%20257.156-1.13%20390.906%205.173L1440%205.846V221.58l-161.467-1.615-310.798%201.815-136.768-3.772-472.545%203.403L133.206%20226z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%2F%3E%3CfeOffset%20dy%3D%22-2%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter2%22%20result%3D%22shadowBlurOuter2%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%20in%3D%22shadowBlurOuter2%22%20result%3D%22shadowMatrixOuter2%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter2%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .promos .row .columns .promobox a:after, .content-area .column .caption-1:after, .content-area .column .caption-2:after, .content-area .column .caption-3:after, .content-area .column .caption-4:after, ul.posts li a:after, .posts li a:after, .stages-overlay ul.posts div a.item-url:after, .stages-overlay .posts div a.item-url:after, ul.articles li .img:after, .gbrw-hscroll.calendar li .img:after, ul.products li .item:after, .point-shop-product-info .column.small-6 .img:after, .img-preview .img-container:after, .club-about .row .column .item:after, .club-advantages .row .column .item:after, .embed-container:after, .article-66-33 .azuremediaplayer:after, .article-50-50 .azuremediaplayer:after, .overlay2-open .article-66-33 header:after, .overlay2-open .article-50-50 header:after, .recommended-articles .article-teaser-simple .inner:after, .column responsiveVideo:after, .products--articlelist .columns a:after, .products--split-50-50 .image:after, .products--split-70-30 .column img:after, .stages-items__column--promo .stage-promo:after, .youplus--content-composition .youplus--article-teaser .inner:after, .youplus--content-composition .youplus--life-hack .inner:after, .youplus--life-hack .azuremediaplayer:after, .youplus--your-story .youplus--story-image .inner:after, .youplus--your-story .youplus--story-video .inner:after, .youplus--story-video .azuremediaplayer:after, .youplus--your-story .youplus--story-m-image .inner:after, .youplus--your-story .youplus--story-m-video .inner:after, .youplus--story-m-video .azuremediaplayer:after, .youplus--story-image-overlay:after, .youplus--story-m-image-overlay:after, .youplus--story-m-video-overlay:after, .youplus--story-video-overlay:after, .youplus--video-story .embed-container:after, .youplus--stage-article .children .col .image:after, .photobook--milestone-frame .milestone-carousel__item:after, .photobook--milestone-frame .milestone-edit:after, .milestone-carousel .photobook--loader:after { content: ''; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; width: calc(100% + 2px); height: calc(100% + 2px); border-style: solid; border-width: 10px; /* This breaks border image in Safari. Testing... 20171030. border-color: transparent; //JESADE: todo */ z-index: 2; } .promos .row .columns .promobox a, .content-area .column .caption-1, .content-area .column .caption-2, .content-area .column .caption-3, .content-area .column .caption-4, ul.posts li a, .posts li a, .stages-overlay ul.posts div a.item-url, .stages-overlay .posts div a.item-url, ul.articles li .img, .gbrw-hscroll.calendar li .img, ul.products li .item, .point-shop-product-info .column.small-6 .img, .img-preview .img-container, .club-about .row .column .item, .club-advantages .row .column .item, .embed-container, .article-66-33 .azuremediaplayer, .article-50-50 .azuremediaplayer, .overlay2-open .article-66-33 header, .overlay2-open .article-50-50 header, .recommended-articles .article-teaser-simple .inner, .column responsiveVideo, .products--articlelist .columns a, .products--split-50-50 .image, .products--split-70-30 .column img, .stages-items__column--promo .stage-promo, .youplus--content-composition .youplus--article-teaser .inner, .youplus--content-composition .youplus--life-hack .inner, .youplus--life-hack .azuremediaplayer, .youplus--your-story .youplus--story-image .inner, .youplus--your-story .youplus--story-video .inner, .youplus--story-video .azuremediaplayer, .youplus--your-story .youplus--story-m-image .inner, .youplus--your-story .youplus--story-m-video .inner, .youplus--story-m-video .azuremediaplayer, .youplus--story-image-overlay, .youplus--story-m-image-overlay, .youplus--story-m-video-overlay, .youplus--story-video-overlay, .youplus--video-story .embed-container, .youplus--stage-article .children .col .image, .photobook--milestone-frame .milestone-carousel__item, .photobook--milestone-frame .milestone-edit, .milestone-carousel .photobook--loader { position: relative; overflow: hidden; } .overlay2-open .article-66-33 header:after, .overlay2-open .article-50-50 header:after, .youplus--story-image-overlay:after, .youplus--story-m-image-overlay:after, .youplus--story-m-video-overlay:after, .youplus--story-video-overlay:after { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22380%22%20height%3D%22248%22%20viewBox%3D%220%200%20380%20248%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22rgba%280%2C0%2C0%2C0.5%29%22%3E%3Cpath%20d%3D%22M2.5%20192.6s0-16-.1-16.8c0-.8.8-25.8.8-25.8-.8-1.9-.5-66.3-.5-66.3l.8-60.1%204.7-16%2027.2-.9%2071-4.1%2088.6%202%2090.5-3.2L379.9%200H0v244.6-48.1l2.5-3.9zM377.4%2054.8l-1.3%2046.9.8%2017.3-.3%2023.6s.1%2020.7.1%2021.5.2%2052.2.2%2052.2l-3.4%2026-98.3%205.7H380V44.3v5.8c-.1%201.2-2.6%204.7-2.6%204.7z%22%2F%3E%3Cpath%20d%3D%22M137.4%20245.1l-25.4.4-44.9-.7-31.4%201.7L0%20244.6v3.4h275.3l-56.3-1.9zM379.9%200s.1%2031.1.1%2044.3V0h-.1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 10 fill stretch; -webkit-transform: translateZ(1px) scaleX(1) scaleY(1); transform: translateZ(1px) scaleX(1) scaleY(1); } .content-area .column .caption-1:after, .content-area .column .caption-2:after, .content-area .column .caption-3:after, .content-area .column .caption-4:after, ul.products li .item:after, .club-about .row .column .item:after, .club-advantages .row .column .item:after, .embed-container:after, .article-66-33 .azuremediaplayer:after, .article-50-50 .azuremediaplayer:after, .column responsiveVideo:after, .products--articlelist .columns a:after, .products--split-50-50 .image:after, .products--split-70-30 .column img:after, .youplus--your-story .youplus--story-image .inner:after, .youplus--your-story .youplus--story-video .inner:after, .youplus--story-video .azuremediaplayer:after, .youplus--your-story .youplus--story-m-image .inner:after, .youplus--your-story .youplus--story-m-video .inner:after, .youplus--story-m-video .azuremediaplayer:after, .youplus--stage-article .children .col .image:after, .photobook--milestone-frame .milestone-carousel__item:after, .photobook--milestone-frame .milestone-edit:after, .milestone-carousel .photobook--loader:after { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22380%22%20height%3D%22248%22%20viewBox%3D%220%200%20380%20248%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M2.5%20192.6s0-16-.1-16.8c0-.8.8-25.8.8-25.8-.8-1.9-.5-66.3-.5-66.3l.8-60.1%204.7-16%2027.2-.9%2071-4.1%2088.6%202%2090.5-3.2L379.9%200H0v244.6-48.1l2.5-3.9zM377.4%2054.8l-1.3%2046.9.8%2017.3-.3%2023.6s.1%2020.7.1%2021.5.2%2052.2.2%2052.2l-3.4%2026-98.3%205.7H380V44.3v5.8c-.1%201.2-2.6%204.7-2.6%204.7z%22%2F%3E%3Cpath%20d%3D%22M137.4%20245.1l-25.4.4-44.9-.7-31.4%201.7L0%20244.6v3.4h275.3l-56.3-1.9zM379.9%200s.1%2031.1.1%2044.3V0h-.1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 10 fill stretch; -webkit-transform: translateZ(1px) scaleX(1) scaleY(1); transform: translateZ(1px) scaleX(1) scaleY(1); } .content-area .column:nth-child(2n + 1) .caption-1:after, .content-area .column:nth-child(2n + 1) .caption-2:after, .content-area .column:nth-child(2n + 1) .caption-3:after, .content-area .column:nth-child(2n + 1) .caption-4:after, ul.products li:nth-child(2n + 1) .item:after, .club-about .row .column:nth-child(2n + 1) .item:after, .club-advantages .row .column:nth-child(2n + 1) .item:after, .column:nth-child(2n + 1) responsiveVideo:after, .products--articlelist .columns:nth-child(2n + 1) a:after, .products--split-50-50:nth-child(2n + 1) .image:after, .products--split-70-30:nth-child(2n + 1) .column img:after, .youplus--your-story .youplus--story-image:nth-child(2n + 1) .inner:after, .youplus--your-story .youplus--story-video:nth-child(2n + 1) .inner:after, .youplus--your-story .youplus--story-m-image:nth-child(2n + 1) .inner:after, .youplus--your-story .youplus--story-m-video:nth-child(2n + 1) .inner:after, .youplus--stage-article .children .col:nth-child(2n + 1) .image:after { -webkit-transform: translateZ(1px) scaleX(1) scaleY(-1); transform: translateZ(1px) scaleX(1) scaleY(-1); } .content-area .column:nth-child(3n + 1) .caption-1:after, .content-area .column:nth-child(3n + 1) .caption-2:after, .content-area .column:nth-child(3n + 1) .caption-3:after, .content-area .column:nth-child(3n + 1) .caption-4:after, ul.products li:nth-child(3n + 1) .item:after, .club-about .row .column:nth-child(3n + 1) .item:after, .club-advantages .row .column:nth-child(3n + 1) .item:after, .column:nth-child(3n + 1) responsiveVideo:after, .products--articlelist .columns:nth-child(3n + 1) a:after, .products--split-50-50:nth-child(3n + 1) .image:after, .products--split-70-30:nth-child(3n + 1) .column img:after, .youplus--your-story .youplus--story-image:nth-child(3n + 1) .inner:after, .youplus--your-story .youplus--story-video:nth-child(3n + 1) .inner:after, .youplus--your-story .youplus--story-m-image:nth-child(3n + 1) .inner:after, .youplus--your-story .youplus--story-m-video:nth-child(3n + 1) .inner:after, .youplus--stage-article .children .col:nth-child(3n + 1) .image:after { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(1); transform: translateZ(1px) scaleX(-1) scaleY(1); } .content-area .column:nth-child(4n + 1) .caption-1:after, .content-area .column:nth-child(4n + 1) .caption-2:after, .content-area .column:nth-child(4n + 1) .caption-3:after, .content-area .column:nth-child(4n + 1) .caption-4:after, ul.products li:nth-child(4n + 1) .item:after, .club-about .row .column:nth-child(4n + 1) .item:after, .club-advantages .row .column:nth-child(4n + 1) .item:after, .column:nth-child(4n + 1) responsiveVideo:after, .products--articlelist .columns:nth-child(4n + 1) a:after, .products--split-50-50:nth-child(4n + 1) .image:after, .products--split-70-30:nth-child(4n + 1) .column img:after, .youplus--your-story .youplus--story-image:nth-child(4n + 1) .inner:after, .youplus--your-story .youplus--story-video:nth-child(4n + 1) .inner:after, .youplus--your-story .youplus--story-m-image:nth-child(4n + 1) .inner:after, .youplus--your-story .youplus--story-m-video:nth-child(4n + 1) .inner:after, .youplus--stage-article .children .col:nth-child(4n + 1) .image:after { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(-1); transform: translateZ(1px) scaleX(-1) scaleY(-1); } ul.posts li a:after, .posts li a:after, .stages-overlay ul.posts div a.item-url:after, .stages-overlay .posts div a.item-url:after, .club-advantages .row .column .item:after, .recommended-articles .article-teaser-simple .inner:after, .stages-items__column--promo .stage-promo:after, .youplus--content-composition .youplus--article-teaser .inner:after, .youplus--content-composition .youplus--life-hack .inner:after, .youplus--life-hack .azuremediaplayer:after, .youplus--video-story .embed-container:after { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22380%22%20height%3D%22248%22%20viewBox%3D%220%200%20380%20248%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22%23562483%22%3E%3Cpath%20d%3D%22M2.5%20192.6s0-16-.1-16.8c0-.8.8-25.8.8-25.8-.8-1.9-.5-66.3-.5-66.3l.8-60.1%204.7-16%2027.2-.9%2071-4.1%2088.6%202%2090.5-3.2L379.9%200H0v244.6-48.1l2.5-3.9zM377.4%2054.8l-1.3%2046.9.8%2017.3-.3%2023.6s.1%2020.7.1%2021.5.2%2052.2.2%2052.2l-3.4%2026-98.3%205.7H380V44.3v5.8c-.1%201.2-2.6%204.7-2.6%204.7z%22%2F%3E%3Cpath%20d%3D%22M137.4%20245.1l-25.4.4-44.9-.7-31.4%201.7L0%20244.6v3.4h275.3l-56.3-1.9zM379.9%200s.1%2031.1.1%2044.3V0h-.1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 10 fill stretch; -webkit-transform: translateZ(1px) scaleX(1) scaleY(1); transform: translateZ(1px) scaleX(1) scaleY(1); } ul.posts li:nth-child(2n + 1) a:after, .posts li:nth-child(2n + 1) a:after, .stages-overlay ul.posts div:nth-child(2n + 1) a.item-url:after, .stages-overlay .posts div:nth-child(2n + 1) a.item-url:after, .club-advantages .row .column:nth-child(2n + 1) .item:after, .recommended-articles .article-teaser-simple:nth-child(2n + 1) .inner:after, .stages-items__column--promo :nth-child(2n + 1) .stage-promo:after, .youplus--content-composition .youplus--article-teaser:nth-child(2n + 1) .inner:after, .youplus--content-composition .youplus--life-hack:nth-child(2n + 1) .inner:after { -webkit-transform: translateZ(1px) scaleX(1) scaleY(-1); transform: translateZ(1px) scaleX(1) scaleY(-1); } ul.posts li:nth-child(3n + 1) a:after, .posts li:nth-child(3n + 1) a:after, .stages-overlay ul.posts div:nth-child(3n + 1) a.item-url:after, .stages-overlay .posts div:nth-child(3n + 1) a.item-url:after, .club-advantages .row .column:nth-child(3n + 1) .item:after, .recommended-articles .article-teaser-simple:nth-child(3n + 1) .inner:after, .stages-items__column--promo :nth-child(3n + 1) .stage-promo:after, .youplus--content-composition .youplus--article-teaser:nth-child(3n + 1) .inner:after, .youplus--content-composition .youplus--life-hack:nth-child(3n + 1) .inner:after { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(1); transform: translateZ(1px) scaleX(-1) scaleY(1); } ul.posts li:nth-child(4n + 1) a:after, .posts li:nth-child(4n + 1) a:after, .stages-overlay ul.posts div:nth-child(4n + 1) a.item-url:after, .stages-overlay .posts div:nth-child(4n + 1) a.item-url:after, .club-advantages .row .column:nth-child(4n + 1) .item:after, .recommended-articles .article-teaser-simple:nth-child(4n + 1) .inner:after, .stages-items__column--promo :nth-child(4n + 1) .stage-promo:after, .youplus--content-composition .youplus--article-teaser:nth-child(4n + 1) .inner:after, .youplus--content-composition .youplus--life-hack:nth-child(4n + 1) .inner:after { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(-1); transform: translateZ(1px) scaleX(-1) scaleY(-1); } .gbrw-hscroll.calendar li .img:after, .point-shop-product-info .column.small-6 .img:after { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22380%22%20height%3D%22248%22%20viewBox%3D%220%200%20380%20248%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22%239d81bb%22%3E%3Cpath%20d%3D%22M2.5%20192.6s0-16-.1-16.8c0-.8.8-25.8.8-25.8-.8-1.9-.5-66.3-.5-66.3l.8-60.1%204.7-16%2027.2-.9%2071-4.1%2088.6%202%2090.5-3.2L379.9%200H0v244.6-48.1l2.5-3.9zM377.4%2054.8l-1.3%2046.9.8%2017.3-.3%2023.6s.1%2020.7.1%2021.5.2%2052.2.2%2052.2l-3.4%2026-98.3%205.7H380V44.3v5.8c-.1%201.2-2.6%204.7-2.6%204.7z%22%2F%3E%3Cpath%20d%3D%22M137.4%20245.1l-25.4.4-44.9-.7-31.4%201.7L0%20244.6v3.4h275.3l-56.3-1.9zM379.9%200s.1%2031.1.1%2044.3V0h-.1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 10 fill stretch; -webkit-transform: translateZ(1px) scaleX(1) scaleY(1); transform: translateZ(1px) scaleX(1) scaleY(1); } .gbrw-hscroll.calendar li:nth-child(2n + 1) .img:after, .point-shop-product-info .column.small-6:nth-child(2n + 1) .img:after { -webkit-transform: translateZ(1px) scaleX(1) scaleY(-1); transform: translateZ(1px) scaleX(1) scaleY(-1); } .gbrw-hscroll.calendar li:nth-child(3n + 1) .img:after, .point-shop-product-info .column.small-6:nth-child(3n + 1) .img:after { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(1); transform: translateZ(1px) scaleX(-1) scaleY(1); } .gbrw-hscroll.calendar li:nth-child(4n + 1) .img:after, .point-shop-product-info .column.small-6:nth-child(4n + 1) .img:after { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(-1); transform: translateZ(1px) scaleX(-1) scaleY(-1); } .img-preview .img-container:after { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22380%22%20height%3D%22248%22%20viewBox%3D%220%200%20380%20248%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22%2334154f%22%3E%3Cpath%20d%3D%22M2.5%20192.6s0-16-.1-16.8c0-.8.8-25.8.8-25.8-.8-1.9-.5-66.3-.5-66.3l.8-60.1%204.7-16%2027.2-.9%2071-4.1%2088.6%202%2090.5-3.2L379.9%200H0v244.6-48.1l2.5-3.9zM377.4%2054.8l-1.3%2046.9.8%2017.3-.3%2023.6s.1%2020.7.1%2021.5.2%2052.2.2%2052.2l-3.4%2026-98.3%205.7H380V44.3v5.8c-.1%201.2-2.6%204.7-2.6%204.7z%22%2F%3E%3Cpath%20d%3D%22M137.4%20245.1l-25.4.4-44.9-.7-31.4%201.7L0%20244.6v3.4h275.3l-56.3-1.9zM379.9%200s.1%2031.1.1%2044.3V0h-.1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 10 fill stretch; -webkit-transform: translateZ(1px) scaleX(1) scaleY(1); transform: translateZ(1px) scaleX(1) scaleY(1); } .img-preview:nth-child(2n + 1) .img-container:after { -webkit-transform: translateZ(1px) scaleX(1) scaleY(-1); transform: translateZ(1px) scaleX(1) scaleY(-1); } .img-preview:nth-child(3n + 1) .img-container:after { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(1); transform: translateZ(1px) scaleX(-1) scaleY(1); } .img-preview:nth-child(4n + 1) .img-container:after { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(-1); transform: translateZ(1px) scaleX(-1) scaleY(-1); } /* * club button, use this when re-making it to default * * dev: zoran */ .expander-panel textarea { border-style: solid; border-width: 10px; border-color: transparent; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22700%22%20height%3D%22154%22%20viewBox%3D%220%200%20700%20154%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22%239d81bb%22%20stroke-width%3D%222%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.162%205H21.75L240.51%207l7.328-2.047L556.88%207l49.42-7%2089.74%205L700%2088.4l-5.939%2062.6-14.126%203-323.832-6-269.131%206-83.79-3L0%20136.256l1.203-122.18z%22%2F%3E%3C%2Fsvg%3E") 10 fill stretch; } .expander-panel textarea.input-validation-error { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22700%22%20height%3D%22154%22%20viewBox%3D%220%200%20700%20154%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22%23ba1382%22%20stroke-width%3D%222%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.162%205H21.75L240.51%207l7.328-2.047L556.88%207l49.42-7%2089.74%205L700%2088.4l-5.939%2062.6-14.126%203-323.832-6-269.131%206-83.79-3L0%20136.256l1.203-122.18z%22%2F%3E%3C%2Fsvg%3E") 10 fill stretch; } .expander-panel textarea:focus { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22700%22%20height%3D%22154%22%20viewBox%3D%220%200%20700%20154%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22%23562483%22%20stroke-width%3D%222%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.162%205H21.75L240.51%207l7.328-2.047L556.88%207l49.42-7%2089.74%205L700%2088.4l-5.939%2062.6-14.126%203-323.832-6-269.131%206-83.79-3L0%20136.256l1.203-122.18z%22%2F%3E%3C%2Fsvg%3E") 10 fill stretch; } .photobook--milestone-frame textarea { border-style: solid; border-width: 10px; border-color: transparent; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22700%22%20height%3D%22154%22%20viewBox%3D%220%200%20700%20154%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22transparent%22%20stroke-width%3D%224%22%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.1%29%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.162%205H21.75L240.51%207l7.328-2.047L556.88%207l49.42-7%2089.74%205L700%2088.4l-5.939%2062.6-14.126%203-323.832-6-269.131%206-83.79-3L0%20136.256l1.203-122.18z%22%2F%3E%3C%2Fsvg%3E") 10 fill stretch; } .photobook--milestone-frame textarea.input-validation-error { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22700%22%20height%3D%22154%22%20viewBox%3D%220%200%20700%20154%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22%23ba1382%22%20stroke-width%3D%224%22%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.1%29%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.162%205H21.75L240.51%207l7.328-2.047L556.88%207l49.42-7%2089.74%205L700%2088.4l-5.939%2062.6-14.126%203-323.832-6-269.131%206-83.79-3L0%20136.256l1.203-122.18z%22%2F%3E%3C%2Fsvg%3E") 10 fill stretch; } .photobook--milestone-frame textarea:focus { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22700%22%20height%3D%22154%22%20viewBox%3D%220%200%20700%20154%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22transparent%22%20stroke-width%3D%224%22%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.1%29%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.162%205H21.75L240.51%207l7.328-2.047L556.88%207l49.42-7%2089.74%205L700%2088.4l-5.939%2062.6-14.126%203-323.832-6-269.131%206-83.79-3L0%20136.256l1.203-122.18z%22%2F%3E%3C%2Fsvg%3E") 10 fill stretch; } form input[type='text'], form input[type='password'], form input[type='email'], form input[type='number'], form input[type='date'], form input[type='search'], .point-shop-product-info select, .point-shop-product-info select:focus, form textarea, .search-container input, .sign-up__select-container select, .sign-up__select-container select:focus { border-style: solid; border-width: 7px; border-color: transparent; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22790%22%20height%3D%2248%22%20viewBox%3D%220%200%20790%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M786.315%201.558h-9.255l-522.227.624-4.09-.638-172.453.638L50.713%200%20.635%201.558%200%2013.443l1.43%2014.11.31%2019.512L9.621%2048l180.707-1.87L340.51%2048l446.909-.935%201.776-4.596.804-11.008-1.475-27.074z%22%2F%3E%3Cfilter%20x%3D%22-.3%25%22%20y%3D%22-4.2%25%22%20width%3D%22100.5%25%22%20height%3D%22108.3%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%222%22%20in%3D%22shadowBlurInner1%22%20result%3D%22asdasd111%22%2F%3E%3CfeComposite%20in%3D%22asdasd111%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22dsadsa111%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22dsadsa111%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23f5f5f5%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 7 fill stretch; } form input.input-validation-error[type='text'], form input.input-validation-error[type='password'], form input.input-validation-error[type='email'], form input.input-validation-error[type='number'], form input.input-validation-error[type='date'], form input.input-validation-error[type='search'], .point-shop-product-info select.input-validation-error, form textarea.input-validation-error, .search-container input.input-validation-error, .sign-up__select-container select.input-validation-error { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22790%22%20height%3D%2248%22%20viewBox%3D%220%200%20790%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M786.315%201.558h-9.255l-522.227.624-4.09-.638-172.453.638L50.713%200%20.635%201.558%200%2013.443l1.43%2014.11.31%2019.512L9.621%2048l180.707-1.87L340.51%2048l446.909-.935%201.776-4.596.804-11.008-1.475-27.074z%22%2F%3E%3Cfilter%20x%3D%22-.3%25%22%20y%3D%22-4.2%25%22%20width%3D%22100.5%25%22%20height%3D%22108.3%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%222%22%20in%3D%22shadowBlurInner1%22%20result%3D%22asdasd111%22%2F%3E%3CfeComposite%20in%3D%22asdasd111%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22dsadsa111%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22dsadsa111%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23f5dced%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 7 fill stretch; color: #ba1382; } form input:focus[type='text'], form input:focus[type='password'], form input:focus[type='email'], form input:focus[type='number'], form input:focus[type='date'], form input:focus[type='search'], .point-shop-product-info select:focus, form textarea:focus, .search-container input:focus, .sign-up__select-container select:focus { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22790%22%20height%3D%2248%22%20viewBox%3D%220%200%20790%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M786.315%201.558h-9.255l-522.227.624-4.09-.638-172.453.638L50.713%200%20.635%201.558%200%2013.443l1.43%2014.11.31%2019.512L9.621%2048l180.707-1.87L340.51%2048l446.909-.935%201.776-4.596.804-11.008-1.475-27.074z%22%2F%3E%3Cfilter%20x%3D%22-.3%25%22%20y%3D%22-4.2%25%22%20width%3D%22100.5%25%22%20height%3D%22108.3%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%222%22%20in%3D%22shadowBlurInner1%22%20result%3D%22asdasd111%22%2F%3E%3CfeComposite%20in%3D%22asdasd111%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22dsadsa111%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22dsadsa111%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23e6deed%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 7 fill stretch; } .photobook--milestone-frame input[type] { border-style: solid; border-width: 7px; border-color: transparent; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221170%22%20height%3D%2240%22%20viewBox%3D%220%200%201170%2040%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Einput-search%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M5.162%202.785H21.75L164.467%200%20341.43%203.197l59.08.076%207.33-.5%20384.27-.584%2014.93-1.073%20219.84%202.156%2049.42-1.71%2089.74%201.222%203.96%2020.367-5.94%2015.287-14.125.732-217.872.83-12.647-1.274-102.586-1.314-300.727.294L279.7%2036.534%2086.97%2039.172l-83.79-.733L0%2034.837%201.203%205.002z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22shadowInnerInner1%22%2F%3E%3C%2Ffilter%3E%3Cmask%20id%3D%22c%22%20x%3D%220%22%20y%3D%220%22%20width%3D%221170%22%20height%3D%2240%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23683e8d%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22transparent%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20stroke%3D%22transparent%22%20mask%3D%22url%28%23c%29%22%20stroke-width%3D%2210%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 10 fill stretch; } .photobook--milestone-frame input.input-validation-error[type] { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221170%22%20height%3D%2240%22%20viewBox%3D%220%200%201170%2040%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Einput-search%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M5.162%202.785H21.75L164.467%200%20341.43%203.197l59.08.076%207.33-.5%20384.27-.584%2014.93-1.073%20219.84%202.156%2049.42-1.71%2089.74%201.222%203.96%2020.367-5.94%2015.287-14.125.732-217.872.83-12.647-1.274-102.586-1.314-300.727.294L279.7%2036.534%2086.97%2039.172l-83.79-.733L0%2034.837%201.203%205.002z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22shadowInnerInner1%22%2F%3E%3C%2Ffilter%3E%3Cmask%20id%3D%22c%22%20x%3D%220%22%20y%3D%220%22%20width%3D%221170%22%20height%3D%2240%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23683e8d%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22shadowColor%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20stroke%3D%22%23ba1382%22%20mask%3D%22url%28%23c%29%22%20stroke-width%3D%2210%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 10 fill stretch; } .photobook--milestone-frame input:focus[type] { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221170%22%20height%3D%2240%22%20viewBox%3D%220%200%201170%2040%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Einput-search%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M5.162%202.785H21.75L164.467%200%20341.43%203.197l59.08.076%207.33-.5%20384.27-.584%2014.93-1.073%20219.84%202.156%2049.42-1.71%2089.74%201.222%203.96%2020.367-5.94%2015.287-14.125.732-217.872.83-12.647-1.274-102.586-1.314-300.727.294L279.7%2036.534%2086.97%2039.172l-83.79-.733L0%2034.837%201.203%205.002z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22shadowInnerInner1%22%2F%3E%3C%2Ffilter%3E%3Cmask%20id%3D%22c%22%20x%3D%220%22%20y%3D%220%22%20width%3D%221170%22%20height%3D%2240%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23683e8d%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22shadowColor%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20stroke%3D%22transparent%22%20mask%3D%22url%28%23c%29%22%20stroke-width%3D%2210%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 10 fill stretch; } form select { border-style: solid; border-width: 10px; border-color: transparent; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221170%22%20height%3D%2240%22%20viewBox%3D%220%200%201170%2040%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Einput-search%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M5.162%202.785H21.75L164.467%200%20341.43%203.197l59.08.076%207.33-.5%20384.27-.584%2014.93-1.073%20219.84%202.156%2049.42-1.71%2089.74%201.222%203.96%2020.367-5.94%2015.287-14.125.732-217.872.83-12.647-1.274-102.586-1.314-300.727.294L279.7%2036.534%2086.97%2039.172l-83.79-.733L0%2034.837%201.203%205.002z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22shadowInnerInner1%22%2F%3E%3C%2Ffilter%3E%3Cmask%20id%3D%22c%22%20x%3D%220%22%20y%3D%220%22%20width%3D%221170%22%20height%3D%2240%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22transparent%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22shadowColor%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20stroke%3D%22%239d81bb%22%20mask%3D%22url%28%23c%29%22%20stroke-width%3D%222%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 10 fill stretch; } form select.input-validation-error { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221170%22%20height%3D%2240%22%20viewBox%3D%220%200%201170%2040%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Einput-search%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M5.162%202.785H21.75L164.467%200%20341.43%203.197l59.08.076%207.33-.5%20384.27-.584%2014.93-1.073%20219.84%202.156%2049.42-1.71%2089.74%201.222%203.96%2020.367-5.94%2015.287-14.125.732-217.872.83-12.647-1.274-102.586-1.314-300.727.294L279.7%2036.534%2086.97%2039.172l-83.79-.733L0%2034.837%201.203%205.002z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22shadowInnerInner1%22%2F%3E%3C%2Ffilter%3E%3Cmask%20id%3D%22c%22%20x%3D%220%22%20y%3D%220%22%20width%3D%221170%22%20height%3D%2240%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22transparent%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22shadowColor%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20stroke%3D%22%23ba1382%22%20mask%3D%22url%28%23c%29%22%20stroke-width%3D%222%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 10 fill stretch; } form select:focus { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221170%22%20height%3D%2240%22%20viewBox%3D%220%200%201170%2040%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Einput-search%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M5.162%202.785H21.75L164.467%200%20341.43%203.197l59.08.076%207.33-.5%20384.27-.584%2014.93-1.073%20219.84%202.156%2049.42-1.71%2089.74%201.222%203.96%2020.367-5.94%2015.287-14.125.732-217.872.83-12.647-1.274-102.586-1.314-300.727.294L279.7%2036.534%2086.97%2039.172l-83.79-.733L0%2034.837%201.203%205.002z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22shadowInnerInner1%22%2F%3E%3C%2Ffilter%3E%3Cmask%20id%3D%22c%22%20x%3D%220%22%20y%3D%220%22%20width%3D%221170%22%20height%3D%2240%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22transparent%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22shadowColor%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20stroke%3D%22%23562483%22%20mask%3D%22url%28%23c%29%22%20stroke-width%3D%222%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 10 fill stretch; } span.field-validation-error, #sidebars form .validation-summary-errors, .validation-summary-errors, .point-shop-product-info .highlight { border-style: solid; border-width: 4px; border-color: transparent; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22299%22%20height%3D%2237%22%20viewBox%3D%220%200%20299%2037%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23ba1382%22%20fill-rule%3D%22evenodd%22%20d%3D%22M296.795%2035.799h-7.085l-93.442-.48-3.13.49-132.005-.49L40.023%2037%201.692%2035.799%200%2015.76%202.537.721%208.57%200l138.322%201.442L261.851%200l35.79.72L299%204.264l-.514%2029.355z%22%2F%3E%3C%2Fsvg%3E") 4 fill stretch; } @font-face { font-family: "bariol-regular"; font-weight: normal; font-style: normal; src: url(/assets/fonts/bariol/bariol-webfont.eot); src: url(/assets/fonts/bariol/bariol-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/bariol/bariol-webfont.woff) format("woff"), url(/assets/fonts/bariol/bariol-webfont.ttf) format("truetype"); } @font-face { font-family: "bariol-bold"; font-weight: normal; font-style: normal; src: url(/assets/fonts/bariol/bariol-bold-webfont.eot); src: url(/assets/fonts/bariol/bariol-bold-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/bariol/bariol-bold-webfont.woff) format("woff"), url(/assets/fonts/bariol/bariol-bold-webfont.ttf) format("truetype"); } @font-face { font-family: "babyfreestyle"; font-weight: normal; font-style: normal; src: url(/assets-facelift/fonts/babyfreestyle/babyfreestyle-webfont.woff2?v=1234) format("woff2"), url(/assets-facelift/fonts/babyfreestyle/babyfreestyle-webfont.woff?v=1234) format("woff"); } @font-face { font-family: "pribambas"; font-weight: normal; font-style: normal; src: url(/assets-facelift/fonts/pribambas/pribambas.woff2) format("woff2"), url(/assets-facelift/fonts/pribambas/pribambas.woff) format("woff"); } .sprites-icon, .sprite-fb-logo, .sprite-icon-add-light, .product-info a[data-toggle-id]:after, .sprite-icon-add-remove, .stage-accordion a.remove:before, .sprite-icon-add, .stage-page .period-toggle span:last-child, a.add:before, a.filter:before, .sprite-icon-baby-small, .sprite-icon-baby, .sprite-icon-cart, .sprite-icon-change-email, .sprite-icon-close-dark-medium, .sprite-icon-close-light-large, a.default[data-tc-close]:after, .products .full-overlay-close a:after, .sprite-icon-coin-1, .club-coin.type-1, .type-1.club-bonus, .sprite-icon-coin-2, .club-coin.type-2, .type-2.club-bonus, .sprite-icon-coin-3, .club-coin.type-3, .type-3.club-bonus, .sprite-icon-coin-arrow-white, .sprite-icon-coin-arrow, .sprite-icon-down-m, .alfred-swipe-canvas .swiper-container.alfred .alfred-swipe-down:after, .alfred-swipe-canvas .swiper-container.alfred .alfred-swipe-left:after, .alfred-swipe-canvas .swiper-container.alfred .alfred-swipe-right:after, .sprite-icon-down-s-white, .sprite-icon-edit, a.edit:before, .sprite-icon-email-white, .sprite-icon-email, .sprite-icon-input-close-small, .sprite-icon-menu-avatar-on, .sprite-icon-menu-avatar, .sprite-icon-menu, .sprite-icon-new-discussion, .sprite-icon-new-reply, .sprite-icon-new-report, .sprite-icon-order-history, .sprite-icon-padlock-large, .sprite-icon-padlock, .sprite-icon-phone-white, .sprite-icon-phone, .sprite-icon-point-history, .sprite-icon-pregnant-small, .sprite-icon-pregnant, .sprite-icon-questionaire, .sprite-icon-refresh, .sprite-icon-remove, .sprite-icon-replies, .sprite-icon-sb-points-large, #sidebars .register-code .header .icon-large, .sprite-icon-sb-points, #sidebars .register-code .header .icon-small, .sprite-icon-sb-profile, .sprite-icon-sb-signin, .sprite-icon-sb-signout, .sprite-icon-sca-logo-white, .sprite-icon-sca-logo, .sprite-icon-search-small, .sprite-icon-search, .sprite-icon-social-facebook, .sprite-icon-social-fb-white, .sprite-icon-social-insta-white, .sprite-icon-social-instagram, .sprite-icon-social-twitter, .sprite-icon-social-vk-white, .sprite-icon-social-vkontacte, .sprite-icon-social-youtube, .sprite-icon-social-yt-white, .sprite-icon-to-top, .sprite-icon-toddler-small, .sprite-icon-toddler, .sprite-icon-trying-small, .sprite-icon-trying { background-image: url(/assets-facelift/images/sprite.png?eb8483bd97375a4bf2cfc3257fce9c86a304b965); background-repeat: no-repeat; display: inline-block; } .sprite-fb-logo { background-position: -296px -202px; width: 14px; height: 14px; } .sprite-icon-add-light, .product-info a[data-toggle-id]:after { background-position: -102px -178px; width: 19px; height: 19px; } .sprite-icon-add-remove, .stage-accordion a.remove:before { background-position: -125px -178px; width: 19px; height: 19px; } .sprite-icon-add, .stage-page .period-toggle span:last-child, a.add:before, .stage-accordion a.remove:before, a.filter:before { background-position: -148px -178px; width: 19px; height: 19px; } .sprite-icon-baby-small { background-position: -314px -102px; width: 40px; height: 40px; } .sprite-icon-baby { background-position: -62px -202px; width: 56px; height: 56px; } .sprite-icon-cart { background-position: -358px -181px; width: 26px; height: 23px; } .sprite-icon-change-email { background-position: -106px -262px; width: 49px; height: 31px; } .sprite-icon-close-dark-medium { background-position: -82px -314px; width: 34px; height: 34px; } .sprite-icon-close-light-large, a.default[data-tc-close]:after, .products .full-overlay-close a:after { background-position: -261px -145px; width: 48px; height: 48px; } .sprite-icon-coin-1, .club-coin.type-1, .type-1.club-bonus { background-position: -2px -2px; width: 96px; height: 96px; } .sprite-icon-coin-2, .club-coin.type-2, .type-2.club-bonus { background-position: -102px -2px; width: 96px; height: 96px; } .sprite-icon-coin-3, .club-coin.type-3, .type-3.club-bonus { background-position: -2px -102px; width: 96px; height: 96px; } .sprite-icon-coin-arrow-white { background-position: -202px -155px; width: 42px; height: 42px; } .sprite-icon-coin-arrow { background-position: -60px -262px; width: 42px; height: 42px; } .sprite-icon-down-m, .alfred-swipe-canvas .swiper-container.alfred .alfred-swipe-down:after, .alfred-swipe-canvas .swiper-container.alfred .alfred-swipe-left:after, .alfred-swipe-canvas .swiper-container.alfred .alfred-swipe-right:after { background-position: -2px -354px; width: 20px; height: 14px; } .sprite-icon-down-s-white { background-position: -296px -220px; width: 14px; height: 10px; } .sprite-icon-edit, a.edit:before { background-position: -171px -178px; width: 17px; height: 19px; } .sprite-icon-email-white { background-position: -358px -208px; width: 21px; height: 21px; } .sprite-icon-email { background-position: -358px -233px; width: 21px; height: 21px; } .sprite-icon-input-close-small { background-position: -358px -331px; width: 20px; height: 19px; } .sprite-icon-menu-avatar-on { background-position: -358px -2px; width: 32px; height: 24px; } .sprite-icon-menu-avatar { background-position: -296px -314px; width: 32px; height: 24px; } .sprite-icon-menu { background-position: -260px -314px; width: 32px; height: 24px; } .sprite-icon-new-discussion { background-position: -358px -61px; width: 27px; height: 27px; } .sprite-icon-new-reply { background-position: -358px -30px; width: 27px; height: 27px; } .sprite-icon-new-report { background-position: -358px -92px; width: 27px; height: 27px; } .sprite-icon-order-history { background-position: -242px -202px; width: 50px; height: 55px; } .sprite-icon-padlock-large { background-position: -261px -2px; width: 49px; height: 73px; } .sprite-icon-padlock { background-position: -332px -314px; width: 16px; height: 20px; } .sprite-icon-phone-white { background-position: -358px -283px; width: 21px; height: 21px; } .sprite-icon-phone { background-position: -358px -258px; width: 21px; height: 21px; } .sprite-icon-point-history { background-position: -202px -2px; width: 55px; height: 72px; } .sprite-icon-pregnant-small { background-position: -314px -146px; width: 40px; height: 40px; } .sprite-icon-pregnant { background-position: -122px -202px; width: 56px; height: 56px; } .sprite-icon-questionaire { background-position: -102px -102px; width: 55px; height: 72px; } .sprite-icon-refresh { background-position: -2px -262px; width: 54px; height: 48px; } .sprite-icon-remove { background-position: -120px -314px; width: 34px; height: 34px; } .sprite-icon-replies { background-position: -295px -262px; width: 15px; height: 14px; } .sprite-icon-sb-points-large, #sidebars .register-code .header .icon-large { background-position: -202px -78px; width: 55px; height: 72px; } .sprite-icon-sb-points, #sidebars .register-code .header .icon-small { background-position: -261px -262px; width: 30px; height: 26px; } .sprite-icon-sb-profile { background-position: -158px -314px; width: 30px; height: 26px; } .sprite-icon-sb-signin { background-position: -192px -314px; width: 30px; height: 26px; } .sprite-icon-sb-signout { background-position: -226px -314px; width: 30px; height: 26px; } .sprite-icon-sca-logo-white { background-position: -261px -79px; width: 40px; height: 62px; } .sprite-icon-sca-logo { background-position: -314px -2px; width: 40px; height: 52px; } .sprite-icon-search-small { background-position: -358px -308px; width: 20px; height: 19px; } .sprite-icon-search { background-position: -358px -153px; width: 25px; height: 24px; } .sprite-icon-social-facebook { background-position: -161px -102px; width: 36px; height: 36px; } .sprite-icon-social-fb-white { background-position: -193px -262px; width: 30px; height: 30px; } .sprite-icon-social-insta-white { background-position: -161px -142px; width: 30px; height: 30px; } .sprite-icon-social-instagram { background-position: -42px -314px; width: 36px; height: 36px; } .sprite-icon-social-twitter { background-position: -314px -274px; width: 36px; height: 36px; } .sprite-icon-social-vk-white { background-position: -159px -262px; width: 30px; height: 30px; } .sprite-icon-social-vkontacte { background-position: -314px -234px; width: 36px; height: 36px; } .sprite-icon-social-youtube { background-position: -2px -314px; width: 36px; height: 36px; } .sprite-icon-social-yt-white { background-position: -227px -262px; width: 30px; height: 30px; } .sprite-icon-to-top { background-position: -358px -123px; width: 26px; height: 26px; } .sprite-icon-toddler-small { background-position: -314px -190px; width: 40px; height: 40px; } .sprite-icon-toddler { background-position: -182px -202px; width: 56px; height: 56px; } .sprite-icon-trying-small { background-position: -314px -58px; width: 40px; height: 40px; } .sprite-icon-trying { background-position: -2px -202px; width: 56px; height: 56px; } @font-face { font-family: "icons"; font-weight: normal; font-style: normal; src: url(/assets-facelift/fonts/icons.eot?1598440244074); src: url(/assets-facelift/fonts/icons.eot?1598440244074#iefix) format("embedded-opentype"), url(/assets-facelift/fonts/icons.woff2?1598440244074) format("woff2"), url(/assets-facelift/fonts/icons.woff?1598440244074) format("woff"), url(/assets-facelift/fonts/icons.ttf?1598440244074) format("truetype"); } .icon:before, #header .exmenu a:before, #header a.to-top:before, #header .btn-search:before, .more-links .gbrw-grid a:before, .popin-close a:before, .small-overlay-close a:before, .full-overlay-close a:before, #footer a.fb-link:before, #footer a.yt-link:before, #footer a.vk-link:before, #footer a.insta-link:before, #footer a.twitter-link:before, #footer .mother-logo:before, #footer .mother-logo-old:before, #sidebars .menu .shortcut-profile:before, #sidebars .menu .shortcut-points:before, #sidebars .menu .shortcut-signin:before, #sidebars .menu .shortcut-signout:before, #sidebars .social-share-icon.icon-instagram:before, #sidebars .social-share-icon.icon-twitter:before, #sidebars .social-share-icon.icon-facebook:before, #sidebars .social-share-icon.icon-vk:before, #sidebars .social-share-icon.icon-youtube:before, #sidebars [data-sub-navigation-target]:before, #ajax-shopping-cart .item a.remove:before, #ajax-shopping-cart .toggle a:before, html .swiper-button-prev:before, html .swiper-button-next:before, body .ui-datepicker-next:before, body .ui-datepicker-prev:before, .start-welcome .icon-trying:before, .start-welcome .icon-pregnant:before, .start-welcome .icon-baby:before, .start-welcome .icon-toddler:before, ul.articles [data-trigger="sign-in"] .category:before, .article-filter h2:after, .article-header h2:after, .article-filter .h2:after, .article-header .h2:after, .article-filter h2.trying:before, .article-header h2.trying:before, .article-filter .trying.h2:before, .article-header .trying.h2:before, .article-filter h2.pregnant:before, .article-header h2.pregnant:before, .article-filter .pregnant.h2:before, .article-header .pregnant.h2:before, .article-filter h2.baby:before, .article-header h2.baby:before, .article-filter .baby.h2:before, .article-header .baby.h2:before, .article-filter h2.toddler:before, .article-header h2.toddler:before, .article-filter .toddler.h2:before, .article-header .toddler.h2:before, .point-arrow:before, ul.products .points span:before, .club-coin-progress .arrow:before, .sprite-icon-coin-arrow:before, .sprite-icon-coin-arrow-white:before, .point-shop-product-info a.close:before, form .filePicker .choose:before, .add-profile-image .remove:before, .profile-trying:before, .profile-pregnant:before, .profile-baby:before, .profile-toddler:before, .profile-padlock:before, .profile-convert-code:before, .profile-order-history:before, .profile-point-history:before, .profile-change-email:before, .profile-questionaire:before, .profile-subscriptions:before, .search-container span:before, .search-container .clear-search:before, #ajaxOverlayError span:before, dl.accordion dd > a:before, a.arrow-down-toggle:after, a.new:before, a.new-discussion:before, a.new-reply:before, a.new-report:before, a.trying:before, a.pregnant:before, a.baby:before, a.toddler:before, a.action:before, a.action.back:before, .article-66-33 a.fb-link:before, .article-50-50 a.fb-link:before, .article-66-33 a.twitter-link:before, .article-50-50 a.twitter-link:before, .article-66-33 a.mail-link:before, .article-50-50 a.mail-link:before, .article-66-33 a.print-link:before, .article-50-50 a.print-link:before, .video-play:before, .dropdown__hint:after, [theme="comfort-baru"] .title-logo:before, div[theme="comfort-baru"] .title-logo:before, [theme="upngo-baru"] .title-logo:before, div[theme="upngo-baru"] .title-logo:before, [theme="newborn-baru"] .title-logo:before, div[theme="newborn-baru"] .title-logo:before, [theme="lotus-touch-newborn"] .title-logo:before, div[theme="lotus-touch-newborn"] .title-logo:before, [theme="lotus-touch-comfort"] .title-logo:before, div[theme="lotus-touch-comfort"] .title-logo:before, [theme="lotus-touch-upngo"] .title-logo:before, div[theme="lotus-touch-upngo"] .title-logo:before, [theme="everyday"] .title-logo:before, div[theme="everyday"] .title-logo:before, [theme="drypants"] .title-logo:before, div[theme="drypants"] .title-logo:before, [theme="sleep-tight"] .title-logo:before, div[theme="sleep-tight"] .title-logo:before, [theme="swimpants"] .title-logo:before, div[theme="swimpants"] .title-logo:before, .products--anchor-menu div.to-top span:before, .products--anchor-menu .current a:before, .ratings-bar .stars a span:before, .editor ul.fancy li:before, .filter-move-to-size .indicator:before, .filter-slider-small .btn-container a:before, .filter-slider-small .clear:before, .filter-slider-small-alert:before, .product--filter-result-display .swipe:before, .product--filter-result-display-eden .swipe:before, .products--product-accessory .bottom .benefits .check:before, .products--family-range .bar li:before, .diaper-3d .bottom-options .to-top:before, .diaper-3d .bottom-options .to-bottom:before, .diaper-3d .bottom-options .scroll-down:before, .blob-photo-upload:before, .club--profile-header .bg-photo-load-wrap .bg-photo-load:before, label.profile-header__change-image:before, .feed-carousel .slick-prev:before, .feed-carousel .slick-next:before, #headerV2 .exmenu a:before, #headerV2 a.to-top:before, #headerV2 .btn-search:before, .club-carousel .slick-prev:before, .club-carousel .slick-next:before, .feed-post__icon--comment:before, .feed-post__icon--heart:before, .feed-post__icon--share:before, .feed-post__icon--more:before, .feed-post__tags:before, .feed-post__content-image a:before, .create-post__text a:before, .create-post__overlay--tags label:before, .create-post__overlay--tags label:after, .create-post__milestone-menu-item .check:after, .create-post__btn > span:before, .create-post__btn-photo > span:before, .create-post__btn-tag > span:before, .create-post__btn-date > span:before, .create-post__milestone-post-photo .view-add:before, .create-post__post-photo .view-add:before, .create-post__milestone-post-photo .view-done a:before, .create-post__post-photo .view-done a:before, .create-post__title a:after, .multi-upload label:before, .club--stages .share:before, .stages-overlay__close:before, .stage-item__share:before, .cp-layer .cp-input-container .datepicker-icon:before, .ep-layer .ep-input-container .datepicker-icon:before, .club-overlay .bg-photo-load:before, .club-stages-post .stage-icon:before, .club-stages-product .stage-icon:before, .sidebar-overlay__trigger:before, body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-playing .vjs-big-play-button:before, body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-paused .vjs-big-play-button:before, body div .amp-default-skin .vjs-big-play-button:before, .overlay2 .overlay2-nav .prev:before, .overlay2 .overlay2-nav .next:before, .overlay2 [data-overlay2-close]:before, .youplus--life-hack .inner:before, .youplus--story-audio .default-player:before, .youplus--story-m-audio .default-player:before, .youplus--story-video .inner:before, .youplus--story-info .comments:after, .youplus--story-m-video .inner:before, .youplus--story-header .filter-btn:before, .youplus--story-header .month .btn-yp.selected:before, .youplus--story-header .tags .btn-yp.selected:before, .youplus--listicles h3:before, .youplus--listicles .h3:before, .youplus--listicles .product-info h1:before, .product-info .youplus--listicles h1:before, .youplus--listicles .product-info .h1:before, .product-info .youplus--listicles .h1:before, .youplus--testimonial .slick-prev:before, .youplus--testimonial .slick-next:before, .youplus--poll-results .check:before, .youplus--app-hero .leftArrow:before, .youplus--app-hero .rightArrow:before, .photobook--order-bar .share-tooltip__facebook:before, .photobook--order-bar .share-tooltip__twitter:before, .photobook--order-bar .share-tooltip__instagram:before, .message-bar__message--saved:before, .photobook--navigation-bar .navigation-bar__back-link:before, .photobook--navigation-bar .navigation-bar__close:before, .photobook--navigation-bar .navigation-bar__drop-value--trigger:before, .photobook--status-bar .status-bar__remove:before, .photobook--grid .grid-item .grid-item__check:after, .photobook--grid .grid-item .grid-item__message-icon:after, .photobook--grid .grid-item .grid-item__message--add .grid-item__message-icon:after, .photobook--milestone-frame .milestone-carousel__edit-image:before, .photobook--milestone-frame .milestone-edit__date:before, .photobook--crop-image .crop-image__upload label:after, .photobook--crop-image .crop-image__upload a.crop-image__upload-remove:after, .photobook--preview-bar .share-tooltip__facebook:before, .photobook--preview-bar .share-tooltip__twitter:before, .photobook--preview-bar .share-tooltip__instagram:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-1-circle:before, .title-logo-sizes.size-1:after, [theme="comfort"] .size-1.title-logo:after, [theme="upngo"] .size-1.title-logo:after, [theme="newborn"] .size-1.title-logo:after, [theme="comfort-baru"] .size-1.title-logo:after, [theme="upngo-baru"] .size-1.title-logo:after, [theme="newborn-baru"] .size-1.title-logo:after, [theme="lotus-touch-newborn"] .size-1.title-logo:after, [theme="lotus-touch-comfort"] .size-1.title-logo:after, [theme="lotus-touch-upngo"] .size-1.title-logo:after, [theme="everyday"] .size-1.title-logo:after, [theme="drypants"] .size-1.title-logo:after, .size-1.product--sizes:after { content: "\EA01"; } .icon-10-star:before, .title-logo-sizes-star.size-10:after, [theme="sleep-tight"] .size-10.title-logo:after { content: "\EA02"; } .icon-2-circle:before, .title-logo-sizes.size-2:after, [theme="comfort"] .size-2.title-logo:after, [theme="upngo"] .size-2.title-logo:after, [theme="newborn"] .size-2.title-logo:after, [theme="comfort-baru"] .size-2.title-logo:after, [theme="upngo-baru"] .size-2.title-logo:after, [theme="newborn-baru"] .size-2.title-logo:after, [theme="lotus-touch-newborn"] .size-2.title-logo:after, [theme="lotus-touch-comfort"] .size-2.title-logo:after, [theme="lotus-touch-upngo"] .size-2.title-logo:after, [theme="everyday"] .size-2.title-logo:after, [theme="drypants"] .size-2.title-logo:after, .size-2.product--sizes:after { content: "\EA03"; } .icon-3-circle:before, .title-logo-sizes.size-3:after, [theme="comfort"] .size-3.title-logo:after, [theme="upngo"] .size-3.title-logo:after, [theme="newborn"] .size-3.title-logo:after, [theme="comfort-baru"] .size-3.title-logo:after, [theme="upngo-baru"] .size-3.title-logo:after, [theme="newborn-baru"] .size-3.title-logo:after, [theme="lotus-touch-newborn"] .size-3.title-logo:after, [theme="lotus-touch-comfort"] .size-3.title-logo:after, [theme="lotus-touch-upngo"] .size-3.title-logo:after, [theme="everyday"] .size-3.title-logo:after, [theme="drypants"] .size-3.title-logo:after, .size-3.product--sizes:after { content: "\EA04"; } .icon-4-circle:before, .title-logo-sizes.size-4:after, [theme="comfort"] .size-4.title-logo:after, [theme="upngo"] .size-4.title-logo:after, [theme="newborn"] .size-4.title-logo:after, [theme="comfort-baru"] .size-4.title-logo:after, [theme="upngo-baru"] .size-4.title-logo:after, [theme="newborn-baru"] .size-4.title-logo:after, [theme="lotus-touch-newborn"] .size-4.title-logo:after, [theme="lotus-touch-comfort"] .size-4.title-logo:after, [theme="lotus-touch-upngo"] .size-4.title-logo:after, [theme="everyday"] .size-4.title-logo:after, [theme="drypants"] .size-4.title-logo:after, .size-4.product--sizes:after { content: "\EA05"; } .icon-5-circle:before, .title-logo-sizes.size-5:after, [theme="comfort"] .size-5.title-logo:after, [theme="upngo"] .size-5.title-logo:after, [theme="newborn"] .size-5.title-logo:after, [theme="comfort-baru"] .size-5.title-logo:after, [theme="upngo-baru"] .size-5.title-logo:after, [theme="newborn-baru"] .size-5.title-logo:after, [theme="lotus-touch-newborn"] .size-5.title-logo:after, [theme="lotus-touch-comfort"] .size-5.title-logo:after, [theme="lotus-touch-upngo"] .size-5.title-logo:after, [theme="everyday"] .size-5.title-logo:after, [theme="drypants"] .size-5.title-logo:after, .size-5.product--sizes:after { content: "\EA06"; } .icon-6-circle:before, .title-logo-sizes.size-6:after, [theme="comfort"] .size-6.title-logo:after, [theme="upngo"] .size-6.title-logo:after, [theme="newborn"] .size-6.title-logo:after, [theme="comfort-baru"] .size-6.title-logo:after, [theme="upngo-baru"] .size-6.title-logo:after, [theme="newborn-baru"] .size-6.title-logo:after, [theme="lotus-touch-newborn"] .size-6.title-logo:after, [theme="lotus-touch-comfort"] .size-6.title-logo:after, [theme="lotus-touch-upngo"] .size-6.title-logo:after, [theme="everyday"] .size-6.title-logo:after, [theme="drypants"] .size-6.title-logo:after, .size-6.product--sizes:after { content: "\EA07"; } .icon-7-circle:before, .title-logo-sizes.size-7:after, [theme="comfort"] .size-7.title-logo:after, [theme="upngo"] .size-7.title-logo:after, [theme="newborn"] .size-7.title-logo:after, [theme="comfort-baru"] .size-7.title-logo:after, [theme="upngo-baru"] .size-7.title-logo:after, [theme="newborn-baru"] .size-7.title-logo:after, [theme="lotus-touch-newborn"] .size-7.title-logo:after, [theme="lotus-touch-comfort"] .size-7.title-logo:after, [theme="lotus-touch-upngo"] .size-7.title-logo:after, [theme="everyday"] .size-7.title-logo:after, [theme="drypants"] .size-7.title-logo:after, .size-7.product--sizes:after { content: "\EA08"; } .icon-8-circle:before, .title-logo-sizes.size-8:after, [theme="comfort"] .size-8.title-logo:after, [theme="upngo"] .size-8.title-logo:after, [theme="newborn"] .size-8.title-logo:after, [theme="comfort-baru"] .size-8.title-logo:after, [theme="upngo-baru"] .size-8.title-logo:after, [theme="newborn-baru"] .size-8.title-logo:after, [theme="lotus-touch-newborn"] .size-8.title-logo:after, [theme="lotus-touch-comfort"] .size-8.title-logo:after, [theme="lotus-touch-upngo"] .size-8.title-logo:after, [theme="everyday"] .size-8.title-logo:after, [theme="drypants"] .size-8.title-logo:after, .size-8.product--sizes:after { content: "\EA09"; } .icon-8-star:before, .title-logo-sizes-star.size-8:after, [theme="sleep-tight"] .size-8.title-logo:after { content: "\EA0A"; } .icon-9-star:before, .title-logo-sizes-star.size-9:after, [theme="sleep-tight"] .size-9.title-logo:after { content: "\EA0B"; } .icon-arrow-down:before, .products--anchor-menu div.to-bottom span:before { content: "\EA0C"; } .icon-arrow-expand:before { content: "\EA0D"; } .icon-arrow-left:before { content: "\EA0E"; } .icon-arrow-more:before { content: "\EA0F"; } .icon-arrow-right:before { content: "\EA10"; } .icon-arrow-sketch:before, .filter-move-to-size .indicator:before { content: "\EA11"; } .icon-arrow-undo:before { content: "\EA12"; } .icon-baby-eden:before { content: "\EA13"; } .icon-baby:before { content: "\EA14"; } .icon-bed-mats:before, .title-logo-sizes-star.size-11:after, [theme="sleep-tight"] .size-11.title-logo:after { content: "\EA15"; } .icon-book:before { content: "\EA16"; } .icon-calendar:before { content: "\EA17"; } .icon-camera:before { content: "\EA18"; } .icon-camera2:before { content: "\EA19"; } .icon-cart:before { content: "\EA1A"; } .icon-check-1:before { content: "\EA1B"; } .icon-check-2:before { content: "\EA1C"; } .icon-children-eden:before { content: "\EA1D"; } .icon-children:before { content: "\EA1E"; } .icon-close:before { content: "\EA1F"; } .icon-close2:before { content: "\EA20"; } .icon-close3:before { content: "\EA21"; } .icon-clover:before { content: "\EA22"; } .icon-comfort:before { content: "\EA23"; } .icon-comment:before { content: "\EA24"; } .icon-coupon:before { content: "\EA25"; } .icon-drypants:before { content: "\EA26"; } .icon-edit:before { content: "\EA27"; } .icon-everyday:before { content: "\EA28"; } .icon-facebook:before { content: "\EA29"; } .icon-family:before { content: "\EA2A"; } .icon-followers:before { content: "\EA2B"; } .icon-friends:before { content: "\EA2C"; } .icon-gbrw-youtube:before { content: "\EA2D"; } .icon-hamburger:before { content: "\EA2E"; } .icon-heart:before { content: "\EA2F"; } .icon-icon-rd-arrow-down-shadow:before { content: "\EA30"; } .icon-ideas:before { content: "\EA31"; } .icon-info-i:before { content: "\EA32"; } .icon-instagram:before { content: "\EA33"; } .icon-lock:before { content: "\EA34"; } .icon-login:before { content: "\EA35"; } .icon-logout:before { content: "\EA36"; } .icon-lotus-touch-comfort:before { content: "\EA37"; } .icon-lotus-touch-newborn:before { content: "\EA38"; } .icon-lotus-touch-upngo:before { content: "\EA39"; } .icon-love-message:before { content: "\EA3A"; } .icon-love:before { content: "\EA3B"; } .icon-m-circle:before, .title-logo-sizes-text.size-1:after, [theme="swimpants"] .size-1.title-logo:after { content: "\EA3C"; } .icon-medal:before { content: "\EA3D"; } .icon-milestone-adventure:before { content: "\EA3E"; } .icon-milestone-cutie-pie:before { content: "\EA3F"; } .icon-milestone-eating:before { content: "\EA40"; } .icon-milestone-first-bath:before { content: "\EA41"; } .icon-milestone-first-words:before { content: "\EA42"; } .icon-milestone-going-home:before { content: "\EA43"; } .icon-milestone-half-crawl:before { content: "\EA44"; } .icon-milestone-home:before { content: "\EA45"; } .icon-milestone-laugh:before { content: "\EA46"; } .icon-milestone-name:before { content: "\EA47"; } .icon-milestone-playing:before { content: "\EA48"; } .icon-milestone-point:before { content: "\EA49"; } .icon-milestone-pregnant:before { content: "\EA4A"; } .icon-milestone-real-food:before { content: "\EA4B"; } .icon-milestone-relatives:before { content: "\EA4C"; } .icon-milestone-rolling:before { content: "\EA4D"; } .icon-milestone-sitting:before { content: "\EA4E"; } .icon-milestone-smile:before { content: "\EA4F"; } .icon-milestone-standing:before { content: "\EA50"; } .icon-milestone-stop-time:before { content: "\EA51"; } .icon-milestone-stroller:before { content: "\EA52"; } .icon-milestone-tooth:before { content: "\EA53"; } .icon-milestone-ultrasound:before { content: "\EA54"; } .icon-money:before { content: "\EA55"; } .icon-more:before { content: "\EA56"; } .icon-newborn:before { content: "\EA57"; } .icon-newsfeed:before { content: "\EA58"; } .icon-ok:before { content: "\EA59"; } .icon-ok2:before { content: "\EA5A"; } .icon-pin:before { content: "\EA5B"; } .icon-play:before { content: "\EA5C"; } .icon-plus:before { content: "\EA5D"; } .icon-point-shop:before { content: "\EA5E"; } .icon-pregnant-eden:before { content: "\EA5F"; } .icon-pregnant:before { content: "\EA60"; } .icon-premature:before, .title-logo-sizes.size-0:after, [theme="comfort"] .size-0.title-logo:after, [theme="upngo"] .size-0.title-logo:after, [theme="newborn"] .size-0.title-logo:after, [theme="comfort-baru"] .size-0.title-logo:after, [theme="upngo-baru"] .size-0.title-logo:after, [theme="newborn-baru"] .size-0.title-logo:after, [theme="lotus-touch-newborn"] .size-0.title-logo:after, [theme="lotus-touch-comfort"] .size-0.title-logo:after, [theme="lotus-touch-upngo"] .size-0.title-logo:after, [theme="everyday"] .size-0.title-logo:after, [theme="drypants"] .size-0.title-logo:after, .size-0.product--sizes:after { content: "\EA61"; } .icon-public:before { content: "\EA62"; } .icon-rd-add-v2:before { content: "\EA63"; } .icon-rd-add:before { content: "\EA64"; } .icon-rd-alert-warning:before, a.new-report:before { content: "\EA65"; } .icon-rd-arrow-down:before, .article-filter h2:after, .article-header h2:after, .article-filter .h2:after, .article-header .h2:after, a.arrow-down-toggle:after { content: "\EA66"; } .icon-rd-arrow-expand:before { content: "\EA67"; } .icon-rd-arrow-right:before { content: "\EA68"; } .icon-rd-arrow-top:before, #header a.to-top:before { content: "\EA69"; } .icon-rd-calendar:before { content: "\EA6A"; } .icon-rd-camera-with-circle:before { content: "\EA6B"; } .icon-rd-camera:before { content: "\EA6C"; } .icon-rd-camera2:before { content: "\EA6D"; } .icon-rd-cart:before { content: "\EA6E"; } .icon-rd-check-with-circle:before { content: "\EA6F"; } .icon-rd-check:before, .create-post__overlay--tags label:after { content: "\EA70"; } .icon-rd-check2:before { content: "\EA71"; } .icon-rd-close-v2:before { content: "\EA72"; } .icon-rd-close-v3:before { content: "\EA73"; } .icon-rd-close:before, .overlay2 [data-overlay2-close]:before, .youplus--story-header .month .btn-yp.selected:before, .youplus--story-header .tags .btn-yp.selected:before { content: "\EA74"; } .icon-rd-down:before { content: "\EA75"; } .icon-rd-email-v2:before { content: "\EA76"; } .icon-rd-email:before { content: "\EA77"; } .icon-rd-essity:before { content: "\EA78"; } .icon-rd-filter:before, .youplus--story-header .filter-btn:before { content: "\EA79"; } .icon-rd-followers:before { content: "\EA7A"; } .icon-rd-forum-add:before, a.new-discussion:before { content: "\EA7B"; } .icon-rd-forum-edit:before, a.new-reply:before, .youplus--story-info .comments:after { content: "\EA7C"; } .icon-rd-friends:before { content: "\EA7D"; } .icon-rd-hamburger:before { content: "\EA7E"; } .icon-rd-heart:before { content: "\EA7F"; } .icon-rd-irshape-1:before { content: "\EA80"; } .icon-rd-left:before { content: "\EA81"; } .icon-rd-lock-closed:before { content: "\EA82"; } .icon-rd-lock-open:before { content: "\EA83"; } .icon-rd-medal:before { content: "\EA84"; } .icon-rd-milestone:before { content: "\EA85"; } .icon-rd-more-options:before { content: "\EA86"; } .icon-rd-newsletter:before { content: "\EA87"; } .icon-rd-order-history:before { content: "\EA88"; } .icon-rd-pause:before, .youplus--story-audio .default-player.playing:before, .youplus--story-m-audio .default-player.playing:before { content: "\EA89"; } .icon-rd-pen-no-circle:before { content: "\EA8A"; } .icon-rd-pen:before { content: "\EA8B"; } .icon-rd-pin:before { content: "\EA8C"; } .icon-rd-play:before, .youplus--story-audio .default-player:before, .youplus--story-m-audio .default-player:before { content: "\EA8D"; } .icon-rd-preview:before { content: "\EA8E"; } .icon-rd-print-v2:before { content: "\EA8F"; } .icon-rd-questionmark:before { content: "\EA90"; } .icon-rd-refresh:before { content: "\EA91"; } .icon-rd-remove:before { content: "\EA92"; } .icon-rd-right:before { content: "\EA93"; } .icon-rd-sca:before { content: "\EA94"; } .icon-rd-scroll-down:before { content: "\EA95"; } .icon-rd-scroll-to-top:before, .diaper-3d .bottom-options .to-top:before, .diaper-3d .bottom-options .to-bottom:before { content: "\EA96"; } .icon-rd-search-user:before { content: "\EA97"; } .icon-rd-search:before { content: "\EA98"; } .icon-rd-settings:before { content: "\EA99"; } .icon-rd-social-facebook:before { content: "\EA9A"; } .icon-rd-social-instagram:before { content: "\EA9B"; } .icon-rd-social-twitter:before { content: "\EA9C"; } .icon-rd-social-vkontakt:before { content: "\EA9D"; } .icon-rd-social-youtube:before { content: "\EA9E"; } .icon-rd-stage-baby:before { content: "\EA9F"; } .icon-rd-stage-pregnant:before { content: "\EAA0"; } .icon-rd-stage-toddler:before { content: "\EAA1"; } .icon-rd-stage-trying:before { content: "\EAA2"; } .icon-rd-star:before { content: "\EAA3"; } .icon-rd-subscription:before { content: "\EAA4"; } .icon-rd-tag:before { content: "\EAA5"; } .icon-rd-tag2:before { content: "\EAA6"; } .icon-rd-up:before { content: "\EAA7"; } .icon-rd-user-edit:before { content: "\EAA8"; } .icon-rd-user-v2:before { content: "\EAA9"; } .icon-rd-user:before { content: "\EAAA"; } .icon-rd-users:before { content: "\EAAB"; } .icon-register-code:before { content: "\EAAC"; } .icon-s-circle:before, .title-logo-sizes-text.size-0:after, [theme="swimpants"] .size-0.title-logo:after { content: "\EAAD"; } .icon-scroll-down:before { content: "\EAAE"; } .icon-scroll-to-top:before { content: "\EAAF"; } .icon-search:before { content: "\EAB0"; } .icon-settings:before { content: "\EAB1"; } .icon-share:before { content: "\EAB2"; } .icon-share2:before { content: "\EAB3"; } .icon-sleep-tight-bed-mats:before { content: "\EAB4"; } .icon-sleep-tight:before { content: "\EAB5"; } .icon-slide-left:before { content: "\EAB6"; } .icon-slide-right:before { content: "\EAB7"; } .icon-star-left:before { content: "\EAB8"; } .icon-star-right:before { content: "\EAB9"; } .icon-star:before { content: "\EABA"; } .icon-swimpants:before { content: "\EABB"; } .icon-swipe:before { content: "\EABC"; } .icon-tags:before { content: "\EABD"; } .icon-toddler:before { content: "\EABE"; } .icon-toddler_icon:before { content: "\EABF"; } .icon-touch:before { content: "\EAC0"; } .icon-trying-eden:before { content: "\EAC1"; } .icon-trying:before { content: "\EAC2"; } .icon-twitter:before { content: "\EAC3"; } .icon-up:before, #headerV2 a.to-top:before { content: "\EAC4"; } .icon-upgo:before { content: "\EAC5"; } .icon-user-add:before { content: "\EAC6"; } .icon-user-pending:before { content: "\EAC7"; } .icon-user-remove:before { content: "\EAC8"; } .icon-user-search:before { content: "\EAC9"; } .icon-user-tag:before { content: "\EACA"; } .icon-vk:before { content: "\EACB"; } .icon-warning:before { content: "\EACC"; } .icon-x:before { content: "\EACD"; } .icon-youtube:before { content: "\EACE"; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .no-touch .slick-slide:hover .img img { -webkit-transform: scale(1.03) rotate(-2deg); transform: scale(1.03) rotate(-2deg); } /* Dots */ .gbrw-hscroll.calendar .slick-dots { display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .gbrw-hscroll.calendar .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .gbrw-hscroll.calendar .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .gbrw-hscroll.calendar .slick-dots li button:hover, .gbrw-hscroll.calendar .slick-dots li button:focus { outline: none; } .gbrw-hscroll.calendar .slick-dots li button:hover:before, .gbrw-hscroll.calendar .slick-dots li button:focus:before { opacity: 1; } .gbrw-hscroll.calendar .slick-dots li button:before { font-size: 30px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "\2022"; text-align: center; opacity: 0.25; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gbrw-hscroll.calendar .slick-dots li.slick-active button:before { opacity: 0.75; color: #fff; } body, html { min-height: 100%; height: auto; } .slick-slide .img img, .slick-slide .no-touch .img img, .no-touch .slick-slide:hover .img img, .more-links .gbrw-grid a:before, .popin-close a:before, .small-overlay-close a:before, .full-overlay-close a:before, .promobox .wrap, .promobox .info, .promobox.brush, .promobox.brush:before, .promobox.brush .info, .promobox.brush .info p, #sidebars .menu li a, #sidebars .register-code .points span.heading span, #ajax-shopping-cart .item a.remove:before, #ajax-shopping-cart .toggle a:before, .product-info a[data-toggle-id]:after, ul.product-packs .img, ul.pages .img, ul.product-packs .text, ul.pages .text, ul.pages a div, ul.pages h5, ul.pages .h5, ul.pages .item, .no-touch ul.articles a .img img, .no-touch ul.articles a:hover .img img, ul.articles h5, ul.articles .h5, ul.articles .img, .article-filter h2:after, .article-header h2:after, .article-filter .h2:after, .article-header .h2:after, .calendar-sections a, .no-touch .points-register-button a.register, .no-touch ul.products li .img, .no-touch ul.products li .points, .point-shop-product-info a.close:before, .no-touch .gbrw-grid.profile li a:hover span.text, .no-touch .gbrw-grid.profile li a:hover span.address, .gbrw-grid.profile a, .stage-page .period-toggle span:last-child, .club-about h4, .club-advantages h4, .club-about .h4, .club-advantages .h4, .no-touch dl.accordion dd > a, dl.accordion dd > a:before, dl.grouped-accordion dd > a:after, a.arrow-down-toggle:after, a.add:before, .stage-accordion a.remove:before, a.filter:before, a.new:before, a.new-discussion:before, a.new-reply:before, a.new-report:before, a.arrow-down-hover span, a.arrow-up-toggle span, a.trying, a.pregnant, a.baby, a.toddler, a.submit-down span.c, a.submit-right span.c, button.submit-right span.c, a.submit-down.progress span.c, a.progress.submit-right span.c, button.progress.submit-right span.c, [accordion="small"] dd > a:after, .diaper-3d .links a { transition: all 600ms ease-out; -webkit-backface-visibility: hidden; } dl.address-accordion a.button, dl.address-accordion a.filePicker, dl.address-accordion a.join-now, dl.address-accordion a.submit-down, dl.address-accordion a.submit-right, dl.address-accordion button.submit-right, dl.address-accordion a.create-post__btn-publish, dl.address-accordion a.create-post__btn-cancel, dl.address-accordion a.create-post__btn-done { transition: background-color 250ms ease-out; -webkit-backface-visibility: hidden; } .r135deg, .product-info a.on[data-toggle-id]:after, .stage-page .period-toggle.on span:last-child, dl.accordion dd > a.on:after, a.add.on:before, .stage-accordion a.on.remove:before, a.on.filter:before { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .r180deg, .no-touch a.arrow-down-hover:hover span, a.arrow-up-toggle span { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .r0deg, a.arrow-up-toggle.on span { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .border-radius-default { border-radius: 0.375rem; } .wf-loading #content, .wf-loading #header li a h1, .wf-loading #header li a .h1, .wf-loading .h1, .wf-loading h2, .wf-loading .h2, .wf-loading h3, .wf-loading .h3, .wf-loading .product-info h1, .product-info .wf-loading h1, .wf-loading .product-info .h1, .product-info .wf-loading .h1 { visibility: hidden; } .wf-loading .pop-in-page #content { visibility: visible; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } html.touch, html.touch body { -ms-overflow-style: none !important; } /*************************************************************************************** * BODY ELEMENTS ***************************************************************************************/ /* div { font-family:"FS Albert Web Bold", Verdana , sans-serif; font-size-adjust:0.49; font-weight:bold; font-style:normal; } div { font-family:"FS Albert Web Light", Verdana , sans-serif; font-size-adjust:0.48; font-weight:200; font-style:normal; } div { font-family:"FS Albert Web Regular", Verdana , sans-serif; font-size-adjust:0.48; font-weight:normal; font-style:normal; } */ body { font-size: 16px; font-size: 1rem; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } body.ff { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } body.overlay-open { overflow: hidden; } body.overlay-open #content { position: relative; z-index: 40; } body { position: static; overflow-y: auto; } body.no-scroll { position: fixed; overflow-y: scroll; width: 100%; } .ff strong, .ff b { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; } a { color: #562483; -webkit-touch-callout: none; } a:active { outline: none; -moz-outline-style: none; } a:focus { outline: none; -moz-outline-style: none; } /*************************************************************************************** * HEADINGS ***************************************************************************************/ /* All Headings */ h1, .h1, h2, .h2, h3, .h3, .product-info h1, .product-info .h1, .h1, .h2, .h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; } .ff h1, .ff .h1, .ff h2, .ff .h2, .ff h3, .ff .h3, .ff .product-info h1, .product-info .ff h1, .ff .product-info .h1, .product-info .ff .h1, .ff .h1, .ff .h2, .ff .h3 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } h4, .h4, h5, .h5, h6, .h6, .h4, .h5, .h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; } .ff h4, .ff .h4, .ff h5, .ff .h5, .ff h6, .ff .h6, .ff .h4, .ff .h5, .ff .h6 { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } /* Individual Headings */ h4, .h4 { font-weight: bold; } /*************************************************************************************** * PARAGRAPHS ***************************************************************************************/ /* First Paragraph */ p { color: #000; } /* Seccond Paragraph */ /* Blockquote */ /* Third Paragraph */ /* Quote */ /* Fourth Paragraph */ /*************************************************************************************** * LISTS ***************************************************************************************/ /* All Lists */ /* Definition Lists */ /* Ordered Lists */ /* Unordered Lists */ /*************************************************************************************** * FORMS ***************************************************************************************/ /* Inputs */ /* Other */ /*************************************************************************************** * TABLES ***************************************************************************************/ /* Head */ /* Body */ /* Foot */ /*************************************************************************************** * OTHER ***************************************************************************************/ #header { transition: all 600ms ease-out; -webkit-backface-visibility: hidden; } #header { position: absolute; top: 0; left: 0; width: 100%; z-index: 30; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; background-color: #fff; box-shadow: 0 0 6px #888888; } .club #header { position: fixed; } .ja-push-on #header { pointer-events: none; } .ja-push-on #header *, .ja-push-on #header .club a { pointer-events: none; } #header .bg { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 88px; z-index: 1; overflow: hidden; } #header .bg svg { margin-top: -5px; width: 1440px; height: 100%; } #header .bg svg use:nth-child(2) { fill-opacity: 1; } .club #header .bg svg use:nth-child(2) { fill-opacity: 1; } .no-touch #header:hover .bg svg use:nth-child(2) { transition-delay: 0ms; fill-opacity: 1; } body.has-carousel #header .bg svg use:nth-child(2) { fill-opacity: 1; } #header .notification-counter { display: block; position: absolute; top: -5px; right: -5px; background-color: #e60000; border-radius: 77% 61% 80% 55%; min-width: 20px; min-height: 20px; font-size: 13px; color: #ffffff; line-height: 20px; text-align: center; padding: 0 5px; -webkit-transform: translateZ(1px) scale(0); transform: translateZ(1px) scale(0); opacity: 0; } #header .notification-counter.initialized { transition: all 350ms; } #header .notification-counter.on { -webkit-transform: translateZ(1px) scale(1); transform: translateZ(1px) scale(1); opacity: 1; } #header .notification-counter.pulse { -webkit-animation: pulse 1000ms ease-in-out 0 2; animation: pulse 1000ms ease-in-out 0 2; } #header .container { margin: 0 auto; max-width: 75rem; width: 100%; position: relative; padding-left: 0.46875rem; padding-right: 0.46875rem; height: 66px; overflow: hidden; max-width: 75rem; z-index: 2; } #header .container:before, #header .container:after { content: " "; display: table; } #header .container:after { clear: both; } #header .container:before, #header .container:after { content: " "; display: table; } #header .container:after { clear: both; } #header .menu { position: absolute; height: 100%; width: 100%; top: 0; left: 0; text-align: right; padding-right: 55px; } #header .logo { position: absolute; height: 100%; pointer-events: none; height: auto; margin: 0; text-align: left; -webkit-transform: none; transform: none; top: 12px; left: 0px; transition: all 500ms; } #header .logo a { color: #562483; display: inline-block; pointer-events: auto; height: 100%; } #header .logo a > div { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #header .logo a:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .club #header .logo { margin: 0 auto; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } #header .logo a { transition: all 350ms; padding-left: 15px; padding-right: 15px; } #header .logo img { max-width: 999px; width: 114px; height: 42px; } #header .club { position: absolute; height: 100%; pointer-events: none; display: none; left: 0; top: 0; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; float: right; text-align: right; } #header .club a { color: #562483; display: inline-block; pointer-events: auto; height: 100%; } #header .club a > div { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #header .club a:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .club #header .club { display: block; } #header .club a { padding-left: 13px; padding-right: 5px; } .no-touch #header .club a:hover .profile { border-radius: 55% 77% 61% 80%; } .no-touch #header .club a:hover .profile:after { background-color: rgba(79, 16, 112, 0.2); border-radius: 55% 77% 61% 80%; } #header .club .wrap { height: 40px; } #header .club .wrap .text { float: left; line-height: 40px; padding-right: 10px; } #header .club .wrap .profile { position: relative; float: left; border-radius: 77% 61% 80% 55%; overflow: hidden; transition: all 350ms; } #header .club .wrap .profile img { width: 40px; height: 40px; } #header .club .wrap .profile:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(79, 16, 112, 0); transition: all 350ms; border-radius: 77% 61% 80% 55%; } #header .club svg { position: absolute; width: 0; height: 0; overflow: initial; } #header .exmenu { position: absolute; height: 100%; pointer-events: none; right: 0; text-align: right; float: right; } #header .exmenu a { color: #562483; display: inline-block; pointer-events: auto; height: 100%; } #header .exmenu a > div { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #header .exmenu a:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #header .exmenu a { padding-left: 15px; padding-right: 15px; font-size: 25px; } #header .exmenu a:before { content: "\EA7E"; } #header .top { position: absolute; height: 100%; pointer-events: none; margin: 0; text-align: left; -webkit-transform: none; transform: none; top: 0; left: 0px; transition: all 500ms; -webkit-transform: translateX(-50%) translateY(-100%) scale(0.5); transform: translateX(-50%) translateY(-100%) scale(0.5); opacity: 0; } #header .top a { color: #562483; display: inline-block; pointer-events: auto; height: 100%; } #header .top a > div { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #header .top a:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .club #header .top { left: 50%; } #header .top a { transition: all 350ms; padding-left: 15px; padding-right: 15px; } #header .top img { max-width: 999px; } #header .search { display: block; overflow: hidden; position: absolute; width: 48px; height: 56px; top: 5px; left: 0; transition: all 500ms; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } #header .search .wrap { position: relative; height: 100%; } #header .search .wrap a { display: block; width: 48px; float: left; } #header .search .wrap .input { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: calc(100% - 48px - 3px); float: right; overflow: hidden; } #header a.to-top:before { font-size: 24px; } #header.search-on nav { min-width: calc(100% - 55px); } #header.search-on .logo a, #header.search-on .top a { -webkit-transform: scale3d(0.001, 0.001, 0.001); transform: scale3d(0.001, 0.001, 0.001); opacity: 0; } #header.search-on .search { width: 100%; } #header.search-on .search input { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } #header.search-on .container ul { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) scale3d(0.5, 0.5, 0.5); transform: translate3d(100%, 0, 0) scale3d(0.5, 0.5, 0.5); pointer-events: none; } #header ul { transition: all 500ms; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } #header form { margin: 0; } #header input { margin: 0; opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); transition: all 500ms; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } #header nav { display: inline-block; white-space: nowrap; font-size: 0; overflow: hidden; text-align: left; position: relative; min-width: 48px; height: 100%; padding: 5px 0; transition: min-width 350ms; } #header nav a { display: block; height: 56px; line-height: 56px; font-size: 18px; padding: 0 10px; color: #562483; transition: none; } #header nav a span { transition: all 350ms; } .no-touch #header nav a:hover:not(.btn-search), #header nav a.active-trigger, #header nav a.current { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20295%206%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23562483%22%20stroke-width%3D%223%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M295.1%202.7H288l-93.4-.5-3.2.5-132-.5-21.1%201.7L0%202.7%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 295px 6px; background-position: 0 40px; transition: none; background-clip: content-box; } .no-touch #header nav a:hover:not(.btn-search) span, #header nav a.active-trigger span, #header nav a.current span { color: #562483; } .club #header nav { display: none; } #header .btn-search { line-height: 0; } #header .btn-search:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA98"; position: relative; top: 50%; font-size: 22px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #header .container ul { display: none; white-space: nowrap; list-style: none; margin: 0; margin-left: 48px; height: 66px; -webkit-transform: translateZ(0); transform: translateZ(0); } #header .container ul li { display: inline-block; height: 66px; } #header.stateOpaque { background-color: white; } #header.to-top .top { -webkit-transform: translateX(-50%) translateY(0) scale(1); transform: translateX(-50%) translateY(0) scale(1); opacity: 1; } #header.to-top .logo { opacity: 0; -webkit-transform: translateX(-50%) translateY(-100%) scale(0.5); transform: translateX(-50%) translateY(-100%) scale(0.5); } .notransition { transition: none !important; } .row.padded { padding-top: 1.875rem; padding-bottom: 1.875rem; } .row.padded-top { padding-top: 1.875rem; } .row.padded-bottom { padding-bottom: 1.875rem; } .separator, .separator-1, .separator-2, .search-separator, dl.address-accordion .address-select:after { height: 1.25rem; background-color: white !important; display: block; max-width: 1200px; overflow: hidden; margin: 20px auto; margin-bottom: 20px; border-bottom: 1px solid #EEE9F1; background-size: 1200px 20px; } .separator-2 { background-color: #562483; } .gbrw-grid-column { position: relative; padding: 0; } ul.gbrw-grid, ul.products { display: block; padding: 0; margin: 0; padding-bottom: 0.9375rem; } ul.gbrw-grid .item, ul.products .item { position: relative; } ul.gbrw-grid > li, ul.products > li { display: block; padding: 0.9375rem; width: 100%; } .more-links { background-color: #562483; color: #fff; padding: 1.875rem 0; } .more-links h3, .more-links .h3, .more-links .product-info h1, .product-info .more-links h1, .more-links .product-info .h1, .product-info .more-links .h1 { color: #fff; } .more-links .gbrw-grid { padding-bottom: 0; } .more-links .gbrw-grid li { height: auto; padding: 0; } .more-links .gbrw-grid a { display: block; position: relative; padding: 0.9375rem; padding-left: 1.875rem; line-height: normal; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; font-size: 18px; font-size: 1.125rem; } .ff .more-links .gbrw-grid a { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .more-links .gbrw-grid a:hover { color: #fff; text-decoration: underline; } .more-links .gbrw-grid a:hover:before { -webkit-transform: translateX(0.25rem); transform: translateX(0.25rem); } .more-links .gbrw-grid a:before { content: "\EA93"; display: block; position: absolute; top: 1.1875rem; left: 0.9375rem; font-size: 0.7rem; margin-right: 0.9375rem; } ul.link-list { display: block; padding: 0.9375rem; margin: 0; width: 100%; position: relative; } ul.link-list > li { display: block; padding: 0; width: 100%; line-height: 18px; line-height: 1.125rem; } ul.link-list a { display: block; width: 100%; padding: 0.46875rem 0; } .no-touch ul.link-list a:hover { color: #fff; text-decoration: underline; } [data-templates] { display: none; } .popin-close, .small-overlay-close, .full-overlay-close { display: block; position: fixed; width: 100%; height: 4.125rem; background-color: #562483; top: 0; left: 0; z-index: 40; text-align: center; padding-top: 0.5625rem; } .popin-close a:before, .small-overlay-close a:before, .full-overlay-close a:before { content: ""; content: "\EA72"; font-size: 3rem; color: white; } .popin-close a:hover:before, .small-overlay-close a:hover:before, .full-overlay-close a:hover:before { opacity: 0.8; -webkit-transform: rotate(6deg); transform: rotate(6deg); } .popin-close { position: relative; } .small-overlay-close, .full-overlay-close { display: none; } body .full-overlay { display: none; position: fixed !important; z-index: 5; top: 0; height: 100%; left: 0; right: 0; overflow: auto; -webkit-overflow-scrolling: touch; padding-top: 5.0625rem; transition: all 333ms ease-out; -webkit-backface-visibility: hidden; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } body .full-overlay:before { display: none !important; } body .full-overlay:after { background-color: transparent; } body .full-overlay .expander-panel-arrow { display: none !important; } body .full-overlay.full-overlay-active { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .full-overlay { background-color: #fff; } .full-overlay-close { display: block; opacity: 0; transition: all 333ms ease-out; -webkit-backface-visibility: hidden; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% -100%; transform-origin: 50% -100%; } .full-overlay-close.full-overlay-active { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .gbrw-hscroll-container:after { content: ""; position: absolute; top: 34%; right: 0.1875rem; width: 0; height: 0; border-top: 1.25rem solid transparent; border-bottom: 1.25rem solid transparent; border-left: 0.625rem solid #562483; opacity: 0.8; transition: all 400ms; } .gbrw-hscroll-container.no-arrow:after { opacity: 0; transition: all 0ms; } .calendar-container .gbrw-hscroll-container:after { border-left-color: #fff; opacity: 0.9; top: 25%; } .calendar-container .gbrw-hscroll-container.no-arrow:after { opacity: 0; } .product-weights .gbrw-hscroll-container:after { top: 11%; } .gbrw-hscroll { display: block; width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-touch-action: pan-x pan-y; -webkit-transform: translateZ(0px); transform: translateZ(0px); position: relative; } .gbrw-hscroll.momentum-off { overflow-x: hidden; -webkit-overflow-scrolling: auto; } .gbrw-hscroll a { -ms-touch-action: pan-x pan-y; } .gbrw-hscroll > div, .gbrw-hscroll ul { list-style: none; margin: 0; padding: 0; white-space: nowrap; } .gbrw-hscroll > div > div, .gbrw-hscroll li { display: inline-block; margin-bottom: 0.9375rem; vertical-align: bottom; } .gbrw-hscroll .hscroll-item, .gbrw-hscroll.products li .product, .gbrw-hscroll.calendar .item { position: relative; margin-right: 1.875rem; text-align: center; display: inline-block; vertical-align: bottom; } .vspace-1 { margin-top: 0.9375rem; } .vspace-2 { margin-top: 1.875rem; } .vspace-3 { margin-top: 2.8125rem; } .vspace-4 { margin-top: 3.75rem; } .table, div.order-items .item { display: table; margin-bottom: 0.9375rem; } .table > div, div.order-items .item > div { display: table-cell; padding-left: 0.9375rem; padding-right: 0.9375rem; } .table > div:first-child, div.order-items .item > div:first-child { padding-left: 0; } .table > div:last-child, div.order-items .item > div:last-child { padding-right: 0; } ul > [class*="c-"]:nth-child(even) .item:before, div > [class*="c-"]:nth-child(even) .item:before { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .c-1 .item:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22450%22%20height%3D%2249%22%20viewBox%3D%220%200%20450%2049%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%2319d5e5%22%20d%3D%22M0%200h450v44l-26.685.57-20.13.43-18.673-3-256.776%201-75.807%204L0%2049V0z%22%2F%3E%3C%2Fsvg%3E"); } .c-1 .item a:hover h4, .c-1 .item a:hover .h4 { color: #19d5e5; } .c-1 .item a h4, .c-1 .item a .h4 { color: #19d5e5; } .c-2 .item:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22450%22%20height%3D%2249%22%20viewBox%3D%220%200%20450%2049%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23ffc51c%22%20d%3D%22M0%200h450v44l-26.685.57-20.13.43-18.673-3-256.776%201-75.807%204L0%2049V0z%22%2F%3E%3C%2Fsvg%3E"); } .c-2 .item a:hover h4, .c-2 .item a:hover .h4 { color: #ffc51c; } .c-2 .item a h4, .c-2 .item a .h4 { color: #ffc51c; } .c-3 .item:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22450%22%20height%3D%2249%22%20viewBox%3D%220%200%20450%2049%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23e11d16%22%20d%3D%22M0%200h450v44l-26.685.57-20.13.43-18.673-3-256.776%201-75.807%204L0%2049V0z%22%2F%3E%3C%2Fsvg%3E"); } .c-3 .item a:hover h4, .c-3 .item a:hover .h4 { color: #e11d16; } .c-3 .item a h4, .c-3 .item a .h4 { color: #e11d16; } .c-4 .item:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22450%22%20height%3D%2249%22%20viewBox%3D%220%200%20450%2049%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%239d81bb%22%20d%3D%22M0%200h450v44l-26.685.57-20.13.43-18.673-3-256.776%201-75.807%204L0%2049V0z%22%2F%3E%3C%2Fsvg%3E"); } .c-4 .item a:hover h4, .c-4 .item a:hover .h4 { color: #9d81bb; } .c-4 .item a h4, .c-4 .item a .h4 { color: #9d81bb; } .c-5 .item:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22450%22%20height%3D%2249%22%20viewBox%3D%220%200%20450%2049%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%200h450v44l-26.685.57-20.13.43-18.673-3-256.776%201-75.807%204L0%2049V0z%22%2F%3E%3C%2Fsvg%3E"); } .c-5 .item a:hover h4, .c-5 .item a:hover .h4 { color: #000; } .c-5 .item a h4, .c-5 .item a .h4 { color: #000; } .c-6 .item:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22450%22%20height%3D%2249%22%20viewBox%3D%220%200%20450%2049%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%2334154f%22%20d%3D%22M0%200h450v44l-26.685.57-20.13.43-18.673-3-256.776%201-75.807%204L0%2049V0z%22%2F%3E%3C%2Fsvg%3E"); } .c-6 .item a:hover h4, .c-6 .item a:hover .h4 { color: #34154f; } .c-6 .item a h4, .c-6 .item a .h4 { color: #34154f; } .colored-box, ul.posts .item, .posts .item, ul.product-packs .item, ul.pages .item, .club-about .item, .club-advantages .item { height: 100%; position: relative; } .colored-box:before, .posts .item:before, ul.product-packs .item:before, ul.pages .item:before, .club-about .item:before, .club-advantages .item:before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 0.9375rem; width: 100%; z-index: 1; background-size: 100% 49px; background-position: 0 18px; } .tb { display: table; width: 100%; height: 100%; } .tb .tc { display: table-cell; vertical-align: middle; } .no-touch ul.letters a:hover { background-color: #451c68; } .letter-index ul, .letter-index li, .letter-index a { display: block; } .letter-index ul { position: fixed; top: 5.0625rem; right: 1.3125rem; z-index: 5; display: inline-block; margin: 0; } .letter-index li { list-style: none; text-align: center; font-size: 12px; font-size: 0.75rem; } .letter-index a { padding: 0.25rem; } .word-list { margin-top: 1.875rem; margin-bottom: 1.875rem; } .word-list .wrap { margin-right: 3.75rem; } .word-list h3, .word-list .h3, .word-list .product-info h1, .product-info .word-list h1, .word-list .product-info .h1, .product-info .word-list .h1 { border-bottom: 0.0625rem solid #562483; color: #fff; margin-top: 0; position: relative; display: block; } .word-list h3 span, .word-list .h3 span, .word-list .product-info h1 span, .product-info .word-list h1 span, .word-list .product-info .h1 span, .product-info .word-list .h1 span { display: inline-block; min-width: 2.3125rem; padding: 0.1875rem 0; z-index: 2; text-align: center; border-image: url(/assets/images/shapes/products-new-badge.svg) 0 fill stretch; } .word-list ul { list-style: none; margin: 0; padding: 0; } .word-list li { line-height: normal; } .word-list li a { display: block; padding: 0.3125rem 0; } .word-list .letter { margin-bottom: 1.875rem; } #ulbirthgroup, #ulalltopics, #ulcities, #ulalltopicsnewDiscussion { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #ulbirthgroup li, #ulalltopics li, #ulcities li, #ulalltopicsnewDiscussion li { padding-left: 0.46875rem; } #ulbirthgroup li:last-child { position: absolute; bottom: -5px; } .column-two { width: 50%; } .rowHeight { height: 51px; } .site-mape-sec ul { padding-left: 40px; } .site-mape-sec ul > li { font-size: 1.2em; font-weight: bold; } .site-mape-sec ul > li > ul { list-style-type: square; } .site-mape-sec ul > li > ul > li { font-size: 1.1em; line-height: 1.5em; } .site-mape-sec ul > li > ul > li > ul { padding-top: 4px; } .site-mape-sec ul > li > ul > li > ul > li { display: inline-block; width: 30%; font-size: 0.9em; line-height: 27px; font-weight: normal; padding-right: 3%; } .site-mape-sec ul > li > ul > li > ul > li > ul > li { display: inline-block; width: 100%; } .site-mape-sec .article-class { width: 100%; } #footer { padding-top: 30px; padding-bottom: 35px; z-index: 10; background-color: #451c68; color: #fff; } #footer span, #footer p, #footer a { color: #fff; } .no-touch #footer .links a:hover { text-decoration: underline; } #footer .main, #footer .side, #footer .bottom-bar { padding: 26px 0; letter-spacing: 0.7px; } #footer .row { text-align: center; padding-left: 15px; padding-right: 15px; } #footer .side { padding: 0; } #footer .links { max-width: 971px; margin-left: auto; margin-right: auto; margin-bottom: 50px; } #footer .links ul { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; margin-left: 0; } #footer .links li { list-style: none; display: inline; } #footer .links li:not(:last-child):after { content: "/"; } #footer .links a { margin: 0 8px 0 5px; display: inline-block; } #footer .links a:hover { text-decoration: underline; } #footer .address p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 30px; margin-bottom: 0px; } #footer .address p span { display: block; } #footer .address p span a { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; } #footer .social { font-size: 2.45rem; line-height: 0; padding-top: 0.9375rem; padding-bottom: 0.9375rem; } #footer .social a:not(:last-child) { margin-right: 0.5rem; } #footer .social a:before { color: #C0B2CD; font-size: 44px; } #footer a.fb-link:before { content: "\EA9A"; } #footer a.yt-link:before { content: "\EA9E"; } #footer a.vk-link:before { content: "\EA9D"; } #footer a.insta-link:before { content: "\EA9B"; } #footer a.twitter-link:before { content: "\EA9C"; } #footer .mother-logo { height: 50px; overflow: hidden; } #footer .mother-logo:before { content: "\EA78"; font-size: 5rem; color: #C0B2CD; } #footer .mother-logo-old:before { content: "\EA94"; font-size: 5rem; } #footer .bottom-bar { background-color: #34154f; } #footer .bottom-bar:before { left: 0; } #footer .bottom-bar p { margin: 0; max-width: initial; } #footer .bottom-bar .columns:last-child { font-size: 14px; opacity: 0.7; } #footer .cookies { margin-top: 0.625rem; } #footer .cookies p:first-child { margin-top: 0.9375rem; } .self-medication-warning { text-align: center; } .self-medication-warning .content { line-height: 1.4; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; font-size: 10vw !important; color: #666666; margin-top: 0; margin-bottom: 0; } .ff .self-medication-warning .content { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .self-medication-warning .columns { padding: 0.9375rem; } .breadcrumbs-c { padding: 12px 0 28px 0; background-color: #fff; z-index: 9; } .breadcrumbs { display: block; margin: 0; width: 100%; } .breadcrumbs li { list-style: none; display: inline-block; width: auto; text-transform: uppercase; } .breadcrumbs li:after { content: "/"; } .breadcrumbs li:last-child { padding: 0 5px; } .breadcrumbs li:last-child:after { display: none; } .breadcrumbs a { display: inline-block; height: 100%; padding: 0 5px; font-weight: bold; } .breadcrumbs li:last-child a { cursor: default; } .promos { background-color: #562483; overflow: hidden; padding-top: 2.8125rem; padding-bottom: 2.8125rem; } .promos h2, .promos .h2 { margin-top: 0.9375rem; margin-bottom: 0; color: #fff; font-size: 36px; line-height: 36px; } .promos p { color: #fff; } .promos .card-4 { width: calc(100% + 20px); margin: 0 -10px; } .promos .card-4 .medium-3.columns { padding: 0 10px; } .promos .card-3 { width: calc(100% + 30px); margin: 0 -15px; } .promos .card-3 .medium-4.columns { padding: 0 15px; } .promos .card-2 { width: calc(100% + 20px); margin: 0 -10px; } .promos .card-2 .medium-6.columns { padding: 0 10px; } .promos .row .columns .promobox a:after { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(-1); transform: translateZ(1px) scaleX(-1) scaleY(-1); } .promos .row .columns:nth-child(2n + 1) .promobox a:after { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(-1); transform: translateZ(1px) scaleX(-1) scaleY(-1); } .promos .row .columns:nth-child(3n + 1) .promobox a:after { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(-1); transform: translateZ(1px) scaleX(-1) scaleY(-1); } .promos .row .columns:nth-child(4n + 1) .promobox a:after { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(-1); transform: translateZ(1px) scaleX(-1) scaleY(-1); } .promobox { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } .promobox a { display: block; } .promobox .wrap { width: 100%; height: 100%; position: relative; -webkit-transform: scale(1); transform: scale(1); overflow: hidden; z-index: 0; } .promobox .panel, .promobox .content-area .panel-1, .content-area .promobox .panel-1, .promobox .content-area .panel-2, .content-area .promobox .panel-2, .promobox .content-area .panel-3, .content-area .promobox .panel-3, .promobox .content-area .panel-4, .content-area .promobox .panel-4 { overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); border-radius: 16px; } .promobox img { z-index: 0; } .promobox .inner { text-align: center; padding: 0.9375rem; top: 1px; -webkit-transform: translateZ(0); transform: translateZ(0); height: calc(100% - 2px); background-color: #562483; } .promobox .info { position: absolute; left: -50px; z-index: 1; bottom: -2px; -webkit-transform: none; transform: none; background-color: rgba(63, 32, 90, 0.8); font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 20px 70px 20px 70px; width: calc(100% + 100px); color: #fff; } .promobox.topics .wrap { overflow: visible; } .promobox.topics .wrap { transition: all 800ms ease-out; -webkit-backface-visibility: hidden; } .promobox.topics h3, .promobox.topics .h3, .promobox.topics .product-info h1, .product-info .promobox.topics h1, .promobox.topics .product-info .h1, .product-info .promobox.topics .h1 { margin-top: 0; color: #562483; } .promobox.topics span { color: #9d81bb; } .promobox.topics .inner { max-height: 11.5625rem; text-align: left; overflow: hidden; } .promobox.topics .inner:after { position: absolute; left: 0; bottom: 0; height: 1.875rem; width: 100%; content: ""; background-color: rgba(255, 255, 255, 0); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); border-radius: 0 0 0.75rem 0.75rem; z-index: 1; } .promobox.topics p { color: #000; } .promobox.topics .info { display: none; } .promobox.brush { z-index: 2; overflow: visible; } .promobox.brush:before { content: ""; background: url(/assets/images/brushes/brushes_light_purple_1.png); background-size: contain; background-repeat: no-repeat; display: block; width: 115%; height: 115%; position: absolute; top: 5px; left: 0; z-index: 2; -webkit-transform: rotate(-1deg); transform: rotate(-1deg); } .promobox.brush a { -webkit-transform: translateZ(1px); transform: translateZ(1px); z-index: 3; } .promobox.brush a:after { border-color: transparent; } .promobox.brush .panel, .promobox.brush .content-area .panel-1, .content-area .promobox.brush .panel-1, .promobox.brush .content-area .panel-2, .content-area .promobox.brush .panel-2, .promobox.brush .content-area .panel-3, .content-area .promobox.brush .panel-3, .promobox.brush .content-area .panel-4, .content-area .promobox.brush .panel-4 { background: none; overflow: hidden; } .promobox.brush .panel .inner, .promobox.brush .content-area .panel-1 .inner, .content-area .promobox.brush .panel-1 .inner, .promobox.brush .content-area .panel-2 .inner, .content-area .promobox.brush .panel-2 .inner, .promobox.brush .content-area .panel-3 .inner, .content-area .promobox.brush .panel-3 .inner, .promobox.brush .content-area .panel-4 .inner, .content-area .promobox.brush .panel-4 .inner { display: none; } .promobox.brush .info { z-index: 3; background: none; position: absolute; left: 0; top: 15%; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); bottom: auto; width: 100%; border: 0; padding: 15px 50px 40px 50px; overflow: hidden; text-overflow: ellipsis; height: 65%; } .promobox.brush .info p { padding-top: 10px; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: none; } .promobox.brush:hover:before { -webkit-transform: scale(1.02) rotate(0deg); transform: scale(1.02) rotate(0deg); } .promobox.fill .tb, .promobox.fill .tc, .promobox.topics .tb, .promobox.topics .tc { display: block; width: 100%; height: 100%; vertical-align: initial; position: relative; z-index: 0; } .promobox.fill .tb, .promobox.fill .tc { display: block; width: 100%; height: 100%; vertical-align: initial; position: relative; z-index: 0; } .promobox.fill img { max-width: 100.5%; width: 100.5%; transition: all 300ms ease-out; -webkit-backface-visibility: hidden; } .promobox.fill .inner { padding: 0; } .promos .row .columns .promobox.brush a:after { border-image: none; } .no-touch .promobox a:hover .info { -webkit-transform: none; transform: none; } .no-touch .promobox a:hover .wrap { -webkit-transform: scale(1.03) rotate(2deg); transform: scale(1.03) rotate(2deg); } .no-touch .promobox.fill a:hover .wrap { -webkit-transform: scale(1); transform: scale(1); } .no-touch .promobox.fill a:hover img { width: 105%; max-width: 105%; margin-top: -2%; margin-left: -2%; } .no-touch .promobox.topics a:hover .wrap { -webkit-transform: translateY(-36%); transform: translateY(-36%); } .promos .row .columns .promobox a { border: 1px solid #562483; border-radius: 16px; -webkit-mask-image: -webkit-radial-gradient(white, black); } .promos .row .columns .promobox a:after { border: none; } input[type='hidden'] + label { display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; } select { background-image: url(/assets-facelift/images/selectbox-arrow.svg); background-repeat: no-repeat; background-position: 97% center; -moz-appearance: none; text-indent: 0.01px; text-overflow: ""; } select:focus { outline: none; } select:hover { background-color: transparent; } .form-column { position: relative; width: 100%; margin-left: auto; margin-right: auto; float: none; margin-bottom: 1.875rem; padding: 0 0.9375rem; } #drypersSignUp .form-column { margin-bottom: 0; } form label { padding-left: 0.125rem; } span.field-validation-error, span.field-validation-success { padding: 0; background-color: transparent; font-style: normal; display: block; font-size: 14px; font-size: 0.875rem; margin-bottom: 1rem; line-height: 17px; line-height: 1.0625rem; } span.field-validation-error span, span.field-validation-success span { display: block; } span.field-validation-valid { display: none; } span.field-validation-error { display: inline-block; padding: 3px 4px 1px 4px; margin-top: 2px; min-width: 200px; color: #fff; } span.field-validation-success { color: #000; } span.field-validation-success span { margin-top: -1rem; } .validation-summary-errors { padding-left: 0.125rem; padding-top: 0.3125rem; margin-bottom: 1rem; } .validation-summary-errors ul { list-style-type: none; margin: 0; padding: 0; } .validation-summary-errors li { display: block; color: #ba1382; font-size: 14px; font-size: 0.875rem; line-height: 17px; line-height: 1.0625rem; } input[type="checkbox"].input-validation-error { margin-bottom: 0.375rem; } #sidebars form span.field-validation-error { width: 100%; } #sidebars form span.field-validation-success { color: #fff; } #sidebars form.sign-in input.input-validation-error { margin-bottom: 1rem; } #sidebars form .validation-summary-errors { padding-left: 0; padding-top: 0; } #sidebars form .validation-summary-errors li { display: block; color: #fff; padding: 3px 4px 3px 4px; } .validation-summary-errors { padding-left: 0; padding-top: 0; } .validation-summary-errors li { display: block; color: #fff; padding: 3px 4px 3px 4px; } form input, form textarea { border-color: rgba(0, 0, 0, 0.3); } /** * 1. Content height is smaller than text height when using padding, which causes Firefox to clip the text. This resets foundation defaults * but since height is set to a value, it still looks the same. */ form input[type='text'], form input[type='password'], form input[type='email'], form input[type='number'], form input[type='date'], form input[type='search'] { max-width: 100%; background-color: transparent; line-height: 1.4; padding-top: 0; /* 1 */ padding-bottom: 0; /* 1 */ height: 40px; } form select { padding-top: 0; padding-bottom: 0; background-color: transparent; line-height: 1.4; height: 40px; } .point-shop-product-info select, .point-shop-product-info select:focus { padding-right: 30px; } .point-shop-product-info .text .row .column:after { content: ''; content: "\EA67"; display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 54%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 10px; color: #562483; pointer-events: none; } form textarea { height: 6.25rem; background-color: transparent; border-radius: 0; line-height: 1.4; } form .checkbox-c, form .checkbox-container { padding-bottom: 1rem; } form .checkbox-c input, form .checkbox-container input { margin-right: 1rem; margin-bottom: 1rem; margin-top: 0.1875rem; } form .checkbox-c input, form .checkbox-c label, form .checkbox-container input, form .checkbox-container label { margin-bottom: 0; } form .checkbox-c label, form .checkbox-container label { display: block; margin-left: 1.75rem; padding-top: 3px; } form .checkbox-c div:first-child, form .checkbox-container div:first-child { float: left; } form.sign-in, form.register-code { margin-top: 80px; } form.sign-in input[type="checkbox"], form.register-code input[type="checkbox"] { margin-right: 1rem; } form.sign-in .actions, form.register-code .actions { margin-top: 1rem; } form.sign-in .actions a, form.register-code .actions a { display: block; font-size: 14px; font-size: 0.875rem; height: 1.375rem; line-height: 1.375rem; } #sidebars form.sign-in, #sidebars form.register-code { margin-top: 0; } .form-your-profile h2, .form-your-profile .h2 { margin-bottom: 1rem; } .form-your-profile, .form-contact-us { margin-bottom: 1.875rem; } #drypersSignUp .form-your-profile, #drypersSignUp .form-contact-us { margin-bottom: 0; } .form-your-profile dl, .form-contact-us dl { margin-top: 0.1875rem; } .form-contact-us form .row { padding-left: 0; padding-right: 0; } .sign-up-progress { background-color: #3c195b; overflow: hidden; padding: 0.125rem; margin: 0.9375rem 0; } .sign-up-progress:before, .sign-up-progress:after { content: " "; display: table; } .sign-up-progress:after { clear: both; } .sign-up-progress .bar { width: 100%; height: 2rem; background-color: #c8a6e7; position: relative; } .sign-up-progress span.progress { display: block; width: 0%; min-width: 13%; height: 100%; background-color: #562483; transition: width 1000ms ease-out; -webkit-backface-visibility: hidden; } .sign-up-progress span:last-child { position: absolute; right: 0; bottom: -0.125rem; padding: 0; padding-left: 1.0625rem; padding-right: 1.0625rem; color: #fff; background-color: #3c195b; font-size: 11px; font-size: 0.6875rem; } form .sign-up-next-prev .column { width: 50%; } #drypersSignUp form .sign-up-next-prev .column { width: 100%; } form .sign-up-next-prev .column:last-child { text-align: right; } #drypersSignUp form .sign-up-next-prev .column:last-child { text-align: center; } body .ui-widget { font-size: 0.8em; } body .ui-datepicker .ui-datepicker-title select { font-size: 0.9em; } body .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, body .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { height: auto; padding-top: 2px; padding-bottom: 2px; } .expander-panel textarea { background-color: transparent; border-radius: 0; line-height: 1.4; height: 150px; } .expander-panel input[type='text'] { border-top-left-radius: 0; border-bottom-right-radius: 0; } input[type='text']:focus, input[type='password']:focus, input[type='date']:focus, input[type='datetime']:focus, input[type='datetime-local']:focus, input[type='month']:focus, input[type='week']:focus, input[type='email']:focus, input[type='number']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='time']:focus, input[type='url']:focus, input[type='color']:focus, textarea:focus:focus { background: transparent; } .search-filters .button.selected, .search-filters .selected.filePicker, .search-filters a.selected.join-now, .search-filters input.selected[type="submit"], .search-filters input.selected[type="button"], .search-filters input.selected[type="reset"], .search-filters a.selected.submit-down, .search-filters a.selected.submit-right, .search-filters button.selected.submit-right, .search-filters .selected.create-post__btn-publish, .search-filters .selected.create-post__btn-cancel, .search-filters .selected.create-post__btn-done { background-color: #451c68; } body.lock { height: 100%; overflow: hidden; } html.lock { position: fixed; height: 100%; } #inner { position: relative; } #sidebars { display: none; position: fixed; top: 0; right: 0; width: 250px; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: #562483; z-index: 100; } #sidebars a, #sidebars span, #sidebars p, #sidebars h3, #sidebars .h3, #sidebars .product-info h1, .product-info #sidebars h1, #sidebars .product-info .h1, .product-info #sidebars .h1, #sidebars label, #sidebars li { color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } #sidebars .note { padding-top: 10px; } #sidebars .note p { font-size: 14px; font-size: 0.875rem; line-height: 18px; line-height: 1.125rem; } .close-sidebar, a[data-close-sidebar] { display: block; position: relative; top: 0; left: 0; width: 0; height: 0; z-index: 0; transition: opacity 400ms ease-out; -webkit-backface-visibility: hidden; opacity: 0; background: rgba(0, 0, 0, 0.6); } .close-sidebar.on, a[data-close-sidebar].on { position: fixed; cursor: pointer; width: 100%; height: 100%; z-index: 40; opacity: 1; -webkit-transform: translateZ(1px); transform: translateZ(1px); } #header .close-sidebar.on, #header a[data-close-sidebar].on { height: 133%; } .ja-push-default-transition, .ja-push.simple3D #content, .ja-push.simple3D #header, .ja-push.simple3D #headerV2, .ja-push.simple3D #ajax-shopping-cart, .ja-push.simple3D #top-campaign, .ja-push.simple3D #cookieMessage, .ja-push.simple3D #sidebars, .ja-push.simple3D + #sidebars { transition: all 400ms ease-out; -webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ja-push.simple3D #content, .ja-push.simple3D #header, .ja-push.simple3D #headerV2, .ja-push.simple3D #ajax-shopping-cart, .ja-push.simple3D #top-campaign, .ja-push.simple3D #cookieMessage { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .ja-push.simple3D #sidebars, .ja-push.simple3D + #sidebars { display: block; -webkit-transform: translate3d(15.625rem, 0, 0); transform: translate3d(15.625rem, 0, 0); } html[dir="rtl"].rtl .ja-push.simple3D #sidebars, html[dir="rtl"].rtl .ja-push.simple3D + #sidebars { -webkit-transform: translate3d(-15.625rem, 0, 0); transform: translate3d(-15.625rem, 0, 0); } .ja-push.simple3D #sidebars:after, .ja-push.simple3D + #sidebars:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 0.25rem; height: 100%; z-index: 1000; } .ja-push.ja-push-on.simple3D #content, .ja-push.ja-push-on.simple3D #header, .ja-push.ja-push-on.simple3D #headerV2, .ja-push.ja-push-on.simple3D #ajax-shopping-cart, .ja-push.ja-push-on.simple3D #top-campaign, .ja-push.ja-push-on.simple3D #cookieMessage { -webkit-transform: translate3d(-15.625rem, 0, 0); transform: translate3d(-15.625rem, 0, 0); } html[dir="rtl"].rtl .ja-push.ja-push-on.simple3D #content, html[dir="rtl"].rtl .ja-push.ja-push-on.simple3D #header, html[dir="rtl"].rtl .ja-push.ja-push-on.simple3D #headerV2, html[dir="rtl"].rtl .ja-push.ja-push-on.simple3D #ajax-shopping-cart, html[dir="rtl"].rtl .ja-push.ja-push-on.simple3D #top-campaign, html[dir="rtl"].rtl .ja-push.ja-push-on.simple3D #cookieMessage { -webkit-transform: translate3d(15.625rem, 0, 0); transform: translate3d(15.625rem, 0, 0); } .ja-push.ja-push-on.simple3D #sidebars, .ja-push.ja-push-on.simple3D + #sidebars { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } html[dir="rtl"].rtl .ja-push.ja-push-on.simple3D #sidebars, html[dir="rtl"].rtl .ja-push.ja-push-on.simple3D + #sidebars { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .ja-push.simple #content { position: relative; } .ja-push.simple #sidebars { display: block; right: -15.625rem; } .ja-push.simple #sidebars:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 0.25rem; height: 100%; z-index: 5; box-shadow: inset 0.1875rem 0 0.1875rem rgba(0, 0, 0, 0.5); } .ja-push.ja-push-on.simple #header, .ja-push.ja-push-on.simple #headerV2, .ja-push.ja-push-on.simple #ajax-shopping-cart, .ja-push.ja-push-on.simple #top-campaign { left: -15.625rem; } .ja-push.ja-push-on.simple #content { left: -15.625rem; } .ja-push.ja-push-on.simple #sidebars { right: 0; } .no-touch #sidebars .menu li a:hover { background-color: #441c67; } #sidebars .menu { min-height: 100%; } #sidebars .menu h3, #sidebars .menu .h3, #sidebars .menu .product-info h1, .product-info #sidebars .menu h1, #sidebars .menu .product-info .h1, .product-info #sidebars .menu .h1 { margin-top: 1rem; padding-left: 1.125rem; } #sidebars .menu ul { list-style-type: none; padding: 0px; margin: 0px; } #sidebars .menu li { min-height: 2.5rem; line-height: 2.5rem; } #sidebars .menu li a { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; display: block; width: 100%; height: 100%; padding-left: 1.125rem; padding-right: 1.125rem; vertical-align: middle; } #sidebars .menu .links ul { margin-top: 0; border-top: 1px solid rgba(255, 255, 255, 0.3); } #sidebars .menu .links li { border-top: 1px solid rgba(255, 255, 255, 0.3); } #sidebars .menu .links li:first-child { border-top: 0; } #sidebars .menu .links li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } #sidebars .menu .links a { font-size: 18px; font-size: 1.125rem; } #sidebars .menu a[class*="shortcut-"]:before { display: block; margin-top: 0.375rem; float: left; margin-right: 0.375rem; margin-left: -0.375rem; font-size: 1.6rem; color: white; } #sidebars .menu .shortcut-profile:before { content: "\EAA9"; } #sidebars .menu .shortcut-points:before { content: "\EA84"; } #sidebars .menu .shortcut-signin:before { content: "\EA83"; } #sidebars .menu .shortcut-signout:before { content: "\EA82"; } #sidebars .menu a[class*="shortcut-"] span { display: inline-block; float: right; margin-top: 0.4375rem; padding: 7px 12px; border-image: url(/assets/images/shapes/info.svg) 0 fill stretch; line-height: normal; font-size: 14px; font-size: 0.875rem; } #sidebars .menu a.shortcut-signout span { width: 2rem; height: 2rem; padding: 0; margin-top: 0.25rem; overflow: hidden; border: 0.125rem solid #451c68; } #sidebars .quick-action h3, #sidebars .quick-action .h3, #sidebars .quick-action .product-info h1, .product-info #sidebars .quick-action h1, #sidebars .quick-action .product-info .h1, .product-info #sidebars .quick-action .h1 { position: relative; } #sidebars .quick-action h3:first-child, #sidebars .quick-action .h3:first-child, #sidebars .quick-action .product-info h1:first-child, .product-info #sidebars .quick-action h1:first-child, #sidebars .quick-action .product-info .h1:first-child, .product-info #sidebars .quick-action .h1:first-child { position: relative; margin-top: 0; } #sidebars .quick-action .content { margin: 0.9375rem; } #sidebars .options { padding-top: 0.46875rem; } #sidebars .options div { float: left; width: 50%; } #sidebars .options div:first-child { padding-right: 0.46875rem; } #sidebars .options div:last-child { padding-left: 0.46875rem; } #sidebars .options a { margin: 0; width: 100%; } #sidebars .register-code { /*NOTE: .message may not be in use .message { display: block; padding: rem-calc(5) rem-calc(10) rem-calc(5) rem-calc(10); margin-bottom: 1rem; background-color: $color-1-dark; @include border-radius (10); } */ } #sidebars .register-code .header { margin: 3rem 0; text-align: center; } #sidebars .register-code .header h3, #sidebars .register-code .header .h3, #sidebars .register-code .header .product-info h1, .product-info #sidebars .register-code .header h1, #sidebars .register-code .header .product-info .h1, .product-info #sidebars .register-code .header .h1 { word-break: break-all; } #sidebars .register-code .header .icon-large { display: inline-block; } #sidebars .register-code .header .icon-small { display: none; vertical-align: middle; } #sidebars .register-code .points { margin-bottom: 1.5rem; } #sidebars .register-code .points span.heading { margin-bottom: 1rem; position: relative; display: block; } #sidebars .register-code .points span.heading span { display: block; position: absolute; right: 0; top: 0; background-color: #451c68; padding: 0.125rem 0.625rem 0.125rem 0.625rem; font-size: 18px; font-size: 1.125rem; border-radius: 1.875rem; } #sidebars .register-code .points span.heading span.pulse { -webkit-animation: pulse 1000ms ease-in-out 0 2; animation: pulse 1000ms ease-in-out 0 2; } #sidebars .register-code form input[type="text"] { height: 3rem; } /* Social share icons */ #sidebars .social-share-icons { border-top: 1px solid rgba(255, 255, 255, 0.3); margin: 0.9375rem 0 0 0; padding: 0.9375rem; list-style: none; } #sidebars .social-share-icons li { display: inline-block; margin: 0 0.125rem; } #sidebars .social-share-icon { display: block; width: 36px; height: 36px; transition: all 300ms ease-in; border-radius: 100%; opacity: 0.9; } #sidebars .social-share-icon:hover { -webkit-transform: rotate(5deg); transform: rotate(5deg); background: #9d81bb; } #sidebars .social-share-icon.icon-instagram:before { content: "\EA9B"; font-size: 2.3rem; } #sidebars .social-share-icon.icon-twitter:before { content: "\EA9C"; font-size: 2.3rem; } #sidebars .social-share-icon.icon-facebook:before { content: "\EA9A"; font-size: 2.3rem; } #sidebars .social-share-icon.icon-vk:before { content: "\EA9D"; font-size: 2.3rem; } #sidebars .social-share-icon.icon-youtube:before { content: "\EA9E"; font-size: 2.3rem; } /* Sub navigation */ #sidebars .menu .links li { min-height: 2.5rem; line-height: normal; } #sidebars .menu .links li a { padding-top: 0.55rem; padding-bottom: 0.55rem; } #sidebars .menu [data-sub-navigation-target] { position: relative; padding-right: 55px; } #sidebars [data-sub-navigation-target]:before { transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; content: " "; display: block; position: absolute; top: 10px; right: 0.9375rem; content: "\EA64"; font-size: 1.5rem; color: white; } #sidebars [data-sub-navigation-target].active-trigger:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #sidebars [data-sub-navigation-target] + section { transition: max-height 0.5s ease-in; background-color: #451c68; max-height: 0; overflow: hidden; } #sidebars [data-sub-navigation-target] + section.active-target { max-height: 800px; } #sidebars .menu [data-sub-navigation-target] + section .links li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.3); } #sidebars .menu [data-sub-navigation-target] + section .links li:last-child { border-bottom: none; } #sidebars [data-sub-navigation-target] { display: block; } #sidebars [data-sub-navigation-target] + section h1, #sidebars [data-sub-navigation-target] + section .h1, #sidebars [data-sub-navigation-target] + section .h1 { display: none; } #sidebars [data-sub-navigation-target] + section .single-link h1, #sidebars [data-sub-navigation-target] + section .single-link .h1, #sidebars [data-sub-navigation-target] + section .single-link .h1 { display: inline; } #sidebars [data-sub-navigation-target] + section .columns { padding: 0; width: 100%; float: none; } #subNavigation, #subNavigation > ul, #subNavigation .content .inner, #subNavigation .side .inner { transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } #innerOverlay { transition: height 0.1s ease-out, opacity 1s ease-out; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 0; position: fixed; top: 0; left: 0; z-index: 20; overflow: hidden; opacity: 0; } #innerOverlay.showing { height: 100%; opacity: 1; } #subNavigation { transition: max-height 0.4s, padding-bottom 0.4s; overflow: hidden; position: relative; max-height: 0; padding-bottom: 0; } #subNavigation .block-links { border-image: url(/assets/images/brushes/brushes_white_2.png) 0 fill stretch; border-image-outset: 10px; margin-left: -40px; padding-left: 40px; } #subNavigation .block-links > li { border: none !important; } #subNavigation > ul { transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; -webkit-transform: translateY(-100%); transform: translateY(-100%); display: block; list-style: none; margin: 0; background-color: #562483; position: relative; } #subNavigation > ul > li { height: 0; overflow: hidden; } #subNavigation > ul > li.active-target { height: auto; } #subNavigation > ul > li.active-target .inner { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #subNavigation .row { display: -webkit-flex; display: -ms-flexbox; display: flex; } .lt-ie11 #subNavigation .row { display: table; height: 1px; } .lt-ie11 #subNavigation .content, .lt-ie11 #subNavigation .side { display: table-cell; height: 100%; } #subNavigation .content > div, #subNavigation .side > div { padding: 20px; } #subNavigation .content .inner, #subNavigation .side .inner { transition: opacity 1.1s; opacity: 0; } #subNavigation .content { padding-left: 0; } #subNavigation .content h2, #subNavigation .content .h2, #subNavigation .content .h2 { font-size: 2.25rem; color: #fff; } #subNavigation .content a { font-size: 1.125rem; color: #562483; line-height: 1.2; word-wrap: break-word; } #subNavigation .content > div { padding-right: 50px; } #subNavigation .content .inner { -webkit-transform: translateY(2%); transform: translateY(2%); } #subNavigation .side { padding-right: 0; } #subNavigation .side h2, #subNavigation .side .h2, #subNavigation .side .h2 { font-size: 1.625rem; color: #fff; } #subNavigation .side .inner { -webkit-transform: translateY(2%); transform: translateY(2%); } #subNavigation .side ul { margin: 0; padding: 0; } #subNavigation .side li { list-style: none; font-family: inherit; font-size: 1.125rem; line-height: 1.6; margin: 0.3125rem 0; } #subNavigation .side a { transition: border-color 0.2s linear; color: #fff; margin-bottom: 1rem; line-height: inherit; text-decoration: none; border-style: solid; border-color: rgba(255, 255, 255, 0); border-width: 0 0 1px; } #subNavigation .side a:hover { border-color: white; } #subNavigation.down { max-height: 500px; padding-bottom: 10px; } #subNavigation.down > ul { -webkit-transform: translateY(0); transform: translateY(0); } .content-area { padding-top: 0.9375rem; padding-bottom: 1.875rem; } .content-area h2:first-child, .content-area .h2:first-child, .content-area h3:first-child, .content-area .h3:first-child, .content-area .product-info h1:first-child, .product-info .content-area h1:first-child, .content-area .product-info .h1:first-child, .product-info .content-area .h1:first-child, .content-area h4:first-child, .content-area .h4:first-child { margin-top: 0; } .content-area .column, .content-area .columns { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } .content-area .column h2:only-child, .content-area .column .h2:only-child, .content-area .column h3:only-child, .content-area .column .h3:only-child, .content-area .column .product-info h1:only-child, .product-info .content-area .column h1:only-child, .content-area .column .product-info .h1:only-child, .product-info .content-area .column .h1:only-child, .content-area .column h4:only-child, .content-area .column .h4:only-child, .content-area .columns h2:only-child, .content-area .columns .h2:only-child, .content-area .columns h3:only-child, .content-area .columns .h3:only-child, .content-area .columns .product-info h1:only-child, .product-info .content-area .columns h1:only-child, .content-area .columns .product-info .h1:only-child, .product-info .content-area .columns .h1:only-child, .content-area .columns h4:only-child, .content-area .columns .h4:only-child { margin-bottom: -0.9375rem; } .content-area .column *:last-child, .content-area .columns *:last-child { margin-bottom: 0; } .content-area img { margin-bottom: 0.9375rem; } .content-area img.flipH { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .content-area img[align] { width: 100%; } .content-area .button, .content-area .filePicker, .content-area a.join-now, .content-area input[type="submit"], .content-area input[type="button"], .content-area input[type="reset"], .content-area a.submit-down, .content-area a.submit-right, .content-area button.submit-right, .content-area .create-post__btn-publish, .content-area .create-post__btn-cancel, .content-area .create-post__btn-done { margin-bottom: 0.9375rem; } .content-area .button:last-child, .content-area .filePicker:last-child, .content-area a.join-now:last-child, .content-area input:last-child[type="submit"], .content-area input:last-child[type="button"], .content-area input:last-child[type="reset"], .content-area a.submit-down:last-child, .content-area a.submit-right:last-child, .content-area button.submit-right:last-child, .content-area .create-post__btn-publish:last-child, .content-area .create-post__btn-cancel:last-child, .content-area .create-post__btn-done:last-child { margin-bottom: 0; } .content-area .break { clear: both; } .content-area .panel, .content-area .panel-1, .content-area .panel-2, .content-area .panel-3, .content-area .panel-4 { padding: 0.9375rem; background-color: #562483; color: #fff; } .content-area .panel h1, .content-area .panel-1 h1, .content-area .panel-2 h1, .content-area .panel-3 h1, .content-area .panel-4 h1, .content-area .panel .h1, .content-area .panel-1 .h1, .content-area .panel-2 .h1, .content-area .panel-3 .h1, .content-area .panel-4 .h1, .content-area .panel .h1, .content-area .panel-1 .h1, .content-area .panel-2 .h1, .content-area .panel-3 .h1, .content-area .panel-4 .h1, .content-area .panel h2, .content-area .panel-1 h2, .content-area .panel-2 h2, .content-area .panel-3 h2, .content-area .panel-4 h2, .content-area .panel .h2, .content-area .panel-1 .h2, .content-area .panel-2 .h2, .content-area .panel-3 .h2, .content-area .panel-4 .h2, .content-area .panel .h2, .content-area .panel-1 .h2, .content-area .panel-2 .h2, .content-area .panel-3 .h2, .content-area .panel-4 .h2, .content-area .panel h3, .content-area .panel-1 h3, .content-area .panel-2 h3, .content-area .panel-3 h3, .content-area .panel-4 h3, .content-area .panel .h3, .content-area .panel-1 .h3, .content-area .panel-2 .h3, .content-area .panel-3 .h3, .content-area .panel-4 .h3, .content-area .panel .product-info h1, .product-info .content-area .panel h1, .content-area .panel-1 .product-info h1, .product-info .content-area .panel-1 h1, .content-area .panel-2 .product-info h1, .product-info .content-area .panel-2 h1, .content-area .panel-3 .product-info h1, .product-info .content-area .panel-3 h1, .content-area .panel-4 .product-info h1, .product-info .content-area .panel-4 h1, .content-area .panel .product-info .h1, .product-info .content-area .panel .h1, .content-area .panel-1 .product-info .h1, .product-info .content-area .panel-1 .h1, .content-area .panel-2 .product-info .h1, .product-info .content-area .panel-2 .h1, .content-area .panel-3 .product-info .h1, .product-info .content-area .panel-3 .h1, .content-area .panel-4 .product-info .h1, .product-info .content-area .panel-4 .h1, .content-area .panel .h3, .content-area .panel-1 .h3, .content-area .panel-2 .h3, .content-area .panel-3 .h3, .content-area .panel-4 .h3, .content-area .panel h4, .content-area .panel-1 h4, .content-area .panel-2 h4, .content-area .panel-3 h4, .content-area .panel-4 h4, .content-area .panel .h4, .content-area .panel-1 .h4, .content-area .panel-2 .h4, .content-area .panel-3 .h4, .content-area .panel-4 .h4, .content-area .panel .h4, .content-area .panel-1 .h4, .content-area .panel-2 .h4, .content-area .panel-3 .h4, .content-area .panel-4 .h4, .content-area .panel a, .content-area .panel-1 a, .content-area .panel-2 a, .content-area .panel-3 a, .content-area .panel-4 a, .content-area .panel p, .content-area .panel-1 p, .content-area .panel-2 p, .content-area .panel-3 p, .content-area .panel-4 p, .content-area .panel li, .content-area .panel-1 li, .content-area .panel-2 li, .content-area .panel-3 li, .content-area .panel-4 li { color: #fff; } .content-area .panel *:last-child, .content-area .panel-1 *:last-child, .content-area .panel-2 *:last-child, .content-area .panel-3 *:last-child, .content-area .panel-4 *:last-child { margin-bottom: 0.46875rem; } .content-area .panel .button, .content-area .panel-1 .button, .content-area .panel-2 .button, .content-area .panel-3 .button, .content-area .panel-4 .button, .content-area .panel .filePicker, .content-area .panel-1 .filePicker, .content-area .panel-2 .filePicker, .content-area .panel-3 .filePicker, .content-area .panel-4 .filePicker, .content-area .panel a.join-now, .content-area .panel-1 a.join-now, .content-area .panel-2 a.join-now, .content-area .panel-3 a.join-now, .content-area .panel-4 a.join-now, .content-area .panel input[type="submit"], .content-area .panel-1 input[type="submit"], .content-area .panel-2 input[type="submit"], .content-area .panel-3 input[type="submit"], .content-area .panel-4 input[type="submit"], .content-area .panel input[type="button"], .content-area .panel-1 input[type="button"], .content-area .panel-2 input[type="button"], .content-area .panel-3 input[type="button"], .content-area .panel-4 input[type="button"], .content-area .panel input[type="reset"], .content-area .panel-1 input[type="reset"], .content-area .panel-2 input[type="reset"], .content-area .panel-3 input[type="reset"], .content-area .panel-4 input[type="reset"], .content-area .panel a.submit-down, .content-area .panel-1 a.submit-down, .content-area .panel-2 a.submit-down, .content-area .panel-3 a.submit-down, .content-area .panel-4 a.submit-down, .content-area .panel a.submit-right, .content-area .panel-1 a.submit-right, .content-area .panel-2 a.submit-right, .content-area .panel-3 a.submit-right, .content-area .panel-4 a.submit-right, .content-area .panel button.submit-right, .content-area .panel-1 button.submit-right, .content-area .panel-2 button.submit-right, .content-area .panel-3 button.submit-right, .content-area .panel-4 button.submit-right, .content-area .panel .create-post__btn-publish, .content-area .panel-1 .create-post__btn-publish, .content-area .panel-2 .create-post__btn-publish, .content-area .panel-3 .create-post__btn-publish, .content-area .panel-4 .create-post__btn-publish, .content-area .panel .create-post__btn-cancel, .content-area .panel-1 .create-post__btn-cancel, .content-area .panel-2 .create-post__btn-cancel, .content-area .panel-3 .create-post__btn-cancel, .content-area .panel-4 .create-post__btn-cancel, .content-area .panel .create-post__btn-done, .content-area .panel-1 .create-post__btn-done, .content-area .panel-2 .create-post__btn-done, .content-area .panel-3 .create-post__btn-done, .content-area .panel-4 .create-post__btn-done { border-color: rgba(255, 255, 255, 0.5); } .content-area .panel-1 { background-color: #562483; } .content-area .panel-2 { background-color: #9d81bb; } .content-area .panel-3 { background-color: #000; } .content-area .panel-4 { background-color: #34154f; } .content-area .caption, .content-area .caption-1, .content-area .caption-2, .content-area .caption-3, .content-area .caption-4 { position: relative; overflow: hidden; } .content-area .caption img, .content-area .caption-1 img, .content-area .caption-2 img, .content-area .caption-3 img, .content-area .caption-4 img { margin: 0; position: relative; width: 100%; } .content-area .caption span, .content-area .caption-1 span, .content-area .caption-2 span, .content-area .caption-3 span, .content-area .caption-4 span { display: block; position: absolute; left: 0; bottom: -0.0625rem; width: 100%; padding: 0.46875rem; padding-bottom: 0.53125rem; background-color: rgba(86, 36, 131, 0.75); } .content-area .caption span, .content-area .caption-1 span, .content-area .caption-2 span, .content-area .caption-3 span, .content-area .caption-4 span, .content-area .caption a, .content-area .caption-1 a, .content-area .caption-2 a, .content-area .caption-3 a, .content-area .caption-4 a { color: #fff; } .content-area .caption-1 span { background-color: rgba(86, 36, 131, 0.75); } .content-area .caption-2 span { background-color: rgba(157, 129, 187, 0.75); } .content-area .caption-3 span { background-color: rgba(0, 0, 0, 0.75); } .content-area .caption-4 span { background-color: rgba(52, 21, 79, 0.75); } .no-touch .content-area a:not(.button):not(.filePicker):not(a.join-now):not(input[type="submit"]):not( input[type="button"]):not( input[type="reset"]):not(a.submit-down):not(a.submit-right):not( button.submit-right):not(.create-post__btn-publish):not(.create-post__btn-cancel):not(.create-post__btn-done):hover { text-decoration: underline; } .legacy-content { padding-top: 0.9375rem; } body.top-campaign #header { position: absolute; top: 0; left: 0; } body.top-campaign #inner { position: relative; } body.top-campaign-off #header { position: absolute; top: 0; left: 0; } body.top-campaign-off #content { display: inherit; } body.top-campaign-off a[data-tc-open], body.top-campaign-off a[data-tc-open-overlay] { display: none; } body.top-campaign-off a[data-tc-close] { display: block; } body.top-campaign-on #header { position: fixed; bottom: 0; top: auto; border-top: 0.0625rem solid #cdcdcd; } body.top-campaign-on #content { display: none; } body.top-campaign-on a[data-tc-open], body.top-campaign-on a[data-tc-open-overlay] { display: none; } body.top-campaign-on a[data-tc-close] { display: block; } #top-campaign { background-color: #fff; height: 0px; overflow: hidden; position: relative; } a[data-tc-open].default, a[data-tc-close].default { display: block; text-align: center; margin-top: 0.9375rem; margin-bottom: 0.9375rem; } a[data-tc-open].default { height: 34px; line-height: 34px; } a[data-tc-close].default { background-color: #562483; margin-top: 0; margin-bottom: 0; overflow: hidden; } a[data-tc-close].default:after { content: ""; display: inline-block; margin-top: 0.46875rem; margin-bottom: 0.46875rem; } a[data-tc-open-overlay] { display: block; position: absolute; width: 100%; height: 100%; content: ""; z-index: 1; } #tc-content { margin-bottom: 6rem; } #cart-travel { position: fixed; display: none; bottom: 0; left: 0; z-index: 4; width: 0; height: 0; } #cart-travel img { border-radius: 0.375rem; } #cart-travel.on { display: block; width: 6.25rem; height: auto; } #ajax-shopping-cart { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 12; display: none; } #ajax-shopping-cart .gbrw-grid { padding-bottom: 0; } #ajax-shopping-cart .inner { margin: 0 auto; max-width: 75rem; width: 100%; border-image: url(/assets/images/shapes/cart-large.svg) 0 fill stretch; padding: 0.9375rem; color: #fff; margin-bottom: -0.625rem; } #ajax-shopping-cart .inner:before, #ajax-shopping-cart .inner:after { content: " "; display: table; } #ajax-shopping-cart .inner:after { clear: both; } #ajax-shopping-cart li { height: auto; } #ajax-shopping-cart li.minimized { -webkit-transform: scale(0); transform: scale(0); opacity: 0; padding: 0; margin: 0; width: 0; overflow: hidden; } #ajax-shopping-cart .item { position: relative; } #ajax-shopping-cart .item .img { position: relative; } #ajax-shopping-cart .item img { width: 100%; } #ajax-shopping-cart .item a.remove { position: absolute; top: -1.0625rem; right: -1.0625rem; width: 1.75rem; height: 1.75rem; text-align: center; background: white; border-radius: 100px; } #ajax-shopping-cart .item a.remove:before { content: ""; margin-top: -1px; margin-left: -1px; content: "\EA74"; font-size: 2rem; color: #ba1382; } #ajax-shopping-cart .item a.remove:hover:before { opacity: 0.8; } #ajax-shopping-cart .item .count { position: absolute; width: 2rem; height: 2rem; left: 0.375rem; bottom: 0.375rem; border-radius: 3.125rem; background-color: #000; } #ajax-shopping-cart .item .count span { display: block; text-align: center; padding-top: 0.1875rem; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } #ajax-shopping-cart .item .title { margin-top: 0.25rem; font-size: 14px; font-size: 0.875rem; line-height: 17px; line-height: 1.0625rem; } #ajax-shopping-cart form { margin-bottom: 0; } #ajax-shopping-cart .order { padding: 0.9375rem; padding-bottom: 0; } #ajax-shopping-cart .total { margin-top: 0.9375rem; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; } #ajax-shopping-cart .toggle { width: 4.375rem; height: 3.75rem; margin-left: 0.9375rem; margin-top: -3.125rem; margin-bottom: -0.3125rem; border-image: url(/assets/images/shapes/cart-small.svg) 0 fill stretch; } #ajax-shopping-cart .toggle a { display: block; width: 100%; height: 100%; padding-top: 0.25rem; padding-left: 0.75rem; } #ajax-shopping-cart .toggle a:before { content: "\EA6E"; font-size: 2rem; color: white; padding: 5px 10px; } ul.cart { display: block; padding: 0; margin: 0; } ul.cart .item { height: 100%; } ul.cart > li { display: inline; float: left; max-height: none; min-height: none; padding: 0.9375rem; padding-bottom: 0; } ul.cart > li { width: 25%; } ul.cart > li:nth-of-type(n) { clear: none; } ul.cart > li:nth-of-type(4n + 1) { clear: both; } .top-campaign #language-selector.sticky { position: absolute; } #language-selector { position: absolute; top: 66px; left: 0px; z-index: 1; width: 100%; text-align: right; overflow: hidden; } #language-selector.sticky { position: fixed; } #language-selector .column { float: right; display: block; width: auto; padding: 22px 14px 4px; margin-right: 3px; /*background-color: rgba(#fff, 0.7); border-radius: 0 0 rem-calc($border-radius-default) rem-calc($border-radius-default); border-top: rem-calc(1) solid rgba(#000, 0.15);*/ } #language-selector .column:before { content: ""; display: block; position: absolute; border-image: url(/assets/images/brushes/brushes_white_2.png) 0 fill stretch; height: 120%; width: 120%; top: -20%; left: -10%; -webkit-transform: rotate(180deg); transform: rotate(180deg); } #language-selector a { font-size: 12px; font-size: 0.75rem; color: #4f1070; } #language-selector ul { position: relative; margin: 0; padding: 0; list-style: none; line-height: inherit; font-size: 0; } #language-selector li { display: inline-block; list-style: none; } #language-selector li:after { display: inline-block; content: "|"; padding-left: 0.4375rem; padding-right: 0.4375rem; font-size: 12px; font-size: 0.75rem; color: #4f1070; } #language-selector li:last-child:after { display: none; } #cookieMessage { background-color: #9d81bb; top: 0; left: 0; width: 100%; overflow: hidden; color: #fff; border-bottom: 1px solid #562483; position: relative; display: none; } #cookieMessage.showing-cookie-message { display: block; } #cookieMessage .container { margin: 0 auto; width: 100%; position: relative; padding-left: 0.9375rem; padding-right: 2.8125rem; max-width: 72.5rem; } #cookieMessage p { color: #fff; margin: 1em 0; } #cookieMessage a { text-decoration: underline; color: #fff; } #cookieMessage button { position: absolute; top: 0; right: 0.9375rem; padding: 0; background: none; border: none; font-size: 1.375rem; } .swiper-caption.swiper-caption { position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background-color: rgba(255, 255, 255, 0.8); width: 100%; max-height: calc(90% - 115px); box-sizing: border-box; text-align: center; overflow-y: auto; } .iphone .swiper-caption.swiper-caption, .ipod .swiper-caption.swiper-caption, .ipad .swiper-caption.swiper-caption { overflow-y: scroll; -webkit-overflow-scrolling: touch; } html .swiper-caption-inner { width: 100%; max-width: 600px; margin: 0 auto; padding: 0 0.5em; box-sizing: border-box; } html .swiper-container { position: absolute; width: 100%; height: 100%; overflow: visible; top: 0; left: 0; } html .swiper-container.carousel { visibility: hidden; } html .swiper-container.carousel.ready { visibility: visible; } .carousel .swiper-wrapper.swiper-wrapper { position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; } html .swiper-iframe { width: 100%; height: 100%; pointer-events: none; -webkit-transform: translateZ(0); transform: translateZ(0); } html .swiper-iframe iframe { position: absolute; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; top: 0; left: 0; } html .swiper-image { width: 100%; height: 100%; background-size: cover; background-position: center; } html .swiper-image img { display: none; } html #intro.carousel-intro { width: 100%; height: 0; padding-top: 100%; position: relative; } html .swiper-button-prev, html .swiper-button-next { -webkit-transform-origin: bottom; transform-origin: bottom; position: absolute; z-index: 10; font-size: 40px; color: #fff; cursor: pointer; height: 40px; top: auto; bottom: 13px; -webkit-transform: scale(0.6); transform: scale(0.6); margin: 3px 0 0; display: block; background-image: none; text-shadow: 0 0 10px rgba(0, 0, 0, 0.4); opacity: 0.6; width: auto; } html .swiper-button-prev { left: 0; } html .swiper-button-prev:before { content: "\EA81"; } html .swiper-button-next { right: 0; } html .swiper-button-next:before { content: "\EA93"; } html .swiper-container-horizontal.swiper-container-horizontal > .swiper-pagination, html .carousel .swiper-pagination, .carousel html .swiper-pagination { position: absolute; z-index: 10; font-size: 200%; color: #fff; pointer-events: none; left: 0; bottom: 0; width: 100%; height: 40px; margin: 0; text-align: center; list-style: none; padding: 0; } .swiper-pagination-bullet.swiper-pagination-bullet { width: 15px; height: 15px; background-image: radial-gradient(circle at center, #eee, #eee 6px, #777 7.5px); cursor: pointer; pointer-events: auto; box-sizing: content-box; background-clip: content-box; } .carousel .swiper-pagination-bullet.swiper-pagination-bullet { display: inline-block; border-radius: 100%; background-color: #999; opacity: 0.3; transition: all 0.1s; text-indent: -9999px; padding: 8px 7px; } .carousel .swiper-pagination-bullet.swiper-pagination-bullet:hover { opacity: 0.4; } .carousel .swiper-pagination-bullet.swiper-pagination-bullet.current { opacity: 0.8; -webkit-transform: scale(1.2); transform: scale(1.2); } .swiper-container-horizontal.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; padding: 8px 7px; } .swiper-container-horizontal.swiper-container-horizontal .swiper-pagination-bullet-active { opacity: 0.8; } .swiper-slide, .swiper-slide.swiper-slide { background-image: radial-gradient(#eee, #fff); text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .carousel .swiper-slide, .carousel .swiper-slide.swiper-slide { position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .swiper-slide.move-fwd, .swiper-slide.swiper-slide.move-fwd { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } .swiper-slide.move-bwd, .swiper-slide.swiper-slide.move-bwd { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } .swiper-slide.position-before, .swiper-slide.swiper-slide.position-before { left: -100%; } .swiper-slide.position-after, .swiper-slide.swiper-slide.position-after { left: 100%; } .swiper-slide.animate, .swiper-slide.swiper-slide.animate { transition: -webkit-transform 300ms ease-out; transition: transform 300ms ease-out; transition: transform 300ms ease-out, -webkit-transform 300ms ease-out; } .swiper-content.swiper-content { width: 100%; height: 100%; position: relative; overflow: hidden; } /* video is 16:9 */ .no-carousel-content { position: absolute; top: 0; width: 100%; height: 100%; } .swiper-content .carousel-video-overlay, .no-carousel-content .carousel-video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .swiper-content .carousel-video.show-overlay .jw-media, .no-carousel-content .carousel-video.show-overlay .jw-media { display: none; } .swiper-content .video-container, .no-carousel-content .video-container { position: relative; overflow: hidden; } .swiper-content .video-wrapper, .no-carousel-content .video-wrapper { position: absolute; width: 100%; height: 100%; } .swiper-content .video-wrapper > *, .no-carousel-content .video-wrapper > * { position: absolute; left: 0; width: 100%; height: 100%; } .swiper-content * .video-container .video-wrapper.square, .no-carousel-content * .video-container .video-wrapper.square { margin-left: 0%; width: 100%; padding-bottom: 100%; } .swiper-content .video-auto, .no-carousel-content .video-auto { width: 100%; } .swiper-content .video-auto .video-container, .no-carousel-content .video-auto .video-container { width: 100%; padding-bottom: 100%; /* size */ } body .ui-helper-clearfix:before, body .ui-helper-clearfix:after { content: ''; display: table; border-collapse: collapse; } body .ui-helper-clearfix:after { clear: both; } body .ui-datepicker { display: none; background: none; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20311%20315%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M3.135%209.378L0%2063.166l2.242%204.336%203.378%2096.44L3.135%20277.65l.243%2028.258%2021.184-1.928%20118.427%202.398%20123.185-3.837%207.83-2.53%2027.13.16c1.047-8.84%201.503-15.38%201.367-19.623-3.64-113.537-6.99-171.077-6.054-172.62.99-1.632%201.483-34.48%201.483-98.55l-36.823-1.78-6.378%201.13-131.192%201.69-38.658-.307L73.434%200%2062.63%209.866%203.136%209.378z%22%2F%3E%3Cfilter%20id%3D%22a%22%20width%3D%22104.6%25%22%20height%3D%22104.6%25%22%20x%3D%22-2.3%25%22%20y%3D%22-1.6%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.5%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%284%202%29%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 0.9rem; border: 0; padding: 1rem; } body .ui-datepicker.ui-widget select { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 0.9rem; } body .ui-datepicker table { width: 100%; margin: 0; border-collapse: collapse; } body .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; white-space: nowrap; } body .ui-datepicker select { width: 45%; height: auto; padding: 2px 0; margin: 0; background-color: transparent; color: #ffffff; border: none; background-image: none; position: relative; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%223%22%20viewBox%3D%220%200%206%203%22%20fill%3D%22%23ffffff%22%3E%3Cpath%20d%3D%22M5.992%200l-3%203-3-3z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: 97% center; } body .ui-datepicker select option { color: #000000; } body .ui-datepicker select:hover { background-color: transparent; } body .ui-datepicker select:nth-child(n + 2) { margin-left: 0.775rem; } body .ui-datepicker-header { border-radius: 0; border: none; background: none; position: relative; padding: 0.16rem 0; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22700%22%20height%3D%22154%22%20viewBox%3D%220%200%20700%20154%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22strokeColor%22%20stroke-width%3D%224%22%20fill%3D%22%23562483%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.162%205H21.75L240.51%207l7.328-2.047L556.88%207l49.42-7%2089.74%205L700%2088.4l-5.939%2062.6-14.126%203-323.832-6-269.131%206-83.79-3L0%20136.256l1.203-122.18z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 100% 95%; height: 2.225rem; width: 12.375rem; font-size: 1rem; width: 100%; } body .ui-datepicker-next, body .ui-datepicker-prev { position: absolute; top: 2px; height: 1.8rem; width: 1.8rem; } body .ui-datepicker-next:before, body .ui-datepicker-prev:before { content: "\EA93"; font-size: 0.8rem; color: #ffffff; position: absolute; top: 50%; } body .ui-datepicker-next:hover, body .ui-datepicker-prev:hover { background-color: transparent; background-image: none; border: none; top: 2px; } body .ui-datepicker-next span.ui-icon, body .ui-datepicker-prev span.ui-icon { display: none; } body .ui-datepicker-next { right: 2px; } body .ui-datepicker-next:before { right: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } body .ui-datepicker-next:hover { right: 2px; } body .ui-datepicker-prev { left: 2px; } body .ui-datepicker-prev:before { left: 50%; -webkit-transform: rotate(180deg) translate(50%, 50%); transform: rotate(180deg) translate(50%, 50%); } body .ui-datepicker-prev:hover { left: 2px; } body .ui-datepicker th { padding: 0.3rem; font-weight: bold; text-align: center; } body .ui-datepicker td { padding: 2px 0; } body .ui-datepicker td.ui-state-disabled { background-color: transparent; color: #ffffff; } body .ui-datepicker td a { display: block; padding: 0.2rem; text-decoration: none; color: #555555; } body .ui-datepicker-calendar .ui-state-default { border: 0; border-radius: 55% 77% 61% 80%; background: none; background-color: rgba(157, 129, 187, 0.15); text-align: center; height: 1.375rem; width: 1.375rem; line-height: 1.0625rem; margin: 0 auto; transition: background-color 300ms, color 300ms; } body .ui-datepicker-calendar .ui-state-default:hover { background-color: #562483; color: #ffffff; } body .ui-datepicker-current-day .ui-state-active { background-color: #562483; color: #ffffff; } .start-join-now { background-color: #9d81bb; color: #fff; padding: 1.875rem 0; } .start-join-now p { color: #fff; margin: 0; margin-top: 0.75rem; line-height: 23px; line-height: 1.4375rem; font-size: 18px; font-size: 1.125rem; } .ff .start-join-now p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .start-join-now .logo-c img { max-height: 7.3125rem; } .start-join-now .logo-c, .start-join-now .button-c { text-align: center; } .start-stage-select { margin: 40px 0; padding-top: 0; padding-bottom: 0; text-align: center; } .start-stage-select .header-c h2, .start-stage-select .header-c .h2 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 48px; line-height: 48px; color: #562483; text-transform: uppercase; margin-bottom: 40px; } .start-stage-select p { margin: auto; } .ff .start-stage-select p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .start-stage-select .button-c { text-align: center; } .start-stage-select a.join-now { margin-top: 0.9375rem; padding: 0.9375rem 1.875rem; } .start-stage-select .stages .column { margin: auto; float: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 1 !important; } .start-stage-select .stages .column > a { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: none; } .start-stage-select .stages .column > a span { white-space: nowrap; } .start-welcome { padding: 1.875rem 0; margin: 0; } .start-welcome p:last-child { margin-bottom: 0.46875rem; } .start-welcome h4, .start-welcome .h4 { margin-top: 0.75rem; margin-bottom: 0.125rem; } .start-welcome .info a { display: block; line-height: normal; color: #000; } .start-welcome .info a:before, .start-welcome .info a:after { content: " "; display: table; } .start-welcome .info a:after { clear: both; } .start-welcome h2, .start-welcome .h2 { position: relative; margin-top: 0; } .start-welcome h2:before, .start-welcome .h2:before { content: ""; position: absolute; top: 0; left: -0.25rem; } .start-welcome h2 span, .start-welcome .h2 span { display: inline-block; margin-top: 0.1875rem; } .start-welcome h2[class*="icon-"] span, .start-welcome .h2[class*="icon-"] span { margin-left: 2.8125rem; } .start-welcome .icon-trying:before { content: "\EAA2"; } .start-welcome .icon-pregnant:before { content: "\EAA0"; } .start-welcome .icon-baby:before { content: "\EA9F"; } .start-welcome .icon-toddler:before { content: "\EAA1"; } .start-welcome .club-coin, .start-welcome .club-bonus { margin-right: 0.5rem; } .start-welcome .club-coin .coin-text, .start-welcome .club-bonus .coin-text { text-shadow: none; font-size: 24px; font-size: 1.5rem; padding-top: 0.1875rem; color: #fff; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.7); } .start-welcome.no-membership .info > div { width: 100%; } .start-welcome.no-membership .info > div:first-child { padding-right: 0; } .start-welcome.no-membership .info > div:last-child { display: none; } .start-welcome.no-points .info { display: none; } .start-child-info { padding: 1.875rem 0; } .start-child-info .row { margin-bottom: 1.875rem; } .forum-list { margin-top: 10px; background-color: #562483; } ul.posts li, .posts li { height: auto; } ul.posts h4, ul.posts .h4, .posts h4, .posts .h4 { margin-top: 0; word-wrap: break-word; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; } ul.posts a, .posts a { background-color: #fff; } ul.posts a:after, ul.posts a:before, .posts a:after, .posts a:before { display: block; } html.no-touch ul.posts a:hover, html.no-touch .posts a:hover { opacity: 1; } ul.posts .item, .posts .item { overflow: hidden; } ul.posts .item:before, .posts .item:before { width: calc(100% + 2px); } ul.posts .post, .posts .post { position: relative; margin-bottom: 0.9375rem; height: 7.5rem; overflow: hidden; } ul.posts .post:after, .posts .post:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2.125rem; background-color: rgba(255, 255, 255, 0); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); pointer-events: none; } .stages-overlay ul.posts .post, .stages-overlay .posts .post { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } .stages-overlay ul.posts .post, .stages-overlay .posts .post { height: 7.5rem; } ul.posts .text, .posts .text { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; font-size: 0.875rem; line-height: 21px; line-height: 1.3125rem; word-wrap: break-word; } ul.posts .r1, ul.posts .r2, .posts .r1, .posts .r2 { min-height: 22; } ul.posts .r1, ul.posts .r2, ul.posts .time, .posts .r1, .posts .r2, .posts .time { font-size: 14px; font-size: 0.875rem; } ul.posts .category, .posts .category { float: left; width: 60%; padding-right: 0.3125rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ul.posts .replies, .posts .replies { float: right; width: 40%; padding-left: 0.3125rem; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ul.posts .time, .posts .time { margin-bottom: 0.375rem; text-align: center; } ul.posts a, .posts a { padding: 0.9375rem; display: block; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: #000; } .no-touch ul.posts a:hover, .no-touch .posts a:hover { /*.post, .r1, .r2*/ } .no-touch ul.posts a:hover h4, .no-touch ul.posts a:hover .h4, .no-touch .posts a:hover h4, .no-touch .posts a:hover .h4 { -webkit-transform: scale3d(0.95, 0.95, 1) rotate(1deg); transform: scale3d(0.95, 0.95, 1) rotate(1deg); } .stages-overlay ul.posts a, .stages-overlay .posts a { display: -webkit-flex; display: -ms-flexbox; display: flex; } .no-touch ul.posts li:nth-child(even) a:hover h4, .no-touch ul.posts li:nth-child(even) a:hover .h4, .no-touch .posts li:nth-child(even) a:hover h4, .no-touch .posts li:nth-child(even) a:hover .h4 { -webkit-transform: scale3d(0.95, 0.95, 1) rotate(-1deg); transform: scale3d(0.95, 0.95, 1) rotate(-1deg); } .posted-by { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; margin-bottom: 0.9375rem; } .posted-by .time div:first-child { margin-bottom: 0.1875rem; } .posted-by .info { margin-top: 0.9375rem; } .posted-by .data { float: left; } .posted-by .avatar { width: 2.375rem; margin-right: 0.9375rem; float: left; overflow: hidden; } .posted-by .avatar img { display: block; } .posted-by .alias { margin-bottom: 0.1875rem; word-wrap: break-word; padding-top: 0.125rem; } .posted-by .stage { padding-top: 0; padding-bottom: 0; border: none; font-size: 14px; font-size: 0.875rem; } .discussion.topic { background-color: #562483; padding-top: 0.9375rem; color: #fff; } .discussion.topic h2, .discussion.topic .h2, .discussion.topic p, .discussion.topic a { color: #fff; } .discussion.topic a:hover { opacity: 0.7; } .discussion.topic .posted-by .avatar { width: 3.125rem; } .discussion.topic .posted-by .inner { padding: 0; } .discussion.topic .discussion-actions { border-bottom: none; } .discussion .topic, .discussion .reply { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; float: right; width: 100%; word-wrap: break-word; } .discussion .posted-by { width: 100%; } #ajax-replies-pagination .item:last-child .discussion-actions { border-bottom: none; } .discussion-actions .reply, .discussion-actions .report { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; width: 50%; } .discussion-actions .reply a, .discussion-actions .report a { display: inline-block; width: auto; } .discussion-actions .report { text-align: right; } .discussion-actions .show-for-medium-up { display: none !important; } .discussion-actions .show-for-small-only { display: inline-block !important; } .replies-header { padding: 15px 0; padding-top: 20px; word-wrap: break-word; -webkit-transform: translateY(-15px); transform: translateY(-15px); border-width: 15px; } .replies-header h3, .replies-header .h3, .replies-header .product-info h1, .product-info .replies-header h1, .replies-header .product-info .h1, .product-info .replies-header .h1, .replies-header a { color: #fff; } .no-touch .replies-header a:not(.btn):hover { opacity: 0.7; } .replies-header h3, .replies-header .h3, .replies-header .product-info h1, .product-info .replies-header h1, .replies-header .product-info .h1, .product-info .replies-header .h1 { margin: 0; } .replies-header .sort { display: block; font-size: 14px; font-size: 0.875rem; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; } .replies-header .sort:after { display: inline-block; } .replies-header .sort.up:after { content: '\25BE'; -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-left: 0.1875rem; } .replies-header .sort.down:after { content: '\25BE'; margin-left: 0.1875rem; } .replies .item { margin-bottom: 1.875rem; } .terms-post { margin-bottom: 0.9375rem; } .terms-post .content { margin-top: 0.9375rem; font-size: 14px; font-size: 0.875rem; line-height: normal; } .forum-info { margin-top: 1.875rem; } .forum-info .container { position: relative; } .forum-info span[class*="sprite"] { float: left; margin-top: -0.25rem; top: 0; position: relative; } .forum-info .colored { color: #562483; } .forum-info h2, .forum-info .h2 { margin: 0; } .forum-info .text { padding-left: 3rem; padding-top: 0.125rem; line-height: normal; } .discussion.replies .discussion-actions:after { display: block; width: 100%; height: 20px; background-size: 1200px 20px; } .discussion.replies .row > .posted-by .avatar, .discussion.topic .row > .posted-by .avatar { border: 2px solid #fff; } .discussion.replies .avatar, .discussion.topic .avatar { border-radius: 68% 68% 53% 83%; -webkit-transform: rotate(15deg); transform: rotate(15deg); } .discussion.replies .avatar a, .discussion.topic .avatar a { display: block; } .discussion.replies .avatar a img, .discussion.topic .avatar a img { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } .discussion.replies a.cool, .discussion.topic a.cool { font-size: 10px; } .discussion.replies .item:nth-child(1n + 1) .avatar, .discussion.topic .item:nth-child(1n + 1) .avatar { border-radius: 84% 94% 72% 83%; } .discussion.replies .item:nth-child(2n + 1) .avatar, .discussion.topic .item:nth-child(2n + 1) .avatar { border-radius: 68% 68% 53% 83%; } .discussion.replies .item:nth-child(3n + 1) .avatar, .discussion.topic .item:nth-child(3n + 1) .avatar { border-radius: 73% 100% 100% 82%; } .discussion.replies .item:nth-child(4n + 1) .avatar, .discussion.topic .item:nth-child(4n + 1) .avatar { border-radius: 59% 52% 59% 56%; } .product-range-separator { background-color: #562483; position: relative; } .product-range-separator h3, .product-range-separator .h3, .product-range-separator .product-info h1, .product-info .product-range-separator h1, .product-range-separator .product-info .h1, .product-info .product-range-separator .h1, .product-range-separator .h3 { padding: 0.9375rem 0; margin: 0; color: #fff; } .gbrw-hscroll.weights ul { font-size: 0; } .gbrw-hscroll.weights li { font-size: 0; padding-left: 0.46875rem; padding-right: 0.46875rem; } .gbrw-hscroll.weights li:first-child { padding-left: 0; } .gbrw-hscroll.weights li:last-child { padding-right: 0; } .gbrw-hscroll.weights a { text-align: center; display: block; padding-left: 0; padding-right: 0; min-width: 0; } .gbrw-hscroll.products li .product { margin-right: 0.9375rem; } .gbrw-hscroll.products li .product .inner { display: block; vertical-align: bottom; } .gbrw-hscroll.products li .product .img { display: block; height: 8.125rem; width: 8.125rem; } .gbrw-hscroll.products li .product .img img { display: inline-block; height: auto; width: auto; max-height: 8.125rem; max-width: 8.125rem; } .gbrw-hscroll.products li .product .text { display: block; margin-top: 0.1875rem; color: #000; width: 8.125rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gbrw-hscroll.products li:last-child .product { margin-right: 0; } .no-touch .gbrw-hscroll.products li:hover .text { text-decoration: underline; } .product-types { margin-top: 1.875rem; margin-bottom: 1.875rem; } .product-types a { text-align: left; } .product-types ul { font-size: 0; list-style: none; margin: 0; padding: 0; } .product-types li { display: inline-block; font-size: 0; width: 100%; margin-bottom: 0.9375rem; } .product-range { padding: 1.875rem 0; } .product-range:before { z-index: 9; } .product-weights { margin-top: 0.9375rem; display: none; } #product_slider { display: none; padding-left: 8%; padding-right: 8%; margin-bottom: 0.9375rem; margin-top: 0.9375rem; } #product_slider.count-4 { padding-left: 12%; padding-right: 12%; } #product_slider.count-5 { padding-left: 9.5%; padding-right: 9.5%; } #product_slider.count-6 { padding-left: 8.1%; padding-right: 8.1%; } #product_slider.count-7 { padding-left: 6.9%; padding-right: 6.9%; } .product-info { margin-bottom: 1.875rem; } .product-info h3, .product-info .h3, .product-info h1, .product-info .h1, .product-info .h3, .product-info h1, .product-info .h1, .product-info .h1 { margin-top: 0; } .product-info .container > div p:last-child { margin-bottom: 0; } .product-info .title { margin-bottom: 0.9375rem; } .product-info .pack-shot { margin-top: 0.9375rem; margin-bottom: 1.875rem; } .product-info .pack-shot img { max-height: 10.625rem; } .product-info .info-text { margin-bottom: 1.875rem; } .product-info a[data-toggle-id] { width: 100%; text-align: left; font-size: 16px; font-size: 1rem; margin-top: 0.9375rem; padding-left: 0.75rem; padding-right: 0.75rem; margin-right: 0; } .product-info a[data-toggle-id]:after { content: ""; float: right; } .product-info div[data-toggle-id] { display: none; margin-top: 0.9375rem; } ul.product-packs li, ul.pages li { height: auto; } ul.product-packs a, ul.pages a { display: block; padding: 0.9375rem; } ul.product-packs .item, ul.pages .item { overflow: hidden; } ul.product-packs .item:before, ul.pages .item:before { display: none; } ul.product-packs .item:hover .text, ul.pages .item:hover .text { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } ul.product-packs .item:hover .img, ul.pages .item:hover .img { -webkit-transform: scale3d(1.05, 1.05, 1) rotate(3deg); transform: scale3d(1.05, 1.05, 1) rotate(3deg); } ul.product-packs h5, ul.pages h5, ul.product-packs .h5, ul.pages .h5, ul.product-packs .h5, ul.pages .h5 { margin: 0; color: #000; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } ul.product-packs .img, ul.pages .img { width: 33.33333%; max-height: 6.25rem; float: left; text-align: center; } ul.product-packs img, ul.pages img { max-width: 100%; max-height: 100%; } ul.product-packs .text, ul.pages .text { width: 66.66667%; float: right; padding-left: 0.9375rem; margin-top: 1.875rem; } ul.product-packs .text div, ul.pages .text div { color: #000; margin-top: -5px; } ul.pages a div { color: white; overflow: hidden; position: relative; font-size: 14px; } ul.pages h5, ul.pages .h5, ul.pages .h5 { color: white; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; } ul.pages li:nth-child(4n) .item { -webkit-transform: translateZ(1px) scaleX(1) scaleY(1); transform: translateZ(1px) scaleX(1) scaleY(1); } ul.pages li:nth-child(4n) .item a { -webkit-transform: translateZ(1px) scaleX(1) scaleY(1); transform: translateZ(1px) scaleX(1) scaleY(1); } ul.pages li:nth-child(4n + 1) .item { -webkit-transform: translateZ(1px) scaleX(1) scaleY(-1); transform: translateZ(1px) scaleX(1) scaleY(-1); } ul.pages li:nth-child(4n + 1) .item a { -webkit-transform: translateZ(1px) scaleX(1) scaleY(-1); transform: translateZ(1px) scaleX(1) scaleY(-1); } ul.pages li:nth-child(4n + 2) .item { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(1); transform: translateZ(1px) scaleX(-1) scaleY(1); } ul.pages li:nth-child(4n + 2) .item a { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(1); transform: translateZ(1px) scaleX(-1) scaleY(1); } ul.pages li:nth-child(4n + 3) .item { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(-1); transform: translateZ(1px) scaleX(-1) scaleY(-1); } ul.pages li:nth-child(4n + 3) .item a { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(-1); transform: translateZ(1px) scaleX(-1) scaleY(-1); } ul.pages .item { padding: 0.46875rem 0.9375rem; border-image: url(/assets/images/shapes/box.svg) 0 fill stretch; } ul.pages .item:hover { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } ul.pages .item:hover h5, ul.pages .item:hover .h5, ul.pages .item:hover .h5, ul.pages .item:hover div { opacity: 0.7; } ul.articles li .img:after { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(-1); transform: translateZ(1px) scaleX(-1) scaleY(-1); } ul.articles li:nth-child(2n + 1) .img:after { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(-1); transform: translateZ(1px) scaleX(-1) scaleY(-1); } ul.articles li:nth-child(3n + 1) .img:after { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(-1); transform: translateZ(1px) scaleX(-1) scaleY(-1); } ul.articles li:nth-child(4n + 1) .img:after { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(-1); transform: translateZ(1px) scaleX(-1) scaleY(-1); } .no-touch ul.articles a img { -webkit-filter: brightness(1) saturate(1) contrast(1); filter: brightness(1) saturate(1) contrast(1); transition: -webkit-filter 450ms; transition: filter 450ms; transition: filter 450ms, -webkit-filter 450ms; } .no-touch ul.articles a:hover img { -webkit-filter: brightness(0.8) saturate(1.1) contrast(1.15); filter: brightness(0.8) saturate(1.1) contrast(1.15); } ul.articles li { height: auto; } ul.articles li .img { border: 1px solid #ffffff; border-radius: 10px; max-height: 210px; } ul.articles li .img:after { border: none; } ul.articles [data-trigger="sign-in"] .button, ul.articles [data-trigger="sign-in"] .filePicker, ul.articles [data-trigger="sign-in"] a.join-now, ul.articles [data-trigger="sign-in"] input[type="submit"], ul.articles [data-trigger="sign-in"] input[type="button"], ul.articles [data-trigger="sign-in"] input[type="reset"], ul.articles [data-trigger="sign-in"] a.submit-down, ul.articles [data-trigger="sign-in"] a.submit-right, ul.articles [data-trigger="sign-in"] button.submit-right, ul.articles [data-trigger="sign-in"] .create-post__btn-publish, ul.articles [data-trigger="sign-in"] .create-post__btn-cancel, ul.articles [data-trigger="sign-in"] .create-post__btn-done { display: inherit; } ul.articles [data-trigger="sign-in"] .category { padding-right: 24px; } ul.articles [data-trigger="sign-in"] .category:before { display: block; position: absolute; top: -4px; right: 0; content: "\EA82"; color: black; font-size: 1.3rem; } ul.articles .img img { width: calc(100% - 1px); } .no-touch ul.articles a:hover h5, .no-touch ul.articles a:hover .h5 { color: #562483; } .no-touch ul.articles a:hover .img img { -webkit-transform: scale(1.05) rotate(-1deg); transform: scale(1.05) rotate(-1deg); } ul.articles h5, ul.articles .h5 { margin-top: 0.875rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 30px; } ul.articles .img { width: 100%; } ul.articles .preamble { position: relative; height: 2.8125rem; overflow: hidden; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } ul.articles .preamble:after { content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 7.5rem; height: 1.375rem; background-color: rgba(255, 255, 255, 0); background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white); } ul.articles .preamble, ul.articles p { font-size: 16px; line-height: 22px; } ul.articles p:only-child, ul.articles p:last-child { margin-bottom: 0; } ul.articles .inner { position: relative; } ul.articles .inner a { -webkit-transform: translateZ(0); position: relative; display: block; height: 100%; } ul.articles .extra { position: relative; margin-top: 0.375rem; } ul.articles .category { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; line-height: 20px; color: #562483; font-weight: bold; } .stage { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } .article-filter, .article-header { margin-top: 0.9375rem; } .article-filter a, .article-header a { display: inline-block; max-width: 100%; } .article-filter h2, .article-header h2, .article-filter .h2, .article-header .h2 { display: inline-block; padding: 0.9375rem 0; margin: 0; max-width: 100%; position: relative; } .article-filter h2:before, .article-header h2:before, .article-filter .h2:before, .article-header .h2:before, .article-filter h2:after, .article-header h2:after, .article-filter .h2:after, .article-header .h2:after { display: block; position: absolute; } .article-filter h2:before, .article-header h2:before, .article-filter .h2:before, .article-header .h2:before { top: 0.875rem; left: 0; } .article-filter h2:after, .article-header h2:after, .article-filter .h2:after, .article-header .h2:after { font-size: 16px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } .article-filter h2.trying:before, .article-header h2.trying:before, .article-filter .trying.h2:before, .article-header .trying.h2:before { content: "\EAA2"; font-size: 2.5rem; color: #562483; } .article-filter h2.pregnant:before, .article-header h2.pregnant:before, .article-filter .pregnant.h2:before, .article-header .pregnant.h2:before { content: "\EAA0"; font-size: 2.5rem; color: #562483; } .article-filter h2.baby:before, .article-header h2.baby:before, .article-filter .baby.h2:before, .article-header .baby.h2:before { content: "\EA9F"; font-size: 2.5rem; color: #562483; } .article-filter h2.toddler:before, .article-header h2.toddler:before, .article-filter .toddler.h2:before, .article-header .toddler.h2:before { content: "\EAA1"; font-size: 2.5rem; color: #562483; position: absolute; right: 18%; top: 19px; content: " "; display: inline-block; height: 45px; width: 45px; background-size: contain; background-repeat: no-repeat; background-image: url(/assets/images/font-svg/toddler_icon.svg); } .article-filter h2 span, .article-header h2 span, .article-filter .h2 span, .article-header .h2 span { display: block; margin-right: 2rem; } .article-filter h2.trying span, .article-header h2.trying span, .article-filter .trying.h2 span, .article-header .trying.h2 span, .article-filter h2.pregnant span, .article-header h2.pregnant span, .article-filter .pregnant.h2 span, .article-header .pregnant.h2 span, .article-filter h2.baby span, .article-header h2.baby span, .article-filter .baby.h2 span, .article-header .baby.h2 span, .article-filter h2.toddler span, .article-header h2.toddler span, .article-filter .toddler.h2 span, .article-header .toddler.h2 span { margin-left: 3.125rem; } .article-filter a.on h2:after, .article-header a.on h2:after, .article-filter a.on .h2:after, .article-header a.on .h2:after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .article-header h2:after, .article-header .h2:after { display: none; } .article-header h2 span, .article-header .h2 span { margin-right: 0; font-size: 28px; line-height: 30px; } .calendar-container { border-width: 15px; border-left-width: 0; border-right-width: 0; padding-top: 1.875rem; padding-bottom: 1.875rem; } .calendar-container h3, .calendar-container .h3, .calendar-container .product-info h1, .product-info .calendar-container h1, .calendar-container .product-info .h1, .product-info .calendar-container .h1 { color: #fff; text-align: center; margin-bottom: 1.875rem; } .calendar-container .gbrw-hscroll-container::after { opacity: 0 !important; } .calendar-sections { position: relative; margin-left: -0.9375rem; margin-top: 0.9375rem; } .calendar-sections:before { display: block; } .calendar-sections div { width: 33.333%; float: left; } .calendar-sections a { display: block; height: 100%; min-width: 0; padding: 0.46875rem 0.46875rem; margin-left: 0.9375rem; font-size: 18px; font-size: 1.125rem; text-align: center; } .calendar-sections a span { display: block; } .gbrw-hscroll.calendar { position: relative; width: auto; } .no-touch .gbrw-hscroll.calendar a img { -webkit-filter: brightness(1) saturate(1) contrast(1); filter: brightness(1) saturate(1) contrast(1); transition: -webkit-filter 450ms; transition: filter 450ms; transition: filter 450ms, -webkit-filter 450ms; } .no-touch .gbrw-hscroll.calendar a:hover img { -webkit-filter: brightness(0.8) saturate(1.1) contrast(1.15); filter: brightness(0.8) saturate(1.1) contrast(1.15); } .gbrw-hscroll.calendar li { vertical-align: top; margin-top: 0.9375rem; text-align: center; } .gbrw-hscroll.calendar li:last-child .item { margin-right: 0; } .gbrw-hscroll.calendar .item { width: 10rem; margin-left: 0; margin-right: 1.875rem; } .gbrw-hscroll.calendar img { -webkit-transform: translateZ(1px); transform: translateZ(1px); } .gbrw-hscroll.calendar .img { display: block; position: relative; } .gbrw-hscroll.calendar .period-sign-small { position: absolute; top: -0.375rem; right: -0.375rem; -webkit-transform: skew(-5deg) translateZ(2px); transform: skew(-5deg) translateZ(2px); z-index: 3; } .gbrw-hscroll.calendar a { display: block; color: #000; } .no-touch .gbrw-hscroll.calendar ul { white-space: normal; display: block; } .no-touch .gbrw-hscroll.calendar li { margin-right: 0; } .no-touch .gbrw-hscroll.calendar li .item { margin-right: 0; } .ios .gbrw-hscroll.calendar .period { -webkit-transform: translateZ(0px); transform: translateZ(0px); } .stages { text-align: center; } .point-shop-welcome { padding: 1.875rem 0; } .point-shop-welcome .header { text-align: center; } .point-shop-welcome .coin-container { margin-bottom: 0.9375rem; } .point-shop-welcome.no-points .coin-container { display: none; } .point-shop-welcome .club-coin, .point-shop-welcome .club-bonus { margin-left: auto; margin-right: auto; float: none !important; } .point-arrow:before { content: "\EA68"; font-size: 4rem; } .points .tb { width: auto; margin: 0 auto; } .points-register-button a.register { width: 100%; height: auto; padding-top: 0.4375rem; padding-bottom: 0.4375rem; position: relative; display: block; float: left; margin-left: -0.125rem; margin-top: -0.125rem; color: #fff; padding: 0.625rem 0.75rem; line-height: 21px; line-height: 1.3125rem; } .points-register-button .points { float: left; width: 100%; position: relative; text-align: center; } .points-register-button .points .tb { border-spacing: 1rem 0px; } .points-register-button .points .tc a.register { padding: 20px; margin: 0; } .points-register-button .points .tc.point-box, .points-register-button .points .tc.campaign-point-box { letter-spacing: 0.0625rem; background: #8867ad; text-transform: uppercase; padding: 0.625rem 1.25rem; font-size: 14px; font-size: 0.875rem; margin-right: 1.25rem; } .points-register-button .points .tc.point-box div:first-child, .points-register-button .points .tc.campaign-point-box div:first-child { line-height: 1; margin-bottom: 0.3125rem; } .points-register-button .points .tc.point-box .num, .points-register-button .points .tc.campaign-point-box .num { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .points-register-button .points .num { font-size: 24px; font-size: 1.5rem; } .point-shop-top { background-color: #562483; color: #fff; } .point-shop-top .row { position: relative; padding: 1.875rem 0; } .point-shop-top .column { height: 100%; } .point-shop-top .text { left: 0; padding-top: 0; padding-bottom: 0; } .point-shop-top .heading { text-align: center; } .point-shop-top h2, .point-shop-top .h2 { margin: 0; margin-bottom: 0.9375rem; color: #fff; } .point-shop-top .club-bonus .text { color: #fff; } .point-shop-top .club-coin-progress-container { text-align: center; } .point-shop-top.no-membership { padding: 2rem 0; } .point-shop-top.no-membership .row { padding: 0; } .point-shop-top.no-membership h2, .point-shop-top.no-membership .h2 { margin-bottom: 0; } .point-shop-top.no-membership .text { width: 100%; text-align: center; } .point-shop-top.no-membership .coins { display: none; } .point-shop-row { padding: 1.875rem 0; } .point-shop-row .text, .point-shop-row .action { margin-left: auto; margin-right: auto; float: none !important; } .point-shop-row .text { width: 83.33333%; text-align: center; } .point-shop-row .action { width: 83.33333%; } .point-shop-row.no-points { display: none; } .point-shop-row.no-points + .separator-2 { display: none; } .no-touch .points-register-button a.register:hover { color: #fff; } .no-campaign .campaign-point-box { display: none; } ul.products { padding: 1.875rem 0; } ul.products li { height: auto; } ul.products li .item { height: 199px; } ul.products .item a { display: block; } ul.products .item:after { pointer-events: none; } ul.products .img { position: relative; } ul.products .img img { width: 100%; } ul.products .item:hover .img { -webkit-transform: scale(1.1); } ul.products .product-label-container { position: absolute; z-index: 9; top: 0; width: 100%; } ul.products .gold, ul.products .campaign, ul.products .out-of-stock { color: #fff; font-size: 16px; font-size: 1rem; padding: 0.125rem 0.375rem; text-align: center; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 14px; } ul.products .gold { background-color: #ba9748; } ul.products .campaign { background-color: #562483; } ul.products .out-of-stock { background-color: #ba1382; } ul.products .points { font-size: 15px; position: absolute; bottom: 0px; right: 15px; max-width: 80px; padding: 1.25rem 0.9375rem 0.9375rem 0.9375rem; text-align: center; border-image: url(/assets/images/shapes/products-new-badge.svg) 0 fill stretch; -webkit-transform: rotate(177deg); transform: rotate(177deg); z-index: 1; } ul.products .points:hover { padding: 1.5625rem 0.9375rem 0.9375rem 0.9375rem; } ul.products .points a { -webkit-transform: rotate(180deg); transform: rotate(180deg); } ul.products .points.disabled span { opacity: 0.4; } ul.products .points span:before { content: "\EA6E"; font-size: 2rem; color: white; } ul.products .title a { position: absolute; bottom: -20px; left: -50px; z-index: 1; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); width: calc(100% + 100px); padding: 15px 160px 40px 70px; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; border-image: url(/assets/images/shapes/promo-info.svg) 0 fill stretch; } .ff ul.products .title a { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } ul.products .points a[data-toggle-panel] { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; display: inline-block; color: #fff; padding-top: 0.0625rem; font-size: 15px; line-height: 16px; } .ff ul.products .points { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .no-touch ul.products li .img { z-index: 0; } .no-touch ul.products li .points { z-index: 1; } .no-touch ul.products li a:hover .img { -webkit-transform: scale(1.05); transform: scale(1.05); } .no-touch ul.products li a:hover .points { -webkit-transform: scale(1); transform: scale(1); background-color: #8867ad; z-index: 1; } .club-coin-progress-container { text-align: right; } .club-coin, .club-bonus { display: table; float: left; text-align: center; } .club-coin .logo, .club-bonus .logo { display: block; width: 100%; height: 100%; padding-top: 1.4375rem; padding-right: 0.25rem; } .club-coin .logo:after, .club-bonus .logo:after { content: ""; } .club-coin .coin-text, .club-bonus .coin-text { display: table-cell; vertical-align: middle; padding: 0 0.8125rem; color: #fff; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; font-size: 0.875rem; line-height: 17px; line-height: 1.0625rem; text-shadow: 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.8); } .club-coin.type-1, .type-1.club-bonus { display: table; } .club-coin.type-2, .type-2.club-bonus { display: table; } .club-coin.type-3, .type-3.club-bonus { display: table; } .club-bonus { height: 6rem; width: 6rem; } .club-bonus .text { padding: 0; text-shadow: none; color: #000; } .club-bonus .text span { font-size: 18px; font-size: 1.125rem; } .club-coin-progress { display: inline-block; } .club-coin-progress .next { float: left; padding: 0 0.9375rem; padding-top: 1.6875rem; } .club-coin-progress .arrow { content: "\EA68"; font-size: 4rem; } .sprite-icon-coin-arrow, .sprite-icon-coin-arrow-white { line-height: 0; background-image: none !important; } .sprite-icon-coin-arrow:before, .sprite-icon-coin-arrow-white:before { content: "\EA68"; font-size: 3rem; } .point-shop-product-info { position: relative; } .point-shop-product-info h3, .point-shop-product-info .h3, .point-shop-product-info .product-info h1, .product-info .point-shop-product-info h1, .point-shop-product-info .product-info .h1, .product-info .point-shop-product-info .h1, .point-shop-product-info h4, .point-shop-product-info .h4 { padding-top: 0; margin-top: 0; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .point-shop-product-info .highlight { color: white; padding: 0 10px; display: inline-block; } .point-shop-product-info .img { display: inline-block; text-align: right; max-width: 100%; } .point-shop-product-info .text { max-width: 760px; } .point-shop-product-info img { display: inline-block; } .point-shop-product-info a.close { position: absolute; top: 0; right: 1.875rem; } .point-shop-product-info a.close:before { content: ""; content: "\EA74"; font-size: 2rem; color: white; } .point-shop-product-info a.close:hover:before { opacity: 0.8; } h3.order-heading, .order-heading.h3, .product-info h1.order-heading, .product-info .order-heading.h1 { margin-bottom: 2rem; } div.order-items .item { border-image: url(/assets/images/shapes/cart-row.svg) 0 fill stretch; margin-bottom: 0.9375rem; padding: 5px 0; } div.order-items .packshot { width: 25%; } div.order-items .packshot .img { margin-left: 10px; position: relative; } div.order-items .packshot .img img { max-width: 100%; width: 100%; height: auto; } div.order-items .title { width: 58.33333%; } div.order-items .title span { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; margin-right: 5px; } div.order-items .amount { width: 16.66667%; text-align: right; font-size: 1.5rem; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; padding-right: 20px !important; } div.order-items .total { position: relative; padding: 1.875rem 0; } div.order-items .total .title { position: absolute; right: 45px; top: 5px; font-size: 14px; text-align: right; z-index: 2; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: white; z-index: 3; } div.order-items .total .amount { width: 135px; position: absolute; right: 0; padding: 2.8125rem 0 0.9375rem 0 !important; text-align: center; color: white; font-size: 26px; top: -20px; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); z-index: 2; } div.order-items .total .amount:after { content: ""; position: absolute; top: 0; right: 0; z-index: -1; border-image: url(/assets/images/brushes/brushes_blue_3.png) 0 fill stretch; width: 130px; height: 90px; display: block; top: 5px; } div.order-items.point-shop-products .packshot .img:after { background-color: #9d81bb; } div.order-items.campaign-products .packshot .img:after { background-color: #d631aa; } .page-photobook-milestone #inner { min-height: 100vh; } body.pop-in #content, body.pop-in .popin-close, body.pop-in #header, body.pop-in #top-campaign, body.pop-in #cookieMessage { transition: all 400ms ease-out; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); backface-visibility: hidden; } body.pop-in-page #content { padding-top: 1.875rem; } body.pop-in-page #content .breadcrumbs-c { margin-top: 1.875rem; } body.pop-in-on #content, body.pop-in-on .popin-close, body.pop-in-on #header, body.pop-in-on #top-campaign, body.pop-in-on #cookieMessage { transition: all 400ms ease-out; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); backface-visibility: hidden; } body.pop-out-on #content, body.pop-out-on .popin-close, body.pop-out-on #header, body.pop-out-on #top-campaign, body.pop-out-on #cookieMessage { transition: all 400ms ease-out; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); backface-visibility: hidden; } .member-number { text-align: right; color: #fff; } .member-number > span { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); padding: 0.9375rem 1.875rem; display: inline-block; width: 100%; text-align: left; border-image: url(/assets/images/brushes/brushes_blue_2_2.png) 0 fill stretch; } .member-number > span span { margin-left: 0.3125rem; font-size: 20px; font-size: 1.25rem; -webkit-transform: rotate(4deg); transform: rotate(4deg); display: inline-block; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .sign-up-header .column:last-child, .sign-up-submit .column:last-child { text-align: center; margin-bottom: 0.9375rem; } .sign-up-header img, .sign-up-submit img { max-width: 10.625rem; } .sign-up-submit a, .sign-up-submit input { width: 100%; } .sign-up-submit img { max-height: 3.75rem; margin-top: 1.875rem; } form .filePicker { width: 100%; padding-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; position: relative; text-align: left; margin-bottom: 0.9375rem; } form .filePicker > div { margin: 10px; } form .filePicker .filename, form .filePicker .choose { padding: 0.375rem; } form .filePicker .filename { float: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 0.75rem; color: #fff; width: 50%; } form .filePicker .choose { position: relative; float: left; background-color: #fff; color: #000; width: 50%; padding-right: 1.875rem; } form .filePicker .choose:before { content: ""; display: block; content: "\EA64"; font-size: 1rem; position: absolute; top: 0.5rem; right: 0.5rem; } form .filePicker input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .add-profile-image .img-preview { text-align: center; padding: 0.9375rem; margin-bottom: 0.9375rem; border-image: url(/assets/images/shapes/image-preview.svg) 0 fill stretch; } .add-profile-image .img-container { position: relative; width: 50%; display: inline-block; } .add-profile-image .img-container:after { pointer-events: none; } .add-profile-image .remove { display: block; height: 2.25rem; line-height: 2.25rem; color: #fff; position: absolute; top: 0.3125rem; right: 0.3125rem; } .add-profile-image .remove:hover { color: #fff; } .add-profile-image .remove:before { content: ""; content: "\EA74"; color: #ba1382; font-size: 2rem; display: block; width: 2.25rem; height: 2.25rem; float: left; } .add-profile-image .img { padding-bottom: 0.9375rem; margin-bottom: 0.9375rem; } .add-profile-image img { max-width: 100%; } .add-profile-image .terms, .add-profile-image .terms p { font-size: 12px; font-size: 0.75rem; } .stage-accordion .children { margin-bottom: 0.9375rem; } .stage-accordion a.add-remove.add, .stage-accordion a.add-remove.remove, .stage-accordion a.add-remove.filter, .stage-accordion a.add-remove.remove { height: auto; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; font-size: 1rem; line-height: normal; margin-top: 0.375rem; } .stage-accordion div.names a { display: inline-block; padding-top: 0.1875rem; padding-bottom: 0.1875rem; padding-right: 0.9375rem; } .stage-accordion .children .head h5, .stage-accordion .children .head .h5, .stage-accordion .children .head .h5, .stage-accordion div.remove h5, .stage-accordion div.remove .h5, .stage-accordion div.remove .h5 { float: left; width: 50%; } .stage-accordion .children .head a, .stage-accordion div.remove a { float: right; } h1.points-display span, .points-display.h1 span, .h1.points-display span { display: inline-block; padding: 0.3125rem 0.625rem 0.3125rem 0.5rem; margin-top: 0.5rem; float: right; background-color: #451c68; color: #fff; line-height: normal; font-size: 20px; font-size: 1.25rem; } .gbrw-grid.profile { padding-bottom: 1.875rem; } .gbrw-grid.profile li { height: auto; } .no-touch .gbrw-grid.profile li:hover > a { opacity: 0.8; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } .no-touch .gbrw-grid.profile li a:hover span.text, .no-touch .gbrw-grid.profile li a:hover span.address { opacity: 0.8; } .gbrw-grid.profile li:nth-child(4n) .item { -webkit-transform: translateZ(1px) scaleX(1) scaleY(1); transform: translateZ(1px) scaleX(1) scaleY(1); } .gbrw-grid.profile li:nth-child(4n) .item a { -webkit-transform: translateZ(1px) scaleX(1) scaleY(1); transform: translateZ(1px) scaleX(1) scaleY(1); } .gbrw-grid.profile li:nth-child(4n+1) .item { -webkit-transform: translateZ(1px) scaleX(1) scaleY(-1); transform: translateZ(1px) scaleX(1) scaleY(-1); } .gbrw-grid.profile li:nth-child(4n+1) .item a { -webkit-transform: translateZ(1px) scaleX(1) scaleY(-1); transform: translateZ(1px) scaleX(1) scaleY(-1); } .gbrw-grid.profile li:nth-child(4n+2) .item { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(1); transform: translateZ(1px) scaleX(-1) scaleY(1); } .gbrw-grid.profile li:nth-child(4n+2) .item a { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(1); transform: translateZ(1px) scaleX(-1) scaleY(1); } .gbrw-grid.profile li:nth-child(4n+3) .item { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(-1); transform: translateZ(1px) scaleX(-1) scaleY(-1); } .gbrw-grid.profile li:nth-child(4n+3) .item a { -webkit-transform: translateZ(1px) scaleX(-1) scaleY(-1); transform: translateZ(1px) scaleX(-1) scaleY(-1); } .gbrw-grid.profile a { padding: 0.9375rem; display: block; text-align: center; } .gbrw-grid.profile .item { height: 10.9375rem; position: relative; overflow: hidden; border-image: url(/assets/images/shapes/box.svg) 0 fill stretch; margin-bottom: -40px; } .gbrw-grid.profile .item a { height: 100%; position: relative; } .gbrw-grid.profile li > a { padding: 0; font-size: 18px; font-size: 1.125rem; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: white; position: relative; text-align: center; -webkit-transform: translate3d(0, 0, 1px); transform: translate3d(0, 0, 1px); } .gbrw-grid.profile span { display: inline-block; max-height: 100%; word-wrap: break-word; } .gbrw-grid.profile .address { width: 100%; text-align: center; font-size: 14px; font-size: 0.875rem; color: white; margin-top: 10px; } .gbrw-grid.profile .address span.address-line { width: 100%; max-width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gbrw-grid.profile .text { display: block; color: white; } .gbrw-grid.profile .avatar img { max-height: 6.25rem; margin-top: 15px; } .profile-trying, .profile-pregnant, .profile-baby, .profile-toddler { margin-top: 1.25rem; } .profile-trying:before, .profile-pregnant:before, .profile-baby:before, .profile-toddler:before { font-size: 4rem; color: white; } .profile-trying:before { content: "\EAA2"; } .profile-pregnant:before { content: "\EAA0"; } .profile-baby:before { content: "\EA9F"; } .profile-toddler:before { content: "\EAA1"; } .profile-padlock, .profile-convert-code, .profile-order-history, .profile-point-history, .profile-change-email, .profile-questionaire, .profile-subscriptions { margin-top: 2rem; } .profile-padlock:before, .profile-convert-code:before, .profile-order-history:before, .profile-point-history:before, .profile-change-email:before, .profile-questionaire:before, .profile-subscriptions:before { font-size: 4rem; color: white; } .profile-padlock:before { content: "\EA82"; } .profile-convert-code:before { content: "\EA91"; } .profile-order-history:before { content: "\EA6E"; } .profile-point-history:before { content: "\EA84"; } .profile-change-email { margin-top: 1.25rem; } .profile-change-email:before { content: "\EA77"; } .profile-questionaire:before { content: "\EA90"; } .profile-subscriptions:before { content: "\EAA4"; } .profile-points { display: block; position: absolute; right: 1.25rem; top: 1.25rem; border-image: url(/assets/images/shapes/info.svg) 0 fill stretch; padding: 0.1875rem 0.9375rem 0.1875rem 0.9375rem; font-size: 20px; font-size: 1.25rem; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; } .no-touch a:hover .profile-points { color: #fff; } .period-sign { background-color: #fff; display: inline-block; color: #562483; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; margin-bottom: 0.9375rem; margin-right: 0.9375rem; } .period-sign:only-child, .period-sign:last-child { margin-right: 0; } .period-sign .top { border: 2px solid #562483; border-bottom: 1px solid #562483; height: 12px; } .period-sign .top span { content: ""; display: block; width: 10px; height: 12px; border: 2px solid #562483; background-color: #fff; margin-top: -7px; } .period-sign .top span:first-child { float: left; margin-left: 10px; } .period-sign .top span:last-child { float: right; margin-right: 10px; } .period-sign .text { border: 2px solid #562483; border-top: 1px solid #562483; padding: 8px; padding-bottom: 6px; min-width: 66px; min-height: 47px; font-size: 32px; font-size: 2rem; text-align: center; } .period-sign-small { color: #fff; margin-bottom: 0; margin-right: 0; transition: box-shadow 0.2s ease; background-image: url(/assets/images/shapes/rd-calendar.svg); background-repeat: no-repeat; background-size: 100% 32px; } .period-sign-small .text { padding: 7px 9px; padding-bottom: 0; min-width: 38px; min-height: 32px; font-size: 18px; font-size: 1.125rem; text-align: center; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .stage-page { margin: 0 auto; max-width: 75rem; width: 100%; } .stage-page:before, .stage-page:after { content: " "; display: table; } .stage-page:after { clear: both; } .stage-page .info { margin: 0; max-width: 75rem; width: 100%; } .stage-page .info:before, .stage-page .info:after { content: " "; display: table; } .stage-page .info:after { clear: both; } .stage-page .outer { padding-left: 0; padding-right: 0; float: left; } .stage-page .body, .stage-page .side { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; float: none; } .stage-page .inner { border-radius: 0.375rem; margin-bottom: 0.9375rem; } .stage-page .side { display: none; padding-bottom: 0.9375rem; } .stage-page .inner { background-color: #f5f3f0; } .stage-page .periods { margin-bottom: 0; } .stage-page .content { padding: 0.9375rem; padding-top: 0; } .stage-page .inner-extra { margin-bottom: 0.9375rem; } .stage-page .inner.inner-extra .content { padding-top: 0.9375rem; } .stage-page .action { margin: 0.3125rem 0; width: 100%; } .stage-page div[data-toggle-id="you"], .stage-page div[data-toggle-id="common"] { display: none; } .stage-page .period-toggle { display: block; width: 100%; padding: 0.9375rem; color: #000; font-size: 22px; font-size: 1.375rem; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .stage-page .period-toggle span:first-child { display: block; float: left; } .stage-page .period-toggle span:last-child { content: ""; display: block; float: right; margin-top: 0.125rem; } .stage-page .s-hide { display: none; } .stage-page .img { width: 100%; } .stage-page .img img { max-height: 21.875rem; max-width: 100%; display: block; float: none; border-radius: 0.375rem; } .stage-page.article .content { padding-top: 0.9375rem; } .stage-page.article .preamble { margin-bottom: 0.9375rem; font-size: 20px; font-size: 1.25rem; line-height: 30px; line-height: 1.875rem; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .club-row { padding: 1.875rem 0; } .club-row .column > a { display: block; } .club-row .outer { padding: 0.9375rem 0; color: #000; } .club-row h2, .club-row .h2 { margin-top: 0; } .ff .club-row p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .club-row img { margin-bottom: 0.9375rem; } .club-row .action { text-align: center; } .club-row .button, .club-row .filePicker, .club-row a.join-now, .club-row input[type="submit"], .club-row input[type="button"], .club-row input[type="reset"], .club-row a.submit-down, .club-row a.submit-right, .club-row button.submit-right, .club-row .create-post__btn-publish, .club-row .create-post__btn-cancel, .club-row .create-post__btn-done { width: 100%; } .no-touch .club-about a img, .no-touch .club-advantages a img { -webkit-filter: brightness(1) saturate(1) contrast(1); filter: brightness(1) saturate(1) contrast(1); transition: -webkit-filter 450ms; transition: filter 450ms; transition: filter 450ms, -webkit-filter 450ms; } .no-touch .club-about a:hover img, .no-touch .club-advantages a:hover img { -webkit-filter: brightness(0.8) saturate(1.1) contrast(1.15); filter: brightness(0.8) saturate(1.1) contrast(1.15); } .club-about .column:not(.c-1).outer:hover h4, .club-advantages .column:not(.c-1).outer:hover h4, .club-about .column:not(.c-1).outer:hover .h4, .club-advantages .column:not(.c-1).outer:hover .h4 { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); color: #562483; } .club-about .item img, .club-advantages .item img { width: calc(100% + 2px); max-width: calc(100% + 2px); margin-left: -1px; margin-top: -1px; border: none; } .club-about span, .club-advantages span { display: block; line-height: normal; } .ff .club-about span, .ff .club-advantages span { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .club-about h4, .club-advantages h4, .club-about .h4, .club-advantages .h4 { padding-top: 0.4375rem; margin-bottom: 0.125rem; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 20px; } .club-about img, .club-advantages img { margin-bottom: 0; border: none; } .club-advantages { background-color: #562483; } .club-advantages h2, .club-advantages .h2, .club-advantages h4, .club-advantages .h4, .club-advantages span, .club-advantages .button, .club-advantages .filePicker, .club-advantages a.join-now, .club-advantages input[type="submit"], .club-advantages input[type="button"], .club-advantages input[type="reset"], .club-advantages a.submit-down, .club-advantages a.submit-right, .club-advantages button.submit-right, .club-advantages .create-post__btn-publish, .club-advantages .create-post__btn-cancel, .club-advantages .create-post__btn-done { color: #fff; } .club-advantages .item:before { display: none; } .club-advantages .action { padding-top: 1.875rem; } .no-touch .club-advantages a:hover * { color: #e6e6e6; } .club-pregnant { background-color: #9d81bb; } .club-pregnant h2, .club-pregnant .h2, .club-pregnant p, .club-pregnant div { color: #fff; } .club-remember .author { padding-top: 0.625rem; margin-bottom: 0.9375rem; } .club-remember .author img { vertical-align: bottom; margin-bottom: 0; margin-right: 0.9375rem; } .club-remember .author span { display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: normal; padding: 0.5rem 0; } .member-status { padding-top: 1.875rem; } .club-top.join-now { background-color: #ffffff; margin: 20px 0; /* Reset style */ /* */ } .club-top.join-now .homePage { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; color: #000000; font-size: 18px; line-height: 27px; } .club-top.join-now .productPage { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #562483; -webkit-transform: rotate(-1deg); transform: rotate(-1deg); font-size: 22px; line-height: 27px; } .club-top.join-now p { color: #000000; margin: 0; line-height: inherit; font-size: inherit; } .club-top.join-now .c-1 { display: inherit; text-align: center; } .club-top.join-now .c-2 { display: none; } .club-top.join-now .tb, .club-top.join-now .tc { display: block; } .club-top.join-now .column { position: static; float: none; } .club-top.join-now .logo img { width: 80%; max-width: 188px; position: relative; } .club-top.join-now .text { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .club-top.join-now .club-top-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #EEE9F1; border: 1px solid #EEE9F1; border-radius: 12px; width: 100%; } .club-top.second-visit { padding-top: 1.875rem; } .club-top.second-visit .c-1, .club-top.second-visit .c-2 { display: none; } .club-top.second-visit .club-coin .logo, .club-top.second-visit .club-bonus .logo { width: 100%; text-align: center; } .club-top.first-visit { background-color: #fff; color: #000; } .club-top.first-visit p { color: #000; } body.club #cookieMessage.showing-cookie-message { position: fixed; display: block; top: 66px; width: 100%; z-index: 11; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .search-row { margin: 0 auto; max-width: 75rem; width: 100%; margin-top: 1.875rem; } .search-row:before, .search-row:after { content: " "; display: table; } .search-row:after { clear: both; } .search-row form { margin-bottom: 0; } .search-filters { margin-top: 0.625rem; margin-bottom: 0; } .search-filters:after { margin-top: 0.9375rem; } .search-filters a.button, .search-filters a.filePicker, .search-filters a.join-now, .search-filters a.submit-down, .search-filters a.submit-right, .search-filters button.submit-right, .search-filters a.create-post__btn-publish, .search-filters a.create-post__btn-cancel, .search-filters a.create-post__btn-done { margin-bottom: 0.9375rem; } .search-filters a.button, .search-filters a.filePicker, .search-filters a.join-now, .search-filters a.submit-down, .search-filters a.submit-right, .search-filters button.submit-right, .search-filters a.create-post__btn-publish, .search-filters a.create-post__btn-cancel, .search-filters a.create-post__btn-done { width: 100%; margin-bottom: 0.9375rem; } .search-results h2, .search-results .h2 { margin-top: 1.875rem; } .search-results .result-info { margin-top: -5px; margin-bottom: 1.875rem; } .search-results .result-info span { color: #9d81bb; } .search-results div.load-more .columns { padding-bottom: 2.8125rem; } .page-search .search-results { margin-bottom: 0 !important; } .search-container { position: relative; } .search-container span:before { content: "\EA98"; font-size: 1.3rem; color: #562483; display: block; position: absolute; left: 0.625rem; top: 0.5625rem; } .search-container .clear-search { display: block; position: absolute; top: -0.1875rem; right: -0.1875rem; width: 2.75rem; height: 2.75rem; padding-top: 0.6875rem; text-align: center; } .search-container .clear-search:before { content: "\EA73"; font-size: 0.8rem; color: #562483; } .search-container input { padding-left: 2.3125rem; padding-right: 2.625rem; background-color: transparent; line-height: 1.4; height: 40px; } .libero-com-sites { padding: 1.875rem 0; background-color: #562483; color: #fff; } .libero-com-sites h1, .libero-com-sites .h1, .libero-com-sites .h1 { color: #fff; margin-bottom: 1.25rem; text-align: center; } .libero-com-sites .site-country { margin: 0.625rem 0; width: 50%; } .libero-com-sites .site-country a { text-align: left; } .libero-com-sites .site-country a img { width: 24px; height: 18px; margin-right: 5px; display: inline-block; vertical-align: text-top; } .libero-com-sites .button, .libero-com-sites .filePicker, .libero-com-sites a.join-now, .libero-com-sites input[type="submit"], .libero-com-sites input[type="button"], .libero-com-sites input[type="reset"], .libero-com-sites a.submit-down, .libero-com-sites a.submit-right, .libero-com-sites button.submit-right, .libero-com-sites .create-post__btn-publish, .libero-com-sites .create-post__btn-cancel, .libero-com-sites .create-post__btn-done { padding: 0.625rem 1.25rem; } .libero-com-sites [class*="column"] + [class*="column"]:last-child { float: left; } .libero-com-sca { padding: 1.875rem 0 0; } .libero-com-sca .column.text, .libero-com-sca .column.sca-logo { text-align: center; } .libero-com-sca .column.sca-logo { position: relative; right: auto; display: block; margin-top: 40px; } .libero-com-sca a h3, .libero-com-sca a .h3, .libero-com-sca a .product-info h1, .product-info .libero-com-sca a h1, .libero-com-sca a .product-info .h1, .product-info .libero-com-sca a .h1 { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; } .libero-com-history-top { background-color: #fff; padding: 1.875rem 0; } .libero-com-history-row .row-heading { background-color: #562483; padding-top: 1.875rem; padding-bottom: 1.875rem; } .libero-com-history-row .row-heading h2, .libero-com-history-row .row-heading .h2, .libero-com-history-row .row-heading .h2 { color: #fff; } .libero-com-history-row .row-content .row { padding-top: 1.875rem; padding-bottom: 1.875rem; } .libero-com-history-row .row-content .column-image img { width: 100%; } .libero-com-history-row .history-year { color: #808080; } .sample-request { margin-top: 0.9375rem; margin-bottom: 0.9375rem; } .sample-request a { display: inline-block; } .sample-request .column.cancel { text-align: center; } .sample-request .column.continue { text-align: center; margin-bottom: 0.9375rem; } .sample-request .sample-type { margin-bottom: 0.9375rem; } .sample-request .sample-type input, .sample-request .sample-type a { width: 100%; } .sample-request .sample-type p { margin-top: 0.46875rem; margin-bottom: 0.46875rem; } .sample-request .sample-size { text-align: center; margin-bottom: 0.9375rem; } .sample-request .sample-size a { width: 100%; } .sample-request .sample-size img { max-width: 50%; } .sample-request .sample-size p { margin-bottom: 0.46875rem; } .sample-request .sample-size a { margin-top: 0.9375rem; } .sample-request .sample-size a.cancel, .sample-request .sample-size input.cancel { margin-top: 0; } .sample-request input[type="button"], .sample-request input[type="submit"], .sample-request a.button, .sample-request a.filePicker, .sample-request a.join-now, .sample-request a.submit-down, .sample-request a.submit-right, .sample-request button.submit-right, .sample-request a.create-post__btn-publish, .sample-request a.create-post__btn-cancel, .sample-request a.create-post__btn-done { width: 100%; } .sample-request .sample-popup .packshot { text-align: center; } .sample-request .sample-popup .packshot img { max-width: 80%; } .sample-request .delevery-details .actions input, .sample-request .delevery-details .actions a { margin-bottom: 0.9375rem; } .sample-request .delevery-details .actions .column:nth-child(2) { text-align: right; } .sample-request .delevery-details .checkbox-container { margin-top: 1.3125rem; } #intro-area.sample-request-text .bg { position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(255, 255, 255, 0.8); } #intro-area.sample-request-text h2, #intro-area.sample-request-text .h2 { margin: 0.9375rem 0; } body.sapphire #content { padding-top: 4.125rem; } .sapphire .popin-close { background-color: #bea14d; border-bottom: 1px solid #fff; } .sapphire a.submit-right, .sapphire button.submit-right, .sapphire a.submit, .sapphire a.button, .sapphire a.filePicker, .sapphire a.join-now, .sapphire a.submit-down, .sapphire a.submit-right, .sapphire button.submit-right, .sapphire a.create-post__btn-publish, .sapphire a.create-post__btn-cancel, .sapphire a.create-post__btn-done, .sapphire input[type="submit"], .sapphire input[type="button"] { background-color: #bea14d; box-shadow: 0 0.25rem 0 #8c7533; } .no-touch .sapphire a.submit-right:hover, .no-touch .sapphire button.submit-right:hover, .no-touch .sapphire a.submit:hover, .no-touch .sapphire a.button:hover, .no-touch .sapphire a.filePicker:hover, .no-touch .sapphire a.join-now:hover, .no-touch .sapphire a.submit-down:hover, .no-touch .sapphire a.submit-right:hover, .no-touch .sapphire button.submit-right:hover, .no-touch .sapphire a.create-post__btn-publish:hover, .no-touch .sapphire a.create-post__btn-cancel:hover, .no-touch .sapphire a.create-post__btn-done:hover, .no-touch .sapphire input[type="submit"]:hover, .no-touch .sapphire input[type="button"]:hover { background-color: #8c7533; } .sapphire .product-range-separator { background-color: #bea14d; } .babybuzz a.submit-right, .babybuzz a.submit, .babybuzz a.button, .babybuzz a.filePicker, .babybuzz a.join-now, .babybuzz a.submit-down, .babybuzz button.submit-right, .babybuzz a.create-post__btn-publish, .babybuzz a.create-post__btn-cancel, .babybuzz a.create-post__btn-done, .babybuzz input[type=submit], .babybuzz input[type=button] { background-color: #4D2B78; box-shadow: 0 0 #4D2B78; } .no-touch .babybuzz a.submit-right:hover, .babybuzz .no-touch a.submit-right:hover, .no-touch .babybuzz a.submit:hover, .babybuzz .no-touch a.submit:hover, .no-touch .babybuzz a.button:hover, .babybuzz .no-touch a.button:hover, .no-touch .babybuzz a.filePicker:hover, .babybuzz .no-touch a.filePicker:hover, .no-touch .babybuzz a.join-now:hover, .babybuzz .no-touch a.join-now:hover, .no-touch .babybuzz a.submit-down:hover, .babybuzz .no-touch a.submit-down:hover, .no-touch .babybuzz button.submit-right:hover, .babybuzz .no-touch button.submit-right:hover, .no-touch .babybuzz a.create-post__btn-publish:hover, .babybuzz .no-touch a.create-post__btn-publish:hover, .no-touch .babybuzz a.create-post__btn-cancel:hover, .babybuzz .no-touch a.create-post__btn-cancel:hover, .no-touch .babybuzz a.create-post__btn-done:hover, .babybuzz .no-touch a.create-post__btn-done:hover, .no-touch .babybuzz input:hover[type=submit], .babybuzz .no-touch input:hover[type=submit], .no-touch .babybuzz input:hover[type=button], .babybuzz .no-touch input:hover[type=button] { background-color: #4D2B78; } .babybuzz .popin-close { background-color: #fff; border-bottom: 1px solid #fff; } .babybuzz .popin-close a { background-position: -160px -136px; width: 38px; height: 38px; } .babybuzz a.babybuzzanchor, .babybuzz a.babybuzzanchor:hover, .babybuzz a.babybuzzanchor:focus { color: #FC7978; line-height: inherit; text-decoration: none; } .babybuzz .product-range-separator { background-color: #4D2B78; } .contact-form-validation-summary-errors { margin: 0 0 15px; } .contact-form-validation-summary-errors .field-validation-error { display: block; margin: 0 0 5px; } .sign-up__grid .sign-up__item-content, .sign-up__form { border-style: solid; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22709%22%20height%3D%22894%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M0%20886l1-11.77%202.608-341.407L.345%20347.258l1.991-8.267L0%202.89%2030.124%200l282.35%206.865L415.962%200H665.57L700%206.865l.668%20221.08-2.05%208.2.441%20336.611-2.031%206.023%203.01%20197.205-3.038%209.744L700%20886l-256.21-2.98-45.302%202.98-292.436-1.987z%22%2F%3E%3Cfilter%20x%3D%22-.9%25%22%20y%3D%22-.5%25%22%20width%3D%22102.1%25%22%20height%3D%22101.7%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%223%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%283%201%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 4 fill stretch; } .sign-up__stage-selection li label:after, .sign-up__terms .sign-up__checkbox-container label:after, [data-am-label][data-am-label~="checkbox"]:after, .gpdr--sign-up .gdpr__label:after, .gdpr--subscriptions .gdpr__label:after { transition: opacity 300ms, -webkit-transform 250ms; transition: opacity 300ms, transform 250ms; transition: opacity 300ms, transform 250ms, -webkit-transform 250ms; } .sign-up { background-color: #ececeb; } .sign-up .form-column { padding: 0; } .sign-up h3, .sign-up .h3, .sign-up .product-info h1, .product-info .sign-up h1, .sign-up .product-info .h1, .product-info .sign-up .h1, .sign-up h4, .sign-up .h4 { text-transform: uppercase; } .sign-up__top { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .sign-up__top .sign-up__item { padding: 0 0.9375rem; } .sign-up__top .sign-up__item:nth-child(2) { display: none; } .sign-up__top > div { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; } .sign-up__top .sign-up__header { background: url(/assets/images/brushes/brushes_purple_2.png); background-size: 100% 100%; height: 100%; padding: 40px; padding-top: 40px; padding-bottom: 60px; -webkit-transform: rotate(5deg); transform: rotate(5deg); text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } .sign-up__top .sign-up__header h3, .sign-up__top .sign-up__header .h3, .sign-up__top .sign-up__header .product-info h1, .product-info .sign-up__top .sign-up__header h1, .sign-up__top .sign-up__header .product-info .h1, .product-info .sign-up__top .sign-up__header .h1, .sign-up__top .sign-up__header p { color: #ffffff; } .sign-up__top .sign-up__header h3, .sign-up__top .sign-up__header .h3, .sign-up__top .sign-up__header .product-info h1, .product-info .sign-up__top .sign-up__header h1, .sign-up__top .sign-up__header .product-info .h1, .product-info .sign-up__top .sign-up__header .h1 { -webkit-transform: rotate(-9deg); transform: rotate(-9deg); } .sign-up__top .sign-up__header p { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 18px; margin-bottom: 0; -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } .sign-up__top .sign-up__logo { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sign-up__grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .sign-up__grid .sign-up__item { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; } .sign-up__grid .sign-up__item-content { height: 100%; padding: 20px; padding-bottom: 39px; margin-left: 2px; text-align: center; } .sign-up__grid h4, .sign-up__grid .h4 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; margin-bottom: 14px; padding: 2px 20px; color: #562483; background-image: url(/assets/images/brushes/brushes_light_purple_sign-up.png); background-repeat: no-repeat; background-size: 100% 100%; } .sign-up__grid p { margin-bottom: 4px; } .sign-up__grid img { margin-bottom: 14px; display: inline-block; } .sign-up__grid ul.slick-dots { list-style: none; margin-left: 0; margin-bottom: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-top: -40px; } .sign-up__grid ul.slick-dots button { position: relative; border: none; outline: none; -webkit-appearance: none; width: 20px; height: 20px; background: none; padding: 0; } .sign-up__grid ul.slick-dots button:before, .sign-up__grid ul.slick-dots button:after { content: ''; display: block; position: absolute; border-radius: 100%; } .sign-up__grid ul.slick-dots button:before { top: 5px; left: 5px; width: 10px; height: 10px; background-color: #ececeb; box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4); } .sign-up__grid ul.slick-dots button:after { top: 4px; left: 4px; width: 12px; height: 12px; background-color: #9d81bb; opacity: 0; transition: opacity 350ms; } .sign-up__grid ul.slick-dots li { list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sign-up__grid ul.slick-dots li.slick-active button:after { opacity: 1; } .sign-up__form { padding: 20px; margin-left: 2px; margin-top: 0.9375rem; } .sign-up__form h3, .sign-up__form .h3, .sign-up__form .product-info h1, .product-info .sign-up__form h1, .sign-up__form .product-info .h1, .product-info .sign-up__form .h1 { color: #562483; margin-bottom: 1.875rem; } .sign-up__stage-selection { margin: 1.875rem 0; } .sign-up__stage-selection:before, .sign-up__stage-selection:after { content: ''; display: block; height: 10px; margin-bottom: 10px; background-repeat: no-repeat; background-size: cover; } .sign-up__stage-selection:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sign-up__stage-selection ul { display: block; list-style: none; margin: 0; } .sign-up__stage-selection li { display: block; position: relative; margin-bottom: 0.9375rem; } .sign-up__stage-selection input[type="radio"] { opacity: 0; position: absolute; } .sign-up__stage-selection li label { display: block; padding-left: 34px; margin-left: 0; margin-right: 0; margin-bottom: 0; min-height: 23px; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #562483; } .sign-up__stage-selection li label:before { display: block; position: absolute; top: 0; left: 0; content: ''; height: 23px; width: 23px; border-radius: 55% 77% 61% 80%; background: #f5f5f5; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); } .sign-up__stage-selection li label:after { opacity: 0; position: absolute; top: 5px; left: 5px; content: ''; height: 13px; width: 13px; border-radius: 55% 77% 61% 80%; background: #562483; -webkit-transform: scale3d(0.01, 0.01, 1); transform: scale3d(0.01, 0.01, 1); } .sign-up__stage-selection li div.content { opacity: 0; max-height: 0; transition: all 350ms; transition-timing-function: ease-in-out; -webkit-transform: translateZ(1px); transform: translateZ(1px); pointer-events: none; background-color: #fff; } .sign-up__stage-selection li div.content input[type="text"], .sign-up__stage-selection li div.content input[type="date"] { margin-bottom: 0; visibility: hidden; } .sign-up__stage-selection li input[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .sign-up__stage-selection li input[type="radio"]:checked ~ div.content { max-height: 200px; padding: 0.9375rem 0; opacity: 1; pointer-events: auto; } .sign-up__stage-selection li input[type="radio"]:checked ~ div.content input[type="text"], .sign-up__stage-selection li input[type="radio"]:checked ~ div.content input[type="date"] { visibility: visible; } .sign-up__date-input-container { position: relative; } .sign-up__date-input-container input { padding-right: 30px; height: 40px; } .sign-up__date-input-container:after { content: ''; content: "\EA6A"; display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 10px; right: 10px; font-size: 20px; color: #562483; pointer-events: none; } .sign-up__select-container { position: relative; } .sign-up__select-container select, .sign-up__select-container select:focus { padding-right: 30px; } .sign-up__select-container:after { content: ''; content: "\EA67"; display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 16px; right: 13px; font-size: 10px; color: #562483; pointer-events: none; } .sign-up__terms { margin-bottom: 1.875rem; } .sign-up__terms .sign-up__checkbox-container input[type="checkbox"] { opacity: 0; position: absolute; } .sign-up__terms .sign-up__checkbox-container label { display: block; position: relative; padding-left: 34px; margin-left: 0; margin-right: 0; margin-bottom: 0; min-height: 23px; font-size: 16px; line-height: 1.5; } .sign-up__terms .sign-up__checkbox-container label:before { display: block; position: absolute; top: 0; left: 0; content: ''; height: 23px; width: 23px; border-radius: 26% 30% 19% 25%; background: #f5f5f5; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); -webkit-transform: rotate(4deg); transform: rotate(4deg); } .sign-up__terms .sign-up__checkbox-container label:after { content: ''; content: "\EA70"; display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 4px; left: 3px; opacity: 0; -webkit-transform: scale3d(0.01, 0.01, 1); transform: scale3d(0.01, 0.01, 1); color: #562483; } .sign-up__terms .sign-up__checkbox-container input[type="checkbox"]:checked ~ label:after { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .sign-up__actions { margin-bottom: 1.875rem; height: 52px; } .sign-up__actions a.button, .sign-up__actions a.filePicker, .sign-up__actions a.join-now, .sign-up__actions a.submit-down, .sign-up__actions a.submit-right, .sign-up__actions button.submit-right, .sign-up__actions a.create-post__btn-publish, .sign-up__actions a.create-post__btn-cancel, .sign-up__actions a.create-post__btn-done { position: relative; z-index: 1; width: 100%; font-size: 18px; -webkit-transform: translateZ(1px); transform: translateZ(1px); transition: none; border-color: #fff; } .ie-11 .sign-up__actions a.button, .ie-11 .sign-up__actions a.filePicker, .ie-11 .sign-up__actions a.join-now, .ie-11 .sign-up__actions a.submit-down, .ie-11 .sign-up__actions a.submit-right, .ie-11 .sign-up__actions button.submit-right, .ie-11 .sign-up__actions a.create-post__btn-publish, .ie-11 .sign-up__actions a.create-post__btn-cancel, .ie-11 .sign-up__actions a.create-post__btn-done { background-color: #562483; border-image-slice: 16% fill; border-image-repeat: stretch; } .sign-up__footer { text-align: center; } .sign-up--confirm .sign-up__top { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .sign-up--confirm .sign-up__top > div { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; width: 100%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .sign-up--confirm .sign-up__form { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .sign-up--confirm .sign-up__form a, .sign-up--confirm .sign-up__form h6, .sign-up--confirm .sign-up__form .h6 { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; } .sign-up--confirm .sign-up__form > div { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; width: 100%; text-align: center; } .sign-up--confirm .sign-up__form > div ul { text-align: center; list-style-position: inside; margin-left: 0; } .sign-up--confirm .sign-up__form > div p:last-child, .sign-up--confirm .sign-up__form > div ul:last-child { margin-bottom: 0; } #ajaxOverlayError { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); cursor: pointer; z-index: 101; } #ajaxOverlayError.on { display: block; } #ajaxOverlayError .outer { display: table; width: 100%; height: 100%; vertical-align: middle; } #ajaxOverlayError .inner { display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; } #ajaxOverlayError span { position: relative; display: inline-block; padding: 1.25rem; border-image: url(/assets/images/shapes/bg-mask-small.svg) 0 fill stretch; font-size: 16px; font-size: 1rem; line-height: 20px; line-height: 1.25rem; width: 80%; } #ajaxOverlayError span:before { content: ""; content: "\EA74"; color: #ba1382; font-size: 2rem; display: block; position: absolute; top: -0.625rem; right: -0.625rem; background-color: #fff; border-radius: 2.125rem; width: 1.875rem; height: 1.875rem; } #topAjaxLoader { display: none; position: absolute; bottom: -28px; left: 0; width: 100%; height: 28px; } #topAjaxLoader .loader.type-1 { width: 100px; background-color: rgba(255, 255, 255, 0.85); margin-top: 0; margin-bottom: 0; display: block; border-radius: 0 0 0.375rem 0.375rem; box-shadow: 0 0.125rem 0.0625rem black; } #topAjaxLoader .loader.type-1 div { padding-top: 8px; padding-bottom: 8px; } #overlayAjaxLoader, #pageLoader { width: 100%; height: 100%; text-align: center; display: table; } #overlayAjaxLoader .content, #pageLoader .content { display: table-cell; vertical-align: middle; } #overlayAjaxLoader .content > span, #pageLoader .content > span { display: block; font-size: 14px; font-size: 0.875rem; } #overlayAjaxLoader .loader, #pageLoader .loader { display: block; } body .full-overlay.full-overlay-active { z-index: 11; } #pageLoader { position: fixed; top: 0; left: 0; display: none; z-index: 0; } body.pop-out-on #pageLoader { display: table; } .loader.type-1 { margin: 0.9375rem auto 0.9375rem; width: 100px; text-align: center; display: none; } .loader.type-1 span { width: 8px; height: 8px; background-color: #000; border-radius: 100%; display: inline-block; margin-left: 3px; margin-right: 3px; -webkit-animation: loader-type-1 1.4s infinite ease-in-out; animation: loader-type-1 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .loader.type-1 span:nth-child(1) { -webkit-animation-delay: -0.64s; animation-delay: -0.64s; } .loader.type-1 span:nth-child(2) { -webkit-animation-delay: -0.48s; animation-delay: -0.48s; } .loader.type-1 span:nth-child(3) { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader.type-1 span:nth-child(4) { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader.type-1.light span { background-color: #fff; } .spinner { border: 0.125rem solid rgba(0, 0, 0, 0.2); font-size: 1.125rem; width: 1.125rem; height: 1.125rem; border-radius: 0.5em; box-sizing: border-box; -webkit-animation: spin 0.7s linear infinite; animation: spin 0.7s linear infinite; border-top-color: #fff; } .categories.row { margin-left: 0; margin-right: 0; } .categories div { padding: 0.5rem; } .categories select { margin: 0; } .categories a { display: block; height: 1.375rem; line-height: 1.375rem; } .category-select:before { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .category-select:after { content: ""; display: block; height: 10px; width: 100%; } .category-select .columns.menus { width: calc(100% - 220px); min-width: 350px; } .category-select .columns.menus a { vertical-align: top; } .category-select .row { position: relative; } .category-select .action { float: right; } .category-select a { display: inline-block; margin-right: 1.5em; } .category-select h2, .category-select .h2 { margin: 0; padding-top: 0.9375rem; padding-bottom: 0.9375rem; display: inline-block; } .expander-panel { padding-top: 15px; color: #fff; position: relative; width: 100%; transition: border-width 350ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; } .expander-panel a, .expander-panel p, .expander-panel h1, .expander-panel .h1, .expander-panel h2, .expander-panel .h2, .expander-panel h3, .expander-panel .h3, .expander-panel .product-info h1, .product-info .expander-panel h1, .expander-panel .product-info .h1, .product-info .expander-panel .h1, .expander-panel h4, .expander-panel .h4, .expander-panel h5, .expander-panel .h5 { color: #fff; } .expander-panel.on { border-width: 15px; border-left-width: 0; border-right-width: 0; } .expander-panel.absolute { position: absolute; z-index: 12; left: 0; } .expander-panel .expander-panel-arrow { display: block; content: " "; position: absolute; top: -20px; left: 50%; width: 36px; height: 18px; transition: -webkit-transform 200ms ease-out; transition: transform 200ms ease-out; transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; -webkit-transform: scaleX(0); transform: scaleX(0); } .expander-panel .expander-panel-arrow.on { -webkit-transform: scaleX(1); transform: scaleX(1); } .expander-panel .expander-panel-arrow:before { display: block; content: " "; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 18px solid #9d81bb; } .expander-panel .expander-panel-arrow:after { display: block; content: " "; position: absolute; top: 30px; left: 30px; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 14px solid #9d81bb; } #intro-area { z-index: 0; background-color: #fff; } #intro-area:before { display: block; content: ""; height: 4.125rem; } #intro-area.at-top { margin-top: 0; } #intro-area.at-top #intro { padding-top: 4.125rem; } #intro-area.below-menu { margin-top: 4.125rem; } #intro-area img.fill-width { width: 100%; } #intro-area.intro { background-color: #fff; } #intro-area.intro p, #intro-area.intro h1, #intro-area.intro .h1, #intro-area.intro .h1 { color: #fff; } #intro-area.intro #intro { background-color: #562483; } #intro-area.intro #intro > .row:first-child { padding-top: 1.875rem; } #intro-area.intro #intro > .row:last-child { padding-bottom: 1.875rem; } #intro-area.intro h1, #intro-area.intro .h1, #intro-area.intro .h1 { margin-bottom: 0; } #intro-area.community-intro * { color: #fff; } #intro-area.community-intro #intro { background-color: #562483; } #intro-area.community-intro #intro > .row .columns { padding-top: 1.875rem; padding-bottom: 1.875rem; } #intro-area.your-stage h1, #intro-area.your-stage .h1, #intro-area.your-stage .h1, #intro-area.your-stage p { text-align: center; } #intro-area.your-stage .stage { background-color: #fff; padding-bottom: 0.9375rem; } #intro-area.your-stage a { margin-top: 0.9375rem; } #intro-area.image-intro { background-size: 100% auto; background-size: cover; background-position: top left; background-repeat: no-repeat; overflow: hidden; position: relative; } #intro-area.image-intro:before { content: ""; display: block; height: 0; padding-top: 64.28571%; } #intro-area.image-intro > #intro { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #intro-area.club .row, #intro-area.club .column, #intro-area.club .columns { height: 100%; } #intro-area.club .logo { content: ""; position: absolute; bottom: 0.9375rem; right: 0.9375rem; } #intro-area.club .logo img { -webkit-filter: drop-shadow(0 0 5px #fff); filter: drop-shadow(0 0 5px #fff); } #intro-area.error-code, #intro-area.error-code-static { padding-top: 0.9375rem; padding-bottom: 0.9375rem; margin-bottom: 0.9375rem; background-color: #562483; } #intro-area.error-code *, #intro-area.error-code-static * { color: #fff; } #intro-area.error-code h1, #intro-area.error-code-static h1, #intro-area.error-code .h1, #intro-area.error-code-static .h1, #intro-area.error-code .h1, #intro-area.error-code-static .h1 { font-size: 80px; font-size: 5rem; } #intro-area.error-code h1, #intro-area.error-code-static h1, #intro-area.error-code .h1, #intro-area.error-code-static .h1, #intro-area.error-code .h1, #intro-area.error-code-static .h1, #intro-area.error-code h2, #intro-area.error-code-static h2, #intro-area.error-code .h2, #intro-area.error-code-static .h2, #intro-area.error-code .h2, #intro-area.error-code-static .h2 { display: inline-block; margin: 0; padding: 0; } #intro-area.error-code-static { margin-top: 0; } #intro-area.carousel-intro-area { transition: padding 0.1s ease-in-out; padding: 0; overflow: hidden; position: relative; } dl.accordion dd > a { display: inline-block; min-height: 50px; min-width: 121px; padding: 9px 30px 8px 30px; background: none; border-style: solid; border-width: 5px 5px 5px 5px; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23562483%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch; color: #ffffff; line-height: 19px; transition: all 250ms ease-out; color: #fff; min-height: 40px; font-size: 16px; font-size: 1rem; position: relative; display: block; width: 100%; padding: 0.3125rem 0.5rem; padding-right: 2.375rem; text-align: left; } .no-touch dl.accordion dd > a:hover { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23451c68%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch; background: none; color: #ffffff; } .no-touch dl.accordion dd > a:hover span { color: #ffffff; } dl.accordion dd > a:focus { color: #ffffff; } dl.accordion dd > a:before { content: "\EA64"; color: white; display: block; position: absolute; right: 0.5rem; top: 0.3125rem; } dl.accordion dd > a:hover { color: #fff; } dl.accordion dd > a.on { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%2334154f%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch; } dl.accordion dd > a.on:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } dl.accordion dd > .content { padding: 0.25rem; } dl.grouped-accordion form { margin: 0; } dl.grouped-accordion dd { margin-bottom: 0; } dl.grouped-accordion .content { border-left: 0.0625rem solid #562483; border-right: 0.0625rem solid #562483; border-bottom: 0.0625rem solid #562483; padding: 0.9375rem; margin: -0.125rem 0.25rem -0.125rem 0.125rem; } dl.grouped-accordion dd > a { display: inline-block; min-height: 50px; min-width: 121px; padding: 9px 30px 8px 30px; background: none; border-style: solid; border-width: 5px 5px 5px 5px; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23562483%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch; color: #ffffff; line-height: 19px; transition: all 250ms ease-out; position: relative; display: block; padding: 0.625rem 2.375rem 0.625rem 0.9375rem; } .no-touch dl.grouped-accordion dd > a:hover { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23451c68%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch; background: none; color: #ffffff; } .no-touch dl.grouped-accordion dd > a:hover span { color: #ffffff; } dl.grouped-accordion dd > a:focus { color: #ffffff; } dl.grouped-accordion dd > a.on, dl.grouped-accordion dd > a.selected { display: block; padding: 0.625rem 0.9375rem; } dl.grouped-accordion dd > a:after { content: ""; position: absolute; display: none; left: 0.9375rem; bottom: -0.5rem; width: 0; height: 0; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; border-top: 0.5rem solid #451c68; } dl.grouped-accordion dd > a.on:after { display: block; } dl.grouped-accordion dd:last-child > a, dl.grouped-accordion dd:last-child > .content { border-bottom: 0.0625rem solid #562483; } dl.grouped-accordion .button, dl.grouped-accordion .filePicker, dl.grouped-accordion a.join-now, dl.grouped-accordion input[type="submit"], dl.grouped-accordion input[type="button"], dl.grouped-accordion input[type="reset"], dl.grouped-accordion a.submit-down, dl.grouped-accordion a.submit-right, dl.grouped-accordion button.submit-right, dl.grouped-accordion .create-post__btn-publish, dl.grouped-accordion .create-post__btn-cancel, dl.grouped-accordion .create-post__btn-done { font-size: 1rem; } dl.address-accordion { overflow: hidden; } dl.address-accordion dd { margin-bottom: 0; } dl.address-accordion .outer { padding: 0.9375rem 0; padding-bottom: 0; } dl.address-accordion .address-select { margin-bottom: 1.875rem; padding-top: 0.9375rem; } dl.address-accordion .address-select:after { margin-top: 0.9375rem; } dl.address-accordion .outer > .address-select { border-top: none; padding-top: 0; } dl.address-accordion .ship-to { margin-top: 0.9375rem; } dl.address-accordion .ship-to a { width: 100%; } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; box-sizing: border-box; } .noUi-base { width: 100%; height: 100%; position: relative; } .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-stacking .noUi-handle { z-index: 2; } .noUi-stacking + .noUi-origin { *z-index: -1; } .noUi-state-tap .noUi-origin { transition: left 0.3s, top 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 34px; left: -17px; top: -9px; } .noUi-horizontal.noUi-extended { padding: 0 15px; } .noUi-horizontal.noUi-extended .noUi-origin { right: -15px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } .noUi-vertical.noUi-extended { padding: 15px 0; } .noUi-vertical.noUi-extended .noUi-origin { bottom: -15px; } .noUi-background { background: inherit; } .noUi-connect { background: #e2dfda; box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); transition: background 450ms; } .noUi-origin { border-radius: inherit; } .noUi-target { border-radius: 4px; border: aliceblue; box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb; } .noUi-target.noUi-connect { box-shadow: inset 0 1px 1px #b7b5b1; } .noUi-dragable { cursor: w-resize; } .noUi-vertical .noUi-dragable { cursor: n-resize; } .noUi-handle { border-radius: 2px; background: #9d81bb; cursor: default; } .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 25px; width: 0; top: 32px; left: 10px; border-style: solid; border-width: 8px 7px 0; border-color: #9d81bb transparent; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } [disabled].noUi-connect, [disabled] .noUi-connect { background: #b8b8b8; } [disabled] .noUi-handle { cursor: not-allowed; } .noUi-state-blocked.noUi-connect, .noUi-state-blocked .noUi-connect { background: #4fdacf; } .no-touch a:not(.btn):not(.button):not(.filePicker):not(a.join-now):not(input[type="submit"]):not( input[type="button"]):not( input[type="reset"]):not(a.submit-down):not(a.submit-right):not( button.submit-right):not(.create-post__btn-publish):not(.create-post__btn-cancel):not(.create-post__btn-done):not(.close-sidebar):hover, .no-touch a:not(.btn):not(.button):not(.filePicker):not(a.join-now):not(input[type="submit"]):not( input[type="button"]):not( input[type="reset"]):not(a.submit-down):not(a.submit-right):not( button.submit-right):not(.create-post__btn-publish):not(.create-post__btn-cancel):not(.create-post__btn-done):not(.close-sidebar):hover h2, .no-touch a:not(.btn):not(.button):not(.filePicker):not(a.join-now):not(input[type="submit"]):not( input[type="button"]):not( input[type="reset"]):not(a.submit-down):not(a.submit-right):not( button.submit-right):not(.create-post__btn-publish):not(.create-post__btn-cancel):not(.create-post__btn-done):not(.close-sidebar):hover .h2, .no-touch a:not(.btn):not(.button):not(.filePicker):not(a.join-now):not(input[type="submit"]):not( input[type="button"]):not( input[type="reset"]):not(a.submit-down):not(a.submit-right):not( button.submit-right):not(.create-post__btn-publish):not(.create-post__btn-cancel):not(.create-post__btn-done):not(.close-sidebar):hover h4, .no-touch a:not(.btn):not(.button):not(.filePicker):not(a.join-now):not(input[type="submit"]):not( input[type="button"]):not( input[type="reset"]):not(a.submit-down):not(a.submit-right):not( button.submit-right):not(.create-post__btn-publish):not(.create-post__btn-cancel):not(.create-post__btn-done):not(.close-sidebar):hover .h4, .no-touch a:not(.btn):not(.button):not(.filePicker):not(a.join-now):not(input[type="submit"]):not( input[type="button"]):not( input[type="reset"]):not(a.submit-down):not(a.submit-right):not( button.submit-right):not(.create-post__btn-publish):not(.create-post__btn-cancel):not(.create-post__btn-done):not(.close-sidebar):hover span { opacity: 0.8; } /* * could be removed * */ .button, .filePicker, a.join-now, input[type="submit"], input[type="button"], input[type="reset"], a.submit-down, a.submit-right, button.submit-right, .create-post__btn-publish, .create-post__btn-cancel, .create-post__btn-done { display: inline-block; text-align: center; margin-right: 0.9375rem; color: #fff; min-width: 6.25rem; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; transition: all 200ms; } .button:hover, .filePicker:hover, a.join-now:hover, input:hover[type="submit"], input:hover[type="button"], input:hover[type="reset"], a.submit-down:hover, a.submit-right:hover, button.submit-right:hover, .create-post__btn-publish:hover, .create-post__btn-cancel:hover, .create-post__btn-done:hover { color: #fff; } .button.fill, .fill.filePicker, a.fill.join-now, input.fill[type="submit"], input.fill[type="button"], input.fill[type="reset"], a.fill.submit-down, a.fill.submit-right, button.fill.submit-right, .fill.create-post__btn-publish, .fill.create-post__btn-cancel, .fill.create-post__btn-done { width: 100%; } .button:last-child, .filePicker:last-child, a.join-now:last-child, input:last-child[type="submit"], input:last-child[type="button"], input:last-child[type="reset"], a.submit-down:last-child, a.submit-right:last-child, button.submit-right:last-child, .create-post__btn-publish:last-child, .create-post__btn-cancel:last-child, .create-post__btn-done:last-child, .button:only-child, .filePicker:only-child, a.join-now:only-child, input:only-child[type="submit"], input:only-child[type="button"], input:only-child[type="reset"], a.submit-down:only-child, a.submit-right:only-child, button.submit-right:only-child, .create-post__btn-publish:only-child, .create-post__btn-cancel:only-child, .create-post__btn-done:only-child { margin-right: 0; } .no-touch .button:hover, .no-touch .filePicker:hover, .no-touch a.join-now:hover, .no-touch input:hover[type="submit"], .no-touch input:hover[type="button"], .no-touch input:hover[type="reset"], .no-touch a.submit-down:hover, .no-touch a.submit-right:hover, .no-touch button.submit-right:hover, .no-touch .create-post__btn-publish:hover, .no-touch .create-post__btn-cancel:hover, .no-touch .create-post__btn-done:hover { color: #fff; } .no-touch .button:hover span, .no-touch .filePicker:hover span, .no-touch a.join-now:hover span, .no-touch input:hover[type="submit"] span, .no-touch input:hover[type="button"] span, .no-touch input:hover[type="reset"] span, .no-touch a.submit-down:hover span, .no-touch a.submit-right:hover span, .no-touch button.submit-right:hover span, .no-touch .create-post__btn-publish:hover span, .no-touch .create-post__btn-cancel:hover span, .no-touch .create-post__btn-done:hover span { color: #fff; } .button.clip, .clip.filePicker, a.clip.join-now, input.clip[type="submit"], input.clip[type="button"], input.clip[type="reset"], a.clip.submit-down, a.clip.submit-right, button.clip.submit-right, .clip.create-post__btn-publish, .clip.create-post__btn-cancel, .clip.create-post__btn-done { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #sidebars .submit-right, #sidebars .button, #sidebars .filePicker, #sidebars a.join-now, #sidebars input[type="submit"], #sidebars input[type="button"], #sidebars input[type="reset"], #sidebars a.submit-down, #sidebars a.submit-right, #sidebars button.submit-right, #sidebars .create-post__btn-publish, #sidebars .create-post__btn-cancel, #sidebars .create-post__btn-done { padding-bottom: 11px; padding-top: 9px; } #sidebars .options a.button, #sidebars .options a.filePicker, #sidebars .options a.join-now, #sidebars .options a.submit-down, #sidebars .options a.submit-right, #sidebars .options button.submit-right, #sidebars .options a.create-post__btn-publish, #sidebars .options a.create-post__btn-cancel, #sidebars .options a.create-post__btn-done { min-width: 0; padding-left: 10px; padding-right: 10px; } div.load-more .columns { text-align: center; padding-top: 0.9375rem; padding-bottom: 1.875rem; } div.load-more a { width: 100%; } a.arrow-down-toggle { position: relative; padding-right: 32px; } a.arrow-down-toggle:after { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } a.arrow-down-toggle.on:after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } a.arrow-down-toggle:hover, a.arrow-down-toggle:hover h2, a.arrow-down-toggle:hover .h2 { color: #562483; } a.add, .stage-accordion a.remove, a.filter { display: block; height: 2.75rem; line-height: 2.75rem; color: #000; margin-bottom: 0.9375rem; font-size: 20px; font-size: 1.25rem; } a.add:before, .stage-accordion a.remove:before, a.filter:before { content: ' '; display: inline-block; margin-right: 0.5rem; margin-bottom: -0.1875rem; } a.edit { display: block; } a.edit:before { content: ' '; display: inline-block; margin-right: 0.5rem; margin-bottom: -0.1875rem; } .no-touch a.edit:hover { text-decoration: underline; } .no-touch a.add:hover, .no-touch .stage-accordion a.remove:hover, .stage-accordion .no-touch a.remove:hover, .no-touch a.filter:hover { color: #4f1070; } a.new, a.new-discussion, a.new-reply, a.new-report { position: relative; display: block; height: 2.75rem; line-height: 2.75rem; color: #000; padding-left: 35px; text-transform: uppercase; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size: 16px; } a.new:before, a.new-discussion:before, a.new-reply:before, a.new-report:before { display: inline-block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; letter-spacing: normal; } a.new-discussion { margin-top: 0; margin-bottom: 0.9375rem; } a.new-reply { margin-right: 0; margin-bottom: 0.9375rem; } a.new-report { margin-right: 0; margin-bottom: 0.9375rem; } a.filter { font-size: 18px; font-size: 1.125rem; display: inline-block; } a.arrow-down-hover span { display: inline-block; margin-left: 0.625rem; } a.arrow-up-toggle span { display: inline-block; margin-left: 0.625rem; } a.trying, a.pregnant, a.baby, a.toddler { display: inline-block; color: #562483; font-size: 4rem; padding: 0.5rem; max-width: 130px; vertical-align: top; } .no-touch a.trying:hover, .no-touch a.pregnant:hover, .no-touch a.baby:hover, .no-touch a.toddler:hover { color: #451c68; -webkit-transform: rotate(4deg) scale(1.05); transform: rotate(4deg) scale(1.05); } a.trying span, a.pregnant span, a.baby span, a.toddler span { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; display: block; font-size: 20px; margin-top: 10px; } a.trying:before { content: "\EAA2"; } a.pregnant:before { content: "\EAA0"; } a.baby:before { content: "\EA9F"; } a.toddler:before { content: "\EAA1"; } a.action { display: inline-block; } a.action:before { content: "\EA93"; font-size: 0.7rem; display: block; padding-right: 0.3125rem; float: left; margin-top: 0.3125rem; } a.action.back:before { content: "\EA81"; } a.action.forward:before { display: none; } a.action.forward:after { content: "\EA93"; font-size: 0.7rem; display: inline-block; padding-left: 0.3125rem; margin-top: 0.3125rem; } a.action + p { margin-left: 17px; } .no-touch a.action:hover { text-decoration: underline; } a.submit-down .spinner, a.submit-right .spinner, button.submit-right .spinner { display: inline-block; } a.submit-down span.c, a.submit-right span.c, button.submit-right span.c { display: none; opacity: 0; height: 0; width: 100%; overflow: hidden; margin-top: 0; text-align: center; } a.submit-down:hover, a.submit-right:hover, button.submit-right:hover, a.submit-down:hover span, a.submit-right:hover span, button.submit-right:hover span { color: #fff; } a.submit-down.progress span.c, a.progress.submit-right span.c, button.progress.submit-right span.c { opacity: 1; height: 18px; margin-top: 0.625rem; } a.submit-down.disabled, a.disabled.submit-right, button.disabled.submit-right { pointer-events: none; opacity: 0.9; } a.submit-down.disabled span.c, a.disabled.submit-right span.c, button.disabled.submit-right span.c { display: block; } a.submit-right span.c, button.submit-right span.c { height: auto; width: 0; margin-left: 0; } a.submit-right > span:first-child, button.submit-right > span:first-child { display: inline-block; } a.submit-right > span:first-child, a.submit-right > span.c, button.submit-right > span:first-child, button.submit-right > span.c { vertical-align: text-top; } a.submit-right > span.c, button.submit-right > span.c { margin-top: 2px; } a.submit-right .spinner, button.submit-right .spinner { margin-top: 0; } a.submit-right.fb-signin, button.submit-right.fb-signin { font-size: 14px; margin-top: 1rem; box-shadow: none; } a.submit-right.fb-signin i, button.submit-right.fb-signin i { margin-right: 10px; vertical-align: text-top; } a.submit-right.fb-signin span.no-margin, button.submit-right.fb-signin span.no-margin { margin-top: 0; vertical-align: inherit; } a.submit-right.progress > span.c, button.submit-right.progress > span.c { opacity: 1; width: 18px; margin-top: 2px; margin-left: 0.9375rem; } a.submit-right.disabled span.c, button.submit-right.disabled span.c { display: inline-block; } #sidebars a.submit-right, #sidebars button.submit-right { padding-bottom: 0.6875rem; } #sidebars a.back { display: block; width: 100%; font-size: 14px; font-size: 0.875rem; margin-bottom: 0.625rem; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.5); padding-bottom: 0.3125rem; padding-top: 0.125rem; } #sidebars a.back:before { margin-top: 0; line-height: 24px; } .button.btn-newclub, .btn-newclub.filePicker, a.btn-newclub.join-now, input.btn-newclub[type="submit"], input.btn-newclub[type="button"], input.btn-newclub[type="reset"], a.btn-newclub.submit-down, a.btn-newclub.submit-right, button.btn-newclub.submit-right, .btn-newclub.create-post__btn-publish, .btn-newclub.create-post__btn-cancel, .btn-newclub.create-post__btn-done { margin-top: 1.875rem !important; } .block-links { list-style: none; margin: 0; overflow: hidden; } #sidebars .menu .block-links { padding: 0.9375rem 0; border-top: 1px solid rgba(255, 255, 255, 0.3); } #sidebars .menu .block-links.single-link { padding: 0.9375rem; } .block-links.single-link li:first-child { display: block; width: 100%; padding: 0; border: none; } .block-links a { width: 100%; display: table; height: 1px; } .block-links li { width: 50%; float: left; display: block; box-sizing: border-box; border-style: solid; border-color: silver; border-width: 0; } #sidebars .menu .block-links li { border: none; padding: 0; text-align: center; } .block-links li:nth-child(2n + 1) { clear: left; padding: 0.9375rem 0.9375rem 0.9375rem 0; border-width: 1px 1px 0 0; } .block-links li:nth-child(2n) { padding: 0.9375rem 0 0.9375rem 0.9375rem; border-width: 1px 0 0 1px; -webkit-transform: translateX(-1px); transform: translateX(-1px); } .block-links li:nth-child(1), .block-links li:nth-child(2) { border-top: 0; padding-top: 0.46875rem; } .block-links li:nth-last-child(1), .block-links li:nth-last-child(2) { padding-bottom: 0.46875rem; } #sidebars .menu .block-links li:last-child { border: none; } #sidebars .menu .block-links a { height: auto; line-height: 1.2; padding: 10px 5px; display: block; box-sizing: border-box; } #sidebars .menu .block-links a:before { float: none; display: block; margin: 0 auto; } .block-link-image { display: table-cell; width: 4.375rem; height: 4.375rem; overflow: hidden; background-size: contain; background-position: 50%; background-repeat: no-repeat; } .single-link .block-link-image { background: none !important; display: block; width: 100%; height: auto; margin: 0; } #sidebars .menu .single-link .block-link-image { height: auto; width: 100%; } #sidebars .menu .block-link-image { display: block; margin: 0 auto 0.625rem; /*width: rem-calc(85px); height: rem-calc(85px);*/ } .block-link-image img { display: none; } .single-link .block-link-image img { display: block; max-width: 100%; height: auto; } .block-link-text { display: table-cell; box-sizing: border-box; padding-left: 1.25rem; vertical-align: middle; } #sidebars .menu .block-link-text { display: block; padding-left: 0; } .single-link .block-link-text { display: none; } #sidebars .menu .single-link .block-link-text { display: none; } table[data-responsive] { margin-top: 2.8125rem; width: 100%; margin-bottom: 0.9375rem; } table[data-responsive] .text-right { text-align: right; } table[data-responsive] th { text-align: left; } table[data-responsive] td span:first-child { display: none; } table[data-responsive] th, table[data-responsive] td { content: ""; } table[data-responsive] th, table[data-responsive] td span:first-child, table[data-responsive] td[data-header] { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; } table[data-responsive] th, table[data-responsive] td { vertical-align: top; } table[data-responsive] th, table[data-responsive] td { padding: 0.3125rem 0.9375rem; } table[data-responsive] th { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } table[data-responsive] tr, table[data-responsive] thead { border-bottom: 1px solid #34154f; } table[data-responsive] tr:last-child { border-bottom: none; } table[data-responsive] span { display: inline-block; } table[data-responsive].type-1 tr, table[data-responsive].type-1 thead { border-bottom: 1px solid #000; } .cookie-table td { padding: 0.1875rem 0.25rem; line-height: 1.2; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin-bottom: 0.9375rem; } .embed-container:after { pointer-events: none; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .media-helper__video-wrapper { position: relative; height: 0; padding-bottom: 56.25%; } .media-helper__video-wrapper iframe, .media-helper__video-wrapper embed, .media-helper__video-wrapper object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .text-image-block { padding: 1.875rem 0; } .text-image-block .row .column:first-child { margin-bottom: 0.9375rem; } .text-image-block p:last-child { margin-bottom: 0; } .text-image-block h2, .text-image-block .h2, .text-image-block h3, .text-image-block .h3, .text-image-block .product-info h1, .product-info .text-image-block h1, .text-image-block .product-info .h1, .product-info .text-image-block .h1, .text-image-block h4, .text-image-block .h4 { margin-top: 0; } .text-image-block h2, .text-image-block .h2, .text-image-block h3, .text-image-block .h3, .text-image-block .product-info h1, .product-info .text-image-block h1, .text-image-block .product-info .h1, .product-info .text-image-block .h1, .text-image-block h4, .text-image-block .h4, .text-image-block p, .text-image-block span, .text-image-block a { color: #fff; } .text-image-block .img { text-align: center; } .text-image-block.panel-0 { background-color: #fff; } .text-image-block.panel-0 h2, .text-image-block.panel-0 .h2, .text-image-block.panel-0 h3, .text-image-block.panel-0 .h3, .text-image-block.panel-0 .product-info h1, .product-info .text-image-block.panel-0 h1, .text-image-block.panel-0 .product-info .h1, .product-info .text-image-block.panel-0 .h1, .text-image-block.panel-0 h4, .text-image-block.panel-0 .h4, .text-image-block.panel-0 p, .text-image-block.panel-0 span, .text-image-block.panel-0 a { color: #000; } .text-image-block.panel-1 { background-color: #562483; } .text-image-block.panel-2 { background-color: #9d81bb; } .text-image-block.panel-3 { background-color: #000; } .text-image-block.panel-4 { background-color: #34154f; } [data-am-label] { -webkit-user-select: none; -ms-user-select: none; user-select: none; margin-left: 0 !important; position: relative; padding-left: 30px; } [data-am-label]:before { content: ""; display: block; width: 20px; height: 20px; text-align: center; cursor: pointer; position: absolute; left: 0; } [data-am-label][data-am-label~="checkbox"]:before { content: ''; height: 20px; width: 20px; border: 2px solid #562483; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: opacity 240ms; } [data-am-label][data-am-label~="checkbox"]:after { content: "\EA70"; display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 4px; left: 2px; opacity: 0; -webkit-transform: scale3d(0.01, 0.01, 1); transform: scale3d(0.01, 0.01, 1); color: #ffffff; } [data-am-label][data-am-label~="radio"]:before { border-radius: 50%; border: 2px solid #562483; color: #fff; font-size: 25px; line-height: 15px; } [data-am-label][data-am-label~="margin-bottom"] { margin-bottom: 5px !important; } [data-am-input] { position: fixed; left: -9999px; top: -9999px; } input[type="checkbox"]:checked + label[data-am-label~="checkbox"]:before { background-color: #562483; border-color: #562483; } input[type="checkbox"]:checked + label[data-am-label~="checkbox"]:after { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } input[type="radio"]:checked + label[data-am-label~="radio"]:before { border-color: #562483; border-width: 6px; } .css-debug img { box-shadow: inset 0 0 0.5rem gray; } .css-debug.row { box-shadow: inset 0 0 0.5rem red; } .css-debug.columns, .css-debug.column, .css-debug #header .bar > div { box-shadow: inset 0 0 0.5rem lime; } li.css-debug, span.css-debug { box-shadow: inset 0 0 0.5rem blue; } a.css-debug { box-shadow: inset 0 0 0.5rem yellow; } p.css-debug { box-shadow: inset 0 0 0.5rem magenta; } h1.css-debug, .css-debug.h1, .h1.css-debug { box-shadow: inset 0 0 0.5rem cyan; } a.css-debug:before, a.css-debug:after, span.css-debug:before, span.css-debug:after, li.css-debug:before, li.css-debug:after, div.css-debug:before, div.css-debug:after, p.css-debug:before, p.css-debug:after, h1.css-debug:before, .css-debug.h1:before, h1.css-debug:after, .css-debug.h1:after, .h1.css-debug:before, .h1.css-debug:after { box-shadow: inset 0 0 0.5rem red; } .icon-style-social:before { background-color: #562483; border-radius: 100%; color: white; padding: 8px; font-size: 21px; transition: background-color 0.15s; border-radius: 42% 44% 51% 46%; } .icon-style-social:hover:before { background-color: rgba(86, 36, 131, 0.75); } .article-66-33, .article-50-50 { overflow: hidden; position: relative; } .article-66-33 header, .article-50-50 header { position: relative; background-repeat: no-repeat; background-size: cover; z-index: -1; } .article-66-33 .row, .article-50-50 .row { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 15px; padding-right: 15px; } .article-66-33 aside, .article-50-50 aside, .article-66-33 .main, .article-50-50 .main { width: 100%; margin-bottom: 60px; } .article-66-33 .meta .name, .article-50-50 .meta .name { font-family: "bariol-bold"; } .article-66-33 .promo-list, .article-50-50 .promo-list { width: 100%; text-align: center; } .article-66-33 .promo, .article-50-50 .promo { padding-top: 80px; padding-bottom: 60px; } .article-66-33 .promo .image, .article-50-50 .promo .image { position: relative; max-width: 200px; margin-left: auto; margin-right: auto; z-index: 1; } .article-66-33 .promo .image:after, .article-50-50 .promo .image:after { content: ""; display: block; position: absolute; background-size: contain; background-position: center; background-repeat: no-repeat; z-index: -1; } .article-66-33 .promo .image[color="cyan"]:after, .article-50-50 .promo .image[color="cyan"]:after { top: 50%; left: 60%; width: 150%; height: 150%; background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-transform: translateX(-50%) translateY(-50%) rotate(-50deg); transform: translateX(-50%) translateY(-50%) rotate(-50deg); background-image: url(/assets/images/brushes/brushes_blue.png); } .article-66-33 .promo .image[color="gold"]:after, .article-50-50 .promo .image[color="gold"]:after { top: -50px; left: 50%; width: 130%; height: 90%; background-position: center; background-repeat: no-repeat; -webkit-transform: translateX(-50%) rotate(-190deg); transform: translateX(-50%) rotate(-190deg); background-image: url(/assets/images/brushes/brushes_tan_3.png); background-size: 100% 100%; } .article-66-33 .promo .image[color="red"]:after, .article-50-50 .promo .image[color="red"]:after { top: -50px; left: 50%; width: 130%; height: 90%; background-position: center; background-repeat: no-repeat; -webkit-transform: translateX(-50%) rotate(10deg); transform: translateX(-50%) rotate(10deg); background-image: url(/assets/images/brushes/brushes_red_2.png); background-size: 100% 100%; } .article-66-33 .promo .image[color="yellow"]:after, .article-50-50 .promo .image[color="yellow"]:after { top: -50px; left: 50%; width: 130%; height: 90%; background-position: center; background-repeat: no-repeat; -webkit-transform: translateX(-50%) rotate(10deg); transform: translateX(-50%) rotate(10deg); background-image: url(/assets/images/brushes/brushes_yellow_2_2.png); background-size: 100% 100%; } .article-66-33 .promo .image[color="purple"]:after, .article-50-50 .promo .image[color="purple"]:after { top: 50%; left: 60%; width: 150%; height: 150%; background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg) scale(1, -1); transform: translateX(-50%) translateY(-50%) rotate(-25deg) scale(1, -1); background-image: url(/assets/images/brushes/brushes_purple_1.png); } .article-66-33 .promo .image[color="blue"]:after, .article-50-50 .promo .image[color="blue"]:after { top: 0; left: 50%; width: 130%; height: 90%; background-position: center; background-repeat: no-repeat; -webkit-transform: translateX(-50%) rotate(10deg); transform: translateX(-50%) rotate(10deg); background-image: url(/assets/images/brushes/brushes_blue_mid_3.png); background-size: 100% 100%; } .article-66-33 .promo .image[color="pink"]:after, .article-50-50 .promo .image[color="pink"]:after { top: 50%; left: 60%; width: 150%; height: 150%; background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg) scale(1, -1); transform: translateX(-50%) translateY(-50%) rotate(-25deg) scale(1, -1); background-image: url(/assets/images/brushes/brushes_magenta_2.png); } .article-66-33 .promo .product-heading, .article-50-50 .promo .product-heading { margin-top: 25px; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; } .article-66-33 .promo p, .article-50-50 .promo p { margin-top: 15px; line-height: 1em; } .article-66-33 .share-article, .article-50-50 .share-article { position: absolute; right: 15px; font-size: 30px; line-height: 0; z-index: 2; } .article-66-33 .share-article a, .article-50-50 .share-article a { position: relative; display: block; margin-bottom: 12px; color: #fff; } .article-66-33 .share-article a:after, .article-50-50 .share-article a:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 0.8em; height: 0.8em; background-color: rgba(0, 0, 0, 0.6); border-radius: 50%; z-index: -1; } .article-66-33 a.fb-link:before, .article-50-50 a.fb-link:before { content: "\EA9A"; } .article-66-33 a.twitter-link:before, .article-50-50 a.twitter-link:before { content: "\EA9C"; } .article-66-33 a.mail-link:before, .article-50-50 a.mail-link:before { content: "\EA76"; } .article-66-33 a.print-link:before, .article-50-50 a.print-link:before { content: "\EA8F"; } .article-66-33 .heading, .article-50-50 .heading { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } .article-66-33 .heading h1, .article-50-50 .heading h1, .article-66-33 .heading .h1, .article-50-50 .heading .h1 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .article-66-33 .avatar, .article-50-50 .avatar { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 53% 70% 64% 69%; border: solid #fff; z-index: 10; } .article-66-33 .ingress p, .article-50-50 .ingress p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .article-66-33 h2, .article-50-50 h2, .article-66-33 .h2, .article-50-50 .h2 { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; margin: 0; } .article-66-33 aside, .article-50-50 aside, .article-66-33 p, .article-50-50 p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .article-66-33 blockquote, .article-50-50 blockquote { color: #562483; border: none; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; padding-left: 8vw; padding-right: 8vw; } .article-66-33 blockquote:before, .article-50-50 blockquote:before, .article-66-33 blockquote:after, .article-50-50 blockquote:after { content: '"'; font-size: 1.6em; line-height: 0.5em; } .article-66-33 .embed-container, .article-50-50 .embed-container, .article-66-33 .azuremediaplayer, .article-50-50 .azuremediaplayer { margin: 60px 0; } .article-66-33 .embed-container:after, .article-50-50 .embed-container:after, .article-66-33 .azuremediaplayer:after, .article-50-50 .azuremediaplayer:after { z-index: 1; pointer-events: none; } .page-article-external .article-66-33 [data-overlay2-close], .page-article-external .article-50-50 [data-overlay2-close], .article-66-33 + article [data-overlay2-close], .article-50-50 + article [data-overlay2-close] { display: none; } .page-article-external .article-66-33 header .heading h1, .page-article-external .article-50-50 header .heading h1, .page-article-external .article-66-33 header .heading .h1, .page-article-external .article-50-50 header .heading .h1 { width: 100%; max-width: 75rem; margin: 0 auto 0 auto; padding: 0 20% 0 30px; } .page-article-external .article-66-33 .share-article, .page-article-external .article-50-50 .share-article { max-width: 75rem; width: 100%; margin: auto; left: 0; right: 0; padding-right: 15px; } .page-article-external .article-66-33 .share-article a, .page-article-external .article-50-50 .share-article a { float: right; clear: both; } .overlay2-open .article-66-33 header, .overlay2-open .article-50-50 header { border-radius: 0 0 20px 0; } .overlay2-open .article-66-33 .row, .overlay2-open .article-50-50 .row { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22500%22%20height%3D%22500%22%20preserveAspectRatio%3D%22none%22%20viewBox%3D%220%200%20500%20500%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.326%20496.168l-4.512-59.83s.305-103.449.305-104.965c0-1.516.183-43.199.183-43.199l-.377-47.367%201.109-34.862-1.646-94.355s-3.232-7.2-3.354-9.473C-.088%2099.843.156%201.32.156%201.32l8.938%202.344%20115.078.308L319.89%200l8.748%201.019%20153.825%202.366%2010.79%203.402%201.991%2041.9%201.098%20120.88s.487%20129.597-.61%20133.386c0%200%201.158%2050.399%201.097%2051.914-.06%201.516-.121%2033.726-.121%2033.726l3.231%207.957.061%2096.63-27.68%205.326-19.268-1.537-41.339.357-92.554.519-107.31%201.577-74.141.578-37.193-2.274-92.189-1.558z%22%2F%3E%3C%2Fsvg%3E") 10 10 10 10 fill stretch; border-style: solid; border-width: 10px 10px 10px 10px; border-color: transparent; margin-top: -12px; padding-left: 6%; } .article-50-50 .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .article-50-50 .tagline { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; text-transform: uppercase; } .article-50-50 h3, .article-50-50 .h3, .article-50-50 .product-info h1, .product-info .article-50-50 h1, .article-50-50 .product-info .h1, .product-info .article-50-50 .h1 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; margin: 0; } .article-50-50 .row div.heading { text-align: center; width: 100%; padding: 0px 0 30px 0px; } .article-50-50 .row div.heading h1, .article-50-50 .row div.heading .h1 { display: inline; } .article-50-50 .row div.heading a { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .article-50-50 p { text-align: center; } #inner .scroll-indicator, #inner .stage-header-ref, #inner .stage-header { display: none; } #inner .article-50-50 + .article-66-33, #inner .article-50-50 + .article-50-50, #inner .article-66-33 + .article-66-33, #inner .article-50-50 + .article-66-33, #inner .article-66-33 + .article-50-50, #inner .article-50-50 + .article-50-50 { max-width: 75rem; margin: 0 auto; } .overlay2 .article-50-50 div.heading, .overlay2 .article-50-50 .row div.heading { display: none; } .article-50-50 + .article-66-33 .share-article, .article-50-50 + .article-50-50 .share-article, .article-66-33 + .article-66-33 .share-article, .article-50-50 + .article-66-33 .share-article, .article-66-33 + .article-50-50 .share-article, .article-50-50 + .article-50-50 .share-article { display: none; } .article-teaser-simple a.inner { position: relative; overflow: hidden; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; } .article-teaser-simple .image-wrapper { -webkit-transform: translateZ(1px); transform: translateZ(1px); width: 100%; } .article-teaser-simple .image { width: 100%; padding-top: 66%; background-size: cover; background-position: center; } .article-teaser-simple .text { position: absolute; bottom: -20px; left: -50px; z-index: 1; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); width: calc(100% + 100px); padding: 25px 70px 37px 70px; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; border-image: url(/assets/images/shapes/promo-info.svg) 0 fill stretch; } .article-teaser-simple h3, .article-teaser-simple .h3, .article-teaser-simple .product-info h1, .product-info .article-teaser-simple h1, .article-teaser-simple .product-info .h1, .product-info .article-teaser-simple .h1 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; } .recommended-articles { background: #562483; padding-bottom: 50px; /* <640px */ /* >640px, <768px */ /* >768px, <1024px */ } .recommended-articles h2, .recommended-articles .h2 { color: #fff; padding: 15px; margin: auto; } .recommended-articles .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; padding: 0 7.5px 0 7.5px; } .recommended-articles .col { padding: 7.5px; } .stage-header { position: absolute; top: 10px; overflow: hidden; z-index: 10; width: calc(100% - 20px); max-width: 1200px; margin: auto; left: 50%; -webkit-transform: translateX(-50%) translate3d(0, 0, 0); transform: translateX(-50%) translate3d(0, 0, 0); } .stage-header.fixed { position: fixed; top: 0px; } .stage-header svg { height: 46px; } .stage-header svg use:nth-child(2) { fill: #000; } .stage-header .week { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 10px; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .stage-header .week a { color: #fff; display: inline-block; width: 24px; text-align: center; } .stage-header .week span { color: #fff; } .stage-image { width: 100%; margin: 4em 0; } .stage-image .stage-image-image { margin: 0 auto; display: block; max-width: 100%; max-height: 300px; } .editor-color-1 { color: #562483; } .editor-color-2 { color: #9d81bb; } .editor-color-3 { color: #000; } .editor-color-4 { color: #34154f; } .editor-color-5 { color: #000; } .editor-color-6 { color: #000; } .editor-color-newborn { color: #ffc51c; } .editor-color-comfort { color: #19d5e5; } .editor-color-upngo { color: #e11d16; } .editor-color-touch { color: #ba9748; } .duo-block { position: relative; margin-top: -8px; } .duo-block-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .duo-block-bg svg { width: 100%; height: 100%; overflow: visible; } .duo-block-bg--shadow svg { -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)); filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)); } .duo-block-block { width: 100%; max-width: 40rem; position: relative; overflow: hidden; } .duo-block-image { margin: 1.875rem auto; display: inherit; } .duo-block-image-header { margin: 0.2rem auto 0.5rem; display: inherit; } .duo-block-button { margin-right: 0; } .duo-block--left { margin-left: auto; } .duo-block--right { margin-right: auto; } .duo-block--padded { padding: 1.875rem 0; } .has-duo-block .start-stage-select:before { display: none; } .has-duo-block #intro-area:after { display: none; } .duo-block iframe { margin: 0 -1.5625rem; } .row--full-width { width: 100%; margin-left: auto; margin-right: auto; max-width: none; } .flex { display: -webkit-flex; display: -ms-flexbox; display: flex; } .flex--center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex--flex-start { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .cover { width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; } .icon-list { list-style: none; font-size: 0; margin: 0; } .duo-block .icon-list { margin-top: 0.9375rem; margin-bottom: 0.9375rem; } .icon-list-item { display: inline-block; } .duo-block .icon-list-item { font-size: 2.7rem; transition: all 600ms ease-out; -webkit-backface-visibility: hidden; } .duo-block .icon-list-item:hover { -webkit-transform: rotate(4deg) scale(1.05); transform: rotate(4deg) scale(1.05); } .icon-list-item:not(:last-child) { margin-right: 6px; } .duo-block .icon-list-item:not(:last-child) { margin-right: 0.9375rem; } .instagram-widget { margin-left: auto; margin-right: auto; } .instagram-widget .row { margin-right: -0.3125rem; margin-left: -0.3125rem; } .instagram-widget .columns { padding-top: 0.3125rem; padding-right: 0.3125rem; padding-bottom: 0.3125rem; padding-left: 0.3125rem; } .instagram-widget-item { display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; background-size: cover; background-position: 50% 50%; } .instagram-widget-image { visibility: hidden; } .checkbox { visibility: hidden; } .checkbox:checked + .checkbox-label:before { content: "☑"; } .checkbox.input-validation-error + .checkbox-label:before { color: #ba1382; } .checkbox-label:before { content: "☐"; font-size: 1.75rem; color: #562483; position: absolute; margin-left: -1.75rem; line-height: 0.875rem; } .checkbox__checkbox { display: none; } input[type='checkbox'].checkbox__checkbox ~ .checkbox__label { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1rem; margin-left: 0; } input[type='checkbox'].checkbox__checkbox ~ .checkbox__label:before { content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M19.852.65h-.477L13.09.91l-.21-.267L4%20.909%202.579%200%200%20.65l.041%2010.83.016%208.13.406.39%209.305-.78L17.5%2020l2.408-.39.091-1.914-.035-15.868z%22%2F%3E%3Cfilter%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%222%22%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22shadowInnerInner1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%28.148%20.408%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: cover; display: inline-block; height: 1.25rem; width: 1.25rem; margin-right: 0.5rem; } input[type='checkbox'].checkbox__checkbox ~ .checkbox__label:after { content: ''; display: inline-block; position: absolute; top: 50%; left: 7px; -webkit-transform: translateY(-50%) scale(0.4); transform: translateY(-50%) scale(0.4); background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22500%22%20height%3D%22500%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M258.465%20500L500%2027.827%20429.761%200l-77.636%204.766L318.55%20120.22%20208.36%20360.848%2034.102%20209.65%200%20319.81l161.929%20158.304z%22%20fill%3D%22%23562483%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: cover; height: 0.625rem; width: 0.625rem; visibility: hidden; opacity: 0; transition: all 300ms; } input[type='checkbox']:checked.checkbox__checkbox ~ .checkbox__label:after { opacity: 1; visibility: visible; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .video-play { visibility: hidden; font-size: 100px; color: rgba(255, 255, 255, 0.6); position: absolute; top: 50%; left: 50%; z-index: 5; opacity: 0; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); cursor: pointer; transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045); } .video-play.is-visible { display: block; visibility: visible; opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all 0.1s; } .video-play.is-visible.fade-in { transition: all 2s; } .video-play.is-visible:hover { -webkit-transform: translate(-50%, -50%) scale(1.1) rotate(1deg); transform: translate(-50%, -50%) scale(1.1) rotate(1deg); } .video-play:before { content: "\EA8D"; } .video-play.video-play-black { color: rgba(0, 0, 0, 0.8); } .modal-container { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; margin: 0; padding: 0; -webkit-transform: translateZ(1px); transform: translateZ(1px); z-index: 1000; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(20, 20, 20, 0.7); } .modal-container .modal { width: 50%; max-width: 500px; background-color: #fff !important; } .modal-close { height: 2em; margin: 1em; } .modal-close .modal-close--button { background-color: white !important; color: #552881 !important; border: 0 !important; font-size: 2em !important; float: right; } .modal-container .modal .start-stage-select { padding: 1.875em; padding-top: 0; } .modal-container .modal p, .modal-container .modal h2, .modal-container .modal .h2 { color: #333 !important; } #modal-input-alias-field .modal-input { opacity: 1 !important; width: 100% !important; -webkit-transform: scale3d(1, 1, 1) !important; transform: scale3d(1, 1, 1) !important; margin-bottom: 2em; } .dropdown { min-width: 12.5rem; position: relative; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; color: #ffffff; text-align: left; z-index: 2; } .dropdown.is-open { z-index: 10; } .dropdown.dropdown--border { color: #562483; } .dropdown__hint { background-color: #562483; border-radius: 50px; padding: 0.4rem 2.5rem 0.4rem 1rem; line-height: 2.5rem; position: relative; margin: 0; } .dropdown__hint:hover { cursor: pointer; } .dropdown__hint:after { content: "\EA67"; color: #ffffff; position: absolute; top: 50%; right: 1rem; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); font-size: 0.5625rem; transition: -webkit-transform 300ms ease-out; transition: transform 300ms ease-out; transition: transform 300ms ease-out, -webkit-transform 300ms ease-out; } .is-open .dropdown__hint:after { -webkit-transform: translateY(-50%) scale(-1); transform: translateY(-50%) scale(-1); } .dropdown--border .dropdown__hint { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23ffffff%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch; border-style: solid; margin: 1px 2px -8px 2px; } .dropdown--border .dropdown__hint:before { content: ''; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23440c72%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch; border-style: solid; position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px; z-index: -2; } .dropdown--border .dropdown__hint:after { color: inherit; } .dropdown--light-purple .dropdown__hint { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23683e8d%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 4 4 3 4 fill stretch; border-style: solid; } .dropdown__values { position: absolute; right: 2px; left: 3px; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.3s linear; border-radius: 6px; } .dropdown--down .dropdown__values { top: 102%; } .dropdown--up .dropdown__values { bottom: 102%; } .dropdown--down.dropdown--border .dropdown__values { top: 100%; } .dropdown--up.dropdown--border .dropdown__values { bottom: 95%; } .is-open .dropdown__values { opacity: 1; visibility: visible; transition: all 0.1s linear; } .dropdown__values-inner { transition: all 0.35s; } .dropdown--down .dropdown__values-inner { -webkit-transform: translateY(-100%) scale(0.94); transform: translateY(-100%) scale(0.94); } .dropdown--up .dropdown__values-inner { -webkit-transform: translateY(100%) scale(0.94); transform: translateY(100%) scale(0.94); } .dropdown--border.dropdown-down .dropdown__values-inner { padding-top: 9px; padding-bottom: 0; } .dropdown--border.dropdown--up .dropdown__values-inner { padding-top: 0; padding-bottom: 9px; } .is-open .dropdown__values-inner { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } .dropdown__value { background-color: #562483; padding: .875rem; position: relative; } .dropdown__value:hover { cursor: pointer; background-color: #9d81bb; } .dropdown__value:last-child { margin-bottom: 0; } .dropdown__values--a .dropdown__value { padding: 0; } .dropdown__values--a .dropdown__value:hover { cursor: default; } .dropdown--border .dropdown__value { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23ffffff%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 4 4 3 4 fill stretch; border-style: solid; margin: 1px 2px -8px 2px; } .dropdown--border .dropdown__value:before { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23440c72%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 4 4 3 4 fill stretch; border-style: solid; content: ''; position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px; z-index: -2; } .dropdown--light-purple .dropdown__value { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%239d81bb%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 4 4 3 4 fill stretch; border-style: solid; } .dropdown--light-purple .dropdown__value:hover { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23451c69%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 4 4 3 4 fill stretch; border-style: solid; } .dropdown__value-link { display: block; color: #ffffff; } .dropdown__value-link:hover { color: #ffffff; } .dropdown__values--a .dropdown__value-link { padding: .875rem; } .input-field { position: relative; } label.input-field__label { display: inline-block; position: absolute; top: 0; left: 0.625rem; transition: all 200ms; -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; pointer-events: none; font-size: 0.75rem; color: #ffffff; z-index: 1; } .input-field--textarea label.input-field__label { -webkit-transform: translateY(14px); transform: translateY(14px); } .is-dirty.input-field--textarea label.input-field__label { -webkit-transform: translateY(10px); transform: translateY(10px); } .is-dirty label.input-field__label { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: 1; } input[type].input-field__input { position: relative; height: 3rem; transition: all 200ms; font-size: 1rem; color: #ffffff; } .is-dirty input[type].input-field__input { padding-top: 0.9rem; } .input-field__counter { position: absolute; bottom: 0.2rem; right: 0.4rem; -webkit-transform: translateY(100%); transform: translateY(100%); color: #ffffff; font-size: 0.75rem; padding: 0.2rem 0.4rem; } .alert .input-field__count { color: #ba1382; } textarea.input-field__textarea { font-size: 1rem; color: #ffffff; } textarea.input-field__textarea.input-validation-error:not(:focus) + .input-field__counter { background-color: #ba1382; } .promo-item { background-color: deeppink; } .club-overlay .gdpr { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .gdpr__description { text-align: left; margin-bottom: 1.875rem; } .club-overlay .gdpr__description { text-align: center; } .gdpr__term { margin-top: .25rem; text-align: left; } .gdpr__term:first-child { margin-top: 0; } .gdpr__contact-ways .gdpr__term { margin-top: .25rem; } .gdpr__contact-ways .gdpr__term:not(:last-child) { margin-right: .875rem; } input[type="checkbox"].gdpr__checkbox { margin: 0; } .gpdr--sign-up .gdpr__checkbox { opacity: 0; position: absolute; } .gdpr--subscriptions .gdpr__checkbox { display: none; } .gdpr__label { color: #000000; } .gpdr--sign-up .gdpr__label { display: block; position: relative; padding-left: 34px; margin-left: 0; margin-right: 0; margin-bottom: 0; min-height: 23px; font-size: 1rem; line-height: 1.5; } .gdpr--subscriptions .gdpr__label { position: relative; padding-left: 34px; font-size: 1rem; } .gpdr--sign-up .gdpr__label:before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 23px; width: 23px; border-radius: 26% 30% 19% 25%; background: #f5f5f5; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); -webkit-transform: rotate(4deg); transform: rotate(4deg); } .gdpr--subscriptions .gdpr__label:before { content: ''; height: 20px; width: 20px; border: 2px solid #562483; position: absolute; left: 0; -webkit-transform: translateY(0%); transform: translateY(0%); transition: opacity 240ms; top: 8%; } .gpdr--sign-up .gdpr__label:after { content: "\EA70"; display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 4px; left: 3px; opacity: 0; -webkit-transform: scale3d(0.01, 0.01, 1); transform: scale3d(0.01, 0.01, 1); color: #562483; } .gdpr--subscriptions .gdpr__label:after { content: "\EA70"; display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 10%; left: 2px; opacity: 0; -webkit-transform: scale3d(0.01, 0.01, 1); transform: scale3d(0.01, 0.01, 1); color: #ffffff; } .gpdr--sign-up .gdpr__checkbox:checked ~ .gdpr__label:after { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .gdpr--subscriptions .gdpr__checkbox:checked ~ .gdpr__label:after { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .gdpr--subscriptions .gdpr__checkbox:checked ~ .gdpr__label:before { background-color: #562483; } .gdpr__contact-container { margin: 1.875rem 0; text-align: left; color: #000000; } .gdpr__not-accepted .gdpr__contact-container { margin-bottom: 0; font-size: 1rem; } .gdpr--subscriptions .gdpr__contact-container { margin-top: 0; font-size: 1rem; } .gdpr__contact-ways { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: .5rem; } .gdpr--subscriptions .gdpr__contact-ways { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } /** * Extension for http://foundation.zurb.com/sites/docs/v/5.5.3/utility-classes.html */ /*// Animations .add-animation-on-view { transition: 1.5s; } .move-up-start { transform: translateY(100%); } .move-up-end { transform: translateY(0); } .move-to-upper-right-start { transform: translate3d(-100%,100%,0); } .move-to-upper-right-end { transform: translate3d(0,0,0); } .move-to-upper-left-start { transform: translate3d(100%,100%,0); } .move-to-upper-left-end { transform: translate3d(0,0,0); } .scale-up-rotate-start { opacity: 0; transform: scale(0.4) rotateZ(-45deg); } .scale-up-rotate-end { opacity: 1; transform: scale(1) rotateZ(0); } // Making sure image aren't in the way. .animal-skin-giraffe, .animal-skin-ape, .animal-skin-leopard, .animal-skin-elephant, .animal-skin-panda { * { z-index: 1; } } .limited-edition-nav-item { color: #F3CF32 !important; } .animal-skin-giraffe { height: 100% !important; padding: 0 !important; background-size: cover !important; .hp-carousel-img-btn { position: relative; } @media screen and (max-width: 640px) { .giraffe-wrapper { right: -60px; width: 200px; height: 200px; } .montage-wrapper { width: 100%; height: 200px; img { left: 0%; } } } } .animal-skin-ape { @media screen and (max-width: 640px) { .ape-wrapper { height: 200px; top: 25%; } .show-for-small-only { z-index: 0; } } } .animal-skin-leopard { @media screen and (max-width: 640px) { padding-bottom: 100px !important; .show-for-small-only { z-index: 0; } .leopard-wrapper { width: 100%; right: 0; } } } .animal-skin-elephant { overflow: visible !important; @media screen and (max-width: 1000px) { .banner-where-section { margin-bottom: 250px; } .elephant1-wrapper { top: 120px; left: 50%; transform: translateX(-50%); } .elephant2-wrapper { display: none; } } } .animal-skin-panda { @media screen and (max-width: 1000px) { padding-bottom: 180px; .panda-wrapper { width: 200px; height: 200px; left: 5%; } } } .img-grid-paws { @media screen and (max-width: 1000px) { left: initial; right: 10%; bottom: 220px; top: initial; } } .header-paws { @media screen and (max-width: 1200px) { left: 150px; } } .footer-paws { @media screen and (max-width: 1200px) { left: 10px; } } .img-wrapper { display: block; height: 300px; overflow: hidden; position: absolute !important; width: 300px; z-index: 0; img { position: absolute; } .animal-img { height: auto; width: 100%; z-index: 0; } .bg-img { z-index: 1; } } .giraffe-wrapper { bottom: 0px; right: 0px; .animal-img { bottom: -20%; right: 0; transition-delay: 0.8s; } } .montage-wrapper { left: 0; top: 5%; width: 100%; height: 80%; img { left: 15%; height: 100%; width: auto; } } .ape-wrapper { top: 50px; left: 0px; height: 400px; .bg-img { height: 55%; width: auto; left: -20%; bottom: 0px; transition: 0s; z-index: 1; } .animal-img { height: 60%; width: auto; z-index: 0; left: -20%; } } .leopard-wrapper { right: 5%; bottom: 0; width: 400px; height: 400px; .bg-img { bottom: -25%; left: 0; width: 100%; height: auto; } .animal-img { width: 40%; left: 30%; bottom: -11%; } } .panda-wrapper { left: calc(50% - 800px); bottom: 0; .bg-img { bottom: -10%; left: 0; width: 100%; height: auto; } .animal-img { bottom: -5%; } } .elephant1-wrapper { left: 5%; top: 120%; transform: translateY(-50%); width: 150px; height: 150px; .animal-img { height: 90%; width: auto; left: 15%; top: 0; } .bg-img { width: 80%; left: 13%; bottom: 0; z-index: 0; } } .elephant2-wrapper { right: 5%; top: 120%; transform: translateY(-50%); width: 150px; height: 150px; .animal-img { height: 90%; width: auto; right: 0; top: 0; } .bg-img { width: 80%; left: 10%; bottom: 0; z-index: 0; } } .paw-wrapper { width: 40px; height: 40px; position: absolute; z-index: 0; img { width: 100%; height: auto; margin: 10px; } img:nth-child(even) { transform: translateX(10px) rotate(-10deg); } img:nth-child(odd) { transform: translateX(-10px) rotate(-10deg); } } .img-grid-paws { top: 100px; left: calc(50% - 700px); } .header-paws { top: 5px; left: calc(50% - 450px); z-index: 1; img { width: 20px; height: 20px; margin: 5px; } } .footer-paws { top: 15px; left: calc(50% - 450px); img { width: 20px; height: 20px; margin: 5px; } }*/ /*superhero-skin-styling*/ .header-stars, .star1, .star2, .star3, .star4, .star5, .star6, .star7, .duo-block-star1, .duo-block-star2, .duo-block-star3, .duo-block-star4, .promos-star1, .promos-star2, .promos-star3, .promos-star4, .promos-star5, .promos-star6, .promos-star7, .superherobaby, .superherobabymobile, .footerstar1 { width: 0px; } .superhero #header .menu ul li:nth-child(4) a { color: #f4d00e; } .superhero #header nav { float: right; } .superhero #header .container .header-stars { position: absolute; width: 7%; top: 13%; left: 13%; } .superhero .carousel-intro .swiper-wrapper .star1, .superhero .carousel-intro .swiper-wrapper .star2, .superhero .carousel-intro .swiper-wrapper .star3, .superhero .carousel-intro .swiper-wrapper .star4, .superhero .carousel-intro .swiper-wrapper .star5, .superhero .carousel-intro .swiper-wrapper .star6, .superhero .carousel-intro .swiper-wrapper .star7 { width: 0px; } .superhero .carousel-intro .swiper-wrapper .desktopbanner { display: block; width: 100%; } .superhero .carousel-intro .swiper-wrapper .mobilebanner { display: none; } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star1 { max-width: 90px; width: 90px; height: 1px; position: absolute; bottom: 28%; left: 10%; -webkit-animation: starone; animation: starone; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform: scale(0.01); transform: scale(0.01); } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star1 img { display: block; } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star2 { max-width: 100px; width: 100px; height: 1px; position: absolute; bottom: 32%; right: 6%; -webkit-animation-name: startwo; animation-name: startwo; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform: scale(0.01); transform: scale(0.01); } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star2 img { display: block; } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star3 { max-width: 50px; width: 50px; height: 1px; position: absolute; bottom: 39%; right: 14%; -webkit-animation-name: starthree; animation-name: starthree; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform: scale(0.01); transform: scale(0.01); } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star3 img { display: block; } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star4 { width: 30px; position: absolute; bottom: 53%; right: 21%; -webkit-animation-name: starseven; animation-name: starseven; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 1.3s; animation-delay: 1.3s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scale(0.01); transform: scale(0.01); } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star5 { width: 50px; position: absolute; bottom: 64%; right: 17%; -webkit-animation-name: starseven; animation-name: starseven; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scale(0.01); transform: scale(0.01); } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star6 { width: 30px; position: absolute; bottom: 73%; right: 20%; -webkit-animation-name: starseven; animation-name: starseven; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scale(0.01); transform: scale(0.01); } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star7 { width: 30px; position: absolute; top: 10%; right: 15%; -webkit-animation-name: starseven; animation-name: starseven; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scale(0.01); transform: scale(0.01); } .superhero .duo-block { background-color: #fff; } .superhero .duo-block .duo-block-star4mobileInitial { width: 0px; } .superhero .duo-block .duo-block-star1, .superhero .duo-block .duo-block-star2, .superhero .duo-block .duo-block-star3, .superhero .duo-block .duo-block-star4 { width: 0px; } .superhero .duo-block #duo-block-one .duo-block--padded { padding: 1.8rem 3rem 1.8rem 10rem; } .superhero .duo-block #duo-block-two .duo-block--padded { padding: 1.8rem 10rem 1.8rem 3rem; } .superhero .duo-block .duo-block-one .duo-block-block { overflow: visible; } .superhero .duo-block .duo-block-one .duo-block-one-animation .duo-block-star1 { width: 80px; position: absolute; bottom: 20%; left: 10%; -webkit-animation-name: duoblockstarone; animation-name: duoblockstarone; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .superhero .duo-block .duo-block-one .duo-block-one-animation .duo-block-star3 { width: 0px; position: absolute; top: 2%; left: 4%; -webkit-animation-name: duoblockstarthree; animation-name: duoblockstarthree; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .superhero .duo-block .duo-block-two .duo-block-block { overflow: visible; } .superhero .duo-block .duo-block-two .duo-block-two-animation .duo-block-star2 { width: 0px; position: absolute; top: 2%; right: 1%; -webkit-animation-name: duoblockstartwo; animation-name: duoblockstartwo; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; display: block; } .superhero .duo-block .duo-block-two .duo-block-two-animation .duo-block-star4 { width: 0px; position: absolute; bottom: 2%; right: 14%; -webkit-animation-name: duoblockstarfour; animation-name: duoblockstarfour; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .superhero .duo-block .duo-block-two .duo-block-two-animation .duo-block-star4mobileInitial { display: none; } .superhero .duo-block .duo-block-two .duo-block-two-animation .duo-block-star4mobile { width: 50px; position: absolute; top: 40%; right: 10%; -webkit-animation-name: duoblockstarfourmobile; animation-name: duoblockstarfourmobile; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .superhero .start-stage-select { background-color: #fff; } .superhero .superhero-baby-animation { position: absolute; width: 420px; left: -18%; bottom: 0; } .superhero .superhero-star-animation { width: 0; } .superhero .superhero-baby .superhero-baby-animation { width: 420px; position: absolute; bottom: 0%; left: -18%; -webkit-animation-name: superbaby-animation; animation-name: superbaby-animation; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; display: block; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .superhero .superhero-baby .superhero-star-animation { width: 250px; height: 1px; max-width: 250px; position: absolute; bottom: 110%; right: 8%; -webkit-animation-name: star-animation; animation-name: star-animation; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; display: block; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform: scale(0.25); transform: scale(0.25); } .superhero .superhero-baby .superhero-star-animation img { display: block; } .superhero .promos { background-image: url(https://www.lotusbaby.fr/siteassets/SuperHeroSkin/articles-bkg_1772.jpg); background-size: cover; } .superhero .promos .promos-star1, .superhero .promos .promos-star2, .superhero .promos .promos-star3, .superhero .promos .promos-star4, .superhero .promos .promos-star5, .superhero .promos .promos-star6, .superhero .promos .promos-star7 { width: 0px; font-size: 0; } .superhero .promos .row { padding: 0 8%; } .superhero .promos .promos-star1 { width: 80px; position: absolute; top: 40%; left: 4%; } .superhero .promos .promos-star2 { width: 0px; } .superhero .star-animation-block .promos-star1 { width: 80px; position: absolute; top: 40%; left: 4%; -webkit-animation-name: promosstarone; animation-name: promosstarone; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; display: block; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .superhero .star-animation-block .promos-star2 { width: 0px; position: absolute; top: 34%; right: 4%; -webkit-animation-name: promosstartwo; animation-name: promosstartwo; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; display: block; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .superhero .star-animation-block .promos-star3 { width: 0px; max-width: 25px; position: absolute; top: 27%; left: 11%; -webkit-animation-name: promosstarthree; animation-name: promosstarthree; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; display: block; } .superhero .star-animation-block .promos-star4 { width: 0px; max-width: 50px; position: absolute; top: 21%; left: 9%; -webkit-animation-name: promosstarfour; animation-name: promosstarfour; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-delay: 2.2s; animation-delay: 2.2s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; display: block; } .superhero .star-animation-block .promos-star5 { width: 0px; max-width: 30px; position: absolute; top: 56%; right: 7.5%; -webkit-animation-name: promosstarfive; animation-name: promosstarfive; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-delay: 2.6s; animation-delay: 2.6s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; display: block; } .superhero .star-animation-block .promos-star6 { width: 0px; max-width: 50px; position: absolute; top: 47%; right: 9%; -webkit-animation-name: promosstarsix; animation-name: promosstarsix; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-delay: 2.8s; animation-delay: 2.8s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; display: block; } .superhero .star-animation-block .promos-star7 { width: 0px; max-width: 25px; position: absolute; top: 35%; right: 6%; -webkit-animation-name: promosstarsix; animation-name: promosstarsix; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; display: block; -webkit-transform: rotate(40deg); transform: rotate(40deg); } .superhero #footer { padding: 0; } .superhero #footer .main { padding: 22px 0; } .superhero #footer .links { max-width: 500px; } .superhero #footer .links ul { font-size: 14px; } .superhero #footer .social { padding-top: 0; padding-bottom: 0; } .superhero #footer .superherobaby { width: 350px; position: absolute; bottom: 0; left: 0; } .superhero #footer .superherobabymobile { display: none; } .superhero #footer .footerstar1 { width: 50px; position: absolute; bottom: 18%; right: 25%; } .u-bg-error-color { background-color: #ba1382 !important; } .u-bg-color-common-black { background-color: #000 !important; } .u-bg-color-common-link { background-color: #000 !important; } .u-bg-color-body-text { background-color: #000 !important; } .u-bg-color-container-light { background-color: #fff !important; } .u-bg-color-container-dark { background-color: #f5f1ee !important; } .u-bg-color-container-footer { background-color: #e4e1dc !important; } .u-bg-color-0 { background-color: #fff !important; } .u-bg-color-0-text { background-color: #000 !important; } .u-bg-color-1 { background-color: #562483 !important; } .u-bg-color-1-text { background-color: #fff !important; } .u-bg-color-1-dark { background-color: #451c68 !important; } .u-bg-color-1-light { background-color: #c8a6e7 !important; } .u-bg-color-2 { background-color: #9d81bb !important; } .u-bg-color-2-text { background-color: #fff !important; } .u-bg-color-2-dark { background-color: #8867ad !important; } .u-bg-color-3 { background-color: #000 !important; } .u-bg-color-3-text { background-color: #fff !important; } .u-bg-color-3-dark { background-color: black !important; } .u-bg-color-4 { background-color: #34154f !important; } .u-bg-color-4-text { background-color: #fff !important; } .u-bg-color-4-dark { background-color: #1f0c2f !important; } .u-bg-color-5 { background-color: #000 !important; } .u-bg-color-6 { background-color: #000 !important; } .u-bg-transparent-bg-color { background-color: rgba(0, 0, 0, 0.6) !important; } .u-color-error-color { color: #ba1382 !important; } .u-color-color-common-black { color: #000 !important; } .u-color-color-common-link { color: #000 !important; } .u-color-color-body-text { color: #000 !important; } .u-color-color-container-light { color: #fff !important; } .u-color-color-container-dark { color: #f5f1ee !important; } .u-color-color-container-footer { color: #e4e1dc !important; } .u-color-color-0 { color: #fff !important; } .u-color-color-0-text { color: #000 !important; } .u-color-color-1 { color: #562483 !important; } .u-color-color-1-text { color: #fff !important; } .u-color-color-1-dark { color: #451c68 !important; } .u-color-color-1-light { color: #c8a6e7 !important; } .u-color-color-2 { color: #9d81bb !important; } .u-color-color-2-text { color: #fff !important; } .u-color-color-2-dark { color: #8867ad !important; } .u-color-color-3 { color: #000 !important; } .u-color-color-3-text { color: #fff !important; } .u-color-color-3-dark { color: black !important; } .u-color-color-4 { color: #34154f !important; } .u-color-color-4-text { color: #fff !important; } .u-color-color-4-dark { color: #1f0c2f !important; } .u-color-color-5 { color: #000 !important; } .u-color-color-6 { color: #000 !important; } .u-color-transparent-bg-color { color: rgba(0, 0, 0, 0.6) !important; } .u-color-hover-error-color:hover { color: #ba1382 !important; } .u-color-hover-color-common-black:hover { color: #000 !important; } .u-color-hover-color-common-link:hover { color: #000 !important; } .u-color-hover-color-body-text:hover { color: #000 !important; } .u-color-hover-color-container-light:hover { color: #fff !important; } .u-color-hover-color-container-dark:hover { color: #f5f1ee !important; } .u-color-hover-color-container-footer:hover { color: #e4e1dc !important; } .u-color-hover-color-0:hover { color: #fff !important; } .u-color-hover-color-0-text:hover { color: #000 !important; } .u-color-hover-color-1:hover { color: #562483 !important; } .u-color-hover-color-1-text:hover { color: #fff !important; } .u-color-hover-color-1-dark:hover { color: #451c68 !important; } .u-color-hover-color-1-light:hover { color: #c8a6e7 !important; } .u-color-hover-color-2:hover { color: #9d81bb !important; } .u-color-hover-color-2-text:hover { color: #fff !important; } .u-color-hover-color-2-dark:hover { color: #8867ad !important; } .u-color-hover-color-3:hover { color: #000 !important; } .u-color-hover-color-3-text:hover { color: #fff !important; } .u-color-hover-color-3-dark:hover { color: black !important; } .u-color-hover-color-4:hover { color: #34154f !important; } .u-color-hover-color-4-text:hover { color: #fff !important; } .u-color-hover-color-4-dark:hover { color: #1f0c2f !important; } .u-color-hover-color-5:hover { color: #000 !important; } .u-color-hover-color-6:hover { color: #000 !important; } .u-color-hover-transparent-bg-color:hover { color: rgba(0, 0, 0, 0.6) !important; } .u-hide { display: none !important; } .u-disable { pointer-events: none !important; } .u-font-size-medium { font-size: 1.125rem; } .u-font-size-large { font-size: 1.75rem; } .u-font-size-xlarge { font-size: 3.625rem; } .u-font-size-xxlarge { font-size: 4.5rem; } /* SM breakpoint */ .u-margin { margin: 0.9375rem; } .u-margin-horizontal { margin-top: 0.9375rem; margin-bottom: 0.9375rem; } .u-margin-vertical { margin-right: 0.9375rem; margin-left: 0.9375rem; } .u-margin-bottom { margin-bottom: 0.9375rem; } .u-overflow-hidden { overflow: hidden; } .u-overflow-visible { overflow: visible; } .u-padding { padding: 0.9375rem; } .u-padding-horizontal { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } .u-padding-vertical { padding-right: 0.9375rem; padding-left: 0.9375rem; } .u-padding-top { padding-top: 0.9375rem; } .u-padding-top-x2 { padding-top: 1.875rem; } .u-padOnlyDesktop { padding: 0; } .xepi-preview .promos .info { color: #000; } .xepi-edit .content-area .break { padding: 0 0.9375rem; } .xepi-edit .content-area .break:after { display: block; content: "↵"; width: 100%; height: 100%; padding-top: 0.25rem; padding-left: 0.1875rem; background-color: whitesmoke; color: gray; border-radius: 0.3125rem; } .products-grid, body.products, body.club { color: #3d382d; } .products-grid #content, body.products #content, body.club #content { position: relative; z-index: 10; } .products-grid #inner, body.products #inner, body.club #inner, .products-grid #content, body.products #content, body.club #content { background-color: transparent; background: none; } .products-grid .row, body.products .row, body.club .row { max-width: 82.5rem; } .products-nav-top .clear-search, body.products nav.top .clear-search, body.club nav.top .clear-search { padding-top: 10px; } body.products { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } body.products p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } body.products p { color: #3d382d; } /* Lotus Baby Touch Newborn Lotus Baby Touch Open Lotus Baby Touch Pants */ /* $theme-touch-pants: ( colorHeading:$color-touch-pants-copper, colorButton: $color-1, colorBackground:$color-touch-pants-bg, colorBorder:$color-1, bgImage:url(/assets/images/themes/touch-pants/touch-pants-bg.png), familyBgImage:url(/assets/images/themes/touch-pants/touch-pants-family-bg.png), dipersBgImage:url(/assets/images/themes/touch-pants/touch-pants-3D-bg.jpg) );*/ .title-logo:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 88%; } .title-logo:after { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .title-logo span { display: inline-block; margin-left: 0; text-indent: -2999px; white-space: nowrap; } .title-logo-sizes-touch.size-1:after { content: "1"; font-family: "bodini"; } .title-logo-sizes-touch.size-2:after { content: "2"; font-family: "bodini"; } .title-logo-sizes-touch.size-3:after { content: "3"; font-family: "bodini"; } .title-logo-sizes-touch.size-4:after { content: "4"; font-family: "bodini"; } .title-logo-sizes-touch.size-5:after { content: "5"; font-family: "bodini"; } .title-logo-sizes-touch.size-6:after { content: "6"; font-family: "bodini"; } .title-logo-sizes-star.size-11:after, [theme="sleep-tight"] .size-11.title-logo:after { font-size: 45%; display: block; } [theme="general"][theme-bg="true"], div[theme="general"][theme-bg="true"] { background-image: url(/assets/images/themes/general/common-bg.jpg); background-repeat: repeat; background-color: #eee9e5; background-size: cover; background-position: center center; } [theme="general"] .responsiveVideo:after, [theme="general"] .benefit-images:after, div[theme="general"] .responsiveVideo:after, div[theme="general"] .benefit-images:after { box-shadow: inset 0px 0px 41px 35px #eee9e5; } [theme="touch19"][theme-bg="true"], div[theme="touch19"][theme-bg="true"] { background-color: #ffffff; } [theme="touch19"] .title-logo:before, div[theme="touch19"] .title-logo:before { content: "\e371"; font-family: "eden-icons"; } [theme="touch19"] .responsiveVideo:after, [theme="touch19"] .benefit-images:after, div[theme="touch19"] .responsiveVideo:after, div[theme="touch19"] .benefit-images:after { box-shadow: inset 0px 0px 41px 35px #eee9e5; } [theme="comfort"], div[theme="comfort"] { /*h2, .h2 { @include h1-gibson(); color: $color-heading; }*/ /* .btn { @include theme-btn($color-button); } .large-btn { @media only screen and (min-width: 64.0625em) { @include theme-btn($color-button); } }*/ } [theme="comfort"][theme-bg="true"], div[theme="comfort"][theme-bg="true"] { background-color: #ffffff; } [theme="comfort"] .title-logo:before, div[theme="comfort"] .title-logo:before { content: "\e374"; font-family: "eden-icons"; } [theme="comfort"] .responsiveVideo:after, [theme="comfort"] .benefit-images:after, div[theme="comfort"] .responsiveVideo:after, div[theme="comfort"] .benefit-images:after { box-shadow: inset 0px 0px 41px 35px #ebe9e8; } [theme="upngo"], div[theme="upngo"] { /*h2, .h2 { @include h1-gibson(); color: $color-heading; }*/ /* .btn { @include theme-btn($color-button); } .large-btn { @media only screen and (min-width: 64.0625em) { @include theme-btn($color-button); } }*/ } [theme="upngo"][theme-bg="true"], div[theme="upngo"][theme-bg="true"] { background-color: #ffffff; } [theme="upngo"] .title-logo:before, div[theme="upngo"] .title-logo:before { content: "\e373"; font-family: "eden-icons"; } [theme="upngo"] .responsiveVideo:after, [theme="upngo"] .benefit-images:after, div[theme="upngo"] .responsiveVideo:after, div[theme="upngo"] .benefit-images:after { box-shadow: inset 0px 0px 41px 35px #eee9e5; } [theme="newborn"], div[theme="newborn"] { /* h2, .h2 { @include h1-gibson(); color: $color-heading; }*/ /* .btn { @include theme-btn($color-button); } .large-btn { @media only screen and (min-width: 64.0625em) { @include theme-btn($color-button); } }*/ } [theme="newborn"][theme-bg="true"], div[theme="newborn"][theme-bg="true"] { background-color: #ffffff; } [theme="newborn"] .title-logo:before, div[theme="newborn"] .title-logo:before { content: "\e370"; font-family: "eden-icons"; } [theme="newborn"] .responsiveVideo:after, [theme="newborn"] .benefit-images:after, div[theme="newborn"] .responsiveVideo:after, div[theme="newborn"] .benefit-images:after { box-shadow: inset 0px 0px 41px 35px #f2f0eb; } [theme="comfort-baru"], div[theme="comfort-baru"] { /* .btn { @include theme-btn($color-button); } .large-btn { @media only screen and (min-width: 64.0625em) { @include theme-btn($color-button); } }*/ } [theme="comfort-baru"][theme-bg="true"], div[theme="comfort-baru"][theme-bg="true"] { background-image: url(/assets-facelift/images/themes/baru-open-bg-2.png); background-repeat: repeat; background-color: #ebe9e8; background-position: 0 0; } [theme="comfort-baru"] h2, [theme="comfort-baru"] .h2, [theme="comfort-baru"] .h2, div[theme="comfort-baru"] h2, div[theme="comfort-baru"] .h2, div[theme="comfort-baru"] .h2 { font-family: "gibson-light"; color: #19d5e5; } [theme="comfort-baru"] .title-logo:before, div[theme="comfort-baru"] .title-logo:before { content: "\EA23"; } [theme="comfort-baru"] .responsiveVideo:after, [theme="comfort-baru"] .benefit-images:after, div[theme="comfort-baru"] .responsiveVideo:after, div[theme="comfort-baru"] .benefit-images:after { box-shadow: inset 0px 0px 41px 35px #ebe9e8; } [theme="upngo-baru"], div[theme="upngo-baru"] { /* .btn { @include theme-btn($color-button); } .large-btn { @media only screen and (min-width: 64.0625em) { @include theme-btn($color-button); } }*/ } [theme="upngo-baru"][theme-bg="true"], div[theme="upngo-baru"][theme-bg="true"] { background-image: url(/assets-facelift/images/themes/baru-pants-bg-2.png); background-repeat: repeat; background-color: #eee9e5; } [theme="upngo-baru"] h2, [theme="upngo-baru"] .h2, [theme="upngo-baru"] .h2, div[theme="upngo-baru"] h2, div[theme="upngo-baru"] .h2, div[theme="upngo-baru"] .h2 { font-family: "gibson-light"; color: #e11d16; } [theme="upngo-baru"] .title-logo:before, div[theme="upngo-baru"] .title-logo:before { content: "\EAC5"; } [theme="upngo-baru"] .responsiveVideo:after, [theme="upngo-baru"] .benefit-images:after, div[theme="upngo-baru"] .responsiveVideo:after, div[theme="upngo-baru"] .benefit-images:after { box-shadow: inset 0px 0px 41px 35px #eee9e5; } [theme="newborn-baru"], div[theme="newborn-baru"] { /* .btn { @include theme-btn($color-button); } .large-btn { @media only screen and (min-width: 64.0625em) { @include theme-btn($color-button); } }*/ } [theme="newborn-baru"][theme-bg="true"], div[theme="newborn-baru"][theme-bg="true"] { background-image: url(/assets-facelift/images/themes/baru-open-bg-2.png); background-repeat: repeat; background-color: #f2f0eb; } [theme="newborn-baru"] h2, [theme="newborn-baru"] .h2, [theme="newborn-baru"] .h2, div[theme="newborn-baru"] h2, div[theme="newborn-baru"] .h2, div[theme="newborn-baru"] .h2 { font-family: "gibson-light"; color: #ffc51c; } [theme="newborn-baru"] .title-logo:before, div[theme="newborn-baru"] .title-logo:before { content: "\EA57"; } [theme="newborn-baru"] .responsiveVideo:after, [theme="newborn-baru"] .benefit-images:after, div[theme="newborn-baru"] .responsiveVideo:after, div[theme="newborn-baru"] .benefit-images:after { box-shadow: inset 0px 0px 41px 35px #f2f0eb; } [theme="lotus-touch-newborn"][theme-bg="true"], div[theme="lotus-touch-newborn"][theme-bg="true"] { background-image: url(/assets-facelift/images/themes/baru-open-bg-2.png); background-repeat: repeat; background-color: #f2f0eb; } [theme="lotus-touch-newborn"] h2, [theme="lotus-touch-newborn"] .h2, [theme="lotus-touch-newborn"] .h2, div[theme="lotus-touch-newborn"] h2, div[theme="lotus-touch-newborn"] .h2, div[theme="lotus-touch-newborn"] .h2 { font-family: "gibson-light"; color: #ffc51c; } [theme="lotus-touch-newborn"] .title-logo:before, div[theme="lotus-touch-newborn"] .title-logo:before { content: "\EA38"; } [theme="lotus-touch-newborn"] .responsiveVideo:after, [theme="lotus-touch-newborn"] .benefit-images:after, div[theme="lotus-touch-newborn"] .responsiveVideo:after, div[theme="lotus-touch-newborn"] .benefit-images:after { box-shadow: inset 0px 0px 41px 35px #f2f0eb; } [theme="lotus-touch-comfort"][theme-bg="true"], div[theme="lotus-touch-comfort"][theme-bg="true"] { background-image: url(/assets-facelift/images/themes/baru-open-bg-2.png); background-repeat: repeat; background-color: #ebe9e8; background-position: 0 0; } [theme="lotus-touch-comfort"] h2, [theme="lotus-touch-comfort"] .h2, [theme="lotus-touch-comfort"] .h2, div[theme="lotus-touch-comfort"] h2, div[theme="lotus-touch-comfort"] .h2, div[theme="lotus-touch-comfort"] .h2 { font-family: "gibson-light"; color: #19d5e5; } [theme="lotus-touch-comfort"] .title-logo:before, div[theme="lotus-touch-comfort"] .title-logo:before { content: "\EA37"; } [theme="lotus-touch-comfort"] .responsiveVideo:after, [theme="lotus-touch-comfort"] .benefit-images:after, div[theme="lotus-touch-comfort"] .responsiveVideo:after, div[theme="lotus-touch-comfort"] .benefit-images:after { box-shadow: inset 0px 0px 41px 35px #ebe9e8; } [theme="lotus-touch-upngo"][theme-bg="true"], div[theme="lotus-touch-upngo"][theme-bg="true"] { background-image: url(/assets-facelift/images/themes/baru-pants-bg-2.png); background-repeat: repeat; background-color: #eee9e5; } [theme="lotus-touch-upngo"] h2, [theme="lotus-touch-upngo"] .h2, [theme="lotus-touch-upngo"] .h2, div[theme="lotus-touch-upngo"] h2, div[theme="lotus-touch-upngo"] .h2, div[theme="lotus-touch-upngo"] .h2 { font-family: "gibson-light"; color: #e11d16; } [theme="lotus-touch-upngo"] .title-logo:before, div[theme="lotus-touch-upngo"] .title-logo:before { content: "\EA39"; } [theme="lotus-touch-upngo"] .responsiveVideo:after, [theme="lotus-touch-upngo"] .benefit-images:after, div[theme="lotus-touch-upngo"] .responsiveVideo:after, div[theme="lotus-touch-upngo"] .benefit-images:after { box-shadow: inset 0px 0px 41px 35px #eee9e5; } [theme="everyday"], div[theme="everyday"] { /* .btn { @include theme-btn($color-button); } .large-btn { @media only screen and (min-width: 64.0625em) { @include theme-btn($color-button); } }*/ } [theme="everyday"][theme-bg="true"], div[theme="everyday"][theme-bg="true"] { background-image: url(/assets/images/themes/general/common-bg.jpg); background-repeat: repeat; background-color: ""; } [theme="everyday"] h2, [theme="everyday"] .h2, [theme="everyday"] .h2, div[theme="everyday"] h2, div[theme="everyday"] .h2, div[theme="everyday"] .h2 { font-family: "gibson-light"; color: #0076a9; } [theme="everyday"] .title-logo:before, div[theme="everyday"] .title-logo:before { content: "\EA28"; } [theme="everyday"] .responsiveVideo:after, [theme="everyday"] .benefit-images:after, div[theme="everyday"] .responsiveVideo:after, div[theme="everyday"] .benefit-images:after { box-shadow: inset 0px 0px 41px 35px ""; } [theme="drypants"], div[theme="drypants"] { /* .btn { @include theme-btn($color-button); } .large-btn { @media only screen and (min-width: 64.0625em) { @include theme-btn($color-button); } }*/ } [theme="drypants"][theme-bg="true"], div[theme="drypants"][theme-bg="true"] { background-image: url(/assets/images/themes/general/common-bg.jpg); background-repeat: repeat; background-color: ""; } [theme="drypants"] h2, [theme="drypants"] .h2, [theme="drypants"] .h2, div[theme="drypants"] h2, div[theme="drypants"] .h2, div[theme="drypants"] .h2 { font-family: "gibson-light"; color: #e83182; } [theme="drypants"] .title-logo:before, div[theme="drypants"] .title-logo:before { content: "\EA26"; } [theme="drypants"] .responsiveVideo:after, [theme="drypants"] .benefit-images:after, div[theme="drypants"] .responsiveVideo:after, div[theme="drypants"] .benefit-images:after { box-shadow: inset 0px 0px 41px 35px ""; } [theme="sleep-tight"], div[theme="sleep-tight"] { /*h2, .h2 { @include h1-gibson(); color: $color-heading; }*/ /* .btn { @include theme-btn($color-button); } .large-btn { @media only screen and (min-width: 64.0625em) { @include theme-btn($color-button); } }*/ } [theme="sleep-tight"][theme-bg="true"], div[theme="sleep-tight"][theme-bg="true"] { background-color: #ffffff; } [theme="sleep-tight"] .title-logo:before, div[theme="sleep-tight"] .title-logo:before { content: "\EAB5"; } [theme="sleep-tight"] .responsiveVideo:after, [theme="sleep-tight"] .benefit-images:after, div[theme="sleep-tight"] .responsiveVideo:after, div[theme="sleep-tight"] .benefit-images:after { box-shadow: inset 0px 0px 41px 35px #f6f5f4; } [theme="touch"], div[theme="touch"] { /* .btn { @include theme-btn($color-button); } .large-btn { @media only screen and (min-width: 64.0625em) { @include theme-btn($color-button); } }*/ } [theme="touch"][theme-bg="true"], div[theme="touch"][theme-bg="true"] { background-color: #ffffff; } [theme="touch"] .title-logo:before, div[theme="touch"] .title-logo:before { content: "\e371"; font-family: "eden-icons"; } [theme="touch"] .responsiveVideo:after, [theme="touch"] .benefit-images:after, div[theme="touch"] .responsiveVideo:after, div[theme="touch"] .benefit-images:after { box-shadow: inset 0px 0px 41px 35px #eee9e5; } [theme="touch-pants"], div[theme="touch-pants"] { /*h2, .h2 { @include h1-gibson(); color: $color-heading; }*/ /* .btn { @include theme-btn($color-button); } .large-btn { @media only screen and (min-width: 64.0625em) { @include theme-btn($color-button); } }*/ } [theme="touch-pants"][theme-bg="true"], div[theme="touch-pants"][theme-bg="true"] { background-color: #ffffff; } [theme="touch-pants"] .title-logo:before, div[theme="touch-pants"] .title-logo:before { content: "\e371"; font-family: "eden-icons"; } [theme="touch-pants"] .responsiveVideo:after, [theme="touch-pants"] .benefit-images:after, div[theme="touch-pants"] .responsiveVideo:after, div[theme="touch-pants"] .benefit-images:after { box-shadow: inset 0px 0px 41px 35px #eee9e5; } [theme="swimpants"], div[theme="swimpants"] { /*h2, .h2 { @include h1-gibson(); color: $color-heading; }* /* .btn { @include theme-btn($color-button); } .large-btn { @media only screen and (min-width: 64.0625em) { @include theme-btn($color-button); } }*/ } [theme="swimpants"][theme-bg="true"], div[theme="swimpants"][theme-bg="true"] { background-image: url(/assets/images/themes/swimpants/swimpants-bg.png); background-repeat: repeat; background-color: ""; background-size: initial; background-position: center center; } [theme="swimpants"] .title-logo:before, div[theme="swimpants"] .title-logo:before { content: "\EABB"; } [theme="swimpants"] .responsiveVideo:after, [theme="swimpants"] .benefit-images:after, div[theme="swimpants"] .responsiveVideo:after, div[theme="swimpants"] .benefit-images:after { box-shadow: inset 0px 0px 41px 35px ""; } [theme="accessories"] h1, [theme="accessories"] .h1, [theme="accessories"] .h1, div[theme="accessories"] h1, div[theme="accessories"] .h1, div[theme="accessories"] .h1 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: white; } [theme="general"] .theme-color, body .theme-color[theme="general"] { color: #4f1070; } [theme="touch19"] .theme-color, body .theme-color[theme="touch19"] { color: #ba9748; } [theme="comfort"] .theme-color, body .theme-color[theme="comfort"] { color: #19d5e5; } [theme="upngo"] .theme-color, body .theme-color[theme="upngo"] { color: #e11d16; } [theme="newborn"] .theme-color, body .theme-color[theme="newborn"] { color: #ffc51c; } [theme="comfort-baru"] .theme-color, body .theme-color[theme="comfort-baru"] { color: #19d5e5; } [theme="upngo-baru"] .theme-color, body .theme-color[theme="upngo-baru"] { color: #e11d16; } [theme="newborn-baru"] .theme-color, body .theme-color[theme="newborn-baru"] { color: #ffc51c; } [theme="everyday"] .theme-color, body .theme-color[theme="everyday"] { color: #0076a9; } [theme="drypants"] .theme-color, body .theme-color[theme="drypants"] { color: #e83182; } [theme="sleep-tight"] .theme-color, body .theme-color[theme="sleep-tight"] { color: #001f5f; } [theme="touch"] .theme-color, body .theme-color[theme="touch"] { color: #ba9748; } [theme="touch-pants"] .theme-color, body .theme-color[theme="touch-pants"] { color: #ba9748; } [theme="swimpants"] .theme-color, body .theme-color[theme="swimpants"] { color: #4f1070; } [theme="accessories"] .theme-color, body .theme-color[theme="accessories"] { color: white; } .products--anchor-menu { position: fixed; top: 0; left: 0; width: 100%; height: 66px; z-index: 41; transition: all 500ms ease-in-out; -webkit-transform: translate3d(0, -120%, 0) scale3d(1.2, 1.2, 1.2); transform: translate3d(0, -120%, 0) scale3d(1.2, 1.2, 1.2); -webkit-backface-visibility: hidden; pointer-events: none; border-image: url(/assets/images/shapes/anchor-menu.svg) 0 fill stretch; } .products--anchor-menu span { display: inline-block; position: relative; } .products--anchor-menu .container { max-width: 72.5rem; position: relative; margin: 0 auto; height: 100%; } .products--anchor-menu a { display: block; height: 100%; padding: 0 10px; color: #fff; transition: all 350ms ease-in-out; } .products--anchor-menu a:hover { color: #fff; } .products--anchor-menu a:hover span { color: #fff; } .products--anchor-menu .list a.on, .no-touch .products--anchor-menu .list a:hover { opacity: 1 !important; } .products--anchor-menu .list a.on > span, .no-touch .products--anchor-menu .list a:hover > span { opacity: 1 !important; } .lt-ie10 .products--anchor-menu { display: none; } .products--anchor-menu.on { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); pointer-events: auto; } .lt-ie10 .products--anchor-menu.on { display: block; } .products--anchor-menu div.to-top { width: 66px; } .products--anchor-menu div.to-top span { line-height: 0; top: 50%; -webkit-transform: translateY(-60%); transform: translateY(-60%); } .products--anchor-menu div.to-top span:before { content: "\EA69"; font-size: 21px; } .products--anchor-menu div.to-bottom { width: 66px; } .products--anchor-menu div.to-bottom span { line-height: 0; font-size: 21px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .products--anchor-menu .menu { position: absolute; top: 0; left: 0; width: 100%; height: 66px; -webkit-transform: translateZ(0); transform: translateZ(0); } .products--anchor-menu .menu:before, .products--anchor-menu .menu:after { content: " "; display: table; } .products--anchor-menu .menu:after { clear: both; } .products--anchor-menu .menu > div { height: 66px; text-align: center; } .products--anchor-menu .menu a { font-size: 18px; } .products--anchor-menu .current { position: absolute; top: 0; right: 0; width: 100%; height: 66px; } .products--anchor-menu .current span { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .products--anchor-menu .current a:before { position: absolute; top: 50%; right: 1.875rem; -webkit-transform: translateY(-50%) scaleY(1); transform: translateY(-50%) scaleY(1); content: "\EA66"; color: white; font-size: 16px; transition: -webkit-transform 350ms ease-in-out; transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out; } .products--anchor-menu .current a.on:before { -webkit-transform: translateY(-50%) scaleY(-1); transform: translateY(-50%) scaleY(-1); } .products--anchor-menu .list { position: absolute; top: 56px; left: 0; width: 100%; transition: all 300ms ease-in-out; opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); text-align: center; } .products--anchor-menu .list.on { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .products--anchor-menu .list ul { width: 100%; } .products--anchor-menu .list a { padding: 10px; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .products--anchor-menu ul { display: block; font-size: 0; margin: 0; padding: 0; } .products--anchor-menu li { display: block; list-style: none; } .products--anchor-menu li a { font-size: 18px; } .products--anchor-menu .progress-bar { display: none; } [data-anchor-menu-item-id] { height: 0px; overflow: hidden; margin-top: 0 !important; } .xepi-edit [data-anchor-menu-item-id] { height: auto; border: 1px solid silver; padding: 3px; } .ratings-bar { position: relative; display: inline-block; white-space: nowrap; line-height: 1; } .ratings-bar * { /* yes.... I know... */ vertical-align: top; } .ratings-bar .stars, .ratings-bar a { display: inline-block; line-height: normal; } .ratings-bar .reviews { display: inline-block; margin-left: 10px; margin-top: 2px; font-family: "gibson-light"; color: white; font-weight: bold; } .ratings-bar .stars a { color: #d8d0c5; line-height: 1; } .ratings-bar .stars a span { transition: all 350ms ease-in-out; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; position: relative; display: inline-block; font-size: 20px; } .ratings-bar .stars a span:before { content: "\EAA3"; } .ratings-bar .stars a span span { position: absolute; top: 0; left: 0; height: 100%; color: #ba9748; overflow: hidden; text-shadow: 0 0 1px #ba9748; } .no-touch .ratings-bar .stars a:hover > span { color: #ba9748; -webkit-transform: scale(1.3); transform: scale(1.3); } .no-touch .ratings-bar .stars a:hover > span span { opacity: 0; } .ratings-bar .stars a:nth-child(5n + 1) { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .ratings-bar .stars a:nth-child(5n + 2) { -webkit-transform: rotate(72deg); transform: rotate(72deg); } .ratings-bar .stars a:nth-child(5n + 3) { -webkit-transform: rotate(144deg); transform: rotate(144deg); } .ratings-bar .stars a:nth-child(5n + 4) { -webkit-transform: rotate(216deg); transform: rotate(216deg); } .ratings-bar .stars a:nth-child(5n + 5) { -webkit-transform: rotate(288deg); transform: rotate(288deg); } .editor { max-width: 880px; } .editor li, .editor blockquote { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #3d382d; } .editor h5, .editor .h5, .editor .h5 { font-family: "henzipen-normal"; } .editor ul, .editor ol { margin: 25px 0 1.4rem 25px; } .editor li { margin-bottom: 8px; } .editor ul { list-style: none; } .editor ul li { position: relative; } .editor ul li:before { content: "\2022"; position: absolute; left: -1.5rem; top: 0rem; } .editor ul.fancy li:before { font-size: 1rem; content: "\EA70"; color: black; left: -2rem; top: 0.25rem; } .editor blockquote { position: relative; border: none; margin: 40px; text-align: center; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; } .editor blockquote:before, .editor blockquote:after { font-size: 4em; position: absolute; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .editor blockquote:before { content: "“"; left: -0.4em; top: 0.26em; } .editor blockquote:after { content: "”"; right: -0.4em; bottom: -0.26em; } [theme="general"] .editor ul li:before, [theme="general"] .editor blockquote:before, [theme="general"] .editor blockquote:after, body .editor[theme="general"] ul li:before, body .editor[theme="general"] blockquote:before, body .editor[theme="general"] blockquote:after { color: #4f1070; } [theme="general"] .editor h1, [theme="general"] .editor .h1, [theme="general"] .editor h2, [theme="general"] .editor .h2, [theme="general"] .editor h3, [theme="general"] .editor .h3, [theme="general"] .editor .product-info h1, .product-info [theme="general"] .editor h1, [theme="general"] .editor .product-info .h1, .product-info [theme="general"] .editor .h1, [theme="general"] .editor h4, [theme="general"] .editor .h4, [theme="general"] .editor h5, [theme="general"] .editor .h5, [theme="general"] .editor .h1, [theme="general"] .editor .h2, [theme="general"] .editor .h3, [theme="general"] .editor .h4, [theme="general"] .editor .h5, body .editor[theme="general"] h1, body .editor[theme="general"] .h1, body .editor[theme="general"] h2, body .editor[theme="general"] .h2, body .editor[theme="general"] h3, body .editor[theme="general"] .h3, body .editor[theme="general"] .product-info h1, .product-info body .editor[theme="general"] h1, body .editor[theme="general"] .product-info .h1, .product-info body .editor[theme="general"] .h1, body .editor[theme="general"] h4, body .editor[theme="general"] .h4, body .editor[theme="general"] h5, body .editor[theme="general"] .h5, body .editor[theme="general"] .h1, body .editor[theme="general"] .h2, body .editor[theme="general"] .h3, body .editor[theme="general"] .h4, body .editor[theme="general"] .h5 { color: #3d382d; } [theme="touch19"] .editor ul li:before, [theme="touch19"] .editor blockquote:before, [theme="touch19"] .editor blockquote:after, body .editor[theme="touch19"] ul li:before, body .editor[theme="touch19"] blockquote:before, body .editor[theme="touch19"] blockquote:after { color: #ba9748; } [theme="touch19"] .editor h1, [theme="touch19"] .editor .h1, [theme="touch19"] .editor h2, [theme="touch19"] .editor .h2, [theme="touch19"] .editor h3, [theme="touch19"] .editor .h3, [theme="touch19"] .editor .product-info h1, .product-info [theme="touch19"] .editor h1, [theme="touch19"] .editor .product-info .h1, .product-info [theme="touch19"] .editor .h1, [theme="touch19"] .editor h4, [theme="touch19"] .editor .h4, [theme="touch19"] .editor h5, [theme="touch19"] .editor .h5, [theme="touch19"] .editor .h1, [theme="touch19"] .editor .h2, [theme="touch19"] .editor .h3, [theme="touch19"] .editor .h4, [theme="touch19"] .editor .h5, body .editor[theme="touch19"] h1, body .editor[theme="touch19"] .h1, body .editor[theme="touch19"] h2, body .editor[theme="touch19"] .h2, body .editor[theme="touch19"] h3, body .editor[theme="touch19"] .h3, body .editor[theme="touch19"] .product-info h1, .product-info body .editor[theme="touch19"] h1, body .editor[theme="touch19"] .product-info .h1, .product-info body .editor[theme="touch19"] .h1, body .editor[theme="touch19"] h4, body .editor[theme="touch19"] .h4, body .editor[theme="touch19"] h5, body .editor[theme="touch19"] .h5, body .editor[theme="touch19"] .h1, body .editor[theme="touch19"] .h2, body .editor[theme="touch19"] .h3, body .editor[theme="touch19"] .h4, body .editor[theme="touch19"] .h5 { color: #3d382d; } [theme="touch"] .editor ul li:before, [theme="touch"] .editor blockquote:before, [theme="touch"] .editor blockquote:after, body .editor[theme="touch"] ul li:before, body .editor[theme="touch"] blockquote:before, body .editor[theme="touch"] blockquote:after { color: #ba9748; } [theme="touch"] .editor h1, [theme="touch"] .editor .h1, [theme="touch"] .editor h2, [theme="touch"] .editor .h2, [theme="touch"] .editor h3, [theme="touch"] .editor .h3, [theme="touch"] .editor .product-info h1, .product-info [theme="touch"] .editor h1, [theme="touch"] .editor .product-info .h1, .product-info [theme="touch"] .editor .h1, [theme="touch"] .editor h4, [theme="touch"] .editor .h4, [theme="touch"] .editor h5, [theme="touch"] .editor .h5, [theme="touch"] .editor .h1, [theme="touch"] .editor .h2, [theme="touch"] .editor .h3, [theme="touch"] .editor .h4, [theme="touch"] .editor .h5, body .editor[theme="touch"] h1, body .editor[theme="touch"] .h1, body .editor[theme="touch"] h2, body .editor[theme="touch"] .h2, body .editor[theme="touch"] h3, body .editor[theme="touch"] .h3, body .editor[theme="touch"] .product-info h1, .product-info body .editor[theme="touch"] h1, body .editor[theme="touch"] .product-info .h1, .product-info body .editor[theme="touch"] .h1, body .editor[theme="touch"] h4, body .editor[theme="touch"] .h4, body .editor[theme="touch"] h5, body .editor[theme="touch"] .h5, body .editor[theme="touch"] .h1, body .editor[theme="touch"] .h2, body .editor[theme="touch"] .h3, body .editor[theme="touch"] .h4, body .editor[theme="touch"] .h5 { color: #3d382d; } [theme="touch"] .editor h5, [theme="touch"] .editor .h5, [theme="touch"] .editor .h5, body .editor[theme="touch"] h5, body .editor[theme="touch"] .h5, body .editor[theme="touch"] .h5 { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="comfort"] .editor ul li:before, [theme="comfort"] .editor blockquote:before, [theme="comfort"] .editor blockquote:after, body .editor[theme="comfort"] ul li:before, body .editor[theme="comfort"] blockquote:before, body .editor[theme="comfort"] blockquote:after { color: #3d382d; } [theme="comfort"] .editor h1, [theme="comfort"] .editor .h1, [theme="comfort"] .editor h2, [theme="comfort"] .editor .h2, [theme="comfort"] .editor h3, [theme="comfort"] .editor .h3, [theme="comfort"] .editor .product-info h1, .product-info [theme="comfort"] .editor h1, [theme="comfort"] .editor .product-info .h1, .product-info [theme="comfort"] .editor .h1, [theme="comfort"] .editor h4, [theme="comfort"] .editor .h4, [theme="comfort"] .editor h5, [theme="comfort"] .editor .h5, [theme="comfort"] .editor .h1, [theme="comfort"] .editor .h2, [theme="comfort"] .editor .h3, [theme="comfort"] .editor .h4, [theme="comfort"] .editor .h5, body .editor[theme="comfort"] h1, body .editor[theme="comfort"] .h1, body .editor[theme="comfort"] h2, body .editor[theme="comfort"] .h2, body .editor[theme="comfort"] h3, body .editor[theme="comfort"] .h3, body .editor[theme="comfort"] .product-info h1, .product-info body .editor[theme="comfort"] h1, body .editor[theme="comfort"] .product-info .h1, .product-info body .editor[theme="comfort"] .h1, body .editor[theme="comfort"] h4, body .editor[theme="comfort"] .h4, body .editor[theme="comfort"] h5, body .editor[theme="comfort"] .h5, body .editor[theme="comfort"] .h1, body .editor[theme="comfort"] .h2, body .editor[theme="comfort"] .h3, body .editor[theme="comfort"] .h4, body .editor[theme="comfort"] .h5 { color: #3d382d; } .product--filter-slider { padding: 20px 0; } .filter-slider { position: relative; width: 100%; height: 60px; display: none; } .filter-slider-handle { position: absolute; top: -28px; left: 0; width: 64px; height: 84px; text-align: center; cursor: pointer; z-index: 2; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; border-image: url(/assets/images/shapes/slider-mark.svg) 0 fill stretch; } .filter-slider-handle.active:before { background-color: #360b4c; } .filter-slider-handle.active:after { border-color: #360b4c transparent transparent transparent; } .filter-slider-handle:before, .filter-slider-handle:after { transition: all 350ms; } .filter-slider-display { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; } .filter-slider-value-output { margin-top: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; } .filter-slider-value-output .v1 { font-size: 24px; } .filter-slider-value-output .v2, .filter-slider-value-output .v3 { font-size: 18px; } .filter-slider-texts { position: absolute; top: -2px; left: 0; width: 100%; float: left; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .filter-slider-texts div { width: 50%; float: left; } .filter-slider-texts div:last-child { text-align: right; } .filter-slider-backdrop { background-color: rgba(0, 0, 0, 0.2); width: 100%; margin: 0 auto; margin-top: 28px; } .filter-slider-backdrop:before, .filter-slider-backdrop:after { content: ""; position: absolute; top: 0; left: 0; width: 32px; height: 10px; background-color: rgba(0, 0, 0, 0.2); } .filter-slider-backdrop:before { border-radius: 10px 0 0 10px; } .filter-slider-backdrop:after { left: auto; right: 0; border-radius: 0 10px 10px 0; } .filter-range-markings { position: absolute; height: 10px; width: calc(100% - 64px); margin: 0 auto; } .filter-range-marking { position: absolute; top: 0; left: 100px; width: 100px; height: 10px; background-color: rgba(17, 17, 17, 0.4); } .filter-slider-alerts { position: absolute; height: 10px; width: 100%; -webkit-transform: translateY(-50px); transform: translateY(-50px); z-index: 1; left: 0; margin: 0 auto; right: 0; pointer-events: none; } .filter-slider-alert { display: none; position: absolute; top: -2px; width: 400px; padding: 35px; z-index: 1; text-align: center; border-image: url(/assets/images/shapes/bg-slider-alert.svg) 0 fill stretch; transition: all 350ms ease; -webkit-transform: scale(0.1); transform: scale(0.1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } .csstransforms3d .filter-slider-alert { -webkit-transform: scale3d(0.1, 0.1, 0.1); transform: scale3d(0.1, 0.1, 0.1); } .filter-slider-alert.active { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .csstransforms3d .filter-slider-alert.active { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .filter-steps { height: 10px; line-height: 0; position: relative; } .filter-steps .filter-step { position: absolute; top: 0; left: 0; width: 30px; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: inline-block; height: 24px; z-index: 1; cursor: pointer; } .filter-steps .sep { position: absolute; top: 0; left: 15px; width: 1px; height: 24px; background-color: #fff; } .filter-steps .val { position: absolute; bottom: 0; line-height: normal; left: 15px; min-width: 30px; text-align: center; -webkit-transform: translateX(-50%) translateY(110%); transform: translateX(-50%) translateY(110%); } .filter-move-to-size { margin-top: 20px; } .filter-move-to-size > div { display: inline-block; vertical-align: top; margin: 0 7px; } .filter-move-to-size .indicator { margin-top: 12px; -webkit-transform: translateX(-12px) translateY(-3px); transform: translateX(-12px) translateY(-3px); transition: -webkit-transform 500ms ease 375ms; transition: transform 500ms ease 375ms; transition: transform 500ms ease 375ms, -webkit-transform 500ms ease 375ms; } .filter-slider-alert.active .filter-move-to-size .indicator { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } .product--filter-slider .size { display: inline-block; position: relative; width: 52px; height: 52px; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; border-radius: 100px; } .product--filter-slider .size.from:before { background: #9d81bb; border-radius: 46% 42% 51% 39%; } .product--filter-slider .size span { position: absolute; top: 55%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff; font-size: 28px; } .product--filter-slider .size:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #4f1070; border-radius: 100px; } .product--filter-slider .size.to:before { border-radius: 0; background-color: transparent; background: #562483; border-radius: 42% 46% 50% 38%; background-size: 100% 100%; } .filter-slider-small { position: relative; } .filter-slider-small .size-c:nth-child(even) .size:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .filter-slider-small .size:before { border-radius: 0; background-color: transparent; background-size: 100% 100%; } .filter-slider-small:before { content: ""; display: block; padding-top: 66px; } .filter-slider-small a:hover, .filter-slider-small a:focus { color: #fff; } .filter-slider-small a:hover span, .filter-slider-small a:focus span { color: #fff; } .filter-slider-small .btn-container { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; padding: 15px 10px; } .filter-slider-small .btn-container a { width: 100%; text-align: left; font-size: 20px; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .filter-slider-small .btn-container a:before { content: "\EA66"; position: absolute; top: 52%; right: 30px; -webkit-transform: translateY(-52%) scale(1); transform: translateY(-52%) scale(1); font-size: 20px; transition: all 350ms ease; } .filter-slider-small.active .btn-container a:before { -webkit-transform: translateY(-52%) scale(-1); transform: translateY(-52%) scale(-1); margin-top: -4px; } .filter-slider-small.active .container { -webkit-transform: none; transform: none; opacity: 1; } .filter-slider-small .clear { line-height: 0; } .filter-slider-small .clear:before { content: "\EA73"; font-size: 20px; margin-top: -6px; } .filter-slider-small .container { float: left; position: absolute; top: 0; left: 0; width: 100%; padding: 20px 10px; padding-top: 72px; z-index: 2; border-image: url(/assets/images/shapes/cart-row.svg) 0 fill stretch; transition: all 350ms ease; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: translateY(35px) scale(0.1); transform: translateY(35px) scale(0.1); opacity: 0; line-height: 0; text-align: center; } .filter-slider-small .wrap { display: inline-block; text-align: left; } .filter-slider-small .size-c { width: 25%; text-align: center; padding: 2% 10px; display: inline-block; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .filter-slider-small-alert { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 10; background-color: rgba(79, 16, 112, 0.8); padding: 20px 44px 20px 20px; color: #fff; cursor: pointer; -webkit-transform: translateY(100%); transform: translateY(100%); transition: all 350ms; } .filter-slider-small-alert:before { content: "\EA1F"; position: absolute; right: 10px; top: 10px; font-size: 22px; } .filter-slider-small-alert.active { -webkit-transform: translateY(0); transform: translateY(0); } .responsiveVideo { position: relative; padding-bottom: 56.3%; padding-top: 0; height: 0; overflow: hidden; } .products--split-50-50 .responsiveVideo { padding-bottom: inherit; height: inherit; } .responsiveVideo video, .responsiveVideo iframe, .responsiveVideo canvas, .responsiveVideo img.video-end, .responsiveVideo img.video-start, .responsiveVideo .sprite-animation { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsiveVideo video:after, .responsiveVideo iframe:after, .responsiveVideo canvas:after, .responsiveVideo img.video-end:after, .responsiveVideo img.video-start:after, .responsiveVideo .sprite-animation:after { pointer-events: none; } .products .full-overlay-close { text-align: right; background-color: #34154f; height: 60px; padding-top: 0; z-index: 9999; position: absolute; top: 0; } .products .full-overlay-close a { background: #000; width: 60px; height: 60px; padding-top: 6px; text-align: center; } .products .full-overlay-close a:after { content: ""; width: 48px; height: 48px; } [accordion="small"] dd > a:after { content: "\EA64"; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 23px; display: block; position: absolute; right: 30px; top: 17px; -webkit-transform: rotate(0deg); transform: rotate(0deg); } [accordion="small"] dd .selected:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .tabs { font-size: 0; position: relative; margin: 0; max-width: 1280px; z-index: 9; } .tabs li { display: inline-block; background-color: #F3F1F4; border-radius: 6px; margin-right: 15px; margin-bottom: 10px; min-width: 150px; text-align: center; } .tabs li a { display: inline-block; font-size: 20px; width: 100%; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; padding: 10px 20px 10px 20px; color: #562483; } .tabs li.selected { background-color: #562483; opacity: 1; } .tabs li.selected a { color: #ffffff; } .panels { overflow: hidden; margin-bottom: 0; } .panels dd { margin-bottom: 0; position: relative; } .panels dd > a { display: none; } .panels dd.selected .content { top: 0; } .panels .content { position: static; top: -1000px; width: 100%; padding-top: 10px; display: none; } .panels .content .row { padding: 0; max-width: initial; } .panels .selected .content { display: block; } .products--article .column { padding-left: 0 !important; padding-right: 0 !important; } [theme="general"].products--article .column { border-image: url(/assets/images/shapes/bg-mask.svg) 0 fill stretch; } .products--articlelist { padding: 0; } .products--articlelist .promos h2, .products--articlelist .promos .h2 { margin-top: 100px; } .products--articlelist .row > ul { float: left; margin: 0; } .products--articlelist .row > ul > li { list-style: none; } .products--articlelist .row > ul > li:last-child { float: left; } .products--articlelist .row > ul > li .responsiveVideo { padding-top: 0; padding-bottom: 55%; } .products--articlelist .row > ul > li div { border-image: url(/assets/images/shapes/bg-mask-small.svg) 0 fill stretch; min-height: 50px; padding: 10px; } .products--articlelist .row > ul > li p { position: relative; margin-bottom: 0; height: 40px; overflow: hidden; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 20px; line-height: 20px; } .products--articlelist .view-more { text-align: center; } .products--articlelist .view-more a:after { content: " (" attr(data-text) ")"; } .products--call-to-action { clear: both; position: relative; overflow: hidden; } .products--call-to-action .bg { position: absolute; width: 100%; height: 0; background-size: 100% auto; background-size: cover; background-position: top left; background-repeat: no-repeat; } .products--call-to-action div h2, .products--call-to-action div .h2 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: white; border-image: url(/assets/images/brushes/brushes_purple_3.png) 0 fill stretch; padding: 60px 30px 100px 80px; max-width: 55%; -webkit-transform: rotate(-5deg); transform: rotate(-5deg); line-height: 50px; margin-left: -80px; margin-top: 40px; } .products--call-to-action .logo { max-width: 180px; } .products--split-50-50 .column { border-image: url(/assets/images/shapes/bg-mask-small.svg) 0 fill stretch; } .products--split-50-50 .column b { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .products--split-50-50 .split { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .products--split-50-50 .split > div { max-width: 100%; width: 100%; } .products--split-50-50 .image { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; padding-top: 80%; } .products--split-50-50 .text { padding: 20px; } .products--split-70-30 .row div.column { border-image: url(/assets/images/shapes/bg-mask-small.svg) 0 fill stretch; padding: 0; } .products--split-70-30 .row div.column b { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .products--filter-menu { border-image: url(/assets/images/shapes/accessory-bg.svg) 0 fill stretch; position: absolute; bottom: -1px; width: 100%; } .products--filter-carousel-header .products--filter-menu { position: relative; margin-top: -10px; } .products--filter-menu ul { position: relative; max-width: 72.5rem; margin: 0 auto; display: block; font-size: 0; margin-left: 0; margin-bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); overflow: hidden; } .products--filter-menu li { display: inline-block; list-style: none; font-size: 16px; text-align: center; height: 60px; position: relative; line-height: 1.2; } .products--filter-menu span:first-child { font-size: 18px; } .products--filter-menu span:last-child { font-size: 14px; } .products--filter-menu li:last-child span { font-size: 18px; } .no-touch .products--filter-menu a:hover:before { border-image: url(/assets/images/shapes/box.svg) 0 fill stretch; } .no-touch .products--filter-menu a:hover span { color: #fff; } .products--filter-menu a:before, .products--filter-menu span { transition: all 350ms ease-in-out; } .products--filter-menu a.active:before { border-image: url(/assets/images/shapes/box.svg) 0 fill stretch; } .products--filter-menu li:last-child a div, .products--filter-menu li:nth-last-child(2) a div { left: 48%; } .products--filter-menu li:last-child a:before, .products--filter-menu li:nth-last-child(2) a:before { -webkit-transform: skew(20deg); transform: skew(20deg); left: -11px; } .products--filter-menu li:last-child a:before { background-color: #faf9f7; width: calc(100% + 40px); } .products--filter-menu li:last-child a.active:before { background-color: rgba(86, 36, 131, 0.9); } .products--filter-menu li:last-child a.active span { color: #fff; } .products--filter-menu li:last-child span { color: #562483; } .products--filter-menu li:nth-last-child(2) a { overflow: hidden; } .products--filter-menu a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; } .products--filter-menu a:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(79, 16, 112, 0.01); } .products--filter-menu div { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 2; } .products--filter-menu span { display: block; white-space: nowrap; } .products--filter-menu li:first-child:nth-last-child(6), .products--filter-menu li:first-child:nth-last-child(6) ~ li { width: 33.33333%; } .products--filter-menu li:first-child:nth-last-child(7), .products--filter-menu li:first-child:nth-last-child(7) ~ li { width: 28.57143%; } .products--filter-menu li:first-child:nth-last-child(8), .products--filter-menu li:first-child:nth-last-child(8) ~ li { width: 25%; } .products--filter-header { position: relative; overflow: hidden; background-size: auto; background-position: center; background-repeat: no-repeat; } .products--filter-header h1, .products--filter-header .h1, .products--filter-header .h1 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; margin: 0; color: #fff; padding: 0 0.9375rem; } .products--filter-header .content { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; top: 66px; height: calc(100% - 60px - 132px); } .products--filter-header .title-wrap.center { text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .products--filter-header .title-wrap.left-align { margin-top: 30px; } .products--filter-header .title { display: inline-block; -webkit-transform: rotate(-10deg); transform: rotate(-10deg); background: url(/assets/images/brushes/brushes_purple_3.png); background-size: 100% 100%; } .products--filter-header:before { content: ""; display: block; height: 0; padding-top: 140%; } .products--filter-header .responsive-image { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .product--filter-result-display { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding-top: 10px; /* a.btn{ background-color: $color-common-purple; border: 1px solid $color-common-purple; box-shadow: 0 0.1875rem 0 darken($color-common-purple, 5%); }*/ } .product--filter-result-display .ratings-bar .reviews { color: grey; } .product--filter-result-display ul { position: relative; margin-left: 0; margin-bottom: 0; font-size: 0; text-align: center; } .product--filter-result-display ul > li { list-style: none; display: inline-block; font-size: 0; vertical-align: top; max-width: 80%; } .product--filter-result-display ul > li.collapse { width: 0; margin: 0; padding: 0; opacity: 0; } .product--filter-result-display div.small-container ul { white-space: nowrap; } .product--filter-result-display div.small-container img { max-width: 80%; } .product--filter-result-display div.medium-container ul > li { max-width: 25%; } .product--filter-result-display div.medium-container .pack { height: 320px; line-height: 320px; } .product--filter-result-display div.medium-container img { max-height: 320px; } .product--filter-result-display .btn-container { padding: 10px 0; } .product--filter-result-display .wrap { width: 100%; display: inline-block; vertical-align: bottom; } .product--filter-result-display .pack { overflow: hidden; height: 200px; line-height: 200px; padding: 0 10px; } .product--filter-result-display .data { position: relative; font-size: 16px; white-space: normal; padding: 20px 10px; -webkit-transform-origin: top; transform-origin: top; -webkit-transform: translate3d(0, -20%, 0) scale3d(0.2, 0.2, 0.2); transform: translate3d(0, -20%, 0) scale3d(0.2, 0.2, 0.2); opacity: 0; } .product--filter-result-display .img { display: block; width: 100%; height: 100%; position: relative; text-align: center; } .product--filter-result-display .img a { display: inline-block; width: 100%; } .product--filter-result-display .img a img { transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .no-touch .product--filter-result-display .img a:hover img { -webkit-transform: scale(0.98); transform: scale(0.98); } .product--filter-result-display img { max-height: 200px; vertical-align: bottom; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; } .product--filter-result-display .data-wrap { position: relative; background-color: #fff; } .product--filter-result-display .img, .product--filter-result-display .data { transition: all 500ms ease-in-out; } .product--filter-result-display .active .img { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } .product--filter-result-display .active .data { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); opacity: 1; } .product--filter-result-display .active .premium { transition: all 350ms ease 700ms; opacity: 1; -webkit-transform: scale3d(1, 1, 1) translateY(0); transform: scale3d(1, 1, 1) translateY(0); } .product--filter-result-display .hidden { visibility: hidden; } .product--filter-result-display li.collapse { width: 0; padding: 0; margin: 0; } .product--filter-result-display li.collapse * { white-space: nowrap; } .product--filter-result-display .ul-wrap { position: relative; margin-bottom: 30px; transition: all 350ms; } .product--filter-result-display .ul-wrap:last-child { margin-bottom: 0; } .product--filter-result-display .ul-wrap .shadow-container { transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; -webkit-transform-origin: bottom; transform-origin: bottom; } .product--filter-result-display .ul-wrap.collapse { height: 0 !important; margin: 0; opacity: 0; } .product--filter-result-display .ul-wrap.collapse .shadow-container { -webkit-transform: scaleY(0.01); transform: scaleY(0.01); } .product--filter-result-display li.is-premium .premium { display: block; } .product--filter-result-display .premium { display: none; position: absolute; width: calc(100% + 16px); height: 54px; top: -27px; left: -8px; z-index: 1; text-align: left; overflow: hidden; transition: all 350ms ease 350ms; opacity: 0; -webkit-transform: scale3d(0, 0, 0) translateY(-54px); transform: scale3d(0, 0, 0) translateY(-54px); border-radius: 4px 0 0 4px; background: url(/assets/images/brushes/products-premium-brush.png); background-size: 100% 100%; } .product--filter-result-display .premium span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 50px; color: #fff; font-size: 14px; padding: 0 16px; z-index: 2; text-align: center; text-transform: uppercase; letter-spacing: 1px; } .product--filter-result-display .shadow-container { position: absolute; bottom: -10px; left: 0; width: 100%; height: 0; transition: opacity 350ms, -webkit-transform 350ms; transition: opacity 350ms, transform 350ms; transition: opacity 350ms, transform 350ms, -webkit-transform 350ms; -webkit-transform-origin: top; transform-origin: top; } .product--filter-result-display .shadow-container.collapse { -webkit-transform: scaleY(0.01) translateY(-20%); transform: scaleY(0.01) translateY(-20%); opacity: 0; } .product--filter-result-display .shadow-container:before { display: block; content: ""; position: absolute; top: 10px; left: 0; width: 100%; height: calc(100% - 20px); background-color: #fff; } .product--filter-result-display .shadow-container .shadow-top { position: absolute; top: 0; left: 0; width: 100%; height: 10px; overflow: hidden; } .product--filter-result-display .shadow-container .shadow-top:before { display: block; position: absolute; top: 0px; left: 0; content: ""; width: 100%; height: 100%; z-index: 1; } .product--filter-result-display .shadow-container .shadow-bottom { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; overflow: hidden; } .product--filter-result-display .shadow-container .shadow-bottom:before { display: block; position: absolute; top: 0px; left: 0; content: ""; width: 100%; height: 100%; z-index: 1; } .product--filter-result-display .swipe { position: absolute; top: 24%; right: -16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .product--filter-result-display .swipe:before { content: "\EABC"; font-size: 45px; color: rgba(61, 56, 45, 0.8); } .product--filter-result-display div.medium-container { display: none; } .no-touch .product--filter-result-display div.small-container { display: none; } .no-touch .product--filter-result-display div.medium-container { display: block; } .product--filter-info { display: none; margin-bottom: 30px; } .product--filter-info h3, .product--filter-info .h3, .product--filter-info .product-info h1, .product-info .product--filter-info h1, .product--filter-info .product-info .h1, .product-info .product--filter-info .h1 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 40px; margin-bottom: 0; text-align: center; } .product--filter-info h4, .product--filter-info .h4 { font-family: "henzipen-normal"; font-size: 28px; text-align: center; } .product--filter-info .blob { display: none; position: absolute; top: -15px; right: 0; width: 150px; height: 150px; background: #562483; border-radius: 32% 45% 55% 42%; background-size: 100% 100%; color: #fff; z-index: 1; text-align: center; padding: 20px; } .product--filter-info .blob div { position: absolute; top: 50%; left: 0; width: 100%; display: inline-block; -webkit-transform: translateY(-50%) rotate(8deg); transform: translateY(-50%) rotate(8deg); padding: 20px; } .product--filter-info .blob span:first-child { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 45px; line-height: 38px; letter-spacing: 5px; } .product--filter-info .blob span { display: block; font-size: 16px; line-height: 20px; } .product--listing.padded { margin-top: 30px; } .product--filter-result-display-eden { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding-top: 10px; min-height: 500px; /* a.btn{ background-color: $color-common-purple; border: 1px solid $color-common-purple; box-shadow: 0 0.1875rem 0 darken($color-common-purple, 5%); }*/ } .product--filter-result-display-eden .ratings-bar .reviews { color: grey; } .product--filter-result-display-eden .column { padding-left: 0 !important; padding-right: 0 !important; } .product--filter-result-display-eden ul { position: relative; margin-left: 0; margin-bottom: 0; font-size: 0; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; width: 100%; } .product--filter-result-display-eden ul > li { list-style: none; display: inline-block; font-size: 0; vertical-align: top; width: 280px; height: auto !important; background-color: #F3F1F4; border-radius: 6px; padding: 20px 15px 15px 15px; margin-right: 20px; min-width: 280px; min-height: 470px !important; } .product--filter-result-display-eden ul > li.collapse { width: 0; margin: 0; padding: 0; opacity: 0; } .product--filter-result-display-eden div.small-container ul { white-space: nowrap; } .product--filter-result-display-eden div.small-container img { max-width: 80%; } .product--filter-result-display-eden .btn-container { padding: 10px 0; } .product--filter-result-display-eden .wrap { width: 100%; display: inline-block; vertical-align: bottom; } .product--filter-result-display-eden .wrap .review-snippet-1 .pr-snippet-stars-container { text-align: left; } .product--filter-result-display-eden .wrap .review-snippet-1 .pr-snippet-stars-container .pr-snippet-stars.pr-snippet-stars-png { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .product--filter-result-display-eden .wrap .review-snippet-1 .pr-snippet-stars-container .pr-snippet-stars.pr-snippet-stars-png .pr-snippet-rating-decimal { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif !important; font-size: 20px !important; margin-right: 10px; font-weight: normal !important; } .product--filter-result-display-eden .wrap .review-snippet-1 .pr-snippet-read-and-write { display: none !important; } .product--filter-result-display-eden .data { position: relative; font-size: 16px; white-space: normal; padding: 0px 10px 0 10px; -webkit-transform-origin: top; transform-origin: top; -webkit-transform: translate3d(0, -20%, 0) scale3d(0.2, 0.2, 0.2); transform: translate3d(0, -20%, 0) scale3d(0.2, 0.2, 0.2); opacity: 0; } .product--filter-result-display-eden .data a { width: 100%; font-size: 16px; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; } .product--filter-result-display-eden .data .product_name { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 18px; color: #2A2A2A; margin-bottom: 15px; } .product--filter-result-display-eden .data .product_weight { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 18px; color: #2A2A2A; margin-bottom: 0; } .product--filter-result-display-eden .data .product_subtext { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; color: #2A2A2A; margin-bottom: 15px; } .product--filter-result-display-eden .data .product_link { font-size: 14px !important; line-height: 14px !important; color: #562483 !important; margin-bottom: 15px !important; } .product--filter-result-display-eden .data .product_link:hover { color: #562483 !important; } .product--filter-result-display-eden .data .pr-category-snippets2 .pr-category-snippet__rating.pr-category-snippet__item { display: none !important; } .product--filter-result-display-eden .data .pr-category-snippets2 .pr-category-snippet__total.pr-category-snippet__item { font-size: 14px !important; line-height: 14px !important; color: #562483 !important; margin-bottom: 15px !important; } .product--filter-result-display-eden .img { display: block; width: 100%; height: 100%; position: relative; text-align: center; -webkit-transform-origin: bottom; transform-origin: bottom; } .product--filter-result-display-eden .img a { max-width: 200px; max-height: 200px; width: 200px; height: 200px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 auto; } .product--filter-result-display-eden .img a img { max-width: 100%; max-height: 100%; padding: 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .product--filter-result-display-eden .data-wrap { position: relative; height: auto !important; } .product--filter-result-display-eden .data { transition: all 500ms ease-in-out; } .product--filter-result-display-eden .active .data { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); opacity: 1; } .product--filter-result-display-eden .active .premium { transition: all 350ms ease 700ms; opacity: 1; -webkit-transform: scale3d(1, 1, 1) translateY(0); transform: scale3d(1, 1, 1) translateY(0); } .product--filter-result-display-eden .hidden { visibility: hidden; } .product--filter-result-display-eden li.collapse { width: 0; padding: 0; margin: 0; } .product--filter-result-display-eden li.collapse * { white-space: nowrap; } .product--filter-result-display-eden .ul-wrap { position: relative; margin-bottom: 30px; transition: all 350ms; height: auto !important; min-height: 470px !important; } .product--filter-result-display-eden .ul-wrap:last-child { margin-bottom: 0; } .product--filter-result-display-eden .ul-wrap .shadow-container { transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; -webkit-transform-origin: bottom; transform-origin: bottom; } .product--filter-result-display-eden .ul-wrap.collapse { height: 0 !important; margin: 0; opacity: 0; } .product--filter-result-display-eden .ul-wrap.collapse .shadow-container { -webkit-transform: scaleY(0.01); transform: scaleY(0.01); } .product--filter-result-display-eden li.is-premium .premium { display: block; } .product--filter-result-display-eden .premium { display: none; position: absolute; width: calc(100% + 16px); height: 54px; top: -27px; left: -8px; z-index: 1; text-align: left; overflow: hidden; transition: all 350ms ease 350ms; opacity: 0; -webkit-transform: scale3d(0, 0, 0) translateY(-54px); transform: scale3d(0, 0, 0) translateY(-54px); border-radius: 4px 0 0 4px; background: url(/assets/images/brushes/products-premium-brush.png); background-size: 100% 100%; } .product--filter-result-display-eden .premium span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 50px; color: #fff; font-size: 14px; padding: 0 16px; z-index: 2; text-align: center; text-transform: uppercase; letter-spacing: 1px; } .product--filter-result-display-eden .shadow-container { display: none; } .product--filter-result-display-eden .swipe { position: absolute; top: 24%; right: -16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .product--filter-result-display-eden .swipe:before { content: "\EABC"; font-size: 45px; color: rgba(61, 56, 45, 0.8); } .product--filter-result-display-eden div.medium-container { display: none; } .no-touch .product--filter-result-display-eden div.small-container { display: none; } .no-touch .product--filter-result-display-eden div.medium-container { display: block; } .products--filter-carousel-header { position: relative; overflow: hidden; } .products--product-accessory { position: relative; overflow: hidden; height: 100%; } .products--product-accessory .brush { border-image: url(/assets/images/brushes/brushes_light_purple_1.png) 0 fill stretch; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); padding: 20px 40px; } .products--product-accessory h3, .products--product-accessory .h3, .products--product-accessory .product-info h1, .product-info .products--product-accessory h1, .products--product-accessory .product-info .h1, .product-info .products--product-accessory .h1, .products--product-accessory .item { color: #fff; } .products--product-accessory h3, .products--product-accessory .h3, .products--product-accessory .product-info h1, .product-info .products--product-accessory h1, .products--product-accessory .product-info .h1, .product-info .products--product-accessory .h1 { font-family: "henzipen-normal"; } .products--product-accessory .bg { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 480px; } .products--product-accessory .container { max-width: 72.5rem; margin: 0 auto; } .products--product-accessory .pack { width: 100%; text-align: right; padding: 0 20%; } .products--product-accessory .img { display: inline-block; } .products--product-accessory .bottom { position: absolute; bottom: 0; left: 0; width: 100%; border-image: url(/assets/images/shapes/accessory-bg.svg) 0 fill stretch; z-index: 9; margin-left: -1%; margin-right: -1%; width: 102%; } .products--product-accessory .bottom .benefits { text-align: center; padding: 40px 0; display: block; } .products--product-accessory .bottom .benefits .check:before { content: "\EA70"; } .products--product-accessory .bottom .benefits .item { display: inline-block; position: relative; padding: 6px 12px; color: #fff; } .products--product-accessory .bottom .benefits .check { line-height: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px; } .products--product-accessory .bottom .benefits .text { padding-left: 35px; font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .products--product-accessory.pack-above .pack { margin-bottom: 10px; } .products--family-range .packs-6 li, .products--family-range .packs-7 li, .products--family-range .packs-8 li, .products--family-range .packs-9 li, .products--family-range .packs-10 li, .products--family-range .packs-11 li, .products--family-range .packs-12 li, .products--family-range .packs-13 li, .products--family-range .packs-14 li, .products--family-range .packs-15 li, .products--family-range .packs li { display: inline-block; vertical-align: bottom; padding: 0 0.31%; } .products--family-range .packs-6 li { margin-left: -1.5%; margin-right: -1.5%; } .products--family-range .packs-7 li { margin-left: -2.5%; margin-right: -2.5%; } .products--family-range .packs-8 li { margin-left: -3.5%; margin-right: -3.5%; } .products--family-range .packs-9 li { margin-left: -4%; margin-right: -4%; } .products--family-range .packs-10 li { margin-left: -4.5%; margin-right: -4.5%; } .products--family-range .packs-11 li { margin-left: -5%; margin-right: -5%; } .products--family-range .packs-12 li { margin-left: -5.5%; margin-right: -5.5%; } .products--family-range .packs-13 li { margin-left: -6%; margin-right: -6%; } .products--family-range .packs-14 li { margin-left: -6%; margin-right: -6%; } .products--family-range .packs-15 li { margin-left: -6.5%; margin-right: -6.5%; } .products--family-range .top { position: relative; z-index: 0; overflow: hidden; } .products--family-range { background: none !important; background-color: transparent !important; margin-bottom: 4px; } .products--family-range + * { margin-top: -4px; } .products--family-range h2, .products--family-range .h2 { margin: 20px 0 0 0; } .products--family-range .weight { margin-bottom: 0; margin-top: -0.6em; } .products--family-range .range-claim { line-height: 1.2; margin-top: 0.2em; } .products--family-range ul { margin: 0; list-style: none; } .products--family-range .labels { position: absolute; top: 0; text-align: right; } .products--family-range .images { width: 100%; } .products--family-range .ratings-bar .reviews { color: #000000; } .products--family-range .bar { position: relative; overflow: hidden; border-image: url(/assets/images/shapes/bumpy-bar.svg) 0 fill stretch; margin-top: -15px; margin-bottom: -0.9375rem; z-index: 2; } .products--family-range .bar .row { text-align: center; } .products--family-range .bar li { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .products--family-range .bar li:before { content: "\EA70"; font-size: 1rem; position: relative; left: -0.6rem; top: 0rem; } .products--family-range .labels { right: 10px; } .products--family-range .labels .new { display: none; } .products--family-range .labels img { margin: 20px 0; max-height: 40px; } .products--family-range h2, .products--family-range .h2 { padding-right: 40px; word-wrap: break-word; } .products--family-range .images { margin-top: 15px; text-align: center; } .products--family-range .images .column { padding: 0 20px; } .products--family-range .range-claim { margin-top: 0; } .products--family-range .pack-family { display: block; text-align: center; } .products--family-range .packs { display: none; } .products--family-range .bar .row { margin-bottom: 40px; } .products--family-range .bar .benefit { margin: 30px auto 20px auto; } .products--family-range .bar li { margin-bottom: 10px; } [theme="general"] .products--family-range h2, [theme="general"] .products--family-range .h2, body .products--family-range[theme="general"] h2, body .products--family-range[theme="general"] .h2 { font-family: "misato"; } [theme="general"] .products--family-range .weight, body .products--family-range[theme="general"] .weight { font-family: "henzipen-normal"; } [theme="touch19"] .products--family-range h2, [theme="touch19"] .products--family-range .h2, body .products--family-range[theme="touch19"] h2, body .products--family-range[theme="touch19"] .h2 { font-family: "misato"; } [theme="touch19"] .products--family-range .weight, body .products--family-range[theme="touch19"] .weight { font-family: "henzipen-normal"; } [theme="touch19"] .products--family-range .top, body .products--family-range[theme="touch19"] .top { background-image: url(/assets/images/themes/touch19/touch_bg_2019.png); background-image: url(/assets/images/themes/touch19/touch_bg_2019.png), linear-gradient(to bottom, rgba(140, 130, 108, 0), rgba(140, 130, 108, 0.25)); } [theme="touch19"] .products--family-range h2, [theme="touch19"] .products--family-range .h2, body .products--family-range[theme="touch19"] h2, body .products--family-range[theme="touch19"] .h2 { font-family: "bodini"; color: #ba9748; } [theme="touch19"] .products--family-range .weight, body .products--family-range[theme="touch19"] .weight { margin-top: -0.4em; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="touch19"] .products--family-range .bar li, body .products--family-range[theme="touch19"] .bar li { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="touch"] .products--family-range .top, body .products--family-range[theme="touch"] .top { background-image: url(/assets/images/themes/touch/touch-family-bg.png); background-image: url(/assets/images/themes/touch/touch-family-bg.png), linear-gradient(to bottom, rgba(140, 130, 108, 0), rgba(140, 130, 108, 0.25)); } [theme="touch"] .products--family-range h2, [theme="touch"] .products--family-range .h2, body .products--family-range[theme="touch"] h2, body .products--family-range[theme="touch"] .h2 { font-family: "bodini"; color: #ba9748; } [theme="touch"] .products--family-range .weight, body .products--family-range[theme="touch"] .weight { margin-top: -0.4em; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="touch"] .products--family-range .bar li, body .products--family-range[theme="touch"] .bar li { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="touch-pants"] .products--family-range .top, body .products--family-range[theme="touch-pants"] .top { background-image: url(/assets/images/themes/touch/touch-family-bg.png); background-image: url(/assets/images/themes/touch/touch-family-bg.png), linear-gradient(to bottom, rgba(140, 130, 108, 0), rgba(140, 130, 108, 0.25)); } [theme="touch-pants"] .products--family-range h2, [theme="touch-pants"] .products--family-range .h2, body .products--family-range[theme="touch-pants"] h2, body .products--family-range[theme="touch-pants"] .h2 { font-family: "bodini"; color: #ba9748; } [theme="touch-pants"] .products--family-range .weight, body .products--family-range[theme="touch-pants"] .weight { margin-top: -0.4em; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="touch-pants"] .products--family-range .bar li, body .products--family-range[theme="touch-pants"] .bar li { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="comfort"] .products--family-range .top, body .products--family-range[theme="comfort"] .top { background-image: url(/assets/images/themes/comfort/comfort-family-bg.png); background-image: url(/assets/images/themes/comfort/comfort-family-bg.png), linear-gradient(to bottom, rgba(140, 130, 108, 0), rgba(140, 130, 108, 0.25)); } [theme="comfort"] .products--family-range h2, [theme="comfort"] .products--family-range .h2, body .products--family-range[theme="comfort"] h2, body .products--family-range[theme="comfort"] .h2 { font-family: "misato"; color: #19d5e5; } [theme="comfort"] .products--family-range .weight, body .products--family-range[theme="comfort"] .weight { font-family: "henzipen-normal"; } [theme="comfort"] .products--family-range .bar li, body .products--family-range[theme="comfort"] .bar li { font-family: "henzipen-normal"; } [theme="upngo"] .products--family-range .top, body .products--family-range[theme="upngo"] .top { background-image: url(/assets/images/themes/upngo/upgo-bg.png); background-image: url(/assets/images/themes/upngo/upgo-bg.png), linear-gradient(to bottom, rgba(140, 130, 108, 0), rgba(140, 130, 108, 0.25)); } [theme="upngo"] .products--family-range h2, [theme="upngo"] .products--family-range .h2, body .products--family-range[theme="upngo"] h2, body .products--family-range[theme="upngo"] .h2 { font-family: "misato"; color: #e11d16; } [theme="upngo"] .products--family-range .weight, body .products--family-range[theme="upngo"] .weight { font-family: "henzipen-normal"; } [theme="upngo"] .products--family-range .bar li, body .products--family-range[theme="upngo"] .bar li { font-family: "henzipen-normal"; } [theme="newborn"] .products--family-range .top, body .products--family-range[theme="newborn"] .top { background-image: url(/assets/images/themes/newborn/newborn-family-bg.png); background-image: url(/assets/images/themes/newborn/newborn-family-bg.png), linear-gradient(to bottom, rgba(140, 130, 108, 0), rgba(140, 130, 108, 0.25)); } [theme="newborn"] .products--family-range h2, [theme="newborn"] .products--family-range .h2, body .products--family-range[theme="newborn"] h2, body .products--family-range[theme="newborn"] .h2 { font-family: "misato"; color: #ffc51c; } [theme="newborn"] .products--family-range .bar li, body .products--family-range[theme="newborn"] .bar li { font-family: "henzipen-normal"; } [theme="newborn"] .products--family-range .weight, body .products--family-range[theme="newborn"] .weight { font-family: "henzipen-normal"; } [theme="comfort-baru"] .products--family-range .top, body .products--family-range[theme="comfort-baru"] .top { background-image: url(/assets/images/themes/baru-open-family-bg.png); background-image: url(/assets/images/themes/baru-open-family-bg.png), linear-gradient(to bottom, rgba(140, 130, 108, 0), rgba(140, 130, 108, 0.25)); } [theme="comfort-baru"] .products--family-range h2, [theme="comfort-baru"] .products--family-range .h2, body .products--family-range[theme="comfort-baru"] h2, body .products--family-range[theme="comfort-baru"] .h2 { font-family: "misato"; color: #19d5e5; } [theme="comfort-baru"] .products--family-range .weight, body .products--family-range[theme="comfort-baru"] .weight { font-family: "henzipen-normal"; } [theme="comfort-baru"] .products--family-range .bar li, body .products--family-range[theme="comfort-baru"] .bar li { font-family: "henzipen-normal"; } [theme="upngo-baru"] .products--family-range .top, body .products--family-range[theme="upngo-baru"] .top { background-image: url(/assets-facelift/images/themes/baru-pants-family-bg.png); background-image: url(/assets-facelift/images/themes/baru-pants-family-bg.png), linear-gradient(to bottom, rgba(140, 130, 108, 0), rgba(140, 130, 108, 0.25)); } [theme="upngo-baru"] .products--family-range h2, [theme="upngo-baru"] .products--family-range .h2, body .products--family-range[theme="upngo-baru"] h2, body .products--family-range[theme="upngo-baru"] .h2 { font-family: "misato"; color: #e11d16; } [theme="upngo-baru"] .products--family-range .weight, body .products--family-range[theme="upngo-baru"] .weight { font-family: "henzipen-normal"; } [theme="upngo-baru"] .products--family-range .bar li, body .products--family-range[theme="upngo-baru"] .bar li { font-family: "henzipen-normal"; } [theme="newborn-baru"] .products--family-range .top, body .products--family-range[theme="newborn-baru"] .top { background-image: url(/assets-facelift/images/themes/baru-open-family-bg.png); background-image: url(/assets-facelift/images/themes/baru-open-family-bg.png), linear-gradient(to bottom, rgba(140, 130, 108, 0), rgba(140, 130, 108, 0.25)); } [theme="newborn-baru"] .products--family-range h2, [theme="newborn-baru"] .products--family-range .h2, body .products--family-range[theme="newborn-baru"] h2, body .products--family-range[theme="newborn-baru"] .h2 { font-family: "misato"; color: #ffc51c; } [theme="newborn-baru"] .products--family-range .bar li, body .products--family-range[theme="newborn-baru"] .bar li { font-family: "henzipen-normal"; } [theme="newborn-baru"] .products--family-range .weight, body .products--family-range[theme="newborn-baru"] .weight { font-family: "henzipen-normal"; } [theme="everyday"] .products--family-range .top, body .products--family-range[theme="everyday"] .top { background-image: url(/assets/images/themes/general/common-bg.jpg); background-image: url(/assets/images/themes/general/common-bg.jpg), linear-gradient(to bottom, rgba(140, 130, 108, 0), rgba(140, 130, 108, 0.25)); } [theme="everyday"] .products--family-range h2, [theme="everyday"] .products--family-range .h2, body .products--family-range[theme="everyday"] h2, body .products--family-range[theme="everyday"] .h2 { font-family: "bodini"; color: #0076a9; } [theme="everyday"] .products--family-range .weight, body .products--family-range[theme="everyday"] .weight { margin-top: -0.4em; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="everyday"] .products--family-range .bar li, body .products--family-range[theme="everyday"] .bar li { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="everyday"] .products--family-range .packs li:last-child a:before, body .products--family-range[theme="everyday"] .packs li:last-child a:before { top: -125px; right: -52px; width: 167px; height: 197px; } [theme="drypants"] .products--family-range .top, body .products--family-range[theme="drypants"] .top { background-image: url(/assets/images/themes/general/common-bg.jpg); background-image: url(/assets/images/themes/general/common-bg.jpg), linear-gradient(to bottom, rgba(140, 130, 108, 0), rgba(140, 130, 108, 0.25)); } [theme="drypants"] .products--family-range h2, [theme="drypants"] .products--family-range .h2, body .products--family-range[theme="drypants"] h2, body .products--family-range[theme="drypants"] .h2 { font-family: "bodini"; color: #e83182; } [theme="drypants"] .products--family-range .weight, body .products--family-range[theme="drypants"] .weight { margin-top: -0.4em; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="drypants"] .products--family-range .bar li, body .products--family-range[theme="drypants"] .bar li { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="sleep-tight"] .products--family-range .top, body .products--family-range[theme="sleep-tight"] .top { background-image: url(/assets/images/themes/sleep-tight/sleep-tight-family-bg.png); background-image: url(/assets/images/themes/sleep-tight/sleep-tight-family-bg.png), linear-gradient(to bottom, rgba(140, 130, 108, 0), rgba(140, 130, 108, 0.25)); } [theme="sleep-tight"] .products--family-range h2, [theme="sleep-tight"] .products--family-range .h2, body .products--family-range[theme="sleep-tight"] h2, body .products--family-range[theme="sleep-tight"] .h2 { font-family: "misato"; color: #001f5f; } [theme="sleep-tight"] .products--family-range .weight, body .products--family-range[theme="sleep-tight"] .weight { font-family: "henzipen-normal"; } [theme="sleep-tight"] .products--family-range .bar li, body .products--family-range[theme="sleep-tight"] .bar li { font-family: "henzipen-normal"; } [theme="swimpants"] .products--family-range .top, body .products--family-range[theme="swimpants"] .top { background-image: url(/assets/images/themes/swimpants/swimpants-bg.png); background-image: url(/assets/images/themes/swimpants/swimpants-bg.png), linear-gradient(to bottom, rgba(140, 130, 108, 0), rgba(140, 130, 108, 0.25)); } [theme="swimpants"] .products--family-range h2, [theme="swimpants"] .products--family-range .h2, body .products--family-range[theme="swimpants"] h2, body .products--family-range[theme="swimpants"] .h2 { font-family: "misato"; color: #4f1070; } [theme="swimpants"] .products--family-range .weight, body .products--family-range[theme="swimpants"] .weight { font-family: "henzipen-normal"; } [theme="swimpants"] .products--family-range .bar li, body .products--family-range[theme="swimpants"] .bar li { font-family: "henzipen-normal"; } [theme="lotus-touch-newborn"] .products--family-range .top, body .products--family-range[theme="lotus-touch-newborn"] .top { background-image: url(/assets-facelift/images/themes/baru-open-family-bg.png); background-image: url(/assets-facelift/images/themes/baru-open-family-bg.png), linear-gradient(to bottom, rgba(140, 130, 108, 0), rgba(140, 130, 108, 0.25)); } [theme="lotus-touch-newborn"] .products--family-range h2, [theme="lotus-touch-newborn"] .products--family-range .h2, body .products--family-range[theme="lotus-touch-newborn"] h2, body .products--family-range[theme="lotus-touch-newborn"] .h2 { font-family: "bodini"; color: #ffc51c; } [theme="lotus-touch-newborn"] .products--family-range .bar li, body .products--family-range[theme="lotus-touch-newborn"] .bar li { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="lotus-touch-newborn"] .products--family-range .weight, body .products--family-range[theme="lotus-touch-newborn"] .weight { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="lotus-touch-comfort"] .products--family-range .top, body .products--family-range[theme="lotus-touch-comfort"] .top { background-image: url(/assets-facelift/images/themes/baru-open-family-bg.png); background-image: url(/assets-facelift/images/themes/baru-open-family-bg.png), linear-gradient(to bottom, rgba(140, 130, 108, 0), rgba(140, 130, 108, 0.25)); } [theme="lotus-touch-comfort"] .products--family-range h2, [theme="lotus-touch-comfort"] .products--family-range .h2, body .products--family-range[theme="lotus-touch-comfort"] h2, body .products--family-range[theme="lotus-touch-comfort"] .h2 { font-family: "bodini"; color: #19d5e5; } [theme="lotus-touch-comfort"] .products--family-range .bar li, body .products--family-range[theme="lotus-touch-comfort"] .bar li { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="lotus-touch-comfort"] .products--family-range .weight, body .products--family-range[theme="lotus-touch-comfort"] .weight { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="lotus-touch-upngo"] .products--family-range .top, body .products--family-range[theme="lotus-touch-upngo"] .top { background-image: url(/assets-facelift/images/themes/baru-pants-family-bg.png); background-image: url(/assets-facelift/images/themes/baru-pants-family-bg.png), linear-gradient(to bottom, rgba(140, 130, 108, 0), rgba(140, 130, 108, 0.25)); } [theme="lotus-touch-upngo"] .products--family-range h2, [theme="lotus-touch-upngo"] .products--family-range .h2, body .products--family-range[theme="lotus-touch-upngo"] h2, body .products--family-range[theme="lotus-touch-upngo"] .h2 { font-family: "bodini"; color: #e11d16; } [theme="lotus-touch-upngo"] .products--family-range .bar li, body .products--family-range[theme="lotus-touch-upngo"] .bar li { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="lotus-touch-upngo"] .products--family-range .weight, body .products--family-range[theme="lotus-touch-upngo"] .weight { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="accessories"] .products--family-range .top, body .products--family-range[theme="accessories"] .top { background-image: url(/assets/images/themes/general/common-bg.jpg); background-image: url(/assets/images/themes/general/common-bg.jpg), linear-gradient(to bottom, rgba(140, 130, 108, 0), rgba(140, 130, 108, 0.25)); } [theme="accessories"] .products--family-range h2, [theme="accessories"] .products--family-range .h2, body .products--family-range[theme="accessories"] h2, body .products--family-range[theme="accessories"] .h2 { font-family: "misato"; color: #4f1070; } [theme="accessories"] .products--family-range .title-logo span, body .products--family-range[theme="accessories"] .title-logo span { text-indent: 0; } [theme="accessories"] .products--family-range .weight, body .products--family-range[theme="accessories"] .weight { font-family: "henzipen-normal"; } [theme="accessories"] .products--family-range .bar li, body .products--family-range[theme="accessories"] .bar li { font-family: "henzipen-normal"; } .diaper-3d .title-logo { white-space: nowrap; } .diaper-3d .title-logo:before { font-size: 32px; } .diaper-3d .title-logo:after { display: none; } .diaper-3d section { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .diaper-3d .container { position: relative; overflow: hidden; } .diaper-3d:not(.one-pager) section, .diaper-3d:not(.one-pager) .top-bar { margin-top: 66px; } .diaper-3d.one-pager .banner-features-wrapper.edenBanner--mobileView { margin-top: 0; } .diaper-3d .top-bar { position: absolute; left: 0; width: 100%; z-index: 2; bottom: 0; } .diaper-3d .heading p { font-family: "henzipen-normal"; margin-bottom: 0; max-width: 300px; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .diaper-3d .heading p.range-claim { line-height: 1.2; margin-top: 0.4em; } .diaper-3d .reviews { color: black; } .diaper-3d .ratings-bar { margin-top: 0.9375rem; } [theme="touch"] .diaper-3d .heading p, body .diaper-3d[theme="touch"] .heading p { font-family: "gibson-light"; } [theme="touch19"] .diaper-3d .heading p, body .diaper-3d[theme="touch19"] .heading p { font-family: "gibson-light"; } [theme="touch-pants"] .diaper-3d .heading p, body .diaper-3d[theme="touch-pants"] .heading p { font-family: "gibson-light"; } .diaper-3d h1, .diaper-3d .h1, .diaper-3d .h1 { pointer-events: none; } .diaper-3d .inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: auto; margin-right: auto; height: 100%; max-width: 100%; } .diaper-3d .inner video, .diaper-3d .inner img { width: 100%; } .diaper-3d .sprite-animation { display: none !important; } .diaper-3d .links { display: none; } .diaper-3d .video-end, .diaper-3d .video-start { opacity: 0; transition: opacity 350ms; -webkit-transform: translateZ(0); transform: translateZ(0); } .diaper-3d .video-end.anim-in, .diaper-3d .video-start.anim-in { opacity: 1; } .diaper-3d .responsiveVideo, .diaper-3d .benefit-images { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .diaper-3d .responsiveVideo:after, .diaper-3d .benefit-images:after { content: ""; box-shadow: inset 0px 0px 41px 35px #f1efea; position: absolute; top: -1px; left: -1px; width: 101%; height: 101%; z-index: 4; } .diaper-3d .benefit-images:after { z-index: 0; } .diaper-3d .video-start { transition: none; } .diaper-3d .benefit-bubble { position: absolute; top: 0; left: 0; transition: opacity 700ms ease 0ms; opacity: 0; } .diaper-3d .benefit-bubble.anim-in { opacity: 1; } .diaper-3d .benefit-images { position: relative; } .diaper-3d .benefit-info { opacity: 0; transition: opacity 700ms ease 0ms, -webkit-transform 700ms ease 0ms; transition: transform 700ms ease 0ms, opacity 700ms ease 0ms; transition: transform 700ms ease 0ms, opacity 700ms ease 0ms, -webkit-transform 700ms ease 0ms; bottom: 0; } .diaper-3d .benefit-info.anim-in { transition: opacity 700ms ease 500ms, -webkit-transform 700ms ease 500ms; transition: transform 700ms ease 500ms, opacity 700ms ease 500ms; transition: transform 700ms ease 500ms, opacity 700ms ease 500ms, -webkit-transform 700ms ease 500ms; opacity: 1; } .diaper-3d .bottom-bar { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2 !important; } .diaper-3d .bottom-bar .bar, .diaper-3d .bottom-bar .pack { display: none; } .diaper-3d .pack { position: absolute; bottom: 0; left: 20px; } .diaper-3d .environment-label { display: inline-block; vertical-align: bottom; -webkit-transform: translateX(-90%); transform: translateX(-90%); } .diaper-3d .pack-image { max-width: 30vw; max-height: 30vh; } .diaper-3d .environment-image { max-width: 15vw; max-height: 9vh; } [theme="touch19"] .diaper-3d, body .diaper-3d[theme="touch19"] { background-color: #eee9e5; } [theme="touch19"] .diaper-3d h1, [theme="touch19"] .diaper-3d .h1, [theme="touch19"] .diaper-3d .h1, body .diaper-3d[theme="touch19"] h1, body .diaper-3d[theme="touch19"] .h1, body .diaper-3d[theme="touch19"] .h1 { color: #ae5d57; } [theme="touch19"] .diaper-3d .weight, body .diaper-3d[theme="touch19"] .weight { color: #562583; } [theme="touch19"] .diaper-3d .total-progress .item.active:after, body .diaper-3d[theme="touch19"] .total-progress .item.active:after { background-color: #562483; } [theme="touch"] .diaper-3d, body .diaper-3d[theme="touch"] { background-color: #eee9e5; } [theme="touch"] .diaper-3d h1, [theme="touch"] .diaper-3d .h1, [theme="touch"] .diaper-3d .h1, body .diaper-3d[theme="touch"] h1, body .diaper-3d[theme="touch"] .h1, body .diaper-3d[theme="touch"] .h1 { color: #ae5d57; } [theme="touch"] .diaper-3d .weight, body .diaper-3d[theme="touch"] .weight { color: #562583; } [theme="touch"] .diaper-3d .total-progress .item.active:after, body .diaper-3d[theme="touch"] .total-progress .item.active:after { background-color: #562483; } [theme="touch-pants"] .diaper-3d, body .diaper-3d[theme="touch-pants"] { background-color: #eee9e5; } [theme="touch-pants"] .diaper-3d h1, [theme="touch-pants"] .diaper-3d .h1, [theme="touch-pants"] .diaper-3d .h1, body .diaper-3d[theme="touch-pants"] h1, body .diaper-3d[theme="touch-pants"] .h1, body .diaper-3d[theme="touch-pants"] .h1 { color: #ae5d57; } [theme="touch-pants"] .diaper-3d .weight, body .diaper-3d[theme="touch-pants"] .weight { color: #562583; } [theme="touch-pants"] .diaper-3d .total-progress .item.active:after, body .diaper-3d[theme="touch-pants"] .total-progress .item.active:after { background-color: #562483; } [theme="comfort"] .diaper-3d, body .diaper-3d[theme="comfort"] { background-color: #ebe9e8; } [theme="comfort"] .diaper-3d h1, [theme="comfort"] .diaper-3d .h1, [theme="comfort"] .diaper-3d .h1, body .diaper-3d[theme="comfort"] h1, body .diaper-3d[theme="comfort"] .h1, body .diaper-3d[theme="comfort"] .h1 { color: #ffffff; } [theme="comfort"] .diaper-3d .total-progress .item.active:after, body .diaper-3d[theme="comfort"] .total-progress .item.active:after { background-color: #562483; } [theme="upngo"] .diaper-3d, body .diaper-3d[theme="upngo"] { background-color: #eee9e5; } [theme="upngo"] .diaper-3d h1, [theme="upngo"] .diaper-3d .h1, [theme="upngo"] .diaper-3d .h1, body .diaper-3d[theme="upngo"] h1, body .diaper-3d[theme="upngo"] .h1, body .diaper-3d[theme="upngo"] .h1 { color: #ffffff; } [theme="upngo"] .diaper-3d .total-progress .item.active:after, body .diaper-3d[theme="upngo"] .total-progress .item.active:after { background-color: #562483; } [theme="newborn"] .diaper-3d, body .diaper-3d[theme="newborn"] { background-color: #f2f0eb; } [theme="newborn"] .diaper-3d h1, [theme="newborn"] .diaper-3d .h1, [theme="newborn"] .diaper-3d .h1, body .diaper-3d[theme="newborn"] h1, body .diaper-3d[theme="newborn"] .h1, body .diaper-3d[theme="newborn"] .h1 { color: #ffffff; } [theme="newborn"] .diaper-3d .total-progress .item.active:after, body .diaper-3d[theme="newborn"] .total-progress .item.active:after { background-color: #562483; } [theme="comfort-baru"] .diaper-3d, body .diaper-3d[theme="comfort-baru"] { background-color: #ebe9e8; } [theme="comfort-baru"] .diaper-3d h1, [theme="comfort-baru"] .diaper-3d .h1, [theme="comfort-baru"] .diaper-3d .h1, body .diaper-3d[theme="comfort-baru"] h1, body .diaper-3d[theme="comfort-baru"] .h1, body .diaper-3d[theme="comfort-baru"] .h1 { font-family: "misato"; color: #19d5e5; } [theme="comfort-baru"] .diaper-3d .total-progress .item.active:after, body .diaper-3d[theme="comfort-baru"] .total-progress .item.active:after { background-color: #562483; } [theme="upngo-baru"] .diaper-3d, body .diaper-3d[theme="upngo-baru"] { background-color: #eee9e5; } [theme="upngo-baru"] .diaper-3d h1, [theme="upngo-baru"] .diaper-3d .h1, [theme="upngo-baru"] .diaper-3d .h1, body .diaper-3d[theme="upngo-baru"] h1, body .diaper-3d[theme="upngo-baru"] .h1, body .diaper-3d[theme="upngo-baru"] .h1 { font-family: "misato"; color: #e11d16; } [theme="upngo-baru"] .diaper-3d .total-progress .item.active:after, body .diaper-3d[theme="upngo-baru"] .total-progress .item.active:after { background-color: #562483; } [theme="newborn-baru"] .diaper-3d, body .diaper-3d[theme="newborn-baru"] { background-color: #f2f0eb; } [theme="newborn-baru"] .diaper-3d h1, [theme="newborn-baru"] .diaper-3d .h1, [theme="newborn-baru"] .diaper-3d .h1, body .diaper-3d[theme="newborn-baru"] h1, body .diaper-3d[theme="newborn-baru"] .h1, body .diaper-3d[theme="newborn-baru"] .h1 { font-family: "misato"; color: #ffc51c; } [theme="newborn-baru"] .diaper-3d .total-progress .item.active:after, body .diaper-3d[theme="newborn-baru"] .total-progress .item.active:after { background-color: #562483; } [theme="sleep-tight"] .diaper-3d, body .diaper-3d[theme="sleep-tight"] { background-color: #f6f5f4; } [theme="sleep-tight"] .diaper-3d h1, [theme="sleep-tight"] .diaper-3d .h1, [theme="sleep-tight"] .diaper-3d .h1, body .diaper-3d[theme="sleep-tight"] h1, body .diaper-3d[theme="sleep-tight"] .h1, body .diaper-3d[theme="sleep-tight"] .h1 { color: #ffffff; } [theme="sleep-tight"] .diaper-3d .product-category-title, body .diaper-3d[theme="sleep-tight"] .product-category-title { color: #ffffff; } [theme="sleep-tight"] .diaper-3d .total-progress .item.active:after, body .diaper-3d[theme="sleep-tight"] .total-progress .item.active:after { background-color: #562483; } [theme="swimpants"] .diaper-3d, body .diaper-3d[theme="swimpants"] { background-color: ""; } [theme="swimpants"] .diaper-3d h1, [theme="swimpants"] .diaper-3d .h1, [theme="swimpants"] .diaper-3d .h1, body .diaper-3d[theme="swimpants"] h1, body .diaper-3d[theme="swimpants"] .h1, body .diaper-3d[theme="swimpants"] .h1 { font-family: "misato"; color: #4f1070; } [theme="swimpants"] .diaper-3d .total-progress .item.active:after, body .diaper-3d[theme="swimpants"] .total-progress .item.active:after { background-color: #562483; } [theme="lotus-touch-comfort"] .diaper-3d, body .diaper-3d[theme="lotus-touch-comfort"] { background-color: #ebe9e8; } [theme="lotus-touch-comfort"] .diaper-3d h1, [theme="lotus-touch-comfort"] .diaper-3d .h1, [theme="lotus-touch-comfort"] .diaper-3d .h1, body .diaper-3d[theme="lotus-touch-comfort"] h1, body .diaper-3d[theme="lotus-touch-comfort"] .h1, body .diaper-3d[theme="lotus-touch-comfort"] .h1 { font-family: "misato"; color: #19d5e5; } [theme="lotus-touch-comfort"] .diaper-3d .total-progress .item.active:after, body .diaper-3d[theme="lotus-touch-comfort"] .total-progress .item.active:after { background-color: #562483; } [theme="lotus-touch-upngo"] .diaper-3d, body .diaper-3d[theme="lotus-touch-upngo"] { background-color: #eee9e5; } [theme="lotus-touch-upngo"] .diaper-3d h1, [theme="lotus-touch-upngo"] .diaper-3d .h1, [theme="lotus-touch-upngo"] .diaper-3d .h1, body .diaper-3d[theme="lotus-touch-upngo"] h1, body .diaper-3d[theme="lotus-touch-upngo"] .h1, body .diaper-3d[theme="lotus-touch-upngo"] .h1 { font-family: "misato"; color: #e11d16; } [theme="lotus-touch-upngo"] .diaper-3d .total-progress .item.active:after, body .diaper-3d[theme="lotus-touch-upngo"] .total-progress .item.active:after { background-color: #562483; } [theme="lotus-touch-newborn"] .diaper-3d, body .diaper-3d[theme="lotus-touch-newborn"] { background-color: #f2f0eb; } [theme="lotus-touch-newborn"] .diaper-3d h1, [theme="lotus-touch-newborn"] .diaper-3d .h1, [theme="lotus-touch-newborn"] .diaper-3d .h1, body .diaper-3d[theme="lotus-touch-newborn"] h1, body .diaper-3d[theme="lotus-touch-newborn"] .h1, body .diaper-3d[theme="lotus-touch-newborn"] .h1 { font-family: "misato"; color: #ffc51c; } [theme="lotus-touch-newborn"] .diaper-3d .total-progress .item.active:after, body .diaper-3d[theme="lotus-touch-newborn"] .total-progress .item.active:after { background-color: #562483; } .diaper-3d .total-progress { position: absolute; top: 50%; right: 2px; height: 70%; width: 20px; z-index: 4; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .diaper-3d .total-progress .item { width: 100%; cursor: pointer; padding: 2px 0; text-align: right; position: relative; } .diaper-3d .total-progress .item:before, .diaper-3d .total-progress .item:after { content: ""; display: inline-block; width: 5px; height: 100%; background-color: rgba(0, 0, 0, 0.1); border-radius: 5px; } .diaper-3d .total-progress .item:after { position: absolute; top: 2px; right: 0; height: 0; background-color: rgba(0, 0, 0, 0); transition: all 500ms; } .diaper-3d .total-progress .item.active:after { height: calc(100% - 4px); background-color: rgba(0, 0, 0, 0.2); } .diaper-3d .bottom-options { position: absolute; right: 0; width: 75px; font-size: 50px; opacity: 1; cursor: pointer; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; z-index: 4; text-align: center; color: #562483; /* @include themeTouch() { color: themeVar(colorHeading); div:hover { color: darken(themeVar(colorHeading), 5%); } } @include themeTouchPants() { color: themeVar(colorHeading); div:hover { color: darken(themeVar(colorHeading), 5%); } } @include themeComfort() { color: themeVar(colorBorder); div:hover { color: darken(themeVar(colorBorder), 5%); } } @include themeUpnGo() { color: themeVar(colorHeading); div:hover { color: darken(themeVar(colorHeading), 5%); } } @include themeNewborn() { color: themeVar(colorHeading); div:hover { color: darken(themeVar(colorHeading), 5%); } } @include themeComfortBARU() { color: themeVar(colorHeading); div:hover { color: darken(themeVar(colorHeading), 5%); } } @include themeUpnGoBARU() { color: themeVar(colorHeading); div:hover { color: darken(themeVar(colorHeading), 5%); } } @include themeNewbornBARU() { color: themeVar(colorHeading); div:hover { color: darken(themeVar(colorHeading), 5%); } } @include themeSleepTight() { color: themeVar(colorHeading); div:hover { color: darken(themeVar(colorHeading), 5%); } } @include themeSwimpants() { color: themeVar(colorHeading); div:hover { color: darken(themeVar(colorHeading), 5%); } }*/ } .diaper-3d .bottom-options.anim-in .scroll-down { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .diaper-3d .bottom-options .to-top, .diaper-3d .bottom-options .scroll-down, .diaper-3d .bottom-options .to-bottom { display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); } .diaper-3d .bottom-options .to-top:before { font-size: 40px; } .diaper-3d .bottom-options .to-bottom:before { font-size: 40px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .diaper-3d .bottom-options .scroll-down:before { content: "\EA95"; } .diaper-3d .bottom-options div { transition: color 350ms; } .diaper-3d .bottom-options div:hover { color: #491f6f; } .products--cross-sell { overflow: hidden; } .products--cross-sell .product--listing .product--filter-result-display .ul-wrap { transition: none; } .products--cross-sell h2, .products--cross-sell .h2 { margin-bottom: 30px; font-size: 36px; line-height: 36px; color: #562483; } .products--cross-sell .small-container, .products--cross-sell .medium-container { min-height: 470px; } .one-pager:before { display: block; padding-bottom: 66px; content: ""; } .one-pager .debug { position: absolute; bottom: 100px; right: 30px; } .one-pager section { transition: opacity 700ms, -webkit-transform 700ms; transition: opacity 700ms, transform 700ms; transition: opacity 700ms, transform 700ms, -webkit-transform 700ms; opacity: 0; color: white; } .one-pager section.anim-out-forward { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .one-pager section.anim-out-reverse { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .one-pager section.anim-in { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .one-pager subsection { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 700ms; } .one-pager subsection.anim-in { opacity: 1; } .one-pager subsection.anim-out { opacity: 0; } .one-pager section.no-transition, .one-pager subsection.no-transition { transition: none; } .one-pager one-pager-container { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } [theme="newborn"] .products--retailers .theme-color, body .products--retailers .theme-color[theme="newborn"], [theme="comfort"] .products--retailers .theme-color, body .products--retailers .theme-color[theme="comfort"], [theme="upngo"] .products--retailers .theme-color, body .products--retailers .theme-color[theme="upngo"], [theme="touch"] .products--retailers .theme-color, body .products--retailers .theme-color[theme="touch"] { color: white; } .products--retailers { padding: 20px 0 30px 0; background-color: #F3F1F4 !important; } .products--retailers h2, .products--retailers .h2 { font-size: 36px; line-height: 36px; letter-spacing: -2px; color: #562483; margin: 0 0 40px -20px; } .products--retailers .logo-container { display: block; position: relative; width: 80%; text-align: center; margin: 0 auto; border-bottom: 0; border-radius: 12px; background: #ffffff; padding: 10px 30px; } .products--retailers .view-more { text-align: center; margin-bottom: 0.9375rem; display: none; } .products--retailers .links { position: relative; width: 100%; padding: 0.46875rem; font-size: 14px; text-align: center; } .products--retailers .links a { position: relative; padding-left: 20px; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 14px; display: inline-block; color: #4B2A68; padding-left: 0 !important; } .products--retailers .links a:nth-child(2):before { content: " / "; line-height: 14px; color: #4B2A68; } .products--retailers .links a span { transition: all 300ms; } .no-touch .products--retailers .links a:hover span { color: inherit; } .products--retailers .links span { display: none; } .products--retailers .item-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .products--retailers .item-container .item:hover .logo-container { -webkit-transform: scale(1.1); transform: scale(1.1); } .products--retailers .item { margin-bottom: 0.9375rem; width: 16%; padding-left: 0 !important; padding-right: 10px !important; margin-bottom: 10px; } .products--retailers .item .logo-container { width: 100%; padding: 10px 30px; } .products--retailers .item img { max-width: 90px; } .products--retailers .item .links { padding: 0.46875rem 0.9375rem 0.9375rem 0.9375rem; } .products--retailers .item:last-child { float: left; } .club--blob { position: relative; display: inline-block; width: 3.5rem; height: 3.5rem; } .club--blob > .blob { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 55% 77% 61% 80%; border: 3px solid #ffffff; } .club--blob > .blob.border { border-style: solid; border-color: #ffffff; border-width: 5px; background-color: #ffffff; } .club--blob > .blob.blob--border-small { border: 3px solid #ffffff; } .club--blob > .blob.solid { background-color: #ffffff; } .club--blob > .blob.shadow { box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4); } .club--blob > .blob > .content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 55% 77% 61% 80%; } .club--blob > .blob > .content img { width: 100%; height: 100%; } .no-touch .club--blob > a.blob:after, .club--blob label.blob:after, .no-touch .club--blob > div.sidebar-blob.blob:after { content: ''; position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 55% 77% 61% 80%; background-color: #000; transition: all 350ms; } .no-touch .club--blob > a.blob:hover:after, .club--blob label.blob:hover:after, .no-touch .club--blob > div.sidebar-blob.blob:hover:after { opacity: 0.6; } .club--blob > .content { position: absolute; bottom: 0; right: 0; } .club--blob .link-blob:hover a { transition: all 350ms; color: #34154f; } .club--blob .blob__icon { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 55% 77% 61% 80%; height: 100%; width: 100%; background-color: #ffffff; } .club--blob .blob__icon[class*='icon-']:before { font-size: 1.5625rem; } .club--blob .blob__icon--small { position: absolute; right: 0; bottom: 0; height: 1.5625rem; width: 1.5625rem; pointer-events: none; background-color: #562483; } .club--blob .blob__icon--small[class*='icon-']:before { font-size: 1.875rem; color: #ffffff; } .club--blob.xsmall { width: 30px; height: 30px; } .club--blob > .blob.border { border-width: 2px; } .club--blob.small { width: 50px; height: 50px; } .club--blob.small > .blob.border { border-width: 2px; } .club--blob.medium { width: 80px; height: 80px; } .club--blob.medium > .blob.border { border-width: 3px; } .club--blob.large { width: 120px; height: 120px; } .club--blob.large > .blob.border { border-width: 4px; } .club--blob.xlarge { width: 180px; height: 180px; } .club--blob.xlarge > .blob.border { border-width: 6px; } .club--blob > .blob.shadow { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .club--blob .blob-icon { background-color: #faf9f7; } .club--blob .blob-icon span { line-height: 0; display: inline-block; top: 50%; position: absolute; /* @noflip */ left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); color: #6c3a87; } .club--blob .blob-icon span:before { font-size: 42px; } .club--blob .blob-icon.inverted { background-color: #6c3a87; } .club--blob .blob-icon.inverted span { color: #faf9f7; } .blob-photo-upload { position: absolute; right: 2px; bottom: 2px; width: 30px; height: 30px; border-radius: 999px; transition: opacity 350ms; } .active.blob-photo-upload { opacity: 1; } .blob-photo-upload:before { position: absolute; top: 50%; left: 50%; font-size: 16px; color: #fff; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .club--blob.profile { width: 3.75rem; height: 3.75rem; position: relative; font-family: 'gibson-light'; transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; } .club--blob.profile > .blob.border { border-width: 3px; } .is-clicked .club--blob.profile.is-active { -webkit-transform: scale(1.5); transform: scale(1.5); z-index: 110; } .club--blob.profile .blob__background:after { content: ''; position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #000; transition: opacity 350ms; border-radius: 55% 77% 61% 80%; } .club--blob.profile.dimmed .blob__background:after { opacity: 0.6; } .club--blob.profile .blob__actions a { color: #ffffff; } .is-clicked .club--blob.profile.is-active .blob__actions { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; } .club--blob.profile .blob__name { font-size: 1rem; padding: 0 0.875rem; height: 1.5rem; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; position: relative; display: inline-block; } .no-touch .club--blob.profile .blob__name:hover { transition: width 500ms, opacity 150ms; } .no-touch .club--blob.profile .blob__name:hover:after { width: calc(100%); opacity: 1; } .club--blob.profile .blob__actions-wrap { position: absolute; top: 50%; left: 50%; height: 100%; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; color: #ffffff; } .club--blob.profile .blob__actions-icons .icon, .club--blob.profile .blob__actions-icons #header .exmenu a:before, #header .exmenu .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons #header a.to-top:before, #header .club--blob.profile .blob__actions-icons a.to-top:before, .club--blob.profile .blob__actions-icons #header .btn-search:before, #header .club--blob.profile .blob__actions-icons .btn-search:before, .club--blob.profile .blob__actions-icons .more-links .gbrw-grid a:before, .more-links .gbrw-grid .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .popin-close a:before, .popin-close .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .small-overlay-close a:before, .small-overlay-close .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .full-overlay-close a:before, .full-overlay-close .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons #footer a.fb-link:before, #footer .club--blob.profile .blob__actions-icons a.fb-link:before, .club--blob.profile .blob__actions-icons #footer a.yt-link:before, #footer .club--blob.profile .blob__actions-icons a.yt-link:before, .club--blob.profile .blob__actions-icons #footer a.vk-link:before, #footer .club--blob.profile .blob__actions-icons a.vk-link:before, .club--blob.profile .blob__actions-icons #footer a.insta-link:before, #footer .club--blob.profile .blob__actions-icons a.insta-link:before, .club--blob.profile .blob__actions-icons #footer a.twitter-link:before, #footer .club--blob.profile .blob__actions-icons a.twitter-link:before, .club--blob.profile .blob__actions-icons #footer .mother-logo:before, #footer .club--blob.profile .blob__actions-icons .mother-logo:before, .club--blob.profile .blob__actions-icons #footer .mother-logo-old:before, #footer .club--blob.profile .blob__actions-icons .mother-logo-old:before, .club--blob.profile .blob__actions-icons .point-shop-product-info .text .row .column:after, .point-shop-product-info .text .row .club--blob.profile .blob__actions-icons .column:after, .club--blob.profile .blob__actions-icons #sidebars .menu .shortcut-profile:before, #sidebars .menu .club--blob.profile .blob__actions-icons .shortcut-profile:before, .club--blob.profile .blob__actions-icons #sidebars .menu .shortcut-points:before, #sidebars .menu .club--blob.profile .blob__actions-icons .shortcut-points:before, .club--blob.profile .blob__actions-icons #sidebars .menu .shortcut-signin:before, #sidebars .menu .club--blob.profile .blob__actions-icons .shortcut-signin:before, .club--blob.profile .blob__actions-icons #sidebars .menu .shortcut-signout:before, #sidebars .menu .club--blob.profile .blob__actions-icons .shortcut-signout:before, .club--blob.profile .blob__actions-icons #sidebars .social-share-icon.icon-instagram:before, #sidebars .club--blob.profile .blob__actions-icons .social-share-icon.icon-instagram:before, .club--blob.profile .blob__actions-icons #sidebars .social-share-icon.icon-twitter:before, #sidebars .club--blob.profile .blob__actions-icons .social-share-icon.icon-twitter:before, .club--blob.profile .blob__actions-icons #sidebars .social-share-icon.icon-facebook:before, #sidebars .club--blob.profile .blob__actions-icons .social-share-icon.icon-facebook:before, .club--blob.profile .blob__actions-icons #sidebars .social-share-icon.icon-vk:before, #sidebars .club--blob.profile .blob__actions-icons .social-share-icon.icon-vk:before, .club--blob.profile .blob__actions-icons #sidebars .social-share-icon.icon-youtube:before, #sidebars .club--blob.profile .blob__actions-icons .social-share-icon.icon-youtube:before, .club--blob.profile .blob__actions-icons #sidebars [data-sub-navigation-target]:before, #sidebars .club--blob.profile .blob__actions-icons [data-sub-navigation-target]:before, .club--blob.profile .blob__actions-icons #ajax-shopping-cart .item a.remove:before, #ajax-shopping-cart .item .club--blob.profile .blob__actions-icons a.remove:before, .club--blob.profile .blob__actions-icons #ajax-shopping-cart .toggle a:before, #ajax-shopping-cart .toggle .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons html .swiper-button-prev:before, html .club--blob.profile .blob__actions-icons .swiper-button-prev:before, .club--blob.profile .blob__actions-icons html .swiper-button-next:before, html .club--blob.profile .blob__actions-icons .swiper-button-next:before, .club--blob.profile .blob__actions-icons body .ui-datepicker-next:before, body .club--blob.profile .blob__actions-icons .ui-datepicker-next:before, .club--blob.profile .blob__actions-icons body .ui-datepicker-prev:before, body .club--blob.profile .blob__actions-icons .ui-datepicker-prev:before, .club--blob.profile .blob__actions-icons .start-welcome .icon-trying:before, .start-welcome .club--blob.profile .blob__actions-icons .icon-trying:before, .club--blob.profile .blob__actions-icons .start-welcome .icon-pregnant:before, .start-welcome .club--blob.profile .blob__actions-icons .icon-pregnant:before, .club--blob.profile .blob__actions-icons .start-welcome .icon-baby:before, .start-welcome .club--blob.profile .blob__actions-icons .icon-baby:before, .club--blob.profile .blob__actions-icons .start-welcome .icon-toddler:before, .start-welcome .club--blob.profile .blob__actions-icons .icon-toddler:before, .club--blob.profile .blob__actions-icons ul.articles [data-trigger="sign-in"] .category:before, ul.articles [data-trigger="sign-in"] .club--blob.profile .blob__actions-icons .category:before, .club--blob.profile .blob__actions-icons .article-filter h2.trying:before, .article-filter .club--blob.profile .blob__actions-icons h2.trying:before, .club--blob.profile .blob__actions-icons .article-header h2.trying:before, .article-header .club--blob.profile .blob__actions-icons h2.trying:before, .club--blob.profile .blob__actions-icons .article-filter .trying.h2:before, .article-filter .club--blob.profile .blob__actions-icons .trying.h2:before, .club--blob.profile .blob__actions-icons .article-header .trying.h2:before, .article-header .club--blob.profile .blob__actions-icons .trying.h2:before, .club--blob.profile .blob__actions-icons .article-filter h2.pregnant:before, .article-filter .club--blob.profile .blob__actions-icons h2.pregnant:before, .club--blob.profile .blob__actions-icons .article-header h2.pregnant:before, .article-header .club--blob.profile .blob__actions-icons h2.pregnant:before, .club--blob.profile .blob__actions-icons .article-filter .pregnant.h2:before, .article-filter .club--blob.profile .blob__actions-icons .pregnant.h2:before, .club--blob.profile .blob__actions-icons .article-header .pregnant.h2:before, .article-header .club--blob.profile .blob__actions-icons .pregnant.h2:before, .club--blob.profile .blob__actions-icons .article-filter h2.baby:before, .article-filter .club--blob.profile .blob__actions-icons h2.baby:before, .club--blob.profile .blob__actions-icons .article-header h2.baby:before, .article-header .club--blob.profile .blob__actions-icons h2.baby:before, .club--blob.profile .blob__actions-icons .article-filter .baby.h2:before, .article-filter .club--blob.profile .blob__actions-icons .baby.h2:before, .club--blob.profile .blob__actions-icons .article-header .baby.h2:before, .article-header .club--blob.profile .blob__actions-icons .baby.h2:before, .club--blob.profile .blob__actions-icons .article-filter h2.toddler:before, .article-filter .club--blob.profile .blob__actions-icons h2.toddler:before, .club--blob.profile .blob__actions-icons .article-header h2.toddler:before, .article-header .club--blob.profile .blob__actions-icons h2.toddler:before, .club--blob.profile .blob__actions-icons .article-filter .toddler.h2:before, .article-filter .club--blob.profile .blob__actions-icons .toddler.h2:before, .club--blob.profile .blob__actions-icons .article-header .toddler.h2:before, .article-header .club--blob.profile .blob__actions-icons .toddler.h2:before, .club--blob.profile .blob__actions-icons .point-arrow:before, .club--blob.profile .blob__actions-icons ul.products .points span:before, ul.products .points .club--blob.profile .blob__actions-icons span:before, .club--blob.profile .blob__actions-icons .club-coin-progress .arrow, .club-coin-progress .club--blob.profile .blob__actions-icons .arrow, .club--blob.profile .blob__actions-icons .sprite-icon-coin-arrow:before, .club--blob.profile .blob__actions-icons .sprite-icon-coin-arrow-white:before, .club--blob.profile .blob__actions-icons .point-shop-product-info a.close:before, .point-shop-product-info .club--blob.profile .blob__actions-icons a.close:before, .club--blob.profile .blob__actions-icons form .filePicker .choose:before, form .filePicker .club--blob.profile .blob__actions-icons .choose:before, .club--blob.profile .blob__actions-icons .add-profile-image .remove:before, .add-profile-image .club--blob.profile .blob__actions-icons .remove:before, .club--blob.profile .blob__actions-icons .profile-trying:before, .club--blob.profile .blob__actions-icons .profile-pregnant:before, .club--blob.profile .blob__actions-icons .profile-baby:before, .club--blob.profile .blob__actions-icons .profile-toddler:before, .club--blob.profile .blob__actions-icons .profile-padlock:before, .club--blob.profile .blob__actions-icons .profile-convert-code:before, .club--blob.profile .blob__actions-icons .profile-order-history:before, .club--blob.profile .blob__actions-icons .profile-point-history:before, .club--blob.profile .blob__actions-icons .profile-change-email:before, .club--blob.profile .blob__actions-icons .profile-questionaire:before, .club--blob.profile .blob__actions-icons .profile-subscriptions:before, .club--blob.profile .blob__actions-icons .search-container span:before, .search-container .club--blob.profile .blob__actions-icons span:before, .club--blob.profile .blob__actions-icons .search-container .clear-search:before, .search-container .club--blob.profile .blob__actions-icons .clear-search:before, .club--blob.profile .blob__actions-icons .sign-up__date-input-container:after, .club--blob.profile .blob__actions-icons .sign-up__select-container:after, .club--blob.profile .blob__actions-icons .sign-up__terms .sign-up__checkbox-container label:after, .sign-up__terms .sign-up__checkbox-container .club--blob.profile .blob__actions-icons label:after, .club--blob.profile .blob__actions-icons #ajaxOverlayError span:before, #ajaxOverlayError .club--blob.profile .blob__actions-icons span:before, .club--blob.profile .blob__actions-icons dl.accordion dd > a:before, dl.accordion .club--blob.profile .blob__actions-icons dd > a:before, .club--blob.profile .blob__actions-icons a.trying:before, .club--blob.profile .blob__actions-icons a.pregnant:before, .club--blob.profile .blob__actions-icons a.baby:before, .club--blob.profile .blob__actions-icons a.toddler:before, .club--blob.profile .blob__actions-icons a.action:before, .club--blob.profile .blob__actions-icons a.action.back:before, .club--blob.profile .blob__actions-icons a.action.forward:after, .club--blob.profile .blob__actions-icons [data-am-label][data-am-label~="checkbox"]:after, .club--blob.profile .blob__actions-icons .article-66-33 a.fb-link:before, .article-66-33 .club--blob.profile .blob__actions-icons a.fb-link:before, .club--blob.profile .blob__actions-icons .article-50-50 a.fb-link:before, .article-50-50 .club--blob.profile .blob__actions-icons a.fb-link:before, .club--blob.profile .blob__actions-icons .article-66-33 a.twitter-link:before, .article-66-33 .club--blob.profile .blob__actions-icons a.twitter-link:before, .club--blob.profile .blob__actions-icons .article-50-50 a.twitter-link:before, .article-50-50 .club--blob.profile .blob__actions-icons a.twitter-link:before, .club--blob.profile .blob__actions-icons .article-66-33 a.mail-link:before, .article-66-33 .club--blob.profile .blob__actions-icons a.mail-link:before, .club--blob.profile .blob__actions-icons .article-50-50 a.mail-link:before, .article-50-50 .club--blob.profile .blob__actions-icons a.mail-link:before, .club--blob.profile .blob__actions-icons .article-66-33 a.print-link:before, .article-66-33 .club--blob.profile .blob__actions-icons a.print-link:before, .club--blob.profile .blob__actions-icons .article-50-50 a.print-link:before, .article-50-50 .club--blob.profile .blob__actions-icons a.print-link:before, .club--blob.profile .blob__actions-icons .video-play:before, .club--blob.profile .blob__actions-icons .dropdown__hint:after, .club--blob.profile .blob__actions-icons .gpdr--sign-up .gdpr__label:after, .gpdr--sign-up .club--blob.profile .blob__actions-icons .gdpr__label:after, .club--blob.profile .blob__actions-icons .gdpr--subscriptions .gdpr__label:after, .gdpr--subscriptions .club--blob.profile .blob__actions-icons .gdpr__label:after, .club--blob.profile .blob__actions-icons [theme="comfort-baru"] .title-logo:before, [theme="comfort-baru"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="comfort-baru"] .title-logo:before, div[theme="comfort-baru"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="upngo-baru"] .title-logo:before, [theme="upngo-baru"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="upngo-baru"] .title-logo:before, div[theme="upngo-baru"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="newborn-baru"] .title-logo:before, [theme="newborn-baru"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="newborn-baru"] .title-logo:before, div[theme="newborn-baru"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="lotus-touch-newborn"] .title-logo:before, [theme="lotus-touch-newborn"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="lotus-touch-newborn"] .title-logo:before, div[theme="lotus-touch-newborn"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="lotus-touch-comfort"] .title-logo:before, [theme="lotus-touch-comfort"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="lotus-touch-comfort"] .title-logo:before, div[theme="lotus-touch-comfort"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="lotus-touch-upngo"] .title-logo:before, [theme="lotus-touch-upngo"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="lotus-touch-upngo"] .title-logo:before, div[theme="lotus-touch-upngo"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="everyday"] .title-logo:before, [theme="everyday"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="everyday"] .title-logo:before, div[theme="everyday"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="drypants"] .title-logo:before, [theme="drypants"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="drypants"] .title-logo:before, div[theme="drypants"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="sleep-tight"] .title-logo:before, [theme="sleep-tight"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="sleep-tight"] .title-logo:before, div[theme="sleep-tight"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="swimpants"] .title-logo:before, [theme="swimpants"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="swimpants"] .title-logo:before, div[theme="swimpants"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons .products--anchor-menu div.to-top span:before, .products--anchor-menu div.to-top .club--blob.profile .blob__actions-icons span:before, .club--blob.profile .blob__actions-icons .products--anchor-menu .current a:before, .products--anchor-menu .current .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .ratings-bar .stars a span, .ratings-bar .stars a .club--blob.profile .blob__actions-icons span, .club--blob.profile .blob__actions-icons .ratings-bar .stars a span:before, .ratings-bar .stars a .club--blob.profile .blob__actions-icons span:before, .club--blob.profile .blob__actions-icons .editor ul.fancy li:before, .editor ul.fancy .club--blob.profile .blob__actions-icons li:before, .club--blob.profile .blob__actions-icons .filter-move-to-size .indicator, .filter-move-to-size .club--blob.profile .blob__actions-icons .indicator, .club--blob.profile .blob__actions-icons .filter-slider-small .btn-container a:before, .filter-slider-small .btn-container .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .filter-slider-small .clear:before, .filter-slider-small .club--blob.profile .blob__actions-icons .clear:before, .club--blob.profile .blob__actions-icons .filter-slider-small-alert:before, .club--blob.profile .blob__actions-icons [accordion="small"] dd > a:after, [accordion="small"] .club--blob.profile .blob__actions-icons dd > a:after, .club--blob.profile .blob__actions-icons .product--filter-result-display .swipe:before, .product--filter-result-display .club--blob.profile .blob__actions-icons .swipe:before, .club--blob.profile .blob__actions-icons .product--filter-result-display-eden .swipe:before, .product--filter-result-display-eden .club--blob.profile .blob__actions-icons .swipe:before, .club--blob.profile .blob__actions-icons .products--product-accessory .bottom .benefits .check:before, .products--product-accessory .bottom .benefits .club--blob.profile .blob__actions-icons .check:before, .club--blob.profile .blob__actions-icons .products--family-range .bar li:before, .products--family-range .bar .club--blob.profile .blob__actions-icons li:before, .club--blob.profile .blob__actions-icons .diaper-3d .bottom-options .to-top:before, .diaper-3d .bottom-options .club--blob.profile .blob__actions-icons .to-top:before, .club--blob.profile .blob__actions-icons .diaper-3d .bottom-options .to-bottom:before, .diaper-3d .bottom-options .club--blob.profile .blob__actions-icons .to-bottom:before, .club--blob.profile .blob__actions-icons .diaper-3d .bottom-options .scroll-down:before, .diaper-3d .bottom-options .club--blob.profile .blob__actions-icons .scroll-down:before, .club--blob.profile .blob__actions-icons .blob-photo-upload:before, .club--blob.profile .blob__actions-icons .club--profile-header .bg-photo-load-wrap .bg-photo-load:before, .club--profile-header .bg-photo-load-wrap .club--blob.profile .blob__actions-icons .bg-photo-load:before, .club--blob.profile .blob__actions-icons label.profile-header__change-image:before, .club--blob.profile .blob__actions-icons .feed-carousel .slick-prev:before, .feed-carousel .club--blob.profile .blob__actions-icons .slick-prev:before, .club--blob.profile .blob__actions-icons .feed-carousel .slick-next:before, .feed-carousel .club--blob.profile .blob__actions-icons .slick-next:before, .club--blob.profile .blob__actions-icons a.club-search__button:after, .club--blob.profile .blob__actions-icons #headerV2 .exmenu a:before, #headerV2 .exmenu .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons #headerV2 a.to-top:before, #headerV2 .club--blob.profile .blob__actions-icons a.to-top:before, .club--blob.profile .blob__actions-icons #headerV2 .btn-search:before, #headerV2 .club--blob.profile .blob__actions-icons .btn-search:before, .club--blob.profile .blob__actions-icons .club-carousel .slick-prev:before, .club-carousel .club--blob.profile .blob__actions-icons .slick-prev:before, .club--blob.profile .blob__actions-icons .club-carousel .slick-next:before, .club-carousel .club--blob.profile .blob__actions-icons .slick-next:before, .club--blob.profile .blob__actions-icons .feed-post__icon--comment:before, .club--blob.profile .blob__actions-icons .feed-post__icon--heart:before, .club--blob.profile .blob__actions-icons .feed-post__icon--share:before, .club--blob.profile .blob__actions-icons .feed-post__icon--more:before, .club--blob.profile .blob__actions-icons .feed-post__tags:before, .club--blob.profile .blob__actions-icons .feed-post__content-image a:before, .feed-post__content-image .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .create-post__text a:before, .create-post__text .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .create-post__overlay .create-post__overlay-title a.create-post__overlay-close:after, .create-post__overlay .create-post__overlay-title .club--blob.profile .blob__actions-icons a.create-post__overlay-close:after, .club--blob.profile .blob__actions-icons .create-post__overlay--tags label:before, .create-post__overlay--tags .club--blob.profile .blob__actions-icons label:before, .club--blob.profile .blob__actions-icons .create-post__milestone-menu-item .check:after, .create-post__milestone-menu-item .club--blob.profile .blob__actions-icons .check:after, .club--blob.profile .blob__actions-icons .create-post__btn-photo > span:before, .club--blob.profile .blob__actions-icons .create-post__btn-tag > span:before, .club--blob.profile .blob__actions-icons .create-post__btn-date > span:before, .club--blob.profile .blob__actions-icons .create-post__milestone-post-photo .view-add:before, .create-post__milestone-post-photo .club--blob.profile .blob__actions-icons .view-add:before, .club--blob.profile .blob__actions-icons .create-post__post-photo .view-add:before, .create-post__post-photo .club--blob.profile .blob__actions-icons .view-add:before, .club--blob.profile .blob__actions-icons .create-post__milestone-post-photo .view-done a:before, .create-post__milestone-post-photo .view-done .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .create-post__post-photo .view-done a:before, .create-post__post-photo .view-done .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .create-post__title a:after, .create-post__title .club--blob.profile .blob__actions-icons a:after, .club--blob.profile .blob__actions-icons .multi-upload label:before, .multi-upload .club--blob.profile .blob__actions-icons label:before, .club--blob.profile .blob__actions-icons .multi-upload a:after, .multi-upload .club--blob.profile .blob__actions-icons a:after, .club--blob.profile .blob__actions-icons .club--stages .share:before, .club--stages .club--blob.profile .blob__actions-icons .share:before, .club--blob.profile .blob__actions-icons .stages-overlay__close:before, .club--blob.profile .blob__actions-icons .stage-item__share:before, .club--blob.profile .blob__actions-icons .cp-layer .cp-input-container .datepicker-icon:before, .cp-layer .cp-input-container .club--blob.profile .blob__actions-icons .datepicker-icon:before, .club--blob.profile .blob__actions-icons .ep-layer .ep-input-container .datepicker-icon:before, .ep-layer .ep-input-container .club--blob.profile .blob__actions-icons .datepicker-icon:before, .club--blob.profile .blob__actions-icons .club-remove-filter .container a:after, .club-remove-filter .container .club--blob.profile .blob__actions-icons a:after, .club--blob.profile .blob__actions-icons .club-overlay .bg-photo-load:before, .club-overlay .club--blob.profile .blob__actions-icons .bg-photo-load:before, .club--blob.profile .blob__actions-icons .club-overlay-close:after, .club--blob.profile .blob__actions-icons .club-stages-post .stage-icon:before, .club-stages-post .club--blob.profile .blob__actions-icons .stage-icon:before, .club--blob.profile .blob__actions-icons .club-stages-product .stage-icon:before, .club-stages-product .club--blob.profile .blob__actions-icons .stage-icon:before, .club--blob.profile .blob__actions-icons .sidebar-overlay__trigger:before, .club--blob.profile .blob__actions-icons .sidebar-overlay a.club-search__button:after, .sidebar-overlay .club--blob.profile .blob__actions-icons a.club-search__button:after, .club--blob.profile .blob__actions-icons body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-playing .vjs-big-play-button:before, body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-playing .club--blob.profile .blob__actions-icons .vjs-big-play-button:before, .club--blob.profile .blob__actions-icons body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-paused .vjs-big-play-button:before, body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-paused .club--blob.profile .blob__actions-icons .vjs-big-play-button:before, .club--blob.profile .blob__actions-icons body div .amp-default-skin .vjs-big-play-button:before, body div .amp-default-skin .club--blob.profile .blob__actions-icons .vjs-big-play-button:before, .club--blob.profile .blob__actions-icons .overlay2 .overlay2-nav .prev:before, .overlay2 .overlay2-nav .club--blob.profile .blob__actions-icons .prev:before, .club--blob.profile .blob__actions-icons .overlay2 .overlay2-nav .next:before, .overlay2 .overlay2-nav .club--blob.profile .blob__actions-icons .next:before, .club--blob.profile .blob__actions-icons .overlay2 [data-overlay2-close]:before, .overlay2 .club--blob.profile .blob__actions-icons [data-overlay2-close]:before, .club--blob.profile .blob__actions-icons .youplus--life-hack .inner:before, .youplus--life-hack .club--blob.profile .blob__actions-icons .inner:before, .club--blob.profile .blob__actions-icons .youplus--story-audio .default-player, .youplus--story-audio .club--blob.profile .blob__actions-icons .default-player, .club--blob.profile .blob__actions-icons .youplus--story-m-audio .default-player, .youplus--story-m-audio .club--blob.profile .blob__actions-icons .default-player, .club--blob.profile .blob__actions-icons .youplus--story-video .inner:before, .youplus--story-video .club--blob.profile .blob__actions-icons .inner:before, .club--blob.profile .blob__actions-icons .youplus--story-m-video .inner:before, .youplus--story-m-video .club--blob.profile .blob__actions-icons .inner:before, .club--blob.profile .blob__actions-icons .youplus--story-header .filter-btn:before, .youplus--story-header .club--blob.profile .blob__actions-icons .filter-btn:before, .club--blob.profile .blob__actions-icons .youplus--story-header .month .btn-yp.selected:before, .youplus--story-header .month .club--blob.profile .blob__actions-icons .btn-yp.selected:before, .club--blob.profile .blob__actions-icons .youplus--story-header .tags .btn-yp.selected:before, .youplus--story-header .tags .club--blob.profile .blob__actions-icons .btn-yp.selected:before, .club--blob.profile .blob__actions-icons .youplus--listicles h3:before, .youplus--listicles .club--blob.profile .blob__actions-icons h3:before, .club--blob.profile .blob__actions-icons .youplus--listicles .h3:before, .youplus--listicles .club--blob.profile .blob__actions-icons .h3:before, .club--blob.profile .blob__actions-icons .youplus--listicles .product-info h1:before, .youplus--listicles .product-info .club--blob.profile .blob__actions-icons h1:before, .club--blob.profile .blob__actions-icons .product-info .youplus--listicles h1:before, .product-info .youplus--listicles .club--blob.profile .blob__actions-icons h1:before, .club--blob.profile .blob__actions-icons .youplus--listicles .product-info .h1:before, .youplus--listicles .product-info .club--blob.profile .blob__actions-icons .h1:before, .club--blob.profile .blob__actions-icons .product-info .youplus--listicles .h1:before, .product-info .youplus--listicles .club--blob.profile .blob__actions-icons .h1:before, .club--blob.profile .blob__actions-icons .youplus--testimonial .slick-prev:before, .youplus--testimonial .club--blob.profile .blob__actions-icons .slick-prev:before, .club--blob.profile .blob__actions-icons .youplus--testimonial .slick-next:before, .youplus--testimonial .club--blob.profile .blob__actions-icons .slick-next:before, .club--blob.profile .blob__actions-icons .youplus--poll-results .check:before, .youplus--poll-results .club--blob.profile .blob__actions-icons .check:before, .club--blob.profile .blob__actions-icons .youplus--app-hero .leftArrow:before, .youplus--app-hero .club--blob.profile .blob__actions-icons .leftArrow:before, .club--blob.profile .blob__actions-icons .youplus--app-hero .rightArrow:before, .youplus--app-hero .club--blob.profile .blob__actions-icons .rightArrow:before, .club--blob.profile .blob__actions-icons .photobook--order-bar .share-tooltip__facebook:before, .photobook--order-bar .club--blob.profile .blob__actions-icons .share-tooltip__facebook:before, .club--blob.profile .blob__actions-icons .photobook--order-bar .share-tooltip__twitter:before, .photobook--order-bar .club--blob.profile .blob__actions-icons .share-tooltip__twitter:before, .club--blob.profile .blob__actions-icons .photobook--order-bar .share-tooltip__instagram:before, .photobook--order-bar .club--blob.profile .blob__actions-icons .share-tooltip__instagram:before, .club--blob.profile .blob__actions-icons .message-bar__message--saved:before, .club--blob.profile .blob__actions-icons .photobook--navigation-bar .navigation-bar__back-link:before, .photobook--navigation-bar .club--blob.profile .blob__actions-icons .navigation-bar__back-link:before, .club--blob.profile .blob__actions-icons .photobook--navigation-bar .navigation-bar__close:before, .photobook--navigation-bar .club--blob.profile .blob__actions-icons .navigation-bar__close:before, .club--blob.profile .blob__actions-icons .photobook--navigation-bar .navigation-bar__drop-value--trigger:before, .photobook--navigation-bar .club--blob.profile .blob__actions-icons .navigation-bar__drop-value--trigger:before, .club--blob.profile .blob__actions-icons .photobook--status-bar .status-bar__remove:before, .photobook--status-bar .club--blob.profile .blob__actions-icons .status-bar__remove:before, .club--blob.profile .blob__actions-icons .photobook--grid .grid-item .grid-item__check:after, .photobook--grid .grid-item .club--blob.profile .blob__actions-icons .grid-item__check:after, .club--blob.profile .blob__actions-icons .photobook--grid .grid-item .grid-item__message-icon:after, .photobook--grid .grid-item .club--blob.profile .blob__actions-icons .grid-item__message-icon:after, .club--blob.profile .blob__actions-icons .photobook--grid .grid-item .grid-item__message--add .grid-item__message-icon:after, .photobook--grid .grid-item .grid-item__message--add .club--blob.profile .blob__actions-icons .grid-item__message-icon:after, .club--blob.profile .blob__actions-icons .photobook--milestone-frame .milestone-carousel__edit-image:before, .photobook--milestone-frame .club--blob.profile .blob__actions-icons .milestone-carousel__edit-image:before, .club--blob.profile .blob__actions-icons .photobook--milestone-frame .milestone-edit__date:before, .photobook--milestone-frame .club--blob.profile .blob__actions-icons .milestone-edit__date:before, .club--blob.profile .blob__actions-icons .photobook--crop-image .crop-image__upload label:after, .photobook--crop-image .crop-image__upload .club--blob.profile .blob__actions-icons label:after, .club--blob.profile .blob__actions-icons .photobook--crop-image .crop-image__upload a.crop-image__upload-remove:after, .photobook--crop-image .crop-image__upload .club--blob.profile .blob__actions-icons a.crop-image__upload-remove:after, .club--blob.profile .blob__actions-icons .photobook--preview-bar .share-tooltip__facebook:before, .photobook--preview-bar .club--blob.profile .blob__actions-icons .share-tooltip__facebook:before, .club--blob.profile .blob__actions-icons .photobook--preview-bar .share-tooltip__twitter:before, .photobook--preview-bar .club--blob.profile .blob__actions-icons .share-tooltip__twitter:before, .club--blob.profile .blob__actions-icons .photobook--preview-bar .share-tooltip__instagram:before, .photobook--preview-bar .club--blob.profile .blob__actions-icons .share-tooltip__instagram:before { font-size: 1.5rem; } .blob-photo-upload { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #562483; transition: all 350ms; pointer-events: none; border-radius: 55% 77% 61% 80%; } .blob-photo-upload:before { transition: all 400ms 0ms; } .no-touch label.blob:hover ~ .blob-photo-upload { bottom: 50%; right: 50%; -webkit-transform: translate3d(50%, 50%, 0); transform: translate3d(50%, 50%, 0); background-color: rgba(86, 36, 131, 0.2); width: 94%; height: 94%; } .no-touch label.blob:hover ~ .blob-photo-upload:before { font-size: 47px; transition: all 400ms 375ms; } .blob-photo-upload:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA6C"; } .club--blob.upload .content { -webkit-transform: translateZ(0); transform: translateZ(0); } .club--blob.upload.upload-started .progress { opacity: 1; } .club--blob.upload.upload-completed .progress { transition: all 350ms; transition-delay: 500ms; height: 22% !important; opacity: 0; } .club--blob.upload .progress { position: absolute; bottom: 0; left: 0; width: 100%; height: 22%; min-height: 22%; background-color: #6c3a87; color: #ffffff; font-size: 12px; opacity: 0.01; transition: opacity 350ms; } .no-touch .club--blob.upload a:hover span { color: #ffffff; } .club .btn-club { font-family: "gibson-light"; position: relative; display: inline-block; min-width: 61px; margin: 0.46875rem 0.46875rem; padding: 10px 20px; padding-top: 11px; padding-bottom: 9px; transition: all 350ms; text-align: center; color: #fff; border-radius: 23px; background-color: #6c3a87; box-shadow: 0 3px 0 0 #3d0c57; } .club .btn-club:hover { color: #fff; } .club .btn-club:hover span { color: #fff; } .club .btn-club.fill { width: 100%; } .no-touch .club .btn-club:hover { background-color: #5e3275; box-shadow: 0 3px 0 0 #2d0941; } .club .btn-club:focus { color: #fff; } .club .btn-club:before { font-size: 20px; position: absolute; top: 50%; left: 18px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .club .btn-club:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .club .btn-club[class*="icon-"] { padding-left: 50px; } .button--with-icon { position: relative; color: #ffffff; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0; font-size: 1rem; } .button--with-icon:before { content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%20500%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22a%22%20width%3D%22103.1%25%22%20height%3D%22102.3%25%22%20x%3D%22-1.8%25%22%20y%3D%22-.7%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.3%200%22%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20filter%3D%22url%28%23a%29%22%20transform%3D%22translate%2810%2010%29%22%3E%3Cpath%20fill%3D%22%23562483%22%20d%3D%22M3.46%20296.436C-7.053%20201.58-19.727%2041.146%20144.094%2011.37%20307.915-18.407%20416.4%2020%20470.875%20169.666c54.475%20149.667-107.97%20287.317-197.7%20297.682C175.533%20478.627%2011.505%20369.04%203.46%20296.435z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M263.593%2097.67l-59.068-1.32.39%2058.898%201.755%207.43%202.39%2041.664-44.4%201.687-6.383-.508-44.507.642-2.033%2020.893-5.526%2033.778%20100.63-1.778%202.228%2034.232-1.638%205.765%203.756%2066.867%2058.304%201.06.493-103.55%2051.668-3.594%207.26.976%2044.42-3.785-.262-34.704-3.033-19.598-104.064%204.787%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: cover; display: inline-block; height: 1.5rem; width: 1.5rem; margin-right: 0.3rem; } .button--with-icon:hover { color: #ffffff; } .club .btn-secondary { background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.7); } .no-touch .club .btn-secondary:hover { background-color: rgba(0, 0, 0, 0.7); box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.9); } .link-club { color: #4f1070; transition: all 350ms; border-bottom: 1px solid transparent; } .no-touch .link-club:hover { color: #4f1070; border-bottom: 1px solid #4f1070; } .dd-club { position: relative; display: inline-block; max-width: 100%; margin: 0.46875rem 0.46875rem; } .dd-club .dd-toggle-container { overflow: hidden; list-style: none; background-color: #6c3a87; text-align: left; border-radius: 23px; box-shadow: 0 3px 0 0 #3d0c57; transition: all 300ms; } .dd-club .dd-toggle-container:before, .dd-club .dd-toggle-container:after { content: " "; display: table; } .dd-club .dd-toggle-container:after { clear: both; } .dd-club .dd-expander, .dd-club .dd-main { float: left; padding-top: 10px; padding-bottom: 10px; color: #fff; transition: all 250ms; } .no-touch .dd-club .dd-expander:hover, .no-touch .dd-club .dd-main:hover { background: #5e3275; color: #fff; } .dd-club .dd-main { width: calc(100% - 44px); padding-left: 20px; padding-right: 20px; white-space: nowrap; } .dd-club .dd-expander { width: 44px; height: 44px; position: relative; border-left: 1px solid #3d0c57; } .dd-club .dd-expander:before { transition: all 250ms; display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); font-size: 7px; } .dd-club .dd-content li a[class*='icon'], .dd-club .dd-main[class*='icon'] { padding-left: 50px; display: block; } .dd-club .dd-content li a[class*='icon']:before, .dd-club .dd-main[class*='icon']:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; position: absolute; top: 50%; left: 18px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dd-club .dd-content { position: absolute; z-index: 2; top: 100%; left: 0; margin: 0; padding: 0; background: #5e3275; box-shadow: 0 3px 0 0 #3d0c57; border-bottom-left-radius: 23px; border-bottom-right-radius: 23px; text-align: left; transition: all 250ms; -webkit-transform: translateX(50%) translateY(-50%) scale(0.01); transform: translateX(50%) translateY(-50%) scale(0.01); list-style: none; opacity: 0; } .dd-club .dd-content li { position: relative; } .dd-club .dd-content li a { padding-top: 10px; padding-bottom: 10px; display: inline-block; padding-left: 20px; padding-right: 20px; white-space: nowrap; color: #fff; } .no-touch .dd-club .dd-content li a:hover { color: #fff; } .dd-club.on .dd-toggle-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .dd-club.on .dd-expander { background-color: #5e3275; border-left: 1px solid transparent; } .dd-club.on .dd-expander:before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg); transform: translateX(-50%) translateY(-50%) rotate(180deg); } .dd-club.on .dd-content { -webkit-transform: translateX(0) translateY(0) scale(1); transform: translateX(0) translateY(0) scale(1); opacity: 1; } .no-before:before { display: none; content: none; } .no-before:after { content: none; } .selectbox-club { position: relative; display: inline-block; margin: 0.46875rem 0.46875rem; max-width: 100%; min-width: 100px; } .selectbox-club .select-toggle-container { text-align: left; list-style: none; cursor: pointer; border-radius: 23px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; background-color: #6c3a87; box-shadow: 0 3px 0 0 #3d0c57; position: relative; transition: background-color 250ms, border-radius 350ms, padding 250ms; } .selectbox-club .select-toggle-container .icon-arrow-expand { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 18px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 7px; color: #fff; margin-left: 5px; transition: all 250ms; z-index: 1; } .no-touch .selectbox-club .select-toggle-container:hover { background-color: #5e3275; } .selectbox-club .select-index { color: #fff; display: inline-block; margin-right: 15px; } .no-touch .selectbox-club .select-index:hover { color: #fff; } .selectbox-club .select-list { background-color: #6c3a87; list-style: none; position: absolute; box-shadow: 0 3px 0 0 #3d0c57; top: 100%; left: 0; text-align: left; z-index: 2; padding: 0; margin: 0; border-bottom-left-radius: 23px; border-bottom-right-radius: 23px; -webkit-transform: translateY(-50%) scale(0.01); transform: translateY(-50%) scale(0.01); opacity: 0; transition: all 250ms; overflow: hidden; min-width: 100%; } .selectbox-club .select-list li a { padding: 10px 20px; white-space: nowrap; display: block; color: #fff; transition: all 250ms; } .no-touch .selectbox-club .select-list li a:hover { background-color: #5e3275; color: #fff; } .selectbox-club .select-list .selected { display: none; } .selectbox-club.on .select-toggle-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .selectbox-club.on .select-toggle-container .icon-arrow-expand { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .selectbox-club.on .select-list { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; } .progress .select-index { padding-left: 30px; } .progress > .dd-button, .progress.btn-club { padding-left: 50px; transition: padding-left 250ms; } .progress.club-btn-search { padding-left: 20px; } .loadicon-left { position: absolute; top: 50%; left: 18px; display: block; border: 2px solid rgba(0, 0, 0, 0.2); border-left-color: #fff; height: 20px; width: 20px; z-index: 1; margin-top: -10px; -webkit-transform-origin: 50%; transform-origin: 50%; border-radius: 100%; opacity: 0; transition: opacity 10ms linear; } .progress .loadicon-left { transition: opacity 1000ms 250ms linear; opacity: 1; -webkit-animation: rotate 0.7s linear infinite; animation: rotate 0.7s linear infinite; } .no-click { pointer-events: none; } body.club .button, body.club .filePicker, body.club a.join-now, body.club input[type="submit"], body.club input[type="button"], body.club input[type="reset"], body.club a.submit-down, body.club a.submit-right, body.club button.submit-right, body.club .create-post__btn-publish, body.club .create-post__btn-cancel, body.club .create-post__btn-done { display: inline-block; min-width: 121px; padding: 15px 25px 15px 25px; border: 1px solid #562483; border-radius: 50px; color: #ffffff; line-height: 19px; background-color: #562483; transition: all 250ms ease-out; height: auto !important; display: inline-block; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.125rem; text-align: center; text-shadow: none; min-width: auto; min-height: auto; color: #ffffff; transition: all 300ms; position: relative; } .no-touch body.club .button:hover, .no-touch body.club .filePicker:hover, .no-touch body.club a.join-now:hover, .no-touch body.club input:hover[type="submit"], .no-touch body.club input:hover[type="button"], .no-touch body.club input:hover[type="reset"], .no-touch body.club a.submit-down:hover, .no-touch body.club a.submit-right:hover, .no-touch body.club button.submit-right:hover, .no-touch body.club .create-post__btn-publish:hover, .no-touch body.club .create-post__btn-cancel:hover, .no-touch body.club .create-post__btn-done:hover { background-color: #451c68; border-style: 1px solid #451c68; color: #ffffff; } .no-touch body.club .button:hover span, .no-touch body.club .filePicker:hover span, .no-touch body.club a.join-now:hover span, .no-touch body.club input:hover[type="submit"] span, .no-touch body.club input:hover[type="button"] span, .no-touch body.club input:hover[type="reset"] span, .no-touch body.club a.submit-down:hover span, .no-touch body.club a.submit-right:hover span, .no-touch body.club button.submit-right:hover span, .no-touch body.club .create-post__btn-publish:hover span, .no-touch body.club .create-post__btn-cancel:hover span, .no-touch body.club .create-post__btn-done:hover span { color: #ffffff; } body.club .button:focus, body.club .filePicker:focus, body.club a.join-now:focus, body.club input:focus[type="submit"], body.club input:focus[type="button"], body.club input:focus[type="reset"], body.club a.submit-down:focus, body.club a.submit-right:focus, body.club button.submit-right:focus, body.club .create-post__btn-publish:focus, body.club .create-post__btn-cancel:focus, body.club .create-post__btn-done:focus { color: #ffffff; outline: none !important; } body.club .button:hover, body.club .filePicker:hover, body.club a.join-now:hover, body.club input:hover[type="submit"], body.club input:hover[type="button"], body.club input:hover[type="reset"], body.club a.submit-down:hover, body.club a.submit-right:hover, body.club button.submit-right:hover, body.club .create-post__btn-publish:hover, body.club .create-post__btn-cancel:hover, body.club .create-post__btn-done:hover, body.club .button:active, body.club .filePicker:active, body.club a.join-now:active, body.club input:active[type="submit"], body.club input:active[type="button"], body.club input:active[type="reset"], body.club a.submit-down:active, body.club a.submit-right:active, body.club button.submit-right:active, body.club .create-post__btn-publish:active, body.club .create-post__btn-cancel:active, body.club .create-post__btn-done:active, body.club .button:focus, body.club .filePicker:focus, body.club a.join-now:focus, body.club input:focus[type="submit"], body.club input:focus[type="button"], body.club input:focus[type="reset"], body.club a.submit-down:focus, body.club a.submit-right:focus, body.club button.submit-right:focus, body.club .create-post__btn-publish:focus, body.club .create-post__btn-cancel:focus, body.club .create-post__btn-done:focus { color: #ffffff; } body.club .button.button--progress.button--in-progress, body.club .button--progress.button--in-progress.filePicker, body.club a.button--progress.button--in-progress.join-now, body.club input.button--progress.button--in-progress[type="submit"], body.club input.button--progress.button--in-progress[type="button"], body.club input.button--progress.button--in-progress[type="reset"], body.club a.button--progress.button--in-progress.submit-down, body.club a.button--progress.button--in-progress.submit-right, body.club button.button--progress.button--in-progress.submit-right, body.club .button--progress.button--in-progress.create-post__btn-publish, body.club .button--progress.button--in-progress.create-post__btn-cancel, body.club .button--progress.button--in-progress.create-post__btn-done { pointer-events: none; padding-right: 44px; opacity: 0.8; } body.club .button.button--progress.button--in-progress:after, body.club .button--progress.button--in-progress.filePicker:after, body.club a.button--progress.button--in-progress.join-now:after, body.club input.button--progress.button--in-progress[type="submit"]:after, body.club input.button--progress.button--in-progress[type="button"]:after, body.club input.button--progress.button--in-progress[type="reset"]:after, body.club a.button--progress.button--in-progress.submit-down:after, body.club a.button--progress.button--in-progress.submit-right:after, body.club button.button--progress.button--in-progress.submit-right:after, body.club .button--progress.button--in-progress.create-post__btn-publish:after, body.club .button--progress.button--in-progress.create-post__btn-cancel:after, body.club .button--progress.button--in-progress.create-post__btn-done:after { right: 12px; opacity: 1; } body.club .button.button--progress:after, body.club .button--progress.filePicker:after, body.club a.button--progress.join-now:after, body.club input.button--progress[type="submit"]:after, body.club input.button--progress[type="button"]:after, body.club input.button--progress[type="reset"]:after, body.club a.button--progress.submit-down:after, body.club a.button--progress.submit-right:after, body.club button.button--progress.submit-right:after, body.club .button--progress.create-post__btn-publish:after, body.club .button--progress.create-post__btn-cancel:after, body.club .button--progress.create-post__btn-done:after { border: 0.125rem solid rgba(0, 0, 0, 0.2); font-size: 1.125rem; width: 1.125rem; height: 1.125rem; border-radius: 0.5em; box-sizing: border-box; -webkit-animation: spin 0.7s linear infinite; animation: spin 0.7s linear infinite; border-top-color: #fff; content: ''; position: absolute; top: calc(50% - (1.25rem/2)); right: -1.5625rem; width: 1.25rem; height: 1.25rem; font-size: 1.25rem; border-radius: 65% 69% 55% 79%; border-width: 3px; opacity: 0.0; transition: all 500ms 0ms; display: inline-block; } body.club .button.fb-signin, body.club .fb-signin.filePicker, body.club a.fb-signin.join-now, body.club input.fb-signin[type="submit"], body.club input.fb-signin[type="button"], body.club input.fb-signin[type="reset"], body.club a.fb-signin.submit-down, body.club a.fb-signin.submit-right, body.club button.fb-signin.submit-right, body.club .fb-signin.create-post__btn-publish, body.club .fb-signin.create-post__btn-cancel, body.club .fb-signin.create-post__btn-done { font-size: .875rem; margin-top: 1rem; box-shadow: none; } body.club .button.fb-signin > span, body.club .fb-signin.filePicker > span, body.club a.fb-signin.join-now > span, body.club input.fb-signin[type="submit"] > span, body.club input.fb-signin[type="button"] > span, body.club input.fb-signin[type="reset"] > span, body.club a.fb-signin.submit-down > span, body.club a.fb-signin.submit-right > span, body.club button.fb-signin.submit-right > span, body.club .fb-signin.create-post__btn-publish > span, body.club .fb-signin.create-post__btn-cancel > span, body.club .fb-signin.create-post__btn-done > span { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } body.club .button.fb-signin i, body.club .fb-signin.filePicker i, body.club a.fb-signin.join-now i, body.club input.fb-signin[type="submit"] i, body.club input.fb-signin[type="button"] i, body.club input.fb-signin[type="reset"] i, body.club a.fb-signin.submit-down i, body.club a.fb-signin.submit-right i, body.club button.fb-signin.submit-right i, body.club .fb-signin.create-post__btn-publish i, body.club .fb-signin.create-post__btn-cancel i, body.club .fb-signin.create-post__btn-done i { margin-right: .625rem; vertical-align: text-top; } body.club .button.fb-signin span.no-margin, body.club .fb-signin.filePicker span.no-margin, body.club a.fb-signin.join-now span.no-margin, body.club input.fb-signin[type="submit"] span.no-margin, body.club input.fb-signin[type="button"] span.no-margin, body.club input.fb-signin[type="reset"] span.no-margin, body.club a.fb-signin.submit-down span.no-margin, body.club a.fb-signin.submit-right span.no-margin, body.club button.fb-signin.submit-right span.no-margin, body.club .fb-signin.create-post__btn-publish span.no-margin, body.club .fb-signin.create-post__btn-cancel span.no-margin, body.club .fb-signin.create-post__btn-done span.no-margin { margin-top: 0; vertical-align: inherit; } body.club .button--light-purple, body.club .create-post__btn-publish, body.club .create-post__btn-cancel, body.club .create-post__btn-done { display: inline-block; min-width: 121px; padding: 15px 25px 15px 25px; border: 1px solid #562483; border-radius: 50px; color: #ffffff; line-height: 19px; background-color: #562483; transition: all 250ms ease-out; height: auto !important; } .no-touch body.club .button--light-purple:hover, .no-touch body.club .create-post__btn-publish:hover, .no-touch body.club .create-post__btn-cancel:hover, .no-touch body.club .create-post__btn-done:hover { background-color: #451c68; border-style: 1px solid #451c68; color: #ffffff; } .no-touch body.club .button--light-purple:hover span, .no-touch body.club .create-post__btn-publish:hover span, .no-touch body.club .create-post__btn-cancel:hover span, .no-touch body.club .create-post__btn-done:hover span { color: #ffffff; } body.club .button--light-purple:focus, body.club .create-post__btn-publish:focus, body.club .create-post__btn-cancel:focus, body.club .create-post__btn-done:focus { color: #ffffff; outline: none !important; } body.club .button--small, body.club .create-post__btn-publish, body.club .create-post__btn-cancel, body.club .create-post__btn-done { padding: 15px 25px 15px 25px; } body.club .button--ghost-purple { display: inline-block; min-width: 121px; padding: 15px 25px 15px 25px; border: 1px solid #562483; border-radius: 50px; color: #ffffff; line-height: 19px; background-color: #562483; transition: all 250ms ease-out; height: auto !important; } .no-touch body.club .button--ghost-purple:hover { background-color: #451c68; border-style: 1px solid #451c68; color: #ffffff; } .no-touch body.club .button--ghost-purple:hover span { color: #ffffff; } body.club .button--ghost-purple:focus { color: #ffffff; outline: none !important; } body.club .button--ghost-white { display: inline-block; min-width: 121px; padding: 15px 80px; border-radius: 24px; color: #562483; background-color: #ffffff; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; text-align: center; } body.club .button--ghost-white:hover { background-color: #562483; color: #ffffff; } .club--overlap-container { text-align: center; white-space: nowrap; } .club--overlap-container .item { display: inline-block; padding: 0 10px; } textarea[autosize] { height: 50px; margin-bottom: 0; resize: none; overflow: auto; -ms-overflow-style: none; max-height: 200px; } .club--profile-header { position: relative; z-index: 3; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .club--profile-header.progress-bar:after { content: attr(data-percentage); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 100; color: #ffffff; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 6.3125rem; } .club--profile-header h2, .club--profile-header .h2, .club--profile-header h4, .club--profile-header .h4 { color: #fff; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); } .club--profile-header .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-top: 2.25rem; padding-bottom: 2.25rem; position: relative; } .profile-header--visitor.club--profile-header .row { padding-bottom: 4.25rem; } .club--profile-header .bg-photo-load-wrap { position: relative; display: inline-block; width: 100%; height: 45px; } .club--profile-header .bg-photo-load-wrap .bg-photo-load { display: inline-block; height: 45px; text-align: center; color: #ffffff; transition: opacity 0.5s; transition-timing-function: linear; height: 45px; width: 45px; } .no-touch .club--profile-header .bg-photo-load-wrap .bg-photo-load:hover:before { opacity: 0.7; } .club--profile-header .bg-photo-load-wrap .bg-photo-load:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA6B"; font-size: 45px; z-index: 10; transition: all 350ms; opacity: 0.7; } .no-touch .club--profile-header .bg-photo-load-wrap .bg-photo-load:before { opacity: 0; } .profile-header__background { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .profile-header__overlay { opacity: 0; visibility: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 10; transition: opacity 300ms ease-out; } .is-clicked .profile-header__overlay { opacity: 1; visibility: visible; } .profile-header__title { color: #ffffff; text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5); margin-bottom: 0.5rem; position: relative; } .profile-header__wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 0; } .profile-header__items { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 3px 0; } .profile-header__item { margin-right: -1rem; } .profile-header__item:last-child { margin-right: 0; } .profile-header__item:nth-child(2n) > .blob, .profile-header__item:nth-child(2n) > .blob .content, .profile-header__item:nth-child(2n) > .blob .blob__background:after { border-radius: 76% 61% 77% 55%; } .profile-header__item:nth-child(3n) > .blob, .profile-header__item:nth-child(3n) > .blob .content, .profile-header__item:nth-child(3n) > .blob .blob__background:after { border-radius: 74% 70% 70% 62%; } .profile-header__add-family { background-color: transparent; border: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 10px 0 0 0; margin: 0 20px; height: auto; outline: none; } .profile-header__add-family:before { content: ''; display: inline-block; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%20500%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22a%22%20width%3D%22103.1%25%22%20height%3D%22102.3%25%22%20x%3D%22-1.8%25%22%20y%3D%22-.7%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.3%200%22%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20filter%3D%22url%28%23a%29%22%20transform%3D%22translate%2810%2010%29%22%3E%3Cpath%20fill%3D%22%23562483%22%20d%3D%22M3.46%20296.436C-7.053%20201.58-19.727%2041.146%20144.094%2011.37%20307.915-18.407%20416.4%2020%20470.875%20169.666c54.475%20149.667-107.97%20287.317-197.7%20297.682C175.533%20478.627%2011.505%20369.04%203.46%20296.435z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M263.593%2097.67l-59.068-1.32.39%2058.898%201.755%207.43%202.39%2041.664-44.4%201.687-6.383-.508-44.507.642-2.033%2020.893-5.526%2033.778%20100.63-1.778%202.228%2034.232-1.638%205.765%203.756%2066.867%2058.304%201.06.493-103.55%2051.668-3.594%207.26.976%2044.42-3.785-.262-34.704-3.033-19.598-104.064%204.787%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: cover; height: 2.5rem; width: 2.5rem; } .profile-header__add-family-text { position: relative; display: inline-block; color: #ffffff; } .profile-header__change-container { position: absolute; bottom: 23px; left: 0; } .profile-header__file { display: none; } label.profile-header__change-image { padding-left: 12px; padding-bottom: 12px; display: inline-block; font-size: 1rem; color: #ffffff; background-image: none; background-repeat: no-repeat; background-size: cover; transition: all 300ms; } label.profile-header__change-image:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA6C"; font-size: 2rem; color: #ffffff; text-shadow: 0 0 6px rgba(0, 0, 0, 0.3); opacity: 0.8; transition: opacity 300ms; } .profile-header__change-text { display: none; } .profile-header__size-recomendation { display: block; font-size: 0.75rem; margin-top: -3px; } .profile-header__dropdown { position: absolute; bottom: -1rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .feed-gallery-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 150; transition: all 250ms ease-in-out; background-color: rgba(0, 0, 0, 0); } .feed-gallery-overlay .close-overlay { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 200; top: 11px; right: 11px; transition: all 250ms; -webkit-transform: scale(0.01); transform: scale(0.01); height: 40px; width: 40px; display: block; border-radius: 100%; } .feed-gallery-overlay .close-overlay:before { transition: all 250ms; font-size: 40px; color: #ffffff; border-radius: 100%; opacity: 1; } .feed-gallery-overlay.visible { background-color: rgba(0, 0, 0, 0.8); } .feed-gallery-overlay.visible .close-overlay { -webkit-transform: scale(1) translateZ(1px); transform: scale(1) translateZ(1px); } .feed-gallery-overlay.visible .close-overlay:hover { -webkit-transform: scale(0.94) translateZ(1px) rotate(6deg); transform: scale(0.94) translateZ(1px) rotate(6deg); } .feed-carousel { position: absolute; top: 50%; left: 50%; transition: opacity 350ms, -webkit-transform 250ms; transition: transform 250ms, opacity 350ms; transition: transform 250ms, opacity 350ms, -webkit-transform 250ms; -webkit-transform: translate(-50%, -50%) scale(0.01); transform: translate(-50%, -50%) scale(0.01); opacity: 0; border-radius: 4px; z-index: 170; width: 100%; height: 100%; } .feed-carousel .image-wrapper { text-align: center; position: relative; padding-top: 66px; padding-bottom: 66px; } .feed-carousel .image-wrapper .carousel-image { display: inline-block; vertical-align: middle; -webkit-transform: scale(1); transform: scale(1); transition: all 250ms; opacity: 1; max-height: 100%; max-width: 100%; } .feed-carousel .image-wrapper:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .feed-carousel .image-loading .carousel-image { -webkit-transform: scale(0.01); transform: scale(0.01); opacity: 0; } .feed-carousel .image-loading:before { content: ''; height: 50px; width: 50px; border: 4px solid #4f1070; border-left-color: rgba(0, 0, 0, 0.2); border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; -webkit-animation: rotate 0.7s linear infinite; animation: rotate 0.7s linear infinite; } .feed-carousel .slick-track, .feed-carousel .slick-list { height: 100%; } .feed-carousel.visible { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(1px) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(1px) scale(1); opacity: 1; } .feed-carousel .slick-prev, .feed-carousel .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; width: 40px; height: 40px; border-radius: 100%; -webkit-transform: translateY(-50%) translateZ(1px); transform: translateY(-50%) translateZ(1px); border: none; outline: none; padding: 0; background-color: transparent; } .feed-carousel .slick-prev:before, .feed-carousel .slick-next:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA81"; font-size: 40px; transition: all 250ms; color: rgba(255, 255, 255, 0.8); } .feed-carousel .slick-prev:hover:before, .feed-carousel .slick-next:hover:before { color: rgba(255, 255, 255, 0.9); } .touch .feed-carousel .slick-prev, .touch .feed-carousel .slick-next { -webkit-transform: scale(0.01); transform: scale(0.01); opacity: 0; } .feed-carousel .slick-prev { left: 0; margin-left: 24px; } html[dir="rtl"].rtl .feed-carousel .slick-prev:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .feed-carousel .slick-next { right: 0; margin-right: 24px; } html[dir="ltr"].ltr .feed-carousel .slick-next:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .feed-carousel .slick-dots { position: absolute; bottom: 25px; left: 0; display: block; width: 100%; padding: 0; list-style: none; text-align: center; margin: 0; } .feed-carousel .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .feed-carousel .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .feed-carousel .slick-dots li button:hover, .feed-carousel .slick-dots li button:focus { outline: none; } .feed-carousel .slick-dots li button:hover:before, .feed-carousel .slick-dots li button:focus:before { opacity: 0.8; } .feed-carousel .slick-dots li button:before { font-size: 30px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: 0.5; color: rgba(61, 56, 45, 0.8); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 350ms; } .feed-carousel .slick-dots li.slick-active button:before { opacity: 0.75; color: rgba(61, 56, 45, 0.9); } .tl-post { position: relative; display: inline-block; border: solid #c3c3c3 1px; border-radius: 5px; margin-top: 50px; } .tl-post .tl-post-bottom { background: #faf9f7; padding: 10px 0 10px 0; text-align: center; border-radius: 0 0 5px 5px; overflow: hidden; width: 100%; position: relative; } .tl-post .tl-post-comment { background: #faf9f7; padding-top: 10px; } .tl-post .tl-post-comment .comment-img { float: left; } .tl-post .tl-post-comment .comment-main { float: left; } .tl-post .tl-post-comment .comment-main a { font-family: gibson; font-size: 14px; color: #4f1070; } .tl-post .tl-post-comment .comment-post { float: left; } .tl-post .tl-post-comment .comment-post input { border-radius: 5px; font-family: gibson-light; font-size: 16; color: rgba(0, 0, 0, 0.5); } .tl-post .tl-post-comment:last-child { border-bottom: solid 1px rgba(0, 0, 0, 0.2); } .tl-post .label-container { text-align: center; position: relative; top: -30px; } .tl-post .label-container .club--blob { margin: -15px; } .tl-post .label-container-milestone { text-align: center; position: relative; top: -30px; } .tl-post .label-container-milestone .club--blob.middle { z-index: 10; } .tl-post .label-container-milestone .club--blob.left { margin-left: 20px; } .tl-post .label-container-milestone .club--blob.right { margin-right: 20px; } .tl-post p { font-family: gibson-light; color: #000000; font-size: 14px; padding-top: 10px; } .tl-post.shadow { box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4); } .tl-post .tl-post-headline { font-family: "HanziPen SC"; display: inline-block; position: relative; font-size: 22px; text-align: center; } .tl-post img.post-image { position: relative; top: 0; width: 100%; height: 200px; } .tl-post .tl-posted-by { color: rgba(0, 0, 0, 0.5); display: inline-block; position: relative; font-size: 12px; text-align: center; } .tl-post .tl-interaction-icon { padding-right: 20px; cursor: pointer; display: inline-block; } .row .campaign { overflow: hidden; position: relative; margin: auto; text-align: center; } .profile-page { text-align: center; } .profile-page .milestone-overlay { background: #4f1070; display: inline-block; width: 100%; padding: 15px; text-align: center; } .profile-page .milestone-overlay .milestone-choice { float: left; font-size: 0.875rem; color: white; padding: 5px; } .profile-page .milestone-overlay .milestone-choice img { width: 40px; } .profile-page .post-type { width: 14%; border: none; position: relative; display: inline-block; right: 0; padding: 5px; margin: 10px; background: #4f1070; border-radius: 6px; } .profile-page .post-type a { color: white; font-size: 14px; font-family: gibson-light; } .profile-page .post-type .type-choice { display: inline-block; width: 100%; } .profile-page .post-type .hide { display: none; } .profile-page .post-type a:active a { display: inline-block; } .profile-page .add-member { background: red; position: absolute; display: inline-block; margin-top: -20px; margin-left: 30px; } .profile-page .today img { float: left; width: 40px; } .profile-page .today img.today-buttton { float: right; text-align: right; } .profile-page .today input { float: left; width: 70%; border: none; box-shadow: none; } .profile-page .today input.border { border-top: solid #c3c3c3 1px; width: 100%; } .profile-page .club--blob { top: -5rem; margin: -15px; } .profile-page .profile-panel { background: rgba(0, 0, 0, 0.3); height: 346px; display: table-cell; vertical-align: middle; text-align: center; } .profile-page .profile-panel .family-head { font-family: "misato"; font-size: 3.75rem; font-weight: bold; color: white; letter-spacing: 2px; line-height: 3.75rem; } .profile-page .profile-panel > div { position: relative; font-family: gibson-light; font-size: 1.75rem; line-height: 2.5rem; } body.club .club-search { background-color: #ffffff; padding: 2.9rem 2rem 1.3rem 2rem; position: relative; } body.club .club-search .row { max-width: 51.25rem; } body.club .club-search .columns { float: none; padding: 0; } .club-search:after { content: ''; position: absolute; right: 0; bottom: -0.5rem; left: 0; height: 0.5rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2215%22%20viewBox%3D%220%20564%201440%2010%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%20576v192l304.552-1.052%2017.66.824%20219.522-3.799%20150.97.42%20249.499%201.996%20130.31-.404%20304.325-3.287%2063.162.614V572.244l-63.957-.783-134.68%201.352-11.716%203.884-180.97-5.48-108.858-4.254-132.695%205.528-236.92-7.722-221.552%205.49-121.174.901-97.336-1.502-97.633.465z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: cover; background-position: bottom; -webkit-transform: scaleY(-1); transform: scaleY(-1); } input[type='text'].club-search__input, input[type='search'].club-search__input { -webkit-appearance: none; font-size: 1.125rem; height: 3rem; margin-bottom: 0; padding-right: 2.4rem; } a.club-search__button { position: absolute; top: 50%; right: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 3rem; height: 3rem; margin: 0; color: #555555; font-size: 1.4rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .no-touch a.club-search__button:hover { color: #555555; } a.club-search__button:after { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA98"; transition: opacity 500ms; } a.club-search__button.no-before:after, a.club-search__button.no-before:before { content: none; } a.club-search__button .loadicon-left { left: 14px; border-radius: 72% 79% 62% 81%; } a.club-search__button.progress:after { opacity: 0; } a.club-search__button.progress .loadicon-left { opacity: 1; } .club-search-container { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 3rem; background-repeat: no-repeat; background-size: 100% 100%; } .search-choice { text-align: center; margin-top: 1.25rem; font-family: gibson-light; font-size: 1rem; } .search-choice :nth-last-child(1) { margin-left: 20px; } .search-result__container { margin-bottom: 1.875rem; } .search-result__headline { color: #555555; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1rem; margin-bottom: 0.625rem; text-align: center; } .search-results { margin-bottom: 80px; } .search-item { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22972%22%20height%3D%22108%22%20viewBox%3D%220%200%20972%20108%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3ERectangle%203%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M2%201.311L53.608.853%2069.155%200%20695.34%202.15%20721.74.49H962l2%2012.247-3.318%2057.509L962%20100l-56.455-1.835-275.65.104-9.286-2.064-301.788%202.042H2l-.543-19.043%201.557-23.188L0%208.57z%22%2F%3E%3Cfilter%20x%3D%22-.7%25%22%20y%3D%22-5%25%22%20width%3D%22101.5%25%22%20height%3D%22114%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.15%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%284%202%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 2 3 3 3 fill stretch; padding: 0.9375rem 1.25rem; margin-bottom: 0.625rem; min-height: 7.5rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .search-item .family-name { text-align: left; } .search-item .family-name .link-club { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.125rem; } .search-item .family-name p { color: #555555; font-size: 0.875rem; margin-bottom: 0; } .search-item .family-info { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .search-item .blob-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 6.5rem; margin-right: 1rem; } .search-item .blob-container .club--blob { position: relative; margin-right: -0.6rem; } .search-item .blob-container .club--blob:nth-child(n + 3) { margin-top: -1.25rem; } .search-item .blob-container .club--blob.small.additional { background: #562483; border-radius: 55% 77% 61% 80%; color: #ffffff; font-size: 24px; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .search-item .blob-container .club--blob.small.additional .content { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .search-item.person .blob-container { width: auto; } .search-item.person .blob-container .club--blob { margin-right: 0; height: 3.75rem; width: 3.75rem; } .family-name { text-align: center; } .family-name .link-club { color: #562483; } .search-actions { margin-left: auto; text-align: center; } body.club .search-actions .button, body.club .search-actions .filePicker, body.club .search-actions a.join-now, body.club .search-actions input[type="submit"], body.club .search-actions input[type="button"], body.club .search-actions input[type="reset"], body.club .search-actions a.submit-down, body.club .search-actions a.submit-right, body.club .search-actions button.submit-right, body.club .search-actions .create-post__btn-publish, body.club .search-actions .create-post__btn-cancel, body.club .search-actions .create-post__btn-done { display: none; } .search-actions .search-action__add { display: inline-block; font-size: 1.6rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: -webkit-transform 340ms; transition: transform 340ms; transition: transform 340ms, -webkit-transform 340ms; } .search-actions .search-action__add.icon-rd-close-v2 { -webkit-transform: rotate(0); transform: rotate(0); } .search-actions .search-action__add.icon-rd-close-v2:hover { -webkit-transform: rotate(10deg); transform: rotate(10deg); } .search-actions .search-action__add:hover { color: #451c68; -webkit-transform: rotate(-39deg); transform: rotate(-39deg); } .search-actions .search-action__remove-request { -webkit-transform: rotate(0); transform: rotate(0); transition: -webkit-transform 340ms; transition: transform 340ms; transition: transform 340ms, -webkit-transform 340ms; } .search-actions .search-action__remove-request:hover { -webkit-transform: rotate(6deg); transform: rotate(6deg); } .search-empty { max-width: 36.25rem; margin: 0 auto; padding: 0 1rem; } .search-empty__form { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1.5rem; } .search-empty__form .field-validation-error { -webkit-order: 3; -ms-flex-order: 3; order: 3; } input[type='search'].search-empty__input { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 3rem; width: 100%; margin: 0; -webkit-order: 1; -ms-flex-order: 1; order: 1; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22790%22%20height%3D%2248%22%20viewBox%3D%220%200%20790%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M786.315%201.558h-9.255l-522.227.624-4.09-.638-172.453.638L50.713%200%20.635%201.558%200%2013.443l1.43%2014.11.31%2019.512L9.621%2048l180.707-1.87L340.51%2048l446.909-.935%201.776-4.596.804-11.008-1.475-27.074z%22%2F%3E%3Cfilter%20x%3D%22-.3%25%22%20y%3D%22-4.2%25%22%20width%3D%22100.5%25%22%20height%3D%22108.3%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%222%22%20in%3D%22shadowBlurInner1%22%20result%3D%22asdasd111%22%2F%3E%3CfeComposite%20in%3D%22asdasd111%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22dsadsa111%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22dsadsa111%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 7 fill stretch; border-width: 7px; border-style: solid; box-shadow: none; } .search-empty__button { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .search-empty__check { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: 1rem; margin-bottom: 1.5rem; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .search-empty__headline { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; display: block; text-align: center; margin-bottom: 1.5rem; } .search-empty__info-text { text-align: center; } .new-club-friends .family-blobs.person > div.club--overlap-container { text-align: left; } .new-club-friends .friends-result-member.person { width: calc(100% - 81px); float: left; position: relative; } .new-club-friends .friends-handle-btn { display: inline-block; position: relative; text-align: center; width: 100%; } .new-club-friends .friends-result-list .friends-result-block { -webkit-appearance: none; margin: 10px 0 10px 0; border: none; border-radius: 5px; padding: 20px; text-align: center; background: #fff; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.15); display: inline-block; } .new-club-friends .friends-result-list .friends-result-block.show-block { display: inline-block; } .new-club-friends .friends-result-list .friends-result-block.no-result { display: none; } .new-club-friends .friends-result-list .friends-result-block .family-blobs .club--blob { top: 50%; -webkit-transform: translateY(0%); transform: translateY(0%); position: relative; } .new-club-friends .friends-result-list .friends-result-block .family-blobs.person { float: left; } .new-club-friends .friends-result-list .friends-result-block .friends-result-member { position: relative; text-align: left; padding-left: 0px; display: block; float: left; } .new-club-friends .friends-result-list .friends-result-block .friends-result-member.person { text-align: left; display: inline-block; padding-left: 0px; } .new-club-friends .friends-result-list .friends-result-block .friends-result-member .friends-result-name { font-family: gibson-light; font-style: italic; font-size: 14px; color: #3d382d; position: relative; } #headerV2 { position: fixed; top: 0; left: 0; width: 100%; z-index: 4; background-color: rgba(255, 255, 255, 0.7); transition: all 350ms; } #headerV2.stateOpaque { background-color: white; } #headerV2 .top, #headerV2 .logo { transition: all 500ms; } #headerV2.to-top .top { -webkit-transform: translateX(-50%) translateY(0) scale(1); transform: translateX(-50%) translateY(0) scale(1); opacity: 1; } #headerV2.to-top .logo { opacity: 0; -webkit-transform: translateX(-50%) translateY(-100%) scale(0.5); transform: translateX(-50%) translateY(-100%) scale(0.5); } #headerV2 .container { margin: 0 auto; max-width: 75rem; width: 100%; position: relative; padding-left: 0.46875rem; padding-right: 0.9375rem; height: 66px; overflow: hidden; max-width: 72.5rem; } #headerV2 .container:before, #headerV2 .container:after { content: " "; display: table; } #headerV2 .container:after { clear: both; } #headerV2 .container:before, #headerV2 .container:after { content: " "; display: table; } #headerV2 .container:after { clear: both; } #headerV2 .menu { position: absolute; height: 100%; width: 100%; top: 0; left: 0; text-align: right; padding-right: 55px; } #headerV2 .logo, #headerV2 .club, #headerV2 .exmenu, #headerV2 .top { position: absolute; height: 100%; pointer-events: none; } #headerV2 .logo a, #headerV2 .club a, #headerV2 .exmenu a, #headerV2 .top a { color: #4f1070; } #headerV2 .logo a:before, #headerV2 .logo a > img, #headerV2 .logo a > div, #headerV2 .club a:before, #headerV2 .club a > img, #headerV2 .club a > div, #headerV2 .exmenu a:before, #headerV2 .exmenu a > img, #headerV2 .exmenu a > div, #headerV2 .top a:before, #headerV2 .top a > img, #headerV2 .top a > div { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #headerV2 .logo a:before, #headerV2 .club a:before, #headerV2 .exmenu a:before, #headerV2 .top a:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #headerV2 .logo a, #headerV2 .club a, #headerV2 .exmenu a, #headerV2 .top a { display: inline-block; pointer-events: auto; height: 100%; } #headerV2 .exmenu { right: 0; text-align: right; float: right; } #headerV2 .exmenu a { padding-left: 15px; padding-right: 15px; font-size: 24px; } #headerV2 .exmenu a:before { content: "\EA2E"; } #headerV2 .logo, #headerV2 .top { margin: 0 auto; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } #headerV2 .logo a, #headerV2 .top a { transition: all 350ms; padding-left: 15px; padding-right: 15px; } #headerV2 .logo img, #headerV2 .top img { max-height: 30px; max-width: 999px; } #headerV2 .top { -webkit-transform: translateX(-50%) translateY(-100%) scale(0.5); transform: translateX(-50%) translateY(-100%) scale(0.5); opacity: 0; } #headerV2 a.to-top:before { font-size: 24px; } #headerV2 .club { left: 0; top: 0; } #headerV2 .club a { padding-left: 13px; padding-right: 5px; } .no-touch #headerV2 .club a:hover .wrap div:after { background-color: rgba(79, 16, 112, 0.25); } #headerV2 .club .wrap { width: 40px; height: 40px; } #headerV2 .club .wrap div { border-radius: 999px; overflow: hidden; -webkit-transform: translateZ(1px); transform: translateZ(1px); } #headerV2 .club .wrap div:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(79, 16, 112, 0); transition: background-color 350ms; border-radius: 999px; } #headerV2.search-on nav { min-width: calc(100% - 55px); } #headerV2.search-on .logo a, #headerV2.search-on .top a { -webkit-transform: scale3d(0.001, 0.001, 0.001); transform: scale3d(0.001, 0.001, 0.001); opacity: 0; } #headerV2.search-on .search { width: 100%; } #headerV2.search-on .search input { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } #headerV2.search-on .container ul { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) scale3d(0.5, 0.5, 0.5); transform: translate3d(100%, 0, 0) scale3d(0.5, 0.5, 0.5); pointer-events: none; } #headerV2 .search, #headerV2 ul, #headerV2 input { transition: all 500ms; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } #headerV2 .search { display: block; overflow: hidden; position: absolute; width: 42px; height: 100%; top: 0; left: 0; } #headerV2 .search .wrap { position: relative; height: 100%; } #headerV2 .search .wrap a { display: block; width: 42px; float: left; } #headerV2 .search .wrap .input { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: calc(100% - 42px - 3px); float: right; overflow: hidden; } #headerV2 form { margin: 0; } #headerV2 input { margin: 0; opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } #headerV2 nav { display: inline-block; white-space: nowrap; font-size: 0; overflow: hidden; text-align: left; position: relative; min-width: 42px; height: 100%; transition: min-width 350ms; } #headerV2 nav a { display: block; height: 66px; line-height: 66px; font-size: 18px; padding: 0 10px; color: #4f1070; transition: all 350ms; } #headerV2 nav a span { transition: all 350ms; } .no-touch #headerV2 nav a:hover { font-weight: bold; } .no-touch #headerV2 nav a:hover span { color: #4f1070; font-weight: bold; } #headerV2 .btn-search { line-height: 0; } #headerV2 .btn-search:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EAB0"; position: relative; top: 50%; font-size: 22px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #headerV2 .container ul { display: none; white-space: nowrap; list-style: none; margin: 0; margin-left: 38px; height: 66px; -webkit-transform: translateZ(0); transform: translateZ(0); } #headerV2 .container ul li { display: inline-block; height: 66px; } .no-touch #headerV2 .container ul a:hover { background-color: #fff; } #headerV2 .notification-counter { display: block; position: absolute; top: -5px; right: -5px; background-color: #e60000; border-radius: 999px; min-width: 20px; min-height: 20px; font-size: 13px; color: #fff; line-height: 20px; text-align: center; padding: 0 5px; -webkit-transform: translateZ(1px) scale(0); transform: translateZ(1px) scale(0); opacity: 0; } #headerV2 .notification-counter.initialized { transition: all 350ms; } #headerV2 .notification-counter.on { -webkit-transform: translateZ(1px) scale(1); transform: translateZ(1px) scale(1); opacity: 1; } #headerV2 .notification-counter.pulse { -webkit-animation: pulse 1000ms ease-in-out 0 2; animation: pulse 1000ms ease-in-out 0 2; } #headerV2 img[src*="libero-logo-purple.svg"] { width: 81px; height: 30px; } body.club--menu-open { overflow: hidden; } body.club--menu-open:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 999%; z-index: 10; pointer-events: none; } .club--menu-container { position: fixed; top: 0; height: 100%; left: 0; z-index: 31; width: 100%; pointer-events: none; -webkit-transform: translateZ(1px); transform: translateZ(1px); } .club--menu-container .club--menu { opacity: 0; -webkit-transform-origin: 24px 0; transform-origin: 24px 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); transition: all 350ms; pointer-events: none; overflow: hidden; } .club--menu-container.on { pointer-events: auto; } .club--menu-container.on .club--menu { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); opacity: 1; pointer-events: auto; } .club--menu-container.on > .wrap { overflow-y: scroll; pointer-events: auto; } .club--menu-container > .wrap { display: none; display: block; width: 100%; max-width: 75rem; margin: 0 auto; height: 100%; overflow-y: hidden; pointer-events: none; -webkit-overflow-scrolling: touch; } .club--menu-container > .wrap:before, .club--menu-container > .wrap:after { content: " "; display: table; } .club--menu-container > .wrap:after { clear: both; } .club--menu { position: relative; width: 100%; pointer-events: auto; } .club--menu .menu-mask { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20633%20437%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22a%22%20width%3D%22102.2%25%22%20height%3D%22103.3%25%22%20x%3D%22-1.1%25%22%20y%3D%22-1.2%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.5%200%22%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20filter%3D%22url%28%23a%29%22%20transform%3D%22translate%284%202%29%22%3E%3Cpath%20d%3D%22M5%202.873L36.42%200l317.01.497L414%202.873v424.212l-248.403%201.276-8.11-1.935L22.697%20429%205%20427.085l-5-81.98%206.154-215.876L3.14%2018.344%22%2F%3E%3Cpath%20d%3D%22M372%200l83.446%203%2011.942.666L567.866%202H622l3%2065.21-3.324%20166.758%202.298%20186.812L622%20427l-41.158-2-13.25%201.127L372%20427l-2.89-2.308%204.807-209.918L370%2020.028%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; display: none; position: absolute; top: -20px; right: -20px; bottom: 0; left: -20px; pointer-events: none; } .club--menu .content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .club--menu .notification-container { background-color: #ffffff; padding: 20px; } .club--menu .notification-container .notification-item { border: none; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .club--menu .notification-container .sender-text { font-size: 1rem; } .club--menu .url-link { color: #000000; } .club--menu .list { position: relative; height: calc(100% - 60px); height: 280px; max-height: 280px; overflow: hidden; } .club--menu .list:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); } .club--menu .menu-container { padding: 10px 0; color: #ffffff; font-size: 1rem; -webkit-order: -1; -ms-flex-order: -1; order: -1; position: relative; } .club--menu .menu-container:before { content: ""; display: none; width: 0; height: 0; border-style: solid; border-width: 0 6px 10px 6px; border-color: transparent transparent #451c68 transparent; position: absolute; top: -10px; } .club--menu .menu-container a { position: relative; padding: 16px 20px; display: block; transition: background-color 400ms; } .club--menu .menu-container a:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px; } .no-touch .club--menu .menu-container a:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22700%22%20height%3D%22154%22%20viewBox%3D%220%200%20700%20154%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22strokeColor%22%20stroke-width%3D%224%22%20fill%3D%22rgba%280%2C%200%2C%200%2C%200.2%29%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.162%205H21.75L240.51%207l7.328-2.047L556.88%207l49.42-7%2089.74%205L700%2088.4l-5.939%2062.6-14.126%203-323.832-6-269.131%206-83.79-3L0%20136.256l1.203-122.18z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 90% 100%; background-position: 0.6875rem; } .club--menu .menu-container span { display: block; padding-left: 34px; line-height: 16px; } .club--menu .more { text-align: center; position: relative; z-index: 3; } .club--menu .text { font-size: 14px; line-height: 16px; } .club--menu .menu-container__mask { position: absolute; top: -20px; right: -20px; bottom: 0; left: -20px; pointer-events: none; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20427%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23562483%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3%200l83.446%203%2011.942.666L198.866%202H253l3%2065.21-3.324%20166.758%202.298%20186.812L253%20427l-41.158-2-13.25%201.127L3%20427l-2.89-2.308%204.807-209.918L1%2020.028%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; } .club--menu .menu-container__close { display: inline-block; position: absolute; top: 1.3rem; right: 1.3rem; font-size: 1.6rem; color: #c8a6e7; border: none; background-color: transparent; padding: 0; z-index: 10; transition: color 280ms; } .club--menu .menu-container__close:hover { color: #451c68; } .club--menu .menu-container__close:before { position: relative; z-index: 1; } .club--menu .menu-container__close:after { content: ""; display: inline-block; background-color: #ffffff; border-radius: 50%; position: absolute; top: 2px; right: 4px; height: 20px; width: 20px; z-index: 0; } .f-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: left; -ms-flex-align: left; align-items: left; } .f-col { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .secondary-content { display: -webkit-flex; display: -ms-flexbox; display: flex; } .sidebar-friends { display: none; width: 70px; } .sidebar-friends .sidebar-box { position: relative; width: 3.5rem; height: 3.5rem; margin: 0.4rem 0; transition: all 250ms; text-align: center; cursor: pointer; } .sidebar-friends .sidebar-box .club--blob { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sidebar-friends .sidebar-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sidebar-friends .sidebar-box [class*="icon-"] { color: #6c3a87; } .sidebar-friends .sidebar-box [class*="icon-"]:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; line-height: 70px; } .sidebar-friends .sidebar__type { text-align: center; color: #000000; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 0.875rem; } .sidebar-friends .sidebar__type-margin { margin-top: 2.5rem; } .sidebar-friends .link-box { background-color: #f2f1f0; } .no-touch .sidebar-friends .link-box:hover { background-color: #ffffff; } .sidebar-friends .link-box .box-link { position: absolute; z-index: 3; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer; } .sidebar-friends .link-box .ellipsis { line-height: 70px; font-size: 30px; } .sidebar-friends .see-all { display: none; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .split-5050 { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff; } .split-5050 > div { max-width: 100%; padding: 80px 20px 50px; } .split-5050 h2, .split-5050 .h2, .split-5050 h3, .split-5050 .h3, .split-5050 .product-info h1, .product-info .split-5050 h1, .split-5050 .product-info .h1, .product-info .split-5050 .h1, .split-5050 h4, .split-5050 .h4 { font-family: "henzipen-normal"; margin-bottom: 20px; } .split-5050 .image { background-position: 50% 50%; background-size: cover; min-height: 220px; padding: 0; } .split-5050 .text { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .split-5050 p:only-of-type { margin-bottom: 0; } .information-bar { position: relative; min-height: 3.75rem; z-index: 1; } .information-bar:before { content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23562483%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%2094.88V0h1440v94.88l-403.488-5.11-9.073-1.137-58.46%201.744-514.152%209.613-272.46-5.357%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; min-height: 110%; width: 100%; z-index: -1; } .information-bar .container { display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; padding-top: 1rem; padding-bottom: 1rem; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #ffffff; text-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; max-width: 1000px; margin: 0 auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .information-bar .information-bar-text { font-size: 20px; font-size: 1.25rem; line-height: 1.5; -webkit-flex: 1 1 80%; -ms-flex: 1 1 80%; flex: 1 1 80%; } .information-bar .information-bar-text span { display: block; font-size: 16px; padding-right: 20px; } .information-bar .btn-club { background-color: #4f1070; } .information-bar.message { position: fixed; z-index: 3; width: 100%; opacity: 0; -webkit-transform: translate3d(0, -100%, 0) scale3d(0.9, 0.9, 0.9); transform: translate3d(0, -100%, 0) scale3d(0.9, 0.9, 0.9); transition: all 400ms; top: 66px; pointer-events: none; } .information-bar.message.active { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); opacity: 1; pointer-events: auto; } .club--start-welcome { background-image: url(/assets-facelift/images/club/welcome-bg.jpg); background-repeat: repeat; } .club--start-welcome h1, .club--start-welcome .h1 { font-family: "misato"; -webkit-transform: rotate(357deg); transform: rotate(357deg); margin-bottom: 1.875rem; } .club--start-welcome h1, .club--start-welcome .h1, .club--start-welcome p { color: #fff; } .club--start-welcome p:last-child { margin-bottom: 0; } .club--start-welcome .column .btn-club { background-color: #4f1070; margin-bottom: 1.875rem; } .club--start-welcome .text { text-align: center; } .club--start-welcome .terms { font-size: 14px; } .club--start-welcome .column { padding: 40px 0; } .club--start-welcome .column:last-child { display: none; } .club--quotes .carousel { margin: 0 auto; } .club--quotes .item { position: relative; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); border-radius: 4px; background-color: #fff; padding: 40px; padding-top: 80px; margin: 10px; margin-top: 80px; } .club--quotes p { margin: 0 auto; text-align: center; font-size: 16px; width: 100%; } .club--quotes p:before { content: "”"; } .club--quotes p:after { content: "”"; } .club--quotes .author { position: absolute; top: 0; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .club--quotes .author .name { position: absolute; bottom: -10px; left: 50%; white-space: nowrap; -webkit-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0); text-transform: uppercase; color: rgba(0, 0, 0, 0.5); font-size: 14px; } .club-carousel .slick-prev, .club-carousel .slick-next { position: absolute; top: calc(50% + 18px); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .club-carousel .slick-prev:before, .club-carousel .slick-next:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA0E"; position: absolute; top: 0; left: 0; font-size: 25px; color: rgba(0, 0, 0, 0.5); transition: all 350ms; } .club-carousel .slick-prev:hover:before, .club-carousel .slick-next:hover:before { color: rgba(0, 0, 0, 0.8); } .club-carousel ul.slick-dots { margin: 0; margin-bottom: 1.875rem; } .club-carousel .slick-prev { left: 0; } html[dir="rtl"].rtl .club-carousel .slick-prev:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .club-carousel .slick-next { right: 4px; } html[dir="ltr"].ltr .club-carousel .slick-next:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .club-carousel .slick-dots { display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .club-carousel .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .club-carousel .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .club-carousel .slick-dots li button:hover, .club-carousel .slick-dots li button:focus { outline: none; } .club-carousel .slick-dots li button:hover:before, .club-carousel .slick-dots li button:focus:before { opacity: 0.8; } .club-carousel .slick-dots li button:before { font-size: 30px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "\2022"; text-align: center; opacity: 0.5; color: #3d382d; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 350ms; } .club-carousel .slick-dots li.slick-active button:before { opacity: 0.75; color: #6c3a87; } .feedback-button { position: fixed; z-index: 40; top: 50%; left: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; transition: 250ms ease-in-out; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .feedback-button > a { transition: all 250ms; color: #fff; } .feedback-button .feedback-text { font-size: 18px; padding: 13px 20px; background-color: #6c3a87; } .feedback-button .feedback-text:hover { background-color: #5e3275; } .no-touch .feedback-button .feedback-text:hover { color: #fff; } .feedback-button .feedback-icon { position: relative; padding: 13px 30px; background-color: #4f1070; } .feedback-button .feedback-icon:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .feedback-button .feedback-icon:after { display: inline-block; content: ""; } .feedback-button .feedback-icon:hover { background-color: #3f0d5a; } .no-touch .feedback-button .feedback-icon:hover { color: #fff; } .club--start-features { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221440%22%20height%3D%22446%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%20.206h1441V442.79l-68.413%202.302-171.855-4.134-841.415-.062-213.178-3.753L0%20442.791z%22%2F%3E%3C%2Fsvg%3E") 0 2 4 2 fill stretch; border-style: solid; border-width: 0px 2px 4px 2px; position: relative; margin-bottom: -0.625rem; padding: 1rem 0; } .club--start-features:first-child:before { content: ''; position: absolute; top: -1.25rem; right: -0.5rem; left: -0.5rem; height: 1.25rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221440%22%20height%3D%2288%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M0%200h1440v74.91L1143.434%2080%20841.8%2074.78l-236.42%202.931-17.63-3.883-544.689-1.726L0%2074.91z%22%2F%3E%3Cfilter%20id%3D%22a%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%222%22%2F%3E%3CfeComposite%20in%3D%22shadowBlurOuter1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22out%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: cover; background-position: bottom; -webkit-transform: scale3d(-1, -1, 1); transform: scale3d(-1, -1, 1); overflow: hidden; } .club--start-features.start-features--light { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221440%22%20height%3D%22446%22%3E%3Cpath%20fill%3D%22%239d81bb%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%20.206h1441V442.79l-68.413%202.302-171.855-4.134-841.415-.062-213.178-3.753L0%20442.791z%22%2F%3E%3C%2Fsvg%3E") 0 2 4 2 fill stretch; } .club--start-features.start-features--light:first-child:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221440%22%20height%3D%2288%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M0%200h1440v74.91L1143.434%2080%20841.8%2074.78l-236.42%202.931-17.63-3.883-544.689-1.726L0%2074.91z%22%2F%3E%3Cfilter%20id%3D%22a%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%222%22%2F%3E%3CfeComposite%20in%3D%22shadowBlurOuter1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22out%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%239d81bb%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .club--start-features.start-features--light p { color: #ffffff; } .club--start-features.start-features--dark { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221440%22%20height%3D%22446%22%3E%3Cpath%20fill%3D%22%23562483%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%20.206h1441V442.79l-68.413%202.302-171.855-4.134-841.415-.062-213.178-3.753L0%20442.791z%22%2F%3E%3C%2Fsvg%3E") 0 2 4 2 fill stretch; } .club--start-features.start-features--dark:first-child:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221440%22%20height%3D%2288%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M0%200h1440v74.91L1143.434%2080%20841.8%2074.78l-236.42%202.931-17.63-3.883-544.689-1.726L0%2074.91z%22%2F%3E%3Cfilter%20id%3D%22a%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%222%22%2F%3E%3CfeComposite%20in%3D%22shadowBlurOuter1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22out%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23562483%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .club--start-features.start-features--dark p { color: #ffffff; } .club--start-features.start-features--video { padding: 1rem 0 0 0; } .club--start-features:nth-child(1) { z-index: 8; } .club--start-features:nth-child(2) { z-index: 7; } .club--start-features:nth-child(3) { z-index: 6; } .club--start-features:nth-child(4) { z-index: 5; } .club--start-features:nth-child(5) { z-index: 4; } .club--start-features:nth-child(6) { z-index: 3; } .club--start-features:nth-child(7) { z-index: 2; } .club--start-features:nth-child(8) { z-index: 1; } .club--start-features .button, .club--start-features .filePicker, .club--start-features a.join-now, .club--start-features input[type="submit"], .club--start-features input[type="button"], .club--start-features input[type="reset"], .club--start-features a.submit-down, .club--start-features a.submit-right, .club--start-features button.submit-right, .club--start-features .create-post__btn-publish, .club--start-features .create-post__btn-cancel, .club--start-features .create-post__btn-done { margin-top: 1rem; } .club--start-features .column { padding: 0; float: none; } .club--start-features .text { text-align: left; padding: 1.25rem; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .start-features--video.club--start-features .text { padding-left: 4.25rem; } .club--start-features .text > p:first-child > b, .club--start-features .text > p:first-child > strong, .club--start-features .text > p:first-child > h3, .club--start-features .text > p:first-child > .h3, .club--start-features .product-info .text > p:first-child > h1, .product-info .club--start-features .text > p:first-child > h1, .club--start-features .product-info .text > p:first-child > .h1, .product-info .club--start-features .text > p:first-child > .h1 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 2.1875rem; font-weight: normal; text-transform: uppercase; line-height: 1; margin-top: 0; margin-bottom: 0; } .club--start-features .text > p:nth-child(2) { margin-bottom: 0; } .club--start-features .image { position: relative; background-size: contain; background-repeat: no-repeat; background-position: center; } .club--start-features .video { position: relative; padding: 0; } .club--start-features .split-5050 { background-color: transparent; } .club--start-features .split-5050 > div:first-child { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; } .club--start-features .split-5050 > div:last-child { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; } div.notification-list { padding: 0 11px 80px; } .notification-item { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 11px 0; border-bottom: 1px solid rgba(61, 56, 45, 0.2); -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .notification-item .sender { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .notification-item .sender-text { padding-right: 20px; } .notification-item .sender .timestamp { color: rgba(0, 0, 0, 0.5); } .notification-item [class*='icon-'] { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; font-size: 20px; transition: all 250ms; color: #6c3a87; } .notification-item [class*='icon-']:hover { color: #5e3275; } .notification-item [class*='icon-']:after { position: absolute; content: ''; top: -5px; left: -5px; right: -5px; bottom: -5px; } .notification-item [class*='icon-']:first-of-type { margin-right: 18px; } .notification-item .sender > .club--blob { margin-right: 15px; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .migration-form { padding: 50px 20px; } .migration-form .input-wrapper { margin: 30px 0; } .migration-form .input-wrapper .input-heading { margin-bottom: 16px; } .migration-form [class*="icon"] { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; width: 40px; height: 40px; margin-right: 10px; vertical-align: middle; border-radius: 100%; background-color: #6c3a87; } .migration-form [class*="icon"]:before { font-size: 18px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color: #fff; } input[type="text"].club-input { height: 40px; padding: 10px 20px; border-radius: 999px; } label.club-label { margin-bottom: 8px; } .tooltip-container { position: relative; } .tooltip-container:hover .tooltip { transition-delay: 150ms; -webkit-transform: translateX(0) translateY(-50%) scale(1); transform: translateX(0) translateY(-50%) scale(1); opacity: 1; } .tooltip-container:before { position: absolute; top: 0; right: 100%; display: none; width: 155px; height: 100%; content: ''; } .tooltip-container:hover:before { display: block; } .tooltip-container.tooltip-right:before { right: auto; left: 100%; } .tooltip-container.tooltip-top:before { right: auto; top: -100%; } .tooltip { font-size: 14px; position: absolute; z-index: 25; top: 50%; right: calc(100% + 12px); display: block; width: 10rem; transition: all 350ms; transition-delay: 250ms; -webkit-transform: translateX(50%) translateY(-50%) scale(0.01); transform: translateX(50%) translateY(-50%) scale(0.01); opacity: 0; color: #fff; text-align: center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20135%2098%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23562483%22%20fill-rule%3D%22evenodd%22%20d%3D%22M132.26%201.558l-74.834.624-.586-.638-44.712.638L8.176%200%201%201.558l1.054%2026.735-1.94%2029.26%201.044%2039.512%201.13.935%2045.895-1.87L69.703%2098l64.043-.935.254-4.596.99-33.84-1.015-26.07.025-7.226-.06-6.89%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 100% 100%; padding: 0.44rem; } .tooltip .tooltip-list { overflow: hidden; margin: 0; padding: 0; border-radius: 4px; } .tooltip span, .tooltip a { display: block; padding: 5px 10px; -webkit-user-select: none; -ms-user-select: none; user-select: none; color: #fff; } .tooltip a:hover { color: #ffffff; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22700%22%20height%3D%22154%22%20viewBox%3D%220%200%20700%20154%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22strokeColor%22%20stroke-width%3D%224%22%20fill%3D%22rgba%280%2C%200%2C%200%2C%200.2%29%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.162%205H21.75L240.51%207l7.328-2.047L556.88%207l49.42-7%2089.74%205L700%2088.4l-5.939%2062.6-14.126%203-323.832-6-269.131%206-83.79-3L0%20136.256l1.203-122.18z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 100% 100%; } .tooltip:before { position: absolute; top: 50%; left: 99%; display: block; width: 0; height: 0; content: ''; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-width: 8px 0 9px 10px; border-style: solid; border-color: transparent transparent transparent #562483; } .tooltip-right .tooltip { right: auto; left: calc(100% + 12px); -webkit-transform: translateX(-50%) translateY(-50%) scale(0.01); transform: translateX(-50%) translateY(-50%) scale(0.01); } .tooltip-right .tooltip:before { right: 100%; left: auto; border-width: 4px 7px 4px 0; border-color: transparent #6c3a87 transparent transparent; } .tooltip-top .tooltip { right: auto; top: calc(-100% + 12px); -webkit-transform: translateX(-50%) translateY(-50%) scale(0.01); transform: translateX(-50%) translateY(-50%) scale(0.01); } .tooltip-top .tooltip:before { border-width: 7px 4px 0 4px; border-color: #6c3a87 transparent transparent transparent; top: calc(100% + 3px); right: auto; left: calc(50% - 2px); } .settings-block { position: relative; margin: 0 -0.9rem 4.375rem -0.9rem; padding-bottom: 1rem; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22709%22%20height%3D%22894%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M0%20886l1-11.77%202.608-341.407L.345%20347.258l1.991-8.267L0%202.89%2030.124%200l282.35%206.865L415.962%200H665.57L700%206.865l.668%20221.08-2.05%208.2.441%20336.611-2.031%206.023%203.01%20197.205-3.038%209.744L700%20886l-256.21-2.98-45.302%202.98-292.436-1.987z%22%2F%3E%3Cfilter%20x%3D%22-.9%25%22%20y%3D%22-.5%25%22%20width%3D%22102.1%25%22%20height%3D%22101.7%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%223%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%283%201%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 1% fill stretch; border-style: solid; border-width: 10px; } .settings-block .settings-header { text-align: center; padding: 3.75rem 0.59rem 1.25rem 0.59rem; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.125rem; text-transform: uppercase; } .settings-block .settings-header .blob-container { position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%) translateY(50%); transform: translateX(-50%) translateY(50%); width: calc(100% - 40px); text-align: center; z-index: 1; } .settings-block .settings-header .club--blob.medium { height: 3.75rem; width: 3.75rem; } .settings-block .settings-section { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 1.875rem 1.25rem 1.875rem; } .settings-block .settings-section:before { content: ''; display: block; width: 100%; padding-top: 12px; margin-bottom: 1.25rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20900%2012%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.5%22%20d%3D%22M0%206.385l14.45%203%20148.444-3L178.47%209l60.515%202%2047.97-2.78L379.03%209.5l143.48-3.117%2021.597-1.308%20218.945.492%209.34-2.313L900%201%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: cover; } .settings-block .settings-content__type { display: block; } .settings-block .settings-content { display: block; } .settings-block .settings-actions { padding-top: 11px; text-align: center; } .settings-block .settings-actions .button, .settings-block .settings-actions .filePicker, .settings-block .settings-actions a.join-now, .settings-block .settings-actions input[type="submit"], .settings-block .settings-actions input[type="button"], .settings-block .settings-actions input[type="reset"], .settings-block .settings-actions a.submit-down, .settings-block .settings-actions a.submit-right, .settings-block .settings-actions button.submit-right, .settings-block .settings-actions .create-post__btn-publish, .settings-block .settings-actions .create-post__btn-cancel, .settings-block .settings-actions .create-post__btn-done { margin-top: 1.25rem; } .settings-block .open { display: block; } .settings-block .closed { display: none; } .settings-block.settings-block--notifications { margin-bottom: 2rem; width: 100%; } .settings-block.settings-block--notifications .settings-section:first-child::before { background-image: none; } .settings-block.settings-block--notifications .notification-item { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; font-size: 1rem; border: none; padding: 0; } .settings-block.settings-block--notifications .url-link { color: #000000; } .club--settings .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .feed-post { position: relative; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22709%22%20height%3D%22894%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M0%20886l1-11.77%202.608-341.407L.345%20347.258l1.991-8.267L0%202.89%2030.124%200l282.35%206.865L415.962%200H665.57L700%206.865l.668%20221.08-2.05%208.2.441%20336.611-2.031%206.023%203.01%20197.205-3.038%209.744L700%20886l-256.21-2.98-45.302%202.98-292.436-1.987z%22%2F%3E%3Cfilter%20x%3D%22-.9%25%22%20y%3D%22-.5%25%22%20width%3D%22102.1%25%22%20height%3D%22101.7%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%223%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%283%201%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 1% fill stretch; border-style: solid; border-width: 10px 0; padding: 20px; margin-bottom: 2rem; margin-right: -5px; } .feed-post > * { margin-bottom: 1rem; } .feed-post > div:last-child, .feed-post > h2:last-child, .feed-post > .h2:last-child { margin-bottom: 0; } .feed-post.feed-post--campaign { padding-top: 0; } .feed-post.feed-post--recommendation { display: block; padding-top: 0; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform 300ms ease-out; transition: transform 300ms ease-out; transition: transform 300ms ease-out, -webkit-transform 300ms ease-out; } .feed-post.feed-post--recommendation img { width: 100%; } .feed-post.feed-post--recommendation:hover { -webkit-transform: scale(1.01); transform: scale(1.01); } .feed-post.feed-post--two-campaign { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; padding: 0; } .feed-post.feed-post--padding { padding-bottom: 0.875rem; } .feed-post__media { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.875rem; } .feed-post__media-image { border-radius: 55% 77% 61% 80%; height: 2.5rem; width: 2.5rem; margin-right: 1.25rem; } .feed-post__media-information { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .feed-post__link { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; color: #000000; cursor: pointer; } .feed-post__link:hover { color: #562483; } .is-truncated .feed-post__link { display: inline-block; } .feed-post__headline { font-size: 1.5rem; margin-right: 3.2rem; -webkit-transform: rotate(-1deg); transform: rotate(-1deg); transition: -webkit-transform 340ms; transition: transform 340ms; transition: transform 340ms, -webkit-transform 340ms; } .feed-post--campaign .feed-post__headline { text-align: center; } .feed-post--recommendation .feed-post__headline { font-size: 1.5rem; text-align: center; margin-right: 0; line-height: 25px; } .feed-post--recommendation:hover .feed-post__headline { -webkit-transform: rotate(0); transform: rotate(0); } .feed-post--visitor .feed-post__headline { text-align: center; margin-right: 0; } .media-is-playing .feed-post__brush-container { opacity: 0; -webkit-transform: scale3d(0.01, 0.01, 1); transform: scale3d(0.01, 0.01, 1); } .feed-post__brush-container { position: absolute; top: -18px; right: -0.8rem; z-index: 10; opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); transition: all 350ms; } .feed-post--campaign .feed-post__brush-container { right: -0.6rem; } .feed-post--recommendation .feed-post__brush-container { top: 0; right: initial; left: -1.3rem; } .feed-post__icon-comment-count:hover { text-decoration: underline; } .feed-post__brush-splash { display: inline-block; padding: 0.3rem 2.2em; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1rem; color: #ffffff; -webkit-transform: rotate(-1deg); transform: rotate(-1deg); position: relative; } .feed-post__brush-splash:not(.feed-post__brush-splash--milestone) { border-image: url(/assets/images/brushes/brushes_light_purple_2.png) 0 fill stretch; } .feed-post--campaign .feed-post__brush-splash { padding: 0.6rem 1.5rem 1rem 2.2rem; font-size: 1rem; -webkit-transform: rotate(2deg); transform: rotate(2deg); bottom: 4px; right: -4px; } .feed-post--recommendation .feed-post__brush-splash { font-size: 1rem; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); padding: 0.8rem 2.2rem 1.2rem 2.2rem; } .feed-post__brush-splash--yellow { border-image: url(/assets/images/brushes/brushes_light_yellow_2.png) 0 fill stretch; } .feed-post__brush-splash--cyan { border-image: url(/assets/images/brushes/brushes_light_cyan_2.png) 0 fill stretch; } .feed-post__brush-splash--purple { border-image: url(/assets/images/brushes/brushes_light_purple_2.png) 0 fill stretch; } .feed-post__brush-splash--red { border-image: url(/assets/images/brushes/brushes_light_red_2.png) 0 fill stretch; } .feed-post__media-content { position: relative; margin-right: -18px; margin-left: -22px; } .feed-post__media-content:before, .feed-post__media-content:after { content: ''; display: block; position: absolute; left: 0; right: 0; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2212%22%20viewBox%3D%220%20-2%201440%2012%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%20219.708V2.843L61.97%200l635.462%207.946%2015.604-3.06%20257.156-1.13%20390.906%205.173L1440%205.846V221.58l-161.467-1.615-310.798%201.815-136.768-3.772-472.545%203.403L133.206%20226z%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: cover; height: 0.625rem; z-index: 2; } .feed-post__media-content:before { top: -2px; -webkit-transform: scaleY(-1); transform: scaleY(-1); } .feed-post__media-content:after { bottom: -2px; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .feed-post__illustration { position: absolute; top: -5.25rem; right: 0; height: 5.25rem; width: 7rem; text-align: right; } .feed-post__illustration-img { max-height: 100%; max-width: 100%; } .feed-post__media-content--video { position: relative; padding-bottom: 56.25%; height: 0; } .feed-post__media-content--video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .feed-post--campaign .feed-post__text { text-align: center; } .feed-post__comments-container { display: none; } .feed-post__all-comments { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; color: #b7bcbc; margin-top: 0.6rem; margin-left: 2rem; } .feed-post__all-comments:hover { color: #562483; } .feed-post__all-comments:focus, .feed-post__all-comments:active { color: #b7bcbc; } .feed-post__comment { position: relative; margin-bottom: 0.7rem; width: 90%; } .feed-post__comment-image { position: absolute; top: -4px; left: 0; height: 3.375rem; width: 3.375rem; border-radius: 55% 77% 61% 80%; border: 3px solid #ffffff; } .feed-post__comment-content { margin-left: 1.875rem; padding: 0.8rem 2.5rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22224%22%20height%3D%2251%22%20viewBox%3D%220%200%20224%2051%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22transparent%22%20d%3D%22M2.496%2049.754L0%2038.68%201.432%205.866%2052.785%204.13l52.43-.057L122.906%203l78.27%201.497%2015.796-.597L224%2027.896l-2.72%2019.928-4.307%202.736-32.33-.33-62.23.05-27.383-.893-20.77%201.466L29.168%2051z%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M2.496%2046.754L0%2035.68%201.432%202.866%2052.785%201.13l52.43-.057L122.906%200l78.27%201.497L216.972.9%20224%2024.896l-2.72%2019.928-4.307%202.736-32.33-.33-62.23.05-27.383-.893-20.77%201.466L29.168%2048z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: cover; } .feed-post__comment-text { margin-bottom: 0.2rem; } .feed-post__comment-date { color: #555555; font-size: 0.875rem; } .feed-post__form-container { margin-bottom: 0; } .feed-post__comment-form { display: block; margin-bottom: 0; } .feed-post__textarea { font-size: 1rem; border-style: solid; border-width: 6px; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22790%22%20height%3D%2248%22%20viewBox%3D%220%200%20790%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M786.315%201.558h-9.255l-522.227.624-4.09-.638-172.453.638L50.713%200%20.635%201.558%200%2013.443l1.43%2014.11.31%2019.512L9.621%2048l180.707-1.87L340.51%2048l446.909-.935%201.776-4.596.804-11.008-1.475-27.074z%22%2F%3E%3Cfilter%20x%3D%22-.3%25%22%20y%3D%22-4.2%25%22%20width%3D%22100.5%25%22%20height%3D%22108.3%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%222%22%20in%3D%22shadowBlurInner1%22%20result%3D%22asdasd111%22%2F%3E%3CfeComposite%20in%3D%22asdasd111%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22dsadsa111%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22dsadsa111%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23f5f5f5%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 6 fill; padding: 5px 0 5px 5px; box-shadow: none; margin-bottom: 0; height: 3rem; min-height: 3rem; resize: none; overflow: auto; -ms-overflow-style: none; transition: height 250ms; background-color: #ffffff; } .feed-post__textarea:focus { background-color: #ffffff; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22790%22%20height%3D%2248%22%20viewBox%3D%220%200%20790%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M786.315%201.558h-9.255l-522.227.624-4.09-.638-172.453.638L50.713%200%20.635%201.558%200%2013.443l1.43%2014.11.31%2019.512L9.621%2048l180.707-1.87L340.51%2048l446.909-.935%201.776-4.596.804-11.008-1.475-27.074z%22%2F%3E%3Cfilter%20x%3D%22-.3%25%22%20y%3D%22-4.2%25%22%20width%3D%22100.5%25%22%20height%3D%22108.3%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%222%22%20in%3D%22shadowBlurInner1%22%20result%3D%22asdasd111%22%2F%3E%3CfeComposite%20in%3D%22asdasd111%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22dsadsa111%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22dsadsa111%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23e6deed%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 6 fill; } .feed-post__textarea.input-validation-error { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22790%22%20height%3D%2248%22%20viewBox%3D%220%200%20790%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M786.315%201.558h-9.255l-522.227.624-4.09-.638-172.453.638L50.713%200%20.635%201.558%200%2013.443l1.43%2014.11.31%2019.512L9.621%2048l180.707-1.87L340.51%2048l446.909-.935%201.776-4.596.804-11.008-1.475-27.074z%22%2F%3E%3Cfilter%20x%3D%22-.3%25%22%20y%3D%22-4.2%25%22%20width%3D%22100.5%25%22%20height%3D%22108.3%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%222%22%20in%3D%22shadowBlurInner1%22%20result%3D%22asdasd111%22%2F%3E%3CfeComposite%20in%3D%22asdasd111%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22dsadsa111%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22dsadsa111%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23f5dced%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 6 fill stretch; color: #ba1382; } .feed-post__textarea.feed-post__textarea--report { height: 5rem; margin-bottom: 1.5rem; } .feed-post__comment-form--active .feed-post__textarea { height: 7.125rem; } .feed-post__submit-container { opacity: 0; max-height: 0rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 0; transition: all 250ms; } .feed-post__comment-form--active .feed-post__submit-container { opacity: 1; max-height: 3.25rem; margin-top: 0.875rem; } .feed-post__actions { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 5px; } .feed-post__buttons { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .feed-post__icon { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 1rem; color: #000000; position: relative; } .feed-post__icon:hover { color: #000000; } .feed-post__icon:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.2rem; color: #b7bcbc; margin-right: 0.4rem; transition: color 300ms; pointer-events: none; } .feed-post__icon--modified.feed-post__icon:before { color: #562483; } .feed-post__icon:hover:before { color: #451c68; } .feed-post__icon:first-child { margin-left: 0; } .feed-post__icon:last-child { margin-left: auto; } .feed-post__icon.feed-post__icon--more { cursor: pointer; } .feed-post--padding .feed-post__actions .feed-post__icon.feed-post__icon--more { padding: 1rem; } .feed-post__comment .feed-post__icon { position: absolute; right: 0.5rem; top: 1rem; } .feed-post__comment .feed-post__icon:before { font-size: 1.3rem; } .feed-post__icon.feed-post__more--is-open:before { color: #562483; } .feed-post__icon:focus.feed-post__icon--heart:before { -webkit-animation: beat 1s; animation: beat 1s; } .feed-post__icon--comment { cursor: pointer; } .feed-post__icon--comment:before { content: "\EA7C"; font-size: 1rem; } .feed-post__icon--heart:before { content: "\EA7F"; } .feed-post__icon--share:before { content: "\EA68"; } .feed-post__icon--more:before { content: "\EA86"; font-size: 1.7rem; } .feed-post__more { display: inline-block; width: auto; position: absolute; top: 100%; left: 0; border-style: solid; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22273%22%20height%3D%22184%22%20viewBox%3D%220%200%20273%20184%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M3%2014L.826%2026.834%201.88%2069.775%203%20161.135l4%2015.396%20110.695-1.898%204.16%202.367%2045.914-2.303%2045.914-2.302%205.672%201.863%2043.641-2.987%202.962-29.276-2.19-22.939L265%2027l-5.794-12.96-15.211.144L232.591.383%20219.742%2013.75l-117.34%201.29-38.71-3.196-11.218%202.704-34.26-2.482z%22%2F%3E%3Cfilter%20x%3D%22-2.6%25%22%20y%3D%22-2.8%25%22%20width%3D%22105.3%25%22%20height%3D%22107.9%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.5%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%283%201%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 3 fill stretch; padding: 1.5rem 1rem; list-style: none; z-index: 13; opacity: 0; visibility: hidden; -webkit-transform: translateY(-10px) translateX(-50%) scale(0.5); transform: translateY(-10px) translateX(-50%) scale(0.5); -webkit-transform-origin: 10% top -20px; transform-origin: 10% top -20px; transition: all 300ms; overflow: hidden; } .feed-post__more--is-open .feed-post__more { opacity: 1; visibility: visible; -webkit-transform: translateY(0) translateX(-88%) scale(1); transform: translateY(0) translateX(-88%) scale(1); } .feed-post--padding .feed-post__actions .feed-post__more { -webkit-transform: translateY(-26px) translateX(-50%) scale(0.5); transform: translateY(-26px) translateX(-50%) scale(0.5); -webkit-transform-origin: 20% top -22px; transform-origin: 20% top -22px; } .feed-post--padding .feed-post__actions .feed-post__more--is-open .feed-post__more { -webkit-transform: translateY(-16px) translateX(-82%) scale(1); transform: translateY(-16px) translateX(-82%) scale(1); } .feed-post__more-item { display: block; margin-bottom: 1rem; white-space: nowrap; } .feed-post__more-item:last-child { margin-bottom: 0; } .feed-post__more-clickable { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #555555; } .feed-post__more-clickable:before { font-size: 1.2rem; margin-right: 1rem; } .feed-post__more-clickable:hover { color: #562483; } .feed-post__tags { position: relative; } .feed-post__tags:before { content: ''; content: "\EAA6"; -webkit-transform: scale(-1); transform: scale(-1); margin-right: 0.5rem; font-size: 1.25rem; color: #562483; vertical-align: middle; } .feed-post__tag { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; } .feed-post__grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .feed-post__grid h5, .feed-post__grid .h5 { text-transform: uppercase; font-size: .875rem; letter-spacing: 0.5px; color: #b7bcbc; text-align: center; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; } .feed-post__grid-item { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .like-item__person { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; color: #000000; } .like-item__person:last-child { margin-bottom: 0; } .like-item__image { height: 2.5rem; width: 2.5rem; border-radius: 55% 77% 61% 80%; margin-right: 1rem; } .like-item__name { font-size: 1rem; } .feed-image { position: relative; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; height: auto; min-height: 10rem; background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 0; -webkit-order: 0; -ms-flex-order: 0; order: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .feed-image:before, .feed-image:after { content: ''; display: block; position: absolute; left: -2px; right: -2px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2212%22%20viewBox%3D%220%20-2%201440%2012%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%20219.708V2.843L61.97%200l635.462%207.946%2015.604-3.06%20257.156-1.13%20390.906%205.173L1440%205.846V221.58l-161.467-1.615-310.798%201.815-136.768-3.772-472.545%203.403L133.206%20226z%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: cover; height: 4px; z-index: 9; } .feed-image:before { top: 0; -webkit-transform: scaleY(-1); transform: scaleY(-1); } .feed-image:after { bottom: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .feed-post--two-campaign-reversed .feed-image { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .feed-post--fixed .feed-image { height: 25rem; min-height: auto; } .feed-image .media-helper__video-wrapper { width: 100%; } .feed-image__borders { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: none; } .feed-image__borders:before, .feed-image__borders:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 5px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22204%22%20height%3D%221440%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M192%200H0l1.052%20304.552-.824%2017.66%203.799%20219.522-.42%20150.97-1.997%20249.5.404%20130.31%203.287%20304.325L4.688%201440h191.068l.783-63.957-1.352-134.68-3.884-11.716%205.48-180.97%204.254-108.858-5.528-132.695%207.722-236.92-5.49-221.552-.901-121.174%201.502-97.336-.465-97.633z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 100% 100%; z-index: 9; } .feed-image__borders:before { left: -1px; } .feed-image__borders:after { right: -1px; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .feed-info { padding: 1.8rem; height: auto; min-height: 10rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .feed-post--two-campaign-reversed .feed-info { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .feed-post--fixed .feed-info { height: 25rem; min-height: auto; } .feed-info > * { width: 100%; } .feed-info__message { padding: 2.5rem 2rem; margin-bottom: 0.5rem; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .feed-info__message-stroke { position: absolute; top: 0; right: -4rem; bottom: 0; left: 0; background-image: url(/assets/images/brushes/brushes_ligh_purple_1_rotated.png); background-size: 101% 100%; background-repeat: no-repeat; } .feed-info__message-content { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); color: #ffffff; } .feed-info__message-type { font-size: 0.75rem; } .feed-info__message-title { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.875rem; text-transform: uppercase; } .feed-info__text { display: block; position: relative; text-align: center; margin-bottom: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; overflow: hidden; } .feed-post--fixed .feed-info__text { height: 6.25rem; margin-bottom: 2.125rem; } .feed-info__text > ul { text-align: left; padding-left: 0; } .feed-info__actions { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; text-align: center; } /* image */ .feed-post__content-images { position: relative; } .feed-post__content-images:before, .feed-post__content-images:after { content: " "; display: table; } .feed-post__content-images:after { clear: both; } .feed-post__content-image { position: relative; overflow: hidden; } .feed-post__content-image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; transition: -webkit-transform 500ms; transition: transform 500ms; transition: transform 500ms, -webkit-transform 500ms; border: 2px solid #fff; line-height: 0; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } .feed-post__content-image a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15); opacity: 0; transition: opacity 500ms; } .feed-post__content-image a:before { content: "\EA74"; position: absolute; bottom: 10px; right: 10px; width: 32px; height: 32px; color: #fff; font-size: 24px; line-height: 24px; opacity: 0.1; transition: all 350ms 150ms; background-color: rgba(0, 0, 0, 0.15); -webkit-transform: rotate(45deg) scale(0.01) translate3d(0, 0, 0); transform: rotate(45deg) scale(0.01) translate3d(0, 0, 0); padding: 4px; border-radius: 999px; } .no-touch .feed-post__content-image a:hover { -webkit-transform: scale3d(0.99, 0.99, 1); transform: scale3d(0.99, 0.99, 1); } .no-touch .feed-post__content-image a:hover:after { opacity: 1; } .no-touch .feed-post__content-image a:hover:before { -webkit-transform: rotate(45deg) scale(1) translate3d(0, 0, 0); transform: rotate(45deg) scale(1) translate3d(0, 0, 0); opacity: 1; } .feed-post__content-image:first-child:nth-last-child(1) { width: 100%; padding-top: 0; text-align: center; } .feed-post__content-image:first-child:nth-last-child(1) .js-gallery-trigger { position: relative; width: auto; height: auto; max-width: 100%; display: block; border: none; } .feed-post__content-image:first-child:nth-last-child(1) .js-gallery-trigger img { max-width: 100%; max-height: auto; } .feed-post__content-image:first-child:nth-last-child(2), .feed-post__content-image:first-child:nth-last-child(2) ~ .feed-post__content-image { width: 50%; padding-top: 50%; float: left; } .feed-post__content-image:first-child:nth-last-child(3), .feed-post__content-image:first-child:nth-last-child(3) ~ .feed-post__content-image { width: 33.33333%; padding-top: 33%; float: left; } .feed-post__content-image:first-child:nth-last-child(4), .feed-post__content-image:first-child:nth-last-child(4) ~ .feed-post__content-image { width: 50%; padding-top: 50%; float: left; } .feed-post__content-image:first-child:nth-last-child(5), .feed-post__content-image:first-child:nth-last-child(5) ~ .feed-post__content-image { width: 25%; padding-top: 25%; float: left; } .feed-post__content-image:first-child:nth-last-child(5):nth-child(2), .feed-post__content-image:first-child:nth-last-child(5) ~ .feed-post__content-image:nth-child(2) { padding-top: 50%; width: 50%; } .feed-post__content-image:first-child:nth-last-child(5):nth-child(4), .feed-post__content-image:first-child:nth-last-child(5) ~ .feed-post__content-image:nth-child(4) { position: absolute; bottom: 0; left: 0; } .feed-post__content-image:first-child:nth-last-child(5):nth-child(5), .feed-post__content-image:first-child:nth-last-child(5) ~ .feed-post__content-image:nth-child(5) { position: absolute; bottom: 0; right: 0; } .feed-post__next-page { text-align: center; padding-bottom: 1.875rem; } .club--create-post { position: relative; background: #fff; visibility: hidden; } .club--create-post:after { bottom: -9px; -webkit-transform: scaleY(-1); transform: scaleY(-1); } .club--create-post form { margin-bottom: 0; } .club--create-post form input[type="text"]:not(.date-input), .club--create-post form textarea { font-size: 16px; min-height: 48px; background: #fff; border-style: solid; border-width: 6px; border-color: transparent; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22790%22%20height%3D%2248%22%20viewBox%3D%220%200%20790%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M786.315%201.558h-9.255l-522.227.624-4.09-.638-172.453.638L50.713%200%20.635%201.558%200%2013.443l1.43%2014.11.31%2019.512L9.621%2048l180.707-1.87L340.51%2048l446.909-.935%201.776-4.596.804-11.008-1.475-27.074z%22%2F%3E%3Cfilter%20x%3D%22-.3%25%22%20y%3D%22-4.2%25%22%20width%3D%22100.5%25%22%20height%3D%22108.3%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%222%22%20in%3D%22shadowBlurInner1%22%20result%3D%22asdasd111%22%2F%3E%3CfeComposite%20in%3D%22asdasd111%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22dsadsa111%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22dsadsa111%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23f5f5f5%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 6 fill; } .club--create-post form input[type="text"]:not(.date-input):focus, .club--create-post form textarea:focus { background: #fff; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22790%22%20height%3D%2248%22%20viewBox%3D%220%200%20790%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M786.315%201.558h-9.255l-522.227.624-4.09-.638-172.453.638L50.713%200%20.635%201.558%200%2013.443l1.43%2014.11.31%2019.512L9.621%2048l180.707-1.87L340.51%2048l446.909-.935%201.776-4.596.804-11.008-1.475-27.074z%22%2F%3E%3Cfilter%20x%3D%22-.3%25%22%20y%3D%22-4.2%25%22%20width%3D%22100.5%25%22%20height%3D%22108.3%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22%2F%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%222%22%20in%3D%22shadowBlurInner1%22%20result%3D%22asdasd111%22%2F%3E%3CfeComposite%20in%3D%22asdasd111%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22dsadsa111%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22dsadsa111%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23f5f5f5%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 6 fill; } .club--create-post form textarea { padding: 0 5px; padding-top: 7px; box-shadow: none; margin-bottom: 0; height: 48px; min-height: 48px; resize: none; overflow: auto; -ms-overflow-style: none; transition: all 250ms; } .club--create-post button:focus { outline: 0; } html.touch body.create-post-fix { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .club--create-post.initialized { visibility: visible; } .club--create-post .create-post__container-3 { display: none; } .club--create-post.mode-milestone-post .create-post__container-1 { display: -webkit-flex; display: -ms-flexbox; display: flex; } .club--create-post.mode-milestone-post .create-post__btn-photo, .club--create-post.mode-milestone-post .create-post__multi-photo-container, .club--create-post.mode-milestone-post .create-post__max-photos-hint { display: none; } .club--create-post.mode-milestone-post.book-completed .create-post__container-1, .club--create-post.mode-milestone-post.book-completed .create-post__container-2 { display: none; } .club--create-post.mode-milestone-post.book-completed .create-post__container-3 { display: -webkit-flex; display: -ms-flexbox; display: flex; } .club--create-post.mode-post .create-post__container-1, .club--create-post.mode-post .create-post__title, .club--create-post.mode-post .create-post__btn-date { display: none; } .club--create-post.edit-mode .club--selector-navigation { display: none; } .club--create-post.edit-mode .create-post__title a { display: none; } .club--create-post.edit-mode .create-post__btn-cancel { visibility: hidden; } .club--create-post .content-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 800px; margin: 0 auto; padding: 20px; padding-bottom: 0; transition: all 1000ms; } .club--create-post .content-wrap .create-post__title, .club--create-post .content-wrap .create-post__text, .club--create-post .content-wrap .create-post__multi-photo-container, .club--create-post .content-wrap .create-post__button-container { transition: opacity 500ms; } .club--create-post .content-wrap .create-post__container-1, .club--create-post .content-wrap .create-post__title, .club--create-post .content-wrap .create-post__button-container { transition: all 500ms; } .club--create-post.expanded .create-post__text textarea { height: 162px; } .mode-milestone-post .content-wrap.collapsed .create-post__title, .mode-milestone-post .content-wrap.collapsed .create-post__button-container { height: 0; overflow: hidden; margin: 0; padding: 0; } .club--create-post .content-wrap.collapsed { overflow: hidden; } .club--create-post .content-wrap.collapsed .create-post__container-1 { overflow: hidden; height: 0; padding-bottom: 0; opacity: 0; } .club--create-post .content-wrap.collapsed .create-post__title, .club--create-post .content-wrap.collapsed .create-post__multi-photo-container, .club--create-post .content-wrap.collapsed .create-post__button-container { opacity: 0; } .create-post__layout { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; height: auto; } .create-post__container-1 { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 20px; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .create-post__container-2 { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; max-width: 100%; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; min-width: 0; } .create-post__container-3 { display: none; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; padding-bottom: 10px; } .create-post__container-3 > div:first-child { position: relative; display: inline-block; } .create-post__container-3 > div:last-child { padding-top: 20px; } .create-post__container-3 h3, .create-post__container-3 .h3, .create-post__container-3 .product-info h1, .product-info .create-post__container-3 h1, .create-post__container-3 .product-info .h1, .product-info .create-post__container-3 .h1 { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); margin-bottom: 20px; } .create-post__container-3 .create-post__book-cover-illustration { position: absolute; bottom: -10px; left: -55px; } .create-post__container-3 .create-post__book-cover-illustration img { max-height: 150px; } .create-post__button-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; width: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 12px; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .create-post__button-container-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; width: 100%; margin-top: 20px; } .create-post__button-container-inner :last-child { margin-left: auto; } .create-post__button-container-inner > div { display: inline-block; line-height: 0; } .create-post__text { position: relative; } .create-post__text a { position: absolute; top: 0; left: 0; height: 48px; padding: 0 16px; line-height: 48px; color: rgba(0, 0, 0, 0.2); opacity: 0; pointer-events: none; transition: all 250ms; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .no-touch .create-post__text a:hover { color: rgba(0, 0, 0, 0.5); -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .create-post__text a:before { content: "\EA6D"; font-size: 20px; line-height: 48px; } .club--create-post.mode-post .content-wrap.collapsed .create-post__text a { opacity: 1; pointer-events: auto; } .club--create-post.mode-post .content-wrap.collapsed .create-post__text textarea { padding-left: 46px; } .create-post__overlay { position: fixed; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.8); z-index: 11; pointer-events: none; opacity: 0; transition: opacity 350ms; padding-top: 17px; } .club--create-post > .create-post__overlay { top: 0; left: 0; width: 100%; height: 100%; } .create-post__overlay .create-post__overlay-container { -webkit-transform: scale3d(0.01, 0.01, 1); transform: scale3d(0.01, 0.01, 1); transition: all 500ms; opacity: 0; padding-bottom: 20px; max-width: 1024px; margin: 0 auto; } .create-post__overlay .create-post__overlay-container > div { max-width: 1024px; } .create-post__overlay .create-post__overlay-title { position: relative; width: 100%; max-width: 1024px; } .create-post__overlay .create-post__overlay-title h3, .create-post__overlay .create-post__overlay-title .h3, .create-post__overlay .create-post__overlay-title .product-info h1, .product-info .create-post__overlay .create-post__overlay-title h1, .create-post__overlay .create-post__overlay-title .product-info .h1, .product-info .create-post__overlay .create-post__overlay-title .h1 { text-align: center; padding: 0 20px; color: #fff; } .create-post__overlay .create-post__overlay-title a.create-post__overlay-close { display: block; position: absolute; top: -10px; right: 5px; padding: 10px; line-height: 0; transition: -webkit-transform 250ms; transition: transform 250ms; transition: transform 250ms, -webkit-transform 250ms; } .create-post__overlay .create-post__overlay-title a.create-post__overlay-close:before { position: absolute; top: 11px; left: 12px; width: calc(75% - 10px); height: calc(75% - 10px); border-radius: 100%; display: block; content: ''; background-color: #fff; z-index: 0; } .create-post__overlay .create-post__overlay-title a.create-post__overlay-close:after { position: relative; display: block; content: ''; display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA74"; font-size: 30px; color: #9d81bb; } .no-touch .create-post__overlay .create-post__overlay-title a.create-post__overlay-close:hover { -webkit-transform: scale3d(0.9, 0.9, 1) rotate(3deg); transform: scale3d(0.9, 0.9, 1) rotate(3deg); } .create-post__overlay.show { opacity: 1; pointer-events: auto; } .create-post__overlay.show > .create-post__overlay-container { transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; overflow-y: auto; } .touch .create-post__overlay.show > .create-post__overlay-container { overflow: auto; -webkit-overflow-scrolling: touch; } .create-post__overlay--edit-mode { top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .create-post__overlay--edit-mode .create-post__overlay-title h3, .create-post__overlay--edit-mode .create-post__overlay-title .h3, .create-post__overlay--edit-mode .create-post__overlay-title .product-info h1, .product-info .create-post__overlay--edit-mode .create-post__overlay-title h1, .create-post__overlay--edit-mode .create-post__overlay-title .product-info .h1, .product-info .create-post__overlay--edit-mode .create-post__overlay-title .h1 { color: #000; text-align: left; } .create-post__overlay--edit-mode.show > .create-post__overlay-container { overflow-y: unset; } .create-post__overlay--edit-mode > .create-post__overlay-container { width: 100%; max-width: 800px; margin: 0 auto; border-style: solid; border-width: 16px; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22335%22%20height%3D%22199%22%20viewBox%3D%220%200%20335%20199%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M11.05%2012.272l6.807-.898%2010.898.93%2073.591-1.804%2015.715%202.378%20143.701-1.592%2063.049.986-1.051%207.335%201.012%2013.8-1.963%2072.464-.929%206.768%203.12%204.118-2.687%2063.75%201.489%208.256-10.508%201.377-34.829-1.402-5.159%201.365-111.578-1.073-8.13%201.367-6.643-1.405-113.49-.414-10.408%201.922-10.999-.839-1.03-3.816.508-31.625L10%20147.564l1.212-62.1%202.745-6.183-1.889-3.247z%22%2F%3E%3Cfilter%20x%3D%22-4.8%25%22%20y%3D%22-8.3%25%22%20width%3D%22109.5%25%22%20height%3D%22116.7%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%225%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%280%20-1%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 16 fill stretch; overflow-y: unset; padding-bottom: 0; } .create-post__overlay--edit-mode > .create-post__overlay-container > .club--create-post { background: transparent; margin-bottom: 0; } .create-post__overlay--edit-mode > .create-post__overlay-container > .club--create-post .content-wrap { padding: 5px; padding-top: 0; } .create-post__overlay--edit-mode .create-post__btn-cancel { display: none; } .create-post--escaped-context { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 30; } .create-post__overlay--info.create-post--escaped-context { position: fixed; } .create-post__overlay--tags .create-post__overlay-container, .create-post__overlay--info .create-post__overlay-container, .create-post__overlay--validate .create-post__overlay-container { border-style: solid; border-width: 20px; border-color: #fff; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22309%22%20height%3D%22315%22%20viewBox%3D%220%200%20309%20315%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M5.619%2013.438L4%2037.03l2.276%208.852%201.826%20121.893-2.483%20113.539.242%2028.218%2030.425-1.895L145.346%20310l91.747-4.598%205.666%201.86%2060.59-3.462c1.174-4.907%201.721-8.56%201.644-10.961-.278-8.594-1.552-16.882-1.824-24.864-3.493-102.623-5.392-154.668-4.502-156.134.988-1.629%201.482-34.43%201.482-98.403l-30.774-2.812-7.397%201.197-136.065%202.654-27.687-.196H86.904l-10.875-.296-70.41-.547z%22%20id%3D%22b%22%2F%3E%3Cfilter%20x%3D%22-2.3%25%22%20y%3D%22-1.7%25%22%20width%3D%22104.7%25%22%20height%3D%22104.7%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.5%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 20 fill; } .create-post__btn-tag > .create-post__overlay--tags { top: 100%; left: 0; } .create-post__btn-tag > .create-post__overlay--tags .create-post__btn-done { display: none; } .create-post__overlay--tags .create-post__btn-done { margin-top: 5px; } .create-post__overlay--tags .create-post__overlay-container { width: calc(100% - 20px); min-height: 250px; max-height: 100%; padding-bottom: 0; overflow-y: hidden; overflow: hidden; text-align: center; } .create-post__overlay--tags .create-post__overlay-container ul { text-align: left; } .create-post__overlay--tags ul { display: block; width: 100%; list-style: none; margin: 0; } .create-post__overlay--tags ul li { margin: 0; display: block; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; } .create-post__overlay--tags ul label { position: relative; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: auto; } .create-post__overlay--tags ul input { position: absolute; visibility: hidden; margin-left: -1000px; } .create-post__overlay--tags ul span { min-height: 25px; line-height: 25px; padding-left: 32px; } .create-post__overlay--tags label { transition: margin-left 150ms; min-height: 25px; padding: 5px 0; } .create-post__overlay--tags label:before, .create-post__overlay--tags label:after { position: absolute; top: 5px; left: 0; } .create-post__overlay--tags label:before { content: "\EA80"; color: rgba(157, 129, 187, 0.2); font-size: 25px; } .create-post__overlay--tags label:after { color: #562483; font-size: 14px; position: absolute; left: 6px; top: 10px; -webkit-transform: scale(0); transform: scale(0); transition: -webkit-transform 250ms; transition: transform 250ms; transition: transform 250ms, -webkit-transform 250ms; } .create-post__overlay--tags label.checked:after { -webkit-transform: scale(1); transform: scale(1); } .no-touch .create-post__overlay--tags label:hover { margin-left: 3px; } .create-post__milestone-menu-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .create-post__milestone-menu-item { background: url(/assets/images/club/create-post-milestone-bg.svg); background-size: 100% 100%; width: 145px; height: 150px; margin: 2px; } .create-post__milestone-menu-item.create-post__milestone-menu-item--fillout { height: 0; background: none; } .create-post__milestone-menu-item a { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding: 15px; padding-top: 20px; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; color: #000; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 0.95; } .create-post__milestone-menu-item a:hover, .create-post__milestone-menu-item a:focus { color: #000; } .no-touch .create-post__milestone-menu-item a:hover .img { -webkit-transform: rotate(6deg) translateZ(1px); transform: rotate(6deg) translateZ(1px); } .no-touch .create-post__milestone-menu-item a:hover .title { -webkit-transform: scale(1.1) translateZ(1px); transform: scale(1.1) translateZ(1px); } .create-post__milestone-menu-item.selected { background-image: url(/assets/images/club/create-post-milestone-bg-selected.svg); } .create-post__milestone-menu-item.selected a { pointer-events: none; } .create-post__milestone-menu-item.selected a img { -webkit-filter: saturate(0); filter: saturate(0); } .create-post__milestone-menu-item.selected a .check { display: block; } .create-post__milestone-menu-item .check { position: absolute; bottom: -1px; right: -1px; width: 30px; height: 30px; display: none; } .create-post__milestone-menu-item .check:before { content: ''; display: block; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2252%22%20height%3D%2252%22%20viewBox%3D%220%200%2052%2052%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3EArtboard%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M17.644%2044.807C10.632%2040.2-.94%2032.074%206.293%2019.56%2013.527%207.048%2022.251%202.01%2035.455%206.768c13.204%204.757%2013.348%2023.208%208.983%2029.73-4.75%207.096-21.426%2011.834-26.794%208.309z%22%20id%3D%22b%22%2F%3E%3Cfilter%20x%3D%22-9.3%25%22%20y%3D%22-14.6%25%22%20width%3D%22118.6%25%22%20height%3D%22119.5%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%22-2%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size: 100% 100%; } .create-post__milestone-menu-item .check:after { content: "\EA70"; color: #c9c9c9; line-height: 0; font-size: 16px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%) translateZ(1px); transform: translateX(-50%) translateY(-50%) translateZ(1px); } .create-post__milestone-menu-item .img { height: 75px; position: relative; width: 100%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; transition: all 350ms; -webkit-transform: scale(1) translateZ(1px); transform: scale(1) translateZ(1px); } .create-post__milestone-menu-item .title { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 7px; transition: all 350ms; -webkit-transform: translateZ(1px); transform: translateZ(1px); } .create-post__milestone-menu-item img { display: inline-block; max-height: 75px; max-width: 100%; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .create-post__milestone-menu-item span { display: -webkit-flex; display: -ms-flexbox; display: flex; } .create-post__overlay--info { position: absolute; padding-top: 0; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .create-post__overlay--info .create-post__overlay-container { padding-bottom: 0; width: calc(100% - 20px); max-width: 800px; } .create-post__validate-container { position: relative; } .create-post__validate-container a { margin-right: 0; } .create-post__overlay--validate { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; } .create-post__validate-container > .create-post__overlay--validate { position: absolute; top: auto; left: 0; bottom: 4px; padding-top: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); background-color: transparent; } .create-post__overlay--validate p { margin-bottom: 0; padding-top: 5px; } .create-post__overlay--validate .create-post__overlay-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: calc(100% - 20px); min-height: 100px; max-height: 100%; padding-bottom: 0; overflow-y: hidden; overflow: hidden; } .create-post__milestone-image { position: absolute; bottom: -10px; left: -30px; pointer-events: none; } .create-post__milestone-image img { position: relative; max-height: 80px; max-width: 120px; width: auto; } .create-post__btn, .create-post__btn-photo, .create-post__btn-tag, .create-post__btn-date { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; height: 40px; max-width: 100%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 0; } .create-post__btn .wrap, .create-post__btn-photo .wrap, .create-post__btn-tag .wrap, .create-post__btn-date .wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 100%; } .create-post__btn > span, .create-post__btn-photo > span, .create-post__btn-tag > span, .create-post__btn-date > span { display: inline-block; line-height: 0; } .create-post__btn > span:before, .create-post__btn-photo > span:before, .create-post__btn-tag > span:before, .create-post__btn-date > span:before { font-size: 20px; margin-right: 10px; transition: all 350ms; -webkit-transform: rotate(0deg) scale3d(1, 1, 1); transform: rotate(0deg) scale3d(1, 1, 1); } .create-post__btn > .content, .create-post__btn-photo > .content, .create-post__btn-tag > .content, .create-post__btn-date > .content { position: relative; white-space: nowrap; overflow: hidden; width: 100%; } .create-post__btn > .content.truncate:after, .create-post__btn-photo > .content.truncate:after, .create-post__btn-tag > .content.truncate:after, .create-post__btn-date > .content.truncate:after { content: '\00a0\00a0\00a0\00a0...'; display: inline-block; position: absolute; right: 0; background: linear-gradient(to right, transparent, #fff, #fff); } .create-post__btn > span, .create-post__btn-photo > span, .create-post__btn-tag > span, .create-post__btn-date > span, .create-post__btn > .content span, .create-post__btn-photo > .content span, .create-post__btn-tag > .content span, .create-post__btn-date > .content span { display: inline-block; vertical-align: bottom; } .create-post__btn span.tags span, .create-post__btn-photo span.tags span, .create-post__btn-tag span.tags span, .create-post__btn-date span.tags span { display: inline-block; -webkit-transform: translateZ(1px); transform: translateZ(1px); white-space: pre; background-color: #fff; } .create-post__btn span.tags span:not(:last-child):after, .create-post__btn-photo span.tags span:not(:last-child):after, .create-post__btn-tag span.tags span:not(:last-child):after, .create-post__btn-date span.tags span:not(:last-child):after { content: ', '; } .create-post__btn:after, .create-post__btn-photo:after, .create-post__btn-tag:after, .create-post__btn-date:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: calc(100% + 3px); height: 5px; background-repeat-x: repeat; background-position-x: 0; transition: all 500ms; pointer-events: none; } .create-post__btn:hover, .create-post__btn-photo:hover, .create-post__btn-tag:hover, .create-post__btn-date:hover, .create-post__btn:focus, .create-post__btn-photo:focus, .create-post__btn-tag:focus, .create-post__btn-date:focus { color: #562483; } .no-touch .create-post__btn:hover, .no-touch .create-post__btn-photo:hover, .no-touch .create-post__btn-tag:hover, .no-touch .create-post__btn-date:hover { color: #562483; } .no-touch .create-post__btn:hover > span:before, .no-touch .create-post__btn-photo:hover > span:before, .no-touch .create-post__btn-tag:hover > span:before, .no-touch .create-post__btn-date:hover > span:before { -webkit-transform: rotate(6deg) scale3d(1.1, 1.1, 1) translateX(2px); transform: rotate(6deg) scale3d(1.1, 1.1, 1) translateX(2px); } .create-post__btn-photo > span:before { content: "\EA6D"; } .create-post__btn-tag { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .create-post__btn-tag > span:before { content: "\EAA6"; } form .create-post__btn-date input, form .create-post__btn-date label { cursor: pointer; min-height: 0; min-width: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; border-width: 0; } .no-touch .create-post__btn-date label, .no-touch .create-post__btn-date input { pointer-events: none; } form .create-post__btn-date input { visibility: hidden; pointer-events: none; } .create-post__btn-date > span:before { content: "\EA6A"; } .create-post__btn-publish, .create-post__btn-cancel, .create-post__btn-done { white-space: nowrap; } .create-post__multi-photo-container { position: relative; padding-top: 12px; transition: all 350ms; height: 97px; opacity: 1; } .create-post__multi-photo-container.collapsed { padding-top: 0; height: 0; opacity: 0; } .create-post__multi-photo-container .create-post__multi-photo-container-items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; width: 100%; height: 100%; overflow: hidden; } .touch .create-post__multi-photo-container .create-post__multi-photo-container-items { overflow: scroll; -webkit-overflow-scrolling: touch; } .create-post__multi-photo-container .create-post__multi-photo-container-fade { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .create-post__multi-photo-container .create-post__multi-photo-container-fade:before, .create-post__multi-photo-container .create-post__multi-photo-container-fade:after { content: ''; display: block; position: absolute; top: 0; width: 30px; height: 100%; transition: opacity 350ms; opacity: 0.0; } .create-post__multi-photo-container .create-post__multi-photo-container-fade:before { left: 0; background: linear-gradient(to right, #fff 15%, rgba(255, 255, 255, 0.001)); } .create-post__multi-photo-container .create-post__multi-photo-container-fade:after { right: 0; background: linear-gradient(to left, #fff 15%, rgba(255, 255, 255, 0.001)); } .create-post__multi-photo-container .create-post__multi-photo-container-fade.create-post__multi-photo-container-fade--fade-left:before { opacity: 1.0; } .create-post__multi-photo-container .create-post__multi-photo-container-fade.create-post__multi-photo-container-fade--fade-right:after { opacity: 1.0; } .create-post__milestone-photo-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } .create-post__milestone-post-photo, .create-post__post-photo { transition: all 350ms; width: 220px; height: 144px; position: relative; } .create-post__milestone-post-photo .wrap, .create-post__post-photo .wrap { position: relative; width: 100%; height: 100%; } .create-post__milestone-post-photo .img, .create-post__post-photo .img { position: absolute; top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px); background: #cdcdcd; transition: all 350ms; opacity: 0.0; } .create-post__milestone-post-photo .img img, .create-post__post-photo .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); max-height: 100%; max-width: 100%; } .create-post__milestone-post-photo span, .create-post__post-photo span { pointer-events: none; cursor: pointer; } .create-post__milestone-post-photo .border, .create-post__post-photo .border, .create-post__milestone-post-photo .mask, .create-post__post-photo .mask, .create-post__milestone-post-photo input, .create-post__post-photo input, .create-post__milestone-post-photo .view-add, .create-post__post-photo .view-add, .create-post__milestone-post-photo .view-progress, .create-post__post-photo .view-progress, .create-post__milestone-post-photo .view-done, .create-post__post-photo .view-done { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .create-post__milestone-post-photo .border, .create-post__post-photo .border, .create-post__milestone-post-photo .mask, .create-post__post-photo .mask { border-style: solid; border-width: 10px; border-color: #fff; pointer-events: none; } .create-post__milestone-post-photo .border, .create-post__post-photo .border { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22220%22%20height%3D%22145%22%20viewBox%3D%220%200%20220%20145%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M215.37%20140.74l1.967-14.995s-.133-29.665-.133-30.1c0-.435-.08-12.387-.08-12.387l.165-13.583-.484-9.997.718-27.057s1.409-2.065%201.462-2.717c.053-.652-.053-28.904-.053-28.904l-54.071.76-85.333.405-17.439.292-40.726%202.377-15.605.513-2.684%209.236-.479%2034.663s-.213%2037.163.266%2038.25c0%200-.505%2014.452-.479%2014.886.027.435.054%209.671.054%209.671l-1.41%202.282L1%20142.045l12.069.137%208.4.949%2018.024-.978%2040.354.148%2046.787.607L158.959%20144l16.216-.652%2040.195-2.608z%22%20stroke%3D%22%23562483%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-dasharray%3D%224%22%2F%3E%3C%2Fsvg%3E") 10 fill repeat; transition: all 350ms; } .create-post__milestone-post-photo .mask, .create-post__post-photo .mask { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22220%22%20height%3D%22145%22%20viewBox%3D%220%200%20220%20145%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EArtboard%3C%2Ftitle%3E%3Cpath%20d%3D%22M-.856-1.262h222.23l-.478%20147.209H-.856V-1.262zM215.37%20140.74l1.967-14.995s-.133-29.665-.133-30.1c0-.435-.08-12.387-.08-12.387l.165-13.583-.484-9.997.718-27.057s1.409-2.065%201.462-2.717c.053-.652-.053-28.904-.053-28.904l-54.071.76-85.333.405-17.439.292-40.726%202.377-15.605.513-2.684%209.236-.479%2034.663s-.213%2037.163.266%2038.25c0%200-.505%2014.452-.479%2014.886.027.435.054%209.671.054%209.671l-1.41%202.282L1%20142.045l12.069.137%208.4.949%2018.024-.978%2040.354.148%2046.787.607L158.959%20144l16.216-.652%2040.195-2.608z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") 10 fill; } .create-post__milestone-post-photo input, .create-post__post-photo input { visibility: hidden; margin: 0; border-image: none; border-width: 0; } .create-post__milestone-post-photo span, .create-post__post-photo span { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); transition: all 350ms; } .create-post__milestone-post-photo .view-progress, .create-post__post-photo .view-progress { background-color: rgba(255, 255, 255, 0.65); color: #562483; opacity: 0.0; } .create-post__milestone-post-photo .view-progress span, .create-post__post-photo .view-progress span { font-size: 30px; } .create-post__milestone-post-photo .view-progress, .create-post__post-photo .view-progress, .create-post__milestone-post-photo .view-add, .create-post__post-photo .view-add, .create-post__milestone-post-photo .view-done, .create-post__post-photo .view-done { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; transition: all 350ms; opacity: 0.0; } .create-post__milestone-post-photo .view-add, .create-post__post-photo .view-add { color: #562483; opacity: 1.0; } .create-post__milestone-post-photo .view-add:before, .create-post__post-photo .view-add:before { content: "\EA6D"; font-size: 25px; transition: all 350ms; margin-top: 3px; } .create-post__milestone-post-photo .view-add span, .create-post__post-photo .view-add span { margin-top: 5px; } .create-post__milestone-post-photo .view-add:hover, .create-post__post-photo .view-add:hover { -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } .create-post__milestone-post-photo .view-done a, .create-post__post-photo .view-done a { width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; transition: all 350ms; } .create-post__milestone-post-photo .view-done a:before, .create-post__post-photo .view-done a:before { content: "\EA92"; font-size: 40px; color: #562483; -webkit-transform: scale3d(0.01, 0.01, 1); transform: scale3d(0.01, 0.01, 1); opacity: 0.0; transition: all 350ms; } .create-post__milestone-post-photo .view-done a:hover, .create-post__post-photo .view-done a:hover { background-color: rgba(255, 255, 255, 0.65); } .create-post__milestone-post-photo .view-done a:hover:before, .create-post__post-photo .view-done a:hover:before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1.0; } .create-post__milestone-post-photo.progress .img, .progress.create-post__post-photo .img, .create-post__milestone-post-photo.progress .view-progress, .progress.create-post__post-photo .view-progress { opacity: 1.0; } .create-post__milestone-post-photo.progress .border, .progress.create-post__post-photo .border, .create-post__milestone-post-photo.progress .view-add, .progress.create-post__post-photo .view-add, .create-post__milestone-post-photo.progress .view-done, .progress.create-post__post-photo .view-done { opacity: 0.0; pointer-events: none; } .create-post__milestone-post-photo.done .img, .done.create-post__post-photo .img, .create-post__milestone-post-photo.done .view-done, .done.create-post__post-photo .view-done { opacity: 1.0; } .create-post__milestone-post-photo.done .border, .done.create-post__post-photo .border, .create-post__milestone-post-photo.done .view-progress, .done.create-post__post-photo .view-progress, .create-post__milestone-post-photo.done .view-add, .done.create-post__post-photo .view-add { opacity: 0.0; pointer-events: none; } .create-post__milestone-post-photo.done.error .view-done, .done.error.create-post__post-photo .view-done { background: rgba(186, 19, 130, 0.3); } .create-post__book-cover { position: relative; display: inline-block; } .create-post__book-cover img { max-width: 218px; } .create-post__book-cover .create-post__book-cover-mask { position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); background-size: 100%; } .create-post__post-photo { width: 80px; height: 80px; overflow: hidden; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transform: scale3d(1, 1, 1) translateZ(1px); transform: scale3d(1, 1, 1) translateZ(1px); opacity: 1; margin-right: 5px; margin-bottom: 5px; } .create-post__post-photo .wrap { width: 80px; height: 80px; } .create-post__post-photo .border { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M77.576%2077.222l.704-8.18-.048-16.417-.028-6.757.059-7.409-.173-5.453.257-14.758s.504-1.126.523-1.482C78.889%2016.41%2078.85%201%2078.85%201l-19.346.415-30.532.22-6.24.16L8.162%203.09l-5.583.28-.961%205.038-.171%2018.907s-.076%2020.27.095%2020.863c0%200-.18%207.883-.171%208.12.01.237.019%205.275.019%205.275L.885%2062.82l-.01%2015.114%204.318.076%203.006.517%206.449-.534%2014.438.081%2016.74.331L57.394%2079l5.802-.356%2014.381-1.422z%22%20stroke%3D%22%23562483%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-dasharray%3D%224%22%2F%3E%3C%2Fsvg%3E") 10 fill repeat; } .create-post__post-photo .mask { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EArtboard%3C%2Ftitle%3E%3Cpath%20d%3D%22M-7-5h93v92H-7V-5zm84.576%2082.222l.704-8.18-.048-16.417-.028-6.757.059-7.409-.173-5.453.257-14.758s.504-1.126.523-1.482C78.889%2016.41%2078.85%201%2078.85%201l-19.346.415-30.532.22-6.24.16L8.162%203.09l-5.583.28-.961%205.038-.171%2018.907s-.076%2020.27.095%2020.863c0%200-.18%207.883-.171%208.12.01.237.019%205.275.019%205.275L.885%2062.82l-.01%2015.114%204.318.076%203.006.517%206.449-.534%2014.438.081%2016.74.331L57.394%2079l5.802-.356%2014.381-1.422z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") 10 fill; } .create-post__post-photo.shrink { -webkit-transform: scale3d(0.01, 0.01, 1) translateZ(1px); transform: scale3d(0.01, 0.01, 1) translateZ(1px); width: 0; opacity: 0; margin-right: 0; margin-bottom: 0; } .create-post__title { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .create-post__title input { padding-right: 95px; } .create-post__title a { position: absolute; top: 0; right: 0; height: 48px; line-height: 48px; opacity: 0.5; padding: 0; padding-right: 16px; background: transparent; -webkit-appearance: none; border: none; font-size: 16px; color: #000; transition: all 350ms; } .create-post__title a:hover { color: #000; } .no-touch .create-post__title a:hover { opacity: 1.0; color: #562483; } .create-post__title a:after { content: "\EA67"; font-size: 8px; margin-left: 10px; } .club--create-post .selector-navigation__children { transition: all 350ms; } .club--create-post [tpl] { visibility: hidden; } .multi-upload:before, .multi-upload:after { content: " "; display: table; } .multi-upload:after { clear: both; } .multi-upload input { position: absolute; visibility: hidden; margin-bottom: 0; } .multi-upload input, .multi-upload label, .multi-upload a { width: 79px; height: 79px; } .multi-upload .upload-item[data-upload-item-template] { display: none; } .multi-upload .upload-item { position: relative; float: left; width: 0; height: 79px; overflow: hidden; background-color: #fff; transition: all 350ms; margin: 5px; } .multi-upload .upload-item.reveal { width: 79px; } .multi-upload .upload-item.upload-loaded a { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .no-touch .multi-upload .upload-item.upload-loaded a:hover:after { color: rgba(255, 255, 255, 0.7); } .no-touch .multi-upload .upload-item.upload-loaded a:hover:before { background-color: rgba(0, 0, 0, 0.2); } .multi-upload .upload-item.upload-loaded label { border-color: rgba(0, 0, 0, 0); } .multi-upload label { position: relative; padding-left: 0; border: dashed 1px rgba(0, 0, 0, 0.2); float: left; overflow: hidden; transition: all 350ms; } .multi-upload label:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA5D"; position: absolute; color: rgba(0, 0, 0, 0.2); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 24px; transition: all 350ms; } .no-touch .multi-upload label:hover { border: dashed 1px rgba(0, 0, 0, 0.5); } .no-touch .multi-upload label:hover:before { color: rgba(0, 0, 0, 0.5); } .multi-upload img { position: relative; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); max-width: 79px; max-height: 79px; } .multi-upload a { position: absolute; top: 0; left: 0; display: block; overflow: hidden; opacity: 0; z-index: 1; min-width: 79px; min-height: 79px; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); background-color: #ebebeb; background-size: cover; background-position: 50% 50%; transition: all 350ms; } .multi-upload a:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); z-index: 1; transition: all 350ms; } .multi-upload a:after { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA5D"; position: absolute; color: rgba(255, 255, 255, 0); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); font-size: 24px; z-index: 1; transition: all 350ms; } .multi-upload .ol { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: dashed 1px #999999; } .multi-upload .progress { position: absolute; bottom: 0; left: 0; width: 0; height: 4px; background-color: rgba(108, 58, 135, 0.8); z-index: 1; box-shadow: 0px 0px 6px #6c3a87; opacity: 1; transition: opacity 350ms 1000ms; } .multi-upload .progress.completed { opacity: 0; } .multi-upload .progress.error { background-color: rgba(204, 0, 0, 0.8); box-shadow: 0px 0px 6px #cc0000; } .club--stages { position: relative; } .club--stages:before { position: absolute; top: -66px; content: ""; display: block; width: 100%; height: 66px; background-color: #fff; z-index: 3; } .club--stages .bar { position: relative; background-color: #6c3a87; padding-top: 4px; padding-bottom: 7px; text-align: center; z-index: 3; } .club--stages .bar .btn-club { display: inline-block; position: relative; font-size: 16px; line-height: normal; background-color: #4f1070; } .club--stages .bar .btn-club.active { background-color: #8f3286; } .club--stages .bar .btn-club.infob { margin-left: 0; } .club--stages .bar .btn-club.add, .club--stages .bar .btn-club.infob { padding-left: 0; min-width: 0; padding-right: 0; line-height: 0; border-radius: 999px; box-shadow: none; padding: 10px; height: 39px; width: 39px; margin-right: 0; background-color: transparent; } .club--stages .bar .btn-club.add span:before, .club--stages .bar .btn-club.infob span:before { -webkit-transform: translateY(2px); transform: translateY(2px); } .club--stages .bar .btn-club.add:before, .club--stages .bar .btn-club.infob:before { display: none; } .no-touch .club--stages .bar .btn-club.add:hover, .no-touch .club--stages .bar .btn-club.infob:hover { background-color: #5e3275; color: #fff; } .no-touch .club--stages .bar .btn-club.add:hover span, .no-touch .club--stages .bar .btn-club.infob:hover span { color: #fff; } .club--stages .related { position: absolute; width: 100%; z-index: 2; -webkit-transform: translate3d(0, -100%, 0) scale3d(0.9, 0.9, 0.9); transform: translate3d(0, -100%, 0) scale3d(0.9, 0.9, 0.9); opacity: 0; transition: all 400ms; background-color: #4f1070; background-image: url(/assets-facelift/images/club/my-phase-bg.png); background-repeat: repeat; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.65); min-height: 600px; } .club--stages .related .club--spinner:after { border: 2px solid #fff; border-left-color: rgba(0, 0, 0, 0.2); } .club--stages .related.open { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); opacity: 1; } .club--stages .related.related-loader, .club--stages .related.related-info, .club--stages .related.related-add { min-height: 0; } .club--stages .related.related-info .row, .club--stages .related.related-add .row { max-width: 960px; padding: 0; } .club--stages .related.related-info .column, .club--stages .related.related-add .column { padding-left: 20px; padding-right: 20px; } .club--stages .related.related-info h4, .club--stages .related.related-info .h4, .club--stages .related.related-add h4, .club--stages .related.related-add .h4 { font-family: "henzipen-normal"; color: #5d5b5a; margin-bottom: 4px; text-align: left; } .club--stages .related.related-info p, .club--stages .related.related-add p { font-size: 13px; text-align: left; } .club--stages .related.related-info .box, .club--stages .related.related-add .box { margin-top: 0.9375rem; font-size: 16px; padding: 10px; } .club--stages .stage-heading { text-align: center; padding: 20px 0; color: #fff; } .club--stages .stage-heading h4 { margin: 0; font-family: "henzipen-normal"; } .club--stages .stage-heading .stage-name { font-size: 30px; margin-left: 5px; margin-right: 5px; font-family: "misato"; display: block; padding-top: 10px; padding-bottom: 10px; } .club--stages h4, .club--stages .h4 { color: #fff; font-family: "gibson-light"; } .club--stages h5, .club--stages .h5, .club--stages h6, .club--stages .h6 { font-family: "gibson-light"; } .club--stages .carousel > .item:before, .club--stages .carousel > .item:after { content: " "; display: table; } .club--stages .carousel > .item:after { clear: both; } .club--stages .carousel .item { margin-top: 0; } .club--stages .carousel .item .list.articles { padding-top: 0; } .club--stages .carousel .item:only-of-type { margin-bottom: 40px; } .club--stages .list { padding: 0.9375rem 5px; } .club--stages .box { display: block; position: relative; width: 100%; background-color: #fff; border-radius: 4px; font-size: 13px; } .club--stages .box:before, .club--stages .box:after { content: " "; display: table; } .club--stages .box:after { clear: both; } .club--stages .box:first-of-type { margin-bottom: 0.9375rem; } .club--stages .box h5, .club--stages .box .h5 { display: block; margin-bottom: 0; padding-right: 38px; transition: all 350ms; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .club--stages .box p { position: relative; font-size: 13px; margin-bottom: 0; } .club--stages .box .author { font-size: 12px; color: rgba(0, 0, 0, 0.5); padding-right: 38px; } .club--stages .box.product { overflow: hidden; border-radius: 4px; } .club--stages .box.product a { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .no-touch .club--stages .box.product a:hover h5, .no-touch .club--stages .box.product a:hover .h5, .no-touch .club--stages .box.product a:hover p { color: #6c3a87; } .club--stages .box.product p { font-size: 12px; text-align: center; } .club--stages .box.product h5, .club--stages .box.product .h5 { overflow: visible; text-overflow: initial; white-space: normal; padding-right: 0; margin-top: 0; text-align: center; } .club--stages .box.product .text { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; min-height: 74px; } .club--stages .box.product .text .wrap { padding: 0.9375rem; } .club--stages .box.product .image { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; background-position: 50% 50%; background-size: cover; width: 100%; max-width: 100%; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding-top: 50%; height: 180px; min-height: 180px; } .club--stages .box-profile { float: left; padding: 0.9375rem; } .club--stages .box.placeholder { padding: 15px; } .club--stages .box.placeholder .topic { color: rgba(0, 0, 0, 0.5); } .club--stages .box.placeholder h5, .club--stages .box.placeholder .h5 { position: relative; margin: 0; padding: 0 40px; white-space: normal; max-height: 3em; } .club--stages .box.placeholder .placeholder-content { height: 150px; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .club--stages .box-content { float: right; width: calc(100% - 76px); padding: 0.9375rem; padding-left: 0; } .club--stages .box-content > a { position: relative; display: block; max-height: 150px; overflow: hidden; } .no-touch .club--stages .box-content > a:hover h5, .no-touch .club--stages .box-content > a:hover .h5, .no-touch .club--stages .box-content > a:hover p { color: #6c3a87; } .club--stages .box-content > a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); } .club--stages .share { display: block; position: absolute; top: 22px; right: 0.9375rem; width: 30px; height: 30px; font-size: 14px; line-height: 18px; text-align: right; color: rgba(0, 0, 0, 0.5); transition: color 350ms; margin-top: 5px; } .club--stages .share.active, .no-touch .club--stages .share:hover { color: #6c3a87; } .club--stages .share:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EAB3"; position: absolute; top: 0; left: 0; font-size: 18px; } .club--stages .community .box-content { margin-bottom: 35px; } .club--stages .articles .box-content { width: 100%; padding-left: 0.9375rem; } .club--stages .info { position: absolute; right: 0; bottom: 0; width: calc(100% - 76px); line-height: 13px; text-align: left; font-size: 12px; color: rgba(0, 0, 0, 0.5); padding-bottom: 12px; padding-right: 0.9375rem; padding-top: 0; } .club--stages .info .category, .club--stages .info .replies { width: 50%; float: left; } .club--stages .info .replies { text-align: right; } .club--stages.club-carousel .slick-next { right: -16px; top: 160px; display: none !important; } .club--stages.club-carousel .slick-prev { left: -21px; top: 160px; display: none !important; } .club--stages.club-carousel .slick-next:before, .club--stages.club-carousel .slick-prev:before { color: rgba(255, 255, 255, 0.7); } .club--stages.club-carousel .slick-dots li button:before { color: #fff; } .club--stages.club-carousel .slick-dots li.slick-active button:before { color: #fff; } .stages-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #562483; overflow-y: auto; -webkit-overflow-scrolling: touch; opacity: 0; visibility: hidden; z-index: 300; transition: opacity 300ms, visibility 300ms; } .stages-overlay.stages-overlay--is-visible { opacity: 1; visibility: visible; } .stages-overlay .slick-dots { list-style: none; margin-left: 0; margin-bottom: 0; text-align: center; } .stages-overlay .slick-dots > li { display: inline-block; margin-right: 0.5rem; opacity: 0.6; } .stages-overlay .slick-dots > li:last-child { margin-right: 0; } .stages-overlay .slick-dots > li.slick-active { opacity: 1; } .stages-overlay .slick-dots > li > button { border: none; border-radius: 55% 77% 61% 80%; background-color: #ffffff; height: 0.625rem; width: 0.625rem; padding: 0; outline: 0; } .stages-overlay .promobox { padding: 0; } .stages-overlay__loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 1; opacity: 0; color: #ffffff; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1rem; -webkit-transform: scale3d(0.01, 0.01, 1); transform: scale3d(0.01, 0.01, 1); transition: opacity 100ms, -webkit-transform 350ms; transition: transform 350ms, opacity 100ms; transition: transform 350ms, opacity 100ms, -webkit-transform 350ms; transition-delay: 100ms; } .stages-overlay__loader:before { content: ''; border: 0.125rem solid rgba(0, 0, 0, 0.2); font-size: 1.125rem; width: 1.125rem; height: 1.125rem; border-radius: 0.5em; box-sizing: border-box; -webkit-animation: spin 0.7s linear infinite; animation: spin 0.7s linear infinite; border-top-color: #fff; width: 6.25rem; height: 6.25rem; font-size: 6.25rem; border-radius: 65% 69% 55% 79%; border-width: 8px; } .stages-overlay--is-loading .stages-overlay__loader { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .stages-overlay__container { padding: 1.5rem; color: #ffffff; -webkit-transform: scale3d(0.01, 0.01, 1); transform: scale3d(0.01, 0.01, 1); opacity: 0; transition: opacity 100ms, -webkit-transform 350ms; transition: transform 350ms, opacity 100ms; transition: transform 350ms, opacity 100ms, -webkit-transform 350ms; } .stages-overlay--content-loaded .stages-overlay__container { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .stages-overlay__close { position: fixed; top: 1.5rem; right: 1.5rem; background-color: transparent; border: none; border-radius: 50%; height: 2rem; width: 2rem; padding: 0; outline: 0; z-index: 1; -webkit-transform: scale(0.5); transform: scale(0.5); transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .stages-overlay__close:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA74"; color: #c8a6e7; font-size: 2rem; height: 2rem; width: 2rem; z-index: 1; position: relative; } .stages-overlay__close:after { content: ''; position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; border-radius: 50%; background-color: #562483; } .stages-overlay--is-visible .stages-overlay__close { -webkit-transform: scale(1); transform: scale(1); } .stages-overlay--is-visible .stages-overlay__close:hover { -webkit-transform: scale(0.9) rotate(6deg); transform: scale(0.9) rotate(6deg); } .stages-child { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; margin-bottom: 0.625rem; } .stages-child__image { height: 5rem; width: 5rem; background-color: #ffffff; border-radius: 55% 77% 61% 80%; border: 2px solid #ffffff; margin-bottom: 0.625rem; } .stages-child__title { font-size: 2.3125rem; color: #ffffff; margin-bottom: 0.625rem; } .stages-child__info { color: #ffffff; } .stages-items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .stages-items__column { margin: 0 0 2rem 0; list-style: none; } .stages-items__container { overflow: hidden; } .stages-items__container > * { height: 15rem; position: relative; } .stage-item { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22709%22%20height%3D%22894%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M0%20886l1-11.77%202.608-341.407L.345%20347.258l1.991-8.267L0%202.89%2030.124%200l282.35%206.865L415.962%200H665.57L700%206.865l.668%20221.08-2.05%208.2.441%20336.611-2.031%206.023%203.01%20197.205-3.038%209.744L700%20886l-256.21-2.98-45.302%202.98-292.436-1.987z%22%2F%3E%3Cfilter%20x%3D%22-.9%25%22%20y%3D%22-.5%25%22%20width%3D%22102.1%25%22%20height%3D%22101.7%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%223%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%283%201%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 4 fill stretch; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #000000; min-height: 200px; width: 100%; text-align: center; position: relative; } .stage-item:not(.stage-item--other):before { content: ''; position: absolute; right: 0.5rem; bottom: 2rem; left: 0.5rem; height: 2rem; background-image: linear-gradient(to top, #ffffff 10%, rgba(255, 255, 255, 0.5)); z-index: 1; } .stage-item:not(.stage-item--other):after { content: ''; position: absolute; right: 0.5rem; bottom: 0.5rem; left: 0.5rem; height: 2rem; background-color: #ffffff; } .stage-item__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 15rem; padding: 1.8rem; width: 100%; position: relative; } .stage-item--other .stage-item__content { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .posts .stage-item__content > .button, .posts .stage-item__content > .filePicker, .posts .stage-item__content > a.join-now, .posts .stage-item__content > input[type="submit"], .posts .stage-item__content > input[type="button"], .posts .stage-item__content > input[type="reset"], .posts .stage-item__content > a.submit-down, .posts .stage-item__content > a.submit-right, .posts .stage-item__content > button.submit-right, .posts .stage-item__content > .create-post__btn-publish, .posts .stage-item__content > .create-post__btn-cancel, .posts .stage-item__content > .create-post__btn-done { display: block; color: #ffffff; min-height: 48px; } .stage-item__headline { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.6875rem; color: #000000; line-height: 1.2; margin-bottom: 1rem; -webkit-transform: rotate(-2deg) scale(1); transform: rotate(-2deg) scale(1); transition: -webkit-transform 340ms; transition: transform 340ms; transition: transform 340ms, -webkit-transform 340ms; } .no-touch a.stage-item__content:hover .stage-item__headline { -webkit-transform: rotate(-1deg) scale(0.96); transform: rotate(-1deg) scale(0.96); color: #000000; } .stage-item--other .stage-item__headline { -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .stage-item__text { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; margin: 0; overflow: hidden; } .stage-item--other .stage-item__text { position: relative; } .stage-item--other .stage-item__text:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 30px; background-image: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0.3)); } .stage-item--other .stage-item__text:nth-last-child(2) { float: left; } .stage-item__actions { position: relative; width: 100%; padding-top: 10px; } .stage-item__actions a:first-child:nth-last-child(2) { float: left; } .stage-item__actions a + a { float: right; } .stage-item__share { position: relative; display: inline-block; width: 48px; height: 48px; } .no-touch .stage-item__share:hover { color: #562483; } .no-touch .stage-item__share:hover:before { font-size: 35px; } .stage-item__share:before { content: "\EA68"; font-size: 25px; line-height: 25px; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); transition: all 350ms; } .stage-promo { position: relative; } .stage-promo__container { display: block; position: absolute; top: -0.4rem; right: -0.4rem; bottom: -0.4rem; left: -0.4rem; overflow: hidden; } .stage-promo__container:before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 3; } /* * sorry about this rule Jesper :) * Developer: transform: scale(0); opacity: 0; display: none; */ .no-touch .stages-items__container > * > *, .no-touch .stages-items__container > * > *:hover { opacity: 1 !important; } .stage-promo__image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform 340ms; transition: transform 340ms; transition: transform 340ms, -webkit-transform 340ms; } .stage-promo__container:hover .stage-promo__image { -webkit-transform: scale(1.02); transform: scale(1.02); } .stage-promo__info { position: absolute; right: 0; bottom: 0; left: 0; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292%22%20height%3D%2290%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill-opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20d%3D%22M.478%201.94l17.318-.73%202.782%201.47%20108.188-.776%2034.148-1.85%2098.832%201.19%205.4-.756%2024.568%201.452v87.88H.478z%22%2F%3E%3C%2Fsvg%3E") 0 fill stretch; padding: 2rem; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-transform-origin: 50% 53%; transform-origin: 50% 53%; transition: -webkit-transform 340ms; transition: transform 340ms; transition: transform 340ms, -webkit-transform 340ms; } .stage-promo__container:hover .stage-promo__info { -webkit-transform: rotate(-1deg); transform: rotate(-1deg); } .stage-promo__headline { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.411764706rem; color: #ffffff; line-height: 1.2; } .stage-promo__text { color: #ffffff; margin: 0; } .club-pink-top { width: inherit; text-align: center; background: rgba(79, 16, 112, 0.8); padding: 20px; color: white; } .club-pink-top span { font-family: gibson-light; font-size: 28px; } .club-settings .club-pink-top { margin-bottom: 100px; } .cp-layer .bg-photo-file { visibility: hidden; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cp-layer span.checkbox-text { padding-left: 4px; } .cp-layer .cp-input-container { width: 100%; padding: 20px; display: inline-block; } .cp-layer .cp-input-container input[type='text'] { color: rgba(61, 56, 45, 0.5); width: 80%; margin: 0 auto; margin-top: 15px; font-size: 16px; height: 40px; } .cp-layer .cp-input-container input[type='text']:focus { background: #ffffff; } .cp-layer .cp-input-container .field-validation-error { text-align: left; width: 80%; margin: auto; } .cp-layer .cp-input-container .datepicker-container { position: relative; } .cp-layer .cp-input-container .datepicker-icon { width: 80%; margin: 0 auto; } .cp-layer .cp-input-container .datepicker-icon:before { color: rgba(61, 56, 45, 0.2); pointer-events: none; position: absolute; right: 15px; top: 50%; font-size: 20px; -webkit-transform: translatey(-50%); transform: translatey(-50%); display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA17"; } .cp-layer .cp-input-container input.cp-date { border-radius: 999px; padding-left: 10px; font-family: gibson-light; width: 100%; margin: 0 auto; margin-top: 15px; font-size: 16px; padding-left: 15px; } .cp-layer .cp-input-container input.cp-date:focus { background: #ffffff; } .cp-layer.cp-hide { display: none; } .cp-layer .cp-photo-layer.cp-hide { display: none; } .club-overlay .select-layer p { margin-bottom: 1rem; } .club-overlay .select-layer div:not(:last-child) { margin-bottom: 2rem; } .ep-layer .bg-photo-file { visibility: hidden; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ep-layer span.checkbox-text { padding-left: 4px; } .ep-layer .ep-input-container { width: 100%; padding: 20px; display: inline-block; } .ep-layer .ep-input-container input[type="text"] { color: rgba(61, 56, 45, 0.5); width: 80%; margin: 0 auto; margin-top: 15px; font-family: gibson-light; font-size: 16px; border-radius: 999px; height: 40px; padding-left: 20px; } .ep-layer .ep-input-container input[type="text"]:focus { background: #fff; } .ep-layer .ep-input-container .field-validation-error { text-align: left; width: 80%; margin: auto; } .ep-layer .ep-input-container .datepicker-container { position: relative; } .ep-layer .ep-input-container .datepicker-icon { width: 80%; margin: 0 auto; } .ep-layer .ep-input-container .datepicker-icon:before { color: rgba(61, 56, 45, 0.2); pointer-events: none; position: absolute; right: 15px; top: 50%; font-size: 20px; -webkit-transform: translatey(-50%); transform: translatey(-50%); display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA17"; } .ep-layer .ep-input-container input.cp-date { border-radius: 999px; padding-left: 10px; font-family: gibson-light; width: 100%; margin: 0 auto; margin-top: 15px; font-size: 16px; padding-left: 15px; } .ep-layer .ep-input-container input.cp-date:focus { background: #fff; } .ep-layer.ep-hide { display: none; } .cf-layer .field-validation-error { text-align: left; } .cf-layer .cf-input-container { padding: 20px; display: block; } .cf-layer .cf-input-container input[type="text"] { width: 80%; margin: auto; margin-top: 15px; border-radius: 999px; padding-left: 10px; color: rgba(61, 56, 45, 0.5); font-family: gibson-light; font-size: 16px; height: 40px; padding-left: 20px; } .cf-layer .cf-input-container input[type="text"]:focus { background: #fff; } .conf-box-layer .club-overlay-container { font-family: gibson-light; font-size: 16px; color: rgba(0, 0, 0, 0.5); } .conf-box-layer .club-overlay-container h2, .conf-box-layer .club-overlay-container .h2 { font-family: "henzipen-normal"; display: inline-block; position: relative; font-size: 21px; } .uf-layer .uf-input-container { width: 100%; padding: 20px; display: inline-block; } .uf-layer .uf-input-container .field-validation-error { text-align: left; margin: auto; width: 80%; } .uf-layer .uf-input-container .create-family { padding-left: 20px; } .uf-layer .uf-input-container .club-overlay-close { cursor: pointer; } .uf-layer .uf-input-container .bg-photo-container { position: relative; display: block; width: 100%; height: 200px; background-size: cover; overflow-x: hidden; } .uf-layer .uf-input-container .bg-photo-container:hover .bg-photo-load { color: white; } .uf-layer .uf-input-container .bg-photo-container.upload-started .progress { opacity: 1; } .uf-layer .uf-input-container .bg-photo-container.upload-completed .progress { transition: all 350ms; transition-delay: 500ms; height: 22% !important; opacity: 0; } .uf-layer .uf-input-container .bg-photo-container .progress { position: absolute; bottom: 0; left: 0; width: 100%; height: 22%; min-height: 22%; background-color: #562483; color: #fff; font-size: 12px; opacity: 0.7; transition: opacity 350ms; } .uf-layer .uf-input-container input[type='text'] { width: 80%; margin: auto; margin-top: 15px; color: rgba(61, 56, 45, 0.5); font-size: 16px; height: 40px; } .uf-layer .uf-input-container input[type='text']:focus { background: #fff; } .club-radio-btn { visibility: hidden; position: absolute; } .club-radio-btn + label { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.3125rem; position: relative; } .club-radio--small .club-radio-btn + label { font-size: 1.125rem; } .club-radio-btn + label:before { content: ''; height: 1.4375rem; width: 1.4375rem; margin-right: 0.5rem; margin-bottom: 3px; display: inline-block; vertical-align: baseline; border-radius: 55% 77% 61% 80%; vertical-align: middle; background: #f5f5f5; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); } .club-radio-btn:checked + label:after { content: ''; display: inline-block; position: absolute; top: 0.625rem; left: 0.4375rem; background: #562483; height: 0.8125rem; width: 0.8125rem; border-radius: 55% 77% 61% 80%; } .club-radio--small .club-radio-btn:checked + label:after { top: 0.525rem; left: 0.36rem; } .club-remove-filter { width: 100%; position: relative; margin-top: 20px; margin-bottom: 80px; } .club-remove-filter .container span { font-family: gibson-light; font-size: 18px; } .club-remove-filter .container a { width: 100%; position: relative; padding: 9px 44px 9px 44px; display: block; color: #fff; text-align: center; background: #6c3a87; border-radius: 4px; transition: background-color 350ms; } .club-remove-filter .container a:hover { background: #5e3275; } .club-remove-filter .container a:hover span { color: #fff; } .club-remove-filter .container a:after { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA21"; position: absolute; top: 50%; right: 0; padding: 14px; color: #fff; line-height: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .overlay-form { margin: 0; } .club-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 300; background-color: rgba(0, 0, 0, 0.8); } .rd-preview-order-overlay .club-overlay { top: 0; } .gdpr__not-accepted .club-overlay { display: block; } .touch .club-overlay { overflow-y: scroll; } .club-overlay p.update-ingress { margin-bottom: 0px; } .club-overlay .bg-photo-file { visibility: hidden; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .club-overlay .bg-photo-load { color: rgba(255, 255, 255, 0.8); transition: color 0.5s; transition-timing-function: linear; } .club-overlay .bg-photo-load:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA6B"; position: absolute; font-size: 50px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1500; } .club-overlay .column { position: static; } .club-overlay strong { color: #000000; } .club-overlay-header { margin-top: 0.3rem; padding: 0 2.5rem; font-size: 1.5rem; text-transform: uppercase; } .club-overlay--likes .club-overlay-header { font-size: 1.1rem; text-align: left; padding-left: 1.25rem; } .club-overlay--no-x .club-overlay-header { padding: 0; } .club-overlay-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 100%; max-width: 960px; text-align: center; overflow: auto; overflow-y: hidden; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; color: rgba(0, 0, 0, 0.5); border-style: solid; border-width: 16px; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22335%22%20height%3D%22199%22%20viewBox%3D%220%200%20335%20199%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M11.05%2012.272l6.807-.898%2010.898.93%2073.591-1.804%2015.715%202.378%20143.701-1.592%2063.049.986-1.051%207.335%201.012%2013.8-1.963%2072.464-.929%206.768%203.12%204.118-2.687%2063.75%201.489%208.256-10.508%201.377-34.829-1.402-5.159%201.365-111.578-1.073-8.13%201.367-6.643-1.405-113.49-.414-10.408%201.922-10.999-.839-1.03-3.816.508-31.625L10%20147.564l1.212-62.1%202.745-6.183-1.889-3.247z%22%2F%3E%3Cfilter%20x%3D%22-4.8%25%22%20y%3D%22-8.3%25%22%20width%3D%22109.5%25%22%20height%3D%22116.7%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%225%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%280%20-1%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 16 fill stretch; } .club-overlay-container p.family-name { margin-top: 10px; margin-bottom: 5px; } .club-overlay-container a.profile-link { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; color: #4f1070; } .club-overlay-container .button, .club-overlay-container .filePicker, .club-overlay-container a.join-now, .club-overlay-container input[type="submit"], .club-overlay-container input[type="button"], .club-overlay-container input[type="reset"], .club-overlay-container a.submit-down, .club-overlay-container a.submit-right, .club-overlay-container button.submit-right, .club-overlay-container .create-post__btn-publish, .club-overlay-container .create-post__btn-cancel, .club-overlay-container .create-post__btn-done { vertical-align: middle; } .club-overlay-container .club-overlay-bold-text { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; } .club-overlay--likes .club-overlay-container { width: 21.875rem; max-height: 80%; } .club-overlay-container.club-overlay-container--position-top { top: 0; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } .club-overlay-layer { padding: 15px; position: relative; } .club-overlay--likes .club-overlay-layer { overflow-y: auto; max-height: 33rem; } .club-overlay-close { position: absolute; top: 3px; right: 3px; line-height: 0; background: none; border: none; transition: -webkit-transform 250ms; transition: transform 250ms; transition: transform 250ms, -webkit-transform 250ms; padding: 5px; } .club-overlay-close:after { position: relative; display: block; display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA74"; font-size: 30px; color: #9d81bb; } .no-touch .club-overlay-close:hover { -webkit-transform: scale3d(0.9, 0.9, 1) rotate(3deg); transform: scale3d(0.9, 0.9, 1) rotate(3deg); } .club-overlay__action-container { margin-top: 1.875rem; } .club-stages-post h2, .club-stages-post .h2 { font-family: "henzipen-normal"; display: inline-block; position: relative; font-size: 21px; margin-bottom: 0px; } .club-stages-post .small-text { font-family: gibson-light; text-align: center; width: 100%; display: inline-block; position: relative; font-size: 12px; } .club-stages-post .small-text-left { width: 49%; float: left; } .club-stages-post .small-text-right { width: 49%; float: right; } .club-stages-post .info-bar { position: relative; display: inline-block; width: 100%; } .club-stages-post .stage-icon:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA22"; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; position: absolute; top: -30px; color: #4f1070; font-size: 30px; } .club-stages-product .club-overlay-container { width: 98%; margin: 0px; padding: 0px; } .club-stages-product { padding: 0px; margin: 0px; } .club-stages-product .split-5050 > div { padding: 25px; } .club-stages-product h2, .club-stages-product .h2 { font-family: "henzipen-normal"; display: inline-block; position: relative; font-size: 28px; margin-bottom: 0px; } .club-stages-product h6, .club-stages-product .h6 { font-family: gibson-light; text-align: center; width: 100%; display: inline-block; position: relative; font-size: 22px; } .club-stages-product .left-content { width: 50%; float: left; overflow: hidden; } .club-stages-product .left-content img { width: 100%; height: 100%; } .club-stages-product .right-content { width: 50%; float: right; } .club-stages-product .info-bar { position: relative; display: inline-block; width: 100%; } .club-stages-product .stage-icon:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA22"; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; position: absolute; top: -30px; color: #4f1070; font-size: 30px; } .club-stages-article h2, .club-stages-article .h2 { font-family: "henzipen-normal"; display: inline-block; position: relative; font-size: 21px; margin-bottom: 0px; } .club-stages-article .small-text { font-family: gibson-light; text-align: center; width: 100%; display: inline-block; position: relative; font-size: 12px; } .club-stages-article .info-bar { position: relative; display: inline-block; width: 100%; } a.fff, .club--menu .menu-container a { color: #ffffff; } a.fff span, .club--menu .menu-container a span { color: #ffffff; } a.fff:hover, .club--menu .menu-container a:hover { color: #ffffff; } a.fff:hover span, .club--menu .menu-container a:hover span { color: #ffffff; } body.club { background-color: #f5f5f5; } body.club.bg-white { background-color: #ffffff; } body.club .club--feed .row { max-width: 1120px; } body.club.has-sidebar .wrapper { max-width: 800px; margin: 3.75rem auto 0 auto; } body.club.has-sidebar .wrapper .main-content { padding-left: 0; } body.club.has-sidebar .club--feed .row { padding: 0; } body.club .new-club-search .jscroll-next { margin-bottom: 10px; } body.club #headerV2 { z-index: 30; } .feed-gallery { overflow: hidden; } body.club #content { overflow-x: hidden; } body.club #content:before { content: ''; display: block; height: 66px; } body.club #content .wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; min-width: 0; } body.club #content .main-content { padding-top: 80px; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; /* This fixes a problem in which carousels resize incorrectly in flex containers */ min-height: 400px; min-width: 0; } body.club #content .main-content .main-content { padding-top: 80px; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; /* This fixes a problem in which carousels resize incorrectly in flex containers */ min-height: 400px; min-width: 0; } body.club #content .main-content .secondary-content { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } body.club #content .main-content + .secondary-content { margin-left: 0; } body.club.has-sidebar #content .main-content { padding-top: 0; } body.club.landing-page #content .main-content { padding-top: 0; } .club--selector-navigation { position: relative; z-index: 10; } .club--selector-navigation.selector-navigation--family:before { content: ''; height: 2rem; position: absolute; right: 0; top: -0.8rem; left: 0; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2287%22%20viewBox%3D%220%200%201440%2087%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M0%2087V7l304.552%202.828%2017.66-2.215L541.733%2017.83l150.97-1.131%20249.499-5.365%20130.31%201.086%20304.325%208.838%2063.162-1.65V87z%22%2F%3E%3Cfilter%20x%3D%22-.5%25%22%20y%3D%22-11.2%25%22%20width%3D%22101%25%22%20height%3D%22117.5%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%22-2%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23562483%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; background-position: bottom; z-index: 1; } .club--selector-navigation.selector-navigation--family .row { top: -0.25rem; } .club--selector-navigation .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; color: #c8a6e7; padding: 0 0.9375rem; height: 3.4375rem; z-index: 2; } .club--selector-navigation .selector-navigation__background { position: absolute; top: 0; left: 0; height: 4.2rem; width: 100%; overflow: hidden; z-index: 1; } .club--selector-navigation .selector-navigation__background svg { height: 100%; width: 1440px; } .club--selector-navigation .selector-navigation__background #path-to-fill { fill: #562483; fill-opacity: 1; } .club--selector-navigation .selector-navigation__navigation { position: relative; } .club--selector-navigation .selector-navigation__children { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; white-space: nowrap; } .club--selector-navigation .selector-navigation__child { position: relative; padding: 0 0.875rem; overflow: hidden; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.125rem; text-align: center; display: inline-block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .club--selector-navigation .selector-navigation__child.is-selected:before { content: ''; display: block; border-image: url(/assets/images/brushes/brushes_light_purple_2.png) 0 fill stretch; position: absolute; bottom: 0; left: 0; height: 98%; width: 100%; z-index: 0; } .club--selector-navigation .selector-navigation__child.is-selected > button { color: #ffffff; } .club--selector-navigation .selector-navigation__child > button { position: relative; display: block; z-index: 1; color: #9d81bb; transition: color 200ms; border: none; background-color: transparent; height: 3.4375rem; } .club--selector-navigation .selector-navigation__child > button:hover { color: #ffffff; } .selector-navigation__fade { position: absolute; z-index: 1; top: 0; left: 4px; width: calc(100% - 8px); height: 100%; pointer-events: none; } .selector-navigation__fade:before, .selector-navigation__fade:after { content: ''; display: block; position: absolute; top: 0; width: 30px; height: calc(100% + 1px); transition: opacity 350ms; opacity: 0.0; z-index: 1; } .selector-navigation__fade:before { left: 0; background: linear-gradient(to right, #562483 15%, rgba(86, 36, 131, 0.001)); } .selector-navigation__fade:after { right: 0; background: linear-gradient(to left, #562483 15%, rgba(86, 36, 131, 0.001)); } .club--selector-navigation .row.has-overflow-left .selector-navigation__fade:before { opacity: 1.0; } .club--selector-navigation .row.has-overflow-right .selector-navigation__fade:after { opacity: 1.0; } .touch .club--selector-navigation .selector-navigation__navigation { overflow: scroll; -webkit-overflow-scrolling: touch; } .sidebar-overlay { display: block; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.9); color: #ffffff; z-index: 31; opacity: 0; overflow-y: scroll; visibility: hidden; transition: opacity 300ms, visibility 300ms; -webkit-overflow-scrolling: touch; } .sidebar-overlay.is-visible { opacity: 1; visibility: visible; } body.club .sidebar-overlay.is-visible .row { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .sidebar-overlay .row { transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; } body.club .sidebar-overlay .row { position: relative; padding-top: 1.25rem; padding-right: 1.875rem; padding-left: 1.875rem; -webkit-transform: scale3d(0.01, 0.01, 1); transform: scale3d(0.01, 0.01, 1); } .sidebar-overlay__trigger { position: fixed; display: block; right: 1rem; bottom: 1rem; height: 4.375rem; width: 4.375rem; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2278%22%20height%3D%2276%22%20viewBox%3D%220%200%2078%2076%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3EArtboard%202%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M.838%2042.826c-1.569-13.841-3.483-37.25%2020.2-41.51C44.72-2.944%2060.433%202.713%2068.389%2024.57c7.956%2021.859-15.473%2041.855-28.448%2043.321C25.82%2069.488%202.038%2053.421.838%2042.826z%22%20id%3D%22b%22%2F%3E%3Cfilter%20x%3D%22-8.6%25%22%20y%3D%22-8.8%25%22%20width%3D%22117.1%25%22%20height%3D%22117.6%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeComposite%20in%3D%22shadowBlurOuter1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22out%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.5%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%284%204%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%223%22%20d%3D%22M2.328%2042.657c1.13%209.979%2024.426%2025.216%2037.444%2023.745%206.352-.718%2015.072-6.139%2021.082-13.474%207.03-8.58%209.56-18.407%206.126-27.844C59.633%204.9%2045.53-1.566%2021.303%202.792%2011.116%204.625%205.371%2010.156%202.913%2018.885c-1.826%206.478-1.777%2013.249-.585%2023.772z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size: cover; background-repeat: no-repeat; background-color: transparent; border: none; outline: none; z-index: 30; padding: 11px 5px 5px 5px; line-height: 0; } .sidebar-overlay__trigger:hover { color: #562483; } .sidebar-overlay__trigger:hover span { color: #562483; } .sidebar-overlay__trigger:before { content: "\EA7D"; font-size: 17px; width: 100%; text-align: center; line-height: 17px; margin-bottom: 3px; } .sidebar-overlay__trigger span { display: inline-block; font-size: 11px; width: 100%; text-align: center; -webkit-transform: rotate(-4deg); transform: rotate(-4deg); text-transform: uppercase; line-height: 11px; } .sidebar-overlay__close { position: fixed; top: 1.25rem; right: 1.25rem; height: 1.875rem; width: 1.875rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%20500%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22a%22%20width%3D%22103.1%25%22%20height%3D%22102.3%25%22%20x%3D%22-1.8%25%22%20y%3D%22-.7%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.3%200%22%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20filter%3D%22url%28%23a%29%22%20transform%3D%22translate%2810%2010%29%22%3E%3Cpath%20fill%3D%22%23562483%22%20d%3D%22M3.46%20296.436C-7.053%20201.58-19.727%2041.146%20144.094%2011.37%20307.915-18.407%20416.4%2020%20470.875%20169.666c54.475%20149.667-107.97%20287.317-197.7%20297.682C175.533%20478.627%2011.505%20369.04%203.46%20296.435z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M263.593%2097.67l-59.068-1.32.39%2058.898%201.755%207.43%202.39%2041.664-44.4%201.687-6.383-.508-44.507.642-2.033%2020.893-5.526%2033.778%20100.63-1.778%202.228%2034.232-1.638%205.765%203.756%2066.867%2058.304%201.06.493-103.55%2051.668-3.594%207.26.976%2044.42-3.785-.262-34.704-3.033-19.598-104.064%204.787%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: cover; border: none; z-index: 1; background-color: transparent; outline: 0; -webkit-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1); transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .sidebar-overlay__close:hover { -webkit-transform: rotate(-39deg) scale(0.9); transform: rotate(-39deg) scale(0.9); } .sidebar-overlay__title { display: block; text-align: center; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.75rem; color: #ffffff; } .sidebar-overlay__family { margin-top: 3rem; } .sidebar-overlay__person-item { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; margin-bottom: 1.875rem; } .sidebar-overlay__friends .sidebar-overlay__person-item { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .sidebar-overlay__person-add { text-align: center; margin-top: 3rem; } .sidebar-overlay__person-add a { color: #ffffff; display: inline-block; vertical-align: middle; margin-right: 0.5rem; } .sidebar-overlay__person-add a.icon, .sidebar-overlay__person-add #header .exmenu a:before, #header .exmenu .sidebar-overlay__person-add a:before, .sidebar-overlay__person-add #header a.to-top:before, #header .sidebar-overlay__person-add a.to-top:before, .sidebar-overlay__person-add #header a.btn-search:before, #header .sidebar-overlay__person-add a.btn-search:before, .sidebar-overlay__person-add .more-links .gbrw-grid a:before, .more-links .gbrw-grid .sidebar-overlay__person-add a:before, .sidebar-overlay__person-add .popin-close a:before, .popin-close .sidebar-overlay__person-add a:before, .sidebar-overlay__person-add .small-overlay-close a:before, .small-overlay-close .sidebar-overlay__person-add a:before, .sidebar-overlay__person-add .full-overlay-close a:before, .full-overlay-close .sidebar-overlay__person-add a:before, .sidebar-overlay__person-add #footer a.fb-link:before, #footer .sidebar-overlay__person-add a.fb-link:before, .sidebar-overlay__person-add #footer a.yt-link:before, #footer .sidebar-overlay__person-add a.yt-link:before, .sidebar-overlay__person-add #footer a.vk-link:before, #footer .sidebar-overlay__person-add a.vk-link:before, .sidebar-overlay__person-add #footer a.insta-link:before, #footer .sidebar-overlay__person-add a.insta-link:before, .sidebar-overlay__person-add #footer a.twitter-link:before, #footer .sidebar-overlay__person-add a.twitter-link:before, .sidebar-overlay__person-add #footer a.mother-logo:before, #footer .sidebar-overlay__person-add a.mother-logo:before, .sidebar-overlay__person-add #footer a.mother-logo-old:before, #footer .sidebar-overlay__person-add a.mother-logo-old:before, .sidebar-overlay__person-add .point-shop-product-info .text .row a.column:after, .point-shop-product-info .text .row .sidebar-overlay__person-add a.column:after, .sidebar-overlay__person-add #sidebars .menu a.shortcut-profile:before, #sidebars .menu .sidebar-overlay__person-add a.shortcut-profile:before, .sidebar-overlay__person-add #sidebars .menu a.shortcut-points:before, #sidebars .menu .sidebar-overlay__person-add a.shortcut-points:before, .sidebar-overlay__person-add #sidebars .menu a.shortcut-signin:before, #sidebars .menu .sidebar-overlay__person-add a.shortcut-signin:before, .sidebar-overlay__person-add #sidebars .menu a.shortcut-signout:before, #sidebars .menu .sidebar-overlay__person-add a.shortcut-signout:before, .sidebar-overlay__person-add #sidebars a.social-share-icon.icon-instagram:before, #sidebars .sidebar-overlay__person-add a.social-share-icon.icon-instagram:before, .sidebar-overlay__person-add #sidebars a.social-share-icon.icon-twitter:before, #sidebars .sidebar-overlay__person-add a.social-share-icon.icon-twitter:before, .sidebar-overlay__person-add #sidebars a.social-share-icon.icon-facebook:before, #sidebars .sidebar-overlay__person-add a.social-share-icon.icon-facebook:before, .sidebar-overlay__person-add #sidebars a.social-share-icon.icon-vk:before, #sidebars .sidebar-overlay__person-add a.social-share-icon.icon-vk:before, .sidebar-overlay__person-add #sidebars a.social-share-icon.icon-youtube:before, #sidebars .sidebar-overlay__person-add a.social-share-icon.icon-youtube:before, .sidebar-overlay__person-add #sidebars a[data-sub-navigation-target]:before, #sidebars .sidebar-overlay__person-add a[data-sub-navigation-target]:before, .sidebar-overlay__person-add #ajax-shopping-cart .item a.remove:before, #ajax-shopping-cart .item .sidebar-overlay__person-add a.remove:before, .sidebar-overlay__person-add #ajax-shopping-cart .toggle a:before, #ajax-shopping-cart .toggle .sidebar-overlay__person-add a:before, .sidebar-overlay__person-add html a.swiper-button-prev:before, html .sidebar-overlay__person-add a.swiper-button-prev:before, .sidebar-overlay__person-add html a.swiper-button-next:before, html .sidebar-overlay__person-add a.swiper-button-next:before, .sidebar-overlay__person-add body a.ui-datepicker-next:before, body .sidebar-overlay__person-add a.ui-datepicker-next:before, .sidebar-overlay__person-add body a.ui-datepicker-prev:before, body .sidebar-overlay__person-add a.ui-datepicker-prev:before, .sidebar-overlay__person-add .start-welcome a.icon-trying:before, .start-welcome .sidebar-overlay__person-add a.icon-trying:before, .sidebar-overlay__person-add .start-welcome a.icon-pregnant:before, .start-welcome .sidebar-overlay__person-add a.icon-pregnant:before, .sidebar-overlay__person-add .start-welcome a.icon-baby:before, .start-welcome .sidebar-overlay__person-add a.icon-baby:before, .sidebar-overlay__person-add .start-welcome a.icon-toddler:before, .start-welcome .sidebar-overlay__person-add a.icon-toddler:before, .sidebar-overlay__person-add ul.articles [data-trigger="sign-in"] a.category:before, ul.articles [data-trigger="sign-in"] .sidebar-overlay__person-add a.category:before, .sidebar-overlay__person-add a.point-arrow:before, .sidebar-overlay__person-add .club-coin-progress a.arrow, .club-coin-progress .sidebar-overlay__person-add a.arrow, .sidebar-overlay__person-add a.sprite-icon-coin-arrow:before, .sidebar-overlay__person-add a.sprite-icon-coin-arrow-white:before, .sidebar-overlay__person-add .point-shop-product-info a.close:before, .point-shop-product-info .sidebar-overlay__person-add a.close:before, .sidebar-overlay__person-add form .filePicker a.choose:before, form .filePicker .sidebar-overlay__person-add a.choose:before, .sidebar-overlay__person-add .add-profile-image a.remove:before, .add-profile-image .sidebar-overlay__person-add a.remove:before, .sidebar-overlay__person-add a.profile-trying:before, .sidebar-overlay__person-add a.profile-pregnant:before, .sidebar-overlay__person-add a.profile-baby:before, .sidebar-overlay__person-add a.profile-toddler:before, .sidebar-overlay__person-add a.profile-padlock:before, .sidebar-overlay__person-add a.profile-convert-code:before, .sidebar-overlay__person-add a.profile-order-history:before, .sidebar-overlay__person-add a.profile-point-history:before, .sidebar-overlay__person-add a.profile-change-email:before, .sidebar-overlay__person-add a.profile-questionaire:before, .sidebar-overlay__person-add a.profile-subscriptions:before, .sidebar-overlay__person-add .search-container a.clear-search:before, .search-container .sidebar-overlay__person-add a.clear-search:before, .sidebar-overlay__person-add a.sign-up__date-input-container:after, .sidebar-overlay__person-add a.sign-up__select-container:after, .sidebar-overlay__person-add dl.accordion dd > a:before, dl.accordion .sidebar-overlay__person-add dd > a:before, .sidebar-overlay__person-add a.trying:before, .sidebar-overlay__person-add a.pregnant:before, .sidebar-overlay__person-add a.baby:before, .sidebar-overlay__person-add a.toddler:before, .sidebar-overlay__person-add a.action:before, .sidebar-overlay__person-add a.action.back:before, .sidebar-overlay__person-add a.action.forward:after, .sidebar-overlay__person-add a[data-am-label][data-am-label~="checkbox"]:after, .sidebar-overlay__person-add .article-66-33 a.fb-link:before, .article-66-33 .sidebar-overlay__person-add a.fb-link:before, .sidebar-overlay__person-add .article-50-50 a.fb-link:before, .article-50-50 .sidebar-overlay__person-add a.fb-link:before, .sidebar-overlay__person-add .article-66-33 a.twitter-link:before, .article-66-33 .sidebar-overlay__person-add a.twitter-link:before, .sidebar-overlay__person-add .article-50-50 a.twitter-link:before, .article-50-50 .sidebar-overlay__person-add a.twitter-link:before, .sidebar-overlay__person-add .article-66-33 a.mail-link:before, .article-66-33 .sidebar-overlay__person-add a.mail-link:before, .sidebar-overlay__person-add .article-50-50 a.mail-link:before, .article-50-50 .sidebar-overlay__person-add a.mail-link:before, .sidebar-overlay__person-add .article-66-33 a.print-link:before, .article-66-33 .sidebar-overlay__person-add a.print-link:before, .sidebar-overlay__person-add .article-50-50 a.print-link:before, .article-50-50 .sidebar-overlay__person-add a.print-link:before, .sidebar-overlay__person-add a.video-play:before, .sidebar-overlay__person-add a.dropdown__hint:after, .sidebar-overlay__person-add .gpdr--sign-up a.gdpr__label:after, .gpdr--sign-up .sidebar-overlay__person-add a.gdpr__label:after, .sidebar-overlay__person-add .gdpr--subscriptions a.gdpr__label:after, .gdpr--subscriptions .sidebar-overlay__person-add a.gdpr__label:after, .sidebar-overlay__person-add [theme="comfort-baru"] a.title-logo:before, [theme="comfort-baru"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add div[theme="comfort-baru"] a.title-logo:before, div[theme="comfort-baru"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add [theme="upngo-baru"] a.title-logo:before, [theme="upngo-baru"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add div[theme="upngo-baru"] a.title-logo:before, div[theme="upngo-baru"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add [theme="newborn-baru"] a.title-logo:before, [theme="newborn-baru"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add div[theme="newborn-baru"] a.title-logo:before, div[theme="newborn-baru"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add [theme="lotus-touch-newborn"] a.title-logo:before, [theme="lotus-touch-newborn"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add div[theme="lotus-touch-newborn"] a.title-logo:before, div[theme="lotus-touch-newborn"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add [theme="lotus-touch-comfort"] a.title-logo:before, [theme="lotus-touch-comfort"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add div[theme="lotus-touch-comfort"] a.title-logo:before, div[theme="lotus-touch-comfort"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add [theme="lotus-touch-upngo"] a.title-logo:before, [theme="lotus-touch-upngo"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add div[theme="lotus-touch-upngo"] a.title-logo:before, div[theme="lotus-touch-upngo"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add [theme="everyday"] a.title-logo:before, [theme="everyday"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add div[theme="everyday"] a.title-logo:before, div[theme="everyday"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add [theme="drypants"] a.title-logo:before, [theme="drypants"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add div[theme="drypants"] a.title-logo:before, div[theme="drypants"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add [theme="sleep-tight"] a.title-logo:before, [theme="sleep-tight"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add div[theme="sleep-tight"] a.title-logo:before, div[theme="sleep-tight"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add [theme="swimpants"] a.title-logo:before, [theme="swimpants"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add div[theme="swimpants"] a.title-logo:before, div[theme="swimpants"] .sidebar-overlay__person-add a.title-logo:before, .sidebar-overlay__person-add .products--anchor-menu .current a:before, .products--anchor-menu .current .sidebar-overlay__person-add a:before, .sidebar-overlay__person-add .filter-move-to-size a.indicator, .filter-move-to-size .sidebar-overlay__person-add a.indicator, .sidebar-overlay__person-add .filter-slider-small .btn-container a:before, .filter-slider-small .btn-container .sidebar-overlay__person-add a:before, .sidebar-overlay__person-add .filter-slider-small a.clear:before, .filter-slider-small .sidebar-overlay__person-add a.clear:before, .sidebar-overlay__person-add a.filter-slider-small-alert:before, .sidebar-overlay__person-add [accordion="small"] dd > a:after, [accordion="small"] .sidebar-overlay__person-add dd > a:after, .sidebar-overlay__person-add .product--filter-result-display a.swipe:before, .product--filter-result-display .sidebar-overlay__person-add a.swipe:before, .sidebar-overlay__person-add .product--filter-result-display-eden a.swipe:before, .product--filter-result-display-eden .sidebar-overlay__person-add a.swipe:before, .sidebar-overlay__person-add .products--product-accessory .bottom .benefits a.check:before, .products--product-accessory .bottom .benefits .sidebar-overlay__person-add a.check:before, .sidebar-overlay__person-add .diaper-3d .bottom-options a.to-top:before, .diaper-3d .bottom-options .sidebar-overlay__person-add a.to-top:before, .sidebar-overlay__person-add .diaper-3d .bottom-options a.to-bottom:before, .diaper-3d .bottom-options .sidebar-overlay__person-add a.to-bottom:before, .sidebar-overlay__person-add .diaper-3d .bottom-options a.scroll-down:before, .diaper-3d .bottom-options .sidebar-overlay__person-add a.scroll-down:before, .sidebar-overlay__person-add a.blob-photo-upload:before, .sidebar-overlay__person-add .club--profile-header .bg-photo-load-wrap a.bg-photo-load:before, .club--profile-header .bg-photo-load-wrap .sidebar-overlay__person-add a.bg-photo-load:before, .sidebar-overlay__person-add .feed-carousel a.slick-prev:before, .feed-carousel .sidebar-overlay__person-add a.slick-prev:before, .sidebar-overlay__person-add .feed-carousel a.slick-next:before, .feed-carousel .sidebar-overlay__person-add a.slick-next:before, .sidebar-overlay__person-add a.club-search__button:after, .sidebar-overlay__person-add #headerV2 .exmenu a:before, #headerV2 .exmenu .sidebar-overlay__person-add a:before, .sidebar-overlay__person-add #headerV2 a.to-top:before, #headerV2 .sidebar-overlay__person-add a.to-top:before, .sidebar-overlay__person-add #headerV2 a.btn-search:before, #headerV2 .sidebar-overlay__person-add a.btn-search:before, .sidebar-overlay__person-add .club-carousel a.slick-prev:before, .club-carousel .sidebar-overlay__person-add a.slick-prev:before, .sidebar-overlay__person-add .club-carousel a.slick-next:before, .club-carousel .sidebar-overlay__person-add a.slick-next:before, .sidebar-overlay__person-add a.feed-post__icon--comment:before, .sidebar-overlay__person-add a.feed-post__icon--heart:before, .sidebar-overlay__person-add a.feed-post__icon--share:before, .sidebar-overlay__person-add a.feed-post__icon--more:before, .sidebar-overlay__person-add a.feed-post__tags:before, .sidebar-overlay__person-add .feed-post__content-image a:before, .feed-post__content-image .sidebar-overlay__person-add a:before, .sidebar-overlay__person-add .create-post__text a:before, .create-post__text .sidebar-overlay__person-add a:before, .sidebar-overlay__person-add .create-post__overlay .create-post__overlay-title a.create-post__overlay-close:after, .create-post__overlay .create-post__overlay-title .sidebar-overlay__person-add a.create-post__overlay-close:after, .sidebar-overlay__person-add .create-post__milestone-menu-item a.check:after, .create-post__milestone-menu-item .sidebar-overlay__person-add a.check:after, .sidebar-overlay__person-add .create-post__milestone-post-photo a.view-add:before, .create-post__milestone-post-photo .sidebar-overlay__person-add a.view-add:before, .sidebar-overlay__person-add .create-post__post-photo a.view-add:before, .create-post__post-photo .sidebar-overlay__person-add a.view-add:before, .sidebar-overlay__person-add .create-post__milestone-post-photo .view-done a:before, .create-post__milestone-post-photo .view-done .sidebar-overlay__person-add a:before, .sidebar-overlay__person-add .create-post__post-photo .view-done a:before, .create-post__post-photo .view-done .sidebar-overlay__person-add a:before, .sidebar-overlay__person-add .create-post__title a:after, .create-post__title .sidebar-overlay__person-add a:after, .sidebar-overlay__person-add .multi-upload a:after, .multi-upload .sidebar-overlay__person-add a:after, .sidebar-overlay__person-add .club--stages a.share:before, .club--stages .sidebar-overlay__person-add a.share:before, .sidebar-overlay__person-add a.stages-overlay__close:before, .sidebar-overlay__person-add a.stage-item__share:before, .sidebar-overlay__person-add .cp-layer .cp-input-container a.datepicker-icon:before, .cp-layer .cp-input-container .sidebar-overlay__person-add a.datepicker-icon:before, .sidebar-overlay__person-add .ep-layer .ep-input-container a.datepicker-icon:before, .ep-layer .ep-input-container .sidebar-overlay__person-add a.datepicker-icon:before, .sidebar-overlay__person-add .club-remove-filter .container a:after, .club-remove-filter .container .sidebar-overlay__person-add a:after, .sidebar-overlay__person-add .club-overlay a.bg-photo-load:before, .club-overlay .sidebar-overlay__person-add a.bg-photo-load:before, .sidebar-overlay__person-add a.club-overlay-close:after, .sidebar-overlay__person-add .club-stages-post a.stage-icon:before, .club-stages-post .sidebar-overlay__person-add a.stage-icon:before, .sidebar-overlay__person-add .club-stages-product a.stage-icon:before, .club-stages-product .sidebar-overlay__person-add a.stage-icon:before, .sidebar-overlay__person-add a.sidebar-overlay__trigger:before, .sidebar-overlay__person-add .sidebar-overlay a.club-search__button:after, .sidebar-overlay .sidebar-overlay__person-add a.club-search__button:after, .sidebar-overlay__person-add body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-playing a.vjs-big-play-button:before, body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-playing .sidebar-overlay__person-add a.vjs-big-play-button:before, .sidebar-overlay__person-add body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-paused a.vjs-big-play-button:before, body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-paused .sidebar-overlay__person-add a.vjs-big-play-button:before, .sidebar-overlay__person-add body div .amp-default-skin a.vjs-big-play-button:before, body div .amp-default-skin .sidebar-overlay__person-add a.vjs-big-play-button:before, .sidebar-overlay__person-add .overlay2 .overlay2-nav a.prev:before, .overlay2 .overlay2-nav .sidebar-overlay__person-add a.prev:before, .sidebar-overlay__person-add .overlay2 .overlay2-nav a.next:before, .overlay2 .overlay2-nav .sidebar-overlay__person-add a.next:before, .sidebar-overlay__person-add .overlay2 a[data-overlay2-close]:before, .overlay2 .sidebar-overlay__person-add a[data-overlay2-close]:before, .sidebar-overlay__person-add .youplus--life-hack a.inner:before, .youplus--life-hack .sidebar-overlay__person-add a.inner:before, .sidebar-overlay__person-add .youplus--story-audio a.default-player, .youplus--story-audio .sidebar-overlay__person-add a.default-player, .sidebar-overlay__person-add .youplus--story-m-audio a.default-player, .youplus--story-m-audio .sidebar-overlay__person-add a.default-player, .sidebar-overlay__person-add .youplus--story-video a.inner:before, .youplus--story-video .sidebar-overlay__person-add a.inner:before, .sidebar-overlay__person-add .youplus--story-m-video a.inner:before, .youplus--story-m-video .sidebar-overlay__person-add a.inner:before, .sidebar-overlay__person-add .youplus--story-header a.filter-btn:before, .youplus--story-header .sidebar-overlay__person-add a.filter-btn:before, .sidebar-overlay__person-add .youplus--story-header .month a.btn-yp.selected:before, .youplus--story-header .month .sidebar-overlay__person-add a.btn-yp.selected:before, .sidebar-overlay__person-add .youplus--story-header .tags a.btn-yp.selected:before, .youplus--story-header .tags .sidebar-overlay__person-add a.btn-yp.selected:before, .sidebar-overlay__person-add .youplus--testimonial a.slick-prev:before, .youplus--testimonial .sidebar-overlay__person-add a.slick-prev:before, .sidebar-overlay__person-add .youplus--testimonial a.slick-next:before, .youplus--testimonial .sidebar-overlay__person-add a.slick-next:before, .sidebar-overlay__person-add .youplus--poll-results a.check:before, .youplus--poll-results .sidebar-overlay__person-add a.check:before, .sidebar-overlay__person-add .youplus--app-hero a.leftArrow:before, .youplus--app-hero .sidebar-overlay__person-add a.leftArrow:before, .sidebar-overlay__person-add .youplus--app-hero a.rightArrow:before, .youplus--app-hero .sidebar-overlay__person-add a.rightArrow:before, .sidebar-overlay__person-add .photobook--order-bar a.share-tooltip__facebook:before, .photobook--order-bar .sidebar-overlay__person-add a.share-tooltip__facebook:before, .sidebar-overlay__person-add .photobook--order-bar a.share-tooltip__twitter:before, .photobook--order-bar .sidebar-overlay__person-add a.share-tooltip__twitter:before, .sidebar-overlay__person-add .photobook--order-bar a.share-tooltip__instagram:before, .photobook--order-bar .sidebar-overlay__person-add a.share-tooltip__instagram:before, .sidebar-overlay__person-add a.message-bar__message--saved:before, .sidebar-overlay__person-add .photobook--navigation-bar a.navigation-bar__back-link:before, .photobook--navigation-bar .sidebar-overlay__person-add a.navigation-bar__back-link:before, .sidebar-overlay__person-add .photobook--navigation-bar a.navigation-bar__close:before, .photobook--navigation-bar .sidebar-overlay__person-add a.navigation-bar__close:before, .sidebar-overlay__person-add .photobook--navigation-bar a.navigation-bar__drop-value--trigger:before, .photobook--navigation-bar .sidebar-overlay__person-add a.navigation-bar__drop-value--trigger:before, .sidebar-overlay__person-add .photobook--status-bar a.status-bar__remove:before, .photobook--status-bar .sidebar-overlay__person-add a.status-bar__remove:before, .sidebar-overlay__person-add .photobook--grid .grid-item a.grid-item__check:after, .photobook--grid .grid-item .sidebar-overlay__person-add a.grid-item__check:after, .sidebar-overlay__person-add .photobook--grid .grid-item a.grid-item__message-icon:after, .photobook--grid .grid-item .sidebar-overlay__person-add a.grid-item__message-icon:after, .sidebar-overlay__person-add .photobook--grid .grid-item .grid-item__message--add a.grid-item__message-icon:after, .photobook--grid .grid-item .grid-item__message--add .sidebar-overlay__person-add a.grid-item__message-icon:after, .sidebar-overlay__person-add .photobook--milestone-frame a.milestone-carousel__edit-image:before, .photobook--milestone-frame .sidebar-overlay__person-add a.milestone-carousel__edit-image:before, .sidebar-overlay__person-add .photobook--milestone-frame a.milestone-edit__date:before, .photobook--milestone-frame .sidebar-overlay__person-add a.milestone-edit__date:before, .sidebar-overlay__person-add .photobook--crop-image .crop-image__upload a.crop-image__upload-remove:after, .photobook--crop-image .crop-image__upload .sidebar-overlay__person-add a.crop-image__upload-remove:after, .sidebar-overlay__person-add .photobook--preview-bar a.share-tooltip__facebook:before, .photobook--preview-bar .sidebar-overlay__person-add a.share-tooltip__facebook:before, .sidebar-overlay__person-add .photobook--preview-bar a.share-tooltip__twitter:before, .photobook--preview-bar .sidebar-overlay__person-add a.share-tooltip__twitter:before, .sidebar-overlay__person-add .photobook--preview-bar a.share-tooltip__instagram:before, .photobook--preview-bar .sidebar-overlay__person-add a.share-tooltip__instagram:before { margin-bottom: -5px; } .sidebar-overlay__person { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #ffffff; } .sidebar-overlay__content { margin-left: 1rem; } .sidebar-overlay__name { font-size: 1.3125rem; } .sidebar-overlay__friends .sidebar-overlay__name { font-size: 1rem; } .sidebar-overlay__age { font-size: 0.875rem; } .sidebar-overlay__buttons { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0.875rem; } .sidebar-overlay__button { padding: 0 0.7rem; } .sidebar-overlay__search { margin-top: 3.875rem; margin-bottom: 1.875rem; } .sidebar-overlay a.club-search__button:after { content: "\EA97"; } .club--club-hero { background-size: cover; background-repeat: no-repeat; background-position: center; height: 35rem; } .club--club-hero > .row { position: relative; height: 100%; } .club-hero__splash { position: absolute; top: -1.875rem; left: -2.5rem; width: 18.125rem; } .club-hero__box { position: absolute; left: -10px; bottom: 0; right: -10px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22641%22%20height%3D%22238%22%20viewBox%3D%220%200%20641%20238%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.566%2010.113l62.812-9.5%2025.539%203.593%20148.978%2014.28%2053.988-7.474L530.66%204.065l82.745-1.706%2025.407%207.754%201.689%2044.532-5.657%2062.042%203.968%20115.072-48.455-2.365L539.944%20238l-192.75-2.705-20.55%201.83-165.72-8.886-10.092%207.292-61.216%202.135-84.05-5.907-1.429-94.884L.5%2077.576z%22%20fill%3D%22rgba%280%2C%200%2C%200%2C%200.7%29%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E") 4 fill stretch; border-style: solid; border-width: 4; padding: 2rem; max-width: auto; } .club-hero__box-headline { display: block; text-align: center; text-transform: uppercase; color: #ffffff; line-height: 1.2; margin-bottom: 1rem; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); width: 100%; } .text-block { padding: 2rem; } .text-block > .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block.text-block--light-purple { background-color: #9d81bb; } .text-block__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .text-block__headline { color: #ffffff; text-align: center; line-height: 1; } /* Modified for Azure use.. hacky */ /* Player Skin Designer for Video.js http://videojs.com To customize the player skin edit the CSS below. Click "details" below to add comments or questions. This file uses some SCSS. Learn more at http://sass-lang.com/guide) This designer can be linked to at: http://codepen.io/heff/pen/EarCt/left/?editors=010 */ .amp-logo { display: none; } body div .azuremediaplayer.vjs-audio { background-color: transparent; height: 100% !important; } body div .azuremediaplayer.vjs-audio .vjs-control-bar { visibility: hidden !important; } body div .azuremediaplayer.vjs-audio .vjs-poster { visibility: hidden !important; } body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button .vjs-big-play-button { width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: none; transform: none; } body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button .vjs-big-play-button:before { position: absolute; top: 50%; left: 50%; display: inline-block; width: auto; height: auto; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); } body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button:hover .vjs-big-play-button:before { -webkit-transform: translate3d(-50%, -50%, 0) scale(1.1); transform: translate3d(-50%, -50%, 0) scale(1.1); } body div .azuremediaplayer.vjs-audio.amp-default-skin .vjs-big-play-button, body div .azuremediaplayer.vjs-audio .amp-default-skin .vjs-big-play-button:focus, body div .azuremediaplayer.vjs-audio.amp-default-skin:hover .vjs-big-play-button, body div .azuremediaplayer.vjs-audio .amp-default-skin .vjs-big-play-button:focus { background-color: transparent; } body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-playing .vjs-big-play-button { pointer-events: none; display: block; } body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-playing .vjs-big-play-button:before { content: "\EA89"; } body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-playing { cursor: pointer; } body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-paused .vjs-big-play-button:before { content: "\EA8D"; } body div .azuremediaplayer.vjs-controls-disabled.show-big-play-button:not(.vjs-playing) .vjs-big-play-button { display: block; } body div .azuremediaplayer.vjs-controls-disabled:not(.vjs-has-started) .vjs-poster { display: block; } body div .azuremediaplayer { /* The base font size controls the size of everything, not just text. All dimensions use em-based sizes so that the scale along with the font size. Try increasing it to 15px and see what happens. */ font-size: 10px; border: 0; /* The main font color changes the ICON COLORS as well as the text */ color: #fff; background-color: transparent; } /* The "Big Play Button" is the play button that shows before the video plays. To center it set the align values to center and middle. The typical location of the button is the center, but there is trend towards moving it to a corner where it gets out of the way of valuable content in the poster image.*/ body div .amp-default-skin .vjs-big-play-button { top: 50%; left: 50%; margin-left: 0; margin-top: 0; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 55px; height: 55px; background-color: transparent; border: 0; box-shadow: none; line-height: 55px; } body div .amp-default-skin .vjs-big-play-button:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA8D"; text-shadow: none; opacity: 0.8; transition: all 300ms; font-size: 55px; line-height: 55px; } body div .amp-default-skin:hover .vjs-big-play-button { background-color: transparent; border: 0; box-shadow: none; } .no-touch body div .amp-default-skin:hover .vjs-big-play-button:before { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } body div .amp-default-skin .vjs-big-play-button.disabled { /* The font size is what makes the big play button...big. All width/height values use ems, which are a multiple of the font size. If the body div .azuremediaplayer font-size is 10px, then 3em equals 30px.*/ font-size: 3em; /* We're using SCSS vars here because the values are used in multiple places. Now that font size is set, the following em values will be a multiple of the new font size. If the font-size is 3em (30px), then setting any of the following values to 3em would equal 30px. 3 * font-size. */ /* 1.5em = 45px default */ line-height: 1.5em; height: 1.5em; width: 3em; /* 0.06666em = 2px default */ border: 0.06666em solid #fff; /* 0.3em = 9px default */ border-radius: 0.3em; /* Align center */ left: 50%; top: 50%; margin-left: -1.5em; margin-top: -0.75em; } /* The default color of control backgrounds is mostly black but with a little bit of blue so it can still be seen on all-black video frames, which are common. */ body div .azuremediaplayer .vjs-control-bar, body div .azuremediaplayer .vjs-menu-button .vjs-menu-content { /* IE8 - has no alpha support */ background-color: #562483; /* Opacity: 1.0 = 100%, 0.0 = 0% */ background-color: rgba(86, 36, 131, 0.7); } /* Slider - used for Volume bar and Progress bar */ body div .azuremediaplayer .vjs-slider { background-color: #aa76d9; background-color: rgba(170, 118, 217, 0.5); } /* The slider bar color is used for the progress bar and the volume bar (the first two can be removed after a fix that's coming) */ body div .azuremediaplayer .vjs-volume-level, body div .azuremediaplayer .vjs-play-progress, body div .azuremediaplayer .vjs-slider-bar { background: #fff; } /* The main progress bar also has a bar that shows how much has been loaded. */ body div .azuremediaplayer .vjs-load-progress { /* For IE8 we'll lighten the color */ background: #e8daf5; /* Otherwise we'll rely on stacked opacities */ background: rgba(170, 118, 217, 0.5); } /* The load progress bar also has internal divs that represent smaller disconnected loaded time ranges */ body div .azuremediaplayer .vjs-load-progress div { /* For IE8 we'll lighten the color */ background: white; /* Otherwise we'll rely on stacked opacities */ background: rgba(170, 118, 217, 0.75); } .youplus .col { padding-left: 15px; padding-right: 15px; } .youplus p { max-width: 790px; } .item-anim-init { -webkit-transform: translate3d(0, 100px, 0) scale3d(0.95, 0.95, 1); transform: translate3d(0, 100px, 0) scale3d(0.95, 0.95, 1); opacity: 0; } .item-anim-run { transition: opacity 800ms 200ms, -webkit-transform 800ms 200ms; transition: opacity 800ms 200ms, transform 800ms 200ms; transition: opacity 800ms 200ms, transform 800ms 200ms, -webkit-transform 800ms 200ms; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); opacity: 1; } [data-resize-header] { display: inline-block; width: 100%; } .btn-yp { display: inline-block; position: relative; padding: 15px 22px 13px 20px; max-width: 100%; color: #fff; letter-spacing: 2px; font-size: 18px; line-height: 20px; } .btn-yp + .btn-yp:not(:last-of-type), .btn-yp:first-of-type:not(:last-of-type) { margin-right: 10px; margin-bottom: 10px; } .btn-yp svg { z-index: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .btn-yp use { transition: all 350ms; } .btn-yp span { display: block; position: relative; z-index: 1; } .no-touch .btn-yp:hover, .no-touch .btn-yp:focus, .no-touch .btn-yp:active, .no-touch .btn-yp:visited, .btn-yp:hover, .btn-yp:focus, .btn-yp:active, .btn-yp:visited { color: #fff; } .no-touch .btn-yp:hover span, .no-touch .btn-yp:focus span, .no-touch .btn-yp:active span, .no-touch .btn-yp:visited span, .btn-yp:hover span, .btn-yp:focus span, .btn-yp:active span, .btn-yp:visited span { color: #fff; } .btn-yp use:first-child { fill: #3c195b; } .btn-yp use:last-child { fill: #562483; } .no-touch .btn-yp:hover use:first-child { fill: #3c195b; } .no-touch .btn-yp:hover use:last-child { fill: #3c195b; } .btn-yp.btn-yp-alt use:first-child { fill: #8360a9; } .btn-yp.btn-yp-alt use:last-child { fill: #9d81bb; } .no-touch .btn-yp.btn-yp-alt:hover use:first-child { fill: #8360a9; } .no-touch .btn-yp.btn-yp-alt:hover use:last-child { fill: #8360a9; } .btn-yp.btn-yp-alt.selected use:first-child { fill: #190a27; } .btn-yp.btn-yp-alt.selected use:last-child { fill: #34154f; } .no-touch .btn-yp.btn-yp-alt.selected:hover use:first-child { fill: #190a27; } .no-touch .btn-yp.btn-yp-alt.selected:hover use:last-child { fill: #190a27; } .btn-yp.btn-yp-disable use:first-child { fill: #2a1140; } .btn-yp.btn-yp-disable use:last-child { fill: #451c68; } .no-touch .btn-yp.btn-yp-disable:hover use:first-child { fill: #2a1140; } .no-touch .btn-yp.btn-yp-disable:hover use:last-child { fill: #2a1140; } .btn-yp.btn-yp-newborn use:first-child, [theme="newborn"] .btn-yp use:first-child { fill: #b58700; } .btn-yp.btn-yp-newborn use:last-child, [theme="newborn"] .btn-yp use:last-child { fill: #e8ad00; } .no-touch .btn-yp.btn-yp-newborn:hover use:first-child, .no-touch [theme="newborn"] .btn-yp:hover use:first-child { fill: #b58700; } .no-touch .btn-yp.btn-yp-newborn:hover use:last-child, .no-touch [theme="newborn"] .btn-yp:hover use:last-child { fill: #b58700; } .btn-yp.btn-yp-comfort use:first-child, [theme="comfort"] .btn-yp use:first-child { fill: #0f7f89; } .btn-yp.btn-yp-comfort use:last-child, [theme="comfort"] .btn-yp use:last-child { fill: #14aab7; } .no-touch .btn-yp.btn-yp-comfort:hover use:first-child, .no-touch [theme="comfort"] .btn-yp:hover use:first-child { fill: #0f7f89; } .no-touch .btn-yp.btn-yp-comfort:hover use:last-child, .no-touch [theme="comfort"] .btn-yp:hover use:last-child { fill: #0f7f89; } .btn-yp.btn-yp-upngo use:first-child, [theme="upngo"] .btn-yp use:first-child { fill: #84110d; } .btn-yp.btn-yp-upngo use:last-child, [theme="upngo"] .btn-yp use:last-child { fill: #b31711; } .no-touch .btn-yp.btn-yp-upngo:hover use:first-child, .no-touch [theme="upngo"] .btn-yp:hover use:first-child { fill: #84110d; } .no-touch .btn-yp.btn-yp-upngo:hover use:last-child, .no-touch [theme="upngo"] .btn-yp:hover use:last-child { fill: #84110d; } .btn-yp.btn-yp-touch use:first-child, [theme="touch"] .btn-yp use:first-child { fill: #715c2b; } .btn-yp.btn-yp-touch use:last-child, [theme="touch"] .btn-yp use:last-child { fill: #967a39; } .no-touch .btn-yp.btn-yp-touch:hover use:first-child, .no-touch [theme="touch"] .btn-yp:hover use:first-child { fill: #715c2b; } .no-touch .btn-yp.btn-yp-touch:hover use:last-child, .no-touch [theme="touch"] .btn-yp:hover use:last-child { fill: #715c2b; } .btn-yp.btn-yp-yellow use:first-child, [theme="yellow"] .btn-yp use:first-child { fill: #b58700; } .btn-yp.btn-yp-yellow use:last-child, [theme="yellow"] .btn-yp use:last-child { fill: #e8ad00; } .no-touch .btn-yp.btn-yp-yellow:hover use:first-child, .no-touch [theme="yellow"] .btn-yp:hover use:first-child { fill: #b58700; } .no-touch .btn-yp.btn-yp-yellow:hover use:last-child, .no-touch [theme="yellow"] .btn-yp:hover use:last-child { fill: #b58700; } .btn-yp.btn-yp-cyan use:first-child, [theme="cyan"] .btn-yp use:first-child { fill: #0f7f89; } .btn-yp.btn-yp-cyan use:last-child, [theme="cyan"] .btn-yp use:last-child { fill: #14aab7; } .no-touch .btn-yp.btn-yp-cyan:hover use:first-child, .no-touch [theme="cyan"] .btn-yp:hover use:first-child { fill: #0f7f89; } .no-touch .btn-yp.btn-yp-cyan:hover use:last-child, .no-touch [theme="cyan"] .btn-yp:hover use:last-child { fill: #0f7f89; } .btn-yp.btn-yp-red use:first-child, [theme="red"] .btn-yp use:first-child { fill: #84110d; } .btn-yp.btn-yp-red use:last-child, [theme="red"] .btn-yp use:last-child { fill: #b31711; } .no-touch .btn-yp.btn-yp-red:hover use:first-child, .no-touch [theme="red"] .btn-yp:hover use:first-child { fill: #84110d; } .no-touch .btn-yp.btn-yp-red:hover use:last-child, .no-touch [theme="red"] .btn-yp:hover use:last-child { fill: #84110d; } .btn-yp.btn-yp-gold use:first-child, [theme="gold"] .btn-yp use:first-child { fill: #715c2b; } .btn-yp.btn-yp-gold use:last-child, [theme="gold"] .btn-yp use:last-child { fill: #967a39; } .no-touch .btn-yp.btn-yp-gold:hover use:first-child, .no-touch [theme="gold"] .btn-yp:hover use:first-child { fill: #715c2b; } .no-touch .btn-yp.btn-yp-gold:hover use:last-child, .no-touch [theme="gold"] .btn-yp:hover use:last-child { fill: #715c2b; } .btn-yp.btn-yp-ghost { transition: color 350ms; } .btn-yp.btn-yp-ghost use:first-child { fill: transparent; } .btn-yp.btn-yp-ghost use:last-child { fill: transparent; } .no-touch .btn-yp.btn-yp-ghost:hover use:first-child { fill: transparent; } .no-touch .btn-yp.btn-yp-ghost:hover use:last-child { fill: #fff; } .btn-yp.btn-yp-ghost use:last-child { stroke-width: 2; } .no-touch .btn-yp.btn-yp-ghost:hover { color: #562483; } .no-touch .btn-yp.btn-yp-ghost:hover span { color: #562483; } .no-touch [theme="newborn"] .btn-yp.btn-yp-ghost:hover { color: #e8ad00; } .no-touch [theme="newborn"] .btn-yp.btn-yp-ghost:hover span { color: #e8ad00; } .no-touch [theme="comfort"] .btn-yp.btn-yp-ghost:hover { color: #14aab7; } .no-touch [theme="comfort"] .btn-yp.btn-yp-ghost:hover span { color: #14aab7; } .no-touch [theme="upngo"] .btn-yp.btn-yp-ghost:hover { color: #b31711; } .no-touch [theme="upngo"] .btn-yp.btn-yp-ghost:hover span { color: #b31711; } .no-touch [theme="touch"] .btn-yp.btn-yp-ghost:hover { color: #967a39; } .no-touch [theme="touch"] .btn-yp.btn-yp-ghost:hover span { color: #967a39; } .no-touch [theme="yellow"] .btn-yp.btn-yp-ghost:hover { color: #e8ad00; } .no-touch [theme="yellow"] .btn-yp.btn-yp-ghost:hover span { color: #e8ad00; } .no-touch [theme="cyan"] .btn-yp.btn-yp-ghost:hover { color: #14aab7; } .no-touch [theme="cyan"] .btn-yp.btn-yp-ghost:hover span { color: #14aab7; } .no-touch [theme="red"] .btn-yp.btn-yp-ghost:hover { color: #b31711; } .no-touch [theme="red"] .btn-yp.btn-yp-ghost:hover span { color: #b31711; } .no-touch [theme="gold"] .btn-yp.btn-yp-ghost:hover { color: #967a39; } .no-touch [theme="gold"] .btn-yp.btn-yp-ghost:hover span { color: #967a39; } body.youplus #inner { transition: -webkit-filter 350ms; transition: filter 350ms; transition: filter 350ms, -webkit-filter 350ms; transition-delay: 400ms; } body.overlay2-open { overflow: hidden; } body.overlay2-open #inner { transition-delay: 0ms; -webkit-filter: blur(10px); filter: blur(10px); } body.overlay2-open .overlay2 { opacity: 1; pointer-events: auto; transition-delay: 0ms; } body.overlay2-open .overlay2 .loader { -webkit-transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0); transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0); opacity: 1; } body.overlay2-open .overlay2 .loader.close { opacity: 0; } .overlay2 { position: fixed; top: 0; left: 0; width: 100%; height: calc(100% + 400px); z-index: 200; background-color: rgba(0, 0, 0, 0.5); padding-bottom: 400px; opacity: 0; pointer-events: none; transition: opacity 350ms; transition-delay: 400ms; } .overlay2 .container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin-bottom: 400px; overflow-y: scroll; -webkit-overflow-scrolling: touch; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .overlay2 .container.no-center { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .overlay2 .overlay2-nav { position: fixed; width: 100%; max-width: 1280px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .overlay2 .overlay2-nav a { font-size: 0; line-height: 2.5rem; padding-top: 1.25rem; padding-left: 1px; width: 40px; text-align: center; } .overlay2 .overlay2-nav a:before { font-size: 2rem; color: #fff; transition: opacity 350ms; opacity: 0.5; } .no-touch .overlay2 .overlay2-nav a:hover:before { opacity: 0.8; } .overlay2 .overlay2-nav .prev { float: left; } .overlay2 .overlay2-nav .prev:before { content: "\EA81"; } .overlay2 .overlay2-nav .next { float: right; } .overlay2 .overlay2-nav .next:before { content: "\EA93"; } .overlay2 .loader { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22500%22%20height%3D%22500%22%20preserveAspectRatio%3D%22none%22%20viewBox%3D%220%200%20500%20500%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.326%20496.168l-4.512-59.83s.305-103.449.305-104.965c0-1.516.183-43.199.183-43.199l-.377-47.367%201.109-34.862-1.646-94.355s-3.232-7.2-3.354-9.473C-.088%2099.843.156%201.32.156%201.32l8.938%202.344%20115.078.308L319.89%200l8.748%201.019%20153.825%202.366%2010.79%203.402%201.991%2041.9%201.098%20120.88s.487%20129.597-.61%20133.386c0%200%201.158%2050.399%201.097%2051.914-.06%201.516-.121%2033.726-.121%2033.726l3.231%207.957.061%2096.63-27.68%205.326-19.268-1.537-41.339.357-92.554.519-107.31%201.577-74.141.578-37.193-2.274-92.189-1.558z%22%2F%3E%3C%2Fsvg%3E") 10 10 10 10 fill stretch; border-style: solid; border-width: 10px; border-color: transparent; } .overlay2 .content { position: relative; z-index: 2; max-width: 75rem; min-height: 200px; margin: 10px; top: 0; left: 0; right: 0; width: 100%; -webkit-transform: scale3d(0.01, 0.01, 1); transform: scale3d(0.01, 0.01, 1); opacity: 0; transition: opacity 350ms 175ms, -webkit-transform 350ms 175ms; transition: transform 350ms 175ms, opacity 350ms 175ms; transition: transform 350ms 175ms, opacity 350ms 175ms, -webkit-transform 350ms 175ms; } .overlay2 .content.open { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .overlay2 .loader { position: absolute; z-index: 1; width: calc(100% - 40px); top: 50%; left: 50%; transition: opacity 350ms 175ms, -webkit-transform 350ms 175ms; transition: transform 350ms 175ms, opacity 350ms 175ms; transition: transform 350ms 175ms, opacity 350ms 175ms, -webkit-transform 350ms 175ms; -webkit-transform: scale3d(0.01, 0.01, 1) translate3d(-50%, -50%, 0); transform: scale3d(0.01, 0.01, 1) translate3d(-50%, -50%, 0); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; line-height: 0; padding: 40px 10px; max-width: 1160px; text-align: center; } .overlay2 .loader .wrap { display: inline-block; line-height: 26px; overflow: hidden; } .overlay2 .loader .wrap span { display: inline-block; line-height: 26px; float: left; } .overlay2 .loader .wrap span:last-child { padding-left: 10px; } .overlay2 .spinner { border: 0.125rem solid rgba(0, 0, 0, 0.2); font-size: 1.125rem; width: 1.125rem; height: 1.125rem; border-radius: 0.5em; box-sizing: border-box; -webkit-animation: spin 0.7s linear infinite; animation: spin 0.7s linear infinite; border-top-color: #fff; display: inline-block; width: 24px; height: 24px; border-radius: 24px; line-height: 26px; border-color: #000; border-top-color: #fff; } .overlay2 [data-overlay2-close] { display: block; position: absolute; right: 15px; top: 15px; z-index: 1; font-size: 0; line-height: 0; cursor: pointer; } .overlay2 [data-overlay2-close]:before { font-size: 24px; } .overlay2 [data-overlay2-close]:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 20px; height: 20px; background-color: #fff; border-radius: 50%; z-index: -1; } .youplus--phone { position: relative; width: 100%; overflow: hidden; } .youplus--phone:before { display: block; content: ""; padding-top: 196.875%; } .youplus--phone:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-size: 100% 100%; pointer-events: none; } .youplus--phone .container { position: absolute; top: 11.90476%; left: 7.1875%; width: 85.9375%; height: 75.2381%; overflow: hidden; } .youplus--phone .container .content { height: 100%; } .youplus--phone .container img { width: 100%; max-width: 100%; height: auto; } .youplus--text-media-70-30 .youplus--phone { -webkit-transform: rotate(3deg) scale(0.90772); transform: rotate(3deg) scale(0.90772); margin-top: -8.22838%; margin-bottom: -8.22838%; margin-bottom: -58.22838%; } .youplus--app-hero .youplus--phone { -webkit-transform: rotate(2deg) scale(0.93624); transform: rotate(2deg) scale(0.93624); margin-top: -5.37574%; margin-bottom: -5.37574%; -webkit-transform-origin: left bottom; transform-origin: left bottom; } .youplus--monitor { position: relative; width: 100%; overflow: hidden; } .youplus--monitor:before { display: block; content: ""; padding-top: 70%; } .youplus--monitor:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-size: 100% 100%; pointer-events: none; } .youplus--monitor .container { position: absolute; top: 4.71429%; left: 3.7%; width: 90.4%; height: 66.71429%; overflow: hidden; } .youplus--monitor .container .content { height: 100%; } .youplus--monitor .container img, .youplus--monitor .container video { width: 100%; max-width: 100%; height: auto; } .youplus--article-teaser a.inner { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; } .no-touch .youplus--article-teaser a.inner:hover .image { -webkit-transform: rotate(1deg) scale3d(1.05, 1.05, 1); transform: rotate(1deg) scale3d(1.05, 1.05, 1); } .youplus--article-teaser .image { width: 100%; padding-top: 100%; background-size: cover; background-position: center; transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; } .youplus--article-teaser .image-wrapper { -webkit-transform: translateZ(1px); transform: translateZ(1px); } .youplus--article-teaser .tagline { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; } .youplus--article-teaser h3, .youplus--article-teaser .h3, .youplus--article-teaser .product-info h1, .product-info .youplus--article-teaser h1, .youplus--article-teaser .product-info .h1, .product-info .youplus--article-teaser .h1 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; } .youplus--fun-fact { position: relative; background-size: 100% 100%; } .youplus--fun-fact:before { display: block; padding-top: 100%; content: ""; } .youplus--fun-fact[color="cyan"] { background-image: url(/assets/images/brushes/brushes_blue_3.png); } .youplus--fun-fact[color="purple"] { background-image: url(/assets/images/brushes/brushes_light_purple_3.png); } .youplus--fun-fact[color="red"] { background-image: url(/assets/images/brushes/brushes_red_3.png); } .youplus--fun-fact[color="yellow"] { background-image: url(/assets/images/brushes/brushes_yellow_3.png); } .youplus--fun-fact[color="white"] { background-image: url(/assets/images/brushes/brushes_white_3.png); } .youplus--fun-fact[color="white"] h3, .youplus--fun-fact[color="white"] .h3, .youplus--fun-fact[color="white"] .product-info h1, .product-info .youplus--fun-fact[color="white"] h1, .youplus--fun-fact[color="white"] .product-info .h1, .product-info .youplus--fun-fact[color="white"] .h1, .youplus--fun-fact[color="white"] p { color: #000; } .youplus--fun-fact a.inner, .youplus--fun-fact div.inner { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%) rotate(-2deg); transform: translateY(-50%) rotate(-2deg); text-align: center; padding-bottom: 10px; max-height: 100%; display: block; } .youplus--fun-fact h3, .youplus--fun-fact .h3, .youplus--fun-fact .product-info h1, .product-info .youplus--fun-fact h1, .youplus--fun-fact .product-info .h1, .product-info .youplus--fun-fact .h1 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; text-align: center; margin-left: auto; margin-right: auto; } .youplus--fun-fact p { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; text-align: center; font-weight: bold; } .youplus--fun-fact p span { line-height: 1.1em; } .youplus--life-hack { position: relative; /* >640px, <768px */ /* >768px, <1024px */ /* >1024px */ } .youplus--life-hack .inner { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; overflow: hidden; } .youplus--life-hack .inner:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA8D"; position: absolute; top: 50%; /* @noflip */ left: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); transition: all 300ms; color: #fff; opacity: 0.8; z-index: 2; } .no-touch .youplus--life-hack .inner:hover:before { opacity: 1; -webkit-transform: translate3d(-50%, -50%, 0) scale(1.1); transform: translate3d(-50%, -50%, 0) scale(1.1); } .no-touch .youplus--life-hack .inner:hover .text:before { opacity: 1; } .youplus--life-hack .image-wrapper { width: 100%; } html[dir="rtl"].rtl .youplus--life-hack .amp-default-skin .vjs-big-play-button { /* @noflip */ left: 50%; /* @noflip */ right: inherit; } .youplus--life-hack .text { position: absolute; bottom: -20px; left: -50px; z-index: 1; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); width: calc(100% + 100px); padding: 25px 70px 27px 90px; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; min-height: 40%; } .youplus--life-hack .text:before { content: ""; display: block; width: 120%; height: 110%; position: absolute; top: 0; left: -10%; background-image: url(/assets/images/shapes/promo-info.svg); background-size: cover; z-index: -1; opacity: 0; transition: all 300ms; } .youplus--life-hack .image { width: 100%; padding-top: 100%; background-size: cover; background-position: center; -webkit-transform: translateZ(1px); transform: translateZ(1px); } .youplus--life-hack .tagline { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; } .youplus--life-hack h3, .youplus--life-hack .h3, .youplus--life-hack .product-info h1, .product-info .youplus--life-hack h1, .youplus--life-hack .product-info .h1, .product-info .youplus--life-hack .h1 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; } .youplus--product-promo { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; } .youplus--product-promo > a { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } .youplus--product-promo[color="gold"] { background-image: url(/assets/images/brushes//brushes_tan_3.png); background-size: 100% 100%; } .youplus--product-promo[color="red"] { background-image: url(/assets/images/brushes/brushes_red_3.png); background-size: 100% 100%; } .youplus--product-promo .inner { -webkit-flex: 0 0 49.9%; -ms-flex: 0 0 49.9%; flex: 0 0 49.9%; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; text-align: center; padding-left: 15px; } .youplus--product-promo .name { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; white-space: nowrap; } .youplus--product-promo .weight { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; } .youplus--product-promo time { display: block; margin-top: 10px; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; } .youplus--product-promo .product { -webkit-flex: 0 0 49.9%; -ms-flex: 0 0 49.9%; flex: 0 0 49.9%; text-align: center; } .youplus--product-promo .product img { max-height: 100%; } .youplus--story-audio, .youplus--story-m-audio { position: relative; } .youplus--story-audio:before, .youplus--story-m-audio:before { display: block; padding-top: 66.75%; content: ""; } .youplus--story-audio:after, .youplus--story-m-audio:after { content: ""; display: block; position: absolute; height: 100%; background-size: 100% 100%; } .youplus--story-audio[color="yellow"]:after, .youplus--story-m-audio[color="yellow"]:after { background-image: url(/assets/images/brushes/brushes_yellow_2.png); -webkit-transform: scaleX(-1); transform: scaleX(-1); top: 0px; left: 10px; width: calc(100% - 20px); } .youplus--story-audio[color="red"]:after, .youplus--story-m-audio[color="red"]:after { background-image: url(/assets/images/brushes/brushes_red_2.png); top: 0px; left: 10px; width: calc(100% - 20px); } .youplus--story-audio[color="cyan"]:after, .youplus--story-m-audio[color="cyan"]:after { background-image: url(/assets/images/brushes/brushes_blue.png); -webkit-transform: rotate(-7deg); transform: rotate(-7deg); left: 20px; top: -15px; width: 100%; } .youplus--story-audio .inner, .youplus--story-m-audio .inner { position: absolute; top: 0; left: 15px; width: calc(100% - 30px); z-index: 1; height: calc(100% - 30px); } .youplus--story-audio .inner:after, .youplus--story-m-audio .inner:after { content: ""; display: block; width: 50%; height: 50%; background: url(/assets-facelift/images/audio-1.png); position: absolute; top: 30%; -webkit-transform: translateY(-30%); transform: translateY(-30%); left: 25px; background-size: contain; background-repeat: no-repeat; z-index: -1; } .youplus--story-audio .info, .youplus--story-m-audio .info { position: absolute; -webkit-transform: rotate(-4deg); transform: rotate(-4deg); bottom: 0; left: 0; } .youplus--story-audio time, .youplus--story-m-audio time { display: block; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; } .youplus--story-audio h3, .youplus--story-m-audio h3, .youplus--story-audio .h3, .youplus--story-m-audio .h3, .youplus--story-audio .product-info h1, .product-info .youplus--story-audio h1, .youplus--story-m-audio .product-info h1, .product-info .youplus--story-m-audio h1, .youplus--story-audio .product-info .h1, .product-info .youplus--story-audio .h1, .youplus--story-m-audio .product-info .h1, .product-info .youplus--story-m-audio .h1 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; } .youplus--story-audio .default-player, .youplus--story-m-audio .default-player { height: 100%; width: 100%; font-size: 90px; line-height: 1em; } .youplus--story-audio .default-player:before, .youplus--story-m-audio .default-player:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); transition: all 300ms; color: #fff; opacity: 0.8; } .no-touch .youplus--story-audio .default-player:hover:before, .no-touch .youplus--story-m-audio .default-player:hover:before { opacity: 1; -webkit-transform: translate3d(-50%, -50%, 0) scale(1.1); transform: translate3d(-50%, -50%, 0) scale(1.1); } .youplus--story-image, .youplus--story-video { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; z-index: 1; } .youplus--story-image .inner, .youplus--story-video .inner { width: 100%; } .youplus--story-image .image-wrapper, .youplus--story-video .image-wrapper { -webkit-transform: translateZ(1px); transform: translateZ(1px); } .youplus--story-image .image, .youplus--story-video .image { width: 100%; background-size: cover; background-position: center; } .youplus--story-video .inner:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA8D"; position: absolute; top: 50%; /* @noflip */ left: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); transition: all 300ms; color: #fff; opacity: 0.8; z-index: 1; } .no-touch .youplus--story-video .inner:hover:before { opacity: 1; -webkit-transform: translate3d(-50%, -50%, 0) scale(1.1); transform: translate3d(-50%, -50%, 0) scale(1.1); } .youplus--story-info { z-index: 1; } .youplus--story-info time { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; } .youplus--story-info div.tags { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--story-info div.tags span { color: #19d5e5; text-transform: uppercase; margin-right: 8px; } .youplus--story-info .comments div { margin-bottom: 5px; } .youplus--story-info .comments div > span { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--story-info .comments .view-all-btn { display: none; } .youplus--story-info .comments:after { font-size: 22px; vertical-align: text-bottom; } .youplus--your-story .col.youplus--story-text { z-index: 1; } .youplus--story-weight { position: relative; } .youplus--story-weight:before { display: block; padding-top: 66.75%; content: ""; } .youplus--story-weight:after { content: ""; display: block; position: absolute; top: -10px; left: 0px; width: calc(100%); height: calc(100% + 15px); background-size: 100% 100%; } .youplus--story-weight[color="gold"]:after { background-image: url(/assets/images/brushes/brushes_tan_3.png); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .youplus--story-weight .inner { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: 1; text-align: center; } .youplus--story-weight h3, .youplus--story-weight .h3, .youplus--story-weight .product-info h1, .product-info .youplus--story-weight h1, .youplus--story-weight .product-info .h1, .product-info .youplus--story-weight .h1 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; } .youplus--story-weight p { margin: 10px 0; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; } .youplus--story-weight time { display: block; margin-top: 15px; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; } .youplus--story-fun-fact { position: relative; } .youplus--story-fun-fact:before { display: block; padding-top: 66.75%; content: ""; } .youplus--story-fun-fact:after { content: ""; display: block; position: absolute; top: -10px; left: 0px; width: 100%; height: calc(100% + 15px); background-size: 100% 100%; } .youplus--story-fun-fact[color="purple"]:after { background-image: url(/assets/images/brushes/brushes_purple_3.png); } .youplus--story-fun-fact[color="cyan"]:after { background-image: url(/assets/images/brushes/brushes_blue_3.png); } .youplus--story-fun-fact[color="light-purple"]:after { background-image: url(/assets/images/brushes/brushes_light_purple_3.png); } .youplus--story-fun-fact[color="red"]:after { background-image: url(/assets/images/brushes/brushes_red_3.png); } .youplus--story-fun-fact[color="yellow"]:after { background-image: url(/assets/images/brushes/brushes_yellow_3.png); } .youplus--story-fun-fact[color="white"]:after { background-image: url(/assets/images/brushes/brushes_white_3.png); } .youplus--story-fun-fact[color="white"] h3, .youplus--story-fun-fact[color="white"] .h3, .youplus--story-fun-fact[color="white"] .product-info h1, .product-info .youplus--story-fun-fact[color="white"] h1, .youplus--story-fun-fact[color="white"] .product-info .h1, .product-info .youplus--story-fun-fact[color="white"] .h1, .youplus--story-fun-fact[color="white"] p, .youplus--story-fun-fact[color="white"] .week, .youplus--story-fun-fact[color="white"] time { color: #000; } .youplus--story-fun-fact .inner { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%) rotate(-5deg); transform: translateY(-50%) rotate(-5deg); width: 100%; z-index: 1; text-align: center; padding: 15px; max-height: 100%; overflow: hidden; } .youplus--story-fun-fact h3, .youplus--story-fun-fact .h3, .youplus--story-fun-fact .product-info h1, .product-info .youplus--story-fun-fact h1, .youplus--story-fun-fact .product-info .h1, .product-info .youplus--story-fun-fact .h1 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; } .youplus--story-fun-fact h3 span, .youplus--story-fun-fact .h3 span, .youplus--story-fun-fact .product-info h1 span, .product-info .youplus--story-fun-fact h1 span, .youplus--story-fun-fact .product-info .h1 span, .product-info .youplus--story-fun-fact .h1 span { line-height: 0.75em; } .youplus--story-fun-fact p { margin: 10px 0; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; max-width: 100%; max-height: calc(2 * 1.2em + 20px); overflow: hidden; } .youplus--story-fun-fact .week, .youplus--story-fun-fact time { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; } .youplus--story-m-text { position: relative; } .youplus--story-m-text h3, .youplus--story-m-text .h3, .youplus--story-m-text .product-info h1, .product-info .youplus--story-m-text h1, .youplus--story-m-text .product-info .h1, .product-info .youplus--story-m-text .h1 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; } .youplus--story-m-text h3 span, .youplus--story-m-text .h3 span, .youplus--story-m-text .product-info h1 span, .product-info .youplus--story-m-text h1 span, .youplus--story-m-text .product-info .h1 span, .product-info .youplus--story-m-text .h1 span { display: block; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--story-m-text p { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; } .youplus--story-m-text .inner time { display: block; margin-top: 15px; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; } .no-touch .youplus--story-m-text a:hover span { color: #fff; } .youplus--story-m-audio .inner .info { top: 50%; bottom: initial; width: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .youplus--story-m-audio .inner:after { display: none; } .youplus--story-m-audio .name { display: block; } .youplus--story-m-audio h3, .youplus--story-m-audio .h3, .youplus--story-m-audio .product-info h1, .product-info .youplus--story-m-audio h1, .youplus--story-m-audio .product-info .h1, .product-info .youplus--story-m-audio .h1 { display: block; } .youplus--story-m-audio h3 .title, .youplus--story-m-audio .h3 .title, .youplus--story-m-audio .product-info h1 .title, .product-info .youplus--story-m-audio h1 .title, .youplus--story-m-audio .product-info .h1 .title, .product-info .youplus--story-m-audio .h1 .title { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; } .youplus--story-m-audio h3 .title *, .youplus--story-m-audio .h3 .title *, .youplus--story-m-audio .product-info h1 .title *, .product-info .youplus--story-m-audio h1 .title *, .youplus--story-m-audio .product-info .h1 .title *, .product-info .youplus--story-m-audio .h1 .title * { line-height: 0.8em; } .youplus--story-m-image, .youplus--story-m-video { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; z-index: 1; } .youplus--story-m-image .inner, .youplus--story-m-video .inner { width: 100%; overflow: visible; } .youplus--story-m-image .image, .youplus--story-m-video .image { width: 100%; background-size: cover; background-position: center; } .youplus--story-m-image .youplus--story-info, .youplus--story-m-video .youplus--story-info { position: relative; z-index: 2; } .youplus--story-m-image .youplus--story-info .heading, .youplus--story-m-video .youplus--story-info .heading { max-width: 570px; } .youplus--story-m-image .youplus--story-info .heading .name, .youplus--story-m-video .youplus--story-info .heading .name { display: block; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--story-m-image .youplus--story-info .heading span, .youplus--story-m-video .youplus--story-info .heading span { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; display: block; } .youplus--story-m-image .youplus--story-info .heading:before, .youplus--story-m-video .youplus--story-info .heading:before { content: ""; display: block; position: absolute; bottom: 0; height: 100%; background-repeat: no-repeat; background-size: 100% 100%; background-position: bottom left; z-index: -1; } .youplus--story-m-image[color="red"] .heading:before, .youplus--story-m-video[color="red"] .heading:before { background-image: url(/assets/images/brushes/brushes_red_2.png); } .youplus--story-m-image[color="yellow"] .heading:before, .youplus--story-m-video[color="yellow"] .heading:before { background-image: url(/assets/images/brushes/brushes_yellow_2_2.png); } .youplus--story-m-image[color="cyan"] .heading:before, .youplus--story-m-video[color="cyan"] .heading:before { background-image: url(/assets/images/brushes/brushes_blue.png); } html[dir="ltr"].ltr .youplus--story-m-image[color="cyan"] .heading:before, html[dir="ltr"].ltr .youplus--story-m-video[color="cyan"] .heading:before { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } html[dir="rtl"].rtl .youplus--story-m-image[color="cyan"] .heading:before, html[dir="rtl"].rtl .youplus--story-m-video[color="cyan"] .heading:before { -webkit-transform: scale(-1, 1) rotate(-7deg); transform: scale(-1, 1) rotate(-7deg); } .youplus--story-m-image, .youplus--story-m-video { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; z-index: 1; } .youplus--story-m-image .inner, .youplus--story-m-video .inner { width: 100%; overflow: visible; } .youplus--story-m-image .image, .youplus--story-m-video .image { width: 100%; background-size: cover; background-position: center; } .youplus--story-m-image .youplus--story-info, .youplus--story-m-video .youplus--story-info { position: relative; z-index: 2; } .youplus--story-m-image .youplus--story-info .heading, .youplus--story-m-video .youplus--story-info .heading { max-width: 570px; } .youplus--story-m-image .youplus--story-info .heading .name, .youplus--story-m-video .youplus--story-info .heading .name { display: block; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--story-m-image .youplus--story-info .heading span, .youplus--story-m-video .youplus--story-info .heading span { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; display: block; } .youplus--story-m-image .youplus--story-info .heading:before, .youplus--story-m-video .youplus--story-info .heading:before { content: ""; display: block; position: absolute; bottom: 0; height: 100%; background-repeat: no-repeat; background-size: 100% 100%; background-position: bottom left; z-index: -1; } .youplus--story-m-image[color="red"] .heading:before, .youplus--story-m-video[color="red"] .heading:before { background-image: url(/assets/images/brushes/brushes_red_2.png); } .youplus--story-m-image[color="yellow"] .heading:before, .youplus--story-m-video[color="yellow"] .heading:before { background-image: url(/assets/images/brushes/brushes_yellow_2_2.png); } .youplus--story-m-image[color="cyan"] .heading:before, .youplus--story-m-video[color="cyan"] .heading:before { background-image: url(/assets/images/brushes/brushes_blue.png); } html[dir="ltr"].ltr .youplus--story-m-image[color="cyan"] .heading:before, html[dir="ltr"].ltr .youplus--story-m-video[color="cyan"] .heading:before { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } html[dir="rtl"].rtl .youplus--story-m-image[color="cyan"] .heading:before, html[dir="rtl"].rtl .youplus--story-m-video[color="cyan"] .heading:before { -webkit-transform: scale(-1, 1) rotate(-7deg); transform: scale(-1, 1) rotate(-7deg); } .youplus--story-m-video .inner:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA8D"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); transition: all 300ms; color: #fff; opacity: 0.8; z-index: 1; } .no-touch .youplus--story-m-video .inner:hover:before { opacity: 1; -webkit-transform: translate3d(-50%, -50%, 0) scale(1.1); transform: translate3d(-50%, -50%, 0) scale(1.1); } .youplus--story-header { position: fixed; width: 100%; z-index: 10; top: -80px; transition: all 400ms; } .youplus--story-header.fixed { top: -25px; } .youplus--story-header .header { padding-top: 24px; height: 88px; position: relative; z-index: 1; } .youplus--story-header .header.date-filter-open + .date-filter { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .youplus--story-header .header.date-filter-open svg use:nth-child(2) { transition-delay: 0ms; fill-opacity: 1; } .youplus--story-header .header.tag-filter-open ~ .tag-filter { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .youplus--story-header .header.tag-filter-open svg use:nth-child(2) { transition-delay: 0ms; fill-opacity: 1; } .youplus--story-header .header.tag-filter-active .filter-btn { background: url(/assets/images/brushes/brushes_purple_2_1.png); background-size: 100% 100%; } .youplus--story-header .header.tag-filter-active .filter-btn:before { color: #fff; } .youplus--story-header .header.tag-filter-active .current-month-btn { color: #000; background: none; } .no-touch .youplus--story-header .header.tag-filter-active .current-month-btn:hover { color: #000; } .youplus--story-header .header.tag-filter-active .current-month-btn:before { content: "<"; margin-right: 10px; } .youplus--story-header .header .row { display: -webkit-flex; display: -ms-flexbox; display: flex; } .youplus--story-header .bg { position: absolute; top: 0; left: 0; width: 100%; height: 88px; overflow: hidden; z-index: -1; } .youplus--story-header .bg svg { width: 1440px; height: 100%; } .youplus--story-header .bg svg use:nth-child(2) { transition: all 350ms; transition-delay: 725ms; } .youplus--story-header .current-month-btn { display: block; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; min-height: 50px; text-align: center; background: url(/assets/images/brushes/brushes_purple_2_1.png); background-size: 100% 100%; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; } .no-touch .youplus--story-header .current-month-btn:hover { color: #fff; } .youplus--story-header .filter-btn { display: block; margin-left: auto; font-size: 0; min-height: 50px; text-align: center; position: relative; } .youplus--story-header .filter-btn:before { font-size: 24px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .youplus--story-header .date-filter, .youplus--story-header .tag-filter { padding-top: 25px; padding-bottom: 25px; position: absolute; top: 72px; left: 0; width: 100%; background: #562483; text-align: center; -webkit-transform: scale3d(0.01, 0.01, 0.01); transform: scale3d(0.01, 0.01, 0.01); opacity: 0; transition: all 400ms; } .youplus--story-header .date-filter:before, .youplus--story-header .tag-filter:before { bottom: -10px; top: initial; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); left: 0px; } .youplus--story-header .date-filter { -webkit-transform-origin: top left; transform-origin: top left; } .youplus--story-header .date-filter [data-y] { display: none; } .youplus--story-header .tag-filter { -webkit-transform-origin: top right; transform-origin: top right; } .youplus--story-header .year { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; margin-bottom: 25px; } .youplus--story-header .year a { color: #fff; } .youplus--story-header .month, .youplus--story-header .tags { margin: auto; max-width: 1024px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .youplus--story-header .month .btn-yp, .youplus--story-header .tags .btn-yp { position: relative; text-align: center; margin: 0px 0px 20px 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; text-transform: uppercase; } .youplus--story-header .month .btn-yp.disabled, .youplus--story-header .tags .btn-yp.disabled { opacity: 0.2; pointer-events: none; } .youplus--story-header .month .btn-yp.selected:before, .youplus--story-header .tags .btn-yp.selected:before { font-size: 18px; position: absolute; top: -4px; right: -4px; z-index: 1; } .youplus--story-header .month .btn-yp { -webkit-flex: 1 1 16%; -ms-flex: 1 1 16%; flex: 1 1 16%; } .youplus--story-header .month .btn-yp:not(.disabled) span:after { content: " (" attr(items) ")"; } .youplus--story-overlay:after, .youplus--story-image-overlay:after, .youplus--story-m-image-overlay:after, .youplus--story-m-video-overlay:after, .youplus--story-video-overlay:after, .youplus--story-text-overlay:after, .youplus--story-m-text-overlay:after, .youplus--fun-fact-overlay:after { pointer-events: none; } .youplus--story-overlay .row, .youplus--story-image-overlay .row, .youplus--story-m-image-overlay .row, .youplus--story-m-video-overlay .row, .youplus--story-video-overlay .row, .youplus--story-text-overlay .row, .youplus--story-m-text-overlay .row, .youplus--fun-fact-overlay .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .youplus--story-overlay .content-wrapper, .youplus--story-image-overlay .content-wrapper, .youplus--story-m-image-overlay .content-wrapper, .youplus--story-m-video-overlay .content-wrapper, .youplus--story-video-overlay .content-wrapper, .youplus--story-text-overlay .content-wrapper, .youplus--story-m-text-overlay .content-wrapper, .youplus--fun-fact-overlay .content-wrapper { -webkit-flex: 0 0 65.9%; -ms-flex: 0 0 65.9%; flex: 0 0 65.9%; } .youplus--story-overlay .youplus--story-info, .youplus--story-image-overlay .youplus--story-info, .youplus--story-m-image-overlay .youplus--story-info, .youplus--story-m-video-overlay .youplus--story-info, .youplus--story-video-overlay .youplus--story-info, .youplus--story-text-overlay .youplus--story-info, .youplus--story-m-text-overlay .youplus--story-info, .youplus--fun-fact-overlay .youplus--story-info { -webkit-flex: 0 0 32.9%; -ms-flex: 0 0 32.9%; flex: 0 0 32.9%; display: block; position: static; -webkit-transform: translateY(0); transform: translateY(0); text-align: left; margin-left: -1px; padding: 0 10px 15px 20px; } .youplus--story-overlay .youplus--story-info:after, .youplus--story-image-overlay .youplus--story-info:after, .youplus--story-m-image-overlay .youplus--story-info:after, .youplus--story-m-video-overlay .youplus--story-info:after, .youplus--story-video-overlay .youplus--story-info:after, .youplus--story-text-overlay .youplus--story-info:after, .youplus--story-m-text-overlay .youplus--story-info:after, .youplus--fun-fact-overlay .youplus--story-info:after { pointer-events: none; } .youplus--story-overlay .youplus--story-info time, .youplus--story-image-overlay .youplus--story-info time, .youplus--story-m-image-overlay .youplus--story-info time, .youplus--story-m-video-overlay .youplus--story-info time, .youplus--story-video-overlay .youplus--story-info time, .youplus--story-text-overlay .youplus--story-info time, .youplus--story-m-text-overlay .youplus--story-info time, .youplus--fun-fact-overlay .youplus--story-info time { color: #000; } .youplus--story-overlay .youplus--story-info .text, .youplus--story-image-overlay .youplus--story-info .text, .youplus--story-m-image-overlay .youplus--story-info .text, .youplus--story-m-video-overlay .youplus--story-info .text, .youplus--story-video-overlay .youplus--story-info .text, .youplus--story-text-overlay .youplus--story-info .text, .youplus--story-m-text-overlay .youplus--story-info .text, .youplus--fun-fact-overlay .youplus--story-info .text { display: block; color: #000; } .youplus--story-overlay .youplus--story-info .comments, .youplus--story-image-overlay .youplus--story-info .comments, .youplus--story-m-image-overlay .youplus--story-info .comments, .youplus--story-m-video-overlay .youplus--story-info .comments, .youplus--story-video-overlay .youplus--story-info .comments, .youplus--story-text-overlay .youplus--story-info .comments, .youplus--story-m-text-overlay .youplus--story-info .comments, .youplus--fun-fact-overlay .youplus--story-info .comments { display: block; } .youplus--story-overlay .youplus--story-info .comments div, .youplus--story-image-overlay .youplus--story-info .comments div, .youplus--story-m-image-overlay .youplus--story-info .comments div, .youplus--story-m-video-overlay .youplus--story-info .comments div, .youplus--story-video-overlay .youplus--story-info .comments div, .youplus--story-text-overlay .youplus--story-info .comments div, .youplus--story-m-text-overlay .youplus--story-info .comments div, .youplus--fun-fact-overlay .youplus--story-info .comments div { display: none; color: #000; } .youplus--story-overlay .youplus--story-info .comments div:nth-child(1), .youplus--story-image-overlay .youplus--story-info .comments div:nth-child(1), .youplus--story-m-image-overlay .youplus--story-info .comments div:nth-child(1), .youplus--story-m-video-overlay .youplus--story-info .comments div:nth-child(1), .youplus--story-video-overlay .youplus--story-info .comments div:nth-child(1), .youplus--story-text-overlay .youplus--story-info .comments div:nth-child(1), .youplus--story-m-text-overlay .youplus--story-info .comments div:nth-child(1), .youplus--fun-fact-overlay .youplus--story-info .comments div:nth-child(1), .youplus--story-overlay .youplus--story-info .comments div:nth-child(2), .youplus--story-image-overlay .youplus--story-info .comments div:nth-child(2), .youplus--story-m-image-overlay .youplus--story-info .comments div:nth-child(2), .youplus--story-m-video-overlay .youplus--story-info .comments div:nth-child(2), .youplus--story-video-overlay .youplus--story-info .comments div:nth-child(2), .youplus--story-text-overlay .youplus--story-info .comments div:nth-child(2), .youplus--story-m-text-overlay .youplus--story-info .comments div:nth-child(2), .youplus--fun-fact-overlay .youplus--story-info .comments div:nth-child(2), .youplus--story-overlay .youplus--story-info .comments div:nth-child(3), .youplus--story-image-overlay .youplus--story-info .comments div:nth-child(3), .youplus--story-m-image-overlay .youplus--story-info .comments div:nth-child(3), .youplus--story-m-video-overlay .youplus--story-info .comments div:nth-child(3), .youplus--story-video-overlay .youplus--story-info .comments div:nth-child(3), .youplus--story-text-overlay .youplus--story-info .comments div:nth-child(3), .youplus--story-m-text-overlay .youplus--story-info .comments div:nth-child(3), .youplus--fun-fact-overlay .youplus--story-info .comments div:nth-child(3) { display: block; } .youplus--story-overlay .youplus--story-info .comments div span, .youplus--story-image-overlay .youplus--story-info .comments div span, .youplus--story-m-image-overlay .youplus--story-info .comments div span, .youplus--story-m-video-overlay .youplus--story-info .comments div span, .youplus--story-video-overlay .youplus--story-info .comments div span, .youplus--story-text-overlay .youplus--story-info .comments div span, .youplus--story-m-text-overlay .youplus--story-info .comments div span, .youplus--fun-fact-overlay .youplus--story-info .comments div span { font-weight: bold; } .youplus--story-overlay .youplus--story-info .comments:before, .youplus--story-image-overlay .youplus--story-info .comments:before, .youplus--story-m-image-overlay .youplus--story-info .comments:before, .youplus--story-m-video-overlay .youplus--story-info .comments:before, .youplus--story-video-overlay .youplus--story-info .comments:before, .youplus--story-text-overlay .youplus--story-info .comments:before, .youplus--story-m-text-overlay .youplus--story-info .comments:before, .youplus--fun-fact-overlay .youplus--story-info .comments:before, .youplus--story-overlay .youplus--story-info .comments:after, .youplus--story-image-overlay .youplus--story-info .comments:after, .youplus--story-m-image-overlay .youplus--story-info .comments:after, .youplus--story-m-video-overlay .youplus--story-info .comments:after, .youplus--story-video-overlay .youplus--story-info .comments:after, .youplus--story-text-overlay .youplus--story-info .comments:after, .youplus--story-m-text-overlay .youplus--story-info .comments:after, .youplus--fun-fact-overlay .youplus--story-info .comments:after { display: none; } .youplus--story-overlay .youplus--story-info .comments.view-all div, .youplus--story-image-overlay .youplus--story-info .comments.view-all div, .youplus--story-m-image-overlay .youplus--story-info .comments.view-all div, .youplus--story-m-video-overlay .youplus--story-info .comments.view-all div, .youplus--story-video-overlay .youplus--story-info .comments.view-all div, .youplus--story-text-overlay .youplus--story-info .comments.view-all div, .youplus--story-m-text-overlay .youplus--story-info .comments.view-all div, .youplus--fun-fact-overlay .youplus--story-info .comments.view-all div { display: block; } .youplus--story-overlay .youplus--story-info .comments.view-all .view-all-btn, .youplus--story-image-overlay .youplus--story-info .comments.view-all .view-all-btn, .youplus--story-m-image-overlay .youplus--story-info .comments.view-all .view-all-btn, .youplus--story-m-video-overlay .youplus--story-info .comments.view-all .view-all-btn, .youplus--story-video-overlay .youplus--story-info .comments.view-all .view-all-btn, .youplus--story-text-overlay .youplus--story-info .comments.view-all .view-all-btn, .youplus--story-m-text-overlay .youplus--story-info .comments.view-all .view-all-btn, .youplus--fun-fact-overlay .youplus--story-info .comments.view-all .view-all-btn { display: none; } .youplus--story-overlay .youplus--story-info .view-all-btn, .youplus--story-image-overlay .youplus--story-info .view-all-btn, .youplus--story-m-image-overlay .youplus--story-info .view-all-btn, .youplus--story-m-video-overlay .youplus--story-info .view-all-btn, .youplus--story-video-overlay .youplus--story-info .view-all-btn, .youplus--story-text-overlay .youplus--story-info .view-all-btn, .youplus--story-m-text-overlay .youplus--story-info .view-all-btn, .youplus--fun-fact-overlay .youplus--story-info .view-all-btn { text-align: center; display: block; } .youplus--story-overlay .youplus--story-info .view-all-btn span, .youplus--story-image-overlay .youplus--story-info .view-all-btn span, .youplus--story-m-image-overlay .youplus--story-info .view-all-btn span, .youplus--story-m-video-overlay .youplus--story-info .view-all-btn span, .youplus--story-video-overlay .youplus--story-info .view-all-btn span, .youplus--story-text-overlay .youplus--story-info .view-all-btn span, .youplus--story-m-text-overlay .youplus--story-info .view-all-btn span, .youplus--fun-fact-overlay .youplus--story-info .view-all-btn span { color: #19d5e5; border-bottom: 1px dotted; } .youplus--story-image-overlay, .youplus--story-m-image-overlay, .youplus--story-m-video-overlay, .youplus--story-video-overlay { background: #fff; } .youplus--story-image-overlay .text, .youplus--story-m-image-overlay .text, .youplus--story-m-video-overlay .text, .youplus--story-video-overlay .text { margin-top: 15px; } .youplus--story-m-image-overlay .heading, .youplus--story-m-video-overlay .heading { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--story-m-image-overlay .heading .name, .youplus--story-m-video-overlay .heading .name { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; display: block; } .youplus--story-m-image-overlay .text, .youplus--story-m-video-overlay .text { margin-top: 25px; } .youplus--story-text-overlay, .youplus--story-m-text-overlay, .youplus--fun-fact-overlay { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22500%22%20height%3D%22500%22%20preserveAspectRatio%3D%22none%22%20viewBox%3D%220%200%20500%20500%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.326%20496.168l-4.512-59.83s.305-103.449.305-104.965c0-1.516.183-43.199.183-43.199l-.377-47.367%201.109-34.862-1.646-94.355s-3.232-7.2-3.354-9.473C-.088%2099.843.156%201.32.156%201.32l8.938%202.344%20115.078.308L319.89%200l8.748%201.019%20153.825%202.366%2010.79%203.402%201.991%2041.9%201.098%20120.88s.487%20129.597-.61%20133.386c0%200%201.158%2050.399%201.097%2051.914-.06%201.516-.121%2033.726-.121%2033.726l3.231%207.957.061%2096.63-27.68%205.326-19.268-1.537-41.339.357-92.554.519-107.31%201.577-74.141.578-37.193-2.274-92.189-1.558z%22%2F%3E%3C%2Fsvg%3E") 10 10 10 10 fill stretch; border-style: solid; border-width: 10px; border-color: transparent; } .youplus--story-text-overlay .info-content, .youplus--story-m-text-overlay .info-content, .youplus--fun-fact-overlay .info-content { position: relative; width: 100%; } .youplus--story-text-overlay time, .youplus--story-m-text-overlay time, .youplus--fun-fact-overlay time, .youplus--story-text-overlay .tags, .youplus--story-m-text-overlay .tags, .youplus--fun-fact-overlay .tags, .youplus--story-text-overlay .text, .youplus--story-m-text-overlay .text, .youplus--fun-fact-overlay .text, .youplus--story-text-overlay div.comments, .youplus--story-m-text-overlay div.comments, .youplus--fun-fact-overlay div.comments { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } .youplus--fun-fact-overlay { padding: 10px; } .youplus--listicles { position: relative; color: #fff; } .youplus--listicles .inner { background-size: 100% 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .youplus--listicles[color="purple"] .inner { background-image: url(/assets/images/brushes/brushes_light_purple_2.png); } .youplus--listicles[color="cyan"] .inner { background-image: url(/assets/images/brushes/brushes_blue_2.png); } .youplus--listicles[color="red"] .inner { background-image: url(/assets/images/brushes/brushes_red_2.png); } .youplus--listicles[color="white"] .inner { background-image: url(/assets/images/brushes/brushes_white_2.png); } .youplus--listicles[color="white"] .inner h3, .youplus--listicles[color="white"] .inner .h3, .youplus--listicles[color="white"] .inner .product-info h1, .product-info .youplus--listicles[color="white"] .inner h1, .youplus--listicles[color="white"] .inner .product-info .h1, .product-info .youplus--listicles[color="white"] .inner .h1, .youplus--listicles[color="white"] .inner li:before, .youplus--listicles[color="white"] .inner li { color: #000; } .youplus--listicles[color="yellow"] .inner { background-image: url(/assets/images/brushes/brushes_yellow_2.png); } .youplus--listicles .inner:after { content: none !important; } .youplus--listicles h3, .youplus--listicles .h3, .youplus--listicles .product-info h1, .product-info .youplus--listicles h1, .youplus--listicles .product-info .h1, .product-info .youplus--listicles .h1 { width: 100%; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; line-height: 1.1; color: #fff; } .youplus--listicles h3:before, .youplus--listicles .h3:before, .youplus--listicles .product-info h1:before, .product-info .youplus--listicles h1:before, .youplus--listicles .product-info .h1:before, .product-info .youplus--listicles .h1:before { content: "\EA71"; margin-right: 0.4em; -webkit-transform: translateY(14%); transform: translateY(14%); } .youplus--listicles ol { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; counter-reset: item; list-style-type: none; margin: 0; } .youplus--listicles p { padding-top: 8px; margin-bottom: 5px; color: #fff; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--listicles li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-column-break-inside: avoid; break-inside: avoid-column; padding-bottom: 8px; padding-top: 4px; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; } .youplus--text-intro { background: #fff; padding-top: 40px; padding-bottom: 40px; } .youplus--text-intro .row { max-width: 870px; text-align: center; } .youplus--text-intro .col { margin: auto; } .youplus--text-intro h2, .youplus--text-intro .h2 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--text-intro p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--text-media-70-30 { padding-top: 20px; } .youplus--text-media-70-30 svg { overflow: hidden; } .youplus--text-media-70-30 .row { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .youplus--text-media-70-30 h2, .youplus--text-media-70-30 .h2 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--text-media-70-30 p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--text-media-70-30 video { width: 100%; max-width: 100%; height: auto; } .youplus--text-media-70-30 .media { margin-bottom: -5px; } .youplus--text-media-70-30 .media > * { max-width: 100%; } .youplus--text-media-70-30.alt { background: #562483; } .youplus--text-media-70-30.alt h2, .youplus--text-media-70-30.alt .h2, .youplus--text-media-70-30.alt p { color: #fff; } .youplus--text-media-50-50 { background-color: #fff; padding-top: 40px; padding-bottom: 40px; } .youplus--text-media-50-50 .row { display: -webkit-flex; display: -ms-flexbox; display: flex; } .youplus--text-media-50-50 h2, .youplus--text-media-50-50 .h2 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--text-media-50-50 p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--text-media-50-50 .media > * { max-width: 100%; } .youplus--text-brush { background-color: #fff; padding-top: 40px; padding-bottom: 40px; } .youplus--text-brush .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .youplus--text-brush h2, .youplus--text-brush .h2 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--text-brush .text p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--text-brush .brush p { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; text-align: center; } .youplus--text-brush .brush { background-size: 100% 100%; } .youplus--text-brush .brush.comfort { border-image: url(/assets/images/brushes//brushes_blue_3.png) 0 fill stretch; } .youplus--text-brush .brush[color="purple"] { border-image: url(/assets/images/brushes//brushes_purple_3_2.png) 0 fill stretch; } .youplus--text-brush .brush[color="cyan"] { border-image: url(/assets/images/brushes//brushes_blue_3.png) 0 fill stretch; } .youplus--text-brush .brush p { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); font-weight: bold; } .youplus--jeppes-lab { padding-top: 30px; padding: 30px; } .youplus--text-media { background-color: #fff; padding-top: 40px; margin-bottom: 30px; } .youplus--text-media .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 1; } .youplus--text-media .text { max-width: 870px; text-align: center; } .youplus--text-media .media { max-width: 980px; text-align: center; width: 100%; } .youplus--text-media .media > * { max-width: 100%; } .youplus--text-media h2, .youplus--text-media .h2 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--text-media p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--text-media.alt { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; } .youplus--text-media.alt h2, .youplus--text-media.alt .h2, .youplus--text-media.alt p { color: #fff; } .youplus--text-media.alt:after { content: ""; display: block; width: 100%; height: calc(100% - 10vmin); background: #562483; position: absolute; top: 0; left: 0; } .youplus--testimonial { margin-top: 60px; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #562483; /*todo: cleen up, change icons */ } .youplus--testimonial .row { margin-top: -40px; z-index: 1; } .youplus--testimonial .carousel { margin: 0 auto; } .youplus--testimonial .item { text-align: center; padding-bottom: 75px; } .youplus--testimonial .avatar { margin: 0px auto 0 auto; border-radius: 53% 70% 64% 69%; width: 80px; height: 80px; margin-bottom: 15px; } .youplus--testimonial .avatar.anim-init { transition: all 1500ms; -webkit-transform: scale3d(0.7, 0.7, 1) rotate(5deg); transform: scale3d(0.7, 0.7, 1) rotate(5deg); border-radius: 69% 64% 70% 53%; } .youplus--testimonial .avatar.anim-run { -webkit-transform: scale3d(1, 1, 1) rotate(0deg); transform: scale3d(1, 1, 1) rotate(0deg); border-radius: 53% 70% 64% 69%; } .youplus--testimonial h3, .youplus--testimonial .h3, .youplus--testimonial .product-info h1, .product-info .youplus--testimonial h1, .youplus--testimonial .product-info .h1, .product-info .youplus--testimonial .h1 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; margin: 0 auto 15px auto; text-align: center; } .youplus--testimonial p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; margin: 0 auto 30px auto; text-align: center; } .youplus--testimonial .name { color: #fff; margin: 0 auto 15px auto; text-align: center; } .youplus--testimonial .slick-dots { list-style: none; position: absolute; margin: 0; bottom: 30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .youplus--testimonial .slick-dots li { display: inline-block; } .youplus--testimonial .slick-dots button { display: block; padding: 5px; font-size: 0; line-height: 0; cursor: pointer; color: transparent; background: none; border: 0; outline: none; border-radius: 77% 61% 80% 55%; opacity: 0.6; transition: all 350ms; } .youplus--testimonial .slick-dots button:before { content: ""; display: block; width: 10px; height: 10px; background: #fff; border-radius: 77% 61% 80% 55%; } .youplus--testimonial .slick-dots button:hover { opacity: 0.8; } .youplus--testimonial .slick-dots li:nth-child(odd) { -webkit-transform: rotate(7deg); transform: rotate(7deg); } .youplus--testimonial .slick-dots li.slick-active button { opacity: 1; } .youplus--testimonial .slick-prev, .youplus--testimonial .slick-next { position: absolute; top: calc(50% + 32.5px); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .youplus--testimonial .slick-prev:before, .youplus--testimonial .slick-next:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA66"; position: absolute; top: 0; left: 0; font-size: 25px; color: #fff; opacity: 0.6; transition: all 350ms; } .youplus--testimonial .slick-prev:hover:before, .youplus--testimonial .slick-next:hover:before { opacity: 0.8; } .youplus--testimonial .slick-prev { left: 0; } html[dir="ltr"].ltr .youplus--testimonial .slick-prev { -webkit-transform: rotate(90deg); transform: rotate(90deg); } html[dir="rtl"].rtl .youplus--testimonial .slick-prev { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .youplus--testimonial .slick-next { right: 4px; } html[dir="ltr"].ltr .youplus--testimonial .slick-next { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } html[dir="rtl"].rtl .youplus--testimonial .slick-next { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .youplus--testimonial.alt { background: none; } .youplus--testimonial.alt:before { display: none; } .youplus--testimonial.alt .item { position: relative; } .youplus--testimonial.alt .item:after { content: ""; display: block; position: absolute; top: 40px; left: 0; height: 93%; width: 100%; background: url(/assets/images/brushes/brushes_yellow_2.png); background-repeat: no-repeat; background-size: 100% 100%; z-index: -1; } .youplus--testimonial.alt .slick-prev:before, .youplus--testimonial.alt .slick-next:before { color: #ffc51c; } .youplus--testimonial.alt .slick-dots { bottom: 50px; } .youplus--video-story { background: #562483; } .youplus--video-story .azuremediaplayer { width: auto !important; } html[dir="rtl"].rtl .youplus--video-story .azuremediaplayer .vjs-big-play-button { /* @noflip */ left: 50%; /* @noflip */ right: initial; } .youplus--video-story:before { -webkit-transform: scaleY(-1) translateZ(1px); transform: scaleY(-1) translateZ(1px); top: 0; z-index: 3; } .youplus--video-story.alt { background: #fff; } .youplus--video-story.alt:before { top: 0; } .youplus--video-story video { max-width: 100%; width: 100%; height: auto; } .youplus--family-hero, .youplus--app-hero { background-size: cover; background-position: 50% 50%; /*height:177vw; max-height: 768px;*/ height: 95vh; overflow: hidden; } .youplus--family-hero .row, .youplus--app-hero .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; } .youplus--family-hero .col, .youplus--app-hero .col { -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; position: relative; } .youplus--family-hero .col:last-child, .youplus--app-hero .col:last-child { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; width: 100%; } html[dir="ltr"].ltr .youplus--family-hero div.title, html[dir="ltr"].ltr .youplus--app-hero div.title { padding: 180px 0 5px 142px; } html[dir="rtl"].rtl .youplus--family-hero div.title, html[dir="rtl"].rtl .youplus--app-hero div.title { padding: 180px 0px 5px 200px; } .youplus--family-hero .title, .youplus--app-hero .title { content: ""; display: block; min-width: 572px; max-width: 850px; min-height: 340px; position: absolute; left: -150px; top: -80px; display: inline-block; -webkit-transform: rotate(-10deg); transform: rotate(-10deg); background: url(/assets/images/brushes/brushes_purple_1.png); background-size: 100% 100%; -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } .youplus--family-hero .title .inner, .youplus--app-hero .title .inner { -webkit-transform: rotate(10deg); transform: rotate(10deg); } .youplus--family-hero .title .logo, .youplus--app-hero .title .logo { width: 200px; } .youplus--family-hero .title .names, .youplus--app-hero .title .names { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; width: 200px; margin-left: 15px; } .youplus--family-hero .info, .youplus--app-hero .info { max-width: 450px; position: absolute; bottom: -20px; right: 0; padding: 45px 55px; border-image: url(/assets/images/shapes/info.svg) 0 fill stretch; max-height: 40vh; } .youplus--family-hero .info div, .youplus--app-hero .info div { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; text-align: center; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); margin-bottom: 20px; } .youplus--family-hero .info p, .youplus--app-hero .info p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; text-align: center; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } .youplus--sticky-sign-up { background: #fff; position: relative; } .youplus--sticky-sign-up .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .youplus--sticky-sign-up .logo { -webkit-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .youplus--sticky-sign-up .logo img { -webkit-flex: 0 1 80px; -ms-flex: 0 1 80px; flex: 0 1 80px; margin-bottom: 4px; width: 80px; } .youplus--get-the-app2 { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22500%22%20height%3D%22500%22%20preserveAspectRatio%3D%22none%22%20viewBox%3D%220%200%20500%20500%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.326%20496.168l-4.512-59.83s.305-103.449.305-104.965c0-1.516.183-43.199.183-43.199l-.377-47.367%201.109-34.862-1.646-94.355s-3.232-7.2-3.354-9.473C-.088%2099.843.156%201.32.156%201.32l8.938%202.344%20115.078.308L319.89%200l8.748%201.019%20153.825%202.366%2010.79%203.402%201.991%2041.9%201.098%20120.88s.487%20129.597-.61%20133.386c0%200%201.158%2050.399%201.097%2051.914-.06%201.516-.121%2033.726-.121%2033.726l3.231%207.957.061%2096.63-27.68%205.326-19.268-1.537-41.339.357-92.554.519-107.31%201.577-74.141.578-37.193-2.274-92.189-1.558z%22%2F%3E%3C%2Fsvg%3E") 10 10 10 10 fill stretch; border-style: solid; border-width: 10px; border-color: transparent; padding: 25px; } .youplus--get-the-app2 .row { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .youplus--get-the-app2 h2, .youplus--get-the-app2 .h2 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--get-the-app2 p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--get-the-app2 .download { margin-left: -12px; margin-right: -12px; } .youplus--get-the-app2 .download a[href*="apple"] { margin: 12px; vertical-align: bottom; } .youplus--get-the-app2 .download a[href*="google"] { display: inline; vertical-align: bottom; } .youplus--get-the-app2 .download a[href*="google"] img { width: 165.4px; } .youplus--stage-article { background: #fff; padding-top: 60px; } .youplus--stage-article .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .youplus--stage-article .heading { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } .youplus--stage-article .heading .tagline { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; } .youplus--stage-article h2, .youplus--stage-article .h2 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; } .youplus--stage-article .pregnant p { text-align: center; } .youplus--stage-article .pregnant h3, .youplus--stage-article .pregnant .h3, .youplus--stage-article .pregnant .product-info h1, .product-info .youplus--stage-article .pregnant h1, .youplus--stage-article .pregnant .product-info .h1, .product-info .youplus--stage-article .pregnant .h1 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; } .youplus--stage-article .pregnant .bump .tagline, .youplus--stage-article .pregnant .you .tagline { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; text-transform: uppercase; letter-spacing: 2.5px; } .youplus--stage-article .pregnant .more { -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; margin-top: 30px; text-align: center; } .youplus--stage-article .children { overflow: hidden; } .youplus--stage-article .children .col { position: relative; margin-bottom: 55px; } .youplus--stage-article .children .col .text:before { content: ""; display: block; position: absolute; bottom: 0; left: -20px; height: 100%; background-repeat: no-repeat; background-size: 100% 100%; background-position: bottom left; z-index: -1; } .youplus--stage-article .children .col[theme="cyan"] .text:before { background-image: url(/assets/images/brushes/brushes_blue.png); width: calc(100% + 20px); left: -10px; } .youplus--stage-article .children .col[theme="yellow"] .text:before { background-image: url(/assets/images/brushes/brushes_yellow_2_2.png); width: calc(100% + 20px); left: -20px; } .youplus--stage-article .children .col[theme="red"] .text:before { background-image: url(/assets/images/brushes/brushes_red_2.png); width: calc(100% + 20px); left: -20px; } .youplus--stage-article .children .image { padding-top: 100%; background-size: cover; background-position: center; } .youplus--stage-article .children .text { position: absolute; z-index: 2; } .youplus--stage-article .children .tagline { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 2.5px; } .youplus--stage-article .children h3, .youplus--stage-article .children .h3, .youplus--stage-article .children .product-info h1, .product-info .youplus--stage-article .children h1, .youplus--stage-article .children .product-info .h1, .product-info .youplus--stage-article .children .h1 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; margin: 6px 0; } .youplus--stage-article .children p { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; } .youplus--stage-article .children .btn-yp { position: absolute; z-index: 2; } .youplus--content-composition { background: #562483; padding-top: 20px; padding-bottom: 20px; /* <640px */ /* >768px, <1024px */ /* >1024px */ } .youplus--content-composition .row { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .youplus--your-story { background: #fff; padding-top: 20px; padding-bottom: 20px; min-height: 50vh; /* <640px */ } .youplus--your-story .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .youplus--your-story .month-anchor { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 40px; max-width: 75rem; margin: 10px auto 30px auto; } .youplus--your-story .col { z-index: 2; } .youplus--your-story a.btn-yp { margin: auto; } .youplus--your-story .load-more { z-index: 20; } .youplus--your-story .load-more span { display: inline-block; } .youplus--your-story .load-more .spinner { border: 0.125rem solid rgba(0, 0, 0, 0.2); font-size: 1.125rem; width: 1.125rem; height: 1.125rem; border-radius: 0.5em; box-sizing: border-box; -webkit-animation: spin 0.7s linear infinite; animation: spin 0.7s linear infinite; border-top-color: #fff; display: none; } .youplus--your-story.loading .load-more .spinner { display: inline-block; } .youplus--your-story.loading:after { content: ""; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; z-index: 10; } .youplus--poll-results { position: relative; color: #fff; } .youplus--poll-results .inner { background-size: 100% 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 30px; } .youplus--poll-results[color="purple"] .inner { background-image: url(/assets/images/brushes/brushes_light_purple_2.png); } .youplus--poll-results[color="cyan"] .inner { background-image: url(/assets/images/brushes/brushes_blue_2.png); } .youplus--poll-results[color="cyan"] .inner .check { color: #fff; } .youplus--poll-results[color="red"] .inner { background-image: url(/assets/images/brushes/brushes_red_2.png); } .youplus--poll-results[color="red"] .inner .check { color: #e11d16; } .youplus--poll-results[color="white"] .inner { background-image: url(/assets/images/brushes/brushes_white_2.png); color: #000; } .youplus--poll-results[color="white"] .inner .check { color: #fff; } .youplus--poll-results[color="white"] .inner .graph { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2281%22%20height%3D%22238%22%20viewBox%3D%220%200%2081%20238%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M78.406%207.688s.18-1.94-.482-3.735c-.06-.173.181-1.997-8.31-2.142%200%200-16.44.145-16.68.145-.242%200-6.866.087-6.866.087l-7.527-.18L33%202.39l-14.995-.782S16.862.074%2016.5.016C16.14-.042.482.074.482.074v10.538l.963%202.431-.963%204.17.722%202.894-.722%201.042L0%2027.75l1.204%202.548v5.674l-.67%202.548%201.393%205.558-1.204%207.208.722%205.53-.542%202.142%201.988%2034.565-.964%2014.822v7.18l1.204-.348-1.204%2014.012-.756%209.727-.043%2012.969.799%204.169-.638%2014.822.443%2012.853.271%207.874%201.128.81-.722%2010.973.963%206.976-.765%204.864%201.247%207.295-1.12.348.157%209.35s-.844%202.663%205.118%202.924l19.21.521s20.595.232%2021.198-.29c0%200%208.009.55%208.25.522.24-.03%205.36-.058%205.36-.058l1.264%201.534%2015.356.029-.843-7.932.92-5.21-.68-8.917%201.205-.232-.542-19.627.047-6.08%201.459-21.422-1.29-.58.025-3.242-.158-12.621-1.468-19.339%201.205-1.592-.482-14.156%201.08-15.864.064-3.156%201.265-9.466-.723-22.58-.964-4.43.012-2.402.711-3.822-.662-6.05.542-.955-.028-3.532-.024-3.011-.023-3.01-.023-2.896.7-1.737-.752-4.863-.029-3.706%201.022-.81-1.05-2.664-.034-4.487-1.084-1.186.75-3.127-1.232-2.084.843-2.924z%22%20fill-opacity%3D%220.5%22%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .youplus--poll-results[color="white"] .inner .bar:hover .graph { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2281%22%20height%3D%22238%22%20viewBox%3D%220%200%2081%20238%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M78.406%207.688s.18-1.94-.482-3.735c-.06-.173.181-1.997-8.31-2.142%200%200-16.44.145-16.68.145-.242%200-6.866.087-6.866.087l-7.527-.18L33%202.39l-14.995-.782S16.862.074%2016.5.016C16.14-.042.482.074.482.074v10.538l.963%202.431-.963%204.17.722%202.894-.722%201.042L0%2027.75l1.204%202.548v5.674l-.67%202.548%201.393%205.558-1.204%207.208.722%205.53-.542%202.142%201.988%2034.565-.964%2014.822v7.18l1.204-.348-1.204%2014.012-.756%209.727-.043%2012.969.799%204.169-.638%2014.822.443%2012.853.271%207.874%201.128.81-.722%2010.973.963%206.976-.765%204.864%201.247%207.295-1.12.348.157%209.35s-.844%202.663%205.118%202.924l19.21.521s20.595.232%2021.198-.29c0%200%208.009.55%208.25.522.24-.03%205.36-.058%205.36-.058l1.264%201.534%2015.356.029-.843-7.932.92-5.21-.68-8.917%201.205-.232-.542-19.627.047-6.08%201.459-21.422-1.29-.58.025-3.242-.158-12.621-1.468-19.339%201.205-1.592-.482-14.156%201.08-15.864.064-3.156%201.265-9.466-.723-22.58-.964-4.43.012-2.402.711-3.822-.662-6.05.542-.955-.028-3.532-.024-3.011-.023-3.01-.023-2.896.7-1.737-.752-4.863-.029-3.706%201.022-.81-1.05-2.664-.034-4.487-1.084-1.186.75-3.127-1.232-2.084.843-2.924z%22%20fill-opacity%3D%220.8%22%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .youplus--poll-results[color="yellow"] .inner { background-image: url(/assets/images/brushes/brushes_yellow_2.png); } .youplus--poll-results[color="yellow"] .inner .check { color: #fff; } .youplus--poll-results .inner:after { content: none !important; } .youplus--poll-results .text { -webkit-flex: 0 0 54%; -ms-flex: 0 0 54%; flex: 0 0 54%; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; } .youplus--poll-results .text span { display: block; font-size: 400%; line-height: 100%; } .youplus--poll-results .bars { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; padding-right: 16px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .youplus--poll-results .bar { position: relative; width: 33.33333%; } .youplus--poll-results .bar:hover .percent { opacity: 1; -webkit-transform: translateY(-100%) scale(1); transform: translateY(-100%) scale(1); } .youplus--poll-results .bar:hover .graph { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2281%22%20height%3D%22238%22%20viewBox%3D%220%200%2081%20238%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M78.406%207.688s.18-1.94-.482-3.735c-.06-.173.181-1.997-8.31-2.142%200%200-16.44.145-16.68.145-.242%200-6.866.087-6.866.087l-7.527-.18L33%202.39l-14.995-.782S16.862.074%2016.5.016C16.14-.042.482.074.482.074v10.538l.963%202.431-.963%204.17.722%202.894-.722%201.042L0%2027.75l1.204%202.548v5.674l-.67%202.548%201.393%205.558-1.204%207.208.722%205.53-.542%202.142%201.988%2034.565-.964%2014.822v7.18l1.204-.348-1.204%2014.012-.756%209.727-.043%2012.969.799%204.169-.638%2014.822.443%2012.853.271%207.874%201.128.81-.722%2010.973.963%206.976-.765%204.864%201.247%207.295-1.12.348.157%209.35s-.844%202.663%205.118%202.924l19.21.521s20.595.232%2021.198-.29c0%200%208.009.55%208.25.522.24-.03%205.36-.058%205.36-.058l1.264%201.534%2015.356.029-.843-7.932.92-5.21-.68-8.917%201.205-.232-.542-19.627.047-6.08%201.459-21.422-1.29-.58.025-3.242-.158-12.621-1.468-19.339%201.205-1.592-.482-14.156%201.08-15.864.064-3.156%201.265-9.466-.723-22.58-.964-4.43.012-2.402.711-3.822-.662-6.05.542-.955-.028-3.532-.024-3.011-.023-3.01-.023-2.896.7-1.737-.752-4.863-.029-3.706%201.022-.81-1.05-2.664-.034-4.487-1.084-1.186.75-3.127-1.232-2.084.843-2.924z%22%20fill-opacity%3D%220.8%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); transition-delay: 0ms; } .youplus--poll-results .percent { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; -webkit-transform: translateY(-100%) scale(0.01); transform: translateY(-100%) scale(0.01); opacity: 0; transition: all 300ms; text-align: center; } .youplus--poll-results .graph { position: absolute; height: 0; min-height: 30%; width: calc(100% - 4px); left: 2px; bottom: 0; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2281%22%20height%3D%22238%22%20viewBox%3D%220%200%2081%20238%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M78.406%207.688s.18-1.94-.482-3.735c-.06-.173.181-1.997-8.31-2.142%200%200-16.44.145-16.68.145-.242%200-6.866.087-6.866.087l-7.527-.18L33%202.39l-14.995-.782S16.862.074%2016.5.016C16.14-.042.482.074.482.074v10.538l.963%202.431-.963%204.17.722%202.894-.722%201.042L0%2027.75l1.204%202.548v5.674l-.67%202.548%201.393%205.558-1.204%207.208.722%205.53-.542%202.142%201.988%2034.565-.964%2014.822v7.18l1.204-.348-1.204%2014.012-.756%209.727-.043%2012.969.799%204.169-.638%2014.822.443%2012.853.271%207.874%201.128.81-.722%2010.973.963%206.976-.765%204.864%201.247%207.295-1.12.348.157%209.35s-.844%202.663%205.118%202.924l19.21.521s20.595.232%2021.198-.29c0%200%208.009.55%208.25.522.24-.03%205.36-.058%205.36-.058l1.264%201.534%2015.356.029-.843-7.932.92-5.21-.68-8.917%201.205-.232-.542-19.627.047-6.08%201.459-21.422-1.29-.58.025-3.242-.158-12.621-1.468-19.339%201.205-1.592-.482-14.156%201.08-15.864.064-3.156%201.265-9.466-.723-22.58-.964-4.43.012-2.402.711-3.822-.662-6.05.542-.955-.028-3.532-.024-3.011-.023-3.01-.023-2.896.7-1.737-.752-4.863-.029-3.706%201.022-.81-1.05-2.664-.034-4.487-1.084-1.186.75-3.127-1.232-2.084.843-2.924z%22%20fill-opacity%3D%220.5%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; transition: height 1500ms, background-image 350ms; transition-delay: 0ms; } .youplus--poll-results .check { position: absolute; bottom: 0; left: 0; width: 100%; padding: 1vw 0; text-align: center; color: #8e57bd; font-size: 3.5vw; } .youplus--poll-results .check:before { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA70"; } .youplus--poll-results .info { position: absolute; bottom: 0; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 9px; white-space: nowrap; -webkit-transform: translateY(100%); transform: translateY(100%); text-align: center; width: 100%; } .youplus--app-hero { position: relative; } .youplus--app-hero video { width: 100%; max-width: 100%; height: auto; pointer-events: auto; } .youplus--app-hero .wrapper { height: 100%; position: relative; } .youplus--app-hero .heading { position: absolute; top: 0; left: 0; transition: -webkit-filter 700ms 1200ms linear; transition: filter 700ms 1200ms linear; transition: filter 700ms 1200ms linear, -webkit-filter 700ms 1200ms linear; -webkit-transform: translateZ(1px); transform: translateZ(1px); overflow: hidden; max-width: 100%; width: 100%; height: 100%; z-index: 0; } .youplus--app-hero .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; transition: -webkit-filter 700ms 1600ms linear; transition: filter 700ms 1600ms linear; transition: filter 700ms 1600ms linear, -webkit-filter 700ms 1600ms linear; -webkit-transform: translateZ(1px); transform: translateZ(1px); z-index: 0; } .youplus--app-hero .story { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translate3d(-10%, 70%, 0); transform: translate3d(-10%, 70%, 0); opacity: 0; transition: all 700ms 1925ms; z-index: 0; } .youplus--app-hero .story-wrap { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .youplus--app-hero .features { position: absolute; right: 0; bottom: 0; width: 100%; padding: 10px; padding-bottom: 0; margin-bottom: 0; margin-left: 0; list-style: none; transition: all 700ms 2650ms; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .youplus--app-hero .feature { display: block; transition: -webkit-transform 700ms 3375ms; transition: transform 700ms 3375ms; transition: transform 700ms 3375ms, -webkit-transform 700ms 3375ms; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(1px); transform: translateZ(1px); } .youplus--app-hero .feature a.active { display: block; } .youplus--app-hero .feature a { display: none; padding: 5px 5px 10px 5px; border-style: solid; border-width: 10px; border-color: transparent; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22298%22%20height%3D%2256%22%20viewBox%3D%220%202%20298%2056%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M13.391%2049.911s-2.37.106-4.562-.282c-.212-.035-2.44.106-2.617-4.866%200%200%20.177-9.627.177-9.768%200-.14.106-4.02.106-4.02l.425-7.651-.955-8.78s-1.874-.67-1.945-.882c-.07-.212.07-9.38.07-9.38h20.936L37.898%204l10.043.705%209.902.423%208.805-.705%206.755.423%202.617-.317%2042.224%201.164%2018.106-.565h8.77l-.424.706%2017.115-.706%2011.883-.442%2015.842-.026%205.093.468%2018.106-.373%2025.32.418.99.66%2013.403-.423%208.523.565%205.94-.449%208.912.73.425-.655%2011.422.092s3.253-.494%203.572%202.997l.636%2011.248s.283%2012.06-.353%2012.413c0%200%20.671%204.69.636%204.83-.035.142-.07%203.139-.07%203.139l1.874.74.035%208.992-9.69-.494-6.365.539-10.892-.397-.283.705-23.976-.318-7.427.028-26.169.854-.707-.755-3.96.014-15.419-.092-23.623-.86-1.945.706-17.292-.282-19.38.633-3.854.036-11.564.741-27.584-.423-5.41-.564-2.935.007-4.668.416-7.391-.388-1.167.317-4.315-.016-3.677-.014-3.678-.014-3.537-.013-2.121.41-5.941-.44-4.527-.017-.99.598-3.254-.614-5.48-.02-1.45-.635-3.82.438-2.546-.72-3.572.493z%22%20id%3D%22b%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.15%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 10 fill stretch; background-size: cover; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4; transition: all 250ms; -webkit-transform-origin: right; transform-origin: right; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 1px); transform: scale3d(1, 1, 1) translate3d(0, 0, 1px); position: relative; color: #000; } .no-touch .youplus--app-hero .feature a:hover { -webkit-transform: scale3d(1.05, 1.05, 1) translate3d(0, 0, 1px); transform: scale3d(1.05, 1.05, 1) translate3d(0, 0, 1px); } .youplus--app-hero .youplus--phone { position: absolute; bottom: -6%; left: 0; right: 0; margin: 0 auto; width: 75%; min-width: 235px; max-width: 460px; overflow: visible; } .youplus--app-hero .youplus--phone video { padding: 0 2%; margin: 0 auto; } .youplus--app-hero .youplus--phone .container { background-color: #262626; } .youplus--app-hero.start-anim .bg { -webkit-filter: blur(10px); filter: blur(10px); } .youplus--app-hero.start-anim .story { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .youplus--app-hero .leftArrow, .youplus--app-hero .rightArrow { position: absolute; top: 44%; color: #fff; font-size: 20px; } .youplus--app-hero .leftArrow:before, .youplus--app-hero .rightArrow:before { content: "\EA66"; } .youplus--app-hero .leftArrow { left: -10%; } html[dir="ltr"].ltr .youplus--app-hero .leftArrow:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } html[dir="rtl"].rtl .youplus--app-hero .leftArrow:before { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .youplus--app-hero .rightArrow { right: -10%; } html[dir="ltr"].ltr .youplus--app-hero .rightArrow:before { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } html[dir="rtl"].rtl .youplus--app-hero .rightArrow:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .canvas-backdrop-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #fff; } .canvas-backdrop-container .canvas-backdrop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .canvas-backdrop-container .canvas-backdrop.full-video { height: auto; top: 50%; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .youplus--get-the-app { z-index: 10; position: relative; top: -40px; margin-bottom: -68px; } .youplus--get-the-app .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 68px; width: 75%; max-width: 400px; background: url(/assets/images/brushes//brushes_white_2.png); background-size: calc(100% + 6px) 100%; background-position: -6px 7px; background-repeat: no-repeat; } .youplus--get-the-app .logo { -webkit-flex: 0 0 50px; -ms-flex: 0 0 50px; flex: 0 0 50px; } .youplus--get-the-app .logo img { width: 50px; height: 50px; } .youplus--get-the-app .download-app { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 4.2%; } .youplus--get-the-app .download-app a { color: #19d5e5; } .youplus--convert-from-pregnant a.not-pregnent { display: block; margin-top: 30px; font-size: 20px; color: #562483; } .youplus--convert-from-pregnant .panels { margin-top: 50px; /* background:$color-2; @extend %bg-shape-4-light-purple-before; @extend %bg-shape-4-light-purple-after;*/ } .youplus--convert-from-pregnant .panels .row > div { min-height: 50vh; float: none; margin: 0 auto; padding: 50px initial 100px initial; } .youplus--convert-from-pregnant .panels .row > div:not(.active) { display: none; } .youplus--convert-from-pregnant .panels .row > div h3, .youplus--convert-from-pregnant .panels .row > div .h3, .youplus--convert-from-pregnant .panels .row > div .product-info h1, .product-info .youplus--convert-from-pregnant .panels .row > div h1, .youplus--convert-from-pregnant .panels .row > div .product-info .h1, .product-info .youplus--convert-from-pregnant .panels .row > div .h1 { margin-bottom: 20px; } .youplus--convert-from-pregnant .panels .row > div .content { text-align: left; margin-bottom: 30px; } .youplus--convert-from-pregnant .panels .row > div .content input[type="radio"] + label { margin-bottom: 16px; } .youplus--invite, .youplus--invite__done { padding-top: 87px; padding-bottom: 40px; } .youplus--invite .row, .youplus--invite__done .row { position: relative; } .youplus--invite h2, .youplus--invite__done h2, .youplus--invite .h2, .youplus--invite__done .h2 { width: calc(100% - 61px); } .youplus--invite .text, .youplus--invite__done .text { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--invite .logo, .youplus--invite__done .logo { position: absolute; right: 10px; top: -5px; width: 51px; } .youplus--invite .accept, .youplus--invite__done .accept { padding-top: 20px; } .youplus--invite__done .promo { position: absolute; bottom: -42px; right: 10px; display: none; max-width: 20%; } .youplus--invite__done .download { text-align: center; padding-top: 20px; } .youplus--invite__done a[href*="apple"] { margin: 12px; vertical-align: bottom; } .youplus--invite__done a[href*="google"] { display: inline; vertical-align: bottom; } .youplus--invite__done a[href*="google"] img { width: 165.4px; } @font-face { font-family: "alfredBold"; src: url(/assets-facelift/fonts/cardenio-modern/cardenio_modern_bold-webfont.woff2) format("woff2"), url(/assets-facelift/fonts/cardenio-modern/cardenio_modern_bold-webfont.woff) format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "alfred"; src: url(/assets-facelift/fonts/cardenio-modern/cardenio_modern_std-webfont.woff2) format("woff2"), url(/assets-facelift/fonts/cardenio-modern/cardenio_modern_std-webfont.woff) format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "alfred"; src: url(/assets-facelift/fonts/cardenio-modern/cardenio_modern_bold-webfont.woff2) format("woff2"), url(/assets-facelift/fonts/cardenio-modern/cardenio_modern_bold-webfont.woff) format("woff"); font-weight: bold; } .alfred-container::before { content: ""; display: block; height: 4.125rem; } .alfred-container .alfred-story-otd, .alfred-container .alfred-story-past { display: none; } .alfred-container .alfred-story-thumb { display: block; background-color: #aaa; background-size: cover; width: 100%; height: 0px; padding-bottom: 100%; } .alfred-age-selector { position: relative; width: 190px; margin: 0 auto; background: #021f55; border-radius: 20px; cursor: pointer; } .alfred-age-selector .alfred-age-selector-header { border-radius: 20px; background: #0032a0; text-align: center; padding: 10px 15px; font-size: 19.85px; font-family: alfredBold; color: #fff; } .alfred-age-selector .alfred-age-selector-options { padding: 4px; font-family: alfred; font-size: 16.31px; color: #fff; text-align: center; } .alfred-age-selector .alfred-age-selector-options .alfred-age-selector-option { padding: 5px; } .alfred-age-selector .alfred-age-selector-options .alfred-age-selector-option.selected { color: #f28c23; } .alfred-age-selector .alfred-age-selector-options.closed .alfred-age-selector-option { display: none; } .alfred-age-selector .alfred-age-selector-selected { display: none; padding: 0 5px 5px 5px; font-family: alfred; font-size: 16.31px; text-align: center; color: #fff; } .alfred-age-selector .alfred-age-selector-selected .alfred-age-selector-selected-label { display: inline-block; } .alfred-age-selector .alfred-age-selector-selected .alfred-age-selector-selected-caret { display: inline-block; position: relative; top: -3px; margin-left: 8px; font-family: icons; font-size: 8px; } .alfred-story-button { max-width: 256px; margin: 5px auto; background: #021f55; border-radius: 20px; padding-bottom: 4px; cursor: pointer; } .alfred-story-button .alfred-story-button-inner { border-radius: 20px; background: #0032a0; text-align: center; padding: 40px; font-size: 28px; font-family: alfredBold; color: #fff; } .alfred-landing { background-color: #a4c617; min-height: 100vh; } .alfred-landing .alfred-landing-container { position: relative; background-size: 1920px auto; background-position: center -4.125rem; min-height: 100vh; padding-bottom: 140px; } .alfred-landing .alfred-landing-container .alfred-landing-header { background-size: contain; background-position: center; background-repeat: no-repeat; width: 100%; height: 122px; margin-top: -4.125rem; } .alfred-landing .alfred-landing-container .alfred-landing-masthead { background-size: contain; background-position: center; background-repeat: no-repeat; width: 210px; height: 288px; margin: 0 auto; margin-bottom: 2em; } .alfred-landing .alfred-landing-container .alfred-landing-footer { position: absolute; bottom: 0; height: 122px; width: 100%; background-size: auto 100%; background-position: center bottom; background-repeat: repeat no-repeat; } .alfred-landing.is-not-first-visit .alfred-landing-container { min-height: 0; padding-bottom: 80px; } .alfred-landing.is-not-first-visit .alfred-landing-container .alfred-landing-header { height: 66px; } .alfred-landing.is-not-first-visit .alfred-landing-container .alfred-landing-masthead { width: 105px; height: 144px; margin-bottom: 1em; margin-top: 1em; } .alfred-landing.is-not-first-visit .alfred-landing-container .alfred-landing-footer { height: 66px; } .alfred-landing.is-not-first-visit .alfred-story-otd.alfred-story-button { background: #f38b23; } .alfred-landing.is-not-first-visit .alfred-story-otd.alfred-story-button .alfred-story-button-inner { background: #fecb20; } .alfred-landing.is-not-first-visit .alfred-story-past.alfred-story-button { background: #b64a25; } .alfred-landing.is-not-first-visit .alfred-story-past.alfred-story-button .alfred-story-button-inner { background: #f38c23; } .alfred-story-template { display: none; } .alfred-back-button { position: absolute; bottom: 5px; left: 15px; width: 59px; height: 59px; cursor: pointer; background-size: contain; background-image: url(/assets-facelift/images/alfred/common/back_button.png); } .alfred-story-title { height: 50px; background: #000; color: #fff; text-align: center; font-weight: bold; font-size: 25px; padding-top: 13px; } .alfred-story-content { background: #07315e; background-position: center; background-size: 640px 640px; background-color: #f00; overflow: hidden; position: relative; min-height: calc(100vh - 4.125rem); } .alfred-story-content .alfred-story-content-wrapper { width: 100%; height: 100%; position: relative; margin: 0 auto; max-width: 960px; min-height: calc(100vh - 4.125rem); } .alfred-story-content .alfred-story-header, .alfred-story-content .alfred-story-header-retina { height: 150px; background-position: center 0; background-size: auto 100%; background-repeat: no-repeat; /* repeat-x; */ position: absolute; top: 0; width: 100%; } .alfred-story-content .alfred-story-content-area { position: relative; width: 70%; margin: 0px auto 0px auto; padding-top: 190px; padding-bottom: 190px; text-align: center; } .alfred-story-content .alfred-story-content-area img { width: 70%; /* 223px; */ display: block; margin: 0 auto; } .alfred-story-content .alfred-story-content-area * { color: inherit; font-family: "alfred"; } .alfred-story-content .alfred-story-content-area h1, .alfred-story-content .alfred-story-content-area .h1 { font-family: "alfredBold"; font-size: 40px; line-height: 1; } .alfred-story-content .alfred-story-content-area p { font-family: "alfred"; font-size: 36px; line-height: 1; } .alfred-story-content .alfred-story-elements-left { position: absolute; left: -20px; top: 0; width: 90px; height: 100%; background-size: 100% auto; background-position: center; background-repeat: no-repeat; } .alfred-story-content .alfred-story-elements-right { position: absolute; right: -20px; top: 0; width: 90px; height: 100%; background-size: 100% auto; background-position: center; background-repeat: no-repeat; } .alfred-story-content .alfred-story-footer, .alfred-story-content .alfred-story-footer-retina { height: 150px; background-size: auto 100%; background-position: center; background-repeat: repeat-x; position: absolute; bottom: 0; width: 100%; } .alfred-swipe-title { height: calc(50px + 4.125rem); background: #009fe3; color: #fff; text-align: center; font-weight: bold; font-size: 25px; padding-top: 13px; } .alfred-swipe-title::before { content: ""; display: block; height: 4.125rem; } .alfred-swipe-canvas { position: absolute; overflow: hidden; padding-top: 66px; width: 100%; top: 0; } .alfred-swipe-canvas .swiper-container.alfred { position: relative; } .alfred-swipe-canvas .swiper-container.alfred .swiper-background-wrapper { position: absolute; top: 0; left: -100px; height: 100%; width: 200%; } .alfred-swipe-canvas .swiper-container.alfred .swiper-background-wrapper .swiper-background { background: #f00; height: 100%; width: 100%; position: relative; } .alfred-swipe-canvas .swiper-container.alfred .swiper-background-wrapper .swiper-background .alfred-swipe-sky-bg { background: #dceffd; position: absolute; top: 0; height: 50%; width: 100%; } .alfred-swipe-canvas .swiper-container.alfred .swiper-background-wrapper .swiper-background .alfred-swipe-ground-bg { background: #c0ca5f; position: absolute; bottom: 0; height: 50%; width: 100%; } .alfred-swipe-canvas .swiper-container.alfred .swiper-background-wrapper .swiper-background .alfred-swipe-cover-bg { background: url(/assets-facelift/images/alfred/swipe1/background.png); background-position: center; background-repeat: repeat-x; background-size: auto 100px; position: absolute; bottom: 0; height: 100%; width: 100%; } .alfred-swipe-canvas .swiper-container.alfred .swiper-slide { background: none; } .alfred-swipe-canvas .swiper-container.alfred .alfred-swipe-container { width: 100%; height: 100%; background-size: auto 100%; background-position: center center; } .alfred-swipe-canvas .swiper-container.alfred .alfred-swipe-container .alfred-swipe-content { width: 100%; height: 100%; margin: 0 auto; background-size: contain; background-position: center; background-repeat: no-repeat; } .alfred-swipe-canvas .swiper-container.alfred .alfred-swipe-down { width: 100%; position: absolute; bottom: 0; height: 50px; text-align: center; font-size: 50px; cursor: pointer; } .alfred-swipe-canvas .swiper-container.alfred .alfred-swipe-down:after { content: ""; margin-bottom: 0.375rem; margin-left: 0.625rem; } .alfred-swipe-canvas .swiper-container.alfred .alfred-swipe-left { height: 100%; position: absolute; bottom: 0; width: 50px; left: 0; cursor: pointer; } .alfred-swipe-canvas .swiper-container.alfred .alfred-swipe-left:after { position: absolute; bottom: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); content: ""; } .alfred-swipe-canvas .swiper-container.alfred .alfred-swipe-right { height: 100%; position: absolute; bottom: 0; right: 0; width: 50px; cursor: pointer; } .alfred-swipe-canvas .swiper-container.alfred .alfred-swipe-right:after { position: absolute; bottom: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); content: ""; } .croppie-container { width: 100%; height: 100%; } .croppie-container .cr-image { z-index: -1; position: absolute; top: 0; left: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; max-height: none; max-width: none; } .croppie-container .cr-boundary { position: relative; overflow: hidden; margin: 0 auto; z-index: 1; width: 100%; height: 100%; } .croppie-container .cr-viewport, .croppie-container .cr-resizer { position: absolute; border: none; margin: auto; top: 0; bottom: 0; right: 0; left: 0; box-shadow: 0 0 2000px 2000px rgba(255, 255, 255, 0.5); z-index: 0; } .croppie-container .cr-resizer { z-index: 2; box-shadow: none; pointer-events: none; } .croppie-container .cr-resizer-vertical, .croppie-container .cr-resizer-horisontal { position: absolute; pointer-events: all; } .croppie-container .cr-resizer-vertical::after, .croppie-container .cr-resizer-horisontal::after { display: block; position: absolute; box-sizing: border-box; border: 1px solid black; background: #fff; width: 10px; height: 10px; content: ''; } .croppie-container .cr-resizer-vertical { bottom: -5px; cursor: row-resize; width: 100%; height: 10px; } .croppie-container .cr-resizer-vertical::after { left: 50%; margin-left: -5px; } .croppie-container .cr-resizer-horisontal { right: -5px; cursor: col-resize; width: 10px; height: 100%; } .croppie-container .cr-resizer-horisontal::after { top: 50%; margin-top: -5px; } .croppie-container .cr-original-image { display: none; } .croppie-container .cr-vp-circle { border-radius: 50%; } .croppie-container .cr-overlay { z-index: 1; position: absolute; cursor: move; -ms-touch-action: none; touch-action: none; } .croppie-container .cr-slider-wrap { width: 75%; margin: 15px auto; text-align: center; } .croppie-result { position: relative; overflow: hidden; } .croppie-result img { position: absolute; } .croppie-container .cr-image, .croppie-container .cr-overlay, .croppie-container .cr-viewport { -webkit-transform: translateZ(0); transform: translateZ(0); } /*************************************/ /***** STYLING RANGE INPUT ***********/ /*************************************/ /*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */ /*************************************/ .cr-slider { -webkit-appearance: none; /*removes default webkit styles*/ /*border: 1px solid white; */ /*fix for FF unable to apply focus style bug */ width: 300px; /*required for proper track sizing in FF*/ max-width: 100%; padding-top: 8px; padding-bottom: 8px; background-color: transparent; } .cr-slider::-webkit-slider-runnable-track { width: 100%; height: 20px; border: 0; border-radius: 3px; } .cr-slider::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } .cr-slider:focus { outline: none; } /* .cr-slider:focus::-webkit-slider-runnable-track { background: #ccc; } */ .cr-slider::-moz-range-track { width: 100%; height: 3px; background: rgba(0, 0, 0, 0.5); border: 0; border-radius: 3px; } .cr-slider::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } /*hide the outline behind the border*/ .cr-slider:-moz-focusring { outline: 1px solid white; outline-offset: -1px; } .cr-slider::-ms-track { width: 100%; height: 5px; background: transparent; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ border-color: transparent; /*leave room for the larger thumb to overflow with a transparent border */ border-width: 6px 0; color: transparent; /*remove default tick marks*/ } .cr-slider::-ms-fill-lower { background: rgba(0, 0, 0, 0.5); border-radius: 10px; } .cr-slider::-ms-fill-upper { background: rgba(0, 0, 0, 0.5); border-radius: 10px; } .cr-slider::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: 1px; } .cr-slider:focus::-ms-fill-lower { background: rgba(0, 0, 0, 0.5); } .cr-slider:focus::-ms-fill-upper { background: rgba(0, 0, 0, 0.5); } /*******************************************/ /***********************************/ /* Rotation Tools */ /***********************************/ .cr-rotate-controls { position: absolute; bottom: 5px; left: 5px; z-index: 1; } .cr-rotate-controls button { border: 0; background: none; } .cr-rotate-controls i:before { display: inline-block; font-style: normal; font-weight: 900; font-size: 22px; } .cr-rotate-l i:before { content: '↺'; } .cr-rotate-r i:before { content: '↻'; } .photobook--order-bar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 3; display: block; } .page-photobook-preview .photobook--order-bar { display: none; } .photobook--order-bar .order-bar__background { position: absolute; bottom: 0; left: 0; height: 88px; width: 100%; overflow: hidden; } .photobook--order-bar .order-bar__background svg { height: 100%; width: 1440px; margin-top: 3px; } .photobook--order-bar .row { display: none; } .photobook--order-bar .order-bar__mobile { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; padding-bottom: .1rem; position: relative; } .photobook--order-bar .order-bar__mobile > .order-bar__icon-item { display: block; background-color: transparent; border: none; text-align: center; font-size: .75rem; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; padding: 0; color: #562483; text-transform: uppercase; } .photobook--order-bar .order-bar__mobile [class*="icon-rd-"] { display: inline-block; font-size: 1.875rem; height: 1.875rem; width: 1.875rem; } .photobook--order-bar .order-bar__share { position: relative; } .photobook--order-bar .share-tooltip { position: absolute; bottom: 110%; left: 38%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20259%20187%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M149.838%20155.89c39.18-2.55%2077.09-8.562%2089.435-22.276%2022.635-25.148%209.054-109.726-25.646-126.644-34.7-16.917-160.597%205.32-196.244%2021.335-35.647%2016.013-9.13%20128.728%2035.647%20129.087%2014.347.115%2043.855.733%2075.447-.43l6.35%2021.33%203.378%201.63%2011.633-24.033z%22%2F%3E%3Cfilter%20id%3D%22a%22%20width%3D%22104.8%25%22%20height%3D%22106.7%25%22%20x%3D%22-2.4%25%22%20y%3D%22-3.4%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeOffset%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.6%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%284%205%29%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23562483%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; height: 0; width: 0; transition: all .23s linear; transition-delay: .1s; overflow: hidden; opacity: .4; } .photobook--order-bar .order-bar__mobile > .order-bar__icon-item .share-tooltip { left: 44%; } .photobook--order-bar .share-tooltip__content { opacity: 0; -webkit-transform: translateY(68%) rotate(-4deg) scale(0.5); transform: translateY(68%) rotate(-4deg) scale(0.5); transition: all .16s ease; } .photobook--order-bar .order-bar__share:hover .share-tooltip, .photobook--order-bar .order-bar__mobile > .order-bar__icon-item:hover .share-tooltip { display: block; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 11.25rem; width: 15.625rem; transition: all .23s linear; opacity: 1; } .photobook--order-bar .order-bar__share:hover .share-tooltip__content, .photobook--order-bar .order-bar__mobile > .order-bar__icon-item:hover .share-tooltip__content { -webkit-transform: translateY(68%) rotate(-4deg) scale(1); transform: translateY(68%) rotate(-4deg) scale(1); transition: all .16s ease; transition-delay: .2s; opacity: 1; } .photobook--order-bar .share-tooltip__text { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1rem; color: #ffffff; white-space: nowrap; } .photobook--order-bar .share-tooltip__links { font-size: 2.45rem; line-height: 0; } .photobook--order-bar .share-tooltip__links > a { color: #ffffff; } .photobook--order-bar .share-tooltip__links > a:hover { opacity: .8; } .photobook--order-bar .share-tooltip__facebook:before { content: "\EA9A"; } .photobook--order-bar .share-tooltip__twitter:before { content: "\EA9C"; } .photobook--order-bar .share-tooltip__instagram:before { content: "\EA9B"; } .photobook--message-bar { position: fixed; right: 0; bottom: 4.125rem; left: 0; -webkit-transform: translateY(100%); transform: translateY(100%); transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; z-index: 11; } .photobook--message-bar.is-active { -webkit-transform: translateY(0%) translateZ(1px); transform: translateY(0%) translateZ(1px); } .photobook--message-bar .row { padding: 1.4rem 0 2rem 0; } .message-bar__background { position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .message-bar__background svg { height: 100%; width: 1440px; } .message-bar__message { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.25rem; color: #ffffff; padding: 0 0.9375rem; } .message-bar__message--icon .message-bar__message { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .message-bar__message--saved:before { content: "\EA70"; margin-right: 0.875rem; } .message-bar__message-container { padding-right: 1.8rem; position: relative; } .message-bar__message--icon .message-bar__message-container { padding-left: 3.7rem; } .message-bar__message--icon .message-bar__message-container:before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; height: 2.75rem; width: 2.75rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2043%2038%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23BA1382%22%20d%3D%22M17.313.564l5.544%201.056L43%2030.66l-.83%203.15-40.01%204.145L0%2032.712%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M18.695%2012.31c0%203.71.127%207.42.127%2011.13h2.695l-.03-.063V10.343h-2.792v1.966zm-.159%2016.458c0%20.76.603%201.14%201.332%201.14.857%200%201.903-.696%201.903-1.616%200-.95-1.14-1.3-1.902-1.3-.158%200-.507.032-.634.158-.35.35-.698%201.142-.698%201.618z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; } .message-bar__message-text { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1rem; } .message-bar__message-button { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: auto; } .message-bar__message-button > .button, .message-bar__message-button > .filePicker, .message-bar__message-button > a.join-now, .message-bar__message-button > input[type="submit"], .message-bar__message-button > input[type="button"], .message-bar__message-button > input[type="reset"], .message-bar__message-button > a.submit-down, .message-bar__message-button > a.submit-right, .message-bar__message-button > button.submit-right, .message-bar__message-button > .create-post__btn-publish, .message-bar__message-button > .create-post__btn-cancel, .message-bar__message-button > .create-post__btn-done { height: 2.5rem; line-height: 0.5625rem; min-height: initial; } .message-bar__message--image-resolution .message-bar__message-button { margin-top: 0.9rem; margin-left: 0; } .photobook--navigation-bar { border-top: 6px solid #c8a6e7; position: relative; z-index: 5; } .photobook--navigation-bar .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; color: #9d81bb; padding: 0 0.9375rem; height: 60px; z-index: 2; } .photobook--navigation-bar .navigation-bar__navigation { position: relative; } .photobook--navigation-bar .navigation-bar__children { display: block; margin: 0; } .photobook--navigation-bar .navigation-bar__child { position: relative; padding: 1.3rem 0.875rem; min-width: 200px; overflow: hidden; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.3125rem; text-align: center; display: inline-block; } .photobook--navigation-bar .navigation-bar__child.is-selected:before { content: ''; display: block; border-image: url(/assets/images/brushes/brushes_light_purple_2.png) 0 fill stretch; position: absolute; bottom: 0; left: 0; height: 190%; width: 100%; z-index: 0; } .photobook--navigation-bar .navigation-bar__child.is-selected > a { color: #ffffff; } .photobook--navigation-bar .navigation-bar__child > a { position: relative; display: block; z-index: 1; color: #9d81bb; transition: color 200ms; white-space: nowrap; } .photobook--navigation-bar .navigation-bar__child > a:hover { color: #ffffff; } .photobook--navigation-bar .navigation-bar__background { position: absolute; top: 0; left: 0; height: 74px; width: 100%; overflow: hidden; z-index: 1; } .navigation-bar--book.photobook--navigation-bar .navigation-bar__background { height: 66px; } .photobook--navigation-bar .navigation-bar__background svg { height: 100%; width: 1440px; } .photobook--navigation-bar .navigation-bar__background #path-to-fill { fill: #562483; fill-opacity: 1; } .photobook--navigation-bar .navigation-bar__back-link { display: inline-block; position: absolute; left: 0.9375rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #9d81bb; font-size: 0.875rem; } .photobook--navigation-bar .navigation-bar__back-link:hover { color: #ffffff; } .photobook--navigation-bar .navigation-bar__back-link:before { content: "\EA81"; margin-right: 0.3rem; font-size: 1.25rem; vertical-align: middle; } .photobook--navigation-bar .navigation-bar__back-text { display: none; } .photobook--navigation-bar .navigation-bar__page { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.125rem; } .photobook--navigation-bar .navigation-bar__close { display: inline-block; position: absolute; top: 50%; right: 0.9375rem; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); transition: all 350ms ease; color: #c8a6e7; } .photobook--navigation-bar .navigation-bar__close:hover { color: #ffffff; } .photobook--navigation-bar .navigation-bar__close:before { content: "\EA73"; display: block; } .is-open.photobook--navigation-bar .navigation-bar__close { -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); } .photobook--navigation-bar .navigation-bar__edit-page { display: none; } .photobook--navigation-bar .navigation-bar__child-name { display: none; } .photobook--navigation-bar .navigation-bar__drop-values { display: none; position: absolute; top: 84%; background-color: #9d81bb; right: 0; left: 0; z-index: 0; } .photobook--navigation-bar .navigation-bar__drop-values:after { content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2274%22%20viewBox%3D%220%200%201440%2074%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M0%2068.317V0h1440v66.328l-63.957%202.633-134.68-4.55-41.716.393-150.97%204.978L939.818%2074l-132.695-8.506-216.92%202.432-241.552%205.08-121.174-3.034-97.336-4.954z%22%2F%3E%3Cfilter%20x%3D%22-.5%25%22%20y%3D%22-6.8%25%22%20width%3D%22101%25%22%20height%3D%22118.9%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22matrix%28-1%200%200%201%201440%200%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%239d81bb%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: bottom; position: absolute; bottom: -11px; height: 16px; width: 100%; } .photobook--navigation-bar .navigation-bar__drop-values-inner { width: 17.5rem; margin: 0 auto; text-align: center; padding: 1.875rem 0 0.9375rem 0; } .photobook--navigation-bar .navigation-bar__drop-value { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 2.5rem; margin-bottom: 0.5rem; font-size: 1.125rem; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; color: #ffffff; padding: 0 1.875rem; cursor: pointer; width: 100%; } .photobook--navigation-bar .navigation-bar__drop-value:last-of-type { margin-bottom: 0; } .photobook--navigation-bar .navigation-bar__drop-value.selected { border-style: solid; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M1.006%2046.754L0%2035.68.577%202.865l20.69-1.736%2036-.056%201.258-.586L79.27%200l31.534%201.497L117.169.9%20120%2024.896l-1.096%2019.928-1.735%202.736-13.026-.33-25.071.05-11.033-.893-38.12%201.466L11.751%2048z%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23562483%22%3E%3Cuse%20fill-opacity%3D%22.5%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 5 5 5 5 fill stretch; } .photobook--navigation-bar .navigation-bar__drop-value > span { text-align: right; margin-left: auto; } .photobook--navigation-bar .navigation-bar__drop-value--trigger { width: 17.5rem; position: relative; } .photobook--navigation-bar .navigation-bar__drop-value--trigger:before { content: "\EA66"; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); font-size: 1.125rem; transition: all 350ms ease; } .is-open.photobook--navigation-bar .navigation-bar__drop-value--trigger:before { -webkit-transform: translateY(-52%) scale(-1); transform: translateY(-52%) scale(-1); margin-top: -2px; } .photobook--navigation-bar.navigation-bar--book .row { overflow: hidden; visibility: hidden; position: relative; } .photobook--navigation-bar.navigation-bar--book .navigation-bar__close { height: 100%; width: 30px; } .photobook--navigation-bar.navigation-bar--book .navigation-bar__close:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .photobook--navigation-bar.navigation-bar--book .navigation-bar__navigation { position: initial; } .photobook--navigation-bar.navigation-bar--book .navigation-bar__back-text { display: inline-block; } .photobook--navigation-bar.navigation-bar--book .navigation-bar__drop-value--trigger { display: none; } .photobook--navigation-bar.navigation-bar--book .navigation-bar__drop-values { display: none; } .photobook--navigation-bar.navigation-bar--book .navigation-bar__children { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 30px; } .photobook--navigation-bar.navigation-bar--book .navigation-bar__navigation > .dropdown { display: none; } .photobook--navigation-bar.navigation-bar--book .navigation-bar__edit-page { display: none; } .photobook--navigation-bar.navigation-bar--book .navigation-bar__child-name { display: inline-block; } .photobook--navigation-bar.navigation-bar--book .navigation-bar__page { font-size: 1.3125rem; } .photobook--navigation-bar.navigation-bar--book.has-overflow-x .navigation-bar__children { visibility: hidden; pointer-events: none; position: absolute; top: 0; left: 0; } .photobook--navigation-bar.navigation-bar--book.has-overflow-x .navigation-bar__drop-value { display: -webkit-flex; display: -ms-flexbox; display: flex; } .photobook--status-bar { position: relative; -webkit-transform: translateY(-5px); transform: translateY(-5px); } .photobook--status-bar .status-bar__background { position: absolute; top: 0; left: 0; height: 74px; width: 100%; overflow: hidden; } .photobook--status-bar .status-bar__background svg { height: 100%; width: 1440px; } .photobook--status-bar .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 60rem; margin: 0 auto; padding: 0 0.9375rem; height: 4.375rem; } .photobook--status-bar .status-bar__message { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.125rem; color: #ffffff; position: relative; z-index: 1; } .photobook--status-bar .status-bar__remove { display: inline-block; color: #ffffff; margin-left: auto; transition: color 600ms ease-out; padding-left: 1rem; position: relative; } .photobook--status-bar .status-bar__remove:hover { color: #ffffff; cursor: pointer; } .photobook--status-bar .status-bar__remove:before { content: "\EA73"; display: block; } .photobook--actions-bar { position: relative; position: fixed; right: 0; bottom: 0; left: 0; z-index: 12; -webkit-transform: translateZ(1px); transform: translateZ(1px); } .photobook--actions-bar .row { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 74rem; padding: 0.75rem 1.875rem; position: relative; } .actions-bar__background { position: absolute; right: -0.625rem; bottom: 0; left: -0.625rem; height: 88px; overflow: hidden; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%201440%2088%22%20width%3D%221448%22%20height%3D%2288%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M0%2083V3l304.552%202.828%2017.66-2.215L541.733%2013.83l150.97-1.131%20249.499-5.365%20130.31%201.086%20304.325-1.162L1440%208.607V83z%22%2F%3E%3Cfilter%20id%3D%22a%22%20width%3D%22101%25%22%20height%3D%22117.5%25%22%20x%3D%22-.5%25%22%20y%3D%22-11.2%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeOffset%20dy%3D%22-2%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%222%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%284%203%29%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 90rem 100%; background-position-y: 2px; } .actions-bar__background svg { height: 100%; width: 1440px; } .actions-bar__buttons { margin-left: auto; margin-right: auto; } .actions-bar__buttons > .button[disabled], .actions-bar__buttons > .filePicker[disabled], .actions-bar__buttons > a.join-now[disabled], .actions-bar__buttons > input[disabled][type="submit"], .actions-bar__buttons > input[disabled][type="button"], .actions-bar__buttons > input[disabled][type="reset"], .actions-bar__buttons > a.submit-down[disabled], .actions-bar__buttons > a.submit-right[disabled], .actions-bar__buttons > button.submit-right[disabled], .actions-bar__buttons > .create-post__btn-publish[disabled], .actions-bar__buttons > .create-post__btn-cancel[disabled], .actions-bar__buttons > .create-post__btn-done[disabled] { opacity: 0.4; } .photobook--child-form { background-color: #562483; position: relative; top: -6px; } .photobook--child-form:after { content: ""; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2274%22%20viewBox%3D%220%200%201440%2074%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M0%2068.317V0h1440v66.328l-63.957%202.633-134.68-4.55-41.716.393-150.97%204.978L939.818%2074l-132.695-8.506-216.92%202.432-241.552%205.08-121.174-3.034-97.336-4.954z%22%2F%3E%3Cfilter%20x%3D%22-.5%25%22%20y%3D%22-6.8%25%22%20width%3D%22101%25%22%20height%3D%22118.9%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22matrix%28-1%200%200%201%201440%200%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23562483%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: bottom; position: absolute; bottom: -11px; height: 16px; width: 100%; z-index: 1; } .photobook--child-form .row { padding: 1rem 0.9375rem; } .photobook--child-form .child-form__image { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.9375rem; } .photobook--child-form .child-form__image-container { position: relative; height: 5.9375rem; width: 6.25rem; min-width: 6.25rem; margin-right: 0.9375rem; -webkit-transform: scale3d(1, 1, 1) rotate(0deg); transform: scale3d(1, 1, 1) rotate(0deg); border-radius: 53% 70% 64% 69%; background-size: cover; background-repeat: no-repeat; transition: all 200ms; } .photobook--child-form .child-form__information h5, .photobook--child-form .child-form__information .h5 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.3125rem; margin: 0; color: #ffffff; } .photobook--child-form .child-form__date { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.125rem; color: #ffffff; } .photobook--attention-message { border: none; height: 100vh; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .photobook--attention-message .row { padding: 0.5rem 1.875rem 1.875rem 1.875rem; text-align: center; } .photobook--attention-message .attention-message__headline { padding: 0 1rem; } .photobook--attention-message .attention-message__message { font-size: 1rem; } .photobook--attention-message .attention-message__actions { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .photobook--attention-message .attention-message__actions a:first-of-type { margin-right: 0; margin-bottom: 0.875rem; } .photobook--grid { margin: 10px 0 110px 0; position: relative; } .photobook--grid .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .photobook--grid .grid-item { position: relative; overflow: hidden; -webkit-flex: 0 0 49.5%; -ms-flex: 0 0 49.5%; flex: 0 0 49.5%; width: 49.5%; } .photobook--grid .grid-item:before { content: ''; display: block; padding-top: 100%; } .photobook--grid .grid-item.grid-item--checked .grid-item__check { display: block; } .photobook--grid .grid-item .grid-item__wrap { position: absolute; top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); } .photobook--grid .grid-item .grid-item__mask { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 1px); background-size: 100% 100%; pointer-events: none; } .photobook--grid .grid-item .grid-item__check { position: absolute; bottom: -6px; right: -6px; width: 45px; height: 45px; display: none; } .photobook--grid .grid-item .grid-item__check:before { content: ''; display: block; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2252%22%20height%3D%2252%22%20viewBox%3D%220%200%2052%2052%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3EArtboard%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M17.644%2044.807C10.632%2040.2-.94%2032.074%206.293%2019.56%2013.527%207.048%2022.251%202.01%2035.455%206.768c13.204%204.757%2013.348%2023.208%208.983%2029.73-4.75%207.096-21.426%2011.834-26.794%208.309z%22%20id%3D%22b%22%2F%3E%3Cfilter%20x%3D%22-9.3%25%22%20y%3D%22-14.6%25%22%20width%3D%22118.6%25%22%20height%3D%22119.5%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%22-2%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%239D81BB%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size: 100% 100%; } .photobook--grid .grid-item .grid-item__check:after { content: "\EA70"; color: #ffffff; line-height: 0; font-size: 24px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%) translateZ(1px); transform: translateX(-50%) translateY(-50%) translateZ(1px); } .photobook--grid .grid-item a { display: block; position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; } .photobook--grid .grid-item .grid-item__preview { padding: 1px; } .photobook--grid .grid-item .grid-item__preview img { width: 100%; } .photobook--grid .grid-item .grid-item__message { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); color: #ffffff; } .photobook--grid .grid-item .grid-item__message-content { position: relative; top: 50%; -webkit-transform: translateY(-50%) translateZ(1px); transform: translateY(-50%) translateZ(1px); padding: 20px; text-align: center; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; line-height: 1.5; } .photobook--grid .grid-item .grid-item__message-icon { position: relative; } .photobook--grid .grid-item .grid-item__message-icon:before { content: ''; position: absolute; top: 8px; left: 48%; width: 7px; height: 25px; background-color: #ffffff; z-index: -1; } .photobook--grid .grid-item .grid-item__message-icon:after { content: "\EA65"; display: block; color: #ba1382; font-size: 35px; margin-bottom: 10px; } .photobook--grid .grid-item .grid-item__message--add { color: #562483; background-color: #fff; } .photobook--grid .grid-item .grid-item__message--add .grid-item__message-icon:before { display: none; } .photobook--grid .grid-item .grid-item__message--add .grid-item__message-icon:after { content: "\EA74"; display: block; font-size: 45px; -webkit-transform: rotate(44deg); transform: rotate(44deg); color: #562483; } .photobook--grid .grid-item a > div { transition: -webkit-transform 250ms 0ms; transition: transform 250ms 0ms; transition: transform 250ms 0ms, -webkit-transform 250ms 0ms; } .no-touch .photobook--grid .grid-item a:hover > div { -webkit-transform: scale(1.1, 1.1) rotate(2deg) translateZ(1px); transform: scale(1.1, 1.1) rotate(2deg) translateZ(1px); } .no-touch .photobook--grid .grid-item:nth-child(2n+1) a:hover > div { -webkit-transform: scale(1.1, 1.1) rotate(-2deg) translateZ(1px); transform: scale(1.1, 1.1) rotate(-2deg) translateZ(1px); } .photobook--grid .order-bar__message { display: inline-block; position: absolute; top: 0; left: 0; padding: 1rem 2.25rem; text-align: right; background-image: url(/assets/images/brushes/brushes_blue_2.png); background-repeat: no-repeat; background-size: 100% 100%; color: #ffffff; -webkit-transform: translateY(-50%) translateX(-1.4rem); transform: translateY(-50%) translateX(-1.4rem); z-index: 1; } .photobook--grid .order-bar__message-text h4, .photobook--grid .order-bar__message-text .h4 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.3rem; color: #ffffff; margin: 0; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } .photobook--grid .order-bar__message-text span { display: block; position: relative; top: -.4em; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } .photobook--milestone-frame { visibility: hidden; margin-top: 0; } .photobook--milestone-frame.photobook--milestone-frame--initialized { visibility: visible; } .photobook--milestone-frame .row { max-width: 75rem; padding: 0; } .photobook--milestone-frame .milestone-item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 4rem; } .photobook--milestone-frame .milestone-carousel { margin-right: 0; position: relative; pointer-events: auto; } .photobook--milestone-frame .milestone-carousel.is-disabled { pointer-events: none; } .photobook--milestone-frame .milestone-carousel.is-disabled .slick-next, .photobook--milestone-frame .milestone-carousel.is-disabled .slick-prev, .photobook--milestone-frame .milestone-carousel.is-disabled .milestone-carousel__edit-image { pointer-events: auto; } .photobook--milestone-frame .milestone-carousel__item { width: 100%; max-width: 100%; position: relative; } .photobook--milestone-frame .milestone-carousel__item:after { display: none; } .photobook--milestone-frame .milestone-carousel__container { position: relative; } .photobook--milestone-frame .milestone-carousel__image { width: 100%; } .photobook--milestone-frame .milestone-carousel__edit-image { display: inline-block; min-width: 121px; padding: 15px 25px 15px 25px; border: 1px solid #562483; border-radius: 50px; color: #ffffff; line-height: 19px; background-color: #562483; transition: all 250ms ease-out; height: auto !important; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 16px; position: absolute; top: 20px; right: 20px; padding: 6px 11px; z-index: 2; color: #ffffff; transition: all 300ms; min-width: 126px; } .no-touch .photobook--milestone-frame .milestone-carousel__edit-image:hover { background-color: #451c68; border-style: 1px solid #451c68; color: #ffffff; } .no-touch .photobook--milestone-frame .milestone-carousel__edit-image:hover span { color: #ffffff; } .photobook--milestone-frame .milestone-carousel__edit-image:focus { color: #ffffff; outline: none !important; } .photobook--milestone-frame .milestone-carousel__edit-image:before { content: "\EA8A"; color: #ffffff; display: inline-block; pointer-events: none; margin-right: 8px; width: 16px; } .photobook--milestone-frame .milestone-edit { position: relative; background-color: #562483; max-width: initial; min-height: 6.25rem; padding: 1.875rem; overflow: initial; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; z-index: 0; padding-bottom: 300px; } .photobook--milestone-frame .milestone-edit:before { content: ''; display: block; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221440%22%20height%3D%2274%22%20viewBox%3D%220%200%201440%2074%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M0%2068.317V0h1440v66.328l-63.957%202.633-134.68-4.55-41.716.393-150.97%204.978L939.818%2074l-132.695-8.506-216.92%202.432-241.552%205.08-121.174-3.034-97.336-4.954z%22%2F%3E%3Cfilter%20x%3D%22-.5%25%22%20y%3D%22-6.8%25%22%20width%3D%22101%25%22%20height%3D%22118.9%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22matrix%28-1%200%200%201%201440%200%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23562483%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: bottom; position: absolute; top: -0.625rem; right: 0; left: 0; height: 0.625rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); z-index: 2; } .photobook--milestone-frame .milestone-edit:after { display: none; pointer-events: none; z-index: 1; } .photobook--milestone-frame .input-field { margin-bottom: 0.8rem; } .photobook--milestone-frame .milestone-edit__form { display: none; } .photobook--milestone-frame .milestone-edit__form.is-active-slide { display: block; } .photobook--milestone-frame .milestone-form__input { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.5rem; } .photobook--milestone-frame .milestone-form__input input[type='text'] { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .photobook--milestone-frame .milestone-form__input > span { display: inline-block; margin-left: 0.5rem; color: #ffffff; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-basis: 2rem; -ms-flex-preferred-size: 2rem; flex-basis: 2rem; } .photobook--milestone-frame .milestone-edit__dropdown { width: 100%; margin-bottom: 1rem; } .photobook--milestone-frame input[type] { background-color: transparent; box-shadow: initial; color: #ffffff; height: 3rem; transition: all 200ms; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; margin-bottom: 0; } .photobook--milestone-frame textarea { box-shadow: initial; background-color: transparent; color: #ffffff; transition: all 200ms; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; height: auto; margin-bottom: 0; padding-top: 14px; padding-bottom: 14px; resize: none; -webkit-transform: translateZ(1px); transform: translateZ(1px); } .photobook--milestone-frame .input-field__label { color: #9d81bb; left: 0.9375rem; } .photobook--milestone-frame .milestone-edit__date:before { content: "\EA6A"; position: absolute; right: 1rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #9d81bb; font-size: 1.5rem; pointer-events: none; z-index: 1; } .photobook--milestone-frame .slick-slider { position: relative; padding: 0; } .photobook--milestone-frame .slick-dots { display: block; list-style: none; text-align: center; padding: 0; margin: 0; position: absolute; bottom: -1.6rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; } .photobook--milestone-frame .slick-dots li { display: inline-block; background-color: #c8a6e7; border-radius: 53% 70% 64% 69%; -webkit-transform: scale3d(1, 1, 1) rotate(0deg); transform: scale3d(1, 1, 1) rotate(0deg); width: 0.625rem; height: 0.625rem; line-height: 0.625rem; padding: 2px; text-align: center; font-size: 11px; margin-right: 10px; } .photobook--milestone-frame .slick-dots li > button { display: none; } .photobook--milestone-frame .slick-dots li.slick-dots-shrunk { -webkit-transform: scale(0.7); transform: scale(0.7); } .photobook--milestone-frame .slick-dots li.slick-active { background-color: #ffffff; } .photobook--milestone-frame .slick-prev, .photobook--milestone-frame .slick-next { font-size: 1.4375rem; color: #ffffff; display: inline-block; width: auto; background-color: transparent; border: none; outline: none; position: absolute; top: 50%; opacity: 1; transition: opacity 200ms; } .photobook--milestone-frame .slick-prev { text-shadow: 1px 1px 2px black; -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); left: 0; } .photobook--milestone-frame .slick-next { text-shadow: -1px 1px 2px black; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); right: 0; } .photobook--milestone-frame .slick-disabled { opacity: 0; transition: opacity 200ms; } .photobook--book-preview .row { padding: 0 20px; margin-top: 20px; } .photobook--book-preview .book-preview { padding: 0; } .photobook--book-preview .book-preview__image { width: 100%; max-width: auto; } .photobook--book-preview .book-preview__item { max-width: 44.375rem; } .photobook--book-preview .slick-slider { position: relative; padding: 0; } .photobook--book-preview .slick-dots { display: block; list-style: none; text-align: center; padding: 0; margin: 0; } .photobook--book-preview .slick-dots li { display: inline-block; background-color: #c8a6e7; border-radius: 53% 70% 64% 69%; -webkit-transform: scale3d(1, 1, 1) rotate(0deg); transform: scale3d(1, 1, 1) rotate(0deg); width: 14px; height: 14px; line-height: 14px; padding: 2px; text-align: center; font-size: 11px; margin-top: 15px; margin-right: 10px; } .photobook--book-preview .slick-dots li > button { display: none; } .photobook--book-preview .slick-dots li.slick-dots-shrunk { -webkit-transform: scale(0.7); transform: scale(0.7); } .photobook--book-preview .slick-dots li.slick-active { background-color: #562483; } .photobook--book-preview .slick-prev, .photobook--book-preview .slick-next { font-size: 23px; color: #ffffff; display: inline-block; width: auto; background-color: transparent; border: none; outline: none; position: absolute; top: calc(50% - 13px); -webkit-appearance: none; padding: 5px; margin: 0; } .photobook--book-preview .slick-prev { text-shadow: 1px 1px 2px black; } .photobook--book-preview .slick-next { text-shadow: -1px 1px 2px black; } .photobook--book-preview .slick-prev { -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); left: 0; } .photobook--book-preview .slick-next { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); right: 0; } .photobook--book-preview .slick-disabled { opacity: .5; } .photobook--grid { margin: 10px 0 110px 0; position: relative; } .photobook--grid .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .photobook--grid .grid-item { position: relative; overflow: hidden; -webkit-flex: 0 0 49.5%; -ms-flex: 0 0 49.5%; flex: 0 0 49.5%; width: 49.5%; } .photobook--grid .grid-item:before { content: ''; display: block; padding-top: 100%; } .photobook--grid .grid-item.grid-item--checked .grid-item__check { display: block; } .photobook--grid .grid-item .grid-item__wrap { position: absolute; top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); } .photobook--grid .grid-item .grid-item__mask { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 1px); background-size: 100% 100%; pointer-events: none; } .photobook--grid .grid-item .grid-item__check { position: absolute; bottom: -6px; right: -6px; width: 45px; height: 45px; display: none; } .photobook--grid .grid-item .grid-item__check:before { content: ''; display: block; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2252%22%20height%3D%2252%22%20viewBox%3D%220%200%2052%2052%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3EArtboard%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M17.644%2044.807C10.632%2040.2-.94%2032.074%206.293%2019.56%2013.527%207.048%2022.251%202.01%2035.455%206.768c13.204%204.757%2013.348%2023.208%208.983%2029.73-4.75%207.096-21.426%2011.834-26.794%208.309z%22%20id%3D%22b%22%2F%3E%3Cfilter%20x%3D%22-9.3%25%22%20y%3D%22-14.6%25%22%20width%3D%22118.6%25%22%20height%3D%22119.5%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%22-2%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%239D81BB%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size: 100% 100%; } .photobook--grid .grid-item .grid-item__check:after { content: "\EA70"; color: #ffffff; line-height: 0; font-size: 24px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%) translateZ(1px); transform: translateX(-50%) translateY(-50%) translateZ(1px); } .photobook--grid .grid-item a { display: block; position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; } .photobook--grid .grid-item .grid-item__preview { padding: 1px; } .photobook--grid .grid-item .grid-item__preview img { width: 100%; } .photobook--grid .grid-item .grid-item__message { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); color: #ffffff; } .photobook--grid .grid-item .grid-item__message-content { position: relative; top: 50%; -webkit-transform: translateY(-50%) translateZ(1px); transform: translateY(-50%) translateZ(1px); padding: 20px; text-align: center; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; line-height: 1.5; } .photobook--grid .grid-item .grid-item__message-icon { position: relative; } .photobook--grid .grid-item .grid-item__message-icon:before { content: ''; position: absolute; top: 8px; left: 48%; width: 7px; height: 25px; background-color: #ffffff; z-index: -1; } .photobook--grid .grid-item .grid-item__message-icon:after { content: "\EA65"; display: block; color: #ba1382; font-size: 35px; margin-bottom: 10px; } .photobook--grid .grid-item .grid-item__message--add { color: #562483; background-color: #fff; } .photobook--grid .grid-item .grid-item__message--add .grid-item__message-icon:before { display: none; } .photobook--grid .grid-item .grid-item__message--add .grid-item__message-icon:after { content: "\EA74"; display: block; font-size: 45px; -webkit-transform: rotate(44deg); transform: rotate(44deg); color: #562483; } .photobook--grid .grid-item a > div { transition: -webkit-transform 250ms 0ms; transition: transform 250ms 0ms; transition: transform 250ms 0ms, -webkit-transform 250ms 0ms; } .no-touch .photobook--grid .grid-item a:hover > div { -webkit-transform: scale(1.1, 1.1) rotate(2deg) translateZ(1px); transform: scale(1.1, 1.1) rotate(2deg) translateZ(1px); } .no-touch .photobook--grid .grid-item:nth-child(2n+1) a:hover > div { -webkit-transform: scale(1.1, 1.1) rotate(-2deg) translateZ(1px); transform: scale(1.1, 1.1) rotate(-2deg) translateZ(1px); } .photobook--grid .order-bar__message { display: inline-block; position: absolute; top: 0; left: 0; padding: 1rem 2.25rem; text-align: right; background-image: url(/assets/images/brushes/brushes_blue_2.png); background-repeat: no-repeat; background-size: 100% 100%; color: #ffffff; -webkit-transform: translateY(-50%) translateX(-1.4rem); transform: translateY(-50%) translateX(-1.4rem); z-index: 1; } .photobook--grid .order-bar__message-text h4, .photobook--grid .order-bar__message-text .h4 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.3rem; color: #ffffff; margin: 0; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } .photobook--grid .order-bar__message-text span { display: block; position: relative; top: -.4em; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } .photobook--crop-image { margin-top: 20px; } .no-touch .photobook--crop-image { margin-bottom: 53px; } .touch .photobook--crop-image .cr-slider-wrap, .touch .photobook--crop-image .crop-image__zoom { display: none; } .photobook--crop-image .crop-image__info { display: none; } .photobook--crop-image.upload-visible .crop-image__upload .crop-image__upload-upload { display: block; } .photobook--crop-image.upload-visible .crop-image__upload .crop-image__upload-remove { display: none; } .photobook--crop-image.upload-visible .crop-image__zoom { opacity: 0.5; pointer-events: none; } .photobook--crop-image.upload-visible .crop-image__layout { opacity: 0.5; pointer-events: none; } .photobook--crop-image.upload-visible .cr-slider-wrap { opacity: 0.5; pointer-events: none; } .photobook--crop-image.circle-layout .crop-image__layout { display: none; } .photobook--crop-image.circle-layout .cr-vp-square { border-radius: 100%; } .photobook--crop-image .crop-image__outer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .photobook--crop-image .crop-image__inner { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .photobook--crop-image .crop-image__container { position: relative; width: 100%; } .photobook--crop-image .crop-image__container:after { content: ''; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: calc(100% + 1px); background-size: 120% 100%; background-position-x: 10%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22380%22%20height%3D%22248%22%20viewBox%3D%220%200%20380%20248%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M2.5%20192.6s0-16-.1-16.8c0-.8.8-25.8.8-25.8-.8-1.9-.5-66.3-.5-66.3l.8-60.1%204.7-16%2027.2-.9%2071-4.1%2088.6%202%2090.5-3.2L379.9%200H0v244.6-48.1l2.5-3.9zM377.4%2054.8l-1.3%2046.9.8%2017.3-.3%2023.6s.1%2020.7.1%2021.5.2%2052.2.2%2052.2l-3.4%2026-98.3%205.7H380V44.3v5.8c-.1%201.2-2.6%204.7-2.6%204.7z%22%2F%3E%3Cpath%20d%3D%22M137.4%20245.1l-25.4.4-44.9-.7-31.4%201.7L0%20244.6v3.4h275.3l-56.3-1.9zM379.9%200s.1%2031.1.1%2044.3V0h-.1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; pointer-events: none; } .photobook--crop-image .crop-image__container .crop-image__container-ratio { display: block; width: 100%; padding-top: 68.75%; } .photobook--crop-image .crop-image__container .crop-image__target { position: absolute; top: 2px; left: 2px; width: calc(100% - 4px); height: calc(100% - 4px); background-color: #CFCFCF; } .photobook--crop-image .crop-image__zoom { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 60px; margin-top: 9px; z-index: 1; opacity: 1; pointer-events: auto; transition: opacity 250ms; } .photobook--crop-image .crop-image__zoom :nth-child(1), .photobook--crop-image .crop-image__zoom :nth-child(3) { -webkit-flex: 1 0 20%; -ms-flex: 1 0 20%; flex: 1 0 20%; } .photobook--crop-image .crop-image__zoom :nth-child(2) { -webkit-flex: 0 0 340px; -ms-flex: 0 0 340px; flex: 0 0 340px; } .photobook--crop-image .crop-image__zoom :nth-child(1) { text-align: right; } .photobook--crop-image .crop-image__zoom a { display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: 50%; transition: -webkit-transform 250ms; transition: transform 250ms; transition: transform 250ms, -webkit-transform 250ms; } .no-touch .photobook--crop-image .crop-image__zoom a:hover { -webkit-transform: rotate(2deg) scale(1.15); transform: rotate(2deg) scale(1.15); } .photobook--crop-image .crop-image__zoom a[data-zoom="-"] { background-size: 70%; } .no-touch .photobook--crop-image .crop-image__zoom a[data-zoom="-"]:hover { -webkit-transform: rotate(-2deg) scale(0.85); transform: rotate(-2deg) scale(0.85); } .photobook--crop-image .crop-image__upload { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; } .photobook--crop-image .crop-image__upload .crop-image__upload-upload { width: calc(100% - 4px); height: calc(100% - 4px); margin-left: 2px; margin-top: 2px; background: #9d81bb; pointer-events: auto; display: none; } .photobook--crop-image .crop-image__upload label, .photobook--crop-image .crop-image__upload input[type=file] { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 80px; height: 80px; } .photobook--crop-image .crop-image__upload input[type=file] { visibility: hidden; margin-bottom: 0; } .photobook--crop-image .crop-image__upload label { color: #562483; } .photobook--crop-image .crop-image__upload label:before { content: ''; display: block; margin-left: 5%; margin-right: 0; width: 90%; height: 90%; border-radius: 100%; background-color: #fff; transition: -webkit-transform 250ms; transition: transform 250ms; transition: transform 250ms, -webkit-transform 250ms; } .photobook--crop-image .crop-image__upload label:after { content: "\EA74"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 80px; -webkit-transform: rotate(44deg); transform: rotate(44deg); transition: -webkit-transform 250ms; transition: transform 250ms; transition: transform 250ms, -webkit-transform 250ms; } .no-touch .photobook--crop-image .crop-image__upload label:hover:after { -webkit-transform: scale(0.9) rotate(46deg); transform: scale(0.9) rotate(46deg); } .no-touch .photobook--crop-image .crop-image__upload label:hover:before { -webkit-transform: scale(0.8); transform: scale(0.8); } .photobook--crop-image .crop-image__upload a.crop-image__upload-remove { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; pointer-events: auto; transition: -webkit-transform 250ms; transition: transform 250ms; transition: transform 250ms, -webkit-transform 250ms; padding: 5px; } .no-touch .photobook--crop-image .crop-image__upload a.crop-image__upload-remove:hover { color: #562483; -webkit-transform: scale(1.1) rotate(2deg); transform: scale(1.1) rotate(2deg); } .photobook--crop-image .crop-image__upload a.crop-image__upload-remove:before { content: ''; display: block; width: 100%; height: 100%; border-radius: 100%; background-color: #fff; } .photobook--crop-image .crop-image__upload a.crop-image__upload-remove:after { content: "\EA74"; position: absolute; top: 0; left: 0; font-size: 30px; } .photobook--crop-image .crop-image__layout { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 40px; opacity: 1; pointer-events: auto; transition: opacity 250ms; } .photobook--crop-image .crop-image__layout a { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; margin: 0 20px; color: #000; } .no-touch .photobook--crop-image .crop-image__layout a:hover { color: #000; } .no-touch .photobook--crop-image .crop-image__layout a:hover:before { -webkit-transform: rotate(2deg) scale(1.15); transform: rotate(2deg) scale(1.15); } .photobook--crop-image .crop-image__layout a:before { content: ''; display: block; width: 41px; height: 41px; background-repeat: no-repeat; background-position: 50%; transition: -webkit-transform 250ms; transition: transform 250ms; transition: transform 250ms, -webkit-transform 250ms; } .photobook--crop-image .crop-image__layout span { display: block; padding-top: 10px; } .photobook--crop-image .crop-image__layout a[data-layout="landscape"]:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2241%22%20height%3D%2228%22%20viewBox%3D%220%200%2041%2028%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Eorientation-landscape%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M2.402%2025.453l-.218-2.517.015-5.052.009-2.079-.019-2.28.054-1.677-.08-4.541s-.155-.347-.161-.456C1.996%206.741%202.008%202%202.008%202l5.985.128%2022.315.068%201.93.049%204.508.398%201.727.086.297%201.55.053%205.818s.024%206.237-.029%206.42c0%200%20.056%202.425.053%202.498-.003.073-.006%201.623-.006%201.623l.156.383.003%204.65-1.336.024-.93.16-1.995-.165-4.467.025-5.178.102L8.646%2026l-1.795-.11-4.45-.437z%22%20id%3D%22a%22%2F%3E%3Cpath%20d%3D%22M38.157%2025.6l-3.88.217-7.788-.015-3.206-.009-3.514.019-2.587-.054-7%20.08s-.535.155-.703.16C9.31%2026.004%202%2025.993%202%2025.993l.197-5.953.105-9.395.075-1.92.615-4.483.133-1.718%202.39-.296%208.968-.052s9.616-.024%209.897.029c0%200%203.74-.056%203.852-.053.112.003%202.502.006%202.502.006l.59-.155L38.494%202l.036%201.329.245.925-.253%201.984.038%204.442.157%205.151L39%2019.39l-.169%201.785-.674%204.425z%22%20id%3D%22b%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M1.167%207.518a5.654%205.654%200%200%201-.015-.037l-.025-.067a1.569%201.569%200%200%201-.124-.51c-.004-.078-.004-.808%200-2.48v-.75l.003-1.182.002-.494.002-1.02L2.03%201l5.967.128%2022.337.068%201.993.052%204.47.397%202.512.125.445%202.321.017.18.053%205.822a715.56%20715.56%200%200%201%20.006%203.217c-.002%202.016-.005%202.835-.034%203.218%200%20.048.002.091.007.329l.018.812.002.076c.02.922.027%201.244.024%201.31a187.064%20187.064%200%200%200-.004%201.388l.155.382.004%205.83-2.243.038-.98.168-.126-.01-1.907-.161-4.453.025-5.187.102-16.52.181-1.832-.112-5.276-.52-.071-.827-.222-2.606.007-2.498v-.028a10292.988%2010292.988%200%200%200%20.012-3.565v-.029l.005-1-.018-2.319.053-1.628-.076-4.348z%22%2F%3E%3Cg%3E%3Cuse%20fill%3D%22%23000%22%20xlink%3Ahref%3D%22%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20d%3D%22M37.29%2024.647l.546-3.566.16-1.699-.278-3.52-.157-5.173-.039-4.443.008-.135.228-1.79-.225-.849L37.52%203l-6.066.003-.591.155h-.522l-.862-.002c-.78-.001-1.212-.003-1.273-.004-.026%200-.832.01-1.885.025l-.116.001-1.251.019-.56.008-.198-.017c-.018-.004-2.282-.017-4.762-.017a1859.979%201859.979%200%200%200-4.58.004h-.365l-8.91.053-1.521.188-.075.962-.607%204.387-.075%201.891-.105%209.417-.162%204.921%201.551.002%201.157.002c2.147.002%203.65.003%203.702.001-.03.001.043-.013.125-.033l.069-.017a8.74%208.74%200%200%200%20.265-.072l.13-.038.137-.002%207.033-.078%202.56.053%203.523-.018%201.56.004h.044a2933.803%202933.803%200%200%200%205.494.012h.043c2.892.005%202.892.005%203.794.008l3.07-.17z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .photobook--crop-image .crop-image__layout a[data-layout="landscape"].selected:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2241%22%20height%3D%2228%22%20viewBox%3D%220%200%2041%2028%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Eorientation-landscape%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M2.402%2025.453l-.218-2.517.015-5.052.009-2.079-.019-2.28.054-1.677-.08-4.541s-.155-.347-.161-.456C1.996%206.741%202.008%202%202.008%202l5.985.128%2022.315.068%201.93.049%204.508.398%201.727.086.297%201.55.053%205.818s.024%206.237-.029%206.42c0%200%20.056%202.425.053%202.498-.003.073-.006%201.623-.006%201.623l.156.383.003%204.65-1.336.024-.93.16-1.995-.165-4.467.025-5.178.102L8.646%2026l-1.795-.11-4.45-.437z%22%20id%3D%22a%22%2F%3E%3Cpath%20d%3D%22M38.157%2025.6l-3.88.217-7.788-.015-3.206-.009-3.514.019-2.587-.054-7%20.08s-.535.155-.703.16C9.31%2026.004%202%2025.993%202%2025.993l.197-5.953.105-9.395.075-1.92.615-4.483.133-1.718%202.39-.296%208.968-.052s9.616-.024%209.897.029c0%200%203.74-.056%203.852-.053.112.003%202.502.006%202.502.006l.59-.155L38.494%202l.036%201.329.245.925-.253%201.984.038%204.442.157%205.151L39%2019.39l-.169%201.785-.674%204.425z%22%20id%3D%22b%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M1.167%207.518a5.654%205.654%200%200%201-.015-.037l-.025-.067a1.569%201.569%200%200%201-.124-.51c-.004-.078-.004-.808%200-2.48v-.75l.003-1.182.002-.494.002-1.02L2.03%201l5.967.128%2022.337.068%201.993.052%204.47.397%202.512.125.445%202.321.017.18.053%205.822a715.56%20715.56%200%200%201%20.006%203.217c-.002%202.016-.005%202.835-.034%203.218%200%20.048.002.091.007.329l.018.812.002.076c.02.922.027%201.244.024%201.31a187.064%20187.064%200%200%200-.004%201.388l.155.382.004%205.83-2.243.038-.98.168-.126-.01-1.907-.161-4.453.025-5.187.102-16.52.181-1.832-.112-5.276-.52-.071-.827-.222-2.606.007-2.498v-.028a10292.988%2010292.988%200%200%200%20.012-3.565v-.029l.005-1-.018-2.319.053-1.628-.076-4.348z%22%2F%3E%3Cg%3E%3Cuse%20fill%3D%22%23000%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20d%3D%22M37.29%2024.647l.546-3.566.16-1.699-.278-3.52-.157-5.173-.039-4.443.008-.135.228-1.79-.225-.849L37.52%203l-6.066.003-.591.155h-.522l-.862-.002c-.78-.001-1.212-.003-1.273-.004-.026%200-.832.01-1.885.025l-.116.001-1.251.019-.56.008-.198-.017c-.018-.004-2.282-.017-4.762-.017a1859.979%201859.979%200%200%200-4.58.004h-.365l-8.91.053-1.521.188-.075.962-.607%204.387-.075%201.891-.105%209.417-.162%204.921%201.551.002%201.157.002c2.147.002%203.65.003%203.702.001-.03.001.043-.013.125-.033l.069-.017a8.74%208.74%200%200%200%20.265-.072l.13-.038.137-.002%207.033-.078%202.56.053%203.523-.018%201.56.004h.044a2933.803%202933.803%200%200%200%205.494.012h.043c2.892.005%202.892.005%203.794.008l3.07-.17z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .photobook--crop-image .crop-image__layout a[data-layout="portrait"]:before { width: 28px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2228%22%20height%3D%2241%22%20viewBox%3D%220%200%2028%2041%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Eorientation-portrait%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M3.047%202.902l2.517-.218%205.052.015%202.079.009%202.28-.019%201.677.054%204.541-.08s.347-.155.456-.161c.11-.006%204.851.006%204.851.006l-.128%205.985-.068%2022.315-.049%201.93-.398%204.508-.086%201.727-1.55.297-5.818.053s-6.237.024-6.42-.029c0%200-2.425.056-2.498.053-.073-.003-1.623-.006-1.623-.006l-.383.156-4.65.003-.024-1.336-.16-.93.165-1.995-.025-4.467-.102-5.178L2.5%209.146l.11-1.795.437-4.45z%22%20id%3D%22a%22%2F%3E%3Cpath%20d%3D%22M2.9%2038.657l-.217-3.88.015-7.788.009-3.206-.019-3.514.054-2.587-.08-7s-.155-.535-.16-.703c-.006-.169.005-7.479.005-7.479l5.953.197%209.395.105%201.92.075%204.483.615%201.718.133.296%202.39.052%208.968s.024%209.616-.029%209.897c0%200%20.056%203.74.053%203.852-.003.112-.006%202.502-.006%202.502l.155.59.003%207.17-1.329.036-.925.245-1.984-.253-4.442.038-5.151.157-3.559.283-1.785-.169-4.425-.674z%22%20id%3D%22b%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M20.982%201.667l.037-.015.067-.025c.198-.075.33-.114.51-.124.078-.004.808-.004%202.48%200h.75l1.182.003.494.002%201.02.002L27.5%202.53l-.128%205.967-.068%2022.337-.052%201.993-.397%204.47-.125%202.512-2.321.445-.18.017-5.822.053a715.56%20715.56%200%200%201-3.217.006c-2.016-.002-2.835-.005-3.218-.034-.048%200-.091.002-.329.007l-.812.018-.076.002a59.86%2059.86%200%200%201-1.31.024%20187.064%20187.064%200%200%200-1.388-.004l-.382.155-5.83.004-.038-2.243-.168-.98.01-.126.161-1.907-.025-4.453-.102-5.187-.181-16.52.112-1.832.52-5.276.827-.071%202.606-.222%202.498.007h.028a10292.988%2010292.988%200%200%200%203.565.012h.029l1%20.005%202.319-.018%201.628.053%204.348-.076z%22%2F%3E%3Cg%3E%3Cuse%20fill%3D%22%23000%22%20xlink%3Ahref%3D%22%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20d%3D%22M3.853%2037.79l3.566.546%201.699.16%203.52-.278%205.173-.157%204.443-.039.135.008%201.79.228.849-.225.472-.013-.003-6.066-.155-.591v-.13-.392l.002-.862c.001-.78.003-1.212.004-1.273%200-.026-.01-.832-.025-1.885l-.001-.116-.019-1.251-.008-.56.017-.198c.004-.018.017-2.282.017-4.762a1859.996%201859.996%200%200%200-.004-4.58v-.365l-.053-8.91-.188-1.521-.962-.075-4.387-.607-1.891-.075-9.417-.105-4.921-.162-.002%201.551-.002%201.157C3.5%208.389%203.5%209.892%203.501%209.944c-.001-.03.013.043.033.125a6.334%206.334%200%200%200%20.089.334l.038.13.002.137.078%207.033-.053%202.56.018%203.523-.004%201.56v.044a2934.33%202934.33%200%200%200-.012%205.494v.043c-.005%202.892-.005%202.892-.008%203.794l.17%203.07z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .photobook--crop-image .crop-image__layout a[data-layout="portrait"].selected:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2228%22%20height%3D%2241%22%20viewBox%3D%220%200%2028%2041%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Eorientation-portrait%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M3.047%202.902l2.517-.218%205.052.015%202.079.009%202.28-.019%201.677.054%204.541-.08s.347-.155.456-.161c.11-.006%204.851.006%204.851.006l-.128%205.985-.068%2022.315-.049%201.93-.398%204.508-.086%201.727-1.55.297-5.818.053s-6.237.024-6.42-.029c0%200-2.425.056-2.498.053-.073-.003-1.623-.006-1.623-.006l-.383.156-4.65.003-.024-1.336-.16-.93.165-1.995-.025-4.467-.102-5.178L2.5%209.146l.11-1.795.437-4.45z%22%20id%3D%22a%22%2F%3E%3Cpath%20d%3D%22M2.9%2038.657l-.217-3.88.015-7.788.009-3.206-.019-3.514.054-2.587-.08-7s-.155-.535-.16-.703c-.006-.169.005-7.479.005-7.479l5.953.197%209.395.105%201.92.075%204.483.615%201.718.133.296%202.39.052%208.968s.024%209.616-.029%209.897c0%200%20.056%203.74.053%203.852-.003.112-.006%202.502-.006%202.502l.155.59.003%207.17-1.329.036-.925.245-1.984-.253-4.442.038-5.151.157-3.559.283-1.785-.169-4.425-.674z%22%20id%3D%22b%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M20.982%201.667l.037-.015.067-.025c.198-.075.33-.114.51-.124.078-.004.808-.004%202.48%200h.75l1.182.003.494.002%201.02.002L27.5%202.53l-.128%205.967-.068%2022.337-.052%201.993-.397%204.47-.125%202.512-2.321.445-.18.017-5.822.053a715.56%20715.56%200%200%201-3.217.006c-2.016-.002-2.835-.005-3.218-.034-.048%200-.091.002-.329.007l-.812.018-.076.002a59.86%2059.86%200%200%201-1.31.024%20187.064%20187.064%200%200%200-1.388-.004l-.382.155-5.83.004-.038-2.243-.168-.98.01-.126.161-1.907-.025-4.453-.102-5.187-.181-16.52.112-1.832.52-5.276.827-.071%202.606-.222%202.498.007h.028a10292.988%2010292.988%200%200%200%203.565.012h.029l1%20.005%202.319-.018%201.628.053%204.348-.076z%22%2F%3E%3Cg%3E%3Cuse%20fill%3D%22%23000%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20d%3D%22M3.853%2037.79l3.566.546%201.699.16%203.52-.278%205.173-.157%204.443-.039.135.008%201.79.228.849-.225.472-.013-.003-6.066-.155-.591v-.13-.392l.002-.862c.001-.78.003-1.212.004-1.273%200-.026-.01-.832-.025-1.885l-.001-.116-.019-1.251-.008-.56.017-.198c.004-.018.017-2.282.017-4.762a1859.996%201859.996%200%200%200-.004-4.58v-.365l-.053-8.91-.188-1.521-.962-.075-4.387-.607-1.891-.075-9.417-.105-4.921-.162-.002%201.551-.002%201.157C3.5%208.389%203.5%209.892%203.501%209.944c-.001-.03.013.043.033.125a6.334%206.334%200%200%200%20.089.334l.038.13.002.137.078%207.033-.053%202.56.018%203.523-.004%201.56v.044a2934.33%202934.33%200%200%200-.012%205.494v.043c-.005%202.892-.005%202.892-.008%203.794l.17%203.07z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .photobook--crop-image .crop-image__layout a[data-layout="square"]:before { width: 28px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Eorientation-square%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M25.6%202.547l.217%202.517-.015%205.052-.009%202.079.019%202.28-.054%201.677.08%204.541s.155.347.16.456c.006.11-.005%204.851-.005%204.851l-5.953-.128-9.395-.068-1.92-.049-4.483-.398-1.718-.086-.296-1.55-.052-5.818s-.024-6.237.029-6.42c0%200-.056-2.425-.053-2.498.003-.073.006-1.623.006-1.623l-.155-.383L2%202.329l1.329-.024.925-.16%201.984.165%204.442-.025%205.151-.102L19.39%202l1.785.11%204.425.437z%22%20id%3D%22a%22%2F%3E%3Cpath%20d%3D%22M23.667%204.456l.18%202.097-.012%204.21-.007%201.732.015%201.9-.044%201.398.065%203.785s.13.288.135.38c.005.09-.005%204.042-.005%204.042l-4.96-.106-7.83-.057-1.6-.04-3.736-.333-1.431-.072L4.19%2022.1l-.044-4.848s-.02-5.197.025-5.35c0%200-.047-2.02-.044-2.081.002-.061.005-1.353.005-1.353l-.13-.32L4%204.275l1.107-.02.77-.132%201.654.136%203.703-.02%204.292-.085L18.492%204l1.487.091%203.688.365z%22%20id%3D%22b%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M26.834%2020.483l.015.038.025.066c.074.198.113.33.123.509.004.078.004.81%200%202.48v.75l-.003%201.182-.001.494-.003%201.02L25.971%2027l-5.938-.128-9.413-.068-1.983-.053-4.445-.396-2.503-.125-.443-2.322-.018-.179-.052-5.823a719.456%20719.456%200%200%201-.005-3.216c0-2.015.004-2.835.033-3.218l-.007-.329-.018-.812-.002-.076a60.466%2060.466%200%200%201-.024-1.31%20186.839%20186.839%200%200%200%20.005-1.39l-.155-.381-.004-5.828%202.236-.04.974-.167.127.01%201.896.161%204.429-.025%205.119-.1L19.339%201h.112l1.823.113%205.251.52.072.827.22%202.606-.007%202.498v.028a10350.576%2010350.576%200%200%200-.012%203.565v.029l-.005%201%20.018%202.319-.053%201.629.076%204.348z%22%2F%3E%3Cg%3E%3Cuse%20fill%3D%22%23000%22%20xlink%3Ahref%3D%22%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20d%3D%22M24.861%2019.369a4.705%204.705%200%200%201%20.024.062c.068.182.103.3.112.473.004.071.004.651.001%202.076l-.001.625-.002.986-.001.411-.003%201.02L23.972%2025l-4.946-.106-7.847-.057-1.663-.045-3.698-.33-2.217-.11-.393-2.064-.018-.179-.044-4.853a599.678%20599.678%200%200%201-.004-2.68c.001-1.713.003-2.377.028-2.696l-.006-.257-.015-.677-.001-.063a45.833%2045.833%200%200%201-.02-1.102%20206.837%20206.837%200%200%200%20.003-1.12l-.128-.317-.004-5.053%202.014-.035.82-.141.127.01%201.566.133%203.688-.02%204.26-.084%202.966-.153h.113l1.525.095%204.514.447.071.827.184%202.186-.006%202.082v.023a8706.432%208706.432%200%200%200-.01%202.972v.023l-.003.832.014%201.939-.044%201.349.063%203.593z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .photobook--crop-image .crop-image__layout a[data-layout="square"].selected:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Eorientation-square%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M25.6%202.547l.217%202.517-.015%205.052-.009%202.079.019%202.28-.054%201.677.08%204.541s.155.347.16.456c.006.11-.005%204.851-.005%204.851l-5.953-.128-9.395-.068-1.92-.049-4.483-.398-1.718-.086-.296-1.55-.052-5.818s-.024-6.237.029-6.42c0%200-.056-2.425-.053-2.498.003-.073.006-1.623.006-1.623l-.155-.383L2%202.329l1.329-.024.925-.16%201.984.165%204.442-.025%205.151-.102L19.39%202l1.785.11%204.425.437z%22%20id%3D%22a%22%2F%3E%3Cpath%20d%3D%22M23.667%204.456l.18%202.097-.012%204.21-.007%201.732.015%201.9-.044%201.398.065%203.785s.13.288.135.38c.005.09-.005%204.042-.005%204.042l-4.96-.106-7.83-.057-1.6-.04-3.736-.333-1.431-.072L4.19%2022.1l-.044-4.848s-.02-5.197.025-5.35c0%200-.047-2.02-.044-2.081.002-.061.005-1.353.005-1.353l-.13-.32L4%204.275l1.107-.02.77-.132%201.654.136%203.703-.02%204.292-.085L18.492%204l1.487.091%203.688.365z%22%20id%3D%22b%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M26.834%2020.483l.015.038.025.066c.074.198.113.33.123.509.004.078.004.81%200%202.48v.75l-.003%201.182-.001.494-.003%201.02L25.971%2027l-5.938-.128-9.413-.068-1.983-.053-4.445-.396-2.503-.125-.443-2.322-.018-.179-.052-5.823a719.456%20719.456%200%200%201-.005-3.216c0-2.015.004-2.835.033-3.218l-.007-.329-.018-.812-.002-.076a60.466%2060.466%200%200%201-.024-1.31%20186.839%20186.839%200%200%200%20.005-1.39l-.155-.381-.004-5.828%202.236-.04.974-.167.127.01%201.896.161%204.429-.025%205.119-.1L19.339%201h.112l1.823.113%205.251.52.072.827.22%202.606-.007%202.498v.028a10350.576%2010350.576%200%200%200-.012%203.565v.029l-.005%201%20.018%202.319-.053%201.629.076%204.348z%22%2F%3E%3Cg%3E%3Cuse%20fill%3D%22%23000%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20d%3D%22M24.861%2019.369a4.705%204.705%200%200%201%20.024.062c.068.182.103.3.112.473.004.071.004.651.001%202.076l-.001.625-.002.986-.001.411-.003%201.02L23.972%2025l-4.946-.106-7.847-.057-1.663-.045-3.698-.33-2.217-.11-.393-2.064-.018-.179-.044-4.853a599.678%20599.678%200%200%201-.004-2.68c.001-1.713.003-2.377.028-2.696l-.006-.257-.015-.677-.001-.063a45.833%2045.833%200%200%201-.02-1.102%20206.837%20206.837%200%200%200%20.003-1.12l-.128-.317-.004-5.053%202.014-.035.82-.141.127.01%201.566.133%203.688-.02%204.26-.084%202.966-.153h.113l1.525.095%204.514.447.071.827.184%202.186-.006%202.082v.023a8706.432%208706.432%200%200%200-.01%202.972v.023l-.003.832.014%201.939-.044%201.349.063%203.593z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .photobook--crop-image .crop-image__upload-progress { position: absolute; bottom: 2px; left: 2px; width: calc(100% - 4px); height: 7px; background: rgba(157, 129, 187, 0.8); opacity: 0; transition: opacity 250ms; } .photobook--crop-image .crop-image__upload-progress.active { opacity: 1; } .photobook--crop-image .crop-image__upload-progress.error { opacity: 1; background: #ba1382; } .photobook--crop-image .crop-image__upload-progress.error div { display: none; } .photobook--crop-image .crop-image__upload-progress div { width: 0; height: 100%; background: #562483; transition: all 500ms; } .photobook--crop-image .croppie-container .cr-viewport, .photobook--crop-image .croppie-container .cr-resizer { border: none; box-shadow: 0 0 2000px 2000px rgba(255, 255, 255, 0.7); } .photobook--crop-image .cr-slider { min-height: 20px; z-index: 2; position: relative; } .photobook--crop-image .cr-slider-wrap { margin-top: 25px; opacity: 1; pointer-events: auto; transition: opacity 250ms; } .photobook--crop-image .cr-slider::-ms-tooltip { display: none; } .photobook--crop-image .cr-slider::-webkit-slider-runnable-track { background-color: rgba(0, 0, 0, 0); border: 0; border-radius: 0; height: 8px; /* for some reason its not possible to extend %svg-slider-runnable-track-bg on multiple places */ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22392%22%20height%3D%228%22%20viewBox%3D%220%200%20392%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eslider-runnable-track%3C%2Ftitle%3E%3Cpath%20d%3D%22M2%205l10.366-3%2056.218%201.042%2073.894.15L216.584%205l61.612-2.753%2098.647%201.513L390%205%22%20stroke%3D%22%239D81BB%22%20stroke-width%3D%225%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%20stroke-opacity%3D%22.4%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; } .photobook--crop-image .cr-slider::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 20px; width: 20px; border-radius: 59% 70% 64% 80%; background: #562483; margin-top: -6px; -webkit-transform: rotate(22deg); transform: rotate(22deg); } .photobook--crop-image .cr-slider::-moz-range-track { background-color: rgba(0, 0, 0, 0); border: 0; border-radius: 0; height: 8px; /* for some reason its not possible to extend %svg-slider-runnable-track-bg on multiple places */ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22392%22%20height%3D%228%22%20viewBox%3D%220%200%20392%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eslider-runnable-track%3C%2Ftitle%3E%3Cpath%20d%3D%22M2%205l10.366-3%2056.218%201.042%2073.894.15L216.584%205l61.612-2.753%2098.647%201.513L390%205%22%20stroke%3D%22%239D81BB%22%20stroke-width%3D%225%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%20stroke-opacity%3D%22.4%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; } .photobook--crop-image .cr-slider::-moz-range-thumb { border: none; height: 20px; width: 20px; border-radius: 59% 70% 64% 80%; background: #562483; margin-top: -6px; transform: rotate(22deg); } .photobook--crop-image .cr-slider::-moz-focus-outer { border: 0; } .photobook--crop-image .cr-slider::-ms-track { background-color: rgba(0, 0, 0, 0); border: 0; border-radius: 0; height: 8px; /* for some reason its not possible to extend %svg-slider-runnable-track-bg on multiple places */ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22392%22%20height%3D%228%22%20viewBox%3D%220%200%20392%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eslider-runnable-track%3C%2Ftitle%3E%3Cpath%20d%3D%22M2%205l10.366-3%2056.218%201.042%2073.894.15L216.584%205l61.612-2.753%2098.647%201.513L390%205%22%20stroke%3D%22%239D81BB%22%20stroke-width%3D%225%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%20stroke-opacity%3D%22.4%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; } .photobook--crop-image .cr-slider::-ms-fill-lower { background: rgba(0, 0, 0, 0); border-radius: 0; } .photobook--crop-image .cr-slider::-ms-fill-upper { background: rgba(0, 0, 0, 0); border-radius: 0; } .photobook--crop-image .cr-slider::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 59% 70% 64% 80%; background: #562483; margin-top: 0px; transform: rotate(22deg); } .button.button--progress, .button--progress.filePicker, a.button--progress.join-now, input.button--progress[type="submit"], input.button--progress[type="button"], input.button--progress[type="reset"], a.button--progress.submit-down, a.button--progress.submit-right, button.button--progress.submit-right, .button--progress.create-post__btn-publish, .button--progress.create-post__btn-cancel, .button--progress.create-post__btn-done { position: relative; overflow: hidden; transition: padding 500ms 0ms, opacity 500ms 500ms; } .button.button--progress *, .button--progress.filePicker *, a.button--progress.join-now *, input.button--progress[type="submit"] *, input.button--progress[type="button"] *, input.button--progress[type="reset"] *, a.button--progress.submit-down *, a.button--progress.submit-right *, button.button--progress.submit-right *, .button--progress.create-post__btn-publish *, .button--progress.create-post__btn-cancel *, .button--progress.create-post__btn-done * { pointer-events: none; } .button.button--progress.button--in-progress, .button--progress.button--in-progress.filePicker, a.button--progress.button--in-progress.join-now, input.button--progress.button--in-progress[type="submit"], input.button--progress.button--in-progress[type="button"], input.button--progress.button--in-progress[type="reset"], a.button--progress.button--in-progress.submit-down, a.button--progress.button--in-progress.submit-right, button.button--progress.button--in-progress.submit-right, .button--progress.button--in-progress.create-post__btn-publish, .button--progress.button--in-progress.create-post__btn-cancel, .button--progress.button--in-progress.create-post__btn-done { pointer-events: none; opacity: 0.9; padding-right: 44px; } .button.button--progress.button--in-progress:after, .button--progress.button--in-progress.filePicker:after, a.button--progress.button--in-progress.join-now:after, input.button--progress.button--in-progress[type="submit"]:after, input.button--progress.button--in-progress[type="button"]:after, input.button--progress.button--in-progress[type="reset"]:after, a.button--progress.button--in-progress.submit-down:after, a.button--progress.button--in-progress.submit-right:after, button.button--progress.button--in-progress.submit-right:after, .button--progress.button--in-progress.create-post__btn-publish:after, .button--progress.button--in-progress.create-post__btn-cancel:after, .button--progress.button--in-progress.create-post__btn-done:after { right: 12px; } .button.button--progress:after, .button--progress.filePicker:after, a.button--progress.join-now:after, input.button--progress[type="submit"]:after, input.button--progress[type="button"]:after, input.button--progress[type="reset"]:after, a.button--progress.submit-down:after, a.button--progress.submit-right:after, button.button--progress.submit-right:after, .button--progress.create-post__btn-publish:after, .button--progress.create-post__btn-cancel:after, .button--progress.create-post__btn-done:after { display: block; position: absolute; top: calc(50% - (10px)); right: -25px; width: 20px; height: 20px; content: ''; border: 0.125rem solid rgba(0, 0, 0, 0.2); font-size: 1.125rem; width: 1.125rem; height: 1.125rem; border-radius: 0.5em; box-sizing: border-box; -webkit-animation: spin 0.7s linear infinite; animation: spin 0.7s linear infinite; border-top-color: #fff; width: 20px; height: 20px; font-size: 20px; border-radius: 65% 69% 55% 79%; border-width: 3px; transition: all 500ms 0ms; display: inline-block; } .photobook--preview-bar { display: block; position: fixed; right: 0; bottom: 0; left: 0; z-index: 3; padding: .75rem 0; } .photobook--preview-bar .preview-bar__background { position: absolute; bottom: 0; left: -5rem; right: -5rem; height: calc(100% + 14px); overflow: hidden; background-image: url(/assets/images/brushes/brushes_light_purple_2.png); background-repeat: no-repeat; background-size: cover; background-position: 67% 100%; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .photobook--preview-bar .preview-bar__background svg { display: none; width: 1440px; } .photobook--preview-bar .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 0.9375rem; } .photobook--preview-bar .row > div { -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; } .photobook--preview-bar .preview-bar__message { padding-right: 8px; text-align: right; color: #ffffff; } .photobook--preview-bar .preview-bar__message-text h4, .photobook--preview-bar .preview-bar__message-text .h4 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 18px; color: #ffffff; margin: 0; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } .photobook--preview-bar .preview-bar__message-text span { display: block; position: relative; top: -2px; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); text-align: right; font-size: 15px; line-height: 16px; } .photobook--preview-bar .preview-bar__actions { position: relative; z-index: 2; text-align: right; padding-left: 8px; } .photobook--preview-bar .share-tooltip { position: absolute; bottom: 110%; left: 38%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20259%20187%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M149.838%20155.89c39.18-2.55%2077.09-8.562%2089.435-22.276%2022.635-25.148%209.054-109.726-25.646-126.644-34.7-16.917-160.597%205.32-196.244%2021.335-35.647%2016.013-9.13%20128.728%2035.647%20129.087%2014.347.115%2043.855.733%2075.447-.43l6.35%2021.33%203.378%201.63%2011.633-24.033z%22%2F%3E%3Cfilter%20id%3D%22a%22%20width%3D%22104.8%25%22%20height%3D%22106.7%25%22%20x%3D%22-2.4%25%22%20y%3D%22-3.4%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeOffset%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.6%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%284%205%29%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23562483%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; height: 0; width: 0; transition: all .23s linear; transition-delay: .1s; overflow: hidden; opacity: .4; } .photobook--preview-bar .share-tooltip__content { opacity: 0; -webkit-transform: translateY(68%) rotate(-4deg) scale(0.5); transform: translateY(68%) rotate(-4deg) scale(0.5); transition: all .16s ease; } .photobook--preview-bar .preview-bar__share { position: relative; outline: 0; } .photobook--preview-bar .preview-bar__share:hover .share-tooltip { outline: 0; display: block; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 11.25rem; width: 15.625rem; transition: all .23s linear; opacity: 1; } .photobook--preview-bar .preview-bar__share:hover .share-tooltip__content { -webkit-transform: translateY(68%) rotate(-4deg) scale(1); transform: translateY(68%) rotate(-4deg) scale(1); transition: all .16s ease; transition-delay: .2s; opacity: 1; } .photobook--preview-bar .share-tooltip__text { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1rem; color: #ffffff; white-space: nowrap; } .photobook--preview-bar .share-tooltip__links { font-size: 2.45rem; line-height: 0; } .photobook--preview-bar .share-tooltip__links > a { color: #ffffff; } .photobook--preview-bar .share-tooltip__links > a:hover { opacity: .8; } .photobook--preview-bar .share-tooltip__facebook:before { content: "\EA9A"; } .photobook--preview-bar .share-tooltip__twitter:before { content: "\EA9C"; } .photobook--preview-bar .share-tooltip__instagram:before { content: "\EA9B"; } .photobook--loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); opacity: 0; z-index: 10; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; overflow: hidden; transition: opacity 500ms; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: #fff; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; } .photobook--loader:before { content: ''; border: 0.125rem solid rgba(0, 0, 0, 0.2); font-size: 1.125rem; width: 1.125rem; height: 1.125rem; border-radius: 0.5em; box-sizing: border-box; -webkit-animation: spin 0.7s linear infinite; animation: spin 0.7s linear infinite; border-top-color: #fff; width: 100px; height: 100px; font-size: 100px; border-radius: 65% 69% 55% 79%; border-width: 8px; opacity: 0; transition: opacity 500ms 500ms; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .photobook--loader.active { opacity: 1; pointer-events: auto; } .photobook--loader.active:before, .photobook--loader.active span, .photobook--loader.active div { opacity: 1; transition: opacity 500ms 250ms; } .photobook--loader span, .photobook--loader div { opacity: 0; transition: opacity 500ms 800ms; } .photobook--loader span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); letter-spacing: 1px; } .photobook--loader div { margin-bottom: 16px; font-size: 18px; } .photobook--loader div ~ span { -webkit-transform: translate3d(-50%, 27%, 0); transform: translate3d(-50%, 27%, 0); } #content > .photobook--loader { position: fixed; z-index: 13; } .milestone-carousel .photobook--loader { position: absolute; } .milestone-carousel .photobook--loader:after { display: none; } .container-loader { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } /* * Overrides of default Power Review styles */ .p-w-r .pr-star-v4 { margin-right: 0 !important; } .pr-star-v4-0-filled { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%2288%20103%2058%2087%2027%20103%2033%2069%208%2045%2043%2040%2058%209%2073%2040%20107%2045%2082%2069%2088%20103%22%20fill%3D%22%23737373%22%2F%3E%3C%2Fsvg%3E") !important; } .diaper-3d .pr-star-v4-0-filled { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%2288%20103%2058%2087%2027%20103%2033%2069%208%2045%2043%2040%2058%209%2073%2040%20107%2045%2082%2069%2088%20103%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E") !important; } .product--filter-result-display-eden .pr-star-v4-0-filled { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%2288%20103%2058%2087%2027%20103%2033%2069%208%2045%2043%2040%2058%209%2073%2040%20107%2045%2082%2069%2088%20103%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E") !important; } .pr-star-v4-25-filled { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%22107%2045%2073%2040%2058%209%2043%2040%2033%2041%2033%2069%2033%2069%2033%2069%2033%20100%2058%2087%2088%20103%2082%2069%20107%2045%22%20fill%3D%22%23737373%22%2F%3E%3Cpolygon%20points%3D%2233%2069%2033%2069%2033%2069%2033%2069%22%20fill%3D%22none%22%2F%3E%3Cpolygon%20points%3D%2227%20103%2033%20100%2033%2069%2027%20103%22%20fill%3D%22%23eba944%22%2F%3E%3Cpolygon%20points%3D%228%2045%2033%2069%2033%2041%208%2045%22%20fill%3D%22%23eba944%22%2F%3E%3Cpolygon%20points%3D%2233%2069%2033%2069%2033%2069%2033%2069%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") !important; } .diaper-3d .pr-star-v4-25-filled { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%22107%2045%2073%2040%2058%209%2043%2040%2033%2041%2033%2069%2033%2069%2033%2069%2033%20100%2058%2087%2088%20103%2082%2069%20107%2045%22%20fill%3D%22%23cccccc%22%2F%3E%3Cpolygon%20points%3D%2233%2069%2033%2069%2033%2069%2033%2069%22%20fill%3D%22none%22%2F%3E%3Cpolygon%20points%3D%2227%20103%2033%20100%2033%2069%2027%20103%22%20fill%3D%22%23eba944%22%2F%3E%3Cpolygon%20points%3D%228%2045%2033%2069%2033%2041%208%2045%22%20fill%3D%22%23eba944%22%2F%3E%3Cpolygon%20points%3D%2233%2069%2033%2069%2033%2069%2033%2069%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") !important; } .product--filter-result-display-eden .pr-star-v4-25-filled { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%22107%2045%2073%2040%2058%209%2043%2040%2033%2041%2033%2069%2033%2069%2033%2069%2033%20100%2058%2087%2088%20103%2082%2069%20107%2045%22%20fill%3D%22%23cccccc%22%2F%3E%3Cpolygon%20points%3D%2233%2069%2033%2069%2033%2069%2033%2069%22%20fill%3D%22none%22%2F%3E%3Cpolygon%20points%3D%2227%20103%2033%20100%2033%2069%2027%20103%22%20fill%3D%22%23eba944%22%2F%3E%3Cpolygon%20points%3D%228%2045%2033%2069%2033%2041%208%2045%22%20fill%3D%22%23eba944%22%2F%3E%3Cpolygon%20points%3D%2233%2069%2033%2069%2033%2069%2033%2069%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") !important; } .pr-star-v4-50-filled { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%2258%2087%2027%20103%2033%2069%208%2045%2043%2040%2058%209%2058%2087%22%20fill%3D%22%23eba944%22%2F%3E%3Cpolygon%20points%3D%2288%20103%2058%2087%2058%209%2073%2040%20107%2045%2082%2069%2088%20103%22%20fill%3D%22%23737373%22%2F%3E%3C%2Fsvg%3E") !important; } .diaper-3d .pr-star-v4-50-filled { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%2258%2087%2027%20103%2033%2069%208%2045%2043%2040%2058%209%2058%2087%22%20fill%3D%22%23eba944%22%2F%3E%3Cpolygon%20points%3D%2288%20103%2058%2087%2058%209%2073%2040%20107%2045%2082%2069%2088%20103%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E") !important; } .product--filter-result-display-eden .pr-star-v4-50-filled { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%2258%2087%2027%20103%2033%2069%208%2045%2043%2040%2058%209%2058%2087%22%20fill%3D%22%23eba944%22%2F%3E%3Cpolygon%20points%3D%2288%20103%2058%2087%2058%209%2073%2040%20107%2045%2082%2069%2088%20103%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E") !important; } .pr-star-v4-75-filled { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%2282%2069%20107%2045%2082%2041%2082%20100%2088%20103%2082%2069%22%20fill%3D%22%23737373%22%2F%3E%3Cpolygon%20points%3D%2273%2040%2058%209%2043%2040%208%2045%2033%2069%2027%20103%2058%2087%2082%20100%2082%2041%2073%2040%22%20fill%3D%22%23eba944%22%2F%3E%3C%2Fsvg%3E") !important; } .diaper-3d .pr-star-v4-75-filled { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%2282%2069%20107%2045%2082%2041%2082%20100%2088%20103%2082%2069%22%20fill%3D%22%23cccccc%22%2F%3E%3Cpolygon%20points%3D%2273%2040%2058%209%2043%2040%208%2045%2033%2069%2027%20103%2058%2087%2082%20100%2082%2041%2073%2040%22%20fill%3D%22%23eba944%22%2F%3E%3C%2Fsvg%3E") !important; } .product--filter-result-display-eden .pr-star-v4-75-filled { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%2282%2069%20107%2045%2082%2041%2082%20100%2088%20103%2082%2069%22%20fill%3D%22%23cccccc%22%2F%3E%3Cpolygon%20points%3D%2273%2040%2058%209%2043%2040%208%2045%2033%2069%2027%20103%2058%2087%2082%20100%2082%2041%2073%2040%22%20fill%3D%22%23eba944%22%2F%3E%3C%2Fsvg%3E") !important; } .pr-star-v4-100-filled { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%2288%20103%2058%2087%2027%20103%2033%2069%208%2045%2043%2040%2058%209%2073%2040%20107%2045%2082%2069%2088%20103%22%20fill%3D%22%23eba944%22%2F%3E%3C%2Fsvg%3E") !important; } .pr-review-snippet-container { position: static !important; height: auto !important; width: auto !important; margin-top: 0 !important; opacity: 1 !important; } .pr-snippet-stars { background: transparent !important; } .pr-category-snippet__total { padding-left: 0 !important; color: #34154f !important; font-family: inherit !important; font-weight: bold !important; font-size: 12px !important; } .pr-category-snippet__total:before { content: "|"; margin-right: 5px; color: #5d83a6; margin-top: -1px; display: inline-block; } .lang-fr .pr-category-snippet__total { color: #0032a0 !important; } .lang-fr .pr-category-snippet__total:before { color: #5d83a6; } .pr-snippet-rating-decimal { border: none !important; color: #34154f !important; font-weight: bold !important; font-size: 12px !important; } .lang-fr .pr-snippet-rating-decimal { color: #0032a0 !important; } .js-review .p-w-r, .js-review-selection-hook .p-w-r { margin: 0 0 5px; } .component-product-box .js-review, .component-product-box .js-review-selection-hook { margin-bottom: 15px; } .pr-review-display, .pr-review-snapshot { padding: 0 10px !important; } .product--filter-results .pr-category-snippet, .product--listing .pr-category-snippet { text-align: center; } .product--filter-results .pr-category-snippet, .product--filter-results .pr-category-snippet__item, .product--listing .pr-category-snippet, .product--listing .pr-category-snippet__item { display: block !important; } .product--filter-results .pr-category-snippet__total, .product--listing .pr-category-snippet__total { margin-top: 3px; } .product--filter-results .pr-category-snippet__total:before, .product--listing .pr-category-snippet__total:before { display: none; } .p-w-r .pr-war { margin: 0 auto !important; } .p-w-r { margin: 0 !important; } .p-w-r .pr-snippet-write-review-link { color: #2d0941 !important; vertical-align: middle; text-decoration: underline; } .p-w-r .pr-snippet-review-count { color: #2d0941 !important; vertical-align: middle; } .p-w-r a.pr-snippet-review-count { text-decoration: underline; } .p-w-r .pr-snippet-rating-decimal { color: #2d0941 !important; padding: 0 4px !important; } .p-w-r .pr-snippet-read-and-write { margin-top: 0 !important; margin-bottom: 10px !important; } .p-w-r .pr-snippet-stars-reco-reco { display: none; } .p-w-r .pr-snippet .pr-snippet-stars-png .pr-rating-stars { margin-top: -4px; } .p-w-r .pr-snippet-stars-container { margin-bottom: 10px !important; } .lang-fr .p-w-r .pr-snippet-write-review-link { color: #2a6496 !important; } .lang-fr .p-w-r .pr-snippet-review-count { color: #2a6496 !important; } .lang-fr .p-w-r .pr-snippet-rating-decimal { color: #2a6496 !important; } .lang-fr .pr-snippet-write-review-link { color: #0032a0 !important; } .lang-fr .pr-snippet-rating-decimal { color: #0032a0 !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-content-block { margin-top: 20px !important; } .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-main-footer, .p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-main-footer { border-bottom: none !important; } .pr-rd-no-reviews .pr-snippet-write-review-link { color: #562483 !important; } .lang-fr .pr-rd-no-reviews .pr-snippet-write-review-link { color: #0032a0 !important; } .pr-review-snapshot { background-color: transparent !important; } .pr-review-snapshot .pr-faceoff-img-txt, .pr-review-snapshot .pr-faceoff-label, .pr-review-snapshot .pr-faceoff-title, .pr-review-snapshot .pr-faceoff-review { color: #562483 !important; } .pr-review-snapshot .pr-snippet-rating-decimal { color: #5d83a6 !important; } .pr-review-snapshot .pr-review-snapshot-block, .pr-review-snapshot .pr-review-snapshot-faceoff, .pr-review-snapshot .pr-faceoff-img-txt { border-radius: 12px !important; background-color: #F3F1F4 !important; } .pr-review-snapshot .pr-review-snapshot-block-container { margin: 15px 0 !important; } .pr-review-snapshot .pr-faceoff-img-txt, .pr-review-snapshot .pr-faceoff-img { border-color: #562483 !important; border-width: 2px !important; } .pr-review-snapshot .pr-faceoff-img-txt { font-weight: 700 !important; } .pr-review-snapshot .pr-review-snapshot-faceoff { border: none !important; border-radius: 0 !important; } .pr-review-snapshot .pr-histogram-stars:hover { background: none !important; } .pr-review-snapshot .pr-review-snapshot-header-intro { padding: 0 !important; margin: 0 !important; border-bottom: none !important; } .pr-review-snapshot .pr-snippet-reco-to-friend-percent { background: none !important; } .pr-review-snapshot .pr-snippet-reco-to-friend-percent .pr-checkbox-icon { display: none !important; } .pr-review-snapshot .pr-reco-to-friend-message { background: none !important; color: #fff !important; } .pr-review-snapshot .pr-review-snapshot-block-histogram { margin-bottom: 0 !important; padding: 15px 0 !important; } .pr-review-snapshot .pr-ratings-histogram-bar { background-color: #e6e6e6 !important; } .pr-review-snapshot .pr-ratings-histogram-barValue { background-color: #eaa944 !important; } .pr-review-snapshot .pr-reco-value { font-size: 3.5rem !important; line-height: 1 !important; } .pr-review-snapshot .pr-reco-to-friend-message { font-size: 12px !important; } .pr-review-snapshot .pr-review-snapshot-block { border-right-color: transparent !important; } .pr-review-snapshot .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-simple .pr-review-snapshot-block { width: 32.5%; } .pr-review-snapshot .pr-review-snapshot-block-recommend { padding: 0; margin: 0 15px !important; background-color: #F3F1F4 !important; } .pr-review-snapshot .pr-snippet-write-review-link { background: #562483 !important; border-color: #38105c !important; color: #fff !important; } .pr-review-snapshot .pr-snippet-write-review-link:hover { background-color: #9d81bb !important; } .lang-fr .pr-review-snapshot .pr-faceoff-img { border-color: #0032a0 !important; } .lang-fr .pr-review-snapshot .pr-review-snapshot-block-recommend { background-color: #005eaa !important; } .lang-fr .pr-review-snapshot .pr-snippet-write-review-link { background: #005eaa !important; border-color: #005eaa !important; color: #fff !important; } .lang-fr .pr-review-snapshot .pr-snippet-write-review-link:hover { background-color: #005eaa !important; } .pr-review-display { background-color: transparent !important; } .pr-review-display .pr-rd-no-reviews { display: none; } .pr-review-display .pr-rd-review-product { color: #562483 !important; } .pr-review-display .pr-rd-main-header { padding: 15px 0 0 !important; background: none !important; } .pr-review-display .pr-review { padding: 15px !important; } .pr-review-display .pr-review:nth-child(odd) { border-radius: 12px; background-color: #faf9f7 !important; } .pr-review-display .pr-review:nth-child(even) { border-radius: 12px; background-color: #F3F1F4 !important; } .pr-review-display .pr-rd-review-headline { margin: 1px 15px !important; } .pr-review-display .pr-rd-bottomline { display: none !important; } .pr-review-display .pr-helpful-btn { border: 1px solid #ccc !important; } .pr-review-display .pr-helpful-yes { border-right: none !important; } .pr-review-display .pr-rd-footer { background: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } .lang-fr .pr-review-display .pr-rd-review-product { color: #0032a0 !important; } .lang-fr .pr-review-display .pr-review:nth-child(even) { background-color: #CCDFEE !important; } .lang-fr .p-w-r .pr-helpful-btn:active { background: #0032a0 !important; } .p-w-r .pr-helpful-btn:active { background: #562483 !important; } .p-w-r .pr-helpful-btn:active span { color: #fff !important; } .p-w-r .pr-helpful-btn:hover { background: #ccc !important; } .p-w-r .pr-helpful-active { background: #ccc !important; } .p-w-r .pr-thumbs-icon { color: #5d83a6 !important; } .p-w-r .pr-helpful-active span, .p-w-r .pr-helpful-active[disabled] span { color: #fff !important; } .pr-review-display .pr-snippet-rating-decimal, .pr-review-snapshot .pr-snippet-rating-decimal { background: transparent !important; border: none !important; height: auto !important; font-weight: 700 !important; line-height: 20px !important; } .pr-review-display .pr-snippet-stars, .pr-review-snapshot .pr-snippet-stars { background-color: transparent !important; } .p-w-r .pr-media-modal .overlay, .js-review[data-reviewtype="ReviewForm"] .p-w-r .overlay { background: transparent; } .p-w-r .pr-media-modal .modal__body, .js-review[data-reviewtype="ReviewForm"] .p-w-r .modal__body { border-radius: 0 !important; border: 1px solid #CCC !important; width: 720px !important; box-shadow: none !important; padding: 0 30px !important; } .p-w-r .pr-media-modal .button__close, .js-review[data-reviewtype="ReviewForm"] .p-w-r .button__close { top: 40px !important; right: 46% !important; } .p-w-r .pr-media-modal .button__close:focus, .js-review[data-reviewtype="ReviewForm"] .p-w-r .button__close:focus { outline: none; } .p-w-r .pr-media-modal .pr-review-display a, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-review-display a { color: #562483 !important; } .p-w-r .pr-media-modal .pr-header, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-header { margin: 0 0 20px; } .p-w-r .pr-media-modal .pr-header-product-name, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-header-product-name { color: #562483 !important; } .p-w-r .pr-media-modal .pr-header-required, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-header-required { color: #562483 !important; } .p-w-r .pr-media-modal .pr-header-required span, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-header-required span { color: #562483 !important; } .p-w-r .pr-media-modal .pr-accessible-btn, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn { margin: 0 0 30px; padding-right: 18px !important; } .p-w-r .pr-media-modal .pr-accessible-btn + a, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn + a { width: 100%; clear: both; display: block; overflow: hidden; box-sizing: content-box; padding: 15px 30px; margin: 0 -30px; } .p-w-r .pr-media-modal .pr-subscript, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-subscript { color: #5d83a6 !important; margin: 1em 0; } .p-w-r .pr-media-modal .pr-subscript a, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-subscript a { color: #5d83a6 !important; text-decoration: underline; } .p-w-r .pr-media-modal .control-label span, .p-w-r .pr-media-modal .pr-control-label span, .js-review[data-reviewtype="ReviewForm"] .p-w-r .control-label span, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-control-label span { color: #562483 !important; } .p-w-r .pr-media-modal .pr-header-title, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-header-title { color: #562483 !important; } .p-w-r .pr-media-modal .pr-helper-text, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-helper-text { color: #5d83a6 !important; } .p-w-r .pr-media-modal .pr-btn:hover, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-btn:hover { background-color: #faf9f7; border-color: #e6deed; } .p-w-r .pr-media-modal .pr-btn.active, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-btn.active { background-color: #562483 !important; border-color: transparent; } .p-w-r .pr-media-modal .pr-clear-all-radios, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-clear-all-radios { color: #562483 !important; } .lang-fr .p-w-r .pr-media-modal .pr-review-display a, .lang-fr .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-review-display a { color: #0032a0 !important; } .lang-fr .p-w-r .pr-media-modal .pr-header-product-name, .lang-fr .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-header-product-name { color: #0032a0 !important; } .lang-fr .p-w-r .pr-media-modal .pr-header-required, .lang-fr .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-header-required { color: #0032a0 !important; } .lang-fr .p-w-r .pr-media-modal .pr-header-required span, .lang-fr .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-header-required span { color: #0032a0 !important; } .lang-fr .p-w-r .pr-media-modal .control-label span, .lang-fr .js-review[data-reviewtype="ReviewForm"] .p-w-r .control-label span { color: #0032a0 !important; } .lang-fr .p-w-r .pr-media-modal .pr-control-label span, .lang-fr .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-control-label span { color: #0032a0 !important; } .lang-fr .p-w-r .pr-media-modal .pr-header-title, .lang-fr .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-header-title { color: #0032a0 !important; } .lang-fr .p-w-r .pr-media-modal .pr-btn:hover, .lang-fr .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-btn:hover { background-color: rgba(11, 123, 193, 0.2); color: #0b7bc1; } .lang-fr .p-w-r .pr-media-modal .pr-btn.active, .lang-fr .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-btn.active { color: #0032a0 !important; } .lang-fr .p-w-r .pr-media-modal .pr-clear-all-radios, .lang-fr .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-clear-all-radios { color: #0032a0 !important; } .js-review[data-reviewtype="ReviewForm"] { max-width: 700px; margin: 0 auto; } .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn + a { background: transparent; } .js-review .p-w-r .pr-media-modal .pr-accessible-btn + a { background: #faf9f7; } .pr-verified_buyer { display: none !important; } .pr-rd-reviewed-at { display: none !important; } .thank-you-page { padding: 10px 0 20px !important; } .thank-you-page .pr-rating-stars { margin-bottom: 5px !important; } .thank-you-page .headline { margin-top: 15px !important; } .thank-you-page .pr-text { margin: 5px 0 !important; } .thank-you-page .header a { color: #562483 !important; } .thank-you-page .header h5, .thank-you-page .header .h5 { display: none; } .pr-review-snapshot-block-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link { border-radius: 50px !important; border-bottom: 0 !important; } .pr-review-snapshot-block-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link:hover { background-color: #451c68 !important; } .pr-review-snapshot-block-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link:focus { box-shadow: none !important; } .pr-rd-review-header-contents { border-radius: 12px; background-color: #F3F1F4 !important; } .pr-rd-review-header-contents .pr-rd-search-reviews-input input { border-radius: 10px; border: 1px solid #ffffff !important; box-shadow: none !important; } .pr-rd-review-header-contents .pr-rd-search-reviews-input input::-webkit-input-placeholder { color: #000000; } .pr-rd-review-header-contents .pr-rd-search-reviews-input input:-ms-input-placeholder { color: #000000; } .pr-rd-review-header-contents .pr-rd-search-reviews-input input::placeholder { color: #000000; } .pr-rd-review-header-contents .pr-rd-search-reviews-input button { width: 40px !important; border-radius: 12px; padding-top: 5px; background-color: #562483 !important; margin-top: 0 !important; } .pr-rd-review-header-contents .pr-rd-search-reviews-input button svg { -webkit-transform: translateZ(1px) scaleX(1) scaleY(1) !important; transform: translateZ(1px) scaleX(1) scaleY(1) !important; } .pr-rd-review-header-contents .pr-rd-search-reviews-input .pr-rd-search-reviews-clear-button { right: 42px !important; height: 34px !important; } .pr-rd-review-header-contents .pr-rd-search-reviews-input .pr-rd-search-reviews-clear-button svg { width: 30px !important; height: 24px !important; display: inline-block !important; } .pr-rd-review-header-contents .pr-rd-search-reviews-input .pr-rd-search-reviews-clear-button span { width: 30px !important; height: 24px !important; display: inline-block !important; } .p-w-r { overflow: hidden; padding: 0 2px; } .p-w-r .pr-review .pr-rd-star-rating .pr-snippet-rating-decimal { display: none; } .p-w-r .pr-rd-description .pr-rd-right .pr-rd-inner-side-content-block p { margin-bottom: 10px; } .p-w-r .pr-rd-description .pr-rd-right .pr-rd-inner-side-content-block p span, .p-w-r .pr-rd-description .pr-rd-right .pr-rd-inner-side-content-block p time { font-size: 14px !important; font-weight: normal !important; color: #000000; } .p-w-r .pr-rd-description .pr-rd-description-text { color: #000000; } .p-w-r .pr-rd-footer .pr-rd-helpful-action-btn-group .pr-helpful-yes { border-radius: 12px 0 0 12px; } .p-w-r .pr-rd-footer .pr-rd-helpful-action-btn-group .pr-helpful-yes svg { vertical-align: text-bottom; } .p-w-r .pr-rd-footer .pr-rd-helpful-action-btn-group .pr-helpful-no { border-radius: 0 12px 12px 0; } .p-w-r .pr-rd-footer .pr-rd-helpful-action-btn-group .pr-helpful-no svg { vertical-align: text-bottom; } .p-w-r .pr-rd-review-header-sorts { padding-right: 0px !important; } .p-w-r .pr-rd-review-header-sorts .pr-rd-sort { border-radius: 6px !important; border: 1px solid #F3F1F4 !important; background-color: #F3F1F4 !important; padding: 5px 10px !important; background-image: url(/assets-facelift/images/selectbox-arrow-eden.svg) !important; background-position: 94% center !important; position: relative; } .p-w-r .pr-review-snapshot .pr-review-snapshot-header { padding: 0 !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-header .pr-review-snapshot-header-intro .pr-headline { font-size: 36px !important; line-height: 36px !important; color: #562483; font-weight: normal !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-header .pr-review-snapshot-header-intro .pr-subheadline { margin-bottom: -20px; } .p-w-r .pr-review-snapshot .pr-review-snapshot-header .pr-review-snapshot-header-intro .pr-subheadline .pr-snapshot-logo { height: 35px; width: 100px; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-snippet .pr-review-snapshot-snippets { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; padding-top: 10px; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-snippet .pr-review-snapshot-snippets .pr-review-snapshot-snippets-headline { font-size: 46px; color: #562483; font-weight: normal; margin-bottom: 0px; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-snippet .pr-review-snapshot-snippets .pr-snippet .pr-snippet-stars-container { vertical-align: bottom; margin-bottom: 0px !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-snippet .pr-review-snapshot-snippets .pr-snippet .pr-snippet-stars-container .pr-rating-stars .pr-star-v4 { margin-right: 4px !important; margin-left: 4px !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-snippet .pr-review-snapshot-snippets .pr-snippet .pr-snippet-read-and-write { margin-bottom: 0 !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-snippet .pr-review-snapshot-snippets .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count { margin: 5px 0; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-recommend { -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-recommend .pr-review-snapshot-recomend { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; padding-top: 10px; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-recommend .pr-review-snapshot-recomend .pr-snippet-reco-to-friend-green > span { display: none !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-recommend .pr-review-snapshot-recomend .pr-snippet-reco-to-friend { text-align: center !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-recommend .pr-review-snapshot-recomend .pr-snippet-reco-to-friend .pr-reco-green { padding: 0 5px 5px; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-recommend .pr-review-snapshot-recomend .pr-snippet-reco-to-friend .pr-reco-green .pr-reco-value { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 46px !important; color: #562483 !important; font-weight: normal; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-recommend .pr-review-snapshot-recomend .pr-snippet-reco-to-friend .pr-reco-to-friend-message { color: #000 !important; max-width: 210px; text-align: center; display: block !important; margin: 0 auto; font-weight: bold; line-height: 18px; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-histogram { position: relative; padding: 0 15px !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-histogram .pr-review-snapshot-histogram { position: absolute; width: 95%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-histogram .pr-review-snapshot-histogram .pr-ratings-histogram-list-item .pr-histogram-stars { height: 25px; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-histogram .pr-review-snapshot-histogram .pr-ratings-histogram-list-item .pr-histogram-stars .pr-histogram-label, .p-w-r .pr-review-snapshot .pr-review-snapshot-block-histogram .pr-review-snapshot-histogram .pr-ratings-histogram-list-item .pr-histogram-stars .pr-histogram-count { font-weight: bold; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-histogram .pr-review-snapshot-histogram .pr-ratings-histogram-list-item .pr-histogram-stars .pr-ratings-histogram-bar { height: 5px !important; background: #D9D9D9; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-histogram .pr-review-snapshot-histogram .pr-ratings-histogram-list-item .pr-histogram-stars .pr-ratings-histogram-bar .pr-ratings-histogram-barValue { height: 5px !important; background: #EBA944; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-histogram .pr-review-snapshot-histogram .pr-ratings-histogram-list-item .pr-histogram-stars .pr-histogram-cross { display: none; } .p-w-r .pr-rd-main-footer .pr-rd-content-block { width: 100% !important; } .p-w-r .pr-rd-main-footer .pr-rd-content-block .pr-rd-review-position span { color: #000000 !important; } .p-w-r .pr-rd-main-footer .pr-rd-content-block a { margin-top: 5px !important; text-decoration: underline !important; } #pr-reviewdisplay h1, #pr-reviewdisplay .h1, #pr-reviewdisplay .h1, #pr-reviewdisplay h2, #pr-reviewdisplay .h2, #pr-reviewdisplay .h2, #pr-reviewdisplay h3, #pr-reviewdisplay .h3, #pr-reviewdisplay .product-info h1, .product-info #pr-reviewdisplay h1, #pr-reviewdisplay .product-info .h1, .product-info #pr-reviewdisplay .h1, #pr-reviewdisplay .h3, #pr-reviewdisplay .product-info h1, #pr-reviewdisplay .product-info .h1, .product-info #pr-reviewdisplay h1, .product-info #pr-reviewdisplay .h1, #pr-reviewdisplay .product-info .h1, .product-info #pr-reviewdisplay .h1, #pr-reviewdisplay .h1, #pr-reviewdisplay .h2, #pr-reviewdisplay .h3 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif !important; } .diaper-3d .p-w-r .pr-snippet-read-and-write a { display: inline-block; padding: 6px 15px !important; border: 1px solid #562483; border-radius: 50px; color: #ffffff !important; line-height: 19px !important; background-color: #562483; transition: all 250ms ease-out; height: auto !important; text-decoration: none; } .diaper-3d .p-w-r .pr-snippet-read-and-write a:hover { background-color: #451c68; } .p-w-r .pr-review-display .pr-flag-review-btn.pr-flag-review-btn-submit, .p-w-r .pr-review-display .pr-flag-review-btn.pr-flag-review-btn-cancel { display: inline-block; padding: 8px 15px !important; border-radius: 50px; color: #ffffff !important; line-height: 19px !important; transition: all 250ms ease-out; height: auto !important; text-decoration: none; } .p-w-r .pr-review-display .pr-flag-review-btn.pr-flag-review-btn-submit:focus, .p-w-r .pr-review-display .pr-flag-review-btn.pr-flag-review-btn-cancel:focus { outline: none; } .p-w-r .pr-review-display .pr-flag-review-btn.pr-flag-review-btn-submit { background-color: #562483; padding-bottom: 10px; } .p-w-r .pr-review-display .pr-flag-review-btn.pr-flag-review-btn-submit:hover { background-color: #451c68; } .p-w-r .pr-review-display .pr-flag-review-btn.pr-flag-review-btn-cancel { background-color: #9d81bb; padding-bottom: 10px; } .p-w-r .pr-review-display .pr-flag-review-btn.pr-flag-review-btn-cancel:hover { background-color: #8867ad; } /*------------------------- 25-8-15------------------------*/ /* SOGETI ADDITIONS/FIXES */ /*------------------------- 2015-08-15 ------------------------*/ .overlay-logo { width: 15%; margin: 0 auto; text-align: left; position: absolute; left: 15%; top: 10px; max-width: 130px; z-index: 1; } nav.top ul li.profile a { float: right; margin-top: -6px; position: absolute; text-align: right; margin-left: 40%; padding-top: 0.25rem; margin-top: -7px; text-align: center; } span.login_text { display: inline-block; width: 100%; clear: both; height: 20px; font-size: 12px; margin-top: 26px; margin-left: -3px; position: absolute; line-height: 21px; text-align: right; color: #069; } nav.top a { height: 2rem; } /*------------------------- 2016-01-29 ------------------------*/ .arrow-back { background-position: -202px -295px; } .convert_camp_code { width: 35%; } .convert_camp_code a.register { width: 100%; height: auto; padding-top: 0.4375rem; padding-bottom: 0.4375rem; background-color: #00bfd7; position: relative; display: block; float: left; margin-left: -0.125rem; margin-top: -0.125rem; color: #fff; padding: 0.625rem 0.75rem; line-height: 21px; line-height: 1.3125rem; border-radius: 0.375rem; box-shadow: 0 0.125rem 0 #009bae; } .convert_camp_code .points { float: left; width: 100%; position: relative; text-align: center; } .convert_camp_code .points .tb { border-spacing: 1rem 0px; } .convert_camp_code .points .tc a.register { padding: 20px; margin: 0; } .change-password .points .tc.point-box, .change-password .points .tc.campaign-point-box { border: 0.125rem solid #00bfd7; padding: 0.3125rem 1.25rem; border-radius: 0.375rem; font-size: 14px; font-size: 0.875rem; } .change-password .points .tc.point-box div:first-child, .change-password .points .tc.campaign-point-box div:first-child { line-height: 1; margin-bottom: 0.3125rem; } .convert_camp_code .points .num { font-size: 24px; font-size: 1.5rem; } .convert-c { border: 0.125rem solid #00bfd7; padding: 0.3125rem 1.25rem; border-radius: 0.375rem; font-size: 14px; font-size: 0.875rem; } .width-50pc { width: 50%; margin: 0 auto; } .arrow-down { background-position: -260px -290px; } /* .legacy-content a, .page-your-profile-forms .form-column a{ color:$color-1; } */ .sprites-theme-icon, .sprite-logo-club-small, .club-coin .logo:after, .club-bonus .logo:after { background-image: url(/assets-facelift/images/sites/liberodk/sprite.png?6dae327b75c2f9101de783cb7d481b23b38b63ec); background-repeat: no-repeat; display: inline-block; } .sprite-logo-club-small, .club-coin .logo:after, .club-bonus .logo:after { background-position: -2px -2px; width: 66px; height: 46px; } .products--family-range .packs-6 li, .products--family-range .packs-7 li, .products--family-range .packs-8 li, .products--family-range .packs-9 li, .products--family-range .packs-10 li, .products--family-range .packs-11 li, .products--family-range .packs-12 li, .products--family-range .packs-13 li, .products--family-range .packs-14 li, .products--family-range .packs-15 li, .products--family-range .packs li { display: inline-block; vertical-align: bottom; padding: 0 0.31%; } .products--family-range .packs-6 li { margin-left: -1.5%; margin-right: -1.5%; } .products--family-range .packs-7 li { margin-left: -2.5%; margin-right: -2.5%; } .products--family-range .packs-8 li { margin-left: -3.5%; margin-right: -3.5%; } .products--family-range .packs-9 li { margin-left: -4%; margin-right: -4%; } .products--family-range .packs-10 li { margin-left: -4.5%; margin-right: -4.5%; } .products--family-range .packs-11 li { margin-left: -5%; margin-right: -5%; } .products--family-range .packs-12 li { margin-left: -5.5%; margin-right: -5.5%; } .products--family-range .packs-13 li { margin-left: -6%; margin-right: -6%; } .products--family-range .packs-14 li { margin-left: -6%; margin-right: -6%; } .products--family-range .packs-15 li { margin-left: -6.5%; margin-right: -6.5%; } .products--family-range .top { position: relative; z-index: 0; overflow: hidden; } .pad-l-r { padding-left: 0 !important; padding-right: 0 !important; } .pc-heading h2, .pc-heading .h2 { color: #562483; margin-top: 15px; } .pc-page .column:last-child { margin-bottom: 30px; } .pc-page .pc-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .pc-page .pc-inner .pc-description { width: 60%; padding-right: 15px; box-sizing: border-box; } .pc-page .pc-inner .pc-description .tagline b { text-transform: uppercase; } .pc-page .pc-inner .pc-description h3, .pc-page .pc-inner .pc-description .h3, .pc-page .pc-inner .pc-description .product-info h1, .product-info .pc-page .pc-inner .pc-description h1, .pc-page .pc-inner .pc-description .product-info .h1, .product-info .pc-page .pc-inner .pc-description .h1 { margin-bottom: 0; padding: 5px 0 0px; } .pc-page .pc-inner .pc-image { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 40%; } .pc-page .pc-inner .pc-image img { max-width: 100%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 7px; border-radius: 12px; } /*css for nordic market*/ /*download app popup*/ body.top-campaign #header { position: relative; } #header { position: relative; } #intro-area:before { height: 0 !important; } .search-results ul.pages li .item, .search-results ul.pages li .item a, .search-results ul.pages .item:hover { -webkit-transform: none !important; transform: none !important; } .Download-App { background-color: #f3f3f3; min-height: 80px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #ddd; } .Download-App .app-detail { max-width: 60%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .Download-App .app-detail .close { display: inline-block; vertical-align: middle; color: #aeaeae; font-size: 36px; } .Download-App .app-detail .close:after { display: inline-block; content: "\00d7"; color: #aeaeae; padding-bottom: 6px; } .Download-App .app-detail .app-icon { max-width: 60px; display: inline-block; margin-right: 10px; } .Download-App .app-detail .app-text { display: inline-block; } .Download-App .app-detail .app-text p { margin-bottom: 0; font-size: 12px; } .Download-App .app-detail .app-text p:first-of-type { font-size: 14px; font-weight: bold; line-height: 14px; } .Download-App .install-app { display: inline-block; background-color: #562483; color: #fff; padding: 0.5% 2.5%; text-transform: uppercase; font-size: 14px; border-radius: 50px; } .common-overlay { width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.5); z-index: 999; top: 0; } .overlay { width: 50%; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; padding: 60px 40px 50px 40px; border-radius: 5px; background-color: #9d81bb; } .overlay p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 600; color: white; line-height: 1.4; } .common-overlay .close { position: absolute; top: 15px; right: 15px; width: 25px; height: 25px; cursor: pointer; } .common-overlay .close:before, .common-overlay .close:after { position: absolute; left: 15px; content: ' '; height: 20px; width: 2px; background-color: #fff; } .common-overlay .close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .common-overlay .close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .transfer-point .club--settings { margin: 50px 0 30px 0; } .transfer-point .transfer-section { margin-bottom: 40px; } .transfer-point h4, .transfer-point .h4 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal; } @font-face { font-family: 'eden-icons'; src: url(/assets/fonts/eden/icons/eden-icons.eot?19183397); src: url(/assets/fonts/eden/icons/eden-icons.eot?19183397#iefix) format("embedded-opentype"), url(/assets/fonts/eden/icons/eden-icons.woff2?19183397) format("woff2"), url(/assets/fonts/eden/icons/eden-icons.woff?19183397) format("woff"), url(/assets/fonts/eden/icons/eden-icons.ttf?19183397) format("truetype"), url(/assets/fonts/eden/icons/eden-icons.svg?19183397#eden-icons) format("svg"); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'eden-icons'; src: url(/assets/fonts/eden/icons/eden-icons.svg?19183397#eden-icons) format('svg'); } } */ [class^="eden-"]:before, [class*=" eden-"]:before { font-family: "eden-icons"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .eden-numeric-10:before { content: '\e360'; } /* '' */ .eden-numeric-1:before { content: '\e361'; } /* '' */ .eden-numeric-2:before { content: '\e362'; } /* '' */ .eden-numeric-3:before { content: '\e363'; } /* '' */ .eden-numeric-4:before { content: '\e364'; } /* '' */ .eden-numeric-5:before { content: '\e365'; } /* '' */ .eden-numeric-6:before { content: '\e366'; } /* '' */ .eden-numeric-7:before { content: '\e367'; } /* '' */ .eden-numeric-8:before { content: '\e368'; } /* '' */ .eden-numeric-9:before { content: '\e369'; } /* '' */ .eden-newborn:before { content: '\e370'; } /* '' */ .eden-touch:before { content: '\e371'; } /* '' */ .eden-sleep-tight:before { content: '\e372'; } /* '' */ .eden-up-n-go:before { content: '\e373'; } /* '' */ .eden-comfort:before { content: '\e374'; } /* '' */ .eden-libero-logo:before { content: '\e375'; } /* '' */ .eden-brush:before { content: '\e376'; } /* '' */ @font-face { font-family: "icons"; font-weight: normal; font-style: normal; src: url(/assets-facelift/fonts/icons.eot?1598440244074); src: url(/assets-facelift/fonts/icons.eot?1598440244074#iefix) format("embedded-opentype"), url(/assets-facelift/fonts/icons.woff2?1598440244074) format("woff2"), url(/assets-facelift/fonts/icons.woff?1598440244074) format("woff"), url(/assets-facelift/fonts/icons.ttf?1598440244074) format("truetype"); } .icon-1-circle:before, .title-logo-sizes.size-1:after, [theme="comfort"] .size-1.title-logo:after, [theme="upngo"] .size-1.title-logo:after, [theme="newborn"] .size-1.title-logo:after, [theme="comfort-baru"] .size-1.title-logo:after, [theme="upngo-baru"] .size-1.title-logo:after, [theme="newborn-baru"] .size-1.title-logo:after, [theme="lotus-touch-newborn"] .size-1.title-logo:after, [theme="lotus-touch-comfort"] .size-1.title-logo:after, [theme="lotus-touch-upngo"] .size-1.title-logo:after, [theme="everyday"] .size-1.title-logo:after, [theme="drypants"] .size-1.title-logo:after, .size-1.product--sizes:after { content: "\e361"; } .icon-2-circle:before, .title-logo-sizes.size-2:after, [theme="comfort"] .size-2.title-logo:after, [theme="upngo"] .size-2.title-logo:after, [theme="newborn"] .size-2.title-logo:after, [theme="comfort-baru"] .size-2.title-logo:after, [theme="upngo-baru"] .size-2.title-logo:after, [theme="newborn-baru"] .size-2.title-logo:after, [theme="lotus-touch-newborn"] .size-2.title-logo:after, [theme="lotus-touch-comfort"] .size-2.title-logo:after, [theme="lotus-touch-upngo"] .size-2.title-logo:after, [theme="everyday"] .size-2.title-logo:after, [theme="drypants"] .size-2.title-logo:after, .size-2.product--sizes:after { content: "\e362"; } .icon-3-circle:before, .title-logo-sizes.size-3:after, [theme="comfort"] .size-3.title-logo:after, [theme="upngo"] .size-3.title-logo:after, [theme="newborn"] .size-3.title-logo:after, [theme="comfort-baru"] .size-3.title-logo:after, [theme="upngo-baru"] .size-3.title-logo:after, [theme="newborn-baru"] .size-3.title-logo:after, [theme="lotus-touch-newborn"] .size-3.title-logo:after, [theme="lotus-touch-comfort"] .size-3.title-logo:after, [theme="lotus-touch-upngo"] .size-3.title-logo:after, [theme="everyday"] .size-3.title-logo:after, [theme="drypants"] .size-3.title-logo:after, .size-3.product--sizes:after { content: "\e363"; } .icon-4-circle:before, .title-logo-sizes.size-4:after, [theme="comfort"] .size-4.title-logo:after, [theme="upngo"] .size-4.title-logo:after, [theme="newborn"] .size-4.title-logo:after, [theme="comfort-baru"] .size-4.title-logo:after, [theme="upngo-baru"] .size-4.title-logo:after, [theme="newborn-baru"] .size-4.title-logo:after, [theme="lotus-touch-newborn"] .size-4.title-logo:after, [theme="lotus-touch-comfort"] .size-4.title-logo:after, [theme="lotus-touch-upngo"] .size-4.title-logo:after, [theme="everyday"] .size-4.title-logo:after, [theme="drypants"] .size-4.title-logo:after, .size-4.product--sizes:after { content: "\e364"; } .icon-5-circle:before, .title-logo-sizes.size-5:after, [theme="comfort"] .size-5.title-logo:after, [theme="upngo"] .size-5.title-logo:after, [theme="newborn"] .size-5.title-logo:after, [theme="comfort-baru"] .size-5.title-logo:after, [theme="upngo-baru"] .size-5.title-logo:after, [theme="newborn-baru"] .size-5.title-logo:after, [theme="lotus-touch-newborn"] .size-5.title-logo:after, [theme="lotus-touch-comfort"] .size-5.title-logo:after, [theme="lotus-touch-upngo"] .size-5.title-logo:after, [theme="everyday"] .size-5.title-logo:after, [theme="drypants"] .size-5.title-logo:after, .size-5.product--sizes:after { content: "\e365"; } .icon-6-circle:before, .title-logo-sizes.size-6:after, [theme="comfort"] .size-6.title-logo:after, [theme="upngo"] .size-6.title-logo:after, [theme="newborn"] .size-6.title-logo:after, [theme="comfort-baru"] .size-6.title-logo:after, [theme="upngo-baru"] .size-6.title-logo:after, [theme="newborn-baru"] .size-6.title-logo:after, [theme="lotus-touch-newborn"] .size-6.title-logo:after, [theme="lotus-touch-comfort"] .size-6.title-logo:after, [theme="lotus-touch-upngo"] .size-6.title-logo:after, [theme="everyday"] .size-6.title-logo:after, [theme="drypants"] .size-6.title-logo:after, .size-6.product--sizes:after { content: "\e366"; } .icon-7-circle:before, .title-logo-sizes.size-7:after, [theme="comfort"] .size-7.title-logo:after, [theme="upngo"] .size-7.title-logo:after, [theme="newborn"] .size-7.title-logo:after, [theme="comfort-baru"] .size-7.title-logo:after, [theme="upngo-baru"] .size-7.title-logo:after, [theme="newborn-baru"] .size-7.title-logo:after, [theme="lotus-touch-newborn"] .size-7.title-logo:after, [theme="lotus-touch-comfort"] .size-7.title-logo:after, [theme="lotus-touch-upngo"] .size-7.title-logo:after, [theme="everyday"] .size-7.title-logo:after, [theme="drypants"] .size-7.title-logo:after, .size-7.product--sizes:after { content: "\e367"; } .icon-8-circle:before, .title-logo-sizes.size-8:after, [theme="comfort"] .size-8.title-logo:after, [theme="upngo"] .size-8.title-logo:after, [theme="newborn"] .size-8.title-logo:after, [theme="comfort-baru"] .size-8.title-logo:after, [theme="upngo-baru"] .size-8.title-logo:after, [theme="newborn-baru"] .size-8.title-logo:after, [theme="lotus-touch-newborn"] .size-8.title-logo:after, [theme="lotus-touch-comfort"] .size-8.title-logo:after, [theme="lotus-touch-upngo"] .size-8.title-logo:after, [theme="everyday"] .size-8.title-logo:after, [theme="drypants"] .size-8.title-logo:after, .size-8.product--sizes:after { content: "\e368"; } .icon-9-circle:before, .title-logo-sizes.size-9:after, [theme="comfort"] .size-9.title-logo:after, [theme="upngo"] .size-9.title-logo:after, [theme="newborn"] .size-9.title-logo:after, [theme="comfort-baru"] .size-9.title-logo:after, [theme="upngo-baru"] .size-9.title-logo:after, [theme="newborn-baru"] .size-9.title-logo:after, [theme="lotus-touch-newborn"] .size-9.title-logo:after, [theme="lotus-touch-comfort"] .size-9.title-logo:after, [theme="lotus-touch-upngo"] .size-9.title-logo:after, [theme="everyday"] .size-9.title-logo:after, [theme="drypants"] .size-9.title-logo:after, .size-9.product--sizes:after { content: "\e369"; } .icon-10-circle:before, .title-logo-sizes.size-10:after, [theme="comfort"] .size-10.title-logo:after, [theme="upngo"] .size-10.title-logo:after, [theme="newborn"] .size-10.title-logo:after, [theme="comfort-baru"] .size-10.title-logo:after, [theme="upngo-baru"] .size-10.title-logo:after, [theme="newborn-baru"] .size-10.title-logo:after, [theme="lotus-touch-newborn"] .size-10.title-logo:after, [theme="lotus-touch-comfort"] .size-10.title-logo:after, [theme="lotus-touch-upngo"] .size-10.title-logo:after, [theme="everyday"] .size-10.title-logo:after, [theme="drypants"] .size-10.title-logo:after, .size-10.product--sizes:after { content: "\e360"; font-size: 70px; } .heading-title-wrapper { width: 462px; height: 233px; background-repeat: no-repeat; background-size: contain; background-position: center; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 25px 65px 0 65px; /*@media only screen and (min-width:40.0625em) and (max-width:64em) { width: 300px; } @media only screen and (max-width: 40em) { width: 200px; }*/ } .product-category-title { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-left: 15px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; color: #562583; } .product-category-title:before { content: '\e375'; display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 66px; font-family: "eden-icons"; } .product-category-title span { text-indent: -2999px; white-space: nowrap; display: inline-block; } .product-details { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 170px; } .product-details .weight { font-weight: bold; font-size: 32px; line-height: 35px; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } [theme="touch-pants"] .product-details, [theme="touch19"] .product-details, [theme="upngo"] .product-details { max-width: 70%; } [theme="touch-pants"] .product--sizes, [theme="touch19"] .product--sizes { color: #AE5D57; } [theme="comfort"] .product-details { max-width: 80%; } [theme="touch-pants"] .heading-title-wrapper, [theme="touch-pants"] .Product--packshotImage, div[theme="touch-pants"] .heading-title-wrapper, div[theme="touch-pants"] .Product--packshotImage { background-image: url(/assets/images/brushes/eden-touch-brush.png); } [theme="touch-pants"] .ProductDetails--Wrapper, div[theme="touch-pants"] .ProductDetails--Wrapper { background-color: rgba(241, 235, 228, 0.39); } [theme="touch-pants"] .Product--packshotImage, div[theme="touch-pants"] .Product--packshotImage { background-image: url(/assets/images/brushes/eden-touch-brush.png), url(/assets/images/brushes/eden-touch-feather.png); background-position: center bottom, center top !important; box-sizing: content-box; padding-top: 90px; } [theme="touch"] .heading-title-wrapper, [theme="touch"] .Product--packshotImage, div[theme="touch"] .heading-title-wrapper, div[theme="touch"] .Product--packshotImage { background-image: url(/assets/images/brushes/eden-touch-brush.png); } [theme="touch"] .ProductDetails--Wrapper, div[theme="touch"] .ProductDetails--Wrapper { background-color: rgba(241, 235, 228, 0.39); } [theme="touch"] .Product--packshotImage, div[theme="touch"] .Product--packshotImage { background-image: url(/assets/images/brushes/eden-touch-brush.png), url(/assets/images/brushes/eden-touch-feather.png); background-position: center bottom, center top !important; box-sizing: content-box; padding-top: 90px; } [theme="touch19"] .heading-title-wrapper, [theme="touch19"] .Product--packshotImage, div[theme="touch19"] .heading-title-wrapper, div[theme="touch19"] .Product--packshotImage { background-image: url(/assets/images/brushes/eden-touch-brush.png); } [theme="touch19"] .ProductDetails--Wrapper, div[theme="touch19"] .ProductDetails--Wrapper { background-color: rgba(241, 235, 228, 0.39); } [theme="touch19"] .Product--packshotImage, div[theme="touch19"] .Product--packshotImage { background-image: url(/assets/images/brushes/eden-touch-brush.png), url(/assets/images/brushes/eden-touch-feather.png); background-position: center bottom, center top !important; box-sizing: content-box; padding-top: 90px; } [theme="comfort"] .heading-title-wrapper, [theme="comfort"] .Product--packshotImage, div[theme="comfort"] .heading-title-wrapper, div[theme="comfort"] .Product--packshotImage { background-image: url(/assets/images/brushes/eden-comfort-brush.png); } [theme="upngo"] .heading-title-wrapper, [theme="upngo"] .Product--packshotImage, div[theme="upngo"] .heading-title-wrapper, div[theme="upngo"] .Product--packshotImage { background-image: url(/assets/images/brushes/eden-upngo-brush.png); } [theme="newborn"] .heading-title-wrapper, [theme="newborn"] .Product--packshotImage, div[theme="newborn"] .heading-title-wrapper, div[theme="newborn"] .Product--packshotImage { background-image: url(/assets/images/brushes/eden-newborn-brush.png); } [theme="sleep-tight"] .heading-title-wrapper, [theme="sleep-tight"] .Product--packshotImage, div[theme="sleep-tight"] .heading-title-wrapper, div[theme="sleep-tight"] .Product--packshotImage { background-image: url(/assets/images/brushes/eden-sleeptight-brush.png); } .product--fitIcon { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-flex-basis: 75px; -ms-flex-preferred-size: 75px; flex-basis: 75px; } .product--title-weight { margin-top: -20px; padding-left: 20px; color: #ffffff; } .product--sizes { -webkit-flex-basis: 60px; -ms-flex-preferred-size: 60px; flex-basis: 60px; color: #ffffff; padding-top: 35px; } .product--sizes:after { display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 85px; font-family: "eden-icons"; } .diaper-3d #pr-reviewsnippet { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 45px 0 20px; } .diaper-3d #pr-reviewsnippet .pr-snippet-stars { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .diaper-3d #pr-reviewsnippet .pr-snippet-stars .pr-snippet-rating-decimal { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 24px !important; letter-spacing: 2.5px; line-height: 31px; margin-right: 10px; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .diaper-3d #pr-reviewsnippet .pr-snippet-stars .pr-star-v4 { margin-left: 5px; } .banner-features-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 20px; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .banner-features-wrapper .banner-feature-icon { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px 10px; } .banner-features-wrapper .banner-feature-icon span { display: none; } .banner-features-wrapper.edenBanner--desktopView .banner-feature-icon img { max-height: 60px; max-width: 60px; } .banner-features-wrapper.edenBanner--mobileView { display: none; } .Product--details { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 120px 0 140px; } .Product--details .Product--imageWrapper { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; position: relative; text-align: center; } .Product--details .Product--imageWrapper .Product--packshotImage { position: -webkit-sticky; position: sticky; top: 20px; background-repeat: no-repeat; background-position: center bottom; margin-left: 45px; min-width: 462px; padding-bottom: 30px; } .Product--details .Product--imageWrapper .Product--packshotImage .Product--img { display: inline-block; position: relative; } .Product--details .Product--imageWrapper .Product--packshotImage .Product--img img { max-height: 400px; max-width: 400px; } .Product--details .Product--imageWrapper .Product--packshotImage .Product--img span { background: #676767; background-blend-mode: multiply; bottom: -10px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-filter: blur(13.5914px); filter: blur(13.5914px); height: 18px; left: -15px; mix-blend-mode: normal; opacity: 0.58; position: absolute; width: calc(100% + 30px); z-index: -1; display: none; } .Product--details .Product--contentWrapper { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .Product--details .Product--contentWrapper .Product--content .Product--subTitle { color: #562483; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 36px; line-height: 36px; margin-bottom: 30px; text-transform: uppercase; } .Product--details .Product--contentWrapper .Product--content .Product--sectionTitle { color: #2A2A2A; font-size: 22px; font-weight: bold; line-height: 26px; margin-bottom: 20px; } .Product--details .Product--contentWrapper .Product--content ul li { color: #2A2A2A; font-weight: bold; font-size: 16px; line-height: 28px; } .Product--details .Product--contentWrapper .Product--iconsWrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 30px 0; } .Product--details .Product--contentWrapper .Product--iconsWrapper .Product--icons { margin: 0 10px; max-height: 70px; max-width: 70px; } .Product--details .Product--contentWrapper .Product--accordion dd > a:before { color: #562483; content: "\EA0E"; right: 22px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); top: 15px; } .Product--details .Product--contentWrapper .Product--accordion dd > a.on:before { top: 12px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .Product--details .Product--contentWrapper .Product--accordion dl:last-child, .Product--details .Product--contentWrapper .Product--accordion dd:last-child { margin-bottom: 0; padding-bottom: 0; } .Product--details .Product--contentWrapper .Product--accordion a.Product--accordionTitle { background-color: #EEE9F1; border: none; border-radius: 8px; color: #562483; font-size: 22px; line-height: 22px; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; padding: 14px 25px; text-transform: uppercase; transition: all 0.3s ease-in-out; } .Product--details .Product--contentWrapper .Product--accordion a.Product--accordionTitle:hover { background-color: #562483; color: #EEE9F1; } .Product--details .Product--contentWrapper .Product--accordion a.Product--accordionTitle:hover:before { color: #EEE9F1; } .Product--details .sticky-end { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .Product--accordionInner { margin-top: 45px; } .Product--accordionInner .columns { padding-left: 0 !important; padding-right: 0 !important; } .Product--accordionImageContent { display: -webkit-flex; display: -ms-flexbox; display: flex; } .Product--accordionImageContent .Product--accordionImage .Product--image { border-radius: 50%; height: 80px; margin-right: 20px; overflow: hidden; width: 80px; } .Product--accordionImageContent .Product--accordionContent h3, .Product--accordionImageContent .Product--accordionContent .h3, .Product--accordionImageContent .Product--accordionContent .product-info h1, .product-info .Product--accordionImageContent .Product--accordionContent h1, .Product--accordionImageContent .Product--accordionContent .product-info .h1, .product-info .Product--accordionImageContent .Product--accordionContent .h1 { color: #2A2A2A; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 24px; margin: 0; } .Product--accordionImageContent .Product--accordionContent ul { margin-bottom: 25px; } .Product--accordionImageContent .Product--accordionContent ul li { color: #2A2A2A; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; } .diaper-3d .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .diaper-3d #pr-reviewsnippet .pr-snippet-stars { margin-right: 20px; } .row { padding-left: 0.9375rem; padding-right: 0.9375rem; } .carousel-intro { position: relative; } .carousel-intro .bannerHeader { width: 500px; height: 250px; position: absolute; background-size: contain; background-position: center; background-repeat: no-repeat; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(/assets/images/brushes/eden_brush.png); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; padding: 0 30px; margin-top: 50px; } .carousel-intro .bannerHeader .climateIcon { display: inline-block; width: 120px; height: 120px; margin-top: 25px; } .carousel-intro .bannerHeader span { width: 300px; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 48px; line-height: 44px; text-transform: uppercase; color: #ffffff; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); margin-left: 10px; text-align: left; } .carousel-intro .bannerHeader img { display: block !important; } .new-pakage-one-wrapper { margin: 20px auto; } .new-pakage-two-wrapper { margin: 20px auto; } .new-pakage-one { width: 100%; height: 100%; min-height: 400px; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(/assets/images/backgrounds/background.png); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 12px; } .new-pakage-one .new-pakage-left { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .new-pakage-one .new-pakage-left .new-pakage-left-content { max-width: 450px; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .new-pakage-one .new-pakage-left .new-pakage-left-content h2, .new-pakage-one .new-pakage-left .new-pakage-left-content .h2 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 44px; line-height: 44px; color: #009641; text-transform: uppercase; margin-bottom: 1.5rem; max-width: 100%; } .new-pakage-one .new-pakage-left .new-pakage-left-content p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 22px; line-height: 33px; color: #2A2A2A; margin-bottom: 1rem; max-width: 100%; } .new-pakage-one .new-pakage-left .new-pakage-left-content a { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 22px; line-height: 30px; color: #2A2A2A; max-width: 100%; } .new-pakage-one .new-pakage-right { position: relative; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; text-align: center; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .new-pakage-one .new-pakage-right .new-pakage-right-products { position: relative; z-index: 1; display: inline-block; } .new-pakage-one .new-pakage-right .new-pakage-right-products .new-pakage-right-eco { max-width: 140px; position: absolute; top: 30px; left: -90px; z-index: -1; } .new-pakage-two { height: 400px; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 12px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .new-pakage-two .new-pakage-brush { width: 501px; height: 256px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url(/assets/images/brushes/eden_brush.png); margin-top: -50px; } .new-pakage-two .new-pakage-brush h2, .new-pakage-two .new-pakage-brush .h2 { width: 70%; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 58px; line-height: 50px; color: #ffffff; text-transform: uppercase; margin: 0 auto; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } .new-pakage-two .new-pakage-button { position: absolute; left: 50%; bottom: 0%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; min-width: 121px; padding: 15px 80px; border-radius: 24px; color: #562483; background-color: #ffffff; font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; text-align: center; } .new-pakage-two .new-pakage-button:hover { background-color: #562483; color: #ffffff; } .stages .hide-for-small-only { background-color: #ffffff; padding-top: 0; padding-bottom: 0; } .stages .hide-for-small-only .columns .promobox { padding-top: 0; padding-bottom: 0; } .stages .hide-for-small-only .columns .promobox a { border: 1px solid #ffffff; } .stages .hide-for-small-only .columns .promobox a .info { padding: 0; bottom: -15px; } .stages .hide-for-small-only .columns .promobox a .info .icon, .stages .hide-for-small-only .columns .promobox a .info #header .exmenu a:before, #header .exmenu .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info #header a.to-top:before, #header .stages .hide-for-small-only .columns .promobox a .info a.to-top:before, .stages .hide-for-small-only .columns .promobox a .info #header .btn-search:before, #header .stages .hide-for-small-only .columns .promobox a .info .btn-search:before, .stages .hide-for-small-only .columns .promobox a .info .more-links .gbrw-grid a:before, .more-links .gbrw-grid .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .popin-close a:before, .popin-close .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .small-overlay-close a:before, .small-overlay-close .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .full-overlay-close a:before, .full-overlay-close .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info #footer a.fb-link:before, #footer .stages .hide-for-small-only .columns .promobox a .info a.fb-link:before, .stages .hide-for-small-only .columns .promobox a .info #footer a.yt-link:before, #footer .stages .hide-for-small-only .columns .promobox a .info a.yt-link:before, .stages .hide-for-small-only .columns .promobox a .info #footer a.vk-link:before, #footer .stages .hide-for-small-only .columns .promobox a .info a.vk-link:before, .stages .hide-for-small-only .columns .promobox a .info #footer a.insta-link:before, #footer .stages .hide-for-small-only .columns .promobox a .info a.insta-link:before, .stages .hide-for-small-only .columns .promobox a .info #footer a.twitter-link:before, #footer .stages .hide-for-small-only .columns .promobox a .info a.twitter-link:before, .stages .hide-for-small-only .columns .promobox a .info #footer .mother-logo:before, #footer .stages .hide-for-small-only .columns .promobox a .info .mother-logo:before, .stages .hide-for-small-only .columns .promobox a .info #footer .mother-logo-old:before, #footer .stages .hide-for-small-only .columns .promobox a .info .mother-logo-old:before, .stages .hide-for-small-only .columns .promobox a .info .point-shop-product-info .text .row .column:after, .point-shop-product-info .text .row .stages .hide-for-small-only .columns .promobox a .info .column:after, .stages .hide-for-small-only .columns .promobox a .info #sidebars .menu .shortcut-profile:before, #sidebars .menu .stages .hide-for-small-only .columns .promobox a .info .shortcut-profile:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .menu .shortcut-points:before, #sidebars .menu .stages .hide-for-small-only .columns .promobox a .info .shortcut-points:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .menu .shortcut-signin:before, #sidebars .menu .stages .hide-for-small-only .columns .promobox a .info .shortcut-signin:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .menu .shortcut-signout:before, #sidebars .menu .stages .hide-for-small-only .columns .promobox a .info .shortcut-signout:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .social-share-icon.icon-instagram:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info .social-share-icon.icon-instagram:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .social-share-icon.icon-twitter:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info .social-share-icon.icon-twitter:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .social-share-icon.icon-facebook:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info .social-share-icon.icon-facebook:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .social-share-icon.icon-vk:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info .social-share-icon.icon-vk:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .social-share-icon.icon-youtube:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info .social-share-icon.icon-youtube:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars [data-sub-navigation-target]:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info [data-sub-navigation-target]:before, .stages .hide-for-small-only .columns .promobox a .info #ajax-shopping-cart .item a.remove:before, #ajax-shopping-cart .item .stages .hide-for-small-only .columns .promobox a .info a.remove:before, .stages .hide-for-small-only .columns .promobox a .info #ajax-shopping-cart .toggle a:before, #ajax-shopping-cart .toggle .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info html .swiper-button-prev:before, html .stages .hide-for-small-only .columns .promobox a .info .swiper-button-prev:before, .stages .hide-for-small-only .columns .promobox a .info html .swiper-button-next:before, html .stages .hide-for-small-only .columns .promobox a .info .swiper-button-next:before, .stages .hide-for-small-only .columns .promobox a .info body .ui-datepicker-next:before, body .stages .hide-for-small-only .columns .promobox a .info .ui-datepicker-next:before, .stages .hide-for-small-only .columns .promobox a .info body .ui-datepicker-prev:before, body .stages .hide-for-small-only .columns .promobox a .info .ui-datepicker-prev:before, .stages .hide-for-small-only .columns .promobox a .info .start-welcome .icon-trying:before, .start-welcome .stages .hide-for-small-only .columns .promobox a .info .icon-trying:before, .stages .hide-for-small-only .columns .promobox a .info .start-welcome .icon-pregnant:before, .start-welcome .stages .hide-for-small-only .columns .promobox a .info .icon-pregnant:before, .stages .hide-for-small-only .columns .promobox a .info .start-welcome .icon-baby:before, .start-welcome .stages .hide-for-small-only .columns .promobox a .info .icon-baby:before, .stages .hide-for-small-only .columns .promobox a .info .start-welcome .icon-toddler:before, .start-welcome .stages .hide-for-small-only .columns .promobox a .info .icon-toddler:before, .stages .hide-for-small-only .columns .promobox a .info ul.articles [data-trigger="sign-in"] .category:before, ul.articles [data-trigger="sign-in"] .stages .hide-for-small-only .columns .promobox a .info .category:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter h2.trying:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info h2.trying:before, .stages .hide-for-small-only .columns .promobox a .info .article-header h2.trying:before, .article-header .stages .hide-for-small-only .columns .promobox a .info h2.trying:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter .trying.h2:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info .trying.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-header .trying.h2:before, .article-header .stages .hide-for-small-only .columns .promobox a .info .trying.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter h2.pregnant:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info h2.pregnant:before, .stages .hide-for-small-only .columns .promobox a .info .article-header h2.pregnant:before, .article-header .stages .hide-for-small-only .columns .promobox a .info h2.pregnant:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter .pregnant.h2:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info .pregnant.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-header .pregnant.h2:before, .article-header .stages .hide-for-small-only .columns .promobox a .info .pregnant.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter h2.baby:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info h2.baby:before, .stages .hide-for-small-only .columns .promobox a .info .article-header h2.baby:before, .article-header .stages .hide-for-small-only .columns .promobox a .info h2.baby:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter .baby.h2:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info .baby.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-header .baby.h2:before, .article-header .stages .hide-for-small-only .columns .promobox a .info .baby.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter h2.toddler:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info h2.toddler:before, .stages .hide-for-small-only .columns .promobox a .info .article-header h2.toddler:before, .article-header .stages .hide-for-small-only .columns .promobox a .info h2.toddler:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter .toddler.h2:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info .toddler.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-header .toddler.h2:before, .article-header .stages .hide-for-small-only .columns .promobox a .info .toddler.h2:before, .stages .hide-for-small-only .columns .promobox a .info .point-arrow:before, .stages .hide-for-small-only .columns .promobox a .info ul.products .points span:before, ul.products .points .stages .hide-for-small-only .columns .promobox a .info span:before, .stages .hide-for-small-only .columns .promobox a .info .club-coin-progress .arrow, .club-coin-progress .stages .hide-for-small-only .columns .promobox a .info .arrow, .stages .hide-for-small-only .columns .promobox a .info .sprite-icon-coin-arrow:before, .stages .hide-for-small-only .columns .promobox a .info .sprite-icon-coin-arrow-white:before, .stages .hide-for-small-only .columns .promobox a .info .point-shop-product-info a.close:before, .point-shop-product-info .stages .hide-for-small-only .columns .promobox a .info a.close:before, .stages .hide-for-small-only .columns .promobox a .info form .filePicker .choose:before, form .filePicker .stages .hide-for-small-only .columns .promobox a .info .choose:before, .stages .hide-for-small-only .columns .promobox a .info .add-profile-image .remove:before, .add-profile-image .stages .hide-for-small-only .columns .promobox a .info .remove:before, .stages .hide-for-small-only .columns .promobox a .info .profile-trying:before, .stages .hide-for-small-only .columns .promobox a .info .profile-pregnant:before, .stages .hide-for-small-only .columns .promobox a .info .profile-baby:before, .stages .hide-for-small-only .columns .promobox a .info .profile-toddler:before, .stages .hide-for-small-only .columns .promobox a .info .profile-padlock:before, .stages .hide-for-small-only .columns .promobox a .info .profile-convert-code:before, .stages .hide-for-small-only .columns .promobox a .info .profile-order-history:before, .stages .hide-for-small-only .columns .promobox a .info .profile-point-history:before, .stages .hide-for-small-only .columns .promobox a .info .profile-change-email:before, .stages .hide-for-small-only .columns .promobox a .info .profile-questionaire:before, .stages .hide-for-small-only .columns .promobox a .info .profile-subscriptions:before, .stages .hide-for-small-only .columns .promobox a .info .search-container span:before, .search-container .stages .hide-for-small-only .columns .promobox a .info span:before, .stages .hide-for-small-only .columns .promobox a .info .search-container .clear-search:before, .search-container .stages .hide-for-small-only .columns .promobox a .info .clear-search:before, .stages .hide-for-small-only .columns .promobox a .info .sign-up__date-input-container:after, .stages .hide-for-small-only .columns .promobox a .info .sign-up__select-container:after, .stages .hide-for-small-only .columns .promobox a .info .sign-up__terms .sign-up__checkbox-container label:after, .sign-up__terms .sign-up__checkbox-container .stages .hide-for-small-only .columns .promobox a .info label:after, .stages .hide-for-small-only .columns .promobox a .info #ajaxOverlayError span:before, #ajaxOverlayError .stages .hide-for-small-only .columns .promobox a .info span:before, .stages .hide-for-small-only .columns .promobox a .info dl.accordion dd > a:before, dl.accordion .stages .hide-for-small-only .columns .promobox a .info dd > a:before, .stages .hide-for-small-only .columns .promobox a .info a.trying:before, .stages .hide-for-small-only .columns .promobox a .info a.pregnant:before, .stages .hide-for-small-only .columns .promobox a .info a.baby:before, .stages .hide-for-small-only .columns .promobox a .info a.toddler:before, .stages .hide-for-small-only .columns .promobox a .info a.action:before, .stages .hide-for-small-only .columns .promobox a .info a.action.back:before, .stages .hide-for-small-only .columns .promobox a .info a.action.forward:after, .stages .hide-for-small-only .columns .promobox a .info [data-am-label][data-am-label~="checkbox"]:after, .stages .hide-for-small-only .columns .promobox a .info .article-66-33 a.fb-link:before, .article-66-33 .stages .hide-for-small-only .columns .promobox a .info a.fb-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-50-50 a.fb-link:before, .article-50-50 .stages .hide-for-small-only .columns .promobox a .info a.fb-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-66-33 a.twitter-link:before, .article-66-33 .stages .hide-for-small-only .columns .promobox a .info a.twitter-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-50-50 a.twitter-link:before, .article-50-50 .stages .hide-for-small-only .columns .promobox a .info a.twitter-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-66-33 a.mail-link:before, .article-66-33 .stages .hide-for-small-only .columns .promobox a .info a.mail-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-50-50 a.mail-link:before, .article-50-50 .stages .hide-for-small-only .columns .promobox a .info a.mail-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-66-33 a.print-link:before, .article-66-33 .stages .hide-for-small-only .columns .promobox a .info a.print-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-50-50 a.print-link:before, .article-50-50 .stages .hide-for-small-only .columns .promobox a .info a.print-link:before, .stages .hide-for-small-only .columns .promobox a .info .video-play:before, .stages .hide-for-small-only .columns .promobox a .info .dropdown__hint:after, .stages .hide-for-small-only .columns .promobox a .info .gpdr--sign-up .gdpr__label:after, .gpdr--sign-up .stages .hide-for-small-only .columns .promobox a .info .gdpr__label:after, .stages .hide-for-small-only .columns .promobox a .info .gdpr--subscriptions .gdpr__label:after, .gdpr--subscriptions .stages .hide-for-small-only .columns .promobox a .info .gdpr__label:after, .stages .hide-for-small-only .columns .promobox a .info [theme="comfort-baru"] .title-logo:before, [theme="comfort-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="comfort-baru"] .title-logo:before, div[theme="comfort-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="upngo-baru"] .title-logo:before, [theme="upngo-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="upngo-baru"] .title-logo:before, div[theme="upngo-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="newborn-baru"] .title-logo:before, [theme="newborn-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="newborn-baru"] .title-logo:before, div[theme="newborn-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="lotus-touch-newborn"] .title-logo:before, [theme="lotus-touch-newborn"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="lotus-touch-newborn"] .title-logo:before, div[theme="lotus-touch-newborn"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="lotus-touch-comfort"] .title-logo:before, [theme="lotus-touch-comfort"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="lotus-touch-comfort"] .title-logo:before, div[theme="lotus-touch-comfort"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="lotus-touch-upngo"] .title-logo:before, [theme="lotus-touch-upngo"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="lotus-touch-upngo"] .title-logo:before, div[theme="lotus-touch-upngo"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="everyday"] .title-logo:before, [theme="everyday"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="everyday"] .title-logo:before, div[theme="everyday"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="drypants"] .title-logo:before, [theme="drypants"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="drypants"] .title-logo:before, div[theme="drypants"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="sleep-tight"] .title-logo:before, [theme="sleep-tight"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="sleep-tight"] .title-logo:before, div[theme="sleep-tight"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="swimpants"] .title-logo:before, [theme="swimpants"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="swimpants"] .title-logo:before, div[theme="swimpants"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info .products--anchor-menu div.to-top span:before, .products--anchor-menu div.to-top .stages .hide-for-small-only .columns .promobox a .info span:before, .stages .hide-for-small-only .columns .promobox a .info .products--anchor-menu .current a:before, .products--anchor-menu .current .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox .ratings-bar .stars a .info span, .ratings-bar .stars .stages .hide-for-small-only .columns .promobox a .info span, .stages .hide-for-small-only .columns .promobox .ratings-bar .stars a .info span:before, .ratings-bar .stars .stages .hide-for-small-only .columns .promobox a .info span:before, .stages .hide-for-small-only .columns .promobox a .info .editor ul.fancy li:before, .editor ul.fancy .stages .hide-for-small-only .columns .promobox a .info li:before, .stages .hide-for-small-only .columns .promobox a .info .filter-move-to-size .indicator, .filter-move-to-size .stages .hide-for-small-only .columns .promobox a .info .indicator, .stages .hide-for-small-only .columns .promobox a .info .filter-slider-small .btn-container a:before, .filter-slider-small .btn-container .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .filter-slider-small .clear:before, .filter-slider-small .stages .hide-for-small-only .columns .promobox a .info .clear:before, .stages .hide-for-small-only .columns .promobox a .info .filter-slider-small-alert:before, .stages .hide-for-small-only .columns .promobox a .info [accordion="small"] dd > a:after, [accordion="small"] .stages .hide-for-small-only .columns .promobox a .info dd > a:after, .stages .hide-for-small-only .columns .promobox a .info .product--filter-result-display .swipe:before, .product--filter-result-display .stages .hide-for-small-only .columns .promobox a .info .swipe:before, .stages .hide-for-small-only .columns .promobox a .info .product--filter-result-display-eden .swipe:before, .product--filter-result-display-eden .stages .hide-for-small-only .columns .promobox a .info .swipe:before, .stages .hide-for-small-only .columns .promobox a .info .products--product-accessory .bottom .benefits .check:before, .products--product-accessory .bottom .benefits .stages .hide-for-small-only .columns .promobox a .info .check:before, .stages .hide-for-small-only .columns .promobox a .info .products--family-range .bar li:before, .products--family-range .bar .stages .hide-for-small-only .columns .promobox a .info li:before, .stages .hide-for-small-only .columns .promobox a .info .diaper-3d .bottom-options .to-top:before, .diaper-3d .bottom-options .stages .hide-for-small-only .columns .promobox a .info .to-top:before, .stages .hide-for-small-only .columns .promobox a .info .diaper-3d .bottom-options .to-bottom:before, .diaper-3d .bottom-options .stages .hide-for-small-only .columns .promobox a .info .to-bottom:before, .stages .hide-for-small-only .columns .promobox a .info .diaper-3d .bottom-options .scroll-down:before, .diaper-3d .bottom-options .stages .hide-for-small-only .columns .promobox a .info .scroll-down:before, .stages .hide-for-small-only .columns .promobox a .info .blob-photo-upload:before, .stages .hide-for-small-only .columns .promobox a .info .club--profile-header .bg-photo-load-wrap .bg-photo-load:before, .club--profile-header .bg-photo-load-wrap .stages .hide-for-small-only .columns .promobox a .info .bg-photo-load:before, .stages .hide-for-small-only .columns .promobox a .info label.profile-header__change-image:before, .stages .hide-for-small-only .columns .promobox a .info .feed-carousel .slick-prev:before, .feed-carousel .stages .hide-for-small-only .columns .promobox a .info .slick-prev:before, .stages .hide-for-small-only .columns .promobox a .info .feed-carousel .slick-next:before, .feed-carousel .stages .hide-for-small-only .columns .promobox a .info .slick-next:before, .stages .hide-for-small-only .columns .promobox a .info a.club-search__button:after, .stages .hide-for-small-only .columns .promobox a .info #headerV2 .exmenu a:before, #headerV2 .exmenu .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info #headerV2 a.to-top:before, #headerV2 .stages .hide-for-small-only .columns .promobox a .info a.to-top:before, .stages .hide-for-small-only .columns .promobox a .info #headerV2 .btn-search:before, #headerV2 .stages .hide-for-small-only .columns .promobox a .info .btn-search:before, .stages .hide-for-small-only .columns .promobox a .info .club-carousel .slick-prev:before, .club-carousel .stages .hide-for-small-only .columns .promobox a .info .slick-prev:before, .stages .hide-for-small-only .columns .promobox a .info .club-carousel .slick-next:before, .club-carousel .stages .hide-for-small-only .columns .promobox a .info .slick-next:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__icon--comment:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__icon--heart:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__icon--share:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__icon--more:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__tags:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__content-image a:before, .feed-post__content-image .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__text a:before, .create-post__text .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__overlay .create-post__overlay-title a.create-post__overlay-close:after, .create-post__overlay .create-post__overlay-title .stages .hide-for-small-only .columns .promobox a .info a.create-post__overlay-close:after, .stages .hide-for-small-only .columns .promobox a .info .create-post__overlay--tags label:before, .create-post__overlay--tags .stages .hide-for-small-only .columns .promobox a .info label:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__milestone-menu-item .check:after, .create-post__milestone-menu-item .stages .hide-for-small-only .columns .promobox a .info .check:after, .stages .hide-for-small-only .columns .promobox a .info .create-post__btn-photo > span:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__btn-tag > span:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__btn-date > span:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__milestone-post-photo .view-add:before, .create-post__milestone-post-photo .stages .hide-for-small-only .columns .promobox a .info .view-add:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__post-photo .view-add:before, .create-post__post-photo .stages .hide-for-small-only .columns .promobox a .info .view-add:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__milestone-post-photo .view-done a:before, .create-post__milestone-post-photo .view-done .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__post-photo .view-done a:before, .create-post__post-photo .view-done .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__title a:after, .create-post__title .stages .hide-for-small-only .columns .promobox a .info a:after, .stages .hide-for-small-only .columns .promobox a .info .multi-upload label:before, .multi-upload .stages .hide-for-small-only .columns .promobox a .info label:before, .stages .hide-for-small-only .columns .promobox a .info .multi-upload a:after, .multi-upload .stages .hide-for-small-only .columns .promobox a .info a:after, .stages .hide-for-small-only .columns .promobox a .info .club--stages .share:before, .club--stages .stages .hide-for-small-only .columns .promobox a .info .share:before, .stages .hide-for-small-only .columns .promobox a .info .stages-overlay__close:before, .stages .hide-for-small-only .columns .promobox a .info .stage-item__share:before, .stages .hide-for-small-only .columns .promobox a .info .cp-layer .cp-input-container .datepicker-icon:before, .cp-layer .cp-input-container .stages .hide-for-small-only .columns .promobox a .info .datepicker-icon:before, .stages .hide-for-small-only .columns .promobox a .info .ep-layer .ep-input-container .datepicker-icon:before, .ep-layer .ep-input-container .stages .hide-for-small-only .columns .promobox a .info .datepicker-icon:before, .stages .hide-for-small-only .columns .promobox a .info .club-remove-filter .container a:after, .club-remove-filter .container .stages .hide-for-small-only .columns .promobox a .info a:after, .stages .hide-for-small-only .columns .promobox a .info .club-overlay .bg-photo-load:before, .club-overlay .stages .hide-for-small-only .columns .promobox a .info .bg-photo-load:before, .stages .hide-for-small-only .columns .promobox a .info .club-overlay-close:after, .stages .hide-for-small-only .columns .promobox a .info .club-stages-post .stage-icon:before, .club-stages-post .stages .hide-for-small-only .columns .promobox a .info .stage-icon:before, .stages .hide-for-small-only .columns .promobox a .info .club-stages-product .stage-icon:before, .club-stages-product .stages .hide-for-small-only .columns .promobox a .info .stage-icon:before, .stages .hide-for-small-only .columns .promobox a .info .sidebar-overlay__trigger:before, .stages .hide-for-small-only .columns .promobox a .info .sidebar-overlay a.club-search__button:after, .sidebar-overlay .stages .hide-for-small-only .columns .promobox a .info a.club-search__button:after, .stages .hide-for-small-only .columns .promobox a .info body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-playing .vjs-big-play-button:before, body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-playing .stages .hide-for-small-only .columns .promobox a .info .vjs-big-play-button:before, .stages .hide-for-small-only .columns .promobox a .info body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-paused .vjs-big-play-button:before, body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-paused .stages .hide-for-small-only .columns .promobox a .info .vjs-big-play-button:before, .stages .hide-for-small-only .columns .promobox a .info body div .amp-default-skin .vjs-big-play-button:before, body div .amp-default-skin .stages .hide-for-small-only .columns .promobox a .info .vjs-big-play-button:before, .stages .hide-for-small-only .columns .promobox a .info .overlay2 .overlay2-nav .prev:before, .overlay2 .overlay2-nav .stages .hide-for-small-only .columns .promobox a .info .prev:before, .stages .hide-for-small-only .columns .promobox a .info .overlay2 .overlay2-nav .next:before, .overlay2 .overlay2-nav .stages .hide-for-small-only .columns .promobox a .info .next:before, .stages .hide-for-small-only .columns .promobox a .info .overlay2 [data-overlay2-close]:before, .overlay2 .stages .hide-for-small-only .columns .promobox a .info [data-overlay2-close]:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--life-hack .inner:before, .youplus--life-hack .stages .hide-for-small-only .columns .promobox a .info .inner:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-audio .default-player, .youplus--story-audio .stages .hide-for-small-only .columns .promobox a .info .default-player, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-m-audio .default-player, .youplus--story-m-audio .stages .hide-for-small-only .columns .promobox a .info .default-player, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-video .inner:before, .youplus--story-video .stages .hide-for-small-only .columns .promobox a .info .inner:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-m-video .inner:before, .youplus--story-m-video .stages .hide-for-small-only .columns .promobox a .info .inner:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-header .filter-btn:before, .youplus--story-header .stages .hide-for-small-only .columns .promobox a .info .filter-btn:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-header .month .btn-yp.selected:before, .youplus--story-header .month .stages .hide-for-small-only .columns .promobox a .info .btn-yp.selected:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-header .tags .btn-yp.selected:before, .youplus--story-header .tags .stages .hide-for-small-only .columns .promobox a .info .btn-yp.selected:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--listicles h3:before, .youplus--listicles .stages .hide-for-small-only .columns .promobox a .info h3:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--listicles .h3:before, .youplus--listicles .stages .hide-for-small-only .columns .promobox a .info .h3:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--listicles .product-info h1:before, .youplus--listicles .product-info .stages .hide-for-small-only .columns .promobox a .info h1:before, .stages .hide-for-small-only .columns .promobox a .info .product-info .youplus--listicles h1:before, .product-info .youplus--listicles .stages .hide-for-small-only .columns .promobox a .info h1:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--listicles .product-info .h1:before, .youplus--listicles .product-info .stages .hide-for-small-only .columns .promobox a .info .h1:before, .stages .hide-for-small-only .columns .promobox a .info .product-info .youplus--listicles .h1:before, .product-info .youplus--listicles .stages .hide-for-small-only .columns .promobox a .info .h1:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--testimonial .slick-prev:before, .youplus--testimonial .stages .hide-for-small-only .columns .promobox a .info .slick-prev:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--testimonial .slick-next:before, .youplus--testimonial .stages .hide-for-small-only .columns .promobox a .info .slick-next:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--poll-results .check:before, .youplus--poll-results .stages .hide-for-small-only .columns .promobox a .info .check:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--app-hero .leftArrow:before, .youplus--app-hero .stages .hide-for-small-only .columns .promobox a .info .leftArrow:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--app-hero .rightArrow:before, .youplus--app-hero .stages .hide-for-small-only .columns .promobox a .info .rightArrow:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--order-bar .share-tooltip__facebook:before, .photobook--order-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__facebook:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--order-bar .share-tooltip__twitter:before, .photobook--order-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__twitter:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--order-bar .share-tooltip__instagram:before, .photobook--order-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__instagram:before, .stages .hide-for-small-only .columns .promobox a .info .message-bar__message--saved:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--navigation-bar .navigation-bar__back-link:before, .photobook--navigation-bar .stages .hide-for-small-only .columns .promobox a .info .navigation-bar__back-link:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--navigation-bar .navigation-bar__close:before, .photobook--navigation-bar .stages .hide-for-small-only .columns .promobox a .info .navigation-bar__close:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--navigation-bar .navigation-bar__drop-value--trigger:before, .photobook--navigation-bar .stages .hide-for-small-only .columns .promobox a .info .navigation-bar__drop-value--trigger:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--status-bar .status-bar__remove:before, .photobook--status-bar .stages .hide-for-small-only .columns .promobox a .info .status-bar__remove:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--grid .grid-item .grid-item__check:after, .photobook--grid .grid-item .stages .hide-for-small-only .columns .promobox a .info .grid-item__check:after, .stages .hide-for-small-only .columns .promobox a .info .photobook--grid .grid-item .grid-item__message-icon:after, .photobook--grid .grid-item .stages .hide-for-small-only .columns .promobox a .info .grid-item__message-icon:after, .stages .hide-for-small-only .columns .promobox a .info .photobook--grid .grid-item .grid-item__message--add .grid-item__message-icon:after, .photobook--grid .grid-item .grid-item__message--add .stages .hide-for-small-only .columns .promobox a .info .grid-item__message-icon:after, .stages .hide-for-small-only .columns .promobox a .info .photobook--milestone-frame .milestone-carousel__edit-image:before, .photobook--milestone-frame .stages .hide-for-small-only .columns .promobox a .info .milestone-carousel__edit-image:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--milestone-frame .milestone-edit__date:before, .photobook--milestone-frame .stages .hide-for-small-only .columns .promobox a .info .milestone-edit__date:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--crop-image .crop-image__upload label:after, .photobook--crop-image .crop-image__upload .stages .hide-for-small-only .columns .promobox a .info label:after, .stages .hide-for-small-only .columns .promobox a .info .photobook--crop-image .crop-image__upload a.crop-image__upload-remove:after, .photobook--crop-image .crop-image__upload .stages .hide-for-small-only .columns .promobox a .info a.crop-image__upload-remove:after, .stages .hide-for-small-only .columns .promobox a .info .photobook--preview-bar .share-tooltip__facebook:before, .photobook--preview-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__facebook:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--preview-bar .share-tooltip__twitter:before, .photobook--preview-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__twitter:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--preview-bar .share-tooltip__instagram:before, .photobook--preview-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__instagram:before { height: 100%; width: 100%; display: inline-block; padding: 15px 70px 30px 70px; position: relative; text-align: left; } .stages .hide-for-small-only .columns .promobox a .info .icon:before, .stages .hide-for-small-only .columns .promobox a .info #header .exmenu a:before, #header .exmenu .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info #header a.to-top:before, #header .stages .hide-for-small-only .columns .promobox a .info a.to-top:before, .stages .hide-for-small-only .columns .promobox a .info #header .btn-search:before, #header .stages .hide-for-small-only .columns .promobox a .info .btn-search:before, .stages .hide-for-small-only .columns .promobox a .info .more-links .gbrw-grid a:before, .more-links .gbrw-grid .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .popin-close a:before, .popin-close .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .small-overlay-close a:before, .small-overlay-close .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .full-overlay-close a:before, .full-overlay-close .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info #footer a.fb-link:before, #footer .stages .hide-for-small-only .columns .promobox a .info a.fb-link:before, .stages .hide-for-small-only .columns .promobox a .info #footer a.yt-link:before, #footer .stages .hide-for-small-only .columns .promobox a .info a.yt-link:before, .stages .hide-for-small-only .columns .promobox a .info #footer a.vk-link:before, #footer .stages .hide-for-small-only .columns .promobox a .info a.vk-link:before, .stages .hide-for-small-only .columns .promobox a .info #footer a.insta-link:before, #footer .stages .hide-for-small-only .columns .promobox a .info a.insta-link:before, .stages .hide-for-small-only .columns .promobox a .info #footer a.twitter-link:before, #footer .stages .hide-for-small-only .columns .promobox a .info a.twitter-link:before, .stages .hide-for-small-only .columns .promobox a .info #footer .mother-logo:before, #footer .stages .hide-for-small-only .columns .promobox a .info .mother-logo:before, .stages .hide-for-small-only .columns .promobox a .info #footer .mother-logo-old:before, #footer .stages .hide-for-small-only .columns .promobox a .info .mother-logo-old:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .menu .shortcut-profile:before, #sidebars .menu .stages .hide-for-small-only .columns .promobox a .info .shortcut-profile:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .menu .shortcut-points:before, #sidebars .menu .stages .hide-for-small-only .columns .promobox a .info .shortcut-points:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .menu .shortcut-signin:before, #sidebars .menu .stages .hide-for-small-only .columns .promobox a .info .shortcut-signin:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .menu .shortcut-signout:before, #sidebars .menu .stages .hide-for-small-only .columns .promobox a .info .shortcut-signout:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .social-share-icon.icon-instagram:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info .social-share-icon.icon-instagram:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .social-share-icon.icon-twitter:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info .social-share-icon.icon-twitter:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .social-share-icon.icon-facebook:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info .social-share-icon.icon-facebook:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .social-share-icon.icon-vk:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info .social-share-icon.icon-vk:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .social-share-icon.icon-youtube:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info .social-share-icon.icon-youtube:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars [data-sub-navigation-target]:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info [data-sub-navigation-target]:before, .stages .hide-for-small-only .columns .promobox a .info #ajax-shopping-cart .item a.remove:before, #ajax-shopping-cart .item .stages .hide-for-small-only .columns .promobox a .info a.remove:before, .stages .hide-for-small-only .columns .promobox a .info #ajax-shopping-cart .toggle a:before, #ajax-shopping-cart .toggle .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info html .swiper-button-prev:before, html .stages .hide-for-small-only .columns .promobox a .info .swiper-button-prev:before, .stages .hide-for-small-only .columns .promobox a .info html .swiper-button-next:before, html .stages .hide-for-small-only .columns .promobox a .info .swiper-button-next:before, .stages .hide-for-small-only .columns .promobox a .info body .ui-datepicker-next:before, body .stages .hide-for-small-only .columns .promobox a .info .ui-datepicker-next:before, .stages .hide-for-small-only .columns .promobox a .info body .ui-datepicker-prev:before, body .stages .hide-for-small-only .columns .promobox a .info .ui-datepicker-prev:before, .stages .hide-for-small-only .columns .promobox a .info .start-welcome .icon-trying:before, .start-welcome .stages .hide-for-small-only .columns .promobox a .info .icon-trying:before, .stages .hide-for-small-only .columns .promobox a .info .start-welcome .icon-pregnant:before, .start-welcome .stages .hide-for-small-only .columns .promobox a .info .icon-pregnant:before, .stages .hide-for-small-only .columns .promobox a .info .start-welcome .icon-baby:before, .start-welcome .stages .hide-for-small-only .columns .promobox a .info .icon-baby:before, .stages .hide-for-small-only .columns .promobox a .info .start-welcome .icon-toddler:before, .start-welcome .stages .hide-for-small-only .columns .promobox a .info .icon-toddler:before, .stages .hide-for-small-only .columns .promobox a .info ul.articles [data-trigger="sign-in"] .category:before, ul.articles [data-trigger="sign-in"] .stages .hide-for-small-only .columns .promobox a .info .category:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter h2:after, .article-filter .stages .hide-for-small-only .columns .promobox a .info h2:after, .stages .hide-for-small-only .columns .promobox a .info .article-header h2:after, .article-header .stages .hide-for-small-only .columns .promobox a .info h2:after, .stages .hide-for-small-only .columns .promobox a .info .article-filter .h2:after, .article-filter .stages .hide-for-small-only .columns .promobox a .info .h2:after, .stages .hide-for-small-only .columns .promobox a .info .article-header .h2:after, .article-header .stages .hide-for-small-only .columns .promobox a .info .h2:after, .stages .hide-for-small-only .columns .promobox a .info .article-filter h2.trying:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info h2.trying:before, .stages .hide-for-small-only .columns .promobox a .info .article-header h2.trying:before, .article-header .stages .hide-for-small-only .columns .promobox a .info h2.trying:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter .trying.h2:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info .trying.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-header .trying.h2:before, .article-header .stages .hide-for-small-only .columns .promobox a .info .trying.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter h2.pregnant:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info h2.pregnant:before, .stages .hide-for-small-only .columns .promobox a .info .article-header h2.pregnant:before, .article-header .stages .hide-for-small-only .columns .promobox a .info h2.pregnant:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter .pregnant.h2:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info .pregnant.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-header .pregnant.h2:before, .article-header .stages .hide-for-small-only .columns .promobox a .info .pregnant.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter h2.baby:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info h2.baby:before, .stages .hide-for-small-only .columns .promobox a .info .article-header h2.baby:before, .article-header .stages .hide-for-small-only .columns .promobox a .info h2.baby:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter .baby.h2:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info .baby.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-header .baby.h2:before, .article-header .stages .hide-for-small-only .columns .promobox a .info .baby.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter h2.toddler:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info h2.toddler:before, .stages .hide-for-small-only .columns .promobox a .info .article-header h2.toddler:before, .article-header .stages .hide-for-small-only .columns .promobox a .info h2.toddler:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter .toddler.h2:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info .toddler.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-header .toddler.h2:before, .article-header .stages .hide-for-small-only .columns .promobox a .info .toddler.h2:before, .stages .hide-for-small-only .columns .promobox a .info .point-arrow:before, .stages .hide-for-small-only .columns .promobox a .info ul.products .points span:before, ul.products .points .stages .hide-for-small-only .columns .promobox a .info span:before, .stages .hide-for-small-only .columns .promobox a .info .club-coin-progress .arrow:before, .club-coin-progress .stages .hide-for-small-only .columns .promobox a .info .arrow:before, .stages .hide-for-small-only .columns .promobox a .info .sprite-icon-coin-arrow:before, .stages .hide-for-small-only .columns .promobox a .info .sprite-icon-coin-arrow-white:before, .stages .hide-for-small-only .columns .promobox a .info .point-shop-product-info a.close:before, .point-shop-product-info .stages .hide-for-small-only .columns .promobox a .info a.close:before, .stages .hide-for-small-only .columns .promobox a .info form .filePicker .choose:before, form .filePicker .stages .hide-for-small-only .columns .promobox a .info .choose:before, .stages .hide-for-small-only .columns .promobox a .info .add-profile-image .remove:before, .add-profile-image .stages .hide-for-small-only .columns .promobox a .info .remove:before, .stages .hide-for-small-only .columns .promobox a .info .profile-trying:before, .stages .hide-for-small-only .columns .promobox a .info .profile-pregnant:before, .stages .hide-for-small-only .columns .promobox a .info .profile-baby:before, .stages .hide-for-small-only .columns .promobox a .info .profile-toddler:before, .stages .hide-for-small-only .columns .promobox a .info .profile-padlock:before, .stages .hide-for-small-only .columns .promobox a .info .profile-convert-code:before, .stages .hide-for-small-only .columns .promobox a .info .profile-order-history:before, .stages .hide-for-small-only .columns .promobox a .info .profile-point-history:before, .stages .hide-for-small-only .columns .promobox a .info .profile-change-email:before, .stages .hide-for-small-only .columns .promobox a .info .profile-questionaire:before, .stages .hide-for-small-only .columns .promobox a .info .profile-subscriptions:before, .stages .hide-for-small-only .columns .promobox a .info .search-container span:before, .search-container .stages .hide-for-small-only .columns .promobox a .info span:before, .stages .hide-for-small-only .columns .promobox a .info .search-container .clear-search:before, .search-container .stages .hide-for-small-only .columns .promobox a .info .clear-search:before, .stages .hide-for-small-only .columns .promobox a .info #ajaxOverlayError span:before, #ajaxOverlayError .stages .hide-for-small-only .columns .promobox a .info span:before, .stages .hide-for-small-only .columns .promobox a .info dl.accordion dd > a:before, dl.accordion .stages .hide-for-small-only .columns .promobox a .info dd > a:before, .stages .hide-for-small-only .columns .promobox a .info a.arrow-down-toggle:after, .stages .hide-for-small-only .columns .promobox a .info a.new:before, .stages .hide-for-small-only .columns .promobox a .info a.new-discussion:before, .stages .hide-for-small-only .columns .promobox a .info a.new-reply:before, .stages .hide-for-small-only .columns .promobox a .info a.new-report:before, .stages .hide-for-small-only .columns .promobox a .info a.trying:before, .stages .hide-for-small-only .columns .promobox a .info a.pregnant:before, .stages .hide-for-small-only .columns .promobox a .info a.baby:before, .stages .hide-for-small-only .columns .promobox a .info a.toddler:before, .stages .hide-for-small-only .columns .promobox a .info a.action:before, .stages .hide-for-small-only .columns .promobox a .info a.action.back:before, .stages .hide-for-small-only .columns .promobox a .info .article-66-33 a.fb-link:before, .article-66-33 .stages .hide-for-small-only .columns .promobox a .info a.fb-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-50-50 a.fb-link:before, .article-50-50 .stages .hide-for-small-only .columns .promobox a .info a.fb-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-66-33 a.twitter-link:before, .article-66-33 .stages .hide-for-small-only .columns .promobox a .info a.twitter-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-50-50 a.twitter-link:before, .article-50-50 .stages .hide-for-small-only .columns .promobox a .info a.twitter-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-66-33 a.mail-link:before, .article-66-33 .stages .hide-for-small-only .columns .promobox a .info a.mail-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-50-50 a.mail-link:before, .article-50-50 .stages .hide-for-small-only .columns .promobox a .info a.mail-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-66-33 a.print-link:before, .article-66-33 .stages .hide-for-small-only .columns .promobox a .info a.print-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-50-50 a.print-link:before, .article-50-50 .stages .hide-for-small-only .columns .promobox a .info a.print-link:before, .stages .hide-for-small-only .columns .promobox a .info .video-play:before, .stages .hide-for-small-only .columns .promobox a .info .dropdown__hint:after, .stages .hide-for-small-only .columns .promobox a .info [theme="comfort-baru"] .title-logo:before, [theme="comfort-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="comfort-baru"] .title-logo:before, div[theme="comfort-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="upngo-baru"] .title-logo:before, [theme="upngo-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="upngo-baru"] .title-logo:before, div[theme="upngo-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="newborn-baru"] .title-logo:before, [theme="newborn-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="newborn-baru"] .title-logo:before, div[theme="newborn-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="lotus-touch-newborn"] .title-logo:before, [theme="lotus-touch-newborn"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="lotus-touch-newborn"] .title-logo:before, div[theme="lotus-touch-newborn"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="lotus-touch-comfort"] .title-logo:before, [theme="lotus-touch-comfort"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="lotus-touch-comfort"] .title-logo:before, div[theme="lotus-touch-comfort"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="lotus-touch-upngo"] .title-logo:before, [theme="lotus-touch-upngo"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="lotus-touch-upngo"] .title-logo:before, div[theme="lotus-touch-upngo"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="everyday"] .title-logo:before, [theme="everyday"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="everyday"] .title-logo:before, div[theme="everyday"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="drypants"] .title-logo:before, [theme="drypants"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="drypants"] .title-logo:before, div[theme="drypants"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="sleep-tight"] .title-logo:before, [theme="sleep-tight"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="sleep-tight"] .title-logo:before, div[theme="sleep-tight"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="swimpants"] .title-logo:before, [theme="swimpants"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="swimpants"] .title-logo:before, div[theme="swimpants"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info .products--anchor-menu div.to-top span:before, .products--anchor-menu div.to-top .stages .hide-for-small-only .columns .promobox a .info span:before, .stages .hide-for-small-only .columns .promobox a .info .products--anchor-menu .current a:before, .products--anchor-menu .current .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox .ratings-bar .stars a .info span:before, .ratings-bar .stars .stages .hide-for-small-only .columns .promobox a .info span:before, .stages .hide-for-small-only .columns .promobox a .info .editor ul.fancy li:before, .editor ul.fancy .stages .hide-for-small-only .columns .promobox a .info li:before, .stages .hide-for-small-only .columns .promobox a .info .filter-move-to-size .indicator:before, .filter-move-to-size .stages .hide-for-small-only .columns .promobox a .info .indicator:before, .stages .hide-for-small-only .columns .promobox a .info .filter-slider-small .btn-container a:before, .filter-slider-small .btn-container .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .filter-slider-small .clear:before, .filter-slider-small .stages .hide-for-small-only .columns .promobox a .info .clear:before, .stages .hide-for-small-only .columns .promobox a .info .filter-slider-small-alert:before, .stages .hide-for-small-only .columns .promobox a .info .product--filter-result-display .swipe:before, .product--filter-result-display .stages .hide-for-small-only .columns .promobox a .info .swipe:before, .stages .hide-for-small-only .columns .promobox a .info .product--filter-result-display-eden .swipe:before, .product--filter-result-display-eden .stages .hide-for-small-only .columns .promobox a .info .swipe:before, .stages .hide-for-small-only .columns .promobox a .info .products--product-accessory .bottom .benefits .check:before, .products--product-accessory .bottom .benefits .stages .hide-for-small-only .columns .promobox a .info .check:before, .stages .hide-for-small-only .columns .promobox a .info .products--family-range .bar li:before, .products--family-range .bar .stages .hide-for-small-only .columns .promobox a .info li:before, .stages .hide-for-small-only .columns .promobox a .info .diaper-3d .bottom-options .to-top:before, .diaper-3d .bottom-options .stages .hide-for-small-only .columns .promobox a .info .to-top:before, .stages .hide-for-small-only .columns .promobox a .info .diaper-3d .bottom-options .to-bottom:before, .diaper-3d .bottom-options .stages .hide-for-small-only .columns .promobox a .info .to-bottom:before, .stages .hide-for-small-only .columns .promobox a .info .diaper-3d .bottom-options .scroll-down:before, .diaper-3d .bottom-options .stages .hide-for-small-only .columns .promobox a .info .scroll-down:before, .stages .hide-for-small-only .columns .promobox a .info .blob-photo-upload:before, .stages .hide-for-small-only .columns .promobox a .info .club--profile-header .bg-photo-load-wrap .bg-photo-load:before, .club--profile-header .bg-photo-load-wrap .stages .hide-for-small-only .columns .promobox a .info .bg-photo-load:before, .stages .hide-for-small-only .columns .promobox a .info label.profile-header__change-image:before, .stages .hide-for-small-only .columns .promobox a .info .feed-carousel .slick-prev:before, .feed-carousel .stages .hide-for-small-only .columns .promobox a .info .slick-prev:before, .stages .hide-for-small-only .columns .promobox a .info .feed-carousel .slick-next:before, .feed-carousel .stages .hide-for-small-only .columns .promobox a .info .slick-next:before, .stages .hide-for-small-only .columns .promobox a .info #headerV2 .exmenu a:before, #headerV2 .exmenu .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info #headerV2 a.to-top:before, #headerV2 .stages .hide-for-small-only .columns .promobox a .info a.to-top:before, .stages .hide-for-small-only .columns .promobox a .info #headerV2 .btn-search:before, #headerV2 .stages .hide-for-small-only .columns .promobox a .info .btn-search:before, .stages .hide-for-small-only .columns .promobox a .info .club-carousel .slick-prev:before, .club-carousel .stages .hide-for-small-only .columns .promobox a .info .slick-prev:before, .stages .hide-for-small-only .columns .promobox a .info .club-carousel .slick-next:before, .club-carousel .stages .hide-for-small-only .columns .promobox a .info .slick-next:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__icon--comment:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__icon--heart:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__icon--share:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__icon--more:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__tags:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__content-image a:before, .feed-post__content-image .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__text a:before, .create-post__text .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__overlay--tags label:before, .create-post__overlay--tags .stages .hide-for-small-only .columns .promobox a .info label:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__overlay--tags label:after, .create-post__overlay--tags .stages .hide-for-small-only .columns .promobox a .info label:after, .stages .hide-for-small-only .columns .promobox a .info .create-post__milestone-menu-item .check:after, .create-post__milestone-menu-item .stages .hide-for-small-only .columns .promobox a .info .check:after, .stages .hide-for-small-only .columns .promobox a .info .create-post__btn > span:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__btn-photo > span:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__btn-tag > span:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__btn-date > span:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__milestone-post-photo .view-add:before, .create-post__milestone-post-photo .stages .hide-for-small-only .columns .promobox a .info .view-add:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__post-photo .view-add:before, .create-post__post-photo .stages .hide-for-small-only .columns .promobox a .info .view-add:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__milestone-post-photo .view-done a:before, .create-post__milestone-post-photo .view-done .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__post-photo .view-done a:before, .create-post__post-photo .view-done .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__title a:after, .create-post__title .stages .hide-for-small-only .columns .promobox a .info a:after, .stages .hide-for-small-only .columns .promobox a .info .multi-upload label:before, .multi-upload .stages .hide-for-small-only .columns .promobox a .info label:before, .stages .hide-for-small-only .columns .promobox a .info .club--stages .share:before, .club--stages .stages .hide-for-small-only .columns .promobox a .info .share:before, .stages .hide-for-small-only .columns .promobox a .info .stages-overlay__close:before, .stages .hide-for-small-only .columns .promobox a .info .stage-item__share:before, .stages .hide-for-small-only .columns .promobox a .info .cp-layer .cp-input-container .datepicker-icon:before, .cp-layer .cp-input-container .stages .hide-for-small-only .columns .promobox a .info .datepicker-icon:before, .stages .hide-for-small-only .columns .promobox a .info .ep-layer .ep-input-container .datepicker-icon:before, .ep-layer .ep-input-container .stages .hide-for-small-only .columns .promobox a .info .datepicker-icon:before, .stages .hide-for-small-only .columns .promobox a .info .club-overlay .bg-photo-load:before, .club-overlay .stages .hide-for-small-only .columns .promobox a .info .bg-photo-load:before, .stages .hide-for-small-only .columns .promobox a .info .club-stages-post .stage-icon:before, .club-stages-post .stages .hide-for-small-only .columns .promobox a .info .stage-icon:before, .stages .hide-for-small-only .columns .promobox a .info .club-stages-product .stage-icon:before, .club-stages-product .stages .hide-for-small-only .columns .promobox a .info .stage-icon:before, .stages .hide-for-small-only .columns .promobox a .info .sidebar-overlay__trigger:before, .stages .hide-for-small-only .columns .promobox a .info body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-playing .vjs-big-play-button:before, body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-playing .stages .hide-for-small-only .columns .promobox a .info .vjs-big-play-button:before, .stages .hide-for-small-only .columns .promobox a .info body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-paused .vjs-big-play-button:before, body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-paused .stages .hide-for-small-only .columns .promobox a .info .vjs-big-play-button:before, .stages .hide-for-small-only .columns .promobox a .info body div .amp-default-skin .vjs-big-play-button:before, body div .amp-default-skin .stages .hide-for-small-only .columns .promobox a .info .vjs-big-play-button:before, .stages .hide-for-small-only .columns .promobox a .info .overlay2 .overlay2-nav .prev:before, .overlay2 .overlay2-nav .stages .hide-for-small-only .columns .promobox a .info .prev:before, .stages .hide-for-small-only .columns .promobox a .info .overlay2 .overlay2-nav .next:before, .overlay2 .overlay2-nav .stages .hide-for-small-only .columns .promobox a .info .next:before, .stages .hide-for-small-only .columns .promobox a .info .overlay2 [data-overlay2-close]:before, .overlay2 .stages .hide-for-small-only .columns .promobox a .info [data-overlay2-close]:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--life-hack .inner:before, .youplus--life-hack .stages .hide-for-small-only .columns .promobox a .info .inner:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-audio .default-player:before, .youplus--story-audio .stages .hide-for-small-only .columns .promobox a .info .default-player:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-m-audio .default-player:before, .youplus--story-m-audio .stages .hide-for-small-only .columns .promobox a .info .default-player:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-video .inner:before, .youplus--story-video .stages .hide-for-small-only .columns .promobox a .info .inner:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-info .comments:after, .youplus--story-info .stages .hide-for-small-only .columns .promobox a .info .comments:after, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-m-video .inner:before, .youplus--story-m-video .stages .hide-for-small-only .columns .promobox a .info .inner:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-header .filter-btn:before, .youplus--story-header .stages .hide-for-small-only .columns .promobox a .info .filter-btn:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-header .month .btn-yp.selected:before, .youplus--story-header .month .stages .hide-for-small-only .columns .promobox a .info .btn-yp.selected:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-header .tags .btn-yp.selected:before, .youplus--story-header .tags .stages .hide-for-small-only .columns .promobox a .info .btn-yp.selected:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--listicles h3:before, .youplus--listicles .stages .hide-for-small-only .columns .promobox a .info h3:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--listicles .h3:before, .youplus--listicles .stages .hide-for-small-only .columns .promobox a .info .h3:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--listicles .product-info h1:before, .youplus--listicles .product-info .stages .hide-for-small-only .columns .promobox a .info h1:before, .stages .hide-for-small-only .columns .promobox a .info .product-info .youplus--listicles h1:before, .product-info .youplus--listicles .stages .hide-for-small-only .columns .promobox a .info h1:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--listicles .product-info .h1:before, .youplus--listicles .product-info .stages .hide-for-small-only .columns .promobox a .info .h1:before, .stages .hide-for-small-only .columns .promobox a .info .product-info .youplus--listicles .h1:before, .product-info .youplus--listicles .stages .hide-for-small-only .columns .promobox a .info .h1:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--testimonial .slick-prev:before, .youplus--testimonial .stages .hide-for-small-only .columns .promobox a .info .slick-prev:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--testimonial .slick-next:before, .youplus--testimonial .stages .hide-for-small-only .columns .promobox a .info .slick-next:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--poll-results .check:before, .youplus--poll-results .stages .hide-for-small-only .columns .promobox a .info .check:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--app-hero .leftArrow:before, .youplus--app-hero .stages .hide-for-small-only .columns .promobox a .info .leftArrow:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--app-hero .rightArrow:before, .youplus--app-hero .stages .hide-for-small-only .columns .promobox a .info .rightArrow:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--order-bar .share-tooltip__facebook:before, .photobook--order-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__facebook:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--order-bar .share-tooltip__twitter:before, .photobook--order-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__twitter:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--order-bar .share-tooltip__instagram:before, .photobook--order-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__instagram:before, .stages .hide-for-small-only .columns .promobox a .info .message-bar__message--saved:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--navigation-bar .navigation-bar__back-link:before, .photobook--navigation-bar .stages .hide-for-small-only .columns .promobox a .info .navigation-bar__back-link:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--navigation-bar .navigation-bar__close:before, .photobook--navigation-bar .stages .hide-for-small-only .columns .promobox a .info .navigation-bar__close:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--navigation-bar .navigation-bar__drop-value--trigger:before, .photobook--navigation-bar .stages .hide-for-small-only .columns .promobox a .info .navigation-bar__drop-value--trigger:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--status-bar .status-bar__remove:before, .photobook--status-bar .stages .hide-for-small-only .columns .promobox a .info .status-bar__remove:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--grid .grid-item .grid-item__check:after, .photobook--grid .grid-item .stages .hide-for-small-only .columns .promobox a .info .grid-item__check:after, .stages .hide-for-small-only .columns .promobox a .info .photobook--grid .grid-item .grid-item__message-icon:after, .photobook--grid .grid-item .stages .hide-for-small-only .columns .promobox a .info .grid-item__message-icon:after, .stages .hide-for-small-only .columns .promobox a .info .photobook--grid .grid-item .grid-item__message--add .grid-item__message-icon:after, .photobook--grid .grid-item .grid-item__message--add .stages .hide-for-small-only .columns .promobox a .info .grid-item__message-icon:after, .stages .hide-for-small-only .columns .promobox a .info .photobook--milestone-frame .milestone-carousel__edit-image:before, .photobook--milestone-frame .stages .hide-for-small-only .columns .promobox a .info .milestone-carousel__edit-image:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--milestone-frame .milestone-edit__date:before, .photobook--milestone-frame .stages .hide-for-small-only .columns .promobox a .info .milestone-edit__date:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--crop-image .crop-image__upload label:after, .photobook--crop-image .crop-image__upload .stages .hide-for-small-only .columns .promobox a .info label:after, .stages .hide-for-small-only .columns .promobox a .info .photobook--crop-image .crop-image__upload a.crop-image__upload-remove:after, .photobook--crop-image .crop-image__upload .stages .hide-for-small-only .columns .promobox a .info a.crop-image__upload-remove:after, .stages .hide-for-small-only .columns .promobox a .info .photobook--preview-bar .share-tooltip__facebook:before, .photobook--preview-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__facebook:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--preview-bar .share-tooltip__twitter:before, .photobook--preview-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__twitter:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--preview-bar .share-tooltip__instagram:before, .photobook--preview-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__instagram:before { position: absolute; right: 18%; top: -35%; content: " "; display: inline-block; height: 54px; width: 54px; background-size: cover; background-position: center; background-repeat: no-repeat; } .stages .hide-for-small-only .columns .promobox a .info span { display: inline-block; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); max-width: 80%; } .stages .hide-for-small-only .columns .promobox a .info .eden-trying:before { background-image: url(/assets/images/font-svg/trying-eden.svg); } .stages .hide-for-small-only .columns .promobox a .info .eden-pregnant:before { background-image: url(/assets/images/font-svg/pregnant-eden.svg); } .stages .hide-for-small-only .columns .promobox a .info .eden-baby:before { background-image: url(/assets/images/font-svg/baby-eden.svg); } .stages .hide-for-small-only .columns .promobox a .info .eden-toddler:before { background-image: url(/assets/images/font-svg/children-eden.svg); } .stages .show-for-small-only .column { padding: 0; } .stages .show-for-small-only .column .trying:before { content: " "; height: 54px; width: 54px; background-image: url(/assets/images/font-svg/trying-eden.svg); background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: -20px; } .stages .show-for-small-only .column .trying span { display: block; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); margin-top: 10px; } .stages .show-for-small-only .column .pregnant:before { content: " "; height: 54px; width: 54px; background-image: url(/assets/images/font-svg/pregnant-eden.svg); background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: -20px; } .stages .show-for-small-only .column .pregnant span { display: block; -webkit-transform: rotate(-1deg); transform: rotate(-1deg); margin-top: 10px; } .stages .show-for-small-only .column .baby:before { content: " "; height: 54px; width: 54px; background-image: url(/assets/images/font-svg/baby-eden.svg); background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: -20px; } .stages .show-for-small-only .column .baby span { display: block; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); margin-top: 10px; } .stages .show-for-small-only .column .toddler:before { content: " "; height: 54px; width: 54px; background-image: url(/assets/images/font-svg/children-eden.svg); background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: -20px; } .stages .show-for-small-only .column .toddler span { display: block; -webkit-transform: rotate(2deg); transform: rotate(2deg); margin-top: 10px; } .promos.dualPromo { background-color: #ffffff; padding-top: 0; padding-bottom: 0; margin-top: 20px; margin-bottom: 40px; } .promos.dualPromo .row .columns .promobox a { border: 1px solid #ffffff !important; } .promos.dualPromo .row .columns .promobox a .info.text-center { font-size: 36px; line-height: 36px; color: #ffffff; padding: 20px 120px 30px 120px; } .club-coin .logo, .club-bonus .logo { padding-top: 1.4375rem; padding-right: 0.25rem; } .article-50-50 .header-heading .heading { text-align: center; } .product--filter-result-display .shadow-container:before { height: 100%; } .product--filter-result-display .shadow-container .shadow-bottom { bottom: -18px; } .create-post__milestone-photo-container { display: inline-block !important; } .create-post__milestone-photo-container .field-validation-error { margin-top: 15px; max-width: 220px; } .products--product-accessory .p-w-r .pr-media-modal .modal__body { max-height: 62% !important; } .aside-desktop { display: inline-block; } .aside-mobile { display: none; } .wrap .pr-snippet-review-count { display: none !important; } .wrap .pr-snippet { text-align: center; } .thank-you-page * { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif !important; } #article .main { padding-bottom: 20px; } #ReCaptchContainer { margin-top: 20px; } .sign-up__actions a.button, .sign-up__actions a.filePicker, .sign-up__actions a.join-now, .sign-up__actions a.submit-down, .sign-up__actions a.submit-right, .sign-up__actions button.submit-right, .sign-up__actions a.create-post__btn-publish, .sign-up__actions a.create-post__btn-cancel, .sign-up__actions a.create-post__btn-done { -webkit-transform: none !important; transform: none !important; transition: none !important; } .sign-up__stage-selection .content { -webkit-transform: none !important; transform: none !important; transition: none !important; } .p-w-r .pr-media-modal .pr-accessible-btn:focus { background-color: #451c68 !important; } .pr-war:focus { outline: none !important; box-shadow: none !important; } .pr-war a:focus { outline: none !important; box-shadow: none !important; } .products--product-accessory .row { position: relative; z-index: 999; } .p-w-r .pr-media-modal .modal__body, .js-review[data-reviewtype="ReviewForm"] .p-w-r .modal__body { border: 0 !important; } .p-w-r .pr-review-display .pr-content-collection-form .pr-media-modal .button__close { -webkit-transform: none !important; transform: none !important; } .p-w-r .pr-review-display .pr-content-collection-form .pr-media-modal .pr-cross-icon__circle { stroke: #0b7bc1 !important; } .p-w-r .pr-media-modal .button__close:hover .pr-cross-icon__circle { stroke: #fff !important; } .p-w-r .pr-media-modal .button__close:hover .pr-cross-icon__line { stroke: #fff !important; } .p-w-r .pr-subscript { font-size: 10px !important; } .pr-cross-icon__circle { stroke: #fff !important; } .pr-cross-icon__line { stroke: #fff !important; } .diaper-3d .bottom-bar { z-index: 1; } .logo-astma-wrapper { position: relative; padding-top: 0; } .asthmalogo { position: absolute; right: -50px; } .labels-desktop { display: inline-block; max-width: 60px; } .logo-astma-desktop { display: inline-block; max-width: 60px; margin-left: 5px; min-width: 60px; } .labels-mobile { display: none; } .logo-astma-mobile { display: none; } .products--family-range .logo-astma { right: 90px !important; } .products--product-accessory .pr-media-modal { margin-top: 66px; height: calc(100% - 66px); } .products--product-accessory .pack { z-index: 1; } /*powerreview*/ .p-w-r .pr-media-modal .overlay--dark { -webkit-transform: none !important; transform: none !important; } .p-w-r .pr-content-collection-form .pr-media-modal .modal__body { max-height: 88% !important; top: 55% !important; } .p-w-r .pr-content-collection-form .pr-media-modal .button__close { top: 12% !important; left: 50% !important; -webkit-transform: none !important; transform: none !important; } .products--product-accessory .p-w-r .pr-content-collection-form .pr-media-modal .modal__body { max-height: 78% !important; top: 49% !important; } .p-w-r .pr-review-snapshot-block-snippet .pr-content-collection-form .pr-media-modal .button__close { top: 2% !important; } .p-w-r footer .pr-media-modal .modal__body { top: 8% !important; } .p-w-r footer .pr-media-modal .button__close { left: 48% !important; } .p-w-r .pr-star-v4, .p-w-r .pr-star-v4-0-filled { width: 20px !important; height: 20px !important; } .p-w-r :focus, .p-w-r a:focus { outline: none !important; } .overlay2-open #stageArticle.article-50-50 .row { padding-left: 3%; padding-right: 0; } /* toggle */ .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .switch input { opacity: 0; width: 0; height: 0; } .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; } .switch .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; transition: .4s; } .switch input:checked + .slider { background-color: #562483; } .switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; } .switch input:checked + .slider:before { -webkit-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .switch .slider.round { border-radius: 34px; } .switch .slider.round:before { border-radius: 50%; } .libero_club_wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; background-color: rgba(0, 0, 0, 0.5); opacity: 1; } .libero_club_wrapper .libero_club_container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .libero_club_wrapper .libero_club { z-index: 2; max-width: 31rem; min-height: 200px; width: 100%; opacity: 1; background-color: #fff; margin-top: 50px; } .libero_club_wrapper .header { height: auto; padding: 5%; text-align: center; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: bold; color: #fff; background-color: #562483; font-size: 24px; } .libero_club_wrapper .header.popin-close:after { bottom: -6px; } .libero_club_wrapper .profile_image { border-radius: 71% 81% 76% 72%; overflow: hidden; transition: all 350ms; display: block; height: 80px; width: 80px; margin: 20px auto; } .libero_club_wrapper .profile_image img { height: 100%; width: 100%; } .libero_club_wrapper .libero_club .invitation-text { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 18px; text-align: center; margin: 0; line-height: 1; padding: 0 40px; } .libero_club_wrapper .libero_club .body p span { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; } .libero_club_wrapper .terms { background-color: #e2d9e9; padding: 20px 30px; margin: 30px 0 0 0; } .libero_club_wrapper .terms .terms-text { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; margin-bottom: 25px; text-align: left; } .libero_club_wrapper .terms ul { margin: 0 0 0 10px; } .libero_club_wrapper .terms ul li { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1; margin: 15px 0 15px 15px; list-style-type: none; position: relative; } .libero_club_wrapper .terms ul li:before { content: '\2605'; font-size: 22px; color: #562483; -webkit-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; position: absolute; left: -22px; } .libero_club_wrapper .footer { margin: 20px 10px; text-align: center; } .libero_club_wrapper .libero_club_submit { margin-right: 10px; } .libero_club_wrapper .align-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .libero_club_wrapper .align-center .libero_club { margin: 0 !important; } .libero_club_wrapper .libero_club_submit { display: inline-block; min-width: 121px; padding: 15px 25px 15px 25px; border: 1px solid #562483; border-radius: 50px; color: #ffffff; line-height: 19px; background-color: #562483; transition: all 250ms ease-out; height: auto !important; background-color: #562483; } .no-touch .libero_club_wrapper .libero_club_submit:hover, .libero_club_wrapper .no-touch .libero_club_submit:hover { background-color: #451c68; border-style: 1px solid #451c68; color: #ffffff; } .no-touch .libero_club_wrapper .libero_club_submit:hover span, .libero_club_wrapper .no-touch .libero_club_submit:hover span { color: #ffffff; } .libero_club_wrapper .libero_club_submit:focus { color: #ffffff; outline: none !important; } .no-touch .libero_club_wrapper .libero_club_submit:hover, .libero_club_wrapper .no-touch .libero_club_submit:hover { background-color: #451c68; } .libero_club_wrapper .libero_club_cancel { display: inline-block; min-width: 121px; padding: 15px 25px 15px 25px; border: 1px solid #562483; border-radius: 50px; color: #ffffff; line-height: 19px; background-color: #562483; transition: all 250ms ease-out; height: auto !important; background-color: #9D81BB; } .no-touch .libero_club_wrapper .libero_club_cancel:hover, .libero_club_wrapper .no-touch .libero_club_cancel:hover { background-color: #451c68; border-style: 1px solid #451c68; color: #ffffff; } .no-touch .libero_club_wrapper .libero_club_cancel:hover span, .libero_club_wrapper .no-touch .libero_club_cancel:hover span { color: #ffffff; } .libero_club_wrapper .libero_club_cancel:focus { color: #ffffff; outline: none !important; } .no-touch .libero_club_wrapper .libero_club_cancel:hover, .libero_club_wrapper .no-touch .libero_club_cancel:hover { background-color: #8867ad; } @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ table.show-for-landscape, table.hide-for-portrait { display: table !important; } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } /* Specific visibility for tables */ table.show-for-portrait, table.hide-for-landscape { display: table !important; } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } .letter-index a { padding: 0.5rem 0.25rem; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (min-resolution: 1.3dppx) { .sprites-icon, .sprite-fb-logo, .sprite-icon-add-light, .product-info a[data-toggle-id]:after, .sprite-icon-add-remove, .stage-accordion a.remove:before, .sprite-icon-add, .stage-page .period-toggle span:last-child, a.add:before, a.filter:before, .sprite-icon-baby-small, .sprite-icon-baby, .sprite-icon-cart, .sprite-icon-change-email, .sprite-icon-close-dark-medium, .sprite-icon-close-light-large, a.default[data-tc-close]:after, .products .full-overlay-close a:after, .sprite-icon-coin-1, .club-coin.type-1, .type-1.club-bonus, .sprite-icon-coin-2, .club-coin.type-2, .type-2.club-bonus, .sprite-icon-coin-3, .club-coin.type-3, .type-3.club-bonus, .sprite-icon-coin-arrow-white, .sprite-icon-coin-arrow, .sprite-icon-down-m, .alfred-swipe-canvas .swiper-container.alfred .alfred-swipe-down:after, .alfred-swipe-canvas .swiper-container.alfred .alfred-swipe-left:after, .alfred-swipe-canvas .swiper-container.alfred .alfred-swipe-right:after, .sprite-icon-down-s-white, .sprite-icon-edit, a.edit:before, .sprite-icon-email-white, .sprite-icon-email, .sprite-icon-input-close-small, .sprite-icon-menu-avatar-on, .sprite-icon-menu-avatar, .sprite-icon-menu, .sprite-icon-new-discussion, .sprite-icon-new-reply, .sprite-icon-new-report, .sprite-icon-order-history, .sprite-icon-padlock-large, .sprite-icon-padlock, .sprite-icon-phone-white, .sprite-icon-phone, .sprite-icon-point-history, .sprite-icon-pregnant-small, .sprite-icon-pregnant, .sprite-icon-questionaire, .sprite-icon-refresh, .sprite-icon-remove, .sprite-icon-replies, .sprite-icon-sb-points-large, #sidebars .register-code .header .icon-large, .sprite-icon-sb-points, #sidebars .register-code .header .icon-small, .sprite-icon-sb-profile, .sprite-icon-sb-signin, .sprite-icon-sb-signout, .sprite-icon-sca-logo-white, .sprite-icon-sca-logo, .sprite-icon-search-small, .sprite-icon-search, .sprite-icon-social-facebook, .sprite-icon-social-fb-white, .sprite-icon-social-insta-white, .sprite-icon-social-instagram, .sprite-icon-social-twitter, .sprite-icon-social-vk-white, .sprite-icon-social-vkontacte, .sprite-icon-social-youtube, .sprite-icon-social-yt-white, .sprite-icon-to-top, .sprite-icon-toddler-small, .sprite-icon-toddler, .sprite-icon-trying-small, .sprite-icon-trying { background-image: url(/assets-facelift/images/sprite@2x.png?eb8483bd97375a4bf2cfc3257fce9c86a304b965); background-size: 392px 370px; } .sprites-theme-icon, .sprite-logo-club-small, .club-coin .logo:after, .club-bonus .logo:after { background-image: url(/assets-facelift/images/sites/liberodk/sprite@2x.png?6dae327b75c2f9101de783cb7d481b23b38b63ec); background-size: 70px 50px; } } @media only screen { ul.link-list > li { display: inline; float: left; width: 50%; } ul.link-list > li:nth-of-type(n) { clear: none; padding-right: 0.46875rem; padding-left: 0.46875rem; } ul.link-list > li:nth-of-type(2n + 1) { clear: both; padding-left: 0; } ul.link-list > li:nth-of-type(2n) { padding-right: 0; } .u-sm-font-size-xlarge { font-size: 2.875rem; } .products--filter-menu { border-image: url(/assets/images/shapes/filter-small.svg) 0 fill stretch; } .products--filter-menu .title-wrap.left-align .title { width: 100%; } .club--overlap-container .lb { display: block; margin-top: -30px; } .conf-box-layer .club-overlay-container { width: 100% !important; } .club-stages-product .club-overlay-container .club-overlay-layer { padding-left: 5px; padding-right: 5px; } } @media 48.0625em, 64em { ul.link-list > li:last-child { left: 10px; } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .alfred-back-button { background-image: url(/assets-facelift/images/alfred/common/back_button@2x.png); } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .youplus--product-promo { position: relative; } .youplus--product-promo .inner { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 50%; } .youplus--product-promo .product { position: absolute; right: 0; width: 50%; } } @media mq-small-max { .photobook--navigation-bar.navigation-bar--book.has-overflow-x .navigation-bar__children { padding: 0; } } @media only screen and (min-width: 0) { .small-text-left { text-align: left !important; } .small-text-right { text-align: right !important; } .small-text-center { text-align: center !important; } .small-text-justify { text-align: justify !important; } .small-push-0 { position: relative; left: 0; right: auto; } .small-pull-0 { position: relative; right: 0; left: auto; } .small-push-1 { position: relative; left: 8.33333%; right: auto; } .small-pull-1 { position: relative; right: 8.33333%; left: auto; } .small-push-2 { position: relative; left: 16.66667%; right: auto; } .small-pull-2 { position: relative; right: 16.66667%; left: auto; } .small-push-3 { position: relative; left: 25%; right: auto; } .small-pull-3 { position: relative; right: 25%; left: auto; } .small-push-4 { position: relative; left: 33.33333%; right: auto; } .small-pull-4 { position: relative; right: 33.33333%; left: auto; } .small-push-5 { position: relative; left: 41.66667%; right: auto; } .small-pull-5 { position: relative; right: 41.66667%; left: auto; } .small-push-6 { position: relative; left: 50%; right: auto; } .small-pull-6 { position: relative; right: 50%; left: auto; } .small-push-7 { position: relative; left: 58.33333%; right: auto; } .small-pull-7 { position: relative; right: 58.33333%; left: auto; } .small-push-8 { position: relative; left: 66.66667%; right: auto; } .small-pull-8 { position: relative; right: 66.66667%; left: auto; } .small-push-9 { position: relative; left: 75%; right: auto; } .small-pull-9 { position: relative; right: 75%; left: auto; } .small-push-10 { position: relative; left: 83.33333%; right: auto; } .small-pull-10 { position: relative; right: 83.33333%; left: auto; } .small-push-11 { position: relative; left: 91.66667%; right: auto; } .small-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .small-1 { width: 8.33333%; } .small-2 { width: 16.66667%; } .small-3 { width: 25%; } .small-4 { width: 33.33333%; } .small-5 { width: 41.66667%; } .small-6 { width: 50%; } .small-7 { width: 58.33333%; } .small-8 { width: 66.66667%; } .small-9 { width: 75%; } .small-10 { width: 83.33333%; } .small-11 { width: 91.66667%; } .small-12 { width: 100%; } .small-offset-0 { margin-left: 0 !important; } .small-offset-1 { margin-left: 8.33333% !important; } .small-offset-2 { margin-left: 16.66667% !important; } .small-offset-3 { margin-left: 25% !important; } .small-offset-4 { margin-left: 33.33333% !important; } .small-offset-5 { margin-left: 41.66667% !important; } .small-offset-6 { margin-left: 50% !important; } .small-offset-7 { margin-left: 58.33333% !important; } .small-offset-8 { margin-left: 66.66667% !important; } .small-offset-9 { margin-left: 75% !important; } .small-offset-10 { margin-left: 83.33333% !important; } .small-offset-11 { margin-left: 91.66667% !important; } .small-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } .column.small-uncentered, .columns.small-uncentered { float: left; margin-left: 0; margin-right: 0; } .column.small-centered:last-child, .columns.small-centered:last-child { float: none; } .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: left; } .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; } .row.small-collapse > .column, .row.small-collapse > .columns { padding-left: 0; padding-right: 0; } .row.small-collapse .row { margin-left: 0; margin-right: 0; } .row.small-uncollapse > .column, .row.small-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .show-for-small-only, .show-for-small-up, .hide-for-medium-only, .hide-for-medium-up, .hide-for-large-only, .hide-for-large-up, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: inherit !important; } .hide-for-small-only, .hide-for-small-up, .show-for-medium-only, .show-for-medium-up, .show-for-large-only, .show-for-large-up, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; } .visible-for-small-only, .visible-for-small-up, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .hidden-for-small-only, .hidden-for-small-up, .visible-for-medium-only, .visible-for-medium-up, .visible-for-large-only, .visible-for-large-up, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } } @media only screen and (min-width: 0 \0) and (min-width: 40.0625em) { .products--split-50-50 .row, .products--split-50-50 .bg, .products--split-50-50 .row div.column.medium-6 { display: block; } .products--split-50-50 .row { position: relative; } .products--split-50-50 .row div.column.medium-6 { z-index: 2; } .products--split-50-50 div.column.medium-6.bg { position: absolute; height: 100%; overflow: hidden; padding: 0 80px; z-index: 1; } .products--split-50-50 div.column.medium-6.bg:first-child { left: 80px; } .products--split-50-50 div.column.medium-6.bg:first-child .inner[style] { left: -40px; } .products--split-50-50 div.column.medium-6.bg:last-child { right: 80px; } .products--split-50-50 .inner[style] { height: 100%; width: 100%; position: absolute; } } @media only screen and (min-width: 0em) and (max-width: 30em) { .word-list h3, .word-list .h3, .word-list .product-info h1, .product-info .word-list h1, .word-list .product-info .h1, .product-info .word-list .h1 { border-bottom: 0; } form.sign-in, form.register-code { margin-top: 0; } .form-your-profile .actions a, .form-contact-us .actions a { width: 100%; } .form-your-profile .actions a:first-child, .form-contact-us .actions a:first-child { margin-bottom: 0.9375rem; } ul.cart > li { width: 50%; } ul.cart > li:nth-of-type(n) { clear: none; } ul.cart > li:nth-of-type(2n + 1) { clear: both; } ul.product-packs li, ul.pages li { padding: 0; } ul.product-packs .item, ul.pages .item { max-height: 115px; } ul.pages li { padding: 0.46875rem 0.9375rem; } ul.pages .item { max-height: none; } div.order-items .item { padding-bottom: 0.9375rem; line-height: 18px; } div.order-items .item > div { padding-right: 0; vertical-align: middle; } .club-top.join-now { margin-top: 20px; } .club-top.join-now .logo { border: 1px solid transparent; } .club-top.join-now .text { text-align: center; padding: 0.9375rem; } .club-top.join-now .action { padding-bottom: 0.9375rem; } .search-filters { margin-bottom: 0.9375rem; } .search-results { margin-bottom: 0; } .search-results h2, .search-results .h2 { margin-top: 0.9375rem; line-height: 22px; } .search-results div.load-more .columns { padding-bottom: 0; } #ajaxOverlayError span { width: 90%; } dl.address-accordion { margin-bottom: 0; } dl.address-accordion .address-select { margin-bottom: 0; padding-top: 0; } dl.address-accordion .address-select:after { margin: 10px 0; } a.trying, a.pregnant, a.baby, a.toddler { padding: 0.3rem; } a.trying span, a.pregnant span, a.baby span, a.toddler span { font-size: 15px; margin-top: 5px; } .duo-block-column { padding-bottom: 30px; } .duo-block-column + .duo-block-column { margin-top: -15px; padding-bottom: 0; } [theme="general"] .responsiveVideo:after, [theme="general"] .benefit-images:after, div[theme="general"] .responsiveVideo:after, div[theme="general"] .benefit-images:after { box-shadow: inset 0px 0px 14px 12px #eee9e5; } [theme="touch19"] .responsiveVideo:after, [theme="touch19"] .benefit-images:after, div[theme="touch19"] .responsiveVideo:after, div[theme="touch19"] .benefit-images:after { box-shadow: inset 0px 0px 14px 12px #eee9e5; } [theme="comfort"] .responsiveVideo:after, [theme="comfort"] .benefit-images:after, div[theme="comfort"] .responsiveVideo:after, div[theme="comfort"] .benefit-images:after { box-shadow: inset 0px 0px 14px 12px #ebe9e8; } [theme="upngo"] .responsiveVideo:after, [theme="upngo"] .benefit-images:after, div[theme="upngo"] .responsiveVideo:after, div[theme="upngo"] .benefit-images:after { box-shadow: inset 0px 0px 14px 12px #eee9e5; } [theme="newborn"] .responsiveVideo:after, [theme="newborn"] .benefit-images:after, div[theme="newborn"] .responsiveVideo:after, div[theme="newborn"] .benefit-images:after { box-shadow: inset 0px 0px 14px 12px #f2f0eb; } [theme="comfort-baru"] .responsiveVideo:after, [theme="comfort-baru"] .benefit-images:after, div[theme="comfort-baru"] .responsiveVideo:after, div[theme="comfort-baru"] .benefit-images:after { box-shadow: inset 0px 0px 14px 12px #ebe9e8; } [theme="upngo-baru"] .responsiveVideo:after, [theme="upngo-baru"] .benefit-images:after, div[theme="upngo-baru"] .responsiveVideo:after, div[theme="upngo-baru"] .benefit-images:after { box-shadow: inset 0px 0px 14px 12px #eee9e5; } [theme="newborn-baru"] .responsiveVideo:after, [theme="newborn-baru"] .benefit-images:after, div[theme="newborn-baru"] .responsiveVideo:after, div[theme="newborn-baru"] .benefit-images:after { box-shadow: inset 0px 0px 14px 12px #f2f0eb; } [theme="lotus-touch-newborn"] .responsiveVideo:after, [theme="lotus-touch-newborn"] .benefit-images:after, div[theme="lotus-touch-newborn"] .responsiveVideo:after, div[theme="lotus-touch-newborn"] .benefit-images:after { box-shadow: inset 0px 0px 14px 12px #f2f0eb; } [theme="lotus-touch-comfort"] .responsiveVideo:after, [theme="lotus-touch-comfort"] .benefit-images:after, div[theme="lotus-touch-comfort"] .responsiveVideo:after, div[theme="lotus-touch-comfort"] .benefit-images:after { box-shadow: inset 0px 0px 14px 12px #ebe9e8; } [theme="lotus-touch-upngo"] .responsiveVideo:after, [theme="lotus-touch-upngo"] .benefit-images:after, div[theme="lotus-touch-upngo"] .responsiveVideo:after, div[theme="lotus-touch-upngo"] .benefit-images:after { box-shadow: inset 0px 0px 14px 12px #eee9e5; } [theme="everyday"] .responsiveVideo:after, [theme="everyday"] .benefit-images:after, div[theme="everyday"] .responsiveVideo:after, div[theme="everyday"] .benefit-images:after { box-shadow: inset 0px 0px 14px 12px ""; } [theme="drypants"] .responsiveVideo:after, [theme="drypants"] .benefit-images:after, div[theme="drypants"] .responsiveVideo:after, div[theme="drypants"] .benefit-images:after { box-shadow: inset 0px 0px 14px 12px ""; } [theme="sleep-tight"] .responsiveVideo:after, [theme="sleep-tight"] .benefit-images:after, div[theme="sleep-tight"] .responsiveVideo:after, div[theme="sleep-tight"] .benefit-images:after { box-shadow: inset 0px 0px 14px 12px #f6f5f4; } [theme="touch"] .responsiveVideo:after, [theme="touch"] .benefit-images:after, div[theme="touch"] .responsiveVideo:after, div[theme="touch"] .benefit-images:after { box-shadow: inset 0px 0px 14px 12px #eee9e5; } [theme="touch-pants"] .responsiveVideo:after, [theme="touch-pants"] .benefit-images:after, div[theme="touch-pants"] .responsiveVideo:after, div[theme="touch-pants"] .benefit-images:after { box-shadow: inset 0px 0px 14px 12px #eee9e5; } [theme="swimpants"] .responsiveVideo:after, [theme="swimpants"] .benefit-images:after, div[theme="swimpants"] .responsiveVideo:after, div[theme="swimpants"] .benefit-images:after { box-shadow: inset 0px 0px 14px 12px ""; } .products--anchor-menu { margin-left: -1%; margin-right: -1%; width: 102%; margin-top: -3px; } .products--product-accessory .brush { margin-top: 30px; margin-left: -20px; } .products--product-accessory .brush h1, .products--product-accessory .brush .h1 { line-height: 36px; } .products--product-accessory .brush h3, .products--product-accessory .brush .h3, .products--product-accessory .brush .product-info h1, .product-info .products--product-accessory .brush h1, .products--product-accessory .brush .product-info .h1, .product-info .products--product-accessory .brush .h1 { line-height: 22px; } .products--product-accessory .pack { position: absolute; bottom: 0; padding: 0px 1% 0 29%; transition: all 1s linear; } .products--product-accessory .pack:hover, .products--product-accessory .pack:active, .products--product-accessory .pack:focus { z-index: 11; -webkit-transform: scale(1.2); transform: scale(1.2); padding: 0 15%; } .products--product-accessory .bottom { border-image: url(/assets/images/shapes/filter-small.svg) 0 fill stretch; } .products--product-accessory .bottom .benefits { padding: 0.9375rem 0; } .products--product-accessory .bottom .benefits .text { font-size: 16px; padding-left: 26px; } .products--product-accessory .bottom .benefits .check { font-size: 16px; } .youplus--listicles .inner { margin-left: -10px; margin-right: -10px; } .youplus--poll-results .inner { margin-left: -10px; margin-right: -10px; } .pr-review-snapshot .pr-review-snapshot-block-recommend { margin: 0 0 15px !important; padding: 30px 15px !important; } .pr-review-snapshot .pr-review-snapshot-block-snippet { padding: 15px !important; } .pr-review-display .pr-rd-sort { margin-left: 0 !important; } .pr-review-display .pr-rd-review-headline { margin: 0 !important; } .p-w-r .pr-media-modal .modal__body, .js-review[data-reviewtype="ReviewForm"] .p-w-r .modal__body { padding: 0 15px !important; } .p-w-r .pr-media-modal .button__close, .js-review[data-reviewtype="ReviewForm"] .p-w-r .button__close { position: absolute; top: 6px !important; right: 6px !important; -webkit-transform: none !important; transform: none !important; } .p-w-r .pr-media-modal .pr-accessible-btn, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn { text-align: center !important; } .p-w-r .pr-media-modal .pr-accessible-btn + a, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn + a { padding: 15px 15px; margin: 0 -15px; } .thank-you-page .header { display: block; } } @media only screen and (min-width: 0em) and (max-width: 30em), only screen and (min-width: 30.0625em) and (max-width: 40em) { .content-area .column > img:not([align]), .content-area .columns > img:not([align]) { width: 100%; } .content-area .panel-1 > img:not([align]), .content-area .panel-2 > img:not([align]), .content-area .panel-3 > img:not([align]), .content-area .panel-4 > img:not([align]) { width: 100%; } #ajax-shopping-cart .inner { padding-top: 0; } #ajax-shopping-cart a.remove:after { -webkit-transform: scale(0.8); transform: scale(0.8); } #ajax-shopping-cart .count { -webkit-transform: scale(0.8) translateX(-20%) translateY(20%); transform: scale(0.8) translateX(-20%) translateY(20%); } .posted-by .avatar { width: 2.375rem; } .posted-by .info { margin-top: 0; } .posted-by .time { float: right; font-size: 12px; font-size: 0.75rem; padding-top: 0.0625rem; } .discussion.topic .posted-by .avatar { width: 2.375rem; } .youplus--invite a.btn-yp, .youplus--invite__done a.btn-yp { width: 100%; text-align: center; } .photobook--crop-image .crop-image__info { display: block; text-align: center; margin-top: 5px; font-size: 14px; } .photobook--crop-image .cr-slider-wrap, .photobook--crop-image .crop-image__zoom { display: none; } } @media only screen and (min-width: 0em) and (max-width: 30em), only screen and (min-width: 30.0625em) and (max-width: 40em), only screen and (min-width: 40.0625em) and (max-width: 48em) { #ajax-shopping-cart .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #ajax-shopping-cart .inner { margin-left: -1%; margin-right: -1%; width: 102%; padding: 1.875rem 0.9375rem !important; border-image: url(/assets/images/shapes/cart-small.svg) 0 fill stretch; } #ajax-shopping-cart .toggle { margin-bottom: -0.625rem; } #ajax-shopping-cart .toggle a { padding-left: 0.4375rem; } } @media only screen and (min-width: 0em) and (max-width: 30em) and (orientation: landscape), only screen and (min-width: 30.0625em) and (max-width: 40em), only screen and (min-width: 40.0625em) and (max-width: 48em) { #ajax-shopping-cart .submit, #ajax-shopping-cart .total { width: 50%; float: left; } #ajax-shopping-cart .total { padding-left: 0.9375rem; margin-top: 0.8125rem; } } @media only screen and (min-width: 0em) and (max-width: 30em), only screen and (min-width: 40.0625em) and (max-width: 48em) { body .club--quotes .column { padding: 0; } body .club-carousel .column { padding: 0; } .club-carousel .slick-prev { left: -20px; } .club-carousel .slick-next { right: -14px; } } @media only screen and (min-width: 30.0625em) { ul.gbrw-grid .item:before, ul.products .item:before, ul.gbrw-grid .item:after, ul.products .item:after { content: " "; display: table; } ul.gbrw-grid .item:after, ul.products .item:after { clear: both; } ul.gbrw-grid > li, ul.products > li { display: inline; float: left; max-height: none; min-height: none; } ul.link-list > li { width: 33.33333%; } ul.link-list > li:nth-of-type(n) { clear: none; padding-right: 0.46875rem; padding-left: 0.46875rem; } ul.link-list > li:nth-of-type(3n + 1) { clear: both; padding-left: 0; } ul.link-list > li:nth-of-type(3n) { padding-right: 0; } .word-list .column { width: 50%; } ul.product-packs .img, ul.pages .img { width: 33.33333%; height: 6.25rem; max-height: inherit; float: left; text-align: center; } ul.product-packs .text, ul.pages .text { max-height: 6.25rem; overflow: hidden; } .calendar-sections a { padding: 0.9375rem 0.46875rem; } .calendar-sections a span { display: inline; } ul.products .title a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px !important; } .member-number > span { width: auto; } .sign-up-header img, .sign-up-submit img { max-width: 100%; } .sign-up-header .column:first-child, .sign-up-submit .column:first-child { width: 75%; } .sign-up-header .column:last-child, .sign-up-submit .column:last-child { width: 25%; text-align: right; } .sign-up-submit img { margin-top: -0.625rem; } .sign-up-submit a, .sign-up-submit input { width: auto; } form .filePicker .filename { width: 70%; } form .filePicker .choose { width: 30%; } .search-filters { margin-top: inherit; } .search-filters a.button, .search-filters a.filePicker, .search-filters a.join-now, .search-filters a.submit-down, .search-filters a.submit-right, .search-filters button.submit-right, .search-filters a.create-post__btn-publish, .search-filters a.create-post__btn-cancel, .search-filters a.create-post__btn-done { width: auto; } #ajaxOverlayError span { width: 50%; } .category-select .action { position: absolute; display: block; top: 0; right: 0; text-align: right; width: auto; } dl.address-accordion .address { float: left; width: 58.33333%; margin-bottom: 0.9375rem; } dl.address-accordion .ship-to { margin-top: 0; float: left; width: 41.66667%; } a.new-discussion { margin-top: 0.875rem; margin-bottom: inherit; } .products--filter-header:before { padding-top: 90%; } .feed-post__grid { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .feed-post__grid-item { -webkit-flex-basis: calc(50% - 0.625rem); -ms-flex-preferred-size: calc(50% - 0.625rem); flex-basis: calc(50% - 0.625rem); } .create-post__overlay--edit-mode > .create-post__overlay-container > .club--create-post .content-wrap { padding: 20px; } } @media only screen and (min-width: 40.0625em) { .medium-text-left { text-align: left !important; } .medium-text-right { text-align: right !important; } .medium-text-center { text-align: center !important; } .medium-text-justify { text-align: justify !important; } h1, .h1, h2, .h2, h3, .h3, .product-info h1, .product-info .h1, h4, .h4, h5, .h5, h6, .h6 { line-height: 1.4; } h1, .h1 { font-size: 2.75rem; } h2, .h2 { font-size: 2.3125rem; } h3, .h3, .product-info h1, .product-info .h1 { font-size: 1.6875rem; } h4, .h4 { font-size: 1.4375rem; } h5, .h5 { font-size: 1.125rem; } h6, .h6 { font-size: 1rem; } .medium-push-0 { position: relative; left: 0; right: auto; } .medium-pull-0 { position: relative; right: 0; left: auto; } .medium-push-1 { position: relative; left: 8.33333%; right: auto; } .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } .medium-push-2 { position: relative; left: 16.66667%; right: auto; } .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } .medium-push-3 { position: relative; left: 25%; right: auto; } .medium-pull-3 { position: relative; right: 25%; left: auto; } .medium-push-4 { position: relative; left: 33.33333%; right: auto; } .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } .medium-push-5 { position: relative; left: 41.66667%; right: auto; } .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } .medium-push-6 { position: relative; left: 50%; right: auto; } .medium-pull-6 { position: relative; right: 50%; left: auto; } .medium-push-7 { position: relative; left: 58.33333%; right: auto; } .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } .medium-push-8 { position: relative; left: 66.66667%; right: auto; } .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } .medium-push-9 { position: relative; left: 75%; right: auto; } .medium-pull-9 { position: relative; right: 75%; left: auto; } .medium-push-10 { position: relative; left: 83.33333%; right: auto; } .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } .medium-push-11 { position: relative; left: 91.66667%; right: auto; } .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .medium-1 { width: 8.33333%; } .medium-2 { width: 16.66667%; } .medium-3 { width: 25%; } .medium-4 { width: 33.33333%; } .medium-5 { width: 41.66667%; } .medium-6 { width: 50%; } .medium-7 { width: 58.33333%; } .medium-8 { width: 66.66667%; } .medium-9 { width: 75%; } .medium-10 { width: 83.33333%; } .medium-11 { width: 91.66667%; } .medium-12 { width: 100%; } .medium-offset-0 { margin-left: 0 !important; } .medium-offset-1 { margin-left: 8.33333% !important; } .medium-offset-2 { margin-left: 16.66667% !important; } .medium-offset-3 { margin-left: 25% !important; } .medium-offset-4 { margin-left: 33.33333% !important; } .medium-offset-5 { margin-left: 41.66667% !important; } .medium-offset-6 { margin-left: 50% !important; } .medium-offset-7 { margin-left: 58.33333% !important; } .medium-offset-8 { margin-left: 66.66667% !important; } .medium-offset-9 { margin-left: 75% !important; } .medium-offset-10 { margin-left: 83.33333% !important; } .medium-offset-11 { margin-left: 91.66667% !important; } .medium-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } .column.medium-uncentered, .columns.medium-uncentered { float: left; margin-left: 0; margin-right: 0; } .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; } .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: left; } .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; } .row.medium-collapse > .column, .row.medium-collapse > .columns { padding-left: 0; padding-right: 0; } .row.medium-collapse .row { margin-left: 0; margin-right: 0; } .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .push-0 { position: relative; left: 0; right: auto; } .pull-0 { position: relative; right: 0; left: auto; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } .hide-for-small-only, .show-for-small-up, .show-for-medium-only, .show-for-medium-up, .hide-for-large-only, .hide-for-large-up, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .hide-for-medium-only, .hide-for-medium-up, .show-for-large-only, .show-for-large-up, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .visible-for-medium-only, .visible-for-medium-up, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .hidden-for-medium-only, .hidden-for-medium-up, .visible-for-large-only, .visible-for-large-up, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } ul.link-list > li { width: 25%; } ul.link-list > li:nth-of-type(n) { clear: none; padding-right: 0.46875rem; padding-left: 0.46875rem; } ul.link-list > li:nth-of-type(4n + 1) { clear: both; padding-left: 0; } ul.link-list > li:nth-of-type(4n) { padding-right: 0; } .product-weights .gbrw-hscroll-container:after { display: none; } .medium-even-1 > * { width: 100% !important; } .medium-even-2 > * { width: 50% !important; } .medium-even-3 > * { width: 33.33333% !important; } .medium-even-4 > * { width: 25% !important; } .medium-even-5 > * { width: 20% !important; } .medium-even-6 > * { width: 16.66667% !important; } .medium-even-7 > * { width: 14.28571% !important; } .medium-even-8 > * { width: 12.5% !important; } .medium-even-9 > * { width: 11.11111% !important; } .medium-even-10 > * { width: 10% !important; } .word-list .wrap { margin-right: 0; } .word-list h3 span, .word-list .h3 span, .word-list .product-info h1 span, .product-info .word-list h1 span, .word-list .product-info .h1 span, .product-info .word-list .h1 span { padding: 0; } #footer .links ul { font-size: 16px; line-height: 26px; } .promobox .inner { max-height: 999px; } .promobox .info { font-size: 22px; line-height: 20px; } .promobox.brush .info p { font-size: 18px; line-height: 21px; } .promobox.brush .info { top: 3%; padding: 5px 20px 20px 20px; } .promobox.brush .info p { padding-top: 10px; } .promobox:not(.fill) img { max-width: 85%; } .promobox .panel, .promobox .content-area .panel-1, .content-area .promobox .panel-1, .promobox .content-area .panel-2, .content-area .promobox .panel-2, .promobox .content-area .panel-3, .content-area .promobox .panel-3, .promobox .content-area .panel-4, .content-area .promobox .panel-4 { overflow: hidden; position: relative; } .promobox .panel:before, .promobox .content-area .panel-1:before, .content-area .promobox .panel-1:before, .promobox .content-area .panel-2:before, .content-area .promobox .panel-2:before, .promobox .content-area .panel-3:before, .content-area .promobox .panel-3:before, .promobox .content-area .panel-4:before, .content-area .promobox .panel-4:before { content: ""; display: block; height: 0; padding-top: 61.29032%; } .promobox .panel > .inner, .promobox .content-area .panel-1 > .inner, .content-area .promobox .panel-1 > .inner, .promobox .content-area .panel-2 > .inner, .content-area .promobox .panel-2 > .inner, .promobox .content-area .panel-3 > .inner, .content-area .promobox .panel-3 > .inner, .promobox .content-area .panel-4 > .inner, .content-area .promobox .panel-4 > .inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .promobox.topics .inner { max-height: 999px; } .form-column { width: 83.33333%; padding: 0; } .sign-up-progress { margin-left: -0.9375rem; margin-right: -0.9375rem; } .content-area img[align] { width: auto; max-width: 50%; margin-top: 0.25rem; } .content-area img[align="left"] { margin-right: 0.9375rem; } .content-area img[align="right"] { margin-left: 0.9375rem; } html #intro.carousel-intro { padding-top: 50%; } .swiper-content .video-wrapper, .no-carousel-content .video-wrapper { padding-bottom: 56.25%; } .swiper-content .video-auto .video-container, .no-carousel-content .video-auto .video-container { padding-bottom: 50%; height: auto; } .swiper-content .video-auto .video-container .video-wrapper, .no-carousel-content .video-auto .video-container .video-wrapper { margin-top: -3.125%; /* center video vertically */ height: auto; } .start-join-now { padding: 0.9375rem 0; } .start-join-now .logo-c img { max-height: 5.875rem; } .start-join-now .logo-c { text-align: left; } .start-join-now .button-c { text-align: right; } .ff .start-stage-select p { font-size: 18px; line-height: 24px; } .start-stage-select .stages .column { width: 90%; } .start-stage-select p { width: 75%; } .start-welcome .info > div { width: 50%; float: left; } .start-welcome .info > div:first-child { padding-right: 0.9375rem; } .start-welcome h2:before, .start-welcome .h2:before { top: 0.4375rem; } ul.posts .post, .posts .post { height: 9.875rem; } ul.posts a, .posts a { padding: 1.875rem; } .discussion-actions .show-for-medium-up { display: inline-block !important; } .discussion-actions .show-for-small-only { display: none !important; } .replies-header .sort { position: absolute; top: 50%; right: 0.9375rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .discussion .topic, .discussion .reply { width: 66.66667%; } .discussion .posted-by { width: 33.33333%; } .discussion.topic { margin-top: 0.9375rem; } .discussion.topic .posted-by { margin-top: 0.9375rem; } .discussion-actions .reply { width: 33.33333%; margin-left: 33.33333%; } .discussion-actions .report { width: 33.33333%; } .forum-info .container { margin: 0 8.33333%; } .forum-info .text { padding-top: 0; } .no-touch .gbrw-hscroll.products ul { white-space: normal; } .product-types li { width: 33.33%; padding: 0 0.46875rem; } .product-types li:first-child { padding-left: 0; } .product-types li:last-child { padding-right: 0; } .product-types a { font-size: 20px; font-size: 1.25rem; text-align: center; } .product-info:before, .product-info:after { content: " "; display: table; } .product-info:after { clear: both; } .product-info .title { width: 33.33333%; float: left; } .product-info .info-text, .product-info a[data-toggle-id] { width: 66.66667%; float: right; } .article-filter h2:before, .article-header h2:before, .article-filter .h2:before, .article-header .h2:before { top: 1.25rem; } .point-shop-welcome .action, .point-shop-welcome .text { margin-left: auto; margin-right: auto; float: none !important; } .point-shop-welcome .text { width: 83.33333%; } .point-shop-welcome .action { width: 83.33333%; } .point-shop-welcome.no-points .coin-container { display: none; } .point-shop-welcome.no-points .text { padding-right: 0; } ul.products .title a { font-size: 22px; line-height: 20px; } .point-shop-product-info h3, .point-shop-product-info .h3, .point-shop-product-info .product-info h1, .product-info .point-shop-product-info h1, .point-shop-product-info .product-info .h1, .product-info .point-shop-product-info .h1 { padding-right: 60px; } .point-shop-product-info > .row > .column:first-child { padding-left: 1.875rem; padding-top: 0.3125rem; text-align: right; } .point-shop-product-info > .row > .column:last-child { padding-right: 30px; } .sign-up-header .column:first-child, .sign-up-submit .column:first-child { width: 66.66667%; } .sign-up-header .column:last-child, .sign-up-submit .column:last-child { width: 33.33333%; } h1.points-display span, .points-display.h1 span, .h1.points-display span { margin-top: 0.875rem; } .stage-page .side, .stage-page .s-hide, .stage-page div[data-toggle-id="you"], .stage-page div[data-toggle-id="common"] { display: inherit; } .stage-page .content { padding: 1.875rem; } .stage-page .content, .stage-page .more { padding-top: 0.9375rem; } .stage-page .inner-extra, .stage-page .period-toggle { display: none; } .stage-page .body { width: 66.66667%; } .stage-page .side { width: 33.33333%; } .stage-page .body, .stage-page .side { float: left; } .club-row .button, .club-row .filePicker, .club-row a.join-now, .club-row input[type="submit"], .club-row input[type="button"], .club-row input[type="reset"], .club-row a.submit-down, .club-row a.submit-right, .club-row button.submit-right, .club-row .create-post__btn-publish, .club-row .create-post__btn-cancel, .club-row .create-post__btn-done { width: auto; } .club-row img { margin-bottom: 0; } .member-status .text, .member-status .coins { width: 50%; } .club-top.join-now .text { font-size: 18px; line-height: 24px; } .club-top.join-now .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .club-top.join-now .logo { -webkit-flex: 15%; -ms-flex: 15%; flex: 15%; } .club-top.join-now .text { width: 50%; padding-top: 0.9375rem; padding-bottom: 0.9375rem; } .club-top.join-now .action { -webkit-flex: 15%; -ms-flex: 15%; flex: 15%; } .club-top.second-visit .text { width: 70%; } .club-top.second-visit .coins { width: 30%; } .libero-com-sites .column.site-country { width: 33.33333%; } .libero-com-sca .column.sca-logo { position: relative; right: auto; display: block; margin-top: 40px; } .libero-com-sca .column.sca-logo i { display: inline-block; vertical-align: middle; } .libero-com-history-row .row-content .column { width: 75%; } .libero-com-history-row .row-content .column.column-image { width: 25%; } .sample-request .sample-type { text-align: center; } .sample-request .sample-type input, .sample-request .sample-type a { width: auto; } .sample-request input[type="button"], .sample-request input[type="submit"], .sample-request a.button, .sample-request a.filePicker, .sample-request a.join-now, .sample-request a.submit-down, .sample-request a.submit-right, .sample-request button.submit-right, .sample-request a.create-post__btn-publish, .sample-request a.create-post__btn-cancel, .sample-request a.create-post__btn-done { width: auto; } .sample-request .sample-type { text-align: center; } .sample-request .sample-type input, .sample-request .sample-type a { width: auto; } .sample-request .sample-size img { max-width: 100%; } .sample-request .sample-size input, .sample-request .sample-size a { width: auto; } #intro-area.sample-request-text { margin-top: 0; } .sign-up__top .sign-up__item { padding: 0; } .sign-up__top .sign-up__item:nth-child(2) { display: block; } .sign-up__top > div { -webkit-flex: 1 1 49%; -ms-flex: 1 1 49%; flex: 1 1 49%; width: 49%; } .sign-up__top .sign-up__header { padding: 45px; padding-top: 20px; padding-bottom: 40px; } .sign-up__item:nth-child(even) { padding-left: 0.46875rem; padding-bottom: 0.9375rem; } .sign-up__item:nth-child(odd) { padding-right: 0.46875rem; padding-bottom: 0.9375rem; } .sign-up__grid .sign-up__item { -webkit-flex: 1 1 49%; -ms-flex: 1 1 49%; flex: 1 1 49%; width: 49%; } .sign-up__grid .sign-up__item-content { padding-bottom: 20px; margin-left: 0; } .sign-up__form { margin-left: 0; } .sign-up--confirm .sign-up__top > div { -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; width: 50%; } .sign-up--confirm .sign-up__header { padding: 45px; padding-top: 45px; padding-bottom: 60px; } .sign-up--confirm .sign-up__item { padding-right: 0; padding-left: 0; padding-bottom: 0; } .sign-up--confirm .sign-up__form > div { -webkit-flex: 0 1 65%; -ms-flex: 0 1 65%; flex: 0 1 65%; width: 65%; } .expander-panel { margin-bottom: -22px; margin-top: -5px; } #intro-area.image-intro:before { padding-top: 40.90909%; } div.load-more a { width: auto; } a.new-discussion { margin-top: 1.5625rem; margin-bottom: inherit; } a.trying, a.pregnant, a.baby, a.toddler { padding: 1rem; } .text-image-block .img { text-align: right; } .text-image-block .row .column:first-child { margin-bottom: 0; } .text-image-block.flip .text { float: right; } .text-image-block.flip .img { float: left; text-align: left; } .article-66-33 header .header-heading, .article-50-50 header .header-heading { position: absolute; width: 100%; height: 450px; top: 0; overflow: hidden; } .article-66-33 .promo .product-heading, .article-50-50 .promo .product-heading { font-size: 21px; line-height: 27px; } .article-66-33 .heading h1, .article-50-50 .heading h1, .article-66-33 .heading .h1, .article-50-50 .heading .h1 { font-size: 50px; line-height: 42px; } .article-66-33 .ingress p, .article-50-50 .ingress p { font-size: 24px; line-height: 32px; } .article-66-33 h2, .article-50-50 h2, .article-66-33 .h2, .article-50-50 .h2 { font-size: 21px; line-height: 27px; } .article-66-33 aside, .article-50-50 aside, .article-66-33 p, .article-50-50 p { font-size: 18px; line-height: 27px; } .article-66-33 blockquote, .article-50-50 blockquote { font-size: 32px; line-height: 1.3em; } .article-66-33 [data-overlay2-close]:before, .article-50-50 [data-overlay2-close]:before { font-size: 40px; } .article-66-33 [data-overlay2-close]:after, .article-50-50 [data-overlay2-close]:after { width: 35px; height: 35px; } .article-66-33 header .header-image, .article-50-50 header .header-image { height: 450px; } .article-66-33 .heading, .article-50-50 .heading { position: absolute; bottom: -35px; left: -50px; z-index: 1; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); width: calc(100% + 100px); padding: 25px 70px 45px 13.7%; background-image: url(/assets/images/shapes/text-bg.svg); background-size: cover; } .article-66-33 .heading h1, .article-50-50 .heading h1, .article-66-33 .heading .h1, .article-50-50 .heading .h1 { color: #fff; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .article-66-33 .avatar, .article-50-50 .avatar { left: 83%; border-width: 6px; } .article-66-33 .share-article, .article-50-50 .share-article { font-size: 40px; right: 20px; top: 140px; } .article-66-33 .share-article a, .article-50-50 .share-article a { margin-bottom: 18px; } .article-66-33 .row .heading, .article-50-50 .row .heading { display: none; } .article-66-33 .main, .article-50-50 .main { margin-top: 50px; } .page-article-external .article-66-33 header .heading, .page-article-external .article-50-50 header .heading { padding: 25px 70px 45px 75px; } .article-50-50 .tagline { font-size: 16px; line-height: 16px; } .article-50-50 h3, .article-50-50 .h3, .article-50-50 .product-info h1, .product-info .article-50-50 h1, .article-50-50 .product-info .h1, .product-info .article-50-50 .h1 { font-size: 40px; line-height: 36px; } .article-50-50 .row div.heading a { font-size: 50px; line-height: 42px; } .article-50-50 .row { padding-top: 80px; padding-bottom: 80px; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .article-50-50 .col { -webkit-box-flex: 0; -webkit-flex: 0 0 49%; width: 50%; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; padding-left: 0; padding-right: 6%; } .article-50-50 h3, .article-50-50 .h3, .article-50-50 .product-info h1, .product-info .article-50-50 h1, .article-50-50 .product-info .h1, .product-info .article-50-50 .h1 { margin: 10px 0; } .article-50-50 header .heading { bottom: -75px; } .article-50-50 .row div.heading { display: block; min-height: initial; background: none; position: absolute; top: -70px; left: 0; bottom: initial; } .article-50-50 .row div.heading a { color: #fff; } .article-teaser-simple .text { font-size: 22px; line-height: 20px; } .article-teaser-simple h3, .article-teaser-simple .h3, .article-teaser-simple .product-info h1, .product-info .article-teaser-simple h1, .article-teaser-simple .product-info .h1, .product-info .article-teaser-simple .h1 { font-size: 30px; line-height: 26px; } .stage-header .week { font-size: 30px; line-height: 1em; } .stage-header { width: calc(100% - 60px); top: 30px; } .stage-header svg { height: 78px; } .stage-header [data-overlay2-close]:before { font-size: 40px; } .stage-header [data-overlay2-close]:after { width: 35px; height: 35px; } .stage-header .week { top: 18px; } .scroll-indicator { width: 100%; max-width: 1274px; left: calc(50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: fixed; top: 30vh; z-index: 999; background: red; } .scroll-indicator ul { position: absolute; top: 0px; right: 0px; margin: 0; pointer-events: none; padding-right: 12px; } .scroll-indicator li { list-style: none; } .scroll-indicator li.selected a { background-color: #19d5e5; } .scroll-indicator a { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; } .duo-block--padded { padding: 1.875rem 0; } .duo-block .icon-list-item { font-size: 3.375rem; } .medium-right { float: right; } body.products { font-size: 18px; line-height: 24px; } body.products p { font-size: 18px; line-height: 24px; } [theme="comfort-baru"] h2, [theme="comfort-baru"] .h2, [theme="comfort-baru"] .h2, div[theme="comfort-baru"] h2, div[theme="comfort-baru"] .h2, div[theme="comfort-baru"] .h2 { font-size: 36px; line-height: 40px; } [theme="upngo-baru"] h2, [theme="upngo-baru"] .h2, [theme="upngo-baru"] .h2, div[theme="upngo-baru"] h2, div[theme="upngo-baru"] .h2, div[theme="upngo-baru"] .h2 { font-size: 36px; line-height: 40px; } [theme="newborn-baru"] h2, [theme="newborn-baru"] .h2, [theme="newborn-baru"] .h2, div[theme="newborn-baru"] h2, div[theme="newborn-baru"] .h2, div[theme="newborn-baru"] .h2 { font-size: 36px; line-height: 40px; } [theme="lotus-touch-newborn"] h2, [theme="lotus-touch-newborn"] .h2, [theme="lotus-touch-newborn"] .h2, div[theme="lotus-touch-newborn"] h2, div[theme="lotus-touch-newborn"] .h2, div[theme="lotus-touch-newborn"] .h2 { font-size: 36px; line-height: 40px; } [theme="lotus-touch-comfort"] h2, [theme="lotus-touch-comfort"] .h2, [theme="lotus-touch-comfort"] .h2, div[theme="lotus-touch-comfort"] h2, div[theme="lotus-touch-comfort"] .h2, div[theme="lotus-touch-comfort"] .h2 { font-size: 36px; line-height: 40px; } [theme="lotus-touch-upngo"] h2, [theme="lotus-touch-upngo"] .h2, [theme="lotus-touch-upngo"] .h2, div[theme="lotus-touch-upngo"] h2, div[theme="lotus-touch-upngo"] .h2, div[theme="lotus-touch-upngo"] .h2 { font-size: 36px; line-height: 40px; } [theme="everyday"] h2, [theme="everyday"] .h2, [theme="everyday"] .h2, div[theme="everyday"] h2, div[theme="everyday"] .h2, div[theme="everyday"] .h2 { font-size: 36px; line-height: 40px; } [theme="drypants"] h2, [theme="drypants"] .h2, [theme="drypants"] .h2, div[theme="drypants"] h2, div[theme="drypants"] .h2, div[theme="drypants"] .h2 { font-size: 36px; line-height: 40px; } [theme="accessories"] h1, [theme="accessories"] .h1, [theme="accessories"] .h1, div[theme="accessories"] h1, div[theme="accessories"] .h1, div[theme="accessories"] .h1 { font-size: 80px; line-height: 72px; } .ratings-bar .reviews { font-size: 16px; line-height: 19px; } .ratings-bar .reviews { margin-top: 1px; } .editor li, .editor blockquote { font-size: 18px; line-height: 24px; } .editor h5, .editor .h5, .editor .h5 { font-size: 21px; line-height: 29px; } .editor h1, .editor .h1, .editor h2, .editor .h2, .editor h3, .editor .h3, .editor .product-info h1, .product-info .editor h1, .editor .product-info .h1, .product-info .editor .h1, .editor .h1, .editor .h2, .editor .h3 { margin: 0 0 20px 0; } .editor h1 + h5, .editor .h1 + h5, .editor h1 + .h5, .editor .h1 + .h5, .editor .h1 + h5, .editor .h1 + .h5 { margin: -15px 0 20px 0; } .editor p { margin-bottom: 40px; } .editor img { margin: 0px 0 40px 0; } .editor blockquote { margin: 40px 60px; font-size: 24px; line-height: 21px; } .products--article { padding-bottom: 40px; } .products--article .inner { padding: 40px; } .products--articlelist { padding: 0; } .products--articlelist .row > ul > li { padding-bottom: 20px; } .products--articlelist .row > ul > li a { position: relative; display: block; } .products--articlelist .row > ul > li a:after { content: ""; height: 100%; width: 100%; display: block; position: absolute; top: 0; left: 0; } .products--articlelist .row > ul > li div { padding: 10px 15px; } .products--articlelist .row > ul > li:nth-child(4) { clear: both; } .products--call-to-action div h2, .products--call-to-action div .h2 { font-size: 50px; line-height: 42px; } .products--split-50-50 .column b { font-size: 20px; line-height: 15px; } .products--split-50-50 .split { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .products--split-50-50 .split .image { -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; width: 50%; padding-top: 0; } .products--split-50-50 .split .text { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } .products--split-50-50 div.column.medium-6:last-child { padding-left: 0; } .products--split-50-50 div.column.medium-6.bg .inner { content: url(/assets-facelift/images/t.png); width: 100%; padding: 0 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .no-flexbox .products--split-50-50 .row, .no-flexbox .products--split-50-50 .bg, .no-flexbox .products--split-50-50 .row div.column.medium-6 { display: block; } .no-flexbox .products--split-50-50 .row { position: relative; } .no-flexbox .products--split-50-50 div.column.medium-6.bg { position: absolute; height: 100%; overflow: hidden; padding: 0 80px; } .no-flexbox .products--split-50-50 div.column.medium-6.bg:first-child { left: 80px; } .no-flexbox .products--split-50-50 div.column.medium-6.bg:first-child .inner[style] { left: -40px; } .no-flexbox .products--split-50-50 div.column.medium-6.bg:last-child { right: 80px; } .no-flexbox .products--split-50-50 .inner[style] { height: 100%; width: 100%; position: absolute; } .products--split-50-50 .row { margin-bottom: 40px; } .products--split-50-50 .row:last-child { margin-bottom: 0; } .products--split-70-30 .row div.column b { font-size: 20px; line-height: 15px; } .products--split-70-30 { padding-top: 40px; padding-bottom: 40px; } .products--split-70-30 .column { padding: 0; min-height: 200px; } .products--split-70-30 .row + .row { margin-top: 20px; } .products--split-70-30 img { width: 30%; float: left; } .products--split-70-30 .content { position: absolute; height: 100%; top: 0; right: 0; width: 70%; } .products--split-70-30 p { text-align: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-bottom: 0; padding: 0 10%; } .products--split-70-30 .column.right .content { left: 0; right: initial; } .products--split-70-30 .column.right img { float: right; } .products--split-70-30 .inner { padding: 40px; } .products .products--split-70-30 .row { padding-left: 40px; padding-right: 40px; } .products--filter-header h1, .products--filter-header .h1, .products--filter-header .h1 { font-size: 50px; line-height: 42px; } .products--filter-header:before { padding-top: 70%; } .products--product-accessory .brush { margin-top: 20px; padding: 60px 80px 60px 80px; max-width: 55%; margin-left: -60px; } .products--product-accessory .bg { min-height: 670px; } .products--product-accessory .pack { position: absolute; bottom: 0; padding: 0 0; z-index: 1; } .products--product-accessory.pack-above .pack { z-index: 2; padding-bottom: 17%; margin-bottom: 0; } .products--family-range .packs-6 li, .products--family-range .packs-7 li, .products--family-range .packs-8 li, .products--family-range .packs-9 li, .products--family-range .packs-10 li, .products--family-range .packs-11 li, .products--family-range .packs-12 li, .products--family-range .packs-13 li, .products--family-range .packs-14 li, .products--family-range .packs-15 li, .products--family-range .packs li { width: 19%; max-width: 146px; } .products--family-range .top { height: 580px; } .products--family-range .bar li { font-size: 20px; line-height: 27px; } .products--family-range h2, .products--family-range .h2 { margin-top: 30px; } .products--family-range .labels { right: 20px; } .products--family-range .labels > * { margin-bottom: 20px; } .products--family-range .labels .new { border-image: url(/assets/images/shapes/products-new-badge.svg) 0 fill stretch; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 40px; line-height: 1em; color: #fff; padding: 30px 24px; } .products--family-range .labels img { max-height: 60px; } .products--family-range .labels img:first-child { margin-top: 60px; } .products--family-range .images { position: absolute; bottom: 0; } .products--family-range .pack-family { display: none; } .products--family-range .packs { display: block; text-align: center; font-size: 0; } .products--family-range .packs li a { display: block; position: relative; } .products--family-range .use-family-view .packs { display: none; } .products--family-range .use-family-view .pack-family { display: block; text-align: center; } .products--family-range .bar .row { margin-bottom: 50px; } .products--family-range .bar .benefit { margin: 40px auto 20px auto; } .products--family-range .bar .benefit li { margin-bottom: 20px; } [theme="general"] .products--family-range h2, [theme="general"] .products--family-range .h2, body .products--family-range[theme="general"] h2, body .products--family-range[theme="general"] .h2 { font-size: 48px; line-height: 65px; } [theme="general"] .products--family-range .weight, body .products--family-range[theme="general"] .weight { font-size: 21px; line-height: 29px; } [theme="touch19"] .products--family-range h2, [theme="touch19"] .products--family-range .h2, body .products--family-range[theme="touch19"] h2, body .products--family-range[theme="touch19"] .h2 { font-size: 48px; line-height: 65px; } [theme="touch19"] .products--family-range .weight, body .products--family-range[theme="touch19"] .weight { font-size: 21px; line-height: 29px; } [theme="touch19"] .products--family-range h2, [theme="touch19"] .products--family-range .h2, body .products--family-range[theme="touch19"] h2, body .products--family-range[theme="touch19"] .h2 { font-size: 64px; line-height: 69px; } [theme="touch"] .products--family-range h2, [theme="touch"] .products--family-range .h2, body .products--family-range[theme="touch"] h2, body .products--family-range[theme="touch"] .h2 { font-size: 64px; line-height: 69px; } [theme="touch-pants"] .products--family-range h2, [theme="touch-pants"] .products--family-range .h2, body .products--family-range[theme="touch-pants"] h2, body .products--family-range[theme="touch-pants"] .h2 { font-size: 64px; line-height: 69px; } [theme="comfort"] .products--family-range h2, [theme="comfort"] .products--family-range .h2, body .products--family-range[theme="comfort"] h2, body .products--family-range[theme="comfort"] .h2 { font-size: 48px; line-height: 65px; } [theme="comfort"] .products--family-range .weight, body .products--family-range[theme="comfort"] .weight { font-size: 21px; line-height: 29px; } [theme="comfort"] .products--family-range .bar li, body .products--family-range[theme="comfort"] .bar li { font-size: 21px; line-height: 29px; } [theme="upngo"] .products--family-range h2, [theme="upngo"] .products--family-range .h2, body .products--family-range[theme="upngo"] h2, body .products--family-range[theme="upngo"] .h2 { font-size: 48px; line-height: 65px; } [theme="upngo"] .products--family-range .weight, body .products--family-range[theme="upngo"] .weight { font-size: 21px; line-height: 29px; } [theme="upngo"] .products--family-range .bar li, body .products--family-range[theme="upngo"] .bar li { font-size: 21px; line-height: 29px; } [theme="upngo"] .products--family-range .packs li:nth-child(2) a, body .products--family-range[theme="upngo"] .packs li:nth-child(2) a { overflow: visible; display: block; } [theme="upngo"] .products--family-range .packs li:nth-child(2) a:before, body .products--family-range[theme="upngo"] .packs li:nth-child(2) a:before { content: ""; position: absolute; top: -64px; left: 8%; background: url(/assets/images//products/bug-upngo.png); width: 78px; height: 74px; background-size: 100%; } [theme="newborn"] .products--family-range h2, [theme="newborn"] .products--family-range .h2, body .products--family-range[theme="newborn"] h2, body .products--family-range[theme="newborn"] .h2 { font-size: 48px; line-height: 65px; } [theme="newborn"] .products--family-range .bar li, body .products--family-range[theme="newborn"] .bar li { font-size: 21px; line-height: 29px; } [theme="newborn"] .products--family-range .weight, body .products--family-range[theme="newborn"] .weight { font-size: 21px; line-height: 29px; } [theme="newborn"] .products--family-range .packs li:last-child a, body .products--family-range[theme="newborn"] .packs li:last-child a { overflow: visible; display: block; } [theme="newborn"] .products--family-range .packs li:last-child a:before, body .products--family-range[theme="newborn"] .packs li:last-child a:before { content: ""; position: absolute; top: -95px; right: -40px; background: url(/assets/images//products/bug-newborn.png); width: 125.5px; height: 150px; background-size: 100%; } [theme="comfort-baru"] .products--family-range h2, [theme="comfort-baru"] .products--family-range .h2, body .products--family-range[theme="comfort-baru"] h2, body .products--family-range[theme="comfort-baru"] .h2 { font-size: 48px; line-height: 65px; } [theme="comfort-baru"] .products--family-range .weight, body .products--family-range[theme="comfort-baru"] .weight { font-size: 21px; line-height: 29px; } [theme="comfort-baru"] .products--family-range .bar li, body .products--family-range[theme="comfort-baru"] .bar li { font-size: 21px; line-height: 29px; } [theme="comfort-baru"] .products--family-range .packs li:nth-child(3) a, body .products--family-range[theme="comfort-baru"] .packs li:nth-child(3) a { overflow: visible; display: block; } [theme="comfort-baru"] .products--family-range .packs li:nth-child(3) a:before, body .products--family-range[theme="comfort-baru"] .packs li:nth-child(3) a:before { content: ""; position: absolute; top: -69px; left: 30px; background: url(/assets/images/products/bug-baru-open.png); width: 100px; height: 80px; background-size: 100%; } [theme="upngo-baru"] .products--family-range h2, [theme="upngo-baru"] .products--family-range .h2, body .products--family-range[theme="upngo-baru"] h2, body .products--family-range[theme="upngo-baru"] .h2 { font-size: 48px; line-height: 65px; } [theme="upngo-baru"] .products--family-range .weight, body .products--family-range[theme="upngo-baru"] .weight { font-size: 21px; line-height: 29px; } [theme="upngo-baru"] .products--family-range .bar li, body .products--family-range[theme="upngo-baru"] .bar li { font-size: 21px; line-height: 29px; } [theme="upngo-baru"] .products--family-range .packs li:nth-child(4) a, body .products--family-range[theme="upngo-baru"] .packs li:nth-child(4) a { overflow: visible; display: block; } [theme="upngo-baru"] .products--family-range .packs li:nth-child(4) a:before, body .products--family-range[theme="upngo-baru"] .packs li:nth-child(4) a:before { content: ""; position: absolute; top: -70px; left: auto; right: 19%; background: url(/assets/images/products/bug-baru-pants.png); width: 78px; height: 87px; background-size: 100%; } [theme="newborn-baru"] .products--family-range h2, [theme="newborn-baru"] .products--family-range .h2, body .products--family-range[theme="newborn-baru"] h2, body .products--family-range[theme="newborn-baru"] .h2 { font-size: 48px; line-height: 65px; } [theme="newborn-baru"] .products--family-range .bar li, body .products--family-range[theme="newborn-baru"] .bar li { font-size: 21px; line-height: 29px; } [theme="newborn-baru"] .products--family-range .weight, body .products--family-range[theme="newborn-baru"] .weight { font-size: 21px; line-height: 29px; } [theme="newborn-baru"] .products--family-range .packs li:nth-last-child(2) a, body .products--family-range[theme="newborn-baru"] .packs li:nth-last-child(2) a { overflow: visible; display: block; } [theme="newborn-baru"] .products--family-range .packs li:nth-last-child(2) a:before, body .products--family-range[theme="newborn-baru"] .packs li:nth-last-child(2) a:before { content: ""; position: absolute; top: -42px; right: 10%; background: url(/assets/images/products/baru-newborn-bee.png); width: 71px; height: 51px; background-size: 100%; } [theme="newborn-baru"] .products--family-range .packs li:first-child a, body .products--family-range[theme="newborn-baru"] .packs li:first-child a { overflow: visible; display: block; } [theme="newborn-baru"] .products--family-range .packs li:first-child a:before, body .products--family-range[theme="newborn-baru"] .packs li:first-child a:before { content: ""; position: absolute; top: -68px; left: 20%; background: url(/assets/images/products/baru-newborn-bee2.png); width: 68.5px; height: 74.5px; background-size: 100%; } [theme="everyday"] .products--family-range h2, [theme="everyday"] .products--family-range .h2, body .products--family-range[theme="everyday"] h2, body .products--family-range[theme="everyday"] .h2 { font-size: 64px; line-height: 69px; } [theme="drypants"] .products--family-range h2, [theme="drypants"] .products--family-range .h2, body .products--family-range[theme="drypants"] h2, body .products--family-range[theme="drypants"] .h2 { font-size: 64px; line-height: 69px; } [theme="sleep-tight"] .products--family-range h2, [theme="sleep-tight"] .products--family-range .h2, body .products--family-range[theme="sleep-tight"] h2, body .products--family-range[theme="sleep-tight"] .h2 { font-size: 48px; line-height: 65px; } [theme="sleep-tight"] .products--family-range .weight, body .products--family-range[theme="sleep-tight"] .weight { font-size: 21px; line-height: 29px; } [theme="sleep-tight"] .products--family-range .bar li, body .products--family-range[theme="sleep-tight"] .bar li { font-size: 21px; line-height: 29px; } [theme="sleep-tight"] .products--family-range .packs li:first-child a, body .products--family-range[theme="sleep-tight"] .packs li:first-child a { overflow: visible; display: block; } [theme="sleep-tight"] .products--family-range .packs li:first-child a:before, body .products--family-range[theme="sleep-tight"] .packs li:first-child a:before { content: ""; position: absolute; top: -33px; right: 0; background: url(/assets/images/products/sheep-sleep-tight.png); width: 70px; height: 70px; background-size: 100%; } [theme="sleep-tight"] .products--family-range .labels:after, body .products--family-range[theme="sleep-tight"] .labels:after { content: ""; position: absolute; top: 97px; right: 0; background: url(/assets/images/products/sheep2-sleep-tight.png); width: 57px; height: 111px; background-size: 100%; z-index: 1; } [theme="swimpants"] .products--family-range h2, [theme="swimpants"] .products--family-range .h2, body .products--family-range[theme="swimpants"] h2, body .products--family-range[theme="swimpants"] .h2 { font-size: 48px; line-height: 65px; } [theme="swimpants"] .products--family-range .weight, body .products--family-range[theme="swimpants"] .weight { font-size: 21px; line-height: 29px; } [theme="swimpants"] .products--family-range .bar li, body .products--family-range[theme="swimpants"] .bar li { font-size: 21px; line-height: 29px; } [theme="lotus-touch-newborn"] .products--family-range h2, [theme="lotus-touch-newborn"] .products--family-range .h2, body .products--family-range[theme="lotus-touch-newborn"] h2, body .products--family-range[theme="lotus-touch-newborn"] .h2 { font-size: 48px; line-height: 65px; } [theme="lotus-touch-newborn"] .products--family-range .bar li, body .products--family-range[theme="lotus-touch-newborn"] .bar li { font-size: 21px; line-height: 29px; } [theme="lotus-touch-newborn"] .products--family-range .weight, body .products--family-range[theme="lotus-touch-newborn"] .weight { font-size: 21px; line-height: 29px; } [theme="lotus-touch-newborn"] .products--family-range .packs li:nth-last-child(2) a, body .products--family-range[theme="lotus-touch-newborn"] .packs li:nth-last-child(2) a { overflow: visible; display: block; } [theme="lotus-touch-newborn"] .products--family-range .packs li:nth-last-child(2) a:before, body .products--family-range[theme="lotus-touch-newborn"] .packs li:nth-last-child(2) a:before { content: ""; position: absolute; top: -42px; right: 10%; background: url(/assets/images/products/baru-newborn-bee.png); width: 71px; height: 51px; background-size: 100%; } [theme="lotus-touch-newborn"] .products--family-range .packs li:first-child a, body .products--family-range[theme="lotus-touch-newborn"] .packs li:first-child a { overflow: visible; display: block; } [theme="lotus-touch-newborn"] .products--family-range .packs li:first-child a:before, body .products--family-range[theme="lotus-touch-newborn"] .packs li:first-child a:before { content: ""; position: absolute; top: -68px; left: 20%; background: url(/assets/images/products/baru-newborn-bee2.png); width: 68.5px; height: 74.5px; background-size: 100%; } [theme="lotus-touch-comfort"] .products--family-range h2, [theme="lotus-touch-comfort"] .products--family-range .h2, body .products--family-range[theme="lotus-touch-comfort"] h2, body .products--family-range[theme="lotus-touch-comfort"] .h2 { font-size: 48px; line-height: 65px; } [theme="lotus-touch-comfort"] .products--family-range .bar li, body .products--family-range[theme="lotus-touch-comfort"] .bar li { font-size: 21px; line-height: 29px; } [theme="lotus-touch-comfort"] .products--family-range .weight, body .products--family-range[theme="lotus-touch-comfort"] .weight { font-size: 21px; line-height: 29px; } [theme="lotus-touch-comfort"] .products--family-range .packs li:nth-child(3) a, body .products--family-range[theme="lotus-touch-comfort"] .packs li:nth-child(3) a { overflow: visible; display: block; } [theme="lotus-touch-comfort"] .products--family-range .packs li:nth-child(3) a:before, body .products--family-range[theme="lotus-touch-comfort"] .packs li:nth-child(3) a:before { content: ""; position: absolute; top: -69px; left: 30px; background: url(/assets/images/products/bug-baru-open.png); width: 100px; height: 80px; background-size: 100%; } [theme="lotus-touch-upngo"] .products--family-range h2, [theme="lotus-touch-upngo"] .products--family-range .h2, body .products--family-range[theme="lotus-touch-upngo"] h2, body .products--family-range[theme="lotus-touch-upngo"] .h2 { font-size: 48px; line-height: 65px; } [theme="lotus-touch-upngo"] .products--family-range .bar li, body .products--family-range[theme="lotus-touch-upngo"] .bar li { font-size: 21px; line-height: 29px; } [theme="lotus-touch-upngo"] .products--family-range .weight, body .products--family-range[theme="lotus-touch-upngo"] .weight { font-size: 21px; line-height: 29px; } [theme="lotus-touch-upngo"] .products--family-range .packs li:nth-child(4) a, body .products--family-range[theme="lotus-touch-upngo"] .packs li:nth-child(4) a { overflow: visible; display: block; } [theme="lotus-touch-upngo"] .products--family-range .packs li:nth-child(4) a:before, body .products--family-range[theme="lotus-touch-upngo"] .packs li:nth-child(4) a:before { content: ""; position: absolute; top: -70px; left: auto; right: 19%; background: url(/assets/images/products/bug-baru-pants.png); width: 78px; height: 87px; background-size: 100%; } [theme="accessories"] .products--family-range h2, [theme="accessories"] .products--family-range .h2, body .products--family-range[theme="accessories"] h2, body .products--family-range[theme="accessories"] .h2 { font-size: 48px; line-height: 65px; } [theme="accessories"] .products--family-range .weight, body .products--family-range[theme="accessories"] .weight { font-size: 21px; line-height: 29px; } [theme="accessories"] .products--family-range .bar li, body .products--family-range[theme="accessories"] .bar li { font-size: 21px; line-height: 29px; } .diaper-3d .heading p { font-size: 20px; line-height: 27px; } [theme="touch"] .diaper-3d .heading p, body .diaper-3d[theme="touch"] .heading p { font-size: 20px; line-height: 27px; } [theme="touch19"] .diaper-3d .heading p, body .diaper-3d[theme="touch19"] .heading p { font-size: 20px; line-height: 27px; } [theme="touch-pants"] .diaper-3d .heading p, body .diaper-3d[theme="touch-pants"] .heading p { font-size: 20px; line-height: 27px; } .diaper-3d .bar { position: absolute; bottom: 0; left: 0; height: 65px; background-repeat: repeat-x; width: 100%; z-index: -1; background-position-y: bottom; } .diaper-3d .benefit { position: relative; top: -20px; list-style: none; text-align: center; margin: 0; } .diaper-3d .benefit li { display: inline-block; margin: 0 15px; max-width: 150px; vertical-align: top; } .diaper-3d .benefit li .progress { display: inline-block; position: relative; width: 120px; height: 120px; border-radius: 50%; } .diaper-3d .benefit li .progress svg { position: absolute; width: 100%; height: 100%; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .diaper-3d .benefit li .progress svg.line { z-index: 1; stroke-dasharray: 377; stroke-dashoffset: 377; transition: stroke-dashoffset 1s; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .diaper-3d .benefit li .progress svg.bg circle { stroke: #562483; opacity: 0.6; } .diaper-3d .benefit li .progress svg circle { stroke-width: 5px; } .diaper-3d .benefit li .progress img { border-radius: 50%; } .diaper-3d .benefit li .progress span { display: inline-block; vertical-align: middle; height: 100%; } .diaper-3d .benefit li .label { display: none; } [theme="touch19"] .diaper-3d .bar, body .diaper-3d[theme="touch19"] .bar { background-image: url(/assets/images/themes/touch/touch-3D-brush-bg.png); background-size: 100%; } [theme="touch19"] .diaper-3d .benefit .progress, body .diaper-3d[theme="touch19"] .benefit .progress { border-color: #562483; } [theme="touch19"] .diaper-3d .benefit .progress .bg circle, body .diaper-3d[theme="touch19"] .benefit .progress .bg circle { stroke: #562483; } [theme="touch19"] .diaper-3d .benefit .progress .line circle, body .diaper-3d[theme="touch19"] .benefit .progress .line circle { stroke: #562483; } [theme="touch19"] .diaper-3d .benefit .progress.played, body .diaper-3d[theme="touch19"] .benefit .progress.played { border-color: #ba9748; } [theme="touch"] .diaper-3d .bar, body .diaper-3d[theme="touch"] .bar { background-image: url(/assets/images/themes/touch/touch-3D-brush-bg.png); background-size: 100%; } [theme="touch"] .diaper-3d .benefit .progress, body .diaper-3d[theme="touch"] .benefit .progress { border-color: #562483; } [theme="touch"] .diaper-3d .benefit .progress .bg circle, body .diaper-3d[theme="touch"] .benefit .progress .bg circle { stroke: #562483; } [theme="touch"] .diaper-3d .benefit .progress .line circle, body .diaper-3d[theme="touch"] .benefit .progress .line circle { stroke: #562483; } [theme="touch"] .diaper-3d .benefit .progress.played, body .diaper-3d[theme="touch"] .benefit .progress.played { border-color: #ba9748; } [theme="touch-pants"] .diaper-3d .bar, body .diaper-3d[theme="touch-pants"] .bar { background-image: url(/assets/images/themes/touch/touch-3D-brush-bg.png); background-size: 100%; } [theme="touch-pants"] .diaper-3d .benefit .progress, body .diaper-3d[theme="touch-pants"] .benefit .progress { border-color: #562483; } [theme="touch-pants"] .diaper-3d .benefit .progress .bg circle, body .diaper-3d[theme="touch-pants"] .benefit .progress .bg circle { stroke: #562483; } [theme="touch-pants"] .diaper-3d .benefit .progress .line circle, body .diaper-3d[theme="touch-pants"] .benefit .progress .line circle { stroke: #894e25; } [theme="touch-pants"] .diaper-3d .benefit .progress.active, body .diaper-3d[theme="touch-pants"] .benefit .progress.active { border-color: #894e25; } [theme="comfort"] .diaper-3d .bar, body .diaper-3d[theme="comfort"] .bar { background-image: url(/assets/images/themes/comfort/comfort-3D-bg.png); background-size: 100%; } [theme="comfort"] .diaper-3d .benefit .progress, body .diaper-3d[theme="comfort"] .benefit .progress { border-color: #562483; } [theme="comfort"] .diaper-3d .benefit .progress .line circle, body .diaper-3d[theme="comfort"] .benefit .progress .line circle { stroke: #562483; } [theme="comfort"] .diaper-3d .benefit .progress.active, body .diaper-3d[theme="comfort"] .benefit .progress.active { border-color: #562483; } [theme="upngo"] .diaper-3d .bar, body .diaper-3d[theme="upngo"] .bar { background-image: url(/assets/images/themes/upngo/upngo-3D-bg.png); background-size: 100%; } [theme="upngo"] .diaper-3d .benefit .progress, body .diaper-3d[theme="upngo"] .benefit .progress { border-color: #562483; } [theme="upngo"] .diaper-3d .benefit .progress .line circle, body .diaper-3d[theme="upngo"] .benefit .progress .line circle { stroke: #562483; } [theme="upngo"] .diaper-3d .benefit .progress.played, body .diaper-3d[theme="upngo"] .benefit .progress.played { border-color: #562483; } [theme="newborn"] .diaper-3d .bar, body .diaper-3d[theme="newborn"] .bar { background-image: url(/assets/images/themes/newborn/newborn-3D-bg.png); background-size: 100%; } [theme="newborn"] .diaper-3d .benefit .progress, body .diaper-3d[theme="newborn"] .benefit .progress { border-color: #562483; } [theme="newborn"] .diaper-3d .benefit .progress .line circle, body .diaper-3d[theme="newborn"] .benefit .progress .line circle { stroke: #562483; } [theme="newborn"] .diaper-3d .benefit .progress.played, body .diaper-3d[theme="newborn"] .benefit .progress.played { border-color: #562483; } [theme="comfort-baru"] .diaper-3d h1, [theme="comfort-baru"] .diaper-3d .h1, [theme="comfort-baru"] .diaper-3d .h1, body .diaper-3d[theme="comfort-baru"] h1, body .diaper-3d[theme="comfort-baru"] .h1, body .diaper-3d[theme="comfort-baru"] .h1 { font-size: 100px; line-height: 100px; } [theme="comfort-baru"] .diaper-3d .bar, body .diaper-3d[theme="comfort-baru"] .bar { background: url(/assets/images/themes/baru-open-bg.png); background-color: #19d5e5; } [theme="comfort-baru"] .diaper-3d .benefit .progress, body .diaper-3d[theme="comfort-baru"] .benefit .progress { border-color: #562483; } [theme="comfort-baru"] .diaper-3d .benefit .progress .line circle, body .diaper-3d[theme="comfort-baru"] .benefit .progress .line circle { stroke: #562483; } [theme="comfort-baru"] .diaper-3d .benefit .progress.active, body .diaper-3d[theme="comfort-baru"] .benefit .progress.active { border-color: #562483; } [theme="upngo-baru"] .diaper-3d h1, [theme="upngo-baru"] .diaper-3d .h1, [theme="upngo-baru"] .diaper-3d .h1, body .diaper-3d[theme="upngo-baru"] h1, body .diaper-3d[theme="upngo-baru"] .h1, body .diaper-3d[theme="upngo-baru"] .h1 { font-size: 100px; line-height: 100px; } [theme="upngo-baru"] .diaper-3d .bar, body .diaper-3d[theme="upngo-baru"] .bar { background: url(/assets-facelift/images/themes/baru-pants-bg.png); background-color: #e11d16; } [theme="upngo-baru"] .diaper-3d .benefit .progress, body .diaper-3d[theme="upngo-baru"] .benefit .progress { border-color: #562483; } [theme="upngo-baru"] .diaper-3d .benefit .progress .line circle, body .diaper-3d[theme="upngo-baru"] .benefit .progress .line circle { stroke: #562483; } [theme="upngo-baru"] .diaper-3d .benefit .progress.played, body .diaper-3d[theme="upngo-baru"] .benefit .progress.played { border-color: #562483; } [theme="newborn-baru"] .diaper-3d h1, [theme="newborn-baru"] .diaper-3d .h1, [theme="newborn-baru"] .diaper-3d .h1, body .diaper-3d[theme="newborn-baru"] h1, body .diaper-3d[theme="newborn-baru"] .h1, body .diaper-3d[theme="newborn-baru"] .h1 { font-size: 100px; line-height: 100px; } [theme="newborn-baru"] .diaper-3d .bar, body .diaper-3d[theme="newborn-baru"] .bar { background: url(/assets-facelift/images/themes/baru-open-bg.png); background-color: #ffc51c; } [theme="newborn-baru"] .diaper-3d .benefit .progress, body .diaper-3d[theme="newborn-baru"] .benefit .progress { border-color: #562483; } [theme="newborn-baru"] .diaper-3d .benefit .progress .line circle, body .diaper-3d[theme="newborn-baru"] .benefit .progress .line circle { stroke: #562483; } [theme="newborn-baru"] .diaper-3d .benefit .progress.played, body .diaper-3d[theme="newborn-baru"] .benefit .progress.played { border-color: #562483; } [theme="sleep-tight"] .diaper-3d .bar, body .diaper-3d[theme="sleep-tight"] .bar { background-image: url(/assets/images/themes/sleep-tight/sleep-tight-3D-bg.png); background-size: 100%; } [theme="sleep-tight"] .diaper-3d .benefit .progress, body .diaper-3d[theme="sleep-tight"] .benefit .progress { border-color: #562483; } [theme="sleep-tight"] .diaper-3d .benefit .progress .line circle, body .diaper-3d[theme="sleep-tight"] .benefit .progress .line circle { stroke: #562483; } [theme="sleep-tight"] .diaper-3d .benefit .progress.played, body .diaper-3d[theme="sleep-tight"] .benefit .progress.played { border-color: #562483; } [theme="swimpants"] .diaper-3d h1, [theme="swimpants"] .diaper-3d .h1, [theme="swimpants"] .diaper-3d .h1, body .diaper-3d[theme="swimpants"] h1, body .diaper-3d[theme="swimpants"] .h1, body .diaper-3d[theme="swimpants"] .h1 { font-size: 100px; line-height: 100px; } [theme="swimpants"] .diaper-3d .bar, body .diaper-3d[theme="swimpants"] .bar { background: url(/assets/images/themes/swimpants/swimpants-bg.png); background-color: #4f1070; } [theme="swimpants"] .diaper-3d .benefit .progress, body .diaper-3d[theme="swimpants"] .benefit .progress { border-color: #562483; } [theme="swimpants"] .diaper-3d .benefit .progress .line circle, body .diaper-3d[theme="swimpants"] .benefit .progress .line circle { stroke: #562483; } [theme="swimpants"] .diaper-3d .benefit .progress.played, body .diaper-3d[theme="swimpants"] .benefit .progress.played { border-color: #562483; } [theme="lotus-touch-comfort"] .diaper-3d h1, [theme="lotus-touch-comfort"] .diaper-3d .h1, [theme="lotus-touch-comfort"] .diaper-3d .h1, body .diaper-3d[theme="lotus-touch-comfort"] h1, body .diaper-3d[theme="lotus-touch-comfort"] .h1, body .diaper-3d[theme="lotus-touch-comfort"] .h1 { font-size: 80px; line-height: 80px; } [theme="lotus-touch-comfort"] .diaper-3d .bar, body .diaper-3d[theme="lotus-touch-comfort"] .bar { background: url(/assets-facelift/images/themes/baru-open-bg.png); background-color: #19d5e5; } [theme="lotus-touch-comfort"] .diaper-3d .benefit .progress, body .diaper-3d[theme="lotus-touch-comfort"] .benefit .progress { border-color: #562483; } [theme="lotus-touch-comfort"] .diaper-3d .benefit .progress .line circle, body .diaper-3d[theme="lotus-touch-comfort"] .benefit .progress .line circle { stroke: #562483; } [theme="lotus-touch-comfort"] .diaper-3d .benefit .progress.active, body .diaper-3d[theme="lotus-touch-comfort"] .benefit .progress.active { border-color: #562483; } [theme="lotus-touch-upngo"] .diaper-3d h1, [theme="lotus-touch-upngo"] .diaper-3d .h1, [theme="lotus-touch-upngo"] .diaper-3d .h1, body .diaper-3d[theme="lotus-touch-upngo"] h1, body .diaper-3d[theme="lotus-touch-upngo"] .h1, body .diaper-3d[theme="lotus-touch-upngo"] .h1 { font-size: 80px; line-height: 80px; } [theme="lotus-touch-upngo"] .diaper-3d .bar, body .diaper-3d[theme="lotus-touch-upngo"] .bar { background: url(/assets-facelift/images/themes/baru-pants-bg.png); background-color: #e11d16; } [theme="lotus-touch-upngo"] .diaper-3d .benefit .progress, body .diaper-3d[theme="lotus-touch-upngo"] .benefit .progress { border-color: #562483; } [theme="lotus-touch-upngo"] .diaper-3d .benefit .progress .line circle, body .diaper-3d[theme="lotus-touch-upngo"] .benefit .progress .line circle { stroke: #562483; } [theme="lotus-touch-upngo"] .diaper-3d .benefit .progress.played, body .diaper-3d[theme="lotus-touch-upngo"] .benefit .progress.played { border-color: #562483; } [theme="lotus-touch-newborn"] .diaper-3d h1, [theme="lotus-touch-newborn"] .diaper-3d .h1, [theme="lotus-touch-newborn"] .diaper-3d .h1, body .diaper-3d[theme="lotus-touch-newborn"] h1, body .diaper-3d[theme="lotus-touch-newborn"] .h1, body .diaper-3d[theme="lotus-touch-newborn"] .h1 { font-size: 40px; line-height: 40px; } [theme="lotus-touch-newborn"] .diaper-3d .bar, body .diaper-3d[theme="lotus-touch-newborn"] .bar { background: url(/assets-facelift/images/themes/baru-open-bg.png); background-color: #ffc51c; } [theme="lotus-touch-newborn"] .diaper-3d .benefit .progress, body .diaper-3d[theme="lotus-touch-newborn"] .benefit .progress { border-color: #562483; } [theme="lotus-touch-newborn"] .diaper-3d .benefit .progress .line circle, body .diaper-3d[theme="lotus-touch-newborn"] .benefit .progress .line circle { stroke: #562483; } [theme="lotus-touch-newborn"] .diaper-3d .benefit .progress.played, body .diaper-3d[theme="lotus-touch-newborn"] .benefit .progress.played { border-color: #562483; } .diaper-3d .bottom-options { font-size: 65px; bottom: 100%; } .diaper-3d .bottom-options.anim-in .scroll-down { -webkit-animation: bounce-m 2s; animation: bounce-m 2s; } .diaper-3d .bottom-options .to-top { margin-bottom: 10px; } .diaper-3d .bottom-options .to-bottom { margin-top: 10px; } .products--retailers { padding: 40px 0 20px 0; } .products--retailers .links { font-size: 16px; } .products--retailers .links a { padding-left: 24px; } .club .btn-club { min-width: 100px; } .club--overlap-container .lb { display: none; margin-top: 0; } .profile-header__change-container { position: relative; display: block; bottom: auto; left: auto; width: 100%; margin-top: 2.25rem; padding: 0.2rem; } label.profile-header__change-image { padding: 0.5rem 0.7rem; } label.profile-header__change-image:before { margin-right: 0.4rem; } .no-touch label.profile-header__change-image:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22224%22%20height%3D%2251%22%20viewBox%3D%220%200%20224%2051%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22bottomStrokeColor%22%20d%3D%22M2.496%2049.754L0%2038.68%201.432%205.866%2052.785%204.13l52.43-.057L122.906%203l78.27%201.497%2015.796-.597L224%2027.896l-2.72%2019.928-4.307%202.736-32.33-.33-62.23.05-27.383-.893-20.77%201.466L29.168%2051z%22%2F%3E%3Cpath%20fill%3D%22rgba%280%2C%200%2C%200%2C%200.5%29%22%20d%3D%22M2.496%2046.754L0%2035.68%201.432%202.866%2052.785%201.13l52.43-.057L122.906%200l78.27%201.497L216.972.9%20224%2024.896l-2.72%2019.928-4.307%202.736-32.33-.33-62.23.05-27.383-.893-20.77%201.466L29.168%2048z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .no-touch label.profile-header__change-image:hover:before { opacity: 1.0; } .profile-header__change-text { display: inline-block; opacity: 0; visibility: hidden; -webkit-transform: scale(0.4); transform: scale(0.4); transition: all 150ms; } label.profile-header__change-image:hover .profile-header__change-text { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); transition: all 300ms; } .new-club-friends .friends-result-member { text-align: left; padding-left: 20px; float: left; display: block; } .new-club-friends .friends-result-member.person { width: auto; } .new-club-friends .family-blobs { float: left; } .new-club-friends .family-blobs > div.club--overlap-container { text-align: left; } .new-club-friends .family-blobs.person { width: auto; } .new-club-friends .friends-handle-btn { float: right; width: auto; } .sidebar-friends { display: block; } .information-bar .information-bar-text { font-size: 24px; font-size: 1.5rem; } .club--quotes .carousel { width: 80%; padding: 0 40px; } .club--start-features .text > p:first-child > b, .club--start-features .text > p:first-child > strong, .club--start-features .text > p:first-child > h3, .club--start-features .text > p:first-child > .h3, .club--start-features .product-info .text > p:first-child > h1, .product-info .club--start-features .text > p:first-child > h1, .club--start-features .product-info .text > p:first-child > .h1, .product-info .club--start-features .text > p:first-child > .h1 { font-size: 2.625rem; } .club--start-features .split-5050 > div:last-child { -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; width: 80%; } .feed-post { padding: 30px; border-width: 10px; } .feed-post.feed-post--two-campaign { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 2px; } .feed-post__media { font-size: 1rem; } .feed-post__headline { font-size: 2.25rem; } .feed-post__brush-container { top: -0.75rem; right: -17px; height: auto; overflow: initial; } .feed-post--campaign .feed-post__brush-container { top: -0.4rem; right: -1rem; } .feed-post__brush-splash { font-size: 1.125rem; bottom: 0; padding: 0.9375em 1.875em 1.4rem 1.875em; } .feed-post--campaign .feed-post__brush-splash { padding: 1.4rem 3rem 1.9rem 3rem; font-size: 1.5rem; -webkit-transform: rotate(3deg); transform: rotate(3deg); bottom: initial; right: initial; } .feed-post__illustration { top: -6.875rem; height: 6.875rem; width: 7.75rem; } .feed-post__comment .feed-post__icon { right: 1rem; } .feed-image__borders:before, .feed-image__borders:after { display: block; } .feed-info { padding: 0 1.8rem 1.8rem 1.8rem; width: 50%; } .club--stages .related.related-info h4, .club--stages .related.related-info .h4, .club--stages .related.related-add h4, .club--stages .related.related-add .h4 { text-align: center; } .club--stages .related.related-info p, .club--stages .related.related-add p { font-size: 16px; text-align: center; } .club--stages .related.related-info .box, .club--stages .related.related-add .box { margin-top: 34px; padding: 20px; } .club--stages .stage-heading h4 { font-size: 21px; line-height: 29px; } .club--stages .stage-heading .stage-name { display: inline-block; padding-top: 0; padding-bottom: 0; } .stages-items { -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .stages-items__column { -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 1.875rem; } .stages-items__column:last-child { margin-right: 0; } .stages-items__container { margin-bottom: 1.875rem; } .stages-items__container > * { margin: 10px 0; height: 16.5625rem !important; } .cp-profile-overlay { display: none; position: fixed; background: rgba(255, 255, 255, 0.8); } .cp-profile-overlay .cp-close { display: block; } .club-create-profile-container { box-shadow: 0.125rem 0.125rem 0.625rem rgba(0, 0, 0, 0.2); display: block; position: relative; width: 600px; border-radius: 8px; } .club-create-profile-container .cp-layer { padding-left: 15%; padding-right: 15%; position: relative; } .conf-box-layer .club-overlay-container { width: 600px !important; } .club-overlay-header { font-size: 1.6875rem; } .club-overlay-container { width: 620px; } .club-overlay--small .club-overlay-container { width: auto; } .club-overlay-container.clear-v-center { top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: 10px; margin-bottom: 10px; } .club-overlay-layer { padding: 30px; position: relative; -webkit-transform: translateZ(1px); transform: translateZ(1px); } .club-overlay--likes .club-overlay-layer { padding: 1.25rem 1.25rem 0 1.25rem; position: relative; -webkit-transform: translateZ(1px); transform: translateZ(1px); } .club-stages-post .club-overlay-container { width: 75%; } .club-stages-product .club-overlay-container { width: 75%; } .club-stages-product .club-overlay-container .club-overlay-layer { padding-left: 0px; padding-right: 0px; } .club-stages-article .club-overlay-container { width: 75%; } body.club .wrapper .main-content { padding-left: 70px; } body.club .wrapper > div:only-child { padding-left: 0px; } body.club #content .main-content + .secondary-content { margin-left: 1.875rem; } .no-touch .club--selector-navigation .selector-navigation__navigation { overflow: hidden; } .no-touch .club--selector-navigation .selector-navigation__children { white-space: initial; } .club--selector-navigation .selector-navigation__background svg { width: 100%; } .no-touch .selector-navigation__fade { display: none; } .no-touch .row.has-overflow-x .selector-navigation__navigation { overflow-x: auto; margin-top: 15px; } .sidebar-overlay { display: none; } .sidebar-overlay__trigger { display: none; } .club--club-hero { height: 49rem; } .club-hero__splash { top: 0; left: 0; width: auto; width: 25.25rem; } .club-hero__box { max-width: 25rem; left: auto; } .overlay2 .content { margin: 40px; } .overlay2 .loader { width: calc(100% - 100px); } .youplus--text-media-70-30 .youplus--phone { -webkit-transform: rotate(9deg) scale(0.7718); transform: rotate(9deg) scale(0.7718); margin-top: -21.81978%; margin-bottom: -21.81978%; margin-bottom: -38.22838%; } .youplus--app-hero .youplus--phone { -webkit-transform: rotate(4deg) scale(0.88114); transform: rotate(4deg) scale(0.88114); margin-top: -10.88629%; margin-bottom: -10.88629%; margin-bottom: 1%; } .youplus--article-teaser .tagline { font-size: 12px; line-height: 12px; } .youplus--article-teaser h3, .youplus--article-teaser .h3, .youplus--article-teaser .product-info h1, .product-info .youplus--article-teaser h1, .youplus--article-teaser .product-info .h1, .product-info .youplus--article-teaser .h1 { font-size: 26px; line-height: 28px; } .youplus--article-teaser .inner { position: relative; overflow: hidden; } .youplus--article-teaser .image-wrapper { width: 100%; } .youplus--article-teaser .text { position: absolute; bottom: -25px; left: -100px; z-index: 1; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); width: calc(100% + 200px); padding: 25px 120px 27px 120px; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; border-image: url(/assets/images/shapes/promo-info.svg) 0 fill stretch; min-height: 40%; } .youplus--article-teaser .btn-yp { display: none; } .youplus--fun-fact h3, .youplus--fun-fact .h3, .youplus--fun-fact .product-info h1, .product-info .youplus--fun-fact h1, .youplus--fun-fact .product-info .h1, .product-info .youplus--fun-fact .h1 { font-size: 40px; line-height: 1em; } .youplus--fun-fact p { font-size: 20px; line-height: 1.1em; } .youplus--fun-fact .inner { padding-left: 35px; padding-right: 35px; } .youplus--life-hack video, .youplus--life-hack .azuremediaplayer { display: none; } .youplus--life-hack .text { font-size: 22px; line-height: 20px; } .youplus--life-hack .tagline { font-size: 12px; line-height: 12px; } .youplus--life-hack h3, .youplus--life-hack .h3, .youplus--life-hack .product-info h1, .product-info .youplus--life-hack h1, .youplus--life-hack .product-info .h1, .product-info .youplus--life-hack .h1 { font-size: 30px; line-height: 26px; } .youplus--life-hack .text { padding-bottom: 40px; } .youplus--product-promo .name { font-size: 58px; line-height: 0.8em; } .youplus--product-promo .weight { font-size: 45px; line-height: 0.8em; } .youplus--product-promo time { font-size: 16px; line-height: 1em; } .youplus--product-promo[size="mid"], .youplus--product-promo[size="large"] { max-height: 366px; } .youplus--product-promo[size="mid"]:before, .youplus--product-promo[size="large"]:before { padding-top: calc(33% - 30px); } .youplus--product-promo .text { padding-top: 30px; padding-right: 15px; } .youplus--product-promo .product { padding-left: 15px; width: 80%; } .youplus--story-audio[color="yellow"]:after, .youplus--story-m-audio[color="yellow"]:after { top: -5px; left: -10px; width: calc(100% + 20px); height: calc(100% + 30px); } .youplus--story-audio[color="red"]:after, .youplus--story-m-audio[color="red"]:after { top: -5px; left: -10px; width: calc(100% + 20px); height: calc(100% + 30px); } .youplus--story-audio[color="cyan"]:after, .youplus--story-m-audio[color="cyan"]:after { top: -25px; left: -8px; width: calc(100% + 25px); height: calc(100% + 15px); } .youplus--story-audio time, .youplus--story-m-audio time { font-size: 18px; line-height: 0.9em; } .youplus--story-audio h3, .youplus--story-m-audio h3, .youplus--story-audio .h3, .youplus--story-m-audio .h3, .youplus--story-audio .product-info h1, .product-info .youplus--story-audio h1, .youplus--story-m-audio .product-info h1, .product-info .youplus--story-m-audio h1, .youplus--story-audio .product-info .h1, .product-info .youplus--story-audio .h1, .youplus--story-m-audio .product-info .h1, .product-info .youplus--story-m-audio .h1 { font-size: 30px; line-height: 0.9em; } .youplus--story-audio:before, .youplus--story-m-audio:before { padding-top: 100%; } .youplus--story-audio .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button .vjs-big-play-button:before, .youplus--story-m-audio .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button .vjs-big-play-button:before { font-size: 90px; line-height: 1em; } html[dir="ltr"].ltr .youplus--story-audio .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button .vjs-big-play-button:before, html[dir="ltr"].ltr .youplus--story-m-audio .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button .vjs-big-play-button:before { /* @noflip */ left: 75%; } html[dir="rtl"].rtl .youplus--story-audio .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button .vjs-big-play-button:before, html[dir="rtl"].rtl .youplus--story-m-audio .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button .vjs-big-play-button:before { /* @noflip */ left: 25%; } .youplus--story-audio[size="mid"] .inner:after, .youplus--story-m-audio[size="mid"] .inner:after { left: 10%; } .youplus--story-audio[size="mid"] .info, .youplus--story-m-audio[size="mid"] .info { left: 10%; } .no-touch .youplus--story-audio:hover .info, .no-touch .youplus--story-m-audio:hover .info { -webkit-transform: scale3d(0.97, 0.97, 1) rotate(-2deg); transform: scale3d(0.97, 0.97, 1) rotate(-2deg); } .youplus--story-audio .info, .youplus--story-m-audio .info { transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; } .no-touch .youplus--story-audio:hover .inner:after, .no-touch .youplus--story-m-audio:hover .inner:after { -webkit-transform: scale3d(0.97, 0.97, 1) rotate(-1deg) translateY(-30%); transform: scale3d(0.97, 0.97, 1) rotate(-1deg) translateY(-30%); } .youplus--story-audio .inner:after, .youplus--story-m-audio .inner:after { transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; } .youplus--story-image .image, .youplus--story-video .image { padding-top: 100%; } .youplus--story-image .youplus--story-info, .youplus--story-video .youplus--story-info { display: none; -webkit-flex: 0 0 1; -ms-flex: 0 0 1; flex: 0 0 1; width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; padding: 15px; } .youplus--story-image .youplus--story-info .comments div, .youplus--story-video .youplus--story-info .comments div, .youplus--story-image .youplus--story-info .text, .youplus--story-video .youplus--story-info .text { display: none; } .youplus--story-image .youplus--story-info time, .youplus--story-video .youplus--story-info time { color: #fff; } .youplus--story-image .youplus--story-info .comments, .youplus--story-video .youplus--story-info .comments { color: #fff; margin-top: 20px; } .youplus--story-image .youplus--story-info .comments:before, .youplus--story-video .youplus--story-info .comments:before { font-size: 18px; content: attr(count); color: #fff; margin-right: 5px; } .youplus--story-image .image-wrapper:before, .youplus--story-video .image-wrapper:before { transition: opacity 350ms; opacity: 0; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; } .no-touch .youplus--story-image a.inner:hover .image-wrapper:before, .no-touch .youplus--story-video a.inner:hover .image-wrapper:before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.3; } .no-touch .youplus--story-image a.inner:hover + .youplus--story-info, .no-touch .youplus--story-video a.inner:hover + .youplus--story-info { display: block; } .no-touch .youplus--story-image a.inner:hover + .youplus--story-info time span, .no-touch .youplus--story-video a.inner:hover + .youplus--story-info time span { display: none; } .youplus--story-video video { display: none; } .no-touch .youplus--story-video a.inner:hover .image-wrapper ~ .youplus--story-info { display: block; } .no-touch .youplus--story-video a.inner:hover .image-wrapper ~ .youplus--story-info time span { display: none; } .youplus--story-info time { font-size: 30px; line-height: 34px; } .youplus--story-info div.tags { font-size: 16px; line-height: 18px; } .youplus--story-text { position: relative; } .youplus--story-text .inner { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .youplus--story-text:before { display: block; padding-top: 100%; content: ""; } .youplus--story-text:after { content: ""; display: block; position: absolute; top: -30px; left: -70px; width: calc(100% + 60px); height: calc(100% + 30px); background-size: 100% 100%; z-index: -1; } html[dir="ltr"].ltr .youplus--story-text:after { -webkit-transform: scaleX(-1) rotate(-10deg); transform: scaleX(-1) rotate(-10deg); } html[dir="rtl"].rtl .youplus--story-text:after { -webkit-transform: scaleX(1) rotate(10deg); transform: scaleX(1) rotate(10deg); } .youplus--story-text[color="yellow"]:after { background-image: url(/assets/images/brushes/brushes_yellow.png); } .youplus--story-text[color="red"]:after { background-image: url(/assets/images/brushes/brushes_red.png); } .youplus--story-text[color="cyan"]:after { background-image: url(/assets/images/brushes/brushes_blue.png); } .no-touch .youplus--story-text:hover .youplus--story-info { -webkit-transform: scale3d(0.97, 0.97, 1) rotate(-3deg) translateY(-50%); transform: scale3d(0.97, 0.97, 1) rotate(-3deg) translateY(-50%); } .youplus--story-text .youplus--story-info { transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; } .youplus--story-text .youplus--story-info { display: block; padding: 0 50px 0 50px; position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotate(-4deg); transform: translateY(-50%) rotate(-4deg); } .youplus--story-text .youplus--story-info time { font-family: "bariol-bold"; font-size: 16px; line-height: 1em; text-transform: uppercase; color: #fff; } .youplus--story-text .youplus--story-info .tags, .youplus--story-text .youplus--story-info .comments { display: none; } .youplus--story-text .youplus--story-info .text { display: block; font-family: "babyfreestyle"; font-size: 24px; line-height: 1em; text-transform: uppercase; color: #fff; max-height: 150px; overflow: hidden; } .youplus--story-weight h3, .youplus--story-weight .h3, .youplus--story-weight .product-info h1, .product-info .youplus--story-weight h1, .youplus--story-weight .product-info .h1, .product-info .youplus--story-weight .h1 { font-size: 120px; line-height: 1em; } .youplus--story-weight p { font-size: 45px; line-height: 1em; } .youplus--story-weight time { font-size: 18px; line-height: 1em; } .youplus--story-weight:before { padding-top: 100%; } .youplus--story-weight:after { top: -5px; left: -10px; width: calc(100% + 20px); height: calc(100% + 30px); } .youplus--story-fun-fact h3, .youplus--story-fun-fact .h3, .youplus--story-fun-fact .product-info h1, .product-info .youplus--story-fun-fact h1, .youplus--story-fun-fact .product-info .h1, .product-info .youplus--story-fun-fact .h1 { font-size: 80px; line-height: 1em; } .youplus--story-fun-fact p { font-size: 22px; line-height: 22px; } .youplus--story-fun-fact .week, .youplus--story-fun-fact time { font-size: 18px; line-height: 1em; } .youplus--story-fun-fact:before { padding-top: 100%; } .youplus--story-fun-fact:after { top: -5px; left: -10px; width: calc(100% + 20px); height: calc(100% + 30px); } .no-touch .youplus--story-fun-fact:hover .inner { -webkit-transform: scale3d(0.97, 0.97, 1) rotate(-4deg) translateY(-50%); transform: scale3d(0.97, 0.97, 1) rotate(-4deg) translateY(-50%); } .youplus--story-fun-fact .inner { transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; } .youplus--story-m-text h3, .youplus--story-m-text .h3, .youplus--story-m-text .product-info h1, .product-info .youplus--story-m-text h1, .youplus--story-m-text .product-info .h1, .product-info .youplus--story-m-text .h1 { font-size: 80px; line-height: 70px; } .youplus--story-m-text h3 span, .youplus--story-m-text .h3 span, .youplus--story-m-text .product-info h1 span, .product-info .youplus--story-m-text h1 span, .youplus--story-m-text .product-info .h1 span, .product-info .youplus--story-m-text .h1 span { font-size: 50px; line-height: 1em; } .youplus--story-m-text p { font-size: 45px; line-height: 1em; } .youplus--story-m-text .inner time { font-size: 18px; line-height: 1em; } .youplus--story-m-text:after { content: ""; display: block; position: absolute; background-size: 100% 100%; z-index: -1; } .youplus--story-m-text[color="red"]:after { background-image: url(/assets/images/brushes/brushes_red_2.png); top: -5px; left: -10px; width: calc(100% + 20px); height: calc(100% + 30px); } .youplus--story-m-text[color="yellow"]:after { background-image: url(/assets/images/brushes/brushes_yellow_2.png); -webkit-transform: scaleX(-1); transform: scaleX(-1); top: -5px; left: -10px; width: calc(100% + 20px); height: calc(100% + 30px); } .youplus--story-m-text[color="cyan"]:after { background-image: url(/assets/images/brushes/brushes_blue.png); -webkit-transform: rotate(-7deg); transform: rotate(-7deg); top: -25px; left: -8px; width: calc(100% + 25px); height: calc(100% + 15px); } .youplus--story-m-text .youplus--story-info { display: none; } .youplus--story-m-text:before { display: block; content: ""; } .youplus--story-m-text .inner { position: absolute; top: 5%; left: 10%; max-width: 60%; z-index: 1; } .youplus--story-m-text .inner:after { content: ""; display: block; width: 70%; height: 70%; background: url(/assets-facelift/images/audio-1.png); position: absolute; bottom: 0%; right: -50%; background-size: contain; background-position: center right; background-repeat: no-repeat; z-index: -1; } .no-touch .youplus--story-m-text:hover .inner { -webkit-transform: scale3d(0.97, 0.97, 1) rotate(1deg); transform: scale3d(0.97, 0.97, 1) rotate(1deg); } .youplus--story-m-text .inner { transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; } .no-touch .youplus--story-m-text:hover .inner:after { -webkit-transform: scale3d(0.97, 0.97, 1) rotate(-2deg); transform: scale3d(0.97, 0.97, 1) rotate(-2deg); } .youplus--story-m-text .inner:after { transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; } .youplus--story-m-audio h3 .title, .youplus--story-m-audio .h3 .title, .youplus--story-m-audio .product-info h1 .title, .product-info .youplus--story-m-audio h1 .title, .youplus--story-m-audio .product-info .h1 .title, .product-info .youplus--story-m-audio .h1 .title { font-size: 90px; line-height: 0.8em; } .no-touch .youplus--story-m-audio:hover .info { -webkit-transform: scale3d(0.97, 0.97, 1) rotate(-3deg) translateY(-50%); transform: scale3d(0.97, 0.97, 1) rotate(-3deg) translateY(-50%); } .youplus--story-m-audio .info { transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; } .youplus--story-m-image .youplus--story-info .heading .name, .youplus--story-m-video .youplus--story-info .heading .name { font-size: 50px; line-height: 1em; } .youplus--story-m-image .youplus--story-info .heading span, .youplus--story-m-video .youplus--story-info .heading span { font-size: 80px; line-height: 0.9em; } .youplus--story-m-image[color="red"] .heading:before, .youplus--story-m-video[color="red"] .heading:before { width: calc(100% + 30px); left: -30px; } .youplus--story-m-image[color="yellow"] .heading:before, .youplus--story-m-video[color="yellow"] .heading:before { width: calc(100% + 45px); left: -45px; } .youplus--story-m-image[color="cyan"] .heading:before, .youplus--story-m-video[color="cyan"] .heading:before { width: calc(100% + 45px); left: -20px; bottom: 10px; } .youplus--story-m-image .image, .youplus--story-m-video .image { padding-top: 100%; } .youplus--story-m-image .youplus--story-info, .youplus--story-m-video .youplus--story-info { display: block; width: 75%; position: absolute; bottom: -20px; left: 20px; padding: 25px 50px 25px 15px; } .youplus--story-m-image .youplus--story-info time, .youplus--story-m-video .youplus--story-info time { color: #fff; } .youplus--story-m-image .youplus--story-info .tags, .youplus--story-m-video .youplus--story-info .tags, .youplus--story-m-image .youplus--story-info .text, .youplus--story-m-video .youplus--story-info .text { display: none; } .youplus--story-m-image .image-wrapper:before, .youplus--story-m-video .image-wrapper:before { transition: opacity 350ms; opacity: 0; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; } .no-touch .youplus--story-m-image a.inner:hover .image-wrapper:before, .no-touch .youplus--story-m-video a.inner:hover .image-wrapper:before { opacity: 0.3; } .no-touch .youplus--story-m-image a.inner:hover + .youplus--story-info, .no-touch .youplus--story-m-video a.inner:hover + .youplus--story-info { display: block; } .youplus--story-m-image .youplus--story-info .heading .name, .youplus--story-m-video .youplus--story-info .heading .name { font-size: 50px; line-height: 1em; } .youplus--story-m-image .youplus--story-info .heading span, .youplus--story-m-video .youplus--story-info .heading span { font-size: 80px; line-height: 0.9em; } .youplus--story-m-image[color="red"] .heading:before, .youplus--story-m-video[color="red"] .heading:before { width: calc(100% + 30px); left: -30px; } .youplus--story-m-image[color="yellow"] .heading:before, .youplus--story-m-video[color="yellow"] .heading:before { width: calc(100% + 45px); left: -45px; } .youplus--story-m-image[color="cyan"] .heading:before, .youplus--story-m-video[color="cyan"] .heading:before { width: calc(100% + 45px); left: -20px; bottom: 10px; } .youplus--story-m-image .image, .youplus--story-m-video .image { padding-top: 100%; } .youplus--story-m-image .youplus--story-info, .youplus--story-m-video .youplus--story-info { display: block; width: 75%; position: absolute; bottom: -20px; left: 20px; padding: 25px 50px 25px 15px; } .youplus--story-m-image .youplus--story-info time, .youplus--story-m-video .youplus--story-info time { color: #fff; } .youplus--story-m-image .youplus--story-info .tags, .youplus--story-m-video .youplus--story-info .tags, .youplus--story-m-image .youplus--story-info .text, .youplus--story-m-video .youplus--story-info .text { display: none; } .youplus--story-m-image .image-wrapper:before, .youplus--story-m-video .image-wrapper:before { transition: opacity 350ms; opacity: 0; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; } .no-touch .youplus--story-m-image a.inner:hover .image-wrapper:before, .no-touch .youplus--story-m-video a.inner:hover .image-wrapper:before { opacity: 0.3; } .no-touch .youplus--story-m-image a.inner:hover + .youplus--story-info, .no-touch .youplus--story-m-video a.inner:hover + .youplus--story-info { display: block; } .youplus--story-m-video video { display: none; } .youplus--story-header .current-month-btn { font-size: 30px; line-height: 50px; } .youplus--story-header .year { font-size: 30px; line-height: 50px; } .youplus--story-header .current-month-btn { min-width: 350px; } .youplus--story-header .filter-btn { min-width: 100px; min-height: 55px; } .youplus--story-m-image-overlay .heading, .youplus--story-m-video-overlay .heading { font-size: 40px; line-height: 34px; } .youplus--story-m-image-overlay .heading .name, .youplus--story-m-video-overlay .heading .name { font-size: 30px; line-height: 30px; } .youplus--listicles h3, .youplus--listicles .h3, .youplus--listicles .product-info h1, .product-info .youplus--listicles h1, .youplus--listicles .product-info .h1, .product-info .youplus--listicles .h1 { font-size: 40px; line-height: 40px; } .youplus--listicles p { font-size: 16px; line-height: 1em; } .youplus--listicles li { font-size: 16px; line-height: 1em; } .youplus--listicles .inner { padding: 4vw 4vw 3vw 7.8vw; } .youplus--text-intro h2, .youplus--text-intro .h2 { font-size: 80px; line-height: 72px; } .youplus--text-intro p { font-size: 21px; line-height: 28px; } .youplus--text-media-70-30 h2, .youplus--text-media-70-30 .h2 { font-size: 50px; line-height: 42px; } .youplus--text-media-70-30 p { font-size: 21px; line-height: 28px; } .youplus--text-media-70-30 .row { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .youplus--text-media-70-30 .media { -webkit-flex: 30%; -ms-flex: 30%; flex: 30%; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .youplus--text-media-70-30 .text { -webkit-flex: 70%; -ms-flex: 70%; flex: 70%; } .youplus--text-media-70-30.alt .row { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .youplus--text-media-50-50 h2, .youplus--text-media-50-50 .h2 { font-size: 50px; line-height: 42px; } .youplus--text-media-50-50 p { font-size: 21px; line-height: 28px; } .youplus--text-media-50-50 .row { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .youplus--text-media-50-50 .text, .youplus--text-media-50-50 .media { -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; } .youplus--text-media-50-50.alt .row { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .youplus--text-brush h2, .youplus--text-brush .h2 { font-size: 50px; line-height: 42px; } .youplus--text-brush .text p { font-size: 21px; line-height: 28px; } .youplus--text-brush .brush p { font-size: 24px; line-height: 29px; } .youplus--text-brush .row { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .youplus--text-brush .text, .youplus--text-brush .brush { -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; } .youplus--text-brush .brush { margin: 0px 40px; padding: 4vw 9.5vw; } .youplus--text-brush.alt .row { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .youplus--text-media h2, .youplus--text-media .h2 { font-size: 50px; line-height: 42px; } .youplus--text-media p { font-size: 21px; line-height: 28px; } .youplus--text-media { margin-bottom: 50px; } .youplus--testimonial .row { margin-top: -60px; } .youplus--testimonial .item { padding-left: 40px; padding-right: 40px; } .youplus--testimonial .avatar { width: 120px; height: 120px; } .youplus--testimonial h3, .youplus--testimonial .h3, .youplus--testimonial .product-info h1, .product-info .youplus--testimonial h1, .youplus--testimonial .product-info .h1, .product-info .youplus--testimonial .h1 { font-size: 50px; line-height: 60px; } .youplus--testimonial h3, .youplus--testimonial .h3, .youplus--testimonial .product-info h1, .product-info .youplus--testimonial h1, .youplus--testimonial .product-info .h1, .product-info .youplus--testimonial .h1 { margin: 0 auto 30px auto; } .youplus--testimonial p { font-size: 21px; line-height: 28px; } .youplus--testimonial p { margin: 0 auto 30px auto; } .youplus--testimonial .name { margin: 0 auto 30px auto; } .youplus--testimonial.alt .item:after { top: 65px; left: 5%; width: 90%; } html[dir="ltr"].ltr .youplus--family-hero div.title, html[dir="ltr"].ltr .youplus--app-hero div.title { padding: 70px 160px 30px 60px; } html[dir="rtl"].rtl .youplus--family-hero div.title, html[dir="rtl"].rtl .youplus--app-hero div.title { padding: 70px 60px 30px 160px; } .youplus--family-hero .heading, .youplus--app-hero .heading { margin-top: 67px; } .youplus--family-hero .title .names, .youplus--app-hero .title .names { font-size: 30px; line-height: 30px; } .youplus--family-hero .info div, .youplus--app-hero .info div { font-size: 40px; line-height: 48px; } .youplus--family-hero .info p, .youplus--app-hero .info p { font-size: 21px; line-height: 29px; } .youplus--get-the-app2 h2, .youplus--get-the-app2 .h2 { font-size: 50px; line-height: 42px; } .youplus--get-the-app2 p { font-size: 21px; line-height: 28px; } .youplus--get-the-app2 .row { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .youplus--get-the-app2 .text { text-align: center; margin: auto; padding: 10px 20px; } .youplus--get-the-app2 .media { display: none; } .youplus--get-the-app2.alt { padding: 25px 25px 0 25px; } .youplus--get-the-app2.alt .media { display: block; -webkit-flex: 30%; -ms-flex: 30%; flex: 30%; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .youplus--get-the-app2.alt .media img { position: absolute; bottom: 0px; right: 5%; height: 80%; } .youplus--get-the-app2.alt .text { text-align: left; -webkit-flex: 70%; -ms-flex: 70%; flex: 70%; } .youplus--stage-article .heading .tagline { font-size: 30px; line-height: 33px; } .youplus--stage-article h2, .youplus--stage-article .h2 { font-size: 80px; line-height: 0.7em; } .youplus--stage-article .heading, .youplus--stage-article .pregnant { padding-bottom: 50px; } .youplus--stage-article .pregnant h3, .youplus--stage-article .pregnant .h3, .youplus--stage-article .pregnant .product-info h1, .product-info .youplus--stage-article .pregnant h1, .youplus--stage-article .pregnant .product-info .h1, .product-info .youplus--stage-article .pregnant .h1 { font-size: 40px; line-height: 36px; } .youplus--stage-article .pregnant h3, .youplus--stage-article .pregnant .h3, .youplus--stage-article .pregnant .product-info h1, .product-info .youplus--stage-article .pregnant h1, .youplus--stage-article .pregnant .product-info .h1, .product-info .youplus--stage-article .pregnant .h1 { margin: 10px 0; } .youplus--stage-article .pregnant .bump .tagline, .youplus--stage-article .pregnant .you .tagline { font-size: 16px; line-height: 16px; } .youplus--stage-article .pregnant .row { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .youplus--stage-article .pregnant .heading { margin-top: 30px; margin-bottom: 60px; } .youplus--stage-article .pregnant .bump, .youplus--stage-article .pregnant .you { width: 49.9%; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .youplus--stage-article .children .tagline { font-size: 16px; line-height: 16px; } .youplus--stage-article .children h3, .youplus--stage-article .children .h3, .youplus--stage-article .children .product-info h1, .product-info .youplus--stage-article .children h1, .youplus--stage-article .children .product-info .h1, .product-info .youplus--stage-article .children .h1 { font-size: 48px; line-height: 45px; } .youplus--stage-article .children p { font-size: 26px; line-height: 24px; } .youplus--stage-article .children .row { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .youplus--stage-article .children .col { -webkit-flex: 49.9%; -ms-flex: 49.9%; flex: 49.9%; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; max-width: 50%; float: left; } .youplus--stage-article .children .col:last-child:nth-child(odd) { -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 100%; } .youplus--stage-article .children .col:last-child:nth-child(odd) .image { padding-top: 50%; } .youplus--stage-article .children .col .text { left: 0; bottom: -20px; padding: 40px 50px 70px 40px; } .youplus--stage-article .children .col .text[theme="cyan"] { padding-right: 100px; } .youplus--stage-article .children .col .btn-yp { left: 40px; bottom: 0px; } .youplus--stage-article .children .col[theme="cyan"] .text { padding-right: 100px; } .youplus--stage-article .children .col[theme="yellow"] .text { padding-top: 55px; } .youplus--content-composition .row .col { margin-bottom: 30px; } .youplus--content-composition .row .col:last-child { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .youplus--content-composition .col { -webkit-flex: 0 0 32.9%; -ms-flex: 0 0 32.9%; flex: 0 0 32.9%; } .youplus--content-composition .col:last-child:nth-child(1) { /* image-teaser life-hacks */ /* fun-fact poll-results listicles */ } .youplus--content-composition .col:last-child:nth-child(1) .image, .youplus--content-composition .col:last-child:nth-child(1).youplus--fun-fact:before, .youplus--content-composition .col:last-child:nth-child(1).youplus--poll-results:before, .youplus--content-composition .col:last-child:nth-child(1).youplus--listicles:before { padding-top: 31.2%; } .youplus--content-composition .col:last-child:nth-child(2) { /* image-teaser life-hacks */ /* fun-fact */ } .youplus--content-composition .col:last-child:nth-child(2) .image, .youplus--content-composition .col:last-child:nth-child(2).youplus--fun-fact:before { padding-top: 47.2%; } .youplus--content-composition .col[size="mid"] + .col { /* fun-fact */ } .youplus--content-composition .col[size="mid"] + .col .image { padding-top: 100%; } .youplus--content-composition .col[size="mid"] + .col.youplus--fun-fact:before { padding-top: 100%; } .youplus--content-composition .col[size="mid"] { -webkit-flex: 0 0 65.9%; -ms-flex: 0 0 65.9%; flex: 0 0 65.9%; } .youplus--content-composition .col[size="mid"] .image { padding-top: calc(50% - 15px); } .youplus--content-composition .col[size="large"] { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .youplus--content-composition .col[size="large"] .image { padding-top: calc(33% - 30px); } .youplus--your-story .row { position: relative; } .youplus--your-story .col { margin-bottom: 30px; } .youplus--your-story .col, .youplus--your-story .col[size="small"] { width: 33%; } .youplus--your-story .col[size="mid"] { width: 66%; } .youplus--your-story .col[size="mid"]:before { padding-top: 50%; } .youplus--your-story .col[size="large"] { width: 100%; } .youplus--your-story .col[size="large"]:before, .youplus--your-story .col[size="large"] .image { padding-top: calc(33.33% - 23px); } .youplus--your-story .col[size="mid"] + [size="small"] + [size="small"] { position: absolute; bottom: 0; right: 15px; width: 33%; } .youplus--your-story .col[size="small"] + [size="mid"] + [size="small"] { position: absolute; bottom: 0; left: 0; width: 33%; } .youplus--your-story .col[size="small"]:first-child + [size="small"]:last-of-type:not(:last-child) { position: absolute; bottom: 0; left: 0; width: 33%; } .youplus--poll-results .text { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; } .youplus--poll-results .bars { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; } .youplus--poll-results .graph { width: calc(100% - 12px); left: 6px; } .youplus--poll-results .percent { font-size: 18px; } .youplus--poll-results .info { font-size: 12px; } .youplus--poll-results .text { font-size: 22px; line-height: 20px; } .youplus--convert-from-pregnant .panels .row > div { width: 50%; min-height: 65vh; } .youplus--invite h2, .youplus--invite__done h2, .youplus--invite .h2, .youplus--invite__done .h2 { width: calc(100% - 122px); } .youplus--invite .text, .youplus--invite__done .text { font-size: 21px; line-height: 28px; } .youplus--invite .text, .youplus--invite__done .text { width: 70%; } .youplus--invite .logo, .youplus--invite__done .logo { width: 102px; top: 54px; right: 20px; } .youplus--invite__done .promo { display: block; } .youplus--invite__done .logo { display: none; } .youplus--invite__done .download { text-align: left; } .youplus--invite__done a[href*="apple"] { margin-left: 0; } .photobook--order-bar .row { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; padding: 0.75rem 0.9375rem; } .photobook--order-bar .order-bar__background svg { width: 100%; } .photobook--order-bar .order-bar__mobile { display: none; } .photobook--order-bar .order-bar__message { display: none; position: absolute; bottom: 0; left: 0; padding: 1.7rem 2.25rem .5rem 2.25rem; text-align: right; background-image: url(/assets/images/brushes/brushes_blue_2.png); background-repeat: no-repeat; background-size: 100% 170%; color: #ffffff; } .photobook--order-bar .order-bar__message-text h4, .photobook--order-bar .order-bar__message-text .h4 { font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.875rem; color: #ffffff; margin: 0; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } .photobook--order-bar .order-bar__message-text span { display: block; position: relative; top: -.4em; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } .photobook--order-bar .order-bar__points { display: inline-block; margin-left: 0; margin-right: 0.9375rem; } .photobook--order-bar .order-bar__points-price { font-family: "bariol-bold", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 0.75em; text-transform: uppercase; } .photobook--order-bar .order-bar__points-needed { display: block; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); position: relative; top: -.4rem; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.5rem; } .photobook--order-bar .button:nth-child(3), .photobook--order-bar .filePicker:nth-child(3), .photobook--order-bar a.join-now:nth-child(3), .photobook--order-bar input:nth-child(3)[type="submit"], .photobook--order-bar input:nth-child(3)[type="button"], .photobook--order-bar input:nth-child(3)[type="reset"], .photobook--order-bar a.submit-down:nth-child(3), .photobook--order-bar a.submit-right:nth-child(3), .photobook--order-bar button.submit-right:nth-child(3), .photobook--order-bar .create-post__btn-publish:nth-child(3), .photobook--order-bar .create-post__btn-cancel:nth-child(3), .photobook--order-bar .create-post__btn-done:nth-child(3) { margin-left: auto; } .message-bar__message--icon .message-bar__message { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .message-bar__message--image-resolution .message-bar__message-button { margin-top: 0; margin-left: auto; } .photobook--navigation-bar .navigation-bar__background svg { width: 100%; } .photobook--navigation-bar .navigation-bar__navigation > .dropdown { display: block; } .photobook--navigation-bar .navigation-bar__edit-page { display: inline-block; } .photobook--navigation-bar.navigation-bar--book .navigation-bar__drop-value--trigger, .photobook--navigation-bar.navigation-bar--book .navigation-bar__drop-values-inner { width: 420px; } .photobook--navigation-bar.navigation-bar--book .navigation-bar__drop-value { font-size: 1.3125rem; } .photobook--status-bar .status-bar__background svg { width: 100%; } .actions-bar__background { background-size: cover; } .actions-bar__buttons { margin-left: auto; margin-right: 0; } .photobook--child-form .child-form__image-container { height: 8.375rem; width: 8.75rem; margin-right: 0.9375rem; } .photobook--child-form .child-form__information h5, .photobook--child-form .child-form__information .h5 { font-size: 2.1875rem; } .photobook--attention-message { background-color: transparent; height: auto; display: block; } .photobook--attention-message .row { padding: 1.875rem; } .photobook--attention-message .attention-message__headline { padding: 0; } .photobook--attention-message .attention-message__actions { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .photobook--attention-message .attention-message__actions a:first-of-type { margin-right: 0.9375rem; margin-bottom: 0; } .photobook--attention-message .club-overlay-close { display: none; } .photobook--grid { margin: 20px 0 110px 0; } .photobook--grid .grid-item { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; width: 33%; } .photobook--grid .grid-item .grid-item__message-content { font-size: 20px; line-height: 1.2; } .photobook--grid { margin: 20px 0 110px 0; } .photobook--grid .grid-item { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; width: 33%; } .photobook--grid .grid-item .grid-item__message-content { font-size: 20px; line-height: 1.2; } .photobook--crop-image .crop-image__layout { margin-top: 10px; } .photobook--crop-image .crop-image__layout a { -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .photobook--crop-image .crop-image__layout span { padding-left: 14px; padding-top: 0; } .quick-fix-1 { padding-right: 60px; } .products--family-range .packs-6 li, .products--family-range .packs-7 li, .products--family-range .packs-8 li, .products--family-range .packs-9 li, .products--family-range .packs-10 li, .products--family-range .packs-11 li, .products--family-range .packs-12 li, .products--family-range .packs-13 li, .products--family-range .packs-14 li, .products--family-range .packs-15 li, .products--family-range .packs li { width: 19%; max-width: 146px; } .products--family-range .top { height: 580px; } .products--family-range .logo-astma { right: 110px !important; } #stageArticle.article-50-50 .col { padding-right: 3%; -webkit-flex: 1; -ms-flex: 1; flex: 1; } } @media only screen and (min-width: 40.0625em), only screen and (min-width: 40.0625em) and (orientation: portrait) { .letter-index { margin-top: 1.875rem; } .letter-index ul { position: relative; border: none; border-radius: none; top: auto; right: auto; left: auto; z-index: 0; } .letter-index li { display: inline-block; margin-right: 0.9375rem; margin-bottom: 0.9375rem; font-size: 14px; font-size: 0.875rem; } .letter-index a { padding: 0.625rem; min-width: 5rem; color: white; } } @media only screen and (min-width: 40.0625em) and (min-width: 1024px) { .club-top.join-now .logo { max-width: 200px; } .club-top.join-now .action .tb .tc { text-align: right; padding-right: 20px; } } @media only screen and (min-width: 40.0625em) and (min-width: 40.0625em) { .article-66-33 .heading h1, .article-50-50 .heading h1, .article-66-33 .heading .h1, .article-50-50 .heading .h1 { font-size: 50px; line-height: 42px; } .youplus--article-teaser .text { font-size: 22px; line-height: 20px; } } @media only screen and (min-width: 40.0625em) and (min-width: 64.0625em) { .article-66-33 .heading h1, .article-50-50 .heading h1, .article-66-33 .heading .h1, .article-50-50 .heading .h1 { font-size: 80px; line-height: 70px; } .youplus--article-teaser .text { font-size: 30px; line-height: 27px; } } @media only screen and (min-width: 40.0625em) and (orientation: landscape) { .products--product-accessory .bottom .benefits { padding: 30px 0; } .products--product-accessory .bottom .benefits .text { font-size: 18px; padding-left: 30px; } .products--product-accessory .bottom .benefits .check { font-size: 20px; } } @media only screen and (min-width: 40.0625em) and (orientation: portrait) { .products--product-accessory .bg { min-height: 935px; } .products--product-accessory .brush { max-width: 100%; } .products--product-accessory .pack { position: absolute; text-align: right; bottom: 0; padding: 0; z-index: 1; } .products--product-accessory .bottom .benefits .check { font-size: 20px; } } @media (min-width: 40.0625em) and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .youplus--content-composition .row { display: block; } .youplus--content-composition .col { float: left; width: 33%; } .youplus--content-composition .col:last-child:nth-child(1) { width: 100%; } .youplus--content-composition .col:last-child:nth-child(2) { width: 66%; } .youplus--content-composition .col[size="mid"] { width: 66%; } .youplus--content-composition .col[size="mid"] + .col { width: 33%; } .youplus--content-composition .col[size="large"] { width: 100%; } } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { .medium-only-text-left { text-align: left !important; } .medium-only-text-right { text-align: right !important; } .medium-only-text-center { text-align: center !important; } .medium-only-text-justify { text-align: justify !important; } .products-grid .row, body.products .row, body.club .row { padding-left: 30px; padding-right: 30px; } .products-grid .column, body.products .column, body.club .column, .products-grid .columns, body.products .columns, body.club .columns { padding-left: 10px; padding-right: 10px; } .products-grid .top-padded, body.products .top-padded, body.club .top-padded { padding-top: 40px; } .products--filter-header .title-wrap.left-align .title { width: 58%; } .products--filter-header .title { padding: 30px 25px 50px 30px; } .product--filter-result-display > .container > .row { padding: 0; } .product--filter-result-display ul > li { min-width: 28%; } .product--filter-result-display-eden > .container > .row { padding: 0; } .product--filter-result-display-eden ul > li { margin-right: 15px; } .diaper-3d .links a { display: inline-block; padding: 11px 10px 10px 10px; color: #fff; } .diaper-3d h1, .diaper-3d .h1, .diaper-3d .h1 { margin-top: 0; } .diaper-3d .benefit-info { position: absolute; right: 0; padding: 0 40px; margin-top: -20px; } [theme="touch19"] .diaper-3d .links, body .diaper-3d[theme="touch19"] .links { background-color: #562483; text-align: center; } [theme="touch"] .diaper-3d .links, body .diaper-3d[theme="touch"] .links { background-color: #562483; text-align: center; } [theme="touch-pants"] .diaper-3d .links, body .diaper-3d[theme="touch-pants"] .links { background-color: #562483; text-align: center; } [theme="comfort"] .diaper-3d .links, body .diaper-3d[theme="comfort"] .links { background-color: #562483; text-align: center; } [theme="upngo"] .diaper-3d .links, body .diaper-3d[theme="upngo"] .links { background-color: #562483; text-align: center; } [theme="newborn"] .diaper-3d .links, body .diaper-3d[theme="newborn"] .links { background-color: #562483; text-align: center; } [theme="comfort-baru"] .diaper-3d .links, body .diaper-3d[theme="comfort-baru"] .links { background-color: #562483; text-align: center; } [theme="upngo-baru"] .diaper-3d .links, body .diaper-3d[theme="upngo-baru"] .links { background-color: #562483; text-align: center; } [theme="newborn-baru"] .diaper-3d .links, body .diaper-3d[theme="newborn-baru"] .links { background-color: #562483; text-align: center; } [theme="sleep-tight"] .diaper-3d .links, body .diaper-3d[theme="sleep-tight"] .links { background-color: #562483; text-align: center; } [theme="swimpants"] .diaper-3d .links, body .diaper-3d[theme="swimpants"] .links { background-color: #562483; text-align: center; } [theme="lotus-touch-comfort"] .diaper-3d .links, body .diaper-3d[theme="lotus-touch-comfort"] .links { background-color: #562483; text-align: center; } [theme="lotus-touch-upngo"] .diaper-3d .links, body .diaper-3d[theme="lotus-touch-upngo"] .links { background-color: #562483; text-align: center; } [theme="lotus-touch-newborn"] .diaper-3d .links, body .diaper-3d[theme="lotus-touch-newborn"] .links { background-color: #562483; text-align: center; } .products--cross-sell { padding-top: 60px; } .products--cross-sell h2, .products--cross-sell .h2 { margin-bottom: 30px; } .products--cross-sell .product--filter-result-display { border-image: url(/assets/images/shapes/transparent-box.svg) 0 fill stretch; margin-right: -20px; } .products--cross-sell .small-container { display: block !important; } .products--cross-sell .medium-container { display: none !important; } .products--cross-sell .view-more { display: none; } .youplus--family-hero .title, .youplus--app-hero .title { padding: 30px 25px 50px 30px; } .youplus--family-hero .title, .youplus--app-hero .title { left: 0px; } .youplus--family-hero .title .logo, .youplus--app-hero .title .logo { width: 330px; } .youplus--family-hero .title .names, .youplus--app-hero .title .names { width: 300px; } } @media only screen and (min-width: 40.0625em) and (max-width: 48em), only screen and (min-width: 30.0625em) and (max-width: 40em) { ul.gbrw-grid > li, ul.products > li { width: 50%; } ul.gbrw-grid > li:nth-of-type(n), ul.products > li:nth-of-type(n) { clear: none; } ul.gbrw-grid > li:nth-of-type(2n + 1), ul.products > li:nth-of-type(2n + 1) { clear: both; } } @media only screen and (min-width: 40.0625em) and (max-width: 48em) { .club-top.join-now .logo { width: 35%; } .club-top.join-now .text { width: 65%; } .club-top.join-now .action { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; margin-bottom: 1.875rem; } .article-66-33 .promo-list, .article-50-50 .promo-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .article-66-33 .promo, .article-50-50 .promo { -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; padding-top: 100px; padding-bottom: 100px; max-width: 300px; width: 50%; float: left; } .article-66-33 .heading, .article-50-50 .heading { min-height: 40%; } .article-66-33 .heading h1, .article-50-50 .heading h1, .article-66-33 .heading .h1, .article-50-50 .heading .h1 { width: 90%; } .article-66-33 .avatar, .article-50-50 .avatar { top: 390px; width: 100px; } .article-66-33 .share-article, .article-50-50 .share-article { margin-top: 15px; } .article-66-33 .share-article a, .article-50-50 .share-article a { display: block; margin-bottom: 6px; } .article-66-33 .share-article a.print-link, .article-50-50 .share-article a.print-link { display: none; } .recommended-articles .col { width: 50%; } .products--retailers .limited-view.limit-rows-1 .item:nth-child(-n + 3) { display: block; } .products--retailers .limited-view.limit-rows-1 .item:nth-child(n + 4) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-2 .item:nth-child(-n + 6) { display: block; } .products--retailers .limited-view.limit-rows-2 .item:nth-child(n + 7) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-3 .item:nth-child(-n + 9) { display: block; } .products--retailers .limited-view.limit-rows-3 .item:nth-child(n + 10) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-4 .item:nth-child(-n + 12) { display: block; } .products--retailers .limited-view.limit-rows-4 .item:nth-child(n + 13) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-5 .item:nth-child(-n + 15) { display: block; } .products--retailers .limited-view.limit-rows-5 .item:nth-child(n + 16) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-6 .item:nth-child(-n + 18) { display: block; } .products--retailers .limited-view.limit-rows-6 .item:nth-child(n + 19) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-7 .item:nth-child(-n + 21) { display: block; } .products--retailers .limited-view.limit-rows-7 .item:nth-child(n + 22) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-8 .item:nth-child(-n + 24) { display: block; } .products--retailers .limited-view.limit-rows-8 .item:nth-child(n + 25) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-9 .item:nth-child(-n + 27) { display: block; } .products--retailers .limited-view.limit-rows-9 .item:nth-child(n + 28) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-10 .item:nth-child(-n + 30) { display: block; } .products--retailers .limited-view.limit-rows-10 .item:nth-child(n + 31) + .view-more { display: block; } .youplus--life-hack .inner:before { font-size: calc(55px + (100 - 55) * ((100vw - 641px) / (1024 - 641))); } .youplus--life-hack[size="mid"] h3, .youplus--life-hack[size="mid"] .h3, .youplus--life-hack[size="mid"] .product-info h1, .product-info .youplus--life-hack[size="mid"] h1, .youplus--life-hack[size="mid"] .product-info .h1, .product-info .youplus--life-hack[size="mid"] .h1, .youplus--life-hack[size="large"] h3, .youplus--life-hack[size="large"] .h3, .youplus--life-hack[size="large"] .product-info h1, .product-info .youplus--life-hack[size="large"] h1, .youplus--life-hack[size="large"] .product-info .h1, .product-info .youplus--life-hack[size="large"] .h1 { font-size: calc(40px + (50 - 40) * ((100vw - 641px) / (768 - 641))); line-height: 0.95em; max-width: 80%; } .youplus--story-audio .inner, .youplus--story-m-audio .inner { height: 100%; } .youplus--story-video .inner:before { font-size: calc(55px + (100 - 55) * ((100vw - 641px) / (1024 - 641))); } .youplus--story-text div.youplus--story-info { padding: 0 30px 20px 0px; } .youplus--story-m-video .inner:before { font-size: calc(55px + (100 - 55) * ((100vw - 641px) / (1024 - 641))); } .youplus--story-header .month .btn-yp { -webkit-flex: 1 1 24.9%; -ms-flex: 1 1 24.9%; flex: 1 1 24.9%; } .youplus--story-overlay .row, .youplus--story-image-overlay .row, .youplus--story-m-image-overlay .row, .youplus--story-m-video-overlay .row, .youplus--story-video-overlay .row, .youplus--story-text-overlay .row, .youplus--story-m-text-overlay .row, .youplus--fun-fact-overlay .row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .youplus--story-overlay .content-wrapper, .youplus--story-image-overlay .content-wrapper, .youplus--story-m-image-overlay .content-wrapper, .youplus--story-m-video-overlay .content-wrapper, .youplus--story-video-overlay .content-wrapper, .youplus--story-text-overlay .content-wrapper, .youplus--story-m-text-overlay .content-wrapper, .youplus--fun-fact-overlay .content-wrapper { -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } .youplus--story-overlay .youplus--story-info, .youplus--story-image-overlay .youplus--story-info, .youplus--story-m-image-overlay .youplus--story-info, .youplus--story-m-video-overlay .youplus--story-info, .youplus--story-video-overlay .youplus--story-info, .youplus--story-text-overlay .youplus--story-info, .youplus--story-m-text-overlay .youplus--story-info, .youplus--fun-fact-overlay .youplus--story-info { margin: -1px 0 0 0; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } .youplus--story-m-text-overlay:before { content: ""; display: block; width: 100px; height: 100px; background: url(/assets-facelift/images/audio-1.png); position: absolute; top: 15px; right: 10%; background-size: contain; background-repeat: no-repeat; background-position: right top; } .youplus--sticky-sign-up .info { display: none; } .youplus--app-hero .feature a { text-align: center; font-size: 18px; padding: 10px 0; } } @media only screen and (min-width: 40.0625em) and (max-width: 40em) { .article-66-33 .heading h1, .article-50-50 .heading h1, .article-66-33 .heading .h1, .article-50-50 .heading .h1 { font-size: 36px; line-height: 33px; } .youplus--article-teaser .text { font-size: 22px; line-height: 20px; } } @media only screen and (max-width: 40em), only screen and (min-width: 40.0625em) and (max-width: 48em) { .youplus--app-hero.start-anim .heading { -webkit-filter: blur(10px); filter: blur(10px); } } @media only screen and (min-width: 48.0625em) { #header .bg svg { width: 100%; } .self-medication-warning .content { font-size: 5vw !important; } .form-column { width: 66.66667%; } #subNavigation .content a { font-size: 1.375rem; } #ajax-shopping-cart .items:before, #ajax-shopping-cart .items:after, #ajax-shopping-cart .order:before, #ajax-shopping-cart .order:after { content: " "; display: table; } #ajax-shopping-cart .items:after, #ajax-shopping-cart .order:after { clear: both; } #ajax-shopping-cart .items { width: 55%; float: left; } #ajax-shopping-cart .order { width: 45%; float: right; } #ajax-shopping-cart .items { width: 70%; } #ajax-shopping-cart .order { width: 30%; } .start-welcome.no-membership .info { margin-top: 3.375rem; } .start-welcome .info > div { width: 100%; float: none; } .start-welcome .info > div:first-child { padding-right: 0; } .start-welcome .column.text { width: 58.33333%; } .start-welcome .column.info { width: 41.66667%; } .start-welcome.no-points .column.text { width: 100%; } .discussion .topic, .discussion .reply { width: 75%; } .discussion .posted-by { width: 25%; } .discussion-actions .reply { width: 37.5%; margin-left: 25%; } .discussion-actions .report { width: 37.5%; } .point-shop-welcome .coin-container { position: absolute; top: -1rem; right: 0; margin-right: 0.9375rem; text-align: inherit; margin-bottom: 0; } .point-shop-welcome .text { padding-right: 2.5rem; } .points-register-button { font-size: 18px; font-size: 1.125rem; } .points-register-button .points { padding: 0; } .points-register-button .points .num { font-size: 28px; font-size: 1.75rem; } .point-shop-top.no-membership .row { padding: 1.875rem 0; } .point-shop-top h2, .point-shop-top .h2 { margin-bottom: 0; } .point-shop-top .heading { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: left; } .point-shop-top .text { width: 60%; } .point-shop-top .coins { width: 40%; } .point-shop-top .club-coin-progress-container { text-align: right; } .flex-for-medium-up { display: -webkit-flex; display: -ms-flexbox; display: flex; } .products--anchor-menu .list a.on, .no-touch .products--anchor-menu .list a:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20295%206%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M295.1%202.7H288l-93.4-.5-3.2.5-132-.5-21.1%201.7L0%202.7%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 295px 6px; background-position: 0 40px; transition: none; background-clip: content-box; } .products--anchor-menu .list { top: 0; left: 66px; z-index: 3; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: calc(100% - 66px); text-align: center; } .products--anchor-menu .list span { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; } .products--anchor-menu ul { height: 66px; } .products--anchor-menu ul li, .products--anchor-menu ul a { height: 95%; } .products--anchor-menu li { display: inline-block; } .products--anchor-menu li a { font-size: 16px; } .products--anchor-menu a { height: 100%; padding: 0 12px; } .products--anchor-menu .current { display: none; } .filter-slider { display: block; } .filter-slider-alert { display: block; } .filter-slider-small { display: none; } .filter-slider-small-alert { display: none; } .products--filter-menu span:first-child { font-size: 21px; } .products--filter-menu span:last-child { font-size: 16px; } .products--filter-menu li:last-child span { font-size: 21px; } .products--filter-menu li { height: 80px; } .products--filter-menu li:last-child a:before, .products--filter-menu li:nth-last-child(2) a:before { left: -12px; } .products--filter-menu li:first-child:nth-last-child(6), .products--filter-menu li:first-child:nth-last-child(6) ~ li { width: 16.66667%; } .products--filter-menu li:first-child:nth-last-child(7), .products--filter-menu li:first-child:nth-last-child(7) ~ li { width: 14.28571%; } .products--filter-menu li:first-child:nth-last-child(8), .products--filter-menu li:first-child:nth-last-child(8) ~ li { width: 12.5%; } .products--filter-header .content { height: calc( 100% - 80px - 66px); } .products--filter-header:before { padding-top: 60%; } .product--filter-info { display: block; } .products--product-accessory .brush { margin-top: 20px; padding: 60px 80px 60px 80px; max-width: 75%; margin-left: -60px; } .products--product-accessory .img { width: 30%; } .products--product-accessory .pack { text-align: right; } .products--product-accessory.pack-above .pack { padding-bottom: 0; } .club--blob.profile { width: 7.5rem; height: 7.5rem; } .club--blob.profile > .blob.border { border-width: 4px; } .club--blob.profile:hover:not(.clicked):not(.visitor) { z-index: 5; } .club--blob.profile:hover:not(.clicked):not(.visitor) .blob__background:after { opacity: 0.6; } .club--blob.profile:hover:not(.clicked):not(.visitor) .blob__actions { opacity: 1; -webkit-transform: scale(1); transform: scale(1); transition-delay: 200ms; } .club--blob.profile .blob__actions { position: absolute; top: 1%; left: 1%; width: 98%; height: 98%; z-index: 4; transition: all 350ms; transition-delay: 0ms; opacity: 0; -webkit-transform: scale(0.01); transform: scale(0.01); visibility: visible; } .club--blob.profile .blob__name:after { content: ''; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 1px; border-bottom: 2px dotted #ffffff; transition: width 500ms, opacity 600ms; opacity: 0; } .club--blob.profile .blob__actions-wrap { height: auto; } .button--with-icon:before { height: 2.5rem; width: 2.5rem; } .club--profile-header .row { padding-top: 5.25rem; padding-bottom: 5.25rem; } .profile-header__title { margin-bottom: 1.5rem; } .profile-header__wrapper { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-left: 2.7rem; } .profile-header__add-family { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; padding: 0; margin: 0 0 0 0.3rem; } .profile-header__add-family-text { display: none; } body.club #sidebars .links { display: block; } .club--menu-container { height: auto; } .club--menu-container .club--menu { -webkit-transform-origin: 26px 0; transform-origin: 26px 0; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); width: 600px; overflow: hidden; } html[dir="rtl"].rtl .club--menu-container .club--menu { -webkit-transform-origin: 95% 0; transform-origin: 95% 0; -webkit-transform-origin: calc(100% - 26px) 0; transform-origin: calc(100% - 26px) 0; } .club--menu-container.on .club--menu { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); overflow: visible; } .club--menu-container.on > .wrap { height: auto; overflow-y: visible; } .club--menu-container { position: fixed; top: 70px; margin-left: 5px; margin-right: 10px; } .club--menu-container .content { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .club--menu-container .notification-container { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .club--menu-container .menu-container { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; } .club--menu-container .text { font-size: 16px; line-height: 18px; } .club--menu .menu-mask { display: block; -webkit-transform: scaleX(-1); transform: scaleX(-1); top: -5px; right: -6px; bottom: -8px; left: -4px; } .club--menu .notification-container { background-color: transparent; } html[dir="rtl"].rtl .club--menu .menu-container { -webkit-order: 1; -ms-flex-order: 1; order: 1; } html[dir="rtl"].rtl .club--menu .menu-container:before { border-color: transparent transparent #ffffff transparent; } .club--menu .menu-container:before { display: block; left: 22px; } .club--menu .menu-container__mask { -webkit-transform: scaleX(-1); transform: scaleX(-1); top: -4px; right: -3px; bottom: -2px; left: 0; } .club--menu .menu-container__close { display: none; } .split-5050 > div { padding: 50px 40px; } .split-5050 .image { min-height: 400px; } .information-bar .container { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-top: 1.3125rem; padding-bottom: 1.3125rem; } .information-bar .btn-club { -webkit-flex: 1 1 20%; -ms-flex: 1 1 20%; flex: 1 1 20%; } .club--start-welcome .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .club--start-welcome .column:first-child { width: 45%; } .club--start-welcome .column:last-child { display: block; width: 55%; } .club--start-welcome p { padding: 0 40px; } .club--quotes .item { padding: 80px; padding-top: 100px; } .club--quotes p { font-size: 20px; width: 75%; } .club--create-post .content-wrap.collapsed { height: 90px; min-height: 90px; } .create-post__layout { -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .create-post__container-1 { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-bottom: 0; padding-right: 12px; } .create-post__container-2 { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } .create-post__container-3 { -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; text-align: left; } .create-post__container-3 > div:last-child { padding-left: 40px; padding-top: 0; } .create-post__button-container { -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; height: auto; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .create-post__button-container > :last-child { margin-left: auto; } .create-post__button-container > a { margin-right: 20px; } .create-post__button-container > a:last-child { margin-right: 0; } .create-post__button-container-inner { width: auto; margin-top: 0; } .create-post__overlay { padding-top: 14px; } .create-post__overlay .create-post__overlay-title a.create-post__overlay-close { top: -12px; } .create-post__overlay--edit-mode { padding-top: 70px; } .create-post__overlay--edit-mode.show > .create-post__overlay-container { overflow-y: visible; overflow-x: visible; } .create-post__overlay--edit-mode > .create-post__overlay-container { min-height: 320px; } .create-post__overlay--tags .create-post__overlay-container { border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22309%22%20height%3D%22315%22%20viewBox%3D%220%200%20309%20315%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M5.619%2013.438L4%2037.03l2.276%208.852%201.826%20121.893-2.483%20113.539.242%2028.218%2030.425-1.895L145.346%20310l91.747-4.598%205.666%201.86%2060.59-3.462c1.174-4.907%201.721-8.56%201.644-10.961-.278-8.594-1.552-16.882-1.824-24.864-3.493-102.623-5.392-154.668-4.502-156.134.988-1.629%201.482-34.43%201.482-98.403l-30.774-2.812-7.397%201.197-136.065%202.654-27.687-.196L86.403%202%2076.029%2013.985l-70.41-.547z%22%20id%3D%22b%22%2F%3E%3Cfilter%20x%3D%22-2.3%25%22%20y%3D%22-1.6%25%22%20width%3D%22104.7%25%22%20height%3D%22104.5%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.5%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 20 fill; width: 250px; min-height: 250px; max-height: 300px; } .create-post__overlay--tags { position: absolute; width: auto; height: auto; background-color: rgba(0, 0, 0, 0); padding: 0; } .create-post__overlay--tags .create-post__overlay-title { display: none; } .create-post__overlay--tags .create-post__overlay-container { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .create-post__overlay--milestones .create-post__overlay-container { padding: 0 20px 0 20px; } .create-post__overlay--info { padding-top: 0; } .create-post__overlay--validate p { padding-top: 0; } .create-post__overlay--validate .create-post__overlay-container { display: block; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; border-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22316%22%20height%3D%2290%22%20viewBox%3D%220%200%20316%2090%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Ecreate-post-bubble%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M286.428%2079.402l-22.131%201.755-122.074-1.755-113.706%202.386-28.26-.233L2.156%2052.31l1.91-46.673%2024.452-2.862L78.008.389l67.742%202.385c4.915-1.128%2017.156-.075%2019.56%200%208.606.267%2077.96%200%2087.3%200%2022.546%200%2037.272.954%2044.178%202.862l-.844%2056.815%2010.594%207.179-9.75%209.772h-10.36z%22%20id%3D%22b%22%2F%3E%3Cfilter%20x%3D%22-2.3%25%22%20y%3D%22-6.1%25%22%20width%3D%22104.6%25%22%20height%3D%22117.2%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.5%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%285%202%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 20 fill; width: 480px; min-height: 0; max-height: auto; } body.club .create-post__btn-cancel { display: none; } .club--stages h4, .club--stages .h4 { margin-bottom: 26px; } .club--stages h5, .club--stages .h5, .club--stages h6, .club--stages .h6 { text-align: center; } .club--stages .carousel > .item { margin-left: -0.9375rem; margin-right: -0.9375rem; } .club--stages .carousel .item { margin-top: 20px; } .club--stages .carousel .item .list.articles { padding-top: 0.9375rem; } .club--stages .list { float: left; width: 33.33333%; padding: 0.9375rem; } .club--stages .list:last-child { float: right; } .club--stages .box { text-align: center; } .club--stages .box:first-of-type { margin-bottom: 34px; } .club--stages .box h5, .club--stages .box .h5 { margin-top: 15px; } .club--stages .box h5, .club--stages .box .h5, .club--stages .box .author { margin-bottom: 0; margin-right: 0; padding-right: 0; } .club--stages .box p { text-align: left; } .club--stages .box.product a { height: 265px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .club--stages .box.product .text { -webkit-flex: 0 0 74px; -ms-flex: 0 0 74px; flex: 0 0 74px; width: 100%; max-width: 100%; -webkit-order: 1; -ms-flex-order: 1; order: 1; min-height: 0; } .club--stages .box.product .image { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; max-width: 100%; -webkit-order: 2; -ms-flex-order: 2; order: 2; padding-top: 0; height: auto; min-height: 0; } .club--stages .box-profile { display: inline-block; position: absolute; top: 0; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); padding: 0; } .club--stages .box.placeholder .placeholder-content { height: 235px; max-height: 235px; } .club--stages .box-content { padding-left: 0.9375rem; } .club--stages .box-content > a { max-height: 200px; height: 200px; } .club--stages .box-profile { float: none; } .club--stages .box-content { float: none; width: 100%; } .club--stages .share { top: auto; bottom: 0; } .club--stages .articles .box-content { margin-bottom: 35px; } .club--stages .info { width: 100%; padding-left: 0.9375rem; } .club--stages.club-carousel .slick-next { display: block !important; right: -20px; top: calc(50% - 5px); } .club--stages.club-carousel .slick-prev { display: block !important; left: -24px; top: calc(50% - 5px); } body div .amp-default-skin .vjs-big-play-button { line-height: 110px; width: 110px; height: 110px; } body div .amp-default-skin .vjs-big-play-button:before { font-size: 110px; line-height: 110px; } .youplus--story-header .bg svg { width: 100%; } .youplus--story-header .month .btn-yp { -webkit-flex: 1 1 24.9%; -ms-flex: 1 1 24.9%; flex: 1 1 24.9%; } .youplus--story-image-overlay .info-content, .youplus--story-m-image-overlay .info-content, .youplus--story-m-video-overlay .info-content, .youplus--story-video-overlay .info-content { position: absolute; top: 0; right: 0; width: 33%; overflow: scroll; height: calc(100% - 30px); margin: 15px 8px 0 0; z-index: 0; -ms-overflow-style: none; } .youplus--story-text-overlay .youplus--story-info, .youplus--story-m-text-overlay .youplus--story-info, .youplus--fun-fact-overlay .youplus--story-info { min-height: 250px; } .youplus--story-text-overlay time, .youplus--story-m-text-overlay time, .youplus--fun-fact-overlay time, .youplus--story-text-overlay .tag, .youplus--story-m-text-overlay .tag, .youplus--fun-fact-overlay .tag, .youplus--story-text-overlay .text, .youplus--story-m-text-overlay .text, .youplus--fun-fact-overlay .text { width: 66%; } .youplus--story-text-overlay .text, .youplus--story-m-text-overlay .text, .youplus--fun-fact-overlay .text { padding-right: 10px; } .youplus--story-text-overlay div.comments, .youplus--story-m-text-overlay div.comments, .youplus--fun-fact-overlay div.comments { position: absolute; right: 0; top: 52px; width: 33%; overflow-y: scroll; height: calc(100% - 52px); } .youplus--story-m-text-overlay:before { content: ""; display: block; width: 50%; height: 80%; background: url(/assets-facelift/images/audio-1.png); position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 10%; background-size: contain; background-repeat: no-repeat; background-position: right top; } .youplus--listicles:before { display: block; padding-top: 50%; content: ""; } .youplus--listicles .inner { position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); padding: 15px 45px 0 45px; } .youplus--listicles ol { -webkit-column-count: 1; column-count: 1; } .youplus--poll-results:before { display: block; padding-top: 50%; content: ""; } .youplus--poll-results .inner { position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); } .youplus--poll-results .percent { font-size: 22px; } .youplus--poll-results .info { font-size: 14px; } .youplus--app-hero .features { width: 35%; padding-bottom: 10px; bottom: 10%; right: 10px; -webkit-transform: scale3d(0.5, 0.5, 1) rotate(4deg) translateZ(1px); transform: scale3d(0.5, 0.5, 1) rotate(4deg) translateZ(1px); z-index: -1; } .youplus--app-hero .feature a { pointer-events: auto; } .youplus--app-hero .feature { display: block; text-align: right; } .youplus--app-hero .feature:not(:first-child) { -webkit-transform: translate3d(0, -100%, 1px) scale3d(0.6, 0.6, 1); transform: translate3d(0, -100%, 1px) scale3d(0.6, 0.6, 1); -webkit-transform-origin: top right; transform-origin: top right; opacity: 0; } .youplus--app-hero .feature:not(:first-child):nth-child(2) { transition: opacity 700ms 3375ms, -webkit-transform 700ms 3375ms; transition: transform 700ms 3375ms, opacity 700ms 3375ms; transition: transform 700ms 3375ms, opacity 700ms 3375ms, -webkit-transform 700ms 3375ms; } .youplus--app-hero .feature:not(:first-child):nth-child(3) { transition: opacity 700ms 3675ms, -webkit-transform 700ms 3675ms; transition: transform 700ms 3675ms, opacity 700ms 3675ms; transition: transform 700ms 3675ms, opacity 700ms 3675ms, -webkit-transform 700ms 3675ms; } .youplus--app-hero .feature:not(:first-child):nth-child(4) { transition: opacity 700ms 3975ms, -webkit-transform 700ms 3975ms; transition: transform 700ms 3975ms, opacity 700ms 3975ms; transition: transform 700ms 3975ms, opacity 700ms 3975ms, -webkit-transform 700ms 3975ms; } .youplus--app-hero .feature:not(:first-child):nth-child(5) { transition: opacity 700ms 4275ms, -webkit-transform 700ms 4275ms; transition: transform 700ms 4275ms, opacity 700ms 4275ms; transition: transform 700ms 4275ms, opacity 700ms 4275ms, -webkit-transform 700ms 4275ms; } .youplus--app-hero .feature:not(:first-child):nth-child(6) { transition: opacity 700ms 4575ms, -webkit-transform 700ms 4575ms; transition: transform 700ms 4575ms, opacity 700ms 4575ms; transition: transform 700ms 4575ms, opacity 700ms 4575ms, -webkit-transform 700ms 4575ms; } .youplus--app-hero .feature:nth-child(2n + 1) a { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22411%22%20height%3D%2268%22%20viewBox%3D%220%200%20411%2068%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Eapp-hero-list-1%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M7.191%2055.557l-.357-38.488s-2.703-.853-2.805-1.123C3.927%2015.676%204.13%204%204.13%204l35.297.539L41.264%204l30.605.04%20135.68%201.038-.613.898%20134.66-.841%201.428.841%2068.136%202.82c-.169%2010.95%204.494%2029.847%204.494%2029.847l-3.364%2023.65-112.316%201.168-1.02-.962-64.83-.295-200.154.449-2.091-.809L7.19%2055.557z%22%20id%3D%22a%22%20transform%3D%22matrix%28-1%200%200%201%20419.654%200%29%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%280%20-1%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23filter-2%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000000%22%20fill-opacity%3D%220.6%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .youplus--app-hero .feature:nth-child(2n + 1) a.active { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22411%22%20height%3D%2268%22%20viewBox%3D%220%200%20411%2068%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Eapp-hero-list-1%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M7.191%2055.557l-.357-38.488s-2.703-.853-2.805-1.123C3.927%2015.676%204.13%204%204.13%204l35.297.539L41.264%204l30.605.04%20135.68%201.038-.613.898%20134.66-.841%201.428.841%2068.136%202.82c-.169%2010.95%204.494%2029.847%204.494%2029.847l-3.364%2023.65-112.316%201.168-1.02-.962-64.83-.295-200.154.449-2.091-.809L7.19%2055.557z%22%20id%3D%22a%22%20transform%3D%22matrix%28-1%200%200%201%20419.654%200%29%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%280%20-1%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23filter-2%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23ffffff%22%20fill-opacity%3D%221%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .youplus--app-hero .feature:nth-child(3n + 1) a { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22411%22%20height%3D%2268%22%20viewBox%3D%220%200%20411%2068%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Eapp-hero-list-1%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M7.484%2055.557l-.39-38.488s-2.951-.853-3.063-1.123C3.92%2015.676%204.143%204%204.143%204l38.532.539L44.68%204l33.41.04%20148.116%201.038-.668.898%20147.002-.841%201.56.841%2076.564-.18c-.12%207.13%204.007%2012.39%204.007%2012.39l-6.048%2040.107-121.52%205.168-1.113-.962-70.773-.295-218.5.449-2.283-.809-26.95-6.287z%22%20transform%3D%22matrix%28-1%200%200%201%20458.67%200%29%22%20id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%280%20-1%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23filter-2%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000000%22%20fill-opacity%3D%220.6%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .youplus--app-hero .feature:nth-child(3n + 1) a.active { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22411%22%20height%3D%2268%22%20viewBox%3D%220%200%20411%2068%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Eapp-hero-list-1%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M7.484%2055.557l-.39-38.488s-2.951-.853-3.063-1.123C3.92%2015.676%204.143%204%204.143%204l38.532.539L44.68%204l33.41.04%20148.116%201.038-.668.898%20147.002-.841%201.56.841%2076.564-.18c-.12%207.13%204.007%2012.39%204.007%2012.39l-6.048%2040.107-121.52%205.168-1.113-.962-70.773-.295-218.5.449-2.283-.809-26.95-6.287z%22%20transform%3D%22matrix%28-1%200%200%201%20458.67%200%29%22%20id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%280%20-1%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23filter-2%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23ffffff%22%20fill-opacity%3D%221%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .youplus--app-hero .feature:nth-child(4n + 1) a { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22411%22%20height%3D%2268%22%20viewBox%3D%220%200%20411%2068%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Eapp-hero-list-1%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M7.191%2055.557l-.357-38.488s-2.703-.853-2.805-1.123C3.927%2015.676%204.13%204%204.13%204l35.297.539L41.264%204l30.605.04%20135.68%201.038-.613.898%20134.66-.841%201.428.841%2070.136-.18-.87%2056.497-112.316%201.168-1.02-.962-64.83-.295-200.154.449-2.091-.809L7.19%2055.557z%22%20transform%3D%22matrix%281%200%200%20-1%200%2067.461%29%22%20id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%280%20-1%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23filter-2%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000000%22%20fill-opacity%3D%220.6%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .youplus--app-hero .feature:nth-child(4n + 1) a.active { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22411%22%20height%3D%2268%22%20viewBox%3D%220%200%20411%2068%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Eapp-hero-list-1%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M7.191%2055.557l-.357-38.488s-2.703-.853-2.805-1.123C3.927%2015.676%204.13%204%204.13%204l35.297.539L41.264%204l30.605.04%20135.68%201.038-.613.898%20134.66-.841%201.428.841%2070.136-.18-.87%2056.497-112.316%201.168-1.02-.962-64.83-.295-200.154.449-2.091-.809L7.19%2055.557z%22%20transform%3D%22matrix%281%200%200%20-1%200%2067.461%29%22%20id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%280%20-1%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23filter-2%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23ffffff%22%20fill-opacity%3D%221%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .youplus--app-hero .feature a { display: inline-block; padding: 15px; padding-right: 40px; padding-left: 25px; font-size: 18px; text-align: left; margin-bottom: 5px; border: 0; border-image: none; color: #fff; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22411%22%20height%3D%2268%22%20viewBox%3D%220%200%20411%2068%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Eapp-hero-list-1%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M7.191%2054.557l-.357-38.488s-2.703-.853-2.805-1.123C3.927%2014.676%204.13%203%204.13%203l35.297.539L41.264%203l30.605.04%20135.68%201.038-.613.898%20134.66-.841%201.428.841%2070.136-.18-.87%2056.497-112.316%201.168-1.02-.962-64.83-.295-200.154.449-2.091-.809L7.19%2054.557z%22%20id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%280%20-1%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23filter-2%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000000%22%20fill-opacity%3D%220.6%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .youplus--app-hero .feature a.active { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22411%22%20height%3D%2268%22%20viewBox%3D%220%200%20411%2068%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Eapp-hero-list-1%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M7.191%2054.557l-.357-38.488s-2.703-.853-2.805-1.123C3.927%2014.676%204.13%203%204.13%203l35.297.539L41.264%203l30.605.04%20135.68%201.038-.613.898%20134.66-.841%201.428.841%2070.136-.18-.87%2056.497-112.316%201.168-1.02-.962-64.83-.295-200.154.449-2.091-.809L7.19%2054.557z%22%20id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%280%20-1%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23filter-2%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23ffffff%22%20fill-opacity%3D%221%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); display: inline-block; color: #000; } .youplus--app-hero .youplus--phone { min-width: 288px; width: 35%; bottom: -6%; margin: 0; left: auto; right: 10px; } .youplus--app-hero .youplus--phone .content { pointer-events: none; } .youplus--app-hero.start-anim .features { -webkit-transform: scale3d(1, 1, 1) rotate(4deg) translateX(-85%); transform: scale3d(1, 1, 1) rotate(4deg) translateX(-85%); } .youplus--app-hero.start-anim .feature { -webkit-transform: translate3d(0, 0, 1px); transform: translate3d(0, 0, 1px); opacity: 1; } .youplus--app-hero .leftArrow, .youplus--app-hero .rightArrow { display: none; } .page-photobook-preview .photobook--order-bar { display: block; } .message-bar__background svg { width: 100%; } .photobook--actions-bar .row { padding: 0.75rem 0.9375rem; } .photobook--milestone-frame .milestone-edit { padding-bottom: 1.875rem; } .photobook--milestone-frame { margin-top: 3rem; } .photobook--milestone-frame .row { max-width: 75rem; padding: 0 0.9375rem; } .photobook--milestone-frame .milestone-item { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0; } .photobook--milestone-frame .milestone-carousel { margin-right: 1.5rem; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 40rem; overflow: hidden; } .photobook--milestone-frame .milestone-carousel__item { max-width: 40rem; } .photobook--milestone-frame .milestone-carousel__item:after { display: block; pointer-events: none; z-index: 11; } .photobook--milestone-frame .milestone-edit { max-width: 32.125rem; min-height: 300px; padding: 1.875rem; -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; } .photobook--milestone-frame .milestone-edit:before { display: none; } .photobook--milestone-frame .milestone-edit:after { display: block; } .photobook--milestone-frame .slick-prev, .photobook--milestone-frame .slick-next { font-size: 2.125rem; } .photobook--milestone-frame .slick-dots { display: none; } .photobook--book-preview .row { padding: 0 30px; margin-top: 30px; } .photobook--book-preview .row { position: relative; max-width: 86.25rem; } .photobook--book-preview .slick-slider .slick-dots { display: none !important; } .photobook--book-preview .slick-slider { padding: 0 4.6875rem; } .photobook--book-preview .slick-prev, .photobook--book-preview .slick-next { color: #000000; text-shadow: initial; font-size: 40px; } .photobook--book-preview .book-preview__image { max-width: 40rem; } .photobook--crop-image .crop-image__inner { background-image: url(/assets/images/backgrounds/crop-image-bg.svg); background-size: 100% 100%; -webkit-flex: 0 0 640px; -ms-flex: 0 0 640px; flex: 0 0 640px; padding: 30px; } .photobook--crop-image .crop-image__container:after { background-size: 100% 100%; background-position-x: 0; } .photobook--preview-bar { display: none; } .milestone-carousel .photobook--loader:after { display: block; } .transfer-point .form-column { width: 35%; } } @media only screen and (min-width: 48.063em) { nav.top ul li.profile { min-width: 145px; } } @media only screen and (min-width: 48.0625em) and (max-width: 64em), only screen and (min-width: 64.0625em) { ul.gbrw-grid > li, ul.products > li { width: 33.33333%; } ul.gbrw-grid > li:nth-of-type(n), ul.products > li:nth-of-type(n) { clear: none; } ul.gbrw-grid > li:nth-of-type(3n + 1), ul.products > li:nth-of-type(3n + 1) { clear: both; } } @media only screen and (min-width: 48.0625em) and (max-width: 64em) { .article-66-33 .promo-list, .article-50-50 .promo-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .article-66-33 .promo, .article-50-50 .promo { -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; padding-top: 100px; padding-bottom: 100px; max-width: 320px; width: 50%; float: left; } .article-66-33 .heading, .article-50-50 .heading { min-height: 40%; } .article-66-33 .heading h1, .article-50-50 .heading h1, .article-66-33 .heading .h1, .article-50-50 .heading .h1 { width: 90%; } .article-66-33 .avatar, .article-50-50 .avatar { top: 370px; width: 125px; } .recommended-articles .col { width: 50%; } .products--call-to-action div h2, .products--call-to-action div .h2 { padding: 1.875rem 3.75rem 2.8125rem 3.75rem !important; line-height: 38px !important; } .products--retailers .limited-view.limit-rows-1 .item:nth-child(-n + 4) { display: block; } .products--retailers .limited-view.limit-rows-1 .item:nth-child(n + 5) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-2 .item:nth-child(-n + 8) { display: block; } .products--retailers .limited-view.limit-rows-2 .item:nth-child(n + 9) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-3 .item:nth-child(-n + 12) { display: block; } .products--retailers .limited-view.limit-rows-3 .item:nth-child(n + 13) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-4 .item:nth-child(-n + 16) { display: block; } .products--retailers .limited-view.limit-rows-4 .item:nth-child(n + 17) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-5 .item:nth-child(-n + 20) { display: block; } .products--retailers .limited-view.limit-rows-5 .item:nth-child(n + 21) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-6 .item:nth-child(-n + 24) { display: block; } .products--retailers .limited-view.limit-rows-6 .item:nth-child(n + 25) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-7 .item:nth-child(-n + 28) { display: block; } .products--retailers .limited-view.limit-rows-7 .item:nth-child(n + 29) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-8 .item:nth-child(-n + 32) { display: block; } .products--retailers .limited-view.limit-rows-8 .item:nth-child(n + 33) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-9 .item:nth-child(-n + 36) { display: block; } .products--retailers .limited-view.limit-rows-9 .item:nth-child(n + 37) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-10 .item:nth-child(-n + 40) { display: block; } .products--retailers .limited-view.limit-rows-10 .item:nth-child(n + 41) + .view-more { display: block; } .youplus--life-hack .inner:before { font-size: calc(55px + (100 - 55) * ((100vw - 641px) / (1024 - 641))); } .youplus--life-hack[size="mid"] h3, .youplus--life-hack[size="mid"] .h3, .youplus--life-hack[size="mid"] .product-info h1, .product-info .youplus--life-hack[size="mid"] h1, .youplus--life-hack[size="mid"] .product-info .h1, .product-info .youplus--life-hack[size="mid"] .h1 { font-size: calc(44px + (60 - 44) * ((100vw - 769px) / (1024 - 769))); line-height: 0.95em; max-width: 80%; } .youplus--life-hack[size="large"] h3, .youplus--life-hack[size="large"] .h3, .youplus--life-hack[size="large"] .product-info h1, .product-info .youplus--life-hack[size="large"] h1, .youplus--life-hack[size="large"] .product-info .h1, .product-info .youplus--life-hack[size="large"] .h1 { font-size: calc(54px + (70 - 54) * ((100vw - 769px) / (1024 - 769))); line-height: 0.95em; max-width: 80%; } .youplus--story-video .inner:before { font-size: calc(55px + (100 - 55) * ((100vw - 641px) / (1024 - 641))); } .youplus--story-text div.youplus--story-info { padding: 0 40px 20px 20px; } .youplus--story-m-video .inner:before { font-size: calc(55px + (100 - 55) * ((100vw - 641px) / (1024 - 641))); } } @media only screen and (min-width: 64.0625em) { .large-text-left { text-align: left !important; } .large-text-right { text-align: right !important; } .large-text-center { text-align: center !important; } .large-text-justify { text-align: justify !important; } .large-push-0 { position: relative; left: 0; right: auto; } .large-pull-0 { position: relative; right: 0; left: auto; } .large-push-1 { position: relative; left: 8.33333%; right: auto; } .large-pull-1 { position: relative; right: 8.33333%; left: auto; } .large-push-2 { position: relative; left: 16.66667%; right: auto; } .large-pull-2 { position: relative; right: 16.66667%; left: auto; } .large-push-3 { position: relative; left: 25%; right: auto; } .large-pull-3 { position: relative; right: 25%; left: auto; } .large-push-4 { position: relative; left: 33.33333%; right: auto; } .large-pull-4 { position: relative; right: 33.33333%; left: auto; } .large-push-5 { position: relative; left: 41.66667%; right: auto; } .large-pull-5 { position: relative; right: 41.66667%; left: auto; } .large-push-6 { position: relative; left: 50%; right: auto; } .large-pull-6 { position: relative; right: 50%; left: auto; } .large-push-7 { position: relative; left: 58.33333%; right: auto; } .large-pull-7 { position: relative; right: 58.33333%; left: auto; } .large-push-8 { position: relative; left: 66.66667%; right: auto; } .large-pull-8 { position: relative; right: 66.66667%; left: auto; } .large-push-9 { position: relative; left: 75%; right: auto; } .large-pull-9 { position: relative; right: 75%; left: auto; } .large-push-10 { position: relative; left: 83.33333%; right: auto; } .large-pull-10 { position: relative; right: 83.33333%; left: auto; } .large-push-11 { position: relative; left: 91.66667%; right: auto; } .large-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .large-1 { width: 8.33333%; } .large-2 { width: 16.66667%; } .large-3 { width: 25%; } .large-4 { width: 33.33333%; } .large-5 { width: 41.66667%; } .large-6 { width: 50%; } .large-7 { width: 58.33333%; } .large-8 { width: 66.66667%; } .large-9 { width: 75%; } .large-10 { width: 83.33333%; } .large-11 { width: 91.66667%; } .large-12 { width: 100%; } .large-offset-0 { margin-left: 0 !important; } .large-offset-1 { margin-left: 8.33333% !important; } .large-offset-2 { margin-left: 16.66667% !important; } .large-offset-3 { margin-left: 25% !important; } .large-offset-4 { margin-left: 33.33333% !important; } .large-offset-5 { margin-left: 41.66667% !important; } .large-offset-6 { margin-left: 50% !important; } .large-offset-7 { margin-left: 58.33333% !important; } .large-offset-8 { margin-left: 66.66667% !important; } .large-offset-9 { margin-left: 75% !important; } .large-offset-10 { margin-left: 83.33333% !important; } .large-offset-11 { margin-left: 91.66667% !important; } .large-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } .column.large-uncentered, .columns.large-uncentered { float: left; margin-left: 0; margin-right: 0; } .column.large-centered:last-child, .columns.large-centered:last-child { float: none; } .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: left; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; } .row.large-collapse > .column, .row.large-collapse > .columns { padding-left: 0; padding-right: 0; } .row.large-collapse .row { margin-left: 0; margin-right: 0; } .row.large-uncollapse > .column, .row.large-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .push-0 { position: relative; left: 0; right: auto; } .pull-0 { position: relative; right: 0; left: auto; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } .hide-for-small-only, .show-for-small-up, .hide-for-medium-only, .show-for-medium-up, .show-for-large-only, .show-for-large-up, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-medium-only, .hide-for-medium-up, .hide-for-large-only, .hide-for-large-up, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-medium-only, .visible-for-medium-up, .visible-for-large-only, .visible-for-large-up, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-medium-only, .hidden-for-medium-up, .hidden-for-large-only, .hidden-for-large-up, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .product-range-separator:before, .club-advantages:before, .libero-com-sites:before, .text-image-block.panel-1:before, .u-bg-shape-2-purple-before:before, .club-pregnant:before, .text-image-block.panel-2:before, .u-bg-shape-2-light-purple-before:before, .text-image-block.panel-4:before, .u-bg-shape-2-dark-purple-before:before, .text-image-block.panel-3:before, .u-bg-shape-2-black-before:before, .u-bg-shape-4-black-before:before, .product-range:before, .point-shop-row.second-visit:before, .libero-com-history-row .row-content:before, .text-image-block.panel-0:before, .u-bg-shape-2-white-before:before, .youplus--text-intro:before, .youplus--text-media-70-30:before, .youplus--text-media-50-50:before, .youplus--text-brush:before, .youplus--text-media:before, .youplus--video-story:before, .youplus--sticky-sign-up:before, .youplus--stage-article:before, .youplus--your-story:before, .more-links:before, .promos:before, .forum-list:before, .discussion.topic:before, .point-shop-top:before, .libero-com-history-row:before, .recommended-articles:before, .u-bg-shape-4-purple-before:before, .youplus--story-header .date-filter:before, .youplus--story-header .tag-filter:before, .youplus--text-media-70-30.alt:before, .youplus--text-media.alt:before, .youplus--testimonial:before, .youplus--video-story.alt:before, .youplus--content-composition:before, #footer .bottom-bar:before, .u-bg-shape-4-darker-purple-before:before, .breadcrumbs-c:before, .club-remember:before, .club-top.second-visit:before, .libero-com-sca:before, .libero-com-history-top:before, .category-select:before, .u-bg-shape-4-white-before:before, .u-bg-shape-base-before:before { background-size: 100% 100%; } .popin-close:after, .small-overlay-close:after, .full-overlay-close:after, #subNavigation > ul:after, .recommended-articles:after, .u-bg-shape-4-purple-after:after, .forum-list:after, .u-bg-shape-4-white-after:after, .products--filter-header:after, .products--filter-carousel-header:after, .club--create-post:after, .u-bg-shape-base-after:after { background-size: 100% 100%; } #header .logo { left: 10px; } #header .top { left: 10px; } .separator, .separator-1, .separator-2, .search-separator, dl.address-accordion .address-select:after { background-size: 100% 100%; } ul.gbrw-grid.lg-4 > li, ul.lg-4.products > li { width: 25%; } ul.gbrw-grid.lg-4 > li:nth-of-type(n), ul.lg-4.products > li:nth-of-type(n) { clear: none; } ul.gbrw-grid.lg-4 > li:nth-of-type(4n + 1), ul.lg-4.products > li:nth-of-type(4n + 1) { clear: both; } #footer .links ul { font-size: 16px; line-height: 32px; } #footer .main { width: 80%; float: none; margin: 0 auto; } #footer .side { width: 12.5%; float: none; margin: 0 auto; } .self-medication-warning .content { font-size: 4vw !important; } .promobox .info { font-size: 28px; line-height: 28px; } .promobox.brush .info p { font-size: 18px; line-height: 21px; } .promobox.brush .info { top: 15%; padding: 15px 50px 40px 50px; } .promobox:not(.fill) img { max-width: 100%; } #ajax-shopping-cart .items { width: 75%; } #ajax-shopping-cart .order { width: 25%; } .ff .start-stage-select p { font-size: 18px; line-height: 27px; } .start-stage-select .stages .column { width: 70%; } .discussion.replies .discussion-actions:after { background-size: 100% 100%; } .gbrw-hscroll.products li .product .img { height: 9.375rem; width: 9.375rem; } .gbrw-hscroll.products li .product .img img { height: auto; width: auto; max-height: 9.375rem; max-width: 9.375rem; } .gbrw-hscroll.products li .product .text { width: 9.375rem; } ul.products .title a { font-size: 30px; line-height: 27px; } .club-top.join-now .text { font-size: 18px; line-height: 27px; } #intro-area.image-intro:before { padding-top: 32.14286%; } .article-66-33 .promo .product-heading, .article-50-50 .promo .product-heading { font-size: 21px; line-height: 27px; } .article-66-33 .heading h1, .article-50-50 .heading h1, .article-66-33 .heading .h1, .article-50-50 .heading .h1 { font-size: 80px; line-height: 70px; } .article-66-33 .ingress p, .article-50-50 .ingress p { font-size: 24px; line-height: 32px; } .article-66-33 h2, .article-50-50 h2, .article-66-33 .h2, .article-50-50 .h2 { font-size: 21px; line-height: 27px; } .article-66-33 aside, .article-50-50 aside, .article-66-33 p, .article-50-50 p { font-size: 18px; line-height: 27px; } .article-66-33 blockquote, .article-50-50 blockquote { font-size: 40px; line-height: 1.3em; } .article-66-33 .row, .article-50-50 .row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .article-66-33 .main, .article-50-50 .main { -webkit-flex: 0 1 66.6%; -ms-flex: 0 1 66.6%; flex: 0 1 66.6%; padding-left: 15px; padding-right: 15px; } .article-66-33 aside, .article-50-50 aside { -webkit-flex: 0 0 33.3%; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; text-align: center; margin-top: 100px; } .article-66-33 aside .col, .article-50-50 aside .col { margin-bottom: 25px; max-width: 260px; margin-left: auto; margin-right: auto; } .article-66-33 .heading, .article-50-50 .heading { min-height: 55%; } .article-66-33 .heading h1, .article-50-50 .heading h1, .article-66-33 .heading .h1, .article-50-50 .heading .h1 { max-width: 66.6%; } .article-66-33 .avatar, .article-50-50 .avatar { top: 350px; width: 160px; } .article-66-33 blockquote, .article-50-50 blockquote { padding-left: 80px; padding-right: 80px; } .article-50-50 .tagline { font-size: 16px; line-height: 16px; } .article-50-50 h3, .article-50-50 .h3, .article-50-50 .product-info h1, .product-info .article-50-50 h1, .article-50-50 .product-info .h1, .product-info .article-50-50 .h1 { font-size: 40px; line-height: 36px; } .article-50-50 .row div.heading a { font-size: 80px; line-height: 70px; } .article-50-50 header .heading { bottom: -95px; } .article-50-50 .row div.heading { top: -110px; } .article-teaser-simple .text { font-size: 30px; line-height: 27px; } .article-teaser-simple h3, .article-teaser-simple .h3, .article-teaser-simple .product-info h1, .product-info .article-teaser-simple h1, .article-teaser-simple .product-info .h1, .product-info .article-teaser-simple .h1 { font-size: 40px; line-height: 36px; } .recommended-articles .row { padding-left: 15px; padding-right: 15px; } .recommended-articles .col { padding: 15px; margin-bottom: 30px; width: 33%; } .stage-header .week { font-size: 30px; line-height: 1em; } .duo-block--padded { padding: 1.875rem 5rem; } .products-grid .row, body.products .row, body.club .row { padding-left: 60px; padding-right: 60px; } .products-grid .column, body.products .column, body.club .column, .products-grid .columns, body.products .columns, body.club .columns { padding-left: 20px; padding-right: 20px; } .products-grid .top-padded, body.products .top-padded, body.club .top-padded { padding-top: 80px; } body.products { font-size: 18px; line-height: 27px; } body.products p { font-size: 18px; line-height: 27px; } [theme="comfort-baru"] h2, [theme="comfort-baru"] .h2, [theme="comfort-baru"] .h2, div[theme="comfort-baru"] h2, div[theme="comfort-baru"] .h2, div[theme="comfort-baru"] .h2 { font-size: 48px; line-height: 54px; } [theme="upngo-baru"] h2, [theme="upngo-baru"] .h2, [theme="upngo-baru"] .h2, div[theme="upngo-baru"] h2, div[theme="upngo-baru"] .h2, div[theme="upngo-baru"] .h2 { font-size: 48px; line-height: 54px; } [theme="newborn-baru"] h2, [theme="newborn-baru"] .h2, [theme="newborn-baru"] .h2, div[theme="newborn-baru"] h2, div[theme="newborn-baru"] .h2, div[theme="newborn-baru"] .h2 { font-size: 48px; line-height: 54px; } [theme="lotus-touch-newborn"] h2, [theme="lotus-touch-newborn"] .h2, [theme="lotus-touch-newborn"] .h2, div[theme="lotus-touch-newborn"] h2, div[theme="lotus-touch-newborn"] .h2, div[theme="lotus-touch-newborn"] .h2 { font-size: 48px; line-height: 54px; } [theme="lotus-touch-comfort"] h2, [theme="lotus-touch-comfort"] .h2, [theme="lotus-touch-comfort"] .h2, div[theme="lotus-touch-comfort"] h2, div[theme="lotus-touch-comfort"] .h2, div[theme="lotus-touch-comfort"] .h2 { font-size: 48px; line-height: 54px; } [theme="lotus-touch-upngo"] h2, [theme="lotus-touch-upngo"] .h2, [theme="lotus-touch-upngo"] .h2, div[theme="lotus-touch-upngo"] h2, div[theme="lotus-touch-upngo"] .h2, div[theme="lotus-touch-upngo"] .h2 { font-size: 48px; line-height: 54px; } [theme="everyday"] h2, [theme="everyday"] .h2, [theme="everyday"] .h2, div[theme="everyday"] h2, div[theme="everyday"] .h2, div[theme="everyday"] .h2 { font-size: 48px; line-height: 54px; } [theme="drypants"] h2, [theme="drypants"] .h2, [theme="drypants"] .h2, div[theme="drypants"] h2, div[theme="drypants"] .h2, div[theme="drypants"] .h2 { font-size: 48px; line-height: 54px; } [theme="accessories"] h1, [theme="accessories"] .h1, [theme="accessories"] .h1, div[theme="accessories"] h1, div[theme="accessories"] .h1, div[theme="accessories"] .h1 { font-size: 80px; line-height: 72px; } .products--anchor-menu li a { font-size: 18px; } .products--anchor-menu .list { width: calc(100% - 132px); } .products--anchor-menu .progress-bar { display: block; position: fixed; top: 0; right: 0; width: 100%; padding: 0; padding-bottom: 0; z-index: 4; color: #fff; font-size: 18px; } .products--anchor-menu .progress-bar .text { margin-right: 10px; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; position: absolute; right: 140px; top: 20px; } .products--anchor-menu .progress-bar .progress-container { display: block; width: 100%; height: 6px; overflow: hidden; background-color: #562483; } .products--anchor-menu .progress-bar .progress { width: 50%; height: 100%; background-color: #9d81bb; } .large-btn { display: inline-block; min-width: 121px; padding: 15px 25px 15px 25px; border: 1px solid #562483; border-radius: 50px; color: #ffffff; line-height: 19px; background-color: #562483; transition: all 250ms ease-out; height: auto !important; } .no-touch .large-btn:hover { background-color: #451c68; border-style: 1px solid #451c68; color: #ffffff; } .no-touch .large-btn:hover span { color: #ffffff; } .large-btn:focus { color: #ffffff; outline: none !important; } .ratings-bar .reviews { font-size: 16px; line-height: 19px; } .editor li, .editor blockquote { font-size: 18px; line-height: 27px; } .editor h5, .editor .h5, .editor .h5 { font-size: 24px; line-height: 33px; } .editor h1, .editor .h1, .editor h2, .editor .h2, .editor h3, .editor .h3, .editor .product-info h1, .product-info .editor h1, .editor .product-info .h1, .product-info .editor .h1, .editor .h1, .editor .h2, .editor .h3 { margin: 0 0 10px 0; } .editor h1 + h5, .editor .h1 + h5, .editor h1 + .h5, .editor .h1 + .h5, .editor .h1 + h5, .editor .h1 + .h5 { margin: -15px 0 40px 0; } .editor img { margin: 20px 0 60px 0; } .editor blockquote { margin: 60px 90px; font-size: 28px; line-height: 25px; } .tabs { max-width: 1360px; margin: 0; } .panels { height: auto; } .panels .content { position: static; top: -1000px; height: auto; width: initial; display: none; } .panels .content .row { padding-left: 80px; padding-right: 80px; max-width: 90rem; } .panels .selected .content { display: block; } .products--articlelist .row { padding-left: 35px !important; padding-right: 35px !important; } .products--articlelist { padding: 0; } .products--articlelist .row > ul > li { padding-bottom: 40px; } .products--articlelist .row > ul > li div { padding: 10px 20px; } .products--call-to-action div h2, .products--call-to-action div .h2 { font-size: 60px; line-height: 50px; } .products--call-to-action { padding-bottom: 35.9%; height: 0; } .products--call-to-action .bg { padding-bottom: 35.9%; height: 0; } .products--call-to-action .column h2, .products--call-to-action .column .h2 { font-size: 60px; } .products--call-to-action p { width: 65%; margin-bottom: 20px; margin-top: -20px; } .products--call-to-action p.text-white { color: #fff; } .products--call-to-action .bottom { margin-top: 0; position: absolute; bottom: 0; } .products--call-to-action .logo { position: absolute; display: block; bottom: 40px; right: 0; } .products--split-50-50 .column b { font-size: 30px; line-height: 20px; } .products--split-50-50 .text { padding: 80px 80px 60px 80px; } .products--split-70-30 .row div.column b { font-size: 30px; line-height: 20px; } .products--split-70-30 { padding-top: 40px; padding-bottom: 40px; } .products--split-70-30 .row + .row { margin-top: 40px; } .products .products--split-70-30 .row { padding-left: 80px; padding-right: 80px; } .products--filter-menu span:first-child { font-size: 24px; } .products--filter-menu span:last-child { font-size: 18px; } .products--filter-menu li:last-child span { font-size: 24px; } .products--filter-menu li { height: 100px; } .products--filter-menu li:last-child a:before, .products--filter-menu li:nth-last-child(2) a:before { left: -16px; } .products--filter-header h1, .products--filter-header .h1, .products--filter-header .h1 { font-size: 60px; line-height: 50px; } .products--filter-header .content { height: calc(100% - 100px - 66px); } .products--filter-header .title-wrap.left-align .title { width: 50%; } .products--filter-header .title { padding: 50px 45px 90px 50px; } .products--filter-header:before { padding-top: 50%; } .products--filter-header .title-wrap { position: relative; } .product--filter-result-display .shadow-container .shadow-top:before { background-size: 100% 100%; } .product--filter-result-display .shadow-container .shadow-bottom:before { background-size: 100% 100%; } .product--filter-info .blob { display: block; } .product--filter-info h3, .product--filter-info .h3, .product--filter-info .product-info h1, .product-info .product--filter-info h1, .product--filter-info .product-info .h1, .product-info .product--filter-info .h1, .product--filter-info h4, .product--filter-info .h4 { padding-left: 180px; padding-right: 180px; } .products--product-accessory .brush { margin-top: 20px; padding: 60px 80px 60px 80px; max-width: 55%; margin-left: -60px; } .products--family-range .packs-6 li, .products--family-range .packs-7 li, .products--family-range .packs-8 li, .products--family-range .packs-9 li, .products--family-range .packs-10 li, .products--family-range .packs-11 li, .products--family-range .packs-12 li, .products--family-range .packs-13 li, .products--family-range .packs-14 li, .products--family-range .packs-15 li, .products--family-range .packs li { width: 16%; max-width: 200px; } .products--family-range .packs-6 li { margin-left: 0%; margin-right: 0%; } .products--family-range .packs-7 li { margin-left: -1%; margin-right: -1%; } .products--family-range .packs-8 li { margin-left: -2%; margin-right: -2%; } .products--family-range .packs-9 li { margin-left: -2.5%; margin-right: -2.5%; } .products--family-range .packs-10 li { margin-left: -3%; margin-right: -3%; } .products--family-range .packs-11 li { margin-left: -3.5%; margin-right: -3.5%; } .products--family-range .packs-12 li { margin-left: -4%; margin-right: -4%; } .products--family-range .packs-13 li { margin-left: -4.5%; margin-right: -4.5%; } .products--family-range .packs-14 li { margin-left: -4.5%; margin-right: -4.5%; } .products--family-range .packs-15 li { margin-left: -5%; margin-right: -5%; } .products--family-range .top { height: 580px; } .products--family-range .bar li { font-size: 24px; line-height: 32px; } .products--family-range h2, .products--family-range .h2 { margin-top: 60px; } .products--family-range .labels .new { font-size: 60px; padding: 45px 39px; } .products--family-range .labels img { max-height: 80px; } .products--family-range .benefit { margin: 40px auto 30px auto; text-align: left; } [theme="general"] .products--family-range h2, [theme="general"] .products--family-range .h2, body .products--family-range[theme="general"] h2, body .products--family-range[theme="general"] .h2 { font-size: 64px; line-height: 88px; } [theme="general"] .products--family-range .weight, body .products--family-range[theme="general"] .weight { font-size: 24px; line-height: 33px; } [theme="touch19"] .products--family-range h2, [theme="touch19"] .products--family-range .h2, body .products--family-range[theme="touch19"] h2, body .products--family-range[theme="touch19"] .h2 { font-size: 64px; line-height: 88px; } [theme="touch19"] .products--family-range .weight, body .products--family-range[theme="touch19"] .weight { font-size: 24px; line-height: 33px; } [theme="touch19"] .products--family-range h2, [theme="touch19"] .products--family-range .h2, body .products--family-range[theme="touch19"] h2, body .products--family-range[theme="touch19"] .h2 { font-size: 80px; line-height: 86px; } [theme="touch"] .products--family-range h2, [theme="touch"] .products--family-range .h2, body .products--family-range[theme="touch"] h2, body .products--family-range[theme="touch"] .h2 { font-size: 80px; line-height: 86px; } [theme="touch-pants"] .products--family-range h2, [theme="touch-pants"] .products--family-range .h2, body .products--family-range[theme="touch-pants"] h2, body .products--family-range[theme="touch-pants"] .h2 { font-size: 80px; line-height: 86px; } [theme="comfort"] .products--family-range h2, [theme="comfort"] .products--family-range .h2, body .products--family-range[theme="comfort"] h2, body .products--family-range[theme="comfort"] .h2 { font-size: 64px; line-height: 88px; } [theme="comfort"] .products--family-range .weight, body .products--family-range[theme="comfort"] .weight { font-size: 24px; line-height: 33px; } [theme="comfort"] .products--family-range .bar li, body .products--family-range[theme="comfort"] .bar li { font-size: 24px; line-height: 33px; } [theme="upngo"] .products--family-range h2, [theme="upngo"] .products--family-range .h2, body .products--family-range[theme="upngo"] h2, body .products--family-range[theme="upngo"] .h2 { font-size: 64px; line-height: 88px; } [theme="upngo"] .products--family-range .weight, body .products--family-range[theme="upngo"] .weight { font-size: 24px; line-height: 33px; } [theme="upngo"] .products--family-range .bar li, body .products--family-range[theme="upngo"] .bar li { font-size: 24px; line-height: 33px; } [theme="upngo"] .products--family-range .packs li:nth-child(2) a:before, body .products--family-range[theme="upngo"] .packs li:nth-child(2) a:before { top: -82px; left: 8%; width: 103px; height: 98px; } [theme="newborn"] .products--family-range h2, [theme="newborn"] .products--family-range .h2, body .products--family-range[theme="newborn"] h2, body .products--family-range[theme="newborn"] .h2 { font-size: 64px; line-height: 88px; } [theme="newborn"] .products--family-range .bar li, body .products--family-range[theme="newborn"] .bar li { font-size: 24px; line-height: 33px; } [theme="newborn"] .products--family-range .weight, body .products--family-range[theme="newborn"] .weight { font-size: 24px; line-height: 33px; } [theme="newborn"] .products--family-range .packs li:last-child a:before, body .products--family-range[theme="newborn"] .packs li:last-child a:before { top: -125px; right: -52px; width: 167px; height: 197px; } [theme="comfort-baru"] .products--family-range h2, [theme="comfort-baru"] .products--family-range .h2, body .products--family-range[theme="comfort-baru"] h2, body .products--family-range[theme="comfort-baru"] .h2 { font-size: 64px; line-height: 88px; } [theme="comfort-baru"] .products--family-range .weight, body .products--family-range[theme="comfort-baru"] .weight { font-size: 24px; line-height: 33px; } [theme="comfort-baru"] .products--family-range .bar li, body .products--family-range[theme="comfort-baru"] .bar li { font-size: 24px; line-height: 33px; } [theme="comfort-baru"] .products--family-range .packs li:last-child a:before, body .products--family-range[theme="comfort-baru"] .packs li:last-child a:before { top: -125px; right: -52px; width: 167px; height: 197px; } [theme="upngo-baru"] .products--family-range h2, [theme="upngo-baru"] .products--family-range .h2, body .products--family-range[theme="upngo-baru"] h2, body .products--family-range[theme="upngo-baru"] .h2 { font-size: 64px; line-height: 88px; } [theme="upngo-baru"] .products--family-range .weight, body .products--family-range[theme="upngo-baru"] .weight { font-size: 24px; line-height: 33px; } [theme="upngo-baru"] .products--family-range .bar li, body .products--family-range[theme="upngo-baru"] .bar li { font-size: 24px; line-height: 33px; } [theme="upngo-baru"] .products--family-range .packs li:nth-child(2) a:before, body .products--family-range[theme="upngo-baru"] .packs li:nth-child(2) a:before { top: -82px; left: 8%; width: 103px; height: 98px; } [theme="newborn-baru"] .products--family-range h2, [theme="newborn-baru"] .products--family-range .h2, body .products--family-range[theme="newborn-baru"] h2, body .products--family-range[theme="newborn-baru"] .h2 { font-size: 64px; line-height: 88px; } [theme="newborn-baru"] .products--family-range .bar li, body .products--family-range[theme="newborn-baru"] .bar li { font-size: 24px; line-height: 33px; } [theme="newborn-baru"] .products--family-range .weight, body .products--family-range[theme="newborn-baru"] .weight { font-size: 24px; line-height: 33px; } [theme="newborn-baru"] .products--family-range .packs li:last-child a:before, body .products--family-range[theme="newborn-baru"] .packs li:last-child a:before { top: -125px; right: -52px; width: 167px; height: 197px; } [theme="everyday"] .products--family-range h2, [theme="everyday"] .products--family-range .h2, body .products--family-range[theme="everyday"] h2, body .products--family-range[theme="everyday"] .h2 { font-size: 80px; line-height: 86px; } [theme="drypants"] .products--family-range h2, [theme="drypants"] .products--family-range .h2, body .products--family-range[theme="drypants"] h2, body .products--family-range[theme="drypants"] .h2 { font-size: 80px; line-height: 86px; } [theme="sleep-tight"] .products--family-range h2, [theme="sleep-tight"] .products--family-range .h2, body .products--family-range[theme="sleep-tight"] h2, body .products--family-range[theme="sleep-tight"] .h2 { font-size: 64px; line-height: 88px; } [theme="sleep-tight"] .products--family-range .weight, body .products--family-range[theme="sleep-tight"] .weight { font-size: 24px; line-height: 33px; } [theme="sleep-tight"] .products--family-range .bar li, body .products--family-range[theme="sleep-tight"] .bar li { font-size: 24px; line-height: 33px; } [theme="sleep-tight"] .products--family-range .packs li:first-child a:before, body .products--family-range[theme="sleep-tight"] .packs li:first-child a:before { top: -48px; right: 0; width: 95px; height: 95px; } [theme="sleep-tight"] .products--family-range .labels:after, body .products--family-range[theme="sleep-tight"] .labels:after { top: 136px; width: 76px; height: 149px; } [theme="swimpants"] .products--family-range h2, [theme="swimpants"] .products--family-range .h2, body .products--family-range[theme="swimpants"] h2, body .products--family-range[theme="swimpants"] .h2 { font-size: 64px; line-height: 88px; } [theme="swimpants"] .products--family-range .weight, body .products--family-range[theme="swimpants"] .weight { font-size: 24px; line-height: 33px; } [theme="swimpants"] .products--family-range .bar li, body .products--family-range[theme="swimpants"] .bar li { font-size: 24px; line-height: 33px; } [theme="lotus-touch-newborn"] .products--family-range h2, [theme="lotus-touch-newborn"] .products--family-range .h2, body .products--family-range[theme="lotus-touch-newborn"] h2, body .products--family-range[theme="lotus-touch-newborn"] .h2 { font-size: 64px; line-height: 88px; } [theme="lotus-touch-newborn"] .products--family-range .bar li, body .products--family-range[theme="lotus-touch-newborn"] .bar li { font-size: 24px; line-height: 33px; } [theme="lotus-touch-newborn"] .products--family-range .weight, body .products--family-range[theme="lotus-touch-newborn"] .weight { font-size: 24px; line-height: 33px; } [theme="lotus-touch-newborn"] .products--family-range .packs li:last-child a:before, body .products--family-range[theme="lotus-touch-newborn"] .packs li:last-child a:before { top: -125px; right: -52px; width: 167px; height: 197px; } [theme="lotus-touch-comfort"] .products--family-range h2, [theme="lotus-touch-comfort"] .products--family-range .h2, body .products--family-range[theme="lotus-touch-comfort"] h2, body .products--family-range[theme="lotus-touch-comfort"] .h2 { font-size: 64px; line-height: 88px; } [theme="lotus-touch-comfort"] .products--family-range .bar li, body .products--family-range[theme="lotus-touch-comfort"] .bar li { font-size: 24px; line-height: 33px; } [theme="lotus-touch-comfort"] .products--family-range .weight, body .products--family-range[theme="lotus-touch-comfort"] .weight { font-size: 24px; line-height: 33px; } [theme="lotus-touch-comfort"] .products--family-range .packs li:last-child a:before, body .products--family-range[theme="lotus-touch-comfort"] .packs li:last-child a:before { top: -125px; right: -52px; width: 167px; height: 197px; } [theme="lotus-touch-upngo"] .products--family-range h2, [theme="lotus-touch-upngo"] .products--family-range .h2, body .products--family-range[theme="lotus-touch-upngo"] h2, body .products--family-range[theme="lotus-touch-upngo"] .h2 { font-size: 64px; line-height: 88px; } [theme="lotus-touch-upngo"] .products--family-range .bar li, body .products--family-range[theme="lotus-touch-upngo"] .bar li { font-size: 24px; line-height: 33px; } [theme="lotus-touch-upngo"] .products--family-range .weight, body .products--family-range[theme="lotus-touch-upngo"] .weight { font-size: 24px; line-height: 33px; } [theme="lotus-touch-upngo"] .products--family-range .packs li:nth-child(2) a:before, body .products--family-range[theme="lotus-touch-upngo"] .packs li:nth-child(2) a:before { top: -82px; left: 8%; width: 103px; height: 98px; } [theme="accessories"] .products--family-range h2, [theme="accessories"] .products--family-range .h2, body .products--family-range[theme="accessories"] h2, body .products--family-range[theme="accessories"] .h2 { font-size: 54px; line-height: 88px; } [theme="accessories"] .products--family-range .weight, body .products--family-range[theme="accessories"] .weight { font-size: 24px; line-height: 33px; } [theme="accessories"] .products--family-range .bar li, body .products--family-range[theme="accessories"] .bar li { font-size: 24px; line-height: 33px; } .diaper-3d .heading p { font-size: 24px; line-height: 32px; } [theme="touch"] .diaper-3d .heading p, body .diaper-3d[theme="touch"] .heading p { font-size: 24px; line-height: 32px; } [theme="touch19"] .diaper-3d .heading p, body .diaper-3d[theme="touch19"] .heading p { font-size: 24px; line-height: 32px; } [theme="touch-pants"] .diaper-3d .heading p, body .diaper-3d[theme="touch-pants"] .heading p { font-size: 24px; line-height: 32px; } .diaper-3d .heading { margin-top: 45px; } .diaper-3d .links { text-align: right; } .diaper-3d .links a { display: inline-block; text-align: center; padding: 0.5625rem 1.25rem; min-width: 6.25rem; border-radius: 30px; color: #fff; margin: 30px 0 0 20px; } .no-touch .diaper-3d .links a:hover { color: #fff; } .diaper-3d .links a:focus { color: #fff; } .diaper-3d .links a.fill { width: 100%; } .diaper-3d .links a:last-child, .diaper-3d .links a:only-child { margin-right: 0; } .diaper-3d .pack-image { max-width: 250px; max-height: 350px; } .diaper-3d div.benefit-info { right: 80px; } [theme="comfort-baru"] .diaper-3d h1, [theme="comfort-baru"] .diaper-3d .h1, [theme="comfort-baru"] .diaper-3d .h1, body .diaper-3d[theme="comfort-baru"] h1, body .diaper-3d[theme="comfort-baru"] .h1, body .diaper-3d[theme="comfort-baru"] .h1 { font-size: 100px; line-height: 100px; } [theme="upngo-baru"] .diaper-3d h1, [theme="upngo-baru"] .diaper-3d .h1, [theme="upngo-baru"] .diaper-3d .h1, body .diaper-3d[theme="upngo-baru"] h1, body .diaper-3d[theme="upngo-baru"] .h1, body .diaper-3d[theme="upngo-baru"] .h1 { font-size: 100px; line-height: 100px; } [theme="newborn-baru"] .diaper-3d h1, [theme="newborn-baru"] .diaper-3d .h1, [theme="newborn-baru"] .diaper-3d .h1, body .diaper-3d[theme="newborn-baru"] h1, body .diaper-3d[theme="newborn-baru"] .h1, body .diaper-3d[theme="newborn-baru"] .h1 { font-size: 100px; line-height: 100px; } [theme="swimpants"] .diaper-3d h1, [theme="swimpants"] .diaper-3d .h1, [theme="swimpants"] .diaper-3d .h1, body .diaper-3d[theme="swimpants"] h1, body .diaper-3d[theme="swimpants"] .h1, body .diaper-3d[theme="swimpants"] .h1 { font-size: 100px; line-height: 100px; } [theme="lotus-touch-comfort"] .diaper-3d h1, [theme="lotus-touch-comfort"] .diaper-3d .h1, [theme="lotus-touch-comfort"] .diaper-3d .h1, body .diaper-3d[theme="lotus-touch-comfort"] h1, body .diaper-3d[theme="lotus-touch-comfort"] .h1, body .diaper-3d[theme="lotus-touch-comfort"] .h1 { font-size: 80px; line-height: 80px; } [theme="lotus-touch-upngo"] .diaper-3d h1, [theme="lotus-touch-upngo"] .diaper-3d .h1, [theme="lotus-touch-upngo"] .diaper-3d .h1, body .diaper-3d[theme="lotus-touch-upngo"] h1, body .diaper-3d[theme="lotus-touch-upngo"] .h1, body .diaper-3d[theme="lotus-touch-upngo"] .h1 { font-size: 80px; line-height: 80px; } [theme="lotus-touch-newborn"] .diaper-3d h1, [theme="lotus-touch-newborn"] .diaper-3d .h1, [theme="lotus-touch-newborn"] .diaper-3d .h1, body .diaper-3d[theme="lotus-touch-newborn"] h1, body .diaper-3d[theme="lotus-touch-newborn"] .h1, body .diaper-3d[theme="lotus-touch-newborn"] .h1 { font-size: 40px; line-height: 40px; } .products--cross-sell { padding-top: 60px; } .products--cross-sell h2, .products--cross-sell .h2 { margin-bottom: 30px; font-size: 36px; line-height: 36px; color: #562483; } .products--cross-sell .small-container { display: none !important; } .products--cross-sell .limited-view .medium-container .ul-wrap:not(:first-child) { display: none; } .products--cross-sell .view-more { text-align: center; margin-bottom: 20px; } .products--cross-sell .view-more a:after { content: " (" attr(data-text) ")"; } .products--retailers .limited-view.limit-rows-1 .item:nth-child(-n + 5) { display: block; } .products--retailers .limited-view.limit-rows-1 .item:nth-child(n + 6) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-2 .item:nth-child(-n + 10) { display: block; } .products--retailers .limited-view.limit-rows-2 .item:nth-child(n + 11) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-3 .item:nth-child(-n + 15) { display: block; } .products--retailers .limited-view.limit-rows-3 .item:nth-child(n + 16) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-4 .item:nth-child(-n + 20) { display: block; } .products--retailers .limited-view.limit-rows-4 .item:nth-child(n + 21) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-5 .item:nth-child(-n + 25) { display: block; } .products--retailers .limited-view.limit-rows-5 .item:nth-child(n + 26) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-6 .item:nth-child(-n + 30) { display: block; } .products--retailers .limited-view.limit-rows-6 .item:nth-child(n + 31) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-7 .item:nth-child(-n + 35) { display: block; } .products--retailers .limited-view.limit-rows-7 .item:nth-child(n + 36) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-8 .item:nth-child(-n + 40) { display: block; } .products--retailers .limited-view.limit-rows-8 .item:nth-child(n + 41) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-9 .item:nth-child(-n + 45) { display: block; } .products--retailers .limited-view.limit-rows-9 .item:nth-child(n + 46) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-10 .item:nth-child(-n + 50) { display: block; } .products--retailers .limited-view.limit-rows-10 .item:nth-child(n + 51) + .view-more { display: block; } .blob-photo-upload { right: 4px; bottom: 4px; width: 40px; height: 40px; } .blob-photo-upload:before { font-size: 24px; } .club .btn-club.tooltip { line-height: 0; min-width: 0; padding: 10px 10px; } .club .btn-club.tooltip:before { font-size: 24px; position: relative; top: 0; left: 0; -webkit-transform: none; transform: none; } .club .btn-club.tooltip span { font-size: 14px; line-height: normal; position: absolute; z-index: 5; top: calc(100% + 12px); left: 50%; display: inline-block; padding: 5px 10px; transition: all 350ms; transition-delay: 0ms; -webkit-transform: translateX(-50%) scale(0.01) translateY(-50%); transform: translateX(-50%) scale(0.01) translateY(-50%); white-space: nowrap; pointer-events: none; opacity: 0; border-radius: 4px; background-color: #6c3a87; } .club .btn-club.tooltip span:before { position: absolute; top: -8px; left: 50%; display: block; width: 0; height: 0; content: ""; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-width: 0 4px 8px 4px; border-style: solid; border-color: transparent transparent #6c3a87 transparent; } .club .btn-club.tooltip:hover span { transition-delay: 150ms; -webkit-transform: translateX(-50%) scale(1) translateY(0); transform: translateX(-50%) scale(1) translateY(0); opacity: 1; } .club .btn-club.tooltip.tooltip-left span { right: 0; left: auto; -webkit-transform: translateX(0) scale(0.01) translateY(-50%); transform: translateX(0) scale(0.01) translateY(-50%); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .club .btn-club.tooltip.tooltip-left span:before { right: 14px; left: auto; } .club .btn-club.tooltip.tooltip-left:hover span { -webkit-transform: translateX(0) scale(1) translateY(0); transform: translateX(0) scale(1) translateY(0); } .search-item { padding: 1.25rem 1.5625rem; } .search-item .blob-container { margin-right: 1.25rem; max-width: 6.25rem; } body.club .search-actions .button, body.club .search-actions .filePicker, body.club .search-actions a.join-now, body.club .search-actions input[type="submit"], body.club .search-actions input[type="button"], body.club .search-actions input[type="reset"], body.club .search-actions a.submit-down, body.club .search-actions a.submit-right, body.club .search-actions button.submit-right, body.club .search-actions .create-post__btn-publish, body.club .search-actions .create-post__btn-cancel, body.club .search-actions .create-post__btn-done { display: inline-block; } .search-actions .search-action__add { display: none; } .search-empty { padding: 0 1.875rem; } .search-empty__form { margin-bottom: 2.5rem; -webkit-justify-content: initial; -ms-flex-pack: initial; justify-content: initial; } input[type='search'].search-empty__input { -webkit-flex-grow: 4; -ms-flex-positive: 4; flex-grow: 4; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; margin: 0 1rem 0 0; width: auto; } .search-empty__button { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .search-empty__check { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .search-result__container .search-empty__check { margin-bottom: 0; } .search-empty__headline { margin-bottom: 1.875rem; } .split-5050 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .split-5050 > div { max-width: 50%; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; padding: 80px 100px; } .information-bar { min-height: 4.875rem; } .information-bar .information-bar-text { font-size: 28px; font-size: 1.75rem; } .club--quotes p { width: 70%; } .club--start-features { padding: 0; } .club--start-features.start-features--video { padding: 3.5rem 0 2rem 0; } .club--start-features .text { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .club--start-features:nth-child(even) .text { -webkit-order: -1; -ms-flex-order: -1; order: -1; padding-left: 0.9375rem; } .club--start-features .text > p:first-child > b, .club--start-features .text > p:first-child > strong, .club--start-features .text > p:first-child > h3, .club--start-features .text > p:first-child > .h3, .club--start-features .product-info .text > p:first-child > h1, .product-info .club--start-features .text > p:first-child > h1, .club--start-features .product-info .text > p:first-child > .h1, .product-info .club--start-features .text > p:first-child > .h1 { font-size: 2.8125rem; } .club--start-features .image { background-position: left; } .club--start-features:nth-child(even) .split-5050 .image { background-position: right; } .club--start-features .video { padding: 1rem; } .club--start-features .video__background { position: absolute; top: -4.75rem; right: -2rem; bottom: -0.5rem; left: -3.5rem; -webkit-transform: rotate(-8deg) scaleY(-1); transform: rotate(-8deg) scaleY(-1); background-image: url(/assets/images/brushes/brushes_purple_2.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; } .club--start-features .split-5050 > div:first-child { -webkit-flex-basis: 55%; -ms-flex-preferred-size: 55%; flex-basis: 55%; width: 55%; max-width: 55%; } .club--start-features .split-5050 > div:last-child { -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; flex-basis: 45%; width: 45%; } .migration-form { width: 80%; margin: 0 auto; } .migration-form .input-wrapper { margin-bottom: 60px; } .settings-block { margin: 0 0 4.375rem 0; } .settings-block .settings-header { font-size: 1.5rem; } .settings-block .settings-header .club--blob.medium { height: 4.625rem; width: 4.625rem; } .settings-block .settings-section { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-size: 0; } .settings-block .settings-content { font-size: 16px; vertical-align: top; display: inline-block; width: 65%; } .settings-block .settings-actions { text-align: right; font-size: 16px; vertical-align: top; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; width: 35%; padding: 0; } .settings-block .settings-actions .button, .settings-block .settings-actions .filePicker, .settings-block .settings-actions a.join-now, .settings-block .settings-actions input[type="submit"], .settings-block .settings-actions input[type="button"], .settings-block .settings-actions input[type="reset"], .settings-block .settings-actions a.submit-down, .settings-block .settings-actions a.submit-right, .settings-block .settings-actions button.submit-right, .settings-block .settings-actions .create-post__btn-publish, .settings-block .settings-actions .create-post__btn-cancel, .settings-block .settings-actions .create-post__btn-done { margin-top: 0; } .feed-post__comment .feed-post__icon:not(.feed-post__more--is-open) { opacity: 0; visibility: hidden; transition: all 300ms; } .feed-post__comment:hover .feed-post__icon { opacity: 1; visibility: visible; } .club--stages .related.related-info .column, .club--stages .related.related-add .column { padding-left: 0; padding-right: 0; } .club--stages .stage-heading h4 { font-size: 24px; line-height: 33px; } .club--stages.club-carousel .slick-next { right: -40px; } .club--stages.club-carousel .slick-prev { display: block !important; left: -44px; } .club-overlay-header { font-size: 1.875rem; } .club-overlay--likes .club-overlay-container { max-height: 60%; } .club-hero__splash { width: 31.25rem; } .youplus--article-teaser .tagline { font-size: 16px; line-height: 16px; } .youplus--article-teaser h3, .youplus--article-teaser .h3, .youplus--article-teaser .product-info h1, .product-info .youplus--article-teaser h1, .youplus--article-teaser .product-info .h1, .product-info .youplus--article-teaser .h1 { font-size: 30px; line-height: 32px; } .youplus--fun-fact h3, .youplus--fun-fact .h3, .youplus--fun-fact .product-info h1, .product-info .youplus--fun-fact h1, .youplus--fun-fact .product-info .h1, .product-info .youplus--fun-fact .h1 { font-size: 50px; line-height: 1em; } .youplus--fun-fact p { font-size: 24px; line-height: 1.1em; } .youplus--fun-fact .inner { padding-left: 50px; padding-right: 50px; } .youplus--life-hack .inner:before { font-size: 100px; } .youplus--life-hack .text { font-size: 30px; line-height: 27px; } .youplus--life-hack .tagline { font-size: 16px; line-height: 16px; } .youplus--life-hack h3, .youplus--life-hack .h3, .youplus--life-hack .product-info h1, .product-info .youplus--life-hack h1, .youplus--life-hack .product-info .h1, .product-info .youplus--life-hack .h1 { font-size: 40px; line-height: 36px; } .youplus--life-hack[size="mid"] h3, .youplus--life-hack[size="mid"] .h3, .youplus--life-hack[size="mid"] .product-info h1, .product-info .youplus--life-hack[size="mid"] h1, .youplus--life-hack[size="mid"] .product-info .h1, .product-info .youplus--life-hack[size="mid"] .h1 { font-size: 50px; line-height: 0.95em; max-width: 80%; } .youplus--life-hack[size="large"] h3, .youplus--life-hack[size="large"] .h3, .youplus--life-hack[size="large"] .product-info h1, .product-info .youplus--life-hack[size="large"] h1, .youplus--life-hack[size="large"] .product-info .h1, .product-info .youplus--life-hack[size="large"] .h1 { font-size: 70px; line-height: 0.95em; max-width: 60%; } .youplus--product-promo .name { font-size: 90px; line-height: 0.8em; } .youplus--product-promo .weight { font-size: 64px; line-height: 0.8em; } .youplus--product-promo time { font-size: 16px; line-height: 1em; } .youplus--story-audio time, .youplus--story-m-audio time { font-size: 18px; line-height: 0.9em; } .youplus--story-audio h3, .youplus--story-m-audio h3, .youplus--story-audio .h3, .youplus--story-m-audio .h3, .youplus--story-audio .product-info h1, .product-info .youplus--story-audio h1, .youplus--story-m-audio .product-info h1, .product-info .youplus--story-m-audio h1, .youplus--story-audio .product-info .h1, .product-info .youplus--story-audio .h1, .youplus--story-m-audio .product-info .h1, .product-info .youplus--story-m-audio .h1 { font-size: 40px; line-height: 0.9em; } .youplus--story-audio .info, .youplus--story-m-audio .info { padding: 25px; } .youplus--story-video .inner:before { font-size: 100px; } .youplus--story-info time { font-size: 30px; line-height: 34px; } .youplus--story-info div.tags { font-size: 16px; line-height: 18px; } .youplus--story-text .youplus--story-info time { font-size: 18px; } .youplus--story-text .youplus--story-info .text { font-size: 40px; line-height: 36px; } .youplus--story-weight h3, .youplus--story-weight .h3, .youplus--story-weight .product-info h1, .product-info .youplus--story-weight h1, .youplus--story-weight .product-info .h1, .product-info .youplus--story-weight .h1 { font-size: 120px; line-height: 1em; } .youplus--story-weight p { font-size: 64px; line-height: 1em; } .youplus--story-weight time { font-size: 18px; line-height: 1em; } .youplus--story-fun-fact h3, .youplus--story-fun-fact .h3, .youplus--story-fun-fact .product-info h1, .product-info .youplus--story-fun-fact h1, .youplus--story-fun-fact .product-info .h1, .product-info .youplus--story-fun-fact .h1 { font-size: 120px; line-height: 1em; } .youplus--story-fun-fact p { font-size: 30px; line-height: 36px; } .youplus--story-fun-fact .week, .youplus--story-fun-fact time { font-size: 18px; line-height: 1em; } .youplus--story-m-text h3, .youplus--story-m-text .h3, .youplus--story-m-text .product-info h1, .product-info .youplus--story-m-text h1, .youplus--story-m-text .product-info .h1, .product-info .youplus--story-m-text .h1 { font-size: 120px; line-height: 90px; } .youplus--story-m-text h3 span, .youplus--story-m-text .h3 span, .youplus--story-m-text .product-info h1 span, .product-info .youplus--story-m-text h1 span, .youplus--story-m-text .product-info .h1 span, .product-info .youplus--story-m-text .h1 span { font-size: 60px; line-height: 1em; } .youplus--story-m-text p { font-size: 64px; line-height: 1em; } .youplus--story-m-text .inner time { font-size: 18px; line-height: 1em; } .youplus--story-m-audio h3 .title, .youplus--story-m-audio .h3 .title, .youplus--story-m-audio .product-info h1 .title, .product-info .youplus--story-m-audio h1 .title, .youplus--story-m-audio .product-info .h1 .title, .product-info .youplus--story-m-audio .h1 .title { font-size: 90px; line-height: 0.8em; } .youplus--story-m-image .youplus--story-info .heading .name, .youplus--story-m-video .youplus--story-info .heading .name { font-size: 60px; line-height: 1em; } .youplus--story-m-image .youplus--story-info .heading span, .youplus--story-m-video .youplus--story-info .heading span { font-size: 120px; line-height: 0.9em; } .youplus--story-m-image .youplus--story-info .heading .name, .youplus--story-m-video .youplus--story-info .heading .name { font-size: 60px; line-height: 1em; } .youplus--story-m-image .youplus--story-info .heading span, .youplus--story-m-video .youplus--story-info .heading span { font-size: 120px; line-height: 0.9em; } .youplus--story-m-video .inner:before { font-size: 100px; } .youplus--story-header .current-month-btn { font-size: 40px; line-height: 50px; } .youplus--story-header .year { font-size: 40px; line-height: 50px; } .youplus--story-header .month .btn-yp { -webkit-flex: 1 1 16%; -ms-flex: 1 1 16%; flex: 1 1 16%; } .youplus--story-m-image-overlay .heading, .youplus--story-m-video-overlay .heading { font-size: 40px; line-height: 34px; } .youplus--story-m-image-overlay .heading .name, .youplus--story-m-video-overlay .heading .name { font-size: 30px; line-height: 30px; } .youplus--listicles h3, .youplus--listicles .h3, .youplus--listicles .product-info h1, .product-info .youplus--listicles h1, .youplus--listicles .product-info .h1, .product-info .youplus--listicles .h1 { font-size: 50px; line-height: 50px; } .youplus--listicles p { font-size: 18px; line-height: 1em; } .youplus--listicles li { font-size: 18px; line-height: 1em; } .youplus--listicles .inner { padding: 50px 50px 50px 100px; } .youplus--listicles:only-child:before { content: none; } .youplus--listicles:only-child .inner { position: relative; top: 0; left: 0; width: 100%; height: 100%; padding: 50px 25% 50px 25%; } .youplus--text-intro h2, .youplus--text-intro .h2 { font-size: 80px; line-height: 72px; } .youplus--text-intro p { font-size: 21px; line-height: 32px; } .youplus--text-media-70-30 h2, .youplus--text-media-70-30 .h2 { font-size: 60px; line-height: 50px; } .youplus--text-media-70-30 p { font-size: 21px; line-height: 32px; } .youplus--text-media-50-50 h2, .youplus--text-media-50-50 .h2 { font-size: 60px; line-height: 50px; } .youplus--text-media-50-50 p { font-size: 21px; line-height: 32px; } .youplus--text-brush h2, .youplus--text-brush .h2 { font-size: 60px; line-height: 50px; } .youplus--text-brush .text p { font-size: 21px; line-height: 32px; } .youplus--text-brush .brush p { font-size: 24px; line-height: 29px; } .youplus--text-brush .brush { padding: 60px 100px; } .youplus--text-media h2, .youplus--text-media .h2 { font-size: 60px; line-height: 50px; } .youplus--text-media p { font-size: 21px; line-height: 32px; } .youplus--text-media.alt:after { height: calc(90%); } .youplus--text-media { margin-bottom: 100px; } .youplus--testimonial h3, .youplus--testimonial .h3, .youplus--testimonial .product-info h1, .product-info .youplus--testimonial h1, .youplus--testimonial .product-info .h1, .product-info .youplus--testimonial .h1 { font-size: 50px; line-height: 60px; } .youplus--testimonial p { font-size: 21px; line-height: 32px; } .youplus--family-hero .title, .youplus--app-hero .title { padding: 50px 45px 90px 50px; } .youplus--family-hero .title .names, .youplus--app-hero .title .names { font-size: 50px; line-height: 50px; } .youplus--family-hero .title, .youplus--app-hero .title { left: 20px; top: 15px; } .youplus--family-hero .title .logo, .youplus--app-hero .title .logo { width: 430px; margin-right: 100px; } .youplus--family-hero .title .names, .youplus--app-hero .title .names { width: 400px; } .youplus--family-hero .info div, .youplus--app-hero .info div { font-size: 40px; line-height: 48px; } .youplus--family-hero .info p, .youplus--app-hero .info p { font-size: 21px; line-height: 29px; } .youplus--sticky-sign-up .info { -webkit-flex: auto; -ms-flex: auto; flex: auto; margin-left: 20px; } .youplus--sticky-sign-up .info span { font-weight: bold; font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; } .youplus--sticky-sign-up .info p { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; margin-bottom: 10px; } .youplus--sticky-sign-up .download-app { display: inline-block; width: 320px; height: 88px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-image: url(/assets/images/brushes//brushes_blue_2.png) 0 fill stretch; } .youplus--sticky-sign-up { position: fixed; bottom: -120px; left: 0; width: 100%; z-index: 20; background: url(/assets/images/shapes/sticky-footer.svg); background-size: 100% 100%; background-repeat: no-repeat; } .youplus--sticky-sign-up:before { display: none; } .youplus--sticky-sign-up .row { height: 88px; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .youplus--sticky-sign-up img { -webkit-flex: 0 1 95px; -ms-flex: 0 1 95px; flex: 0 1 95px; width: 95px; } .youplus--sticky-sign-up .info { -webkit-flex: auto; -ms-flex: auto; flex: auto; } .youplus--sticky-sign-up .download-app { border-image: url(/assets/images/brushes/brushes_blue_2_2.png) 0 fill stretch; height: 72px; margin: 0 30px; } .youplus--get-the-app2 h2, .youplus--get-the-app2 .h2 { font-size: 60px; line-height: 50px; } .youplus--get-the-app2 p { font-size: 21px; line-height: 32px; } .youplus--stage-article .heading .tagline { font-size: 30px; line-height: 33px; } .youplus--stage-article h2, .youplus--stage-article .h2 { font-size: 80px; line-height: 0.7em; } .youplus--stage-article .pregnant h3, .youplus--stage-article .pregnant .h3, .youplus--stage-article .pregnant .product-info h1, .product-info .youplus--stage-article .pregnant h1, .youplus--stage-article .pregnant .product-info .h1, .product-info .youplus--stage-article .pregnant .h1 { font-size: 40px; line-height: 36px; } .youplus--stage-article .pregnant .bump .tagline, .youplus--stage-article .pregnant .you .tagline { font-size: 16px; line-height: 16px; } .youplus--stage-article .children .tagline { font-size: 16px; line-height: 16px; } .youplus--stage-article .children h3, .youplus--stage-article .children .h3, .youplus--stage-article .children .product-info h1, .product-info .youplus--stage-article .children h1, .youplus--stage-article .children .product-info .h1, .product-info .youplus--stage-article .children .h1 { font-size: 80px; line-height: 76px; } .youplus--stage-article .children p { font-size: 40px; line-height: 36px; } .youplus--stage-article .children .col .btn-yp { bottom: 10px; } .youplus--poll-results .inner { padding: 50px 50px 50px 100px; } .youplus--poll-results .check { font-size: 34px; } .youplus--poll-results .text { font-size: 30px; line-height: 27px; } .youplus--get-the-app { display: none; } .youplus--invite .text, .youplus--invite__done .text { font-size: 21px; line-height: 32px; } .photobook--order-bar .order-bar__message { display: inline-block; } .photobook--order-bar .order-bar__points { margin-left: auto; } .photobook--order-bar .button:nth-child(3), .photobook--order-bar .filePicker:nth-child(3), .photobook--order-bar a.join-now:nth-child(3), .photobook--order-bar input:nth-child(3)[type="submit"], .photobook--order-bar input:nth-child(3)[type="button"], .photobook--order-bar input:nth-child(3)[type="reset"], .photobook--order-bar a.submit-down:nth-child(3), .photobook--order-bar a.submit-right:nth-child(3), .photobook--order-bar button.submit-right:nth-child(3), .photobook--order-bar .create-post__btn-publish:nth-child(3), .photobook--order-bar .create-post__btn-cancel:nth-child(3), .photobook--order-bar .create-post__btn-done:nth-child(3) { margin-left: 0; } .photobook--navigation-bar:not(.navigation-bar--book) .navigation-bar__back-text { display: inline-block; } .photobook--navigation-bar:not(.navigation-bar--book) .navigation-bar__drop-value--trigger { display: none; } .photobook--navigation-bar:not(.navigation-bar--book) .navigation-bar__drop-values { display: none; } .photobook--navigation-bar:not(.navigation-bar--book) .navigation-bar__children { display: -webkit-flex; display: -ms-flexbox; display: flex; } .photobook--navigation-bar:not(.navigation-bar--book) .navigation-bar__navigation > .dropdown { display: none; } .photobook--navigation-bar:not(.navigation-bar--book) .navigation-bar__edit-page { display: none; } .photobook--navigation-bar:not(.navigation-bar--book) .navigation-bar__child-name { display: inline-block; } .photobook--navigation-bar:not(.navigation-bar--book) .navigation-bar__page { font-size: 1.3125rem; } .photobook--status-bar .status-bar__message { font-size: 1.3125rem; } .photobook--child-form .row { display: -webkit-flex; display: -ms-flexbox; display: flex; } .photobook--grid .grid-item { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; } .photobook--grid .grid-item .grid-item__message-content { font-size: 30px; line-height: 1.2; } .photobook--grid .order-bar__message { display: none; } .photobook--grid .grid-item { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; } .photobook--grid .grid-item .grid-item__message-content { font-size: 30px; line-height: 1.2; } .photobook--grid .order-bar__message { display: none; } .products--family-range .packs-6 li, .products--family-range .packs-7 li, .products--family-range .packs-8 li, .products--family-range .packs-9 li, .products--family-range .packs-10 li, .products--family-range .packs-11 li, .products--family-range .packs-12 li, .products--family-range .packs-13 li, .products--family-range .packs-14 li, .products--family-range .packs-15 li, .products--family-range .packs li { width: 16%; max-width: 200px; } .products--family-range .packs-6 li { margin-left: 0%; margin-right: 0%; } .products--family-range .packs-7 li { margin-left: -1%; margin-right: -1%; } .products--family-range .packs-8 li { margin-left: -2%; margin-right: -2%; } .products--family-range .packs-9 li { margin-left: -2.5%; margin-right: -2.5%; } .products--family-range .packs-10 li { margin-left: -3%; margin-right: -3%; } .products--family-range .packs-11 li { margin-left: -3.5%; margin-right: -3.5%; } .products--family-range .packs-12 li { margin-left: -4%; margin-right: -4%; } .products--family-range .packs-13 li { margin-left: -4.5%; margin-right: -4.5%; } .products--family-range .packs-14 li { margin-left: -4.5%; margin-right: -4.5%; } .products--family-range .packs-15 li { margin-left: -5%; margin-right: -5%; } .products--family-range .top { height: 580px; } .diaper-3d .heading { margin-top: 10px; } [theme="touch19"] .diaper-3d h1, [theme="touch19"] .diaper-3d .h1, body .diaper-3d[theme="touch19"] h1, body .diaper-3d[theme="touch19"] .h1 { font-size: 60px !important; line-height: 60px !important; } [theme="touch"] .diaper-3d h1, [theme="touch"] .diaper-3d .h1, body .diaper-3d[theme="touch"] h1, body .diaper-3d[theme="touch"] .h1 { font-size: 60px !important; line-height: 60px !important; } [theme="touch-pants"] .diaper-3d h1, [theme="touch-pants"] .diaper-3d .h1, body .diaper-3d[theme="touch-pants"] .h1 { font-size: 60px !important; line-height: 60px !important; } [theme="comfort"] .diaper-3d h1, [theme="comfort"] .diaper-3d .h1, body .diaper-3d[theme="comfort"] .h1 { font-size: 60px !important; line-height: 60px !important; } [theme="upngo"] .diaper-3d h1, [theme="upngo"] .diaper-3d .h1, body .diaper-3d[theme="upngo"] .h1 { font-size: 60px !important; line-height: 60px !important; } [theme="newborn"] .diaper-3d h1, [theme="newborn"] .diaper-3d .h1, body .diaper-3d[theme="newborn"] .h1 { font-size: 60px !important; line-height: 60px !important; } [theme="comfort-baru"] .diaper-3d h1, [theme="comfort-baru"] .diaper-3d .h1, body .diaper-3d[theme="comfort-baru"] .h1 { font-size: 60px !important; line-height: 60px !important; } [theme="upngo-baru"] .diaper-3d h1, [theme="upngo-baru"] .diaper-3d .h1, body .diaper-3d[theme="upngo-baru"] .h1 { font-size: 60px !important; line-height: 60px !important; } [theme="newborn-baru"] .diaper-3d h1, [theme="newborn-baru"] .diaper-3d .h1, body .diaper-3d[theme="newborn-baru"] .h1 { font-size: 60px !important; line-height: 60px !important; } [theme="sleep-tight"] .diaper-3d h1, [theme="sleep-tight"] .diaper-3d .h1, body .diaper-3d[theme="sleep-tight"] .h1 { font-size: 60px !important; line-height: 60px !important; } [theme="swimpants"] .diaper-3d h1, [theme="swimpants"] .diaper-3d .h1, body .diaper-3d[theme="swimpants"] .h1 { font-size: 60px !important; line-height: 60px !important; } [theme="lotus-touch-comfort"] .diaper-3d h1, [theme="lotus-touch-comfort"] .diaper-3d .h1, body .diaper-3d[theme="lotus-touch-comfort"] .h1 { font-size: 60px !important; line-height: 60px !important; } [theme="lotus-touch-upngo"] .diaper-3d h1, [theme="lotus-touch-upngo"] .diaper-3d .h1, body .diaper-3d[theme="lotus-touch-upngo"] .h1 { font-size: 60px !important; line-height: 60px !important; } .diaper-3d .heading p { max-width: 400px; } } @media only screen and (min-width: 64.0625em), only screen and (min-width: 40.0625em) and (orientation: landscape) { .products--product-accessory .bottom .benefits { display: block; } } @media only screen and (min-width: 64.0625em) and (min-width: 40.0625em) { .youplus--sticky-sign-up .info span { font-size: 18px; line-height: 20px; } .youplus--sticky-sign-up .info p { font-size: 18px; line-height: 20px; } } @media only screen and (min-width: 64.0625em) and (min-width: 64.0625em) { .youplus--sticky-sign-up .info span { font-size: 18px; line-height: 20px; } .youplus--sticky-sign-up .info p { font-size: 18px; line-height: 20px; } } @media only screen and (min-width: 64.0625em) and (max-width: 90em) { .large-only-text-left { text-align: left !important; } .large-only-text-right { text-align: right !important; } .large-only-text-center { text-align: center !important; } .large-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 64.0625em) and (max-width: 812px) { .large-btn { padding: 15px 25px 15px 25px; } } @media only screen and (min-width: 64.0625em) and (max-width: 40em) { .youplus--sticky-sign-up .info span { font-size: 16px; line-height: 18px; } .youplus--sticky-sign-up .info p { font-size: 16px; line-height: 18px; } } @media only screen and (min-width: 80.0625em) { .products--filter-header:before { padding-top: 40%; } .club--profile-header .row { padding-top: 6.25rem; padding-bottom: 2.25rem; } .profile-header--visitor.club--profile-header .row { padding-bottom: 6.25rem; } } @media only screen and (min-width: 90.0625em) { .xlarge-text-left { text-align: left !important; } .xlarge-text-right { text-align: right !important; } .xlarge-text-center { text-align: center !important; } .xlarge-text-justify { text-align: justify !important; } .hide-for-small-only, .show-for-small-up, .hide-for-medium-only, .show-for-medium-up, .hide-for-large-only, .show-for-large-up, .show-for-xlarge-only, .show-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-medium-only, .hide-for-medium-up, .show-for-large-only, .hide-for-large-up, .hide-for-xlarge-only, .hide-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-large-only, .visible-for-large-up, .visible-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-large-only, .hidden-for-large-up, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .products--call-to-action { padding-bottom: 517px; height: 0; } .products--call-to-action .bg { padding-bottom: 517px; height: 0; } .products--call-to-action .column h2, .products--call-to-action .column .h2 { font-size: 60px; margin: 40px 0; } } @media only screen and (min-width: 90.0625em) and (max-width: 120em) { .xlarge-only-text-left { text-align: left !important; } .xlarge-only-text-right { text-align: right !important; } .xlarge-only-text-center { text-align: center !important; } .xlarge-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 120.0625em) { .xxlarge-text-left { text-align: left !important; } .xxlarge-text-right { text-align: right !important; } .xxlarge-text-center { text-align: center !important; } .xxlarge-text-justify { text-align: justify !important; } .hide-for-small-only, .show-for-small-up, .hide-for-medium-only, .show-for-medium-up, .hide-for-large-only, .show-for-large-up, .hide-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-medium-only, .hide-for-medium-up, .show-for-large-only, .hide-for-large-up, .show-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-large-only, .visible-for-large-up, .hidden-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-large-only, .hidden-for-large-up, .visible-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } } @media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) { .xxlarge-only-text-left { text-align: left !important; } .xxlarge-only-text-right { text-align: right !important; } .xxlarge-only-text-center { text-align: center !important; } .xxlarge-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 481px) { .alfred-age-selector { width: 256px; } .alfred-age-selector .alfred-age-selector-header { font-size: 28px; } .alfred-age-selector .alfred-age-selector-options { font-size: 23px; } .alfred-age-selector .alfred-age-selector-selected { font-size: 23px; } .alfred-landing .alfred-landing-container .alfred-landing-masthead { width: 296px; height: 407px; } .alfred-landing.is-not-first-visit .alfred-landing-container .alfred-landing-masthead { width: 148px; height: 203px; } .alfred-story-content .alfred-story-content-area h1, .alfred-story-content .alfred-story-content-area .h1 { font-size: 45px; } } @media only screen and (min-width: 481px) and (max-width: 959px) { .alfred-story-content .alfred-story-elements-left { width: 180px; } .alfred-story-content .alfred-story-elements-right { width: 180px; } } @media only screen and (min-width: 567px) and (max-width: 1025px) { .superhero .carousel-intro .swiper-wrapper .superhero-slide .star1 { display: none; } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star2 { display: none; } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star3 { display: none; } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star4 { display: none; } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star5 { display: none; } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star6 { display: none; } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star7 { display: none; } .superhero .duo-block #duo-block-one .duo-block--padded { padding: 1.875rem 0; } .superhero .duo-block #duo-block-two .duo-block--padded { padding: 1.875rem 0; } .superhero .duo-block .duo-block-one .duo-block-one-animation .duo-block-star1 { display: none; } .superhero .duo-block .duo-block-one .duo-block-one-animation .duo-block-star3 { display: none; } .superhero .duo-block .duo-block-two .duo-block-star4mobile { display: none; } .superhero .duo-block .duo-block-two .duo-block-two-animation .duo-block-star2 { display: none; } .superhero .duo-block .duo-block-two .duo-block-two-animation .duo-block-star4 { display: none; } .superhero .duo-block .duo-block-two .duo-block-two-animation .duo-block-star4mobileInitial { display: none; } .superhero .duo-block .duo-block-two .duo-block-two-animation .duo-block-star4mobile { display: none; } .superhero .superhero-baby .superhero-baby-animation { display: none; } .superhero .superhero-baby .superhero-star-animation { display: none; } .superhero .promos .promos-star1 { display: none; } .superhero .promos .promos-star2 { display: none; } .superhero .star-animation-block .promos-star1 { display: none; } .superhero .star-animation-block .promos-star2 { display: none; } .superhero .star-animation-block .promos-star3 { display: none; } .superhero .star-animation-block .promos-star4 { display: none; } .superhero .star-animation-block .promos-star5 { display: none; } .superhero .star-animation-block .promos-star6 { display: none; } .superhero .star-animation-block .promos-star7 { display: none; } } @media only screen and (min-width: 620px) { .create-post__overlay .create-post__overlay-title a.create-post__overlay-close { top: -6px; right: 5px; } } @media screen and (min-width: 768px) { #ulbirthgroup li:last-child { left: 10px; } #ulalltopics li a, #ulalltopicsnewDiscussion li a { float: left; } .u-padOnlyDesktop { padding: 0.9375rem; } } @media only screen and (min-width: 768px) { html .swiper-button-prev, html .swiper-button-next { top: 50%; -webkit-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); } html .swiper-button-prev { left: 20px; } html .swiper-button-next { right: 20px; } .swiper-pagination-bullet.swiper-pagination-bullet { width: 10px; height: 10px; background-image: radial-gradient(circle at center, #eee, #eee 4px, #777 5px); } .carousel .swiper-pagination-bullet.swiper-pagination-bullet { padding: 11px 5px; } .swiper-container-horizontal.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { padding: 11px 5px; } } @media (max-width: 768px) and (min-width: 641px) { .youplus--story-fun-fact h3, .youplus--story-fun-fact .h3, .youplus--story-fun-fact .product-info h1, .product-info .youplus--story-fun-fact h1, .youplus--story-fun-fact .product-info .h1, .product-info .youplus--story-fun-fact .h1 { margin: 0; } .youplus--story-fun-fact p { max-height: calc(2 * 1em); margin: 5px 0; } } @media only screen and (min-width: 800px) { .diaper-3d .benefit-info { padding: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%) scale(0.01); transform: translateY(-50%) scale(0.01); right: 40px; width: 287px; } .diaper-3d .benefit-info.anim-in { -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .diaper-3d .benefit-info .header { overflow: hidden; } .diaper-3d .benefit-info h3, .diaper-3d .benefit-info .h3, .diaper-3d .benefit-info .product-info h1, .product-info .diaper-3d .benefit-info h1, .diaper-3d .benefit-info .product-info .h1, .product-info .diaper-3d .benefit-info .h1 { position: relative; display: inline-block; float: left; font-size: 18px; margin: 0; padding: 7px 10px 8px 15px; border-radius: 6px 6px 0 0; margin-right: 10%; margin: 0 -2px -1px 0; max-width: 95%; } .diaper-3d .benefit-info .triangle-down-left { position: absolute; right: -11px; top: 0; float: left; width: 13px; height: 0; padding-bottom: 65px; overflow: hidden; } .diaper-3d .benefit-info .triangle-down-left:after { content: ""; display: block; width: 0; height: 0; border-right: 150px solid transparent; } .diaper-3d .benefit-info p { float: left; padding: 15px; border-radius: 0 6px 6px 6px; font-size: 18px; } [theme="touch19"] .diaper-3d .benefit-info h3, [theme="touch19"] .diaper-3d .benefit-info .h3, [theme="touch19"] .diaper-3d .benefit-info .product-info h1, .product-info [theme="touch19"] .diaper-3d .benefit-info h1, [theme="touch19"] .diaper-3d .benefit-info .product-info .h1, .product-info [theme="touch19"] .diaper-3d .benefit-info .h1, body .diaper-3d[theme="touch19"] .benefit-info h3, body .diaper-3d[theme="touch19"] .benefit-info .h3, body .diaper-3d[theme="touch19"] .benefit-info .product-info h1, .product-info body .diaper-3d[theme="touch19"] .benefit-info h1, body .diaper-3d[theme="touch19"] .benefit-info .product-info .h1, .product-info body .diaper-3d[theme="touch19"] .benefit-info .h1 { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; background: #c6ad6b; background: #562483; } [theme="touch19"] .diaper-3d .benefit-info .triangle-down-left:after, body .diaper-3d[theme="touch19"] .benefit-info .triangle-down-left:after { border-bottom: 500px solid #562483; } [theme="touch19"] .diaper-3d .benefit-info p, body .diaper-3d[theme="touch19"] .benefit-info p { background: rgba(250, 249, 247, 0.7); border: solid 2px #562483; } [theme="touch"] .diaper-3d .benefit-info h3, [theme="touch"] .diaper-3d .benefit-info .h3, [theme="touch"] .diaper-3d .benefit-info .product-info h1, .product-info [theme="touch"] .diaper-3d .benefit-info h1, [theme="touch"] .diaper-3d .benefit-info .product-info .h1, .product-info [theme="touch"] .diaper-3d .benefit-info .h1, body .diaper-3d[theme="touch"] .benefit-info h3, body .diaper-3d[theme="touch"] .benefit-info .h3, body .diaper-3d[theme="touch"] .benefit-info .product-info h1, .product-info body .diaper-3d[theme="touch"] .benefit-info h1, body .diaper-3d[theme="touch"] .benefit-info .product-info .h1, .product-info body .diaper-3d[theme="touch"] .benefit-info .h1 { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; background: #c6ad6b; background: #562483; } [theme="touch"] .diaper-3d .benefit-info .triangle-down-left:after, body .diaper-3d[theme="touch"] .benefit-info .triangle-down-left:after { border-bottom: 500px solid #562483; } [theme="touch"] .diaper-3d .benefit-info p, body .diaper-3d[theme="touch"] .benefit-info p { background: rgba(250, 249, 247, 0.7); border: solid 2px #562483; } [theme="touch-pants"] .diaper-3d .benefit-info h3, [theme="touch-pants"] .diaper-3d .benefit-info .h3, [theme="touch-pants"] .diaper-3d .benefit-info .product-info h1, .product-info [theme="touch-pants"] .diaper-3d .benefit-info h1, [theme="touch-pants"] .diaper-3d .benefit-info .product-info .h1, .product-info [theme="touch-pants"] .diaper-3d .benefit-info .h1, body .diaper-3d[theme="touch-pants"] .benefit-info h3, body .diaper-3d[theme="touch-pants"] .benefit-info .h3, body .diaper-3d[theme="touch-pants"] .benefit-info .product-info h1, .product-info body .diaper-3d[theme="touch-pants"] .benefit-info h1, body .diaper-3d[theme="touch-pants"] .benefit-info .product-info .h1, .product-info body .diaper-3d[theme="touch-pants"] .benefit-info .h1 { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; background: #562483; } [theme="touch-pants"] .diaper-3d .benefit-info .triangle-down-left:after, body .diaper-3d[theme="touch-pants"] .benefit-info .triangle-down-left:after { border-bottom: 500px solid #562483; } [theme="touch-pants"] .diaper-3d .benefit-info p, body .diaper-3d[theme="touch-pants"] .benefit-info p { background: rgba(250, 249, 247, 0.7); border: solid 2px #562483; } [theme="comfort"] .diaper-3d .benefit-info h3, [theme="comfort"] .diaper-3d .benefit-info .h3, [theme="comfort"] .diaper-3d .benefit-info .product-info h1, .product-info [theme="comfort"] .diaper-3d .benefit-info h1, [theme="comfort"] .diaper-3d .benefit-info .product-info .h1, .product-info [theme="comfort"] .diaper-3d .benefit-info .h1, body .diaper-3d[theme="comfort"] .benefit-info h3, body .diaper-3d[theme="comfort"] .benefit-info .h3, body .diaper-3d[theme="comfort"] .benefit-info .product-info h1, .product-info body .diaper-3d[theme="comfort"] .benefit-info h1, body .diaper-3d[theme="comfort"] .benefit-info .product-info .h1, .product-info body .diaper-3d[theme="comfort"] .benefit-info .h1 { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; background: #562483; } [theme="comfort"] .diaper-3d .benefit-info .triangle-down-left:after, body .diaper-3d[theme="comfort"] .benefit-info .triangle-down-left:after { border-bottom: 500px solid #562483; } [theme="comfort"] .diaper-3d .benefit-info p, body .diaper-3d[theme="comfort"] .benefit-info p { background: rgba(250, 249, 247, 0.7); border: solid 2px #562483; } [theme="upngo"] .diaper-3d .benefit-info h3, [theme="upngo"] .diaper-3d .benefit-info .h3, [theme="upngo"] .diaper-3d .benefit-info .product-info h1, .product-info [theme="upngo"] .diaper-3d .benefit-info h1, [theme="upngo"] .diaper-3d .benefit-info .product-info .h1, .product-info [theme="upngo"] .diaper-3d .benefit-info .h1, body .diaper-3d[theme="upngo"] .benefit-info h3, body .diaper-3d[theme="upngo"] .benefit-info .h3, body .diaper-3d[theme="upngo"] .benefit-info .product-info h1, .product-info body .diaper-3d[theme="upngo"] .benefit-info h1, body .diaper-3d[theme="upngo"] .benefit-info .product-info .h1, .product-info body .diaper-3d[theme="upngo"] .benefit-info .h1 { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; background: #562483; } [theme="upngo"] .diaper-3d .benefit-info .triangle-down-left:after, body .diaper-3d[theme="upngo"] .benefit-info .triangle-down-left:after { border-bottom: 500px solid #562483; } [theme="upngo"] .diaper-3d .benefit-info p, body .diaper-3d[theme="upngo"] .benefit-info p { background: rgba(250, 249, 247, 0.7); border: solid 2px #562483; } [theme="newborn"] .diaper-3d .benefit-info h3, [theme="newborn"] .diaper-3d .benefit-info .h3, [theme="newborn"] .diaper-3d .benefit-info .product-info h1, .product-info [theme="newborn"] .diaper-3d .benefit-info h1, [theme="newborn"] .diaper-3d .benefit-info .product-info .h1, .product-info [theme="newborn"] .diaper-3d .benefit-info .h1, body .diaper-3d[theme="newborn"] .benefit-info h3, body .diaper-3d[theme="newborn"] .benefit-info .h3, body .diaper-3d[theme="newborn"] .benefit-info .product-info h1, .product-info body .diaper-3d[theme="newborn"] .benefit-info h1, body .diaper-3d[theme="newborn"] .benefit-info .product-info .h1, .product-info body .diaper-3d[theme="newborn"] .benefit-info .h1 { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; background: #562483; } [theme="newborn"] .diaper-3d .benefit-info .triangle-down-left:after, body .diaper-3d[theme="newborn"] .benefit-info .triangle-down-left:after { border-bottom: 500px solid #562483; } [theme="newborn"] .diaper-3d .benefit-info p, body .diaper-3d[theme="newborn"] .benefit-info p { background: rgba(250, 249, 247, 0.7); border: solid 2px #562483; } [theme="comfort-baru"] .diaper-3d .benefit-info h3, [theme="comfort-baru"] .diaper-3d .benefit-info .h3, [theme="comfort-baru"] .diaper-3d .benefit-info .product-info h1, .product-info [theme="comfort-baru"] .diaper-3d .benefit-info h1, [theme="comfort-baru"] .diaper-3d .benefit-info .product-info .h1, .product-info [theme="comfort-baru"] .diaper-3d .benefit-info .h1, body .diaper-3d[theme="comfort-baru"] .benefit-info h3, body .diaper-3d[theme="comfort-baru"] .benefit-info .h3, body .diaper-3d[theme="comfort-baru"] .benefit-info .product-info h1, .product-info body .diaper-3d[theme="comfort-baru"] .benefit-info h1, body .diaper-3d[theme="comfort-baru"] .benefit-info .product-info .h1, .product-info body .diaper-3d[theme="comfort-baru"] .benefit-info .h1 { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; background: #562483; } [theme="comfort-baru"] .diaper-3d .benefit-info .triangle-down-left:after, body .diaper-3d[theme="comfort-baru"] .benefit-info .triangle-down-left:after { border-bottom: 500px solid #562483; } [theme="comfort-baru"] .diaper-3d .benefit-info p, body .diaper-3d[theme="comfort-baru"] .benefit-info p { background: rgba(250, 249, 247, 0.7); border: solid 2px #562483; } [theme="upngo-baru"] .diaper-3d .benefit-info h3, [theme="upngo-baru"] .diaper-3d .benefit-info .h3, [theme="upngo-baru"] .diaper-3d .benefit-info .product-info h1, .product-info [theme="upngo-baru"] .diaper-3d .benefit-info h1, [theme="upngo-baru"] .diaper-3d .benefit-info .product-info .h1, .product-info [theme="upngo-baru"] .diaper-3d .benefit-info .h1, body .diaper-3d[theme="upngo-baru"] .benefit-info h3, body .diaper-3d[theme="upngo-baru"] .benefit-info .h3, body .diaper-3d[theme="upngo-baru"] .benefit-info .product-info h1, .product-info body .diaper-3d[theme="upngo-baru"] .benefit-info h1, body .diaper-3d[theme="upngo-baru"] .benefit-info .product-info .h1, .product-info body .diaper-3d[theme="upngo-baru"] .benefit-info .h1 { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; background: #562483; } [theme="upngo-baru"] .diaper-3d .benefit-info .triangle-down-left:after, body .diaper-3d[theme="upngo-baru"] .benefit-info .triangle-down-left:after { border-bottom: 500px solid #562483; } [theme="upngo-baru"] .diaper-3d .benefit-info p, body .diaper-3d[theme="upngo-baru"] .benefit-info p { background: rgba(250, 249, 247, 0.7); border: solid 2px #562483; } [theme="newborn-baru"] .diaper-3d .benefit-info h3, [theme="newborn-baru"] .diaper-3d .benefit-info .h3, [theme="newborn-baru"] .diaper-3d .benefit-info .product-info h1, .product-info [theme="newborn-baru"] .diaper-3d .benefit-info h1, [theme="newborn-baru"] .diaper-3d .benefit-info .product-info .h1, .product-info [theme="newborn-baru"] .diaper-3d .benefit-info .h1, body .diaper-3d[theme="newborn-baru"] .benefit-info h3, body .diaper-3d[theme="newborn-baru"] .benefit-info .h3, body .diaper-3d[theme="newborn-baru"] .benefit-info .product-info h1, .product-info body .diaper-3d[theme="newborn-baru"] .benefit-info h1, body .diaper-3d[theme="newborn-baru"] .benefit-info .product-info .h1, .product-info body .diaper-3d[theme="newborn-baru"] .benefit-info .h1 { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; background: #562483; } [theme="newborn-baru"] .diaper-3d .benefit-info .triangle-down-left:after, body .diaper-3d[theme="newborn-baru"] .benefit-info .triangle-down-left:after { border-bottom: 500px solid #562483; } [theme="newborn-baru"] .diaper-3d .benefit-info p, body .diaper-3d[theme="newborn-baru"] .benefit-info p { background: rgba(250, 249, 247, 0.7); border: solid 2px #562483; } [theme="sleep-tight"] .diaper-3d .benefit-info h3, [theme="sleep-tight"] .diaper-3d .benefit-info .h3, [theme="sleep-tight"] .diaper-3d .benefit-info .product-info h1, .product-info [theme="sleep-tight"] .diaper-3d .benefit-info h1, [theme="sleep-tight"] .diaper-3d .benefit-info .product-info .h1, .product-info [theme="sleep-tight"] .diaper-3d .benefit-info .h1, body .diaper-3d[theme="sleep-tight"] .benefit-info h3, body .diaper-3d[theme="sleep-tight"] .benefit-info .h3, body .diaper-3d[theme="sleep-tight"] .benefit-info .product-info h1, .product-info body .diaper-3d[theme="sleep-tight"] .benefit-info h1, body .diaper-3d[theme="sleep-tight"] .benefit-info .product-info .h1, .product-info body .diaper-3d[theme="sleep-tight"] .benefit-info .h1 { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; background: #562483; } [theme="sleep-tight"] .diaper-3d .benefit-info .triangle-down-left:after, body .diaper-3d[theme="sleep-tight"] .benefit-info .triangle-down-left:after { border-bottom: 500px solid #562483; } [theme="sleep-tight"] .diaper-3d .benefit-info p, body .diaper-3d[theme="sleep-tight"] .benefit-info p { background: rgba(250, 249, 247, 0.7); border: solid 2px #562483; } [theme="swimpants"] .diaper-3d .benefit-info h3, [theme="swimpants"] .diaper-3d .benefit-info .h3, [theme="swimpants"] .diaper-3d .benefit-info .product-info h1, .product-info [theme="swimpants"] .diaper-3d .benefit-info h1, [theme="swimpants"] .diaper-3d .benefit-info .product-info .h1, .product-info [theme="swimpants"] .diaper-3d .benefit-info .h1, body .diaper-3d[theme="swimpants"] .benefit-info h3, body .diaper-3d[theme="swimpants"] .benefit-info .h3, body .diaper-3d[theme="swimpants"] .benefit-info .product-info h1, .product-info body .diaper-3d[theme="swimpants"] .benefit-info h1, body .diaper-3d[theme="swimpants"] .benefit-info .product-info .h1, .product-info body .diaper-3d[theme="swimpants"] .benefit-info .h1 { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; background: #562483; } [theme="swimpants"] .diaper-3d .benefit-info .triangle-down-left:after, body .diaper-3d[theme="swimpants"] .benefit-info .triangle-down-left:after { border-bottom: 500px solid #562483; } [theme="swimpants"] .diaper-3d .benefit-info p, body .diaper-3d[theme="swimpants"] .benefit-info p { background: rgba(250, 249, 247, 0.7); border: solid 2px #562483; } [theme="lotus-touch-comfort"] .diaper-3d .benefit-info h3, [theme="lotus-touch-comfort"] .diaper-3d .benefit-info .h3, [theme="lotus-touch-comfort"] .diaper-3d .benefit-info .product-info h1, .product-info [theme="lotus-touch-comfort"] .diaper-3d .benefit-info h1, [theme="lotus-touch-comfort"] .diaper-3d .benefit-info .product-info .h1, .product-info [theme="lotus-touch-comfort"] .diaper-3d .benefit-info .h1, body .diaper-3d[theme="lotus-touch-comfort"] .benefit-info h3, body .diaper-3d[theme="lotus-touch-comfort"] .benefit-info .h3, body .diaper-3d[theme="lotus-touch-comfort"] .benefit-info .product-info h1, .product-info body .diaper-3d[theme="lotus-touch-comfort"] .benefit-info h1, body .diaper-3d[theme="lotus-touch-comfort"] .benefit-info .product-info .h1, .product-info body .diaper-3d[theme="lotus-touch-comfort"] .benefit-info .h1 { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; background: #562483; } [theme="lotus-touch-comfort"] .diaper-3d .benefit-info .triangle-down-left:after, body .diaper-3d[theme="lotus-touch-comfort"] .benefit-info .triangle-down-left:after { border-bottom: 500px solid #562483; } [theme="lotus-touch-comfort"] .diaper-3d .benefit-info p, body .diaper-3d[theme="lotus-touch-comfort"] .benefit-info p { background: rgba(250, 249, 247, 0.7); border: solid 2px #562483; } [theme="lotus-touch-upngo"] .diaper-3d .benefit-info h3, [theme="lotus-touch-upngo"] .diaper-3d .benefit-info .h3, [theme="lotus-touch-upngo"] .diaper-3d .benefit-info .product-info h1, .product-info [theme="lotus-touch-upngo"] .diaper-3d .benefit-info h1, [theme="lotus-touch-upngo"] .diaper-3d .benefit-info .product-info .h1, .product-info [theme="lotus-touch-upngo"] .diaper-3d .benefit-info .h1, body .diaper-3d[theme="lotus-touch-upngo"] .benefit-info h3, body .diaper-3d[theme="lotus-touch-upngo"] .benefit-info .h3, body .diaper-3d[theme="lotus-touch-upngo"] .benefit-info .product-info h1, .product-info body .diaper-3d[theme="lotus-touch-upngo"] .benefit-info h1, body .diaper-3d[theme="lotus-touch-upngo"] .benefit-info .product-info .h1, .product-info body .diaper-3d[theme="lotus-touch-upngo"] .benefit-info .h1 { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; background: #562483; } [theme="lotus-touch-upngo"] .diaper-3d .benefit-info .triangle-down-left:after, body .diaper-3d[theme="lotus-touch-upngo"] .benefit-info .triangle-down-left:after { border-bottom: 500px solid #562483; } [theme="lotus-touch-upngo"] .diaper-3d .benefit-info p, body .diaper-3d[theme="lotus-touch-upngo"] .benefit-info p { background: rgba(250, 249, 247, 0.7); border: solid 2px #562483; } [theme="lotus-touch-newborn"] .diaper-3d .benefit-info h3, [theme="lotus-touch-newborn"] .diaper-3d .benefit-info .h3, [theme="lotus-touch-newborn"] .diaper-3d .benefit-info .product-info h1, .product-info [theme="lotus-touch-newborn"] .diaper-3d .benefit-info h1, [theme="lotus-touch-newborn"] .diaper-3d .benefit-info .product-info .h1, .product-info [theme="lotus-touch-newborn"] .diaper-3d .benefit-info .h1, body .diaper-3d[theme="lotus-touch-newborn"] .benefit-info h3, body .diaper-3d[theme="lotus-touch-newborn"] .benefit-info .h3, body .diaper-3d[theme="lotus-touch-newborn"] .benefit-info .product-info h1, .product-info body .diaper-3d[theme="lotus-touch-newborn"] .benefit-info h1, body .diaper-3d[theme="lotus-touch-newborn"] .benefit-info .product-info .h1, .product-info body .diaper-3d[theme="lotus-touch-newborn"] .benefit-info .h1 { font-family: "bariol-regular", Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; background: #562483; } [theme="lotus-touch-newborn"] .diaper-3d .benefit-info .triangle-down-left:after, body .diaper-3d[theme="lotus-touch-newborn"] .benefit-info .triangle-down-left:after { border-bottom: 500px solid #562483; } [theme="lotus-touch-newborn"] .diaper-3d .benefit-info p, body .diaper-3d[theme="lotus-touch-newborn"] .benefit-info p { background: rgba(250, 249, 247, 0.7); border: solid 2px #562483; } } @media only screen and (min-width: 812px) { .new-pakage-one .new-pakage-left .new-pakage-left-content h2, .new-pakage-one .new-pakage-left .new-pakage-left-content .h2 { padding: 0 40px; } } @media only screen and (min-width: 812px) and (max-width: 1366px) { .ul-wrap ul { width: 100%; margin: 0 auto; } .touch .logo-astma-wrapper { padding-top: 10%; position: relative; } .touch .labels-mobile { display: block; max-width: 50px; position: absolute; right: 15px; top: 30px; } .touch .logo-astma-mobile { right: 70px; } .touch .products--family-range .logo-astma-mobile { right: 90px !important; } .touch .labels-mobile { display: block; } .touch .logo-astma-mobile { display: block; } } @media only screen and (min-width: 813px) { .products--article #pr-reviewdisplay #pr-review-snapshot, .products--article #pr-reviewdisplay #pr-review-display { padding-left: 0 !important; padding-right: 0 !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-snippet:first-child { padding-right: 0 !important; } .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-merchant-response { padding-left: 20px !important; border-radius: 12px; } } @media (max-height: 815px) and (min-width: 640px) { .diaper-3d .bar { height: 18px; background-position-y: -20px; } .diaper-3d .benefit { top: -35px; } .diaper-3d .benefit li .progress { width: 16px; height: 16px; border-width: 1px; border-style: solid; opacity: 0.7; border-width: 8px; border-radius: 77% 61% 80% 55%; } .diaper-3d .benefit li .progress svg, .diaper-3d .benefit li .progress img { display: none; } .diaper-3d .benefit li .progress:nth-child(odd) { -webkit-transform: rotate(7deg); transform: rotate(7deg); } .diaper-3d .benefit li .played .progress { opacity: 1; } .diaper-3d .benefit li:nth-child(odd) { -webkit-transform: rotate(20deg); transform: rotate(20deg); } } @media only screen and (min-width: 839px) { .club--create-post .content-wrap { padding-left: 0; padding-right: 10px; padding-bottom: 9px; } } @media only screen and (min-width: 960px) { .alfred-story-content { background-repeat: no-repeat; background-size: cover; background-position-y: 0; } .alfred-story-content .alfred-story-elements-left { width: 270px; } .alfred-story-content .alfred-story-elements-right { width: 270px; } } @media only screen and (min-width: 1000px) { #header .menu { text-align: center; width: 100%; padding-right: 0; } .club #header .logo { margin: 0; text-align: left; -webkit-transform: none; transform: none; left: 10px; } #header .club { position: relative; display: block; } #header .exmenu { position: relative; display: none; } .club #header .exmenu { display: inline-block; } #header .top { -webkit-transform: translateY(-100%) scale(0.5); transform: translateY(-100%) scale(0.5); } .club #header .top { left: 0; } #header.search-on nav { min-width: 0; } #header.search-on .logo a, #header.search-on .top a { -webkit-transform: none; transform: none; opacity: 1; } .club #header nav { display: inline-block; } #header .container ul { display: inline-block; } #header.to-top .top { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } #header.to-top .logo { -webkit-transform: translateY(-100%) scale(0.5); transform: translateY(-100%) scale(0.5); } #sidebars .menu .links { display: none; } .club--profile-header .row { padding-top: 5.25rem; padding-bottom: 2.25rem; } .profile-header--visitor.club--profile-header .row { padding-bottom: 5.25rem; } #headerV2.to-top .top { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } #headerV2.to-top .logo { -webkit-transform: translateY(-100%) scale(0.5); transform: translateY(-100%) scale(0.5); } #headerV2 .menu { text-align: center; width: 100%; padding-right: 0; } #headerV2 .club, #headerV2 .exmenu { position: relative; } #headerV2 .logo, #headerV2 .top { margin: 0; text-align: left; -webkit-transform: none; transform: none; top: 0; left: 10px; } #headerV2 .top { -webkit-transform: translateY(-100%) scale(0.5); transform: translateY(-100%) scale(0.5); } #headerV2 .club { float: right; text-align: right; } #headerV2.search-on nav { min-width: 0; } #headerV2.search-on .logo a, #headerV2.search-on .top a { -webkit-transform: none; transform: none; opacity: 1; } #headerV2 .container ul { display: inline-block; } #headerV2 .notification-counter { right: auto; left: -5px; } body.club #sidebars .links { display: none; } .club--menu-container .club--menu { -webkit-transform-origin: 85% 0; transform-origin: 85% 0; -webkit-transform-origin: calc(100% - 85px) 0; transform-origin: calc(100% - 85px) 0; float: right; } html[dir="rtl"].rtl .club--menu-container .club--menu { -webkit-transform-origin: 85px 0; transform-origin: 85px 0; } .club--menu-container { left: auto; right: 0; } .club--menu-container .menu-container { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .club--menu .menu-mask { -webkit-transform: scaleX(1); transform: scaleX(1); } html[dir="rtl"].rtl .club--menu .menu-container:before { border-color: transparent transparent #451c68 transparent; } .club--menu .menu-container:before { left: auto; right: 76px; } .club--menu .menu-container__mask { -webkit-transform: scaleX(1); transform: scaleX(1); } } @media (min-height: 1000px) and (min-width: 1025px) { .diaper-3d .bar { height: 120px; } .diaper-3d .benefit { min-height: 177px; } .diaper-3d .benefit li .label { display: block; color: #fff; font-size: 18px; line-height: 26px; margin-top: 5px; } .diaper-3d .bottom-options { font-size: 75px; bottom: 155px; } } @media only screen and (min-width: 1000px) and (max-width: 1300px) { .superhero .promos .row { padding: 0 12%; } } @media only screen and (min-width: 1024px) { .club-top.join-now .logo img { max-width: 200px; } } @media screen and (max-width: 1024px) and (min-width: 641px) { .product-details .weight { line-height: 5px; } .product--title-weight { margin-top: -30px; } } @media only screen and (min-width: 1025px) { html #intro.carousel-intro { padding-top: 45%; } .swiper-content .video-auto .video-container, .no-carousel-content .video-auto .video-container { padding-bottom: 45%; } .swiper-content .video-auto .video-container .video-wrapper, .no-carousel-content .video-auto .video-container .video-wrapper { /* center video vertically */ margin-top: -5.625%; } } @media only screen and (min-width: 1200px) { .superhero .start-stage-select { padding-left: 13rem; padding-right: 13rem; } } @media screen and (max-width: 1400px) { .Product--details { padding: 80px 0 100px; } .Product--details .Product--imageWrapper .Product--packshotImage { background-size: 90%; } } @media only screen and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { body.club #content:before { height: 0 !important; } .club #header { position: relative; } .Download-App { display: -webkit-flex; display: -ms-flexbox; display: flex; } .close { margin: 0 15px; } .install-app { margin: 0 15px; } #cookieMessage { position: fixed; bottom: -1px; left: 0; top: auto !important; z-index: 999; } } @media screen and (max-width: 1200px) { .diaper-3d .title-logo:before { font-size: 28px; } .heading-title-wrapper { width: 380px; height: 195px; padding: 20px 40px 0 30px; } .product-category-title:before { font-size: 56px; } .product-details { max-height: 140px; } .product--fitIcon { -webkit-flex-basis: 60px; -ms-flex-preferred-size: 60px; flex-basis: 60px; } .product--sizes { padding-top: 25px; } .diaper-3d #pr-reviewsnippet { margin: 20px 0 10px; } .Product--details { padding: 60px 0 80px; } .Product--details .Product--imageWrapper .Product--packshotImage { margin-left: 0; } } @media only screen and (max-width: 1180px) { .superhero #footer .links ul { font-size: 12px; } } @media only screen and (max-width: 1024px) { #footer .links { max-width: 720px; } .superhero #footer .superherobaby { display: none; } .superhero #footer .superherobabymobile { bottom: 53%; left: 8%; position: absolute; display: block; width: 90px; } .youplus--sticky-sign-up { margin-top: 10px; max-width: 800px; } .youplus--sticky-sign-up .row { -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 107px; background: url(/assets/images/brushes/brushes_blue_2.png); background-size: calc(100% + 6px) 100%; background-position: -6px 7px; background-repeat: no-repeat; } .youplus--sticky-sign-up .logo { padding-right: 0; } .youplus--sticky-sign-up .logo img { width: 80px; height: 80px; } .youplus--sticky-sign-up .info { display: none; } .youplus--sticky-sign-up .download-app { -webkit-flex: auto; -ms-flex: auto; flex: auto; padding-left: 0; } .youplus--get-the-app + .youplus--testimonial { margin-top: 75px; } .youplus--get-the-app + .breadcrumbs-c { margin-top: 20px; } .Download-App { display: -webkit-flex; display: -ms-flexbox; display: flex; } .close { margin: 0 10px; } .install-app { margin: 0 10px; } .overlay { width: 90%; } .aside-desktop { display: none; } .aside-mobile { display: inline-block; } #article1 .main { margin-bottom: 0 !important; } #article1 .main .aside-mobile { margin-bottom: 0 !important; } #article1 .main .aside-mobile .promo { padding-top: 20px !important; padding-bottom: 30px !important; } } @media screen and (max-width: 1024px) { .superhero #header nav a { font-size: 16px; padding: 0 8px; } .Product--details .Product--imageWrapper .Product--packshotImage .Product--img img { max-height: 400px; } } @media screen and (max-width: 1023px) { .category-select .action { position: relative; } .category-select .action { position: relative; } .category-select .action a { margin-top: 0; padding-top: 0; } } @media screen and (max-width: 992px) { .Product--details .Product--imageWrapper .Product--packshotImage { min-width: 340px; } } @media only screen and (max-width: 813px) { .product--filter-result-display-eden ul > li { min-width: 300px; } } @media only screen and (max-width: 812px) { .u-bumpy-button-4-dark { padding: 15px 25px 15px 25px; } .letter-index a, .points-register-button a.register, .libero-com-sca a h3, .libero-com-sca a .h3, .libero-com-sca a .product-info h1, .product-info .libero-com-sca a h1, .libero-com-sca a .product-info .h1, .product-info .libero-com-sca a .h1, .button, .filePicker, a.join-now, input[type="submit"], input[type="button"], input[type="reset"], a.submit-down, a.submit-right, button.submit-right, .create-post__btn-publish, .create-post__btn-cancel, .create-post__btn-done, .u-bumpy-button-purple, .btn, .p-w-r .pr-media-modal .pr-accessible-btn, .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn { padding: 15px 25px 15px 25px; } .u-bumpy-button-6 { padding: 15px 25px 15px 25px; } .points-register-button .points .tc.point-box, .points-register-button .points .tc.campaign-point-box, .libero-com-sites .button, .libero-com-sites .filePicker, .libero-com-sites a.join-now, .libero-com-sites input[type="submit"], .libero-com-sites input[type="button"], .libero-com-sites input[type="reset"], .libero-com-sites a.submit-down, .libero-com-sites a.submit-right, .libero-com-sites button.submit-right, .libero-com-sites .create-post__btn-publish, .libero-com-sites .create-post__btn-cancel, .libero-com-sites .create-post__btn-done, .button--light-purple, .create-post__btn-publish, .create-post__btn-cancel, .create-post__btn-done, #sidebars .submit-right, #sidebars .button, #sidebars .filePicker, #sidebars a.join-now, #sidebars input[type="submit"], #sidebars input[type="button"], #sidebars input[type="reset"], #sidebars a.submit-down, #sidebars .create-post__btn-publish, #sidebars .create-post__btn-cancel, #sidebars .create-post__btn-done, .u-bumpy-button-purple-light { padding: 15px 25px 15px 25px; } .u-bumpy-button-purple-2 { padding: 15px 25px 15px 25px; } .expander-panel input[type="submit"], .expander-panel input[type="button"], .expander-panel a.submit-right, .expander-panel a.button, .expander-panel a.filePicker, .expander-panel a.join-now, .expander-panel a.submit-down, .expander-panel button.submit-right, .expander-panel a.create-post__btn-publish, .expander-panel a.create-post__btn-cancel, .expander-panel a.create-post__btn-done, .calendar-sections a, .u-bumpy-button-purple-2 { padding: 15px 25px 15px 25px; } #header .logo { top: 18px; } #header .logo img { width: 85px; height: auto; } #header .exmenu a { font-size: 22px; } .superhero #header .container .header-stars { width: 11%; top: 21%; left: 19%; } .superhero #footer .footerstar1 { width: 38px; bottom: 41%; right: 17%; } .products--retailers h2, .products--retailers .h2 { padding: 20px; text-align: center; } .products--retailers .item { width: 25%; } .products--retailers .item:nth-child(4n) { padding-right: 0px !important; } body.club .button, body.club .filePicker, body.club a.join-now, body.club input[type="submit"], body.club input[type="button"], body.club input[type="reset"], body.club a.submit-down, body.club a.submit-right, body.club button.submit-right, body.club .create-post__btn-publish, body.club .create-post__btn-cancel, body.club .create-post__btn-done { padding: 15px 25px 15px 25px; } body.club .button--light-purple, body.club .create-post__btn-publish, body.club .create-post__btn-cancel, body.club .create-post__btn-done { padding: 15px 25px 15px 25px; } body.club .button--ghost-purple { padding: 15px 25px 15px 25px; } .photobook--milestone-frame .milestone-carousel__edit-image { padding: 15px 25px 15px 25px; } .pr-rd-review-header-contents .pr-rd-search-reviews-input button { padding-top: 0; } .pr-rd-review-header-contents .pr-rd-search-reviews-input .pr-rd-search-reviews-clear-button svg { padding-left: 5px; } .p-w-r .pr-rd-header .pr-rd-review-headline { margin-left: 0px !important; } .p-w-r .pr-rd-review-header-sorts { padding: 15px 0 10px 0 !important; } .p-w-r .pr-rd-review-header-sorts .pr-rd-sort { width: 100% !important; max-width: 100%; height: 50px !important; background-position: 98% center !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-header .pr-review-snapshot-header-intro { -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-header .pr-review-snapshot-header-intro .pr-subheadline { margin-bottom: 0px; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-snippet { padding: 20px !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-snippet .pr-review-snapshot-snippets .pr-snippet .pr-snippet-stars-container .pr-snippet-rating-decimal { font-size: 15px !important; font-weight: normal !important; margin-top: -3px; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-snippet .pr-review-snapshot-snippets .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count { margin-bottom: 15px !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-recommend { background-color: #562483 !important; margin: 0 0 15px !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-recommend .pr-review-snapshot-recomend .pr-snippet-reco-to-friend .pr-reco-green .pr-reco-value { color: #ffffff !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-recommend .pr-review-snapshot-recomend .pr-snippet-reco-to-friend .pr-reco-to-friend-message { color: #ffffff !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-histogram { min-height: 220px !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-block-histogram .pr-review-snapshot-histogram .pr-ratings-histogram-list-item .pr-histogram-stars .pr-histogram-count { color: #562483; } .p-w-r .pr-rd-main-footer .pr-rd-content-block .pr-rd-review-position span { margin-bottom: 5px !important; } .p-w-r .pr-rd-main-footer .pr-rd-content-block a { line-height: 2.5; } .p-w-r .pr-rd-main-footer .pr-rd-content-block .pr-rd-pagination { margin-top: 0 !important; padding: 0 !important; border-top: none !important; border-bottom: none !important; } .carousel-intro .bannerHeader { margin-top: 25px; width: 356px; } .carousel-intro .bannerHeader .climateIcon { width: 100px; height: 100px; margin-top: 30px; } .carousel-intro .bannerHeader span { width: 250px; font-size: 32px; line-height: 28px; margin-left: 10px; } .new-pakage-one .new-pakage-left { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin: 30px 0; } .new-pakage-one .new-pakage-left .new-pakage-left-content h2, .new-pakage-one .new-pakage-left .new-pakage-left-content .h2 { max-width: 80%; font-size: 32px; line-height: 32px; } .new-pakage-one .new-pakage-left .new-pakage-left-content p { display: none; } .new-pakage-one .new-pakage-left .new-pakage-left-content a { display: none; } .new-pakage-one .new-pakage-right { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 100%; margin: 0 auto; } .new-pakage-one .new-pakage-right .new-pakage-right-products .new-pakage-right-eco { max-width: 128px; top: 20px; } .stages .hide-for-small-only .columns .promobox a .info .icon:before, .stages .hide-for-small-only .columns .promobox a .info #header .exmenu a:before, #header .exmenu .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info #header a.to-top:before, #header .stages .hide-for-small-only .columns .promobox a .info a.to-top:before, .stages .hide-for-small-only .columns .promobox a .info #header .btn-search:before, #header .stages .hide-for-small-only .columns .promobox a .info .btn-search:before, .stages .hide-for-small-only .columns .promobox a .info .more-links .gbrw-grid a:before, .more-links .gbrw-grid .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .popin-close a:before, .popin-close .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .small-overlay-close a:before, .small-overlay-close .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .full-overlay-close a:before, .full-overlay-close .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info #footer a.fb-link:before, #footer .stages .hide-for-small-only .columns .promobox a .info a.fb-link:before, .stages .hide-for-small-only .columns .promobox a .info #footer a.yt-link:before, #footer .stages .hide-for-small-only .columns .promobox a .info a.yt-link:before, .stages .hide-for-small-only .columns .promobox a .info #footer a.vk-link:before, #footer .stages .hide-for-small-only .columns .promobox a .info a.vk-link:before, .stages .hide-for-small-only .columns .promobox a .info #footer a.insta-link:before, #footer .stages .hide-for-small-only .columns .promobox a .info a.insta-link:before, .stages .hide-for-small-only .columns .promobox a .info #footer a.twitter-link:before, #footer .stages .hide-for-small-only .columns .promobox a .info a.twitter-link:before, .stages .hide-for-small-only .columns .promobox a .info #footer .mother-logo:before, #footer .stages .hide-for-small-only .columns .promobox a .info .mother-logo:before, .stages .hide-for-small-only .columns .promobox a .info #footer .mother-logo-old:before, #footer .stages .hide-for-small-only .columns .promobox a .info .mother-logo-old:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .menu .shortcut-profile:before, #sidebars .menu .stages .hide-for-small-only .columns .promobox a .info .shortcut-profile:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .menu .shortcut-points:before, #sidebars .menu .stages .hide-for-small-only .columns .promobox a .info .shortcut-points:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .menu .shortcut-signin:before, #sidebars .menu .stages .hide-for-small-only .columns .promobox a .info .shortcut-signin:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .menu .shortcut-signout:before, #sidebars .menu .stages .hide-for-small-only .columns .promobox a .info .shortcut-signout:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .social-share-icon.icon-instagram:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info .social-share-icon.icon-instagram:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .social-share-icon.icon-twitter:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info .social-share-icon.icon-twitter:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .social-share-icon.icon-facebook:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info .social-share-icon.icon-facebook:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .social-share-icon.icon-vk:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info .social-share-icon.icon-vk:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars .social-share-icon.icon-youtube:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info .social-share-icon.icon-youtube:before, .stages .hide-for-small-only .columns .promobox a .info #sidebars [data-sub-navigation-target]:before, #sidebars .stages .hide-for-small-only .columns .promobox a .info [data-sub-navigation-target]:before, .stages .hide-for-small-only .columns .promobox a .info #ajax-shopping-cart .item a.remove:before, #ajax-shopping-cart .item .stages .hide-for-small-only .columns .promobox a .info a.remove:before, .stages .hide-for-small-only .columns .promobox a .info #ajax-shopping-cart .toggle a:before, #ajax-shopping-cart .toggle .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info html .swiper-button-prev:before, html .stages .hide-for-small-only .columns .promobox a .info .swiper-button-prev:before, .stages .hide-for-small-only .columns .promobox a .info html .swiper-button-next:before, html .stages .hide-for-small-only .columns .promobox a .info .swiper-button-next:before, .stages .hide-for-small-only .columns .promobox a .info body .ui-datepicker-next:before, body .stages .hide-for-small-only .columns .promobox a .info .ui-datepicker-next:before, .stages .hide-for-small-only .columns .promobox a .info body .ui-datepicker-prev:before, body .stages .hide-for-small-only .columns .promobox a .info .ui-datepicker-prev:before, .stages .hide-for-small-only .columns .promobox a .info .start-welcome .icon-trying:before, .start-welcome .stages .hide-for-small-only .columns .promobox a .info .icon-trying:before, .stages .hide-for-small-only .columns .promobox a .info .start-welcome .icon-pregnant:before, .start-welcome .stages .hide-for-small-only .columns .promobox a .info .icon-pregnant:before, .stages .hide-for-small-only .columns .promobox a .info .start-welcome .icon-baby:before, .start-welcome .stages .hide-for-small-only .columns .promobox a .info .icon-baby:before, .stages .hide-for-small-only .columns .promobox a .info .start-welcome .icon-toddler:before, .start-welcome .stages .hide-for-small-only .columns .promobox a .info .icon-toddler:before, .stages .hide-for-small-only .columns .promobox a .info ul.articles [data-trigger="sign-in"] .category:before, ul.articles [data-trigger="sign-in"] .stages .hide-for-small-only .columns .promobox a .info .category:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter h2:after, .article-filter .stages .hide-for-small-only .columns .promobox a .info h2:after, .stages .hide-for-small-only .columns .promobox a .info .article-header h2:after, .article-header .stages .hide-for-small-only .columns .promobox a .info h2:after, .stages .hide-for-small-only .columns .promobox a .info .article-filter .h2:after, .article-filter .stages .hide-for-small-only .columns .promobox a .info .h2:after, .stages .hide-for-small-only .columns .promobox a .info .article-header .h2:after, .article-header .stages .hide-for-small-only .columns .promobox a .info .h2:after, .stages .hide-for-small-only .columns .promobox a .info .article-filter h2.trying:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info h2.trying:before, .stages .hide-for-small-only .columns .promobox a .info .article-header h2.trying:before, .article-header .stages .hide-for-small-only .columns .promobox a .info h2.trying:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter .trying.h2:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info .trying.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-header .trying.h2:before, .article-header .stages .hide-for-small-only .columns .promobox a .info .trying.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter h2.pregnant:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info h2.pregnant:before, .stages .hide-for-small-only .columns .promobox a .info .article-header h2.pregnant:before, .article-header .stages .hide-for-small-only .columns .promobox a .info h2.pregnant:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter .pregnant.h2:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info .pregnant.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-header .pregnant.h2:before, .article-header .stages .hide-for-small-only .columns .promobox a .info .pregnant.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter h2.baby:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info h2.baby:before, .stages .hide-for-small-only .columns .promobox a .info .article-header h2.baby:before, .article-header .stages .hide-for-small-only .columns .promobox a .info h2.baby:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter .baby.h2:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info .baby.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-header .baby.h2:before, .article-header .stages .hide-for-small-only .columns .promobox a .info .baby.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter h2.toddler:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info h2.toddler:before, .stages .hide-for-small-only .columns .promobox a .info .article-header h2.toddler:before, .article-header .stages .hide-for-small-only .columns .promobox a .info h2.toddler:before, .stages .hide-for-small-only .columns .promobox a .info .article-filter .toddler.h2:before, .article-filter .stages .hide-for-small-only .columns .promobox a .info .toddler.h2:before, .stages .hide-for-small-only .columns .promobox a .info .article-header .toddler.h2:before, .article-header .stages .hide-for-small-only .columns .promobox a .info .toddler.h2:before, .stages .hide-for-small-only .columns .promobox a .info .point-arrow:before, .stages .hide-for-small-only .columns .promobox a .info ul.products .points span:before, ul.products .points .stages .hide-for-small-only .columns .promobox a .info span:before, .stages .hide-for-small-only .columns .promobox a .info .club-coin-progress .arrow:before, .club-coin-progress .stages .hide-for-small-only .columns .promobox a .info .arrow:before, .stages .hide-for-small-only .columns .promobox a .info .sprite-icon-coin-arrow:before, .stages .hide-for-small-only .columns .promobox a .info .sprite-icon-coin-arrow-white:before, .stages .hide-for-small-only .columns .promobox a .info .point-shop-product-info a.close:before, .point-shop-product-info .stages .hide-for-small-only .columns .promobox a .info a.close:before, .stages .hide-for-small-only .columns .promobox a .info form .filePicker .choose:before, form .filePicker .stages .hide-for-small-only .columns .promobox a .info .choose:before, .stages .hide-for-small-only .columns .promobox a .info .add-profile-image .remove:before, .add-profile-image .stages .hide-for-small-only .columns .promobox a .info .remove:before, .stages .hide-for-small-only .columns .promobox a .info .profile-trying:before, .stages .hide-for-small-only .columns .promobox a .info .profile-pregnant:before, .stages .hide-for-small-only .columns .promobox a .info .profile-baby:before, .stages .hide-for-small-only .columns .promobox a .info .profile-toddler:before, .stages .hide-for-small-only .columns .promobox a .info .profile-padlock:before, .stages .hide-for-small-only .columns .promobox a .info .profile-convert-code:before, .stages .hide-for-small-only .columns .promobox a .info .profile-order-history:before, .stages .hide-for-small-only .columns .promobox a .info .profile-point-history:before, .stages .hide-for-small-only .columns .promobox a .info .profile-change-email:before, .stages .hide-for-small-only .columns .promobox a .info .profile-questionaire:before, .stages .hide-for-small-only .columns .promobox a .info .profile-subscriptions:before, .stages .hide-for-small-only .columns .promobox a .info .search-container span:before, .search-container .stages .hide-for-small-only .columns .promobox a .info span:before, .stages .hide-for-small-only .columns .promobox a .info .search-container .clear-search:before, .search-container .stages .hide-for-small-only .columns .promobox a .info .clear-search:before, .stages .hide-for-small-only .columns .promobox a .info #ajaxOverlayError span:before, #ajaxOverlayError .stages .hide-for-small-only .columns .promobox a .info span:before, .stages .hide-for-small-only .columns .promobox a .info dl.accordion dd > a:before, dl.accordion .stages .hide-for-small-only .columns .promobox a .info dd > a:before, .stages .hide-for-small-only .columns .promobox a .info a.arrow-down-toggle:after, .stages .hide-for-small-only .columns .promobox a .info a.new:before, .stages .hide-for-small-only .columns .promobox a .info a.new-discussion:before, .stages .hide-for-small-only .columns .promobox a .info a.new-reply:before, .stages .hide-for-small-only .columns .promobox a .info a.new-report:before, .stages .hide-for-small-only .columns .promobox a .info a.trying:before, .stages .hide-for-small-only .columns .promobox a .info a.pregnant:before, .stages .hide-for-small-only .columns .promobox a .info a.baby:before, .stages .hide-for-small-only .columns .promobox a .info a.toddler:before, .stages .hide-for-small-only .columns .promobox a .info a.action:before, .stages .hide-for-small-only .columns .promobox a .info a.action.back:before, .stages .hide-for-small-only .columns .promobox a .info .article-66-33 a.fb-link:before, .article-66-33 .stages .hide-for-small-only .columns .promobox a .info a.fb-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-50-50 a.fb-link:before, .article-50-50 .stages .hide-for-small-only .columns .promobox a .info a.fb-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-66-33 a.twitter-link:before, .article-66-33 .stages .hide-for-small-only .columns .promobox a .info a.twitter-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-50-50 a.twitter-link:before, .article-50-50 .stages .hide-for-small-only .columns .promobox a .info a.twitter-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-66-33 a.mail-link:before, .article-66-33 .stages .hide-for-small-only .columns .promobox a .info a.mail-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-50-50 a.mail-link:before, .article-50-50 .stages .hide-for-small-only .columns .promobox a .info a.mail-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-66-33 a.print-link:before, .article-66-33 .stages .hide-for-small-only .columns .promobox a .info a.print-link:before, .stages .hide-for-small-only .columns .promobox a .info .article-50-50 a.print-link:before, .article-50-50 .stages .hide-for-small-only .columns .promobox a .info a.print-link:before, .stages .hide-for-small-only .columns .promobox a .info .video-play:before, .stages .hide-for-small-only .columns .promobox a .info .dropdown__hint:after, .stages .hide-for-small-only .columns .promobox a .info [theme="comfort-baru"] .title-logo:before, [theme="comfort-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="comfort-baru"] .title-logo:before, div[theme="comfort-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="upngo-baru"] .title-logo:before, [theme="upngo-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="upngo-baru"] .title-logo:before, div[theme="upngo-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="newborn-baru"] .title-logo:before, [theme="newborn-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="newborn-baru"] .title-logo:before, div[theme="newborn-baru"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="lotus-touch-newborn"] .title-logo:before, [theme="lotus-touch-newborn"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="lotus-touch-newborn"] .title-logo:before, div[theme="lotus-touch-newborn"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="lotus-touch-comfort"] .title-logo:before, [theme="lotus-touch-comfort"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="lotus-touch-comfort"] .title-logo:before, div[theme="lotus-touch-comfort"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="lotus-touch-upngo"] .title-logo:before, [theme="lotus-touch-upngo"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="lotus-touch-upngo"] .title-logo:before, div[theme="lotus-touch-upngo"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="everyday"] .title-logo:before, [theme="everyday"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="everyday"] .title-logo:before, div[theme="everyday"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="drypants"] .title-logo:before, [theme="drypants"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="drypants"] .title-logo:before, div[theme="drypants"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="sleep-tight"] .title-logo:before, [theme="sleep-tight"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="sleep-tight"] .title-logo:before, div[theme="sleep-tight"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info [theme="swimpants"] .title-logo:before, [theme="swimpants"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info div[theme="swimpants"] .title-logo:before, div[theme="swimpants"] .stages .hide-for-small-only .columns .promobox a .info .title-logo:before, .stages .hide-for-small-only .columns .promobox a .info .products--anchor-menu div.to-top span:before, .products--anchor-menu div.to-top .stages .hide-for-small-only .columns .promobox a .info span:before, .stages .hide-for-small-only .columns .promobox a .info .products--anchor-menu .current a:before, .products--anchor-menu .current .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox .ratings-bar .stars a .info span:before, .ratings-bar .stars .stages .hide-for-small-only .columns .promobox a .info span:before, .stages .hide-for-small-only .columns .promobox a .info .editor ul.fancy li:before, .editor ul.fancy .stages .hide-for-small-only .columns .promobox a .info li:before, .stages .hide-for-small-only .columns .promobox a .info .filter-move-to-size .indicator:before, .filter-move-to-size .stages .hide-for-small-only .columns .promobox a .info .indicator:before, .stages .hide-for-small-only .columns .promobox a .info .filter-slider-small .btn-container a:before, .filter-slider-small .btn-container .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .filter-slider-small .clear:before, .filter-slider-small .stages .hide-for-small-only .columns .promobox a .info .clear:before, .stages .hide-for-small-only .columns .promobox a .info .filter-slider-small-alert:before, .stages .hide-for-small-only .columns .promobox a .info .product--filter-result-display .swipe:before, .product--filter-result-display .stages .hide-for-small-only .columns .promobox a .info .swipe:before, .stages .hide-for-small-only .columns .promobox a .info .product--filter-result-display-eden .swipe:before, .product--filter-result-display-eden .stages .hide-for-small-only .columns .promobox a .info .swipe:before, .stages .hide-for-small-only .columns .promobox a .info .products--product-accessory .bottom .benefits .check:before, .products--product-accessory .bottom .benefits .stages .hide-for-small-only .columns .promobox a .info .check:before, .stages .hide-for-small-only .columns .promobox a .info .products--family-range .bar li:before, .products--family-range .bar .stages .hide-for-small-only .columns .promobox a .info li:before, .stages .hide-for-small-only .columns .promobox a .info .diaper-3d .bottom-options .to-top:before, .diaper-3d .bottom-options .stages .hide-for-small-only .columns .promobox a .info .to-top:before, .stages .hide-for-small-only .columns .promobox a .info .diaper-3d .bottom-options .to-bottom:before, .diaper-3d .bottom-options .stages .hide-for-small-only .columns .promobox a .info .to-bottom:before, .stages .hide-for-small-only .columns .promobox a .info .diaper-3d .bottom-options .scroll-down:before, .diaper-3d .bottom-options .stages .hide-for-small-only .columns .promobox a .info .scroll-down:before, .stages .hide-for-small-only .columns .promobox a .info .blob-photo-upload:before, .stages .hide-for-small-only .columns .promobox a .info .club--profile-header .bg-photo-load-wrap .bg-photo-load:before, .club--profile-header .bg-photo-load-wrap .stages .hide-for-small-only .columns .promobox a .info .bg-photo-load:before, .stages .hide-for-small-only .columns .promobox a .info label.profile-header__change-image:before, .stages .hide-for-small-only .columns .promobox a .info .feed-carousel .slick-prev:before, .feed-carousel .stages .hide-for-small-only .columns .promobox a .info .slick-prev:before, .stages .hide-for-small-only .columns .promobox a .info .feed-carousel .slick-next:before, .feed-carousel .stages .hide-for-small-only .columns .promobox a .info .slick-next:before, .stages .hide-for-small-only .columns .promobox a .info #headerV2 .exmenu a:before, #headerV2 .exmenu .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info #headerV2 a.to-top:before, #headerV2 .stages .hide-for-small-only .columns .promobox a .info a.to-top:before, .stages .hide-for-small-only .columns .promobox a .info #headerV2 .btn-search:before, #headerV2 .stages .hide-for-small-only .columns .promobox a .info .btn-search:before, .stages .hide-for-small-only .columns .promobox a .info .club-carousel .slick-prev:before, .club-carousel .stages .hide-for-small-only .columns .promobox a .info .slick-prev:before, .stages .hide-for-small-only .columns .promobox a .info .club-carousel .slick-next:before, .club-carousel .stages .hide-for-small-only .columns .promobox a .info .slick-next:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__icon--comment:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__icon--heart:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__icon--share:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__icon--more:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__tags:before, .stages .hide-for-small-only .columns .promobox a .info .feed-post__content-image a:before, .feed-post__content-image .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__text a:before, .create-post__text .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__overlay--tags label:before, .create-post__overlay--tags .stages .hide-for-small-only .columns .promobox a .info label:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__overlay--tags label:after, .create-post__overlay--tags .stages .hide-for-small-only .columns .promobox a .info label:after, .stages .hide-for-small-only .columns .promobox a .info .create-post__milestone-menu-item .check:after, .create-post__milestone-menu-item .stages .hide-for-small-only .columns .promobox a .info .check:after, .stages .hide-for-small-only .columns .promobox a .info .create-post__btn > span:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__btn-photo > span:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__btn-tag > span:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__btn-date > span:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__milestone-post-photo .view-add:before, .create-post__milestone-post-photo .stages .hide-for-small-only .columns .promobox a .info .view-add:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__post-photo .view-add:before, .create-post__post-photo .stages .hide-for-small-only .columns .promobox a .info .view-add:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__milestone-post-photo .view-done a:before, .create-post__milestone-post-photo .view-done .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__post-photo .view-done a:before, .create-post__post-photo .view-done .stages .hide-for-small-only .columns .promobox a .info a:before, .stages .hide-for-small-only .columns .promobox a .info .create-post__title a:after, .create-post__title .stages .hide-for-small-only .columns .promobox a .info a:after, .stages .hide-for-small-only .columns .promobox a .info .multi-upload label:before, .multi-upload .stages .hide-for-small-only .columns .promobox a .info label:before, .stages .hide-for-small-only .columns .promobox a .info .club--stages .share:before, .club--stages .stages .hide-for-small-only .columns .promobox a .info .share:before, .stages .hide-for-small-only .columns .promobox a .info .stages-overlay__close:before, .stages .hide-for-small-only .columns .promobox a .info .stage-item__share:before, .stages .hide-for-small-only .columns .promobox a .info .cp-layer .cp-input-container .datepicker-icon:before, .cp-layer .cp-input-container .stages .hide-for-small-only .columns .promobox a .info .datepicker-icon:before, .stages .hide-for-small-only .columns .promobox a .info .ep-layer .ep-input-container .datepicker-icon:before, .ep-layer .ep-input-container .stages .hide-for-small-only .columns .promobox a .info .datepicker-icon:before, .stages .hide-for-small-only .columns .promobox a .info .club-overlay .bg-photo-load:before, .club-overlay .stages .hide-for-small-only .columns .promobox a .info .bg-photo-load:before, .stages .hide-for-small-only .columns .promobox a .info .club-stages-post .stage-icon:before, .club-stages-post .stages .hide-for-small-only .columns .promobox a .info .stage-icon:before, .stages .hide-for-small-only .columns .promobox a .info .club-stages-product .stage-icon:before, .club-stages-product .stages .hide-for-small-only .columns .promobox a .info .stage-icon:before, .stages .hide-for-small-only .columns .promobox a .info .sidebar-overlay__trigger:before, .stages .hide-for-small-only .columns .promobox a .info body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-playing .vjs-big-play-button:before, body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-playing .stages .hide-for-small-only .columns .promobox a .info .vjs-big-play-button:before, .stages .hide-for-small-only .columns .promobox a .info body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-paused .vjs-big-play-button:before, body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-paused .stages .hide-for-small-only .columns .promobox a .info .vjs-big-play-button:before, .stages .hide-for-small-only .columns .promobox a .info body div .amp-default-skin .vjs-big-play-button:before, body div .amp-default-skin .stages .hide-for-small-only .columns .promobox a .info .vjs-big-play-button:before, .stages .hide-for-small-only .columns .promobox a .info .overlay2 .overlay2-nav .prev:before, .overlay2 .overlay2-nav .stages .hide-for-small-only .columns .promobox a .info .prev:before, .stages .hide-for-small-only .columns .promobox a .info .overlay2 .overlay2-nav .next:before, .overlay2 .overlay2-nav .stages .hide-for-small-only .columns .promobox a .info .next:before, .stages .hide-for-small-only .columns .promobox a .info .overlay2 [data-overlay2-close]:before, .overlay2 .stages .hide-for-small-only .columns .promobox a .info [data-overlay2-close]:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--life-hack .inner:before, .youplus--life-hack .stages .hide-for-small-only .columns .promobox a .info .inner:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-audio .default-player:before, .youplus--story-audio .stages .hide-for-small-only .columns .promobox a .info .default-player:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-m-audio .default-player:before, .youplus--story-m-audio .stages .hide-for-small-only .columns .promobox a .info .default-player:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-video .inner:before, .youplus--story-video .stages .hide-for-small-only .columns .promobox a .info .inner:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-info .comments:after, .youplus--story-info .stages .hide-for-small-only .columns .promobox a .info .comments:after, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-m-video .inner:before, .youplus--story-m-video .stages .hide-for-small-only .columns .promobox a .info .inner:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-header .filter-btn:before, .youplus--story-header .stages .hide-for-small-only .columns .promobox a .info .filter-btn:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-header .month .btn-yp.selected:before, .youplus--story-header .month .stages .hide-for-small-only .columns .promobox a .info .btn-yp.selected:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--story-header .tags .btn-yp.selected:before, .youplus--story-header .tags .stages .hide-for-small-only .columns .promobox a .info .btn-yp.selected:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--listicles h3:before, .youplus--listicles .stages .hide-for-small-only .columns .promobox a .info h3:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--listicles .h3:before, .youplus--listicles .stages .hide-for-small-only .columns .promobox a .info .h3:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--listicles .product-info h1:before, .youplus--listicles .product-info .stages .hide-for-small-only .columns .promobox a .info h1:before, .stages .hide-for-small-only .columns .promobox a .info .product-info .youplus--listicles h1:before, .product-info .youplus--listicles .stages .hide-for-small-only .columns .promobox a .info h1:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--listicles .product-info .h1:before, .youplus--listicles .product-info .stages .hide-for-small-only .columns .promobox a .info .h1:before, .stages .hide-for-small-only .columns .promobox a .info .product-info .youplus--listicles .h1:before, .product-info .youplus--listicles .stages .hide-for-small-only .columns .promobox a .info .h1:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--testimonial .slick-prev:before, .youplus--testimonial .stages .hide-for-small-only .columns .promobox a .info .slick-prev:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--testimonial .slick-next:before, .youplus--testimonial .stages .hide-for-small-only .columns .promobox a .info .slick-next:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--poll-results .check:before, .youplus--poll-results .stages .hide-for-small-only .columns .promobox a .info .check:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--app-hero .leftArrow:before, .youplus--app-hero .stages .hide-for-small-only .columns .promobox a .info .leftArrow:before, .stages .hide-for-small-only .columns .promobox a .info .youplus--app-hero .rightArrow:before, .youplus--app-hero .stages .hide-for-small-only .columns .promobox a .info .rightArrow:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--order-bar .share-tooltip__facebook:before, .photobook--order-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__facebook:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--order-bar .share-tooltip__twitter:before, .photobook--order-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__twitter:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--order-bar .share-tooltip__instagram:before, .photobook--order-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__instagram:before, .stages .hide-for-small-only .columns .promobox a .info .message-bar__message--saved:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--navigation-bar .navigation-bar__back-link:before, .photobook--navigation-bar .stages .hide-for-small-only .columns .promobox a .info .navigation-bar__back-link:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--navigation-bar .navigation-bar__close:before, .photobook--navigation-bar .stages .hide-for-small-only .columns .promobox a .info .navigation-bar__close:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--navigation-bar .navigation-bar__drop-value--trigger:before, .photobook--navigation-bar .stages .hide-for-small-only .columns .promobox a .info .navigation-bar__drop-value--trigger:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--status-bar .status-bar__remove:before, .photobook--status-bar .stages .hide-for-small-only .columns .promobox a .info .status-bar__remove:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--grid .grid-item .grid-item__check:after, .photobook--grid .grid-item .stages .hide-for-small-only .columns .promobox a .info .grid-item__check:after, .stages .hide-for-small-only .columns .promobox a .info .photobook--grid .grid-item .grid-item__message-icon:after, .photobook--grid .grid-item .stages .hide-for-small-only .columns .promobox a .info .grid-item__message-icon:after, .stages .hide-for-small-only .columns .promobox a .info .photobook--grid .grid-item .grid-item__message--add .grid-item__message-icon:after, .photobook--grid .grid-item .grid-item__message--add .stages .hide-for-small-only .columns .promobox a .info .grid-item__message-icon:after, .stages .hide-for-small-only .columns .promobox a .info .photobook--milestone-frame .milestone-carousel__edit-image:before, .photobook--milestone-frame .stages .hide-for-small-only .columns .promobox a .info .milestone-carousel__edit-image:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--milestone-frame .milestone-edit__date:before, .photobook--milestone-frame .stages .hide-for-small-only .columns .promobox a .info .milestone-edit__date:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--crop-image .crop-image__upload label:after, .photobook--crop-image .crop-image__upload .stages .hide-for-small-only .columns .promobox a .info label:after, .stages .hide-for-small-only .columns .promobox a .info .photobook--crop-image .crop-image__upload a.crop-image__upload-remove:after, .photobook--crop-image .crop-image__upload .stages .hide-for-small-only .columns .promobox a .info a.crop-image__upload-remove:after, .stages .hide-for-small-only .columns .promobox a .info .photobook--preview-bar .share-tooltip__facebook:before, .photobook--preview-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__facebook:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--preview-bar .share-tooltip__twitter:before, .photobook--preview-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__twitter:before, .stages .hide-for-small-only .columns .promobox a .info .photobook--preview-bar .share-tooltip__instagram:before, .photobook--preview-bar .stages .hide-for-small-only .columns .promobox a .info .share-tooltip__instagram:before { height: 34px; width: 34px; right: 22%; top: -25%; } .promos.dualPromo .row .columns .promobox a .info.text-center { padding: 20px 75px 30px 75px; font-size: 28px; line-height: 28px; } .libero_club_wrapper .libero_club_submit { padding: 15px 25px 15px 25px; } .libero_club_wrapper .libero_club_cancel { padding: 15px 25px 15px 25px; } .logo-astma-wrapper { padding-top: 20%; position: relative; } .labels-mobile { display: block; max-width: 50px; position: absolute; right: 15px; top: 30px; } .logo-astma-mobile { right: 70px; } .logo-astma-mobile { right: 70px; } .products--family-range .logo-astma-mobile { right: 90px !important; } .labels-mobile { display: block; } .logo-astma-mobile { display: block; } .labels-desktop { display: none; } .logo-astma-desktop { display: none; } .products--product-accessory .pack { position: relative; } } @media only screen and (max-width: 812px) and (orientation: landscape) { .products--retailers .item img { max-width: 70px; } /*powerreview*/ .p-w-r .pr-content-collection-form .pr-media-modal .modal__body { max-height: 72% !important; top: 62% !important; } .p-w-r .pr-content-collection-form .pr-media-modal .button__close { top: 24% !important; left: 45% !important; } .products--product-accessory .p-w-r .pr-content-collection-form .pr-media-modal .modal__body { max-height: 56% !important; top: 50% !important; } .p-w-r .pr-review-snapshot-block-snippet .pr-content-collection-form .pr-media-modal .button__close { top: 8% !important; } .p-w-r footer .pr-media-modal .modal__body { width: 100% !important; max-height: 75% !important; top: 23% !important; } .p-w-r footer .pr-media-modal .button__close { left: 45% !important; top: 5% !important; } } @media only screen and (max-width: 812px) and (orientation: portrait) { /*powerreview*/ .p-w-r .pr-content-collection-form .pr-media-modal .modal__body { max-height: 83% !important; top: 56% !important; } .p-w-r .pr-content-collection-form .pr-media-modal .button__close { top: 15% !important; left: 45% !important; } .products--product-accessory .p-w-r .pr-content-collection-form .pr-media-modal .modal__body { max-height: 73% !important; top: 50% !important; } .p-w-r .pr-review-snapshot-block-snippet .pr-content-collection-form .pr-media-modal .button__close { top: 3% !important; } .p-w-r footer .pr-media-modal .modal__body { width: 100% !important; max-height: 82% !important; top: 16% !important; } .p-w-r footer .pr-media-modal .button__close { left: 45% !important; top: 5% !important; } } @media screen and (max-width: 811px) { .icon-10-circle:before, .title-logo-sizes.size-10:after, [theme="comfort"] .size-10.title-logo:after, [theme="upngo"] .size-10.title-logo:after, [theme="newborn"] .size-10.title-logo:after, [theme="comfort-baru"] .size-10.title-logo:after, [theme="upngo-baru"] .size-10.title-logo:after, [theme="newborn-baru"] .size-10.title-logo:after, [theme="lotus-touch-newborn"] .size-10.title-logo:after, [theme="lotus-touch-comfort"] .size-10.title-logo:after, [theme="lotus-touch-upngo"] .size-10.title-logo:after, [theme="everyday"] .size-10.title-logo:after, [theme="drypants"] .size-10.title-logo:after, .size-10.product--sizes:after { font-size: 50px; } } @media only screen and (max-width: 799px) { .diaper-3d .bottom-bar .pack { transition: opacity 700ms ease-out 500ms; opacity: 1; } .diaper-3d .bottom-bar .bottom-options.anim-in { transition: -webkit-transform 700ms ease-out 500ms; transition: transform 700ms ease-out 500ms; transition: transform 700ms ease-out 500ms, -webkit-transform 700ms ease-out 500ms; -webkit-transform: translateX(0px); transform: translateX(0px); } .diaper-3d .bottom-bar .bottom-options.anim-in .to-top { transition: -webkit-transform 700ms ease-out 500ms; transition: transform 700ms ease-out 500ms; transition: transform 700ms ease-out 500ms, -webkit-transform 700ms ease-out 500ms; -webkit-transform: translateX(0px); transform: translateX(0px); } .diaper-3d .bottom-bar .bottom-options.anim-in .to-bottom { transition: -webkit-transform 700ms ease-out 500ms; transition: transform 700ms ease-out 500ms; transition: transform 700ms ease-out 500ms, -webkit-transform 700ms ease-out 500ms; -webkit-transform: translateX(0px); transform: translateX(0px); } .diaper-3d .bottom-bar.inactive .pack { transition: opacity 700ms ease-out 500ms; opacity: 0; } .diaper-3d .bottom-bar.inactive .bottom-options, .diaper-3d .bottom-bar.inactive .bottom-options.anim-in { transition: -webkit-transform 700ms ease-out 500ms; transition: transform 700ms ease-out 500ms; transition: transform 700ms ease-out 500ms, -webkit-transform 700ms ease-out 500ms; -webkit-transform: translateX(85px); transform: translateX(85px); } .diaper-3d .bottom-bar.inactive .bottom-options .to-top, .diaper-3d .bottom-bar.inactive .bottom-options.anim-in .to-top { transition: -webkit-transform 700ms ease-out 500ms; transition: transform 700ms ease-out 500ms; transition: transform 700ms ease-out 500ms, -webkit-transform 700ms ease-out 500ms; -webkit-transform: translateX(150px); transform: translateX(150px); } .diaper-3d .bottom-bar.inactive .bottom-options .to-bottom, .diaper-3d .bottom-bar.inactive .bottom-options.anim-in .to-bottom { transition: -webkit-transform 700ms ease-out 500ms; transition: transform 700ms ease-out 500ms; transition: transform 700ms ease-out 500ms, -webkit-transform 700ms ease-out 500ms; -webkit-transform: translateX(150px); transform: translateX(150px); } } @media only screen and (max-width: 768px) and (orientation: portrait) { .club-top.join-now .club-top-wrapper { padding: 20px 10px 0 10px; } } @media screen and (max-width: 768px) { .modal-container .modal .start-stage-select { padding: 0 0.75em 2em 0.75em; } .modal-container .modal { width: 90%; } .modal-close { height: 2em; margin: 1em 0.5em 0.5em 1em; } .modal-close .modal-close--button { font-size: 1.5em !important; } } @media only screen and (max-width: 768px) { .pc-page .pc-inner { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .pc-page .pc-inner .pc-description { width: 100%; -webkit-order: 2; -ms-flex-order: 2; order: 2; padding-right: 0; } .pc-page .pc-inner .pc-image { -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 13px; width: 100%; } .pc-page .pc-inner .pc-image img { margin-top: 0; } .pc-page hr { margin: 10px 0; } .new-pakage-two .new-pakage-button { width: 90%; padding: 12px 80px; max-width: 380px; } .overlay2-open #stageArticle.article-50-50 .row { padding-left: 0; padding: 4%; } #stageArticle.article-50-50 .col { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-bottom: 30px; } } @media only screen and (max-width: 767px) { .start-stage-select .header-c h2, .start-stage-select .header-c .h2 { font-size: 28px; line-height: 28px; } .libero_club_wrapper .libero_club { margin: 20px 0; max-width: 95%; } .libero_club_wrapper .libero_club .invitation-text { padding: 0 20px; } .libero_club_wrapper .footer-button { width: 100%; } .libero_club_wrapper .libero_club_submit { margin-right: 0; } .libero_club_wrapper .libero_club_submit { margin-bottom: 5px; } } @media screen and (max-width: 767px) { .video-play.is-visible { -webkit-transform: translate(-50%, -140%) !important; transform: translate(-50%, -140%) !important; } [theme="touch19"] .diaper-3d .top-bar .heading.column, div[theme="touch19"] .diaper-3d .top-bar .heading.column { position: relative; margin-top: 10px; } [theme="touch19"] .diaper-3d .top-bar .heading.column:after, div[theme="touch19"] .diaper-3d .top-bar .heading.column:after { background: rgba(241, 235, 228, 0.39); border-top-left-radius: 12px; border-top-right-radius: 12px; bottom: -2px; content: ''; height: 100%; left: 15px; position: absolute; width: calc(100% - 30px); z-index: -1; } [theme="touch-pants"] .diaper-3d .top-bar .heading.column, div[theme="touch-pants"] .diaper-3d .top-bar .heading.column { position: relative; margin-top: 10px; } [theme="touch-pants"] .diaper-3d .top-bar .heading.column:after, div[theme="touch-pants"] .diaper-3d .top-bar .heading.column:after { background: rgba(241, 235, 228, 0.39); border-top-left-radius: 12px; border-top-right-radius: 12px; bottom: -2px; content: ''; height: 100%; left: 15px; position: absolute; width: calc(100% - 30px); z-index: -1; } [theme="touch"] .diaper-3d .top-bar .heading.column, div[theme="touch"] .diaper-3d .top-bar .heading.column { position: relative; margin-top: 10px; } [theme="touch"] .diaper-3d .top-bar .heading.column:after, div[theme="touch"] .diaper-3d .top-bar .heading.column:after { background: rgba(241, 235, 228, 0.39); border-top-left-radius: 12px; border-top-right-radius: 12px; bottom: -2px; content: ''; height: 100%; left: 15px; position: absolute; width: calc(100% - 30px); z-index: -1; } .diaper-3d section { height: 450px; } .diaper-3d .container { height: 720px !important; } .diaper-3d:not(.one-pager) section { height: 450px; } .diaper-3d .top-bar { background: white; } .diaper-3d .responsiveVideo, .diaper-3d .benefit-images { top: 40%; } .heading-title-wrapper { margin: auto; margin-top: -60px; } [theme="touch-pants"] .ProductDetails--Wrapper, div[theme="touch-pants"] .ProductDetails--Wrapper { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; margin: 0 15px; } [theme="touch-pants"] .Product--details, div[theme="touch-pants"] .Product--details { padding-bottom: 40px; padding-top: 40px; } [theme="touch"] .ProductDetails--Wrapper, div[theme="touch"] .ProductDetails--Wrapper { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; margin: 0 15px; } [theme="touch"] .Product--details, div[theme="touch"] .Product--details { padding-bottom: 70px; padding-top: 40px; } [theme="touch19"] .ProductDetails--Wrapper, div[theme="touch19"] .ProductDetails--Wrapper { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; margin: 0 15px; } [theme="touch19"] .Product--details, div[theme="touch19"] .Product--details { padding-bottom: 70px; padding-top: 40px; } .diaper-3d #pr-reviewsnippet { padding: 0 20px; } .diaper-3d #pr-reviewsnippet .pr-snippet { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .diaper-3d #pr-reviewsnippet .pr-snippet-stars .pr-snippet-rating-decimal { margin-right: 25px; } .banner-features-wrapper.edenBanner--desktopView { display: none; } .banner-features-wrapper.edenBanner--mobileView { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 65px 0 0; padding: 0 20px; background: #E8F4EC; position: relative; z-index: 2; } .banner-features-wrapper.edenBanner--mobileView .banner-feature-icon { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; padding: 7px 10px; } .banner-features-wrapper.edenBanner--mobileView .banner-feature-icon img { max-height: 35px; max-width: 35px; } .banner-features-wrapper.edenBanner--mobileView span { display: block; font-size: 10px; padding-left: 10px; font-weight: bold; } .Product--details { padding: 20px 15px 15px; } .Product--details .Product--imageWrapper { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 45px; max-width: 100%; } .Product--details .Product--imageWrapper .Product--packshotImage { background-size: auto; } .Product--details .Product--imageWrapper .Product--packshotImage .Product--img { max-width: 70%; } .Product--details .Product--imageWrapper .Product--packshotImage .Product--img img { max-height: 100%; } .Product--details .Product--imageWrapper .Product--packshotImage .Product--img span { bottom: -3px; height: 7px; } .Product--details .Product--contentWrapper { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .Product--details .Product--contentWrapper .Product--content .Product--subTitle { font-size: 28px; line-height: 28px; margin-bottom: 20px; } .Product--details .Product--contentWrapper .Product--content .Product--sectionTitle { font-size: 20px; } .Product--details .Product--contentWrapper .Product--content ul li { font-size: 18px; line-height: 31px; } .Product--details .Product--contentWrapper .Product--accordion a.Product--accordionTitle { font-size: 18px; line-height: 18px; width: 100%; } .Product--accordionImageContent .Product--accordionImage .Product--image { height: 60px; margin-right: 25px; width: 60px; } .diaper-3d .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .diaper-3d .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write a { margin-bottom: 10px !important; } } @media only screen and (max-width: 767px) and (orientation: portrait) { .common-overlay .overlay { max-height: 60%; } .common-overlay .overlay p { height: 200px; overflow-y: scroll; } #ajax-load-more-articles .load-more { margin: 10px 0; } } @media only screen and (max-width: 767px) and (orientation: landscape) { .common-overlay .overlay { max-height: 70%; } .common-overlay .overlay p { height: 150px; overflow-y: scroll; } .libero_club_wrapper .libero_club { margin: 20px 0; max-width: 70% !important; } .libero_club_wrapper .libero_club .invitation-text { padding: 0 20px; } .libero_club_wrapper .footer-button { width: 100%; } } @media only screen and (max-width: 640px) { .superhero .carousel-intro .swiper-wrapper .desktopbanner { display: none; } .superhero .carousel-intro .swiper-wrapper .mobilebanner { display: block; width: 100%; } } @media (max-width: 640px) { .overlay-logo { left: 5%; } .overlay-logo img { min-width: 100px; } } @media screen and (max-width: 576px) { .heading-title-wrapper { max-width: 385px; width: 100%; } .Product--details .Product--imageWrapper .Product--packshotImage { background-size: contain; } } @media only screen and (max-width: 568px) { .start-stage-select { margin: 30px 0; padding-top: 0; padding-bottom: 0; } .start-stage-select .header-c h2, .start-stage-select .header-c .h2 { margin-bottom: 20px; } .products--family-range .logo-astma { right: 60px !important; } .logo-astma-wrapper { padding-top: 30%; } } @media only screen and (max-width: 480px) { .category-select .columns.menus a { padding-right: 20px; margin-right: 0; width: 40%; display: inline-block; word-break: break-word; margin-right: 30px; } .category-select .columns.menus a h1, .category-select .columns.menus a .h1 { font-size: 1.3rem; } } @media screen and (max-width: 480px) { .site-mape-sec ul { padding-left: 0; } } @media screen and (max-width: 440px) { .product-details .weight { font-size: 22px; line-height: 22px; } } @media screen and (max-width: 420px) { .diaper-3d .container { height: 650px !important; } .heading-title-wrapper { padding: 30px 60px 0 50px; height: 180px; } .product--title-weight { padding-left: 10px; } .product--sizes { -webkit-flex-basis: 49px; -ms-flex-preferred-size: 49px; flex-basis: 49px; padding-top: 20px; } .product--sizes:after { font-size: 64px; } .Product--details .Product--imageWrapper .Product--packshotImage { min-width: auto; } .Product--details .Product--imageWrapper .Product--packshotImage .Product--img img { max-height: 330px; } } @media only screen and (max-width: 414px) { ul.gbrw-grid > li, ul.products > li { padding: 0.9375rem 0; } #footer .row { text-align: left; } #footer .links { margin-bottom: 40px; } #footer .links li { display: block; } #footer .links li:not(:last-child):after { content: none; } #footer .links a { margin: 0 8px 0 0; } .promos h2, .promos .h2 { font-size: 32px; line-height: 32px; } ul.articles h5, ul.articles .h5 { font-size: 24px; line-height: 30px; } ul.articles .preamble, ul.articles p { font-size: 17px; line-height: 24px; } ul.articles .category { font-size: 17px; line-height: 24px; } .article-header .column { padding-left: 0 !important; } .article-header h2, .article-header .h2 { padding-bottom: 0 !important; } .article-header h2 span, .article-header .h2 span { font-size: 24px; line-height: 30px; } .calendar-sections div { width: auto; margin-top: 10px; } .club-top.join-now .text { margin: 0 20px 20px 20px !important; padding: 0; } .club-top.join-now .text .tb .tc p { display: none; } .start-welcome .button.btn-newclub, .start-welcome .btn-newclub.filePicker, .start-welcome a.btn-newclub.join-now, .start-welcome input.btn-newclub[type="submit"], .start-welcome input.btn-newclub[type="button"], .start-welcome input.btn-newclub[type="reset"], .start-welcome a.btn-newclub.submit-down, .start-welcome a.btn-newclub.submit-right, .start-welcome button.btn-newclub.submit-right, .start-welcome .btn-newclub.create-post__btn-publish, .start-welcome .btn-newclub.create-post__btn-cancel, .start-welcome .btn-newclub.create-post__btn-done { margin: 1.875rem 0 !important; } .superhero #header .container .header-stars { width: 15%; top: 21%; left: 28%; } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star1 { max-width: 55px; bottom: 30%; right: 6%; left: auto; -webkit-animation: starone375; animation: starone375; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star2 { max-width: 60px; bottom: 27%; left: -5%; right: auto; -webkit-animation-name: startwo375; animation-name: startwo375; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0s; animation-delay: 0s; } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star3 { max-width: 35px; bottom: 35%; left: 7%; right: auto; -webkit-animation-name: starthree375; animation-name: starthree375; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star4 { max-width: 20px; bottom: 55%; right: 10%; left: auto; } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star5 { width: 30px; bottom: 69%; right: 3%; left: auto; } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star6 { width: 25px; bottom: 80%; right: 7%; left: auto; } .superhero .carousel-intro .swiper-wrapper .superhero-slide .star7 { display: none; } .superhero .duo-block #duo-block-one .duo-block--padded { padding: 2rem; } .superhero .duo-block #duo-block-two .duo-block--padded { padding: 2rem; } .superhero .duo-block .duo-block-one .duo-block-one-animation .duo-block-star1 { width: 70px; bottom: 45%; right: -8%; left: auto; -webkit-animation-name: duoblockstarone375; animation-name: duoblockstarone375; } .superhero .duo-block .duo-block-one .duo-block-one-animation .duo-block-star3 { width: 0px; top: 2%; right: 3%; left: auto; -webkit-animation-name: duoblockstarthree375; animation-name: duoblockstarthree375; } .superhero .duo-block .duo-block-two .duo-block-star4mobile { width: 50px; position: absolute; top: 40%; right: 10%; } .superhero .duo-block .duo-block-two .duo-block-two-animation .duo-block-star2 { width: 0px; top: -76%; left: 2%; right: auto; -webkit-animation-name: duoblockstartwo375; animation-name: duoblockstartwo375; } .superhero .duo-block .duo-block-two .duo-block-two-animation .duo-block-star4 { display: none; } .superhero .duo-block .duo-block-two .duo-block-two-animation .duo-block-star4mobileInitial { width: 50px; position: absolute; top: 40%; right: 10%; display: block; } .superhero .start-stage-select .stages { margin-bottom: 30%; } .superhero .superhero-baby-animation { width: 200px; left: -35%; bottom: 0; } .superhero .superhero-baby .superhero-baby-animation { width: 200px; } .superhero .superhero-baby .superhero-star-animation { max-width: 150px; bottom: 46%; right: 2%; -webkit-animation-name: star-animation375; animation-name: star-animation375; } .superhero .promos .promos-star1 { width: 0px; } .superhero .promos .promos-star2 { width: 0; right: 10%; bottom: 50%; top: auto; } .superhero .promos { background-image: url(https://www.lotusbaby.fr/siteassets/SuperHeroSkin/articles-bkg-mobile_640.jpg); padding-bottom: 50%; } .superhero .star-animation-block .promos-star1 { width: 0px; bottom: 2%; right: 32%; top: auto; left: auto; -webkit-animation-name: promosstarone375; animation-name: promosstarone375; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 6s; animation-delay: 6s; } .superhero .star-animation-block .promos-star2 { width: 80px; right: 10%; bottom: 50%; top: auto; -webkit-animation-name: promosstartwo375; animation-name: promosstartwo375; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-delay: 2s; animation-delay: 2s; z-index: 999; } .superhero .star-animation-block .promos-star3 { max-width: 25px; -webkit-animation-name: promosstarthree; animation-name: promosstarthree; -webkit-animation-delay: 8s; animation-delay: 8s; top: auto; bottom: 4%; left: 26%; } .superhero .star-animation-block .promos-star4 { max-width: 30px; -webkit-animation-name: promosstarfour; animation-name: promosstarfour; -webkit-animation-delay: 8.5s; animation-delay: 8.5s; top: auto; bottom: 6%; left: 18%; } .superhero .star-animation-block .promos-star5 { display: none; } .superhero .star-animation-block .promos-star6 { display: none; } .superhero .star-animation-block .promos-star7 { max-width: 22px; -webkit-animation-name: promosstarsix; animation-name: promosstarsix; -webkit-animation-delay: 9s; animation-delay: 9s; top: auto; bottom: 9%; left: 32%; } .superhero #footer .superherobabymobile { display: block; position: absolute; bottom: 30%; left: -5%; width: 90px; display: block; } .superhero #footer .footerstar1 { width: 34px; position: absolute; bottom: 15%; right: 10%; } .tabs { padding-left: 0; padding-right: 0; } .tabs li { margin-right: 5px; min-width: 80px; } .products--articlelist .promos h2, .products--articlelist .promos .h2 { margin-top: 0; text-align: center; } .product--filter-result-display-eden .data { font-size: 24px; line-height: 30px; } .products--cross-sell h2, .products--cross-sell .h2 { text-align: center; } .products--retailers .item-container { margin: 0 20px; } .products--retailers .item { width: 50%; } .products--retailers .item:nth-child(even) { padding-right: 0px !important; } .products--retailers .item .logo-container { padding: 10px 15px; } .products--retailers .item img { max-width: 90px; } .products--retailers .item .links { padding: 0.46875rem 0.9375rem 0.46875rem 0.9375rem; } .p-w-r .pr-review-snapshot .pr-review-snapshot-header { margin-bottom: 30px !important; } .p-w-r .pr-rd-description .pr-rd-right .pr-rd-inner-side-content-block p { margin-bottom: 0; } .new-pakage-one { background-position: left; padding: 0 20px; min-height: 350px; } .new-pakage-one .new-pakage-left .new-pakage-left-content h2, .new-pakage-one .new-pakage-left .new-pakage-left-content .h2 { margin-bottom: 0px; max-width: 80%; } .new-pakage-one .new-pakage-right { -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 100%; margin: 0 auto; } .new-pakage-one .new-pakage-right .new-pakage-right-products .new-pakage-right-eco { max-width: 100px; top: -10px; left: -40px; } .new-pakage-two { min-height: 350px; background-position: left; height: 350px; } .new-pakage-two .new-pakage-brush { width: 90%; height: 216px; } .new-pakage-two .new-pakage-brush h2, .new-pakage-two .new-pakage-brush .h2 { font-size: 32px; line-height: 30px; } .promos.dualPromo .row .columns .promobox { padding-top: 0; } .promos.dualPromo .row .columns .promobox a .info.text-center { padding: 20px 100px 30px 100px; font-size: 24px; line-height: 24px; } .overlay2-open #stageArticle.article-50-50 .row { padding-left: 0; padding: 4%; } } @media screen and (max-width: 414px) { .Product--accordionImageContent .Product--accordionContent p { line-height: 22px !important; } } @media screen and (max-width: 410px) { .heading-title-wrapper { height: 170px; } } @media (max-width: 400px) { @-ms-viewport { width: 320px; } } @media screen and (max-width: 400px) { .diaper-3d .title-logo:before { font-size: 22px; } .product-category-title:before { font-size: 40px; } .product-details { max-height: 110px; } .product--fitIcon { -webkit-flex-basis: 45px; -ms-flex-preferred-size: 45px; flex-basis: 45px; margin-bottom: 5px; } .banner-features-wrapper.edenBanner--mobileView { padding: 7px 0; } .banner-features-wrapper.edenBanner--mobileView span { line-height: 1.4; padding-left: 7px; } } @media screen and (max-width: 380px) { .diaper-3d .container { height: 642px !important; } } @media only screen and (max-width: 375px) { .superhero #header .container .header-stars { width: 20%; top: 22%; left: 33%; } } @media screen and (max-width: 360px) { .diaper-3d .container { height: 632px !important; } .heading-title-wrapper { max-height: 163px; } } @media screen and (max-width: 359px) { .heading-title-wrapper { padding: 20px 35px 0 25px; max-height: 150px; } } @media only screen and (max-width: 320px) { .category-select .columns.menus a { margin-right: 20px; } .category-select .columns.menus a h1, .category-select .columns.menus a .h1 { font-size: 1.2rem; } .photobook--navigation-bar .navigation-bar__drop-value { margin-right: 53px; } .carousel-intro .bannerHeader { width: 285px; } .carousel-intro .bannerHeader .climateIcon { height: auto; margin-top: 10px; } .carousel-intro .bannerHeader span { font-size: 28px; line-height: 22px; margin-left: 10px; } #ReCaptchContainer { margin-left: -16px; } } @media screen and (max-width: 320px) { .diaper-3d .container { height: 610px !important; } } @media only screen and (max-width: 64em) { .products--call-to-action .bg { padding-bottom: 47.8%; } .products--call-to-action .row { margin-top: 47.8%; } .products--call-to-action .column { text-align: center; } .products--call-to-action div h2, .products--call-to-action div .h2 { min-height: 90px; margin-left: 0 !important; max-width: 100%; text-align: center; margin-top: -45px; padding: 1.875rem 0.9375rem 2.8125rem 0.9375rem; margin-bottom: 20px; } .products--call-to-action p { border-image: url(/assets/images/shapes/bg-mask-small.svg) 0 fill stretch; padding: 20px; text-align: left; } .products--call-to-action .bottom { margin-top: 0; } .products--call-to-action .logo { margin: 20px auto; display: block; max-width: 135px; } .diaper-3d .top-bar > .row { padding-left: 0; padding-right: 0; } .club--create-post.edit-mode .content-wrap { height: auto; } .club--create-post .content-wrap { height: 90px; min-height: 90px; } .club--stages .bar .row, .club--stages .bar .column { padding-left: 0; padding-right: 0; } .touch .club--stages .bar { white-space: nowrap; overflow-x: auto; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; padding-left: 0.46875rem; padding-right: 0; } .touch .club--stages .bar .btn-club:last-child { margin-right: 0.9375rem; } } @media only screen and (max-width: 64em) and (max-width: 1024px) { .diaper-3d .top-bar > .row > .heading { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 48em) { .point-shop-welcome .action { width: 83.33333%; margin: 0 auto; float: none !important; } .point-shop-row .text, .point-shop-row .action { width: 83.33333%; } .duo-block-column { overflow: visible; } .has-duo-block .duo-block-column { overflow: visible; } .products--anchor-menu .list a.on, .no-touch .products--anchor-menu .list a:hover { background-color: #451c68; } .products--anchor-menu .list { border-image: url(/assets/images/shapes/anchor-menu-expanded.svg) 0 fill stretch; margin-left: -1%; margin-right: -1%; width: 102%; margin-top: -8px; padding-bottom: 8px; } .products--anchor-menu div.to-top span, .products--anchor-menu .current span, .products--anchor-menu .current a:before { top: 40%; } .club--blob.profile .blob__actions { -webkit-transform: scale(0.3); transform: scale(0.3); opacity: 0; visibility: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 300ms; z-index: 0; } .club--blob.profile .blob__name { position: absolute; max-width: 140%; width: 140%; padding: 0; left: 50%; bottom: -1.5rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 0.8rem; } .club--blob.profile .blob__actions-icons .icon, .club--blob.profile .blob__actions-icons #header .exmenu a:before, #header .exmenu .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons #header a.to-top:before, #header .club--blob.profile .blob__actions-icons a.to-top:before, .club--blob.profile .blob__actions-icons #header .btn-search:before, #header .club--blob.profile .blob__actions-icons .btn-search:before, .club--blob.profile .blob__actions-icons .more-links .gbrw-grid a:before, .more-links .gbrw-grid .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .popin-close a:before, .popin-close .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .small-overlay-close a:before, .small-overlay-close .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .full-overlay-close a:before, .full-overlay-close .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons #footer a.fb-link:before, #footer .club--blob.profile .blob__actions-icons a.fb-link:before, .club--blob.profile .blob__actions-icons #footer a.yt-link:before, #footer .club--blob.profile .blob__actions-icons a.yt-link:before, .club--blob.profile .blob__actions-icons #footer a.vk-link:before, #footer .club--blob.profile .blob__actions-icons a.vk-link:before, .club--blob.profile .blob__actions-icons #footer a.insta-link:before, #footer .club--blob.profile .blob__actions-icons a.insta-link:before, .club--blob.profile .blob__actions-icons #footer a.twitter-link:before, #footer .club--blob.profile .blob__actions-icons a.twitter-link:before, .club--blob.profile .blob__actions-icons #footer .mother-logo:before, #footer .club--blob.profile .blob__actions-icons .mother-logo:before, .club--blob.profile .blob__actions-icons #footer .mother-logo-old:before, #footer .club--blob.profile .blob__actions-icons .mother-logo-old:before, .club--blob.profile .blob__actions-icons .point-shop-product-info .text .row .column:after, .point-shop-product-info .text .row .club--blob.profile .blob__actions-icons .column:after, .club--blob.profile .blob__actions-icons #sidebars .menu .shortcut-profile:before, #sidebars .menu .club--blob.profile .blob__actions-icons .shortcut-profile:before, .club--blob.profile .blob__actions-icons #sidebars .menu .shortcut-points:before, #sidebars .menu .club--blob.profile .blob__actions-icons .shortcut-points:before, .club--blob.profile .blob__actions-icons #sidebars .menu .shortcut-signin:before, #sidebars .menu .club--blob.profile .blob__actions-icons .shortcut-signin:before, .club--blob.profile .blob__actions-icons #sidebars .menu .shortcut-signout:before, #sidebars .menu .club--blob.profile .blob__actions-icons .shortcut-signout:before, .club--blob.profile .blob__actions-icons #sidebars .social-share-icon.icon-instagram:before, #sidebars .club--blob.profile .blob__actions-icons .social-share-icon.icon-instagram:before, .club--blob.profile .blob__actions-icons #sidebars .social-share-icon.icon-twitter:before, #sidebars .club--blob.profile .blob__actions-icons .social-share-icon.icon-twitter:before, .club--blob.profile .blob__actions-icons #sidebars .social-share-icon.icon-facebook:before, #sidebars .club--blob.profile .blob__actions-icons .social-share-icon.icon-facebook:before, .club--blob.profile .blob__actions-icons #sidebars .social-share-icon.icon-vk:before, #sidebars .club--blob.profile .blob__actions-icons .social-share-icon.icon-vk:before, .club--blob.profile .blob__actions-icons #sidebars .social-share-icon.icon-youtube:before, #sidebars .club--blob.profile .blob__actions-icons .social-share-icon.icon-youtube:before, .club--blob.profile .blob__actions-icons #sidebars [data-sub-navigation-target]:before, #sidebars .club--blob.profile .blob__actions-icons [data-sub-navigation-target]:before, .club--blob.profile .blob__actions-icons #ajax-shopping-cart .item a.remove:before, #ajax-shopping-cart .item .club--blob.profile .blob__actions-icons a.remove:before, .club--blob.profile .blob__actions-icons #ajax-shopping-cart .toggle a:before, #ajax-shopping-cart .toggle .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons html .swiper-button-prev:before, html .club--blob.profile .blob__actions-icons .swiper-button-prev:before, .club--blob.profile .blob__actions-icons html .swiper-button-next:before, html .club--blob.profile .blob__actions-icons .swiper-button-next:before, .club--blob.profile .blob__actions-icons body .ui-datepicker-next:before, body .club--blob.profile .blob__actions-icons .ui-datepicker-next:before, .club--blob.profile .blob__actions-icons body .ui-datepicker-prev:before, body .club--blob.profile .blob__actions-icons .ui-datepicker-prev:before, .club--blob.profile .blob__actions-icons .start-welcome .icon-trying:before, .start-welcome .club--blob.profile .blob__actions-icons .icon-trying:before, .club--blob.profile .blob__actions-icons .start-welcome .icon-pregnant:before, .start-welcome .club--blob.profile .blob__actions-icons .icon-pregnant:before, .club--blob.profile .blob__actions-icons .start-welcome .icon-baby:before, .start-welcome .club--blob.profile .blob__actions-icons .icon-baby:before, .club--blob.profile .blob__actions-icons .start-welcome .icon-toddler:before, .start-welcome .club--blob.profile .blob__actions-icons .icon-toddler:before, .club--blob.profile .blob__actions-icons ul.articles [data-trigger="sign-in"] .category:before, ul.articles [data-trigger="sign-in"] .club--blob.profile .blob__actions-icons .category:before, .club--blob.profile .blob__actions-icons .article-filter h2.trying:before, .article-filter .club--blob.profile .blob__actions-icons h2.trying:before, .club--blob.profile .blob__actions-icons .article-header h2.trying:before, .article-header .club--blob.profile .blob__actions-icons h2.trying:before, .club--blob.profile .blob__actions-icons .article-filter .trying.h2:before, .article-filter .club--blob.profile .blob__actions-icons .trying.h2:before, .club--blob.profile .blob__actions-icons .article-header .trying.h2:before, .article-header .club--blob.profile .blob__actions-icons .trying.h2:before, .club--blob.profile .blob__actions-icons .article-filter h2.pregnant:before, .article-filter .club--blob.profile .blob__actions-icons h2.pregnant:before, .club--blob.profile .blob__actions-icons .article-header h2.pregnant:before, .article-header .club--blob.profile .blob__actions-icons h2.pregnant:before, .club--blob.profile .blob__actions-icons .article-filter .pregnant.h2:before, .article-filter .club--blob.profile .blob__actions-icons .pregnant.h2:before, .club--blob.profile .blob__actions-icons .article-header .pregnant.h2:before, .article-header .club--blob.profile .blob__actions-icons .pregnant.h2:before, .club--blob.profile .blob__actions-icons .article-filter h2.baby:before, .article-filter .club--blob.profile .blob__actions-icons h2.baby:before, .club--blob.profile .blob__actions-icons .article-header h2.baby:before, .article-header .club--blob.profile .blob__actions-icons h2.baby:before, .club--blob.profile .blob__actions-icons .article-filter .baby.h2:before, .article-filter .club--blob.profile .blob__actions-icons .baby.h2:before, .club--blob.profile .blob__actions-icons .article-header .baby.h2:before, .article-header .club--blob.profile .blob__actions-icons .baby.h2:before, .club--blob.profile .blob__actions-icons .article-filter h2.toddler:before, .article-filter .club--blob.profile .blob__actions-icons h2.toddler:before, .club--blob.profile .blob__actions-icons .article-header h2.toddler:before, .article-header .club--blob.profile .blob__actions-icons h2.toddler:before, .club--blob.profile .blob__actions-icons .article-filter .toddler.h2:before, .article-filter .club--blob.profile .blob__actions-icons .toddler.h2:before, .club--blob.profile .blob__actions-icons .article-header .toddler.h2:before, .article-header .club--blob.profile .blob__actions-icons .toddler.h2:before, .club--blob.profile .blob__actions-icons .point-arrow:before, .club--blob.profile .blob__actions-icons ul.products .points span:before, ul.products .points .club--blob.profile .blob__actions-icons span:before, .club--blob.profile .blob__actions-icons .club-coin-progress .arrow, .club-coin-progress .club--blob.profile .blob__actions-icons .arrow, .club--blob.profile .blob__actions-icons .sprite-icon-coin-arrow:before, .club--blob.profile .blob__actions-icons .sprite-icon-coin-arrow-white:before, .club--blob.profile .blob__actions-icons .point-shop-product-info a.close:before, .point-shop-product-info .club--blob.profile .blob__actions-icons a.close:before, .club--blob.profile .blob__actions-icons form .filePicker .choose:before, form .filePicker .club--blob.profile .blob__actions-icons .choose:before, .club--blob.profile .blob__actions-icons .add-profile-image .remove:before, .add-profile-image .club--blob.profile .blob__actions-icons .remove:before, .club--blob.profile .blob__actions-icons .profile-trying:before, .club--blob.profile .blob__actions-icons .profile-pregnant:before, .club--blob.profile .blob__actions-icons .profile-baby:before, .club--blob.profile .blob__actions-icons .profile-toddler:before, .club--blob.profile .blob__actions-icons .profile-padlock:before, .club--blob.profile .blob__actions-icons .profile-convert-code:before, .club--blob.profile .blob__actions-icons .profile-order-history:before, .club--blob.profile .blob__actions-icons .profile-point-history:before, .club--blob.profile .blob__actions-icons .profile-change-email:before, .club--blob.profile .blob__actions-icons .profile-questionaire:before, .club--blob.profile .blob__actions-icons .profile-subscriptions:before, .club--blob.profile .blob__actions-icons .search-container span:before, .search-container .club--blob.profile .blob__actions-icons span:before, .club--blob.profile .blob__actions-icons .search-container .clear-search:before, .search-container .club--blob.profile .blob__actions-icons .clear-search:before, .club--blob.profile .blob__actions-icons .sign-up__date-input-container:after, .club--blob.profile .blob__actions-icons .sign-up__select-container:after, .club--blob.profile .blob__actions-icons .sign-up__terms .sign-up__checkbox-container label:after, .sign-up__terms .sign-up__checkbox-container .club--blob.profile .blob__actions-icons label:after, .club--blob.profile .blob__actions-icons #ajaxOverlayError span:before, #ajaxOverlayError .club--blob.profile .blob__actions-icons span:before, .club--blob.profile .blob__actions-icons dl.accordion dd > a:before, dl.accordion .club--blob.profile .blob__actions-icons dd > a:before, .club--blob.profile .blob__actions-icons a.trying:before, .club--blob.profile .blob__actions-icons a.pregnant:before, .club--blob.profile .blob__actions-icons a.baby:before, .club--blob.profile .blob__actions-icons a.toddler:before, .club--blob.profile .blob__actions-icons a.action:before, .club--blob.profile .blob__actions-icons a.action.back:before, .club--blob.profile .blob__actions-icons a.action.forward:after, .club--blob.profile .blob__actions-icons [data-am-label][data-am-label~="checkbox"]:after, .club--blob.profile .blob__actions-icons .article-66-33 a.fb-link:before, .article-66-33 .club--blob.profile .blob__actions-icons a.fb-link:before, .club--blob.profile .blob__actions-icons .article-50-50 a.fb-link:before, .article-50-50 .club--blob.profile .blob__actions-icons a.fb-link:before, .club--blob.profile .blob__actions-icons .article-66-33 a.twitter-link:before, .article-66-33 .club--blob.profile .blob__actions-icons a.twitter-link:before, .club--blob.profile .blob__actions-icons .article-50-50 a.twitter-link:before, .article-50-50 .club--blob.profile .blob__actions-icons a.twitter-link:before, .club--blob.profile .blob__actions-icons .article-66-33 a.mail-link:before, .article-66-33 .club--blob.profile .blob__actions-icons a.mail-link:before, .club--blob.profile .blob__actions-icons .article-50-50 a.mail-link:before, .article-50-50 .club--blob.profile .blob__actions-icons a.mail-link:before, .club--blob.profile .blob__actions-icons .article-66-33 a.print-link:before, .article-66-33 .club--blob.profile .blob__actions-icons a.print-link:before, .club--blob.profile .blob__actions-icons .article-50-50 a.print-link:before, .article-50-50 .club--blob.profile .blob__actions-icons a.print-link:before, .club--blob.profile .blob__actions-icons .video-play:before, .club--blob.profile .blob__actions-icons .dropdown__hint:after, .club--blob.profile .blob__actions-icons .gpdr--sign-up .gdpr__label:after, .gpdr--sign-up .club--blob.profile .blob__actions-icons .gdpr__label:after, .club--blob.profile .blob__actions-icons .gdpr--subscriptions .gdpr__label:after, .gdpr--subscriptions .club--blob.profile .blob__actions-icons .gdpr__label:after, .club--blob.profile .blob__actions-icons [theme="comfort-baru"] .title-logo:before, [theme="comfort-baru"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="comfort-baru"] .title-logo:before, div[theme="comfort-baru"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="upngo-baru"] .title-logo:before, [theme="upngo-baru"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="upngo-baru"] .title-logo:before, div[theme="upngo-baru"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="newborn-baru"] .title-logo:before, [theme="newborn-baru"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="newborn-baru"] .title-logo:before, div[theme="newborn-baru"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="lotus-touch-newborn"] .title-logo:before, [theme="lotus-touch-newborn"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="lotus-touch-newborn"] .title-logo:before, div[theme="lotus-touch-newborn"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="lotus-touch-comfort"] .title-logo:before, [theme="lotus-touch-comfort"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="lotus-touch-comfort"] .title-logo:before, div[theme="lotus-touch-comfort"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="lotus-touch-upngo"] .title-logo:before, [theme="lotus-touch-upngo"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="lotus-touch-upngo"] .title-logo:before, div[theme="lotus-touch-upngo"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="everyday"] .title-logo:before, [theme="everyday"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="everyday"] .title-logo:before, div[theme="everyday"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="drypants"] .title-logo:before, [theme="drypants"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="drypants"] .title-logo:before, div[theme="drypants"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="sleep-tight"] .title-logo:before, [theme="sleep-tight"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="sleep-tight"] .title-logo:before, div[theme="sleep-tight"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons [theme="swimpants"] .title-logo:before, [theme="swimpants"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons div[theme="swimpants"] .title-logo:before, div[theme="swimpants"] .club--blob.profile .blob__actions-icons .title-logo:before, .club--blob.profile .blob__actions-icons .products--anchor-menu div.to-top span:before, .products--anchor-menu div.to-top .club--blob.profile .blob__actions-icons span:before, .club--blob.profile .blob__actions-icons .products--anchor-menu .current a:before, .products--anchor-menu .current .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .ratings-bar .stars a span, .ratings-bar .stars a .club--blob.profile .blob__actions-icons span, .club--blob.profile .blob__actions-icons .ratings-bar .stars a span:before, .ratings-bar .stars a .club--blob.profile .blob__actions-icons span:before, .club--blob.profile .blob__actions-icons .editor ul.fancy li:before, .editor ul.fancy .club--blob.profile .blob__actions-icons li:before, .club--blob.profile .blob__actions-icons .filter-move-to-size .indicator, .filter-move-to-size .club--blob.profile .blob__actions-icons .indicator, .club--blob.profile .blob__actions-icons .filter-slider-small .btn-container a:before, .filter-slider-small .btn-container .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .filter-slider-small .clear:before, .filter-slider-small .club--blob.profile .blob__actions-icons .clear:before, .club--blob.profile .blob__actions-icons .filter-slider-small-alert:before, .club--blob.profile .blob__actions-icons [accordion="small"] dd > a:after, [accordion="small"] .club--blob.profile .blob__actions-icons dd > a:after, .club--blob.profile .blob__actions-icons .product--filter-result-display .swipe:before, .product--filter-result-display .club--blob.profile .blob__actions-icons .swipe:before, .club--blob.profile .blob__actions-icons .product--filter-result-display-eden .swipe:before, .product--filter-result-display-eden .club--blob.profile .blob__actions-icons .swipe:before, .club--blob.profile .blob__actions-icons .products--product-accessory .bottom .benefits .check:before, .products--product-accessory .bottom .benefits .club--blob.profile .blob__actions-icons .check:before, .club--blob.profile .blob__actions-icons .products--family-range .bar li:before, .products--family-range .bar .club--blob.profile .blob__actions-icons li:before, .club--blob.profile .blob__actions-icons .diaper-3d .bottom-options .to-top:before, .diaper-3d .bottom-options .club--blob.profile .blob__actions-icons .to-top:before, .club--blob.profile .blob__actions-icons .diaper-3d .bottom-options .to-bottom:before, .diaper-3d .bottom-options .club--blob.profile .blob__actions-icons .to-bottom:before, .club--blob.profile .blob__actions-icons .diaper-3d .bottom-options .scroll-down:before, .diaper-3d .bottom-options .club--blob.profile .blob__actions-icons .scroll-down:before, .club--blob.profile .blob__actions-icons .blob-photo-upload:before, .club--blob.profile .blob__actions-icons .club--profile-header .bg-photo-load-wrap .bg-photo-load:before, .club--profile-header .bg-photo-load-wrap .club--blob.profile .blob__actions-icons .bg-photo-load:before, .club--blob.profile .blob__actions-icons label.profile-header__change-image:before, .club--blob.profile .blob__actions-icons .feed-carousel .slick-prev:before, .feed-carousel .club--blob.profile .blob__actions-icons .slick-prev:before, .club--blob.profile .blob__actions-icons .feed-carousel .slick-next:before, .feed-carousel .club--blob.profile .blob__actions-icons .slick-next:before, .club--blob.profile .blob__actions-icons a.club-search__button:after, .club--blob.profile .blob__actions-icons #headerV2 .exmenu a:before, #headerV2 .exmenu .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons #headerV2 a.to-top:before, #headerV2 .club--blob.profile .blob__actions-icons a.to-top:before, .club--blob.profile .blob__actions-icons #headerV2 .btn-search:before, #headerV2 .club--blob.profile .blob__actions-icons .btn-search:before, .club--blob.profile .blob__actions-icons .club-carousel .slick-prev:before, .club-carousel .club--blob.profile .blob__actions-icons .slick-prev:before, .club--blob.profile .blob__actions-icons .club-carousel .slick-next:before, .club-carousel .club--blob.profile .blob__actions-icons .slick-next:before, .club--blob.profile .blob__actions-icons .feed-post__icon--comment:before, .club--blob.profile .blob__actions-icons .feed-post__icon--heart:before, .club--blob.profile .blob__actions-icons .feed-post__icon--share:before, .club--blob.profile .blob__actions-icons .feed-post__icon--more:before, .club--blob.profile .blob__actions-icons .feed-post__tags:before, .club--blob.profile .blob__actions-icons .feed-post__content-image a:before, .feed-post__content-image .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .create-post__text a:before, .create-post__text .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .create-post__overlay .create-post__overlay-title a.create-post__overlay-close:after, .create-post__overlay .create-post__overlay-title .club--blob.profile .blob__actions-icons a.create-post__overlay-close:after, .club--blob.profile .blob__actions-icons .create-post__overlay--tags label:before, .create-post__overlay--tags .club--blob.profile .blob__actions-icons label:before, .club--blob.profile .blob__actions-icons .create-post__milestone-menu-item .check:after, .create-post__milestone-menu-item .club--blob.profile .blob__actions-icons .check:after, .club--blob.profile .blob__actions-icons .create-post__btn-photo > span:before, .club--blob.profile .blob__actions-icons .create-post__btn-tag > span:before, .club--blob.profile .blob__actions-icons .create-post__btn-date > span:before, .club--blob.profile .blob__actions-icons .create-post__milestone-post-photo .view-add:before, .create-post__milestone-post-photo .club--blob.profile .blob__actions-icons .view-add:before, .club--blob.profile .blob__actions-icons .create-post__post-photo .view-add:before, .create-post__post-photo .club--blob.profile .blob__actions-icons .view-add:before, .club--blob.profile .blob__actions-icons .create-post__milestone-post-photo .view-done a:before, .create-post__milestone-post-photo .view-done .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .create-post__post-photo .view-done a:before, .create-post__post-photo .view-done .club--blob.profile .blob__actions-icons a:before, .club--blob.profile .blob__actions-icons .create-post__title a:after, .create-post__title .club--blob.profile .blob__actions-icons a:after, .club--blob.profile .blob__actions-icons .multi-upload label:before, .multi-upload .club--blob.profile .blob__actions-icons label:before, .club--blob.profile .blob__actions-icons .multi-upload a:after, .multi-upload .club--blob.profile .blob__actions-icons a:after, .club--blob.profile .blob__actions-icons .club--stages .share:before, .club--stages .club--blob.profile .blob__actions-icons .share:before, .club--blob.profile .blob__actions-icons .stages-overlay__close:before, .club--blob.profile .blob__actions-icons .stage-item__share:before, .club--blob.profile .blob__actions-icons .cp-layer .cp-input-container .datepicker-icon:before, .cp-layer .cp-input-container .club--blob.profile .blob__actions-icons .datepicker-icon:before, .club--blob.profile .blob__actions-icons .ep-layer .ep-input-container .datepicker-icon:before, .ep-layer .ep-input-container .club--blob.profile .blob__actions-icons .datepicker-icon:before, .club--blob.profile .blob__actions-icons .club-remove-filter .container a:after, .club-remove-filter .container .club--blob.profile .blob__actions-icons a:after, .club--blob.profile .blob__actions-icons .club-overlay .bg-photo-load:before, .club-overlay .club--blob.profile .blob__actions-icons .bg-photo-load:before, .club--blob.profile .blob__actions-icons .club-overlay-close:after, .club--blob.profile .blob__actions-icons .club-stages-post .stage-icon:before, .club-stages-post .club--blob.profile .blob__actions-icons .stage-icon:before, .club--blob.profile .blob__actions-icons .club-stages-product .stage-icon:before, .club-stages-product .club--blob.profile .blob__actions-icons .stage-icon:before, .club--blob.profile .blob__actions-icons .sidebar-overlay__trigger:before, .club--blob.profile .blob__actions-icons .sidebar-overlay a.club-search__button:after, .sidebar-overlay .club--blob.profile .blob__actions-icons a.club-search__button:after, .club--blob.profile .blob__actions-icons body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-playing .vjs-big-play-button:before, body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-playing .club--blob.profile .blob__actions-icons .vjs-big-play-button:before, .club--blob.profile .blob__actions-icons body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-paused .vjs-big-play-button:before, body div .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button.vjs-paused .club--blob.profile .blob__actions-icons .vjs-big-play-button:before, .club--blob.profile .blob__actions-icons body div .amp-default-skin .vjs-big-play-button:before, body div .amp-default-skin .club--blob.profile .blob__actions-icons .vjs-big-play-button:before, .club--blob.profile .blob__actions-icons .overlay2 .overlay2-nav .prev:before, .overlay2 .overlay2-nav .club--blob.profile .blob__actions-icons .prev:before, .club--blob.profile .blob__actions-icons .overlay2 .overlay2-nav .next:before, .overlay2 .overlay2-nav .club--blob.profile .blob__actions-icons .next:before, .club--blob.profile .blob__actions-icons .overlay2 [data-overlay2-close]:before, .overlay2 .club--blob.profile .blob__actions-icons [data-overlay2-close]:before, .club--blob.profile .blob__actions-icons .youplus--life-hack .inner:before, .youplus--life-hack .club--blob.profile .blob__actions-icons .inner:before, .club--blob.profile .blob__actions-icons .youplus--story-audio .default-player, .youplus--story-audio .club--blob.profile .blob__actions-icons .default-player, .club--blob.profile .blob__actions-icons .youplus--story-m-audio .default-player, .youplus--story-m-audio .club--blob.profile .blob__actions-icons .default-player, .club--blob.profile .blob__actions-icons .youplus--story-video .inner:before, .youplus--story-video .club--blob.profile .blob__actions-icons .inner:before, .club--blob.profile .blob__actions-icons .youplus--story-m-video .inner:before, .youplus--story-m-video .club--blob.profile .blob__actions-icons .inner:before, .club--blob.profile .blob__actions-icons .youplus--story-header .filter-btn:before, .youplus--story-header .club--blob.profile .blob__actions-icons .filter-btn:before, .club--blob.profile .blob__actions-icons .youplus--story-header .month .btn-yp.selected:before, .youplus--story-header .month .club--blob.profile .blob__actions-icons .btn-yp.selected:before, .club--blob.profile .blob__actions-icons .youplus--story-header .tags .btn-yp.selected:before, .youplus--story-header .tags .club--blob.profile .blob__actions-icons .btn-yp.selected:before, .club--blob.profile .blob__actions-icons .youplus--listicles h3:before, .youplus--listicles .club--blob.profile .blob__actions-icons h3:before, .club--blob.profile .blob__actions-icons .youplus--listicles .h3:before, .youplus--listicles .club--blob.profile .blob__actions-icons .h3:before, .club--blob.profile .blob__actions-icons .youplus--listicles .product-info h1:before, .youplus--listicles .product-info .club--blob.profile .blob__actions-icons h1:before, .club--blob.profile .blob__actions-icons .product-info .youplus--listicles h1:before, .product-info .youplus--listicles .club--blob.profile .blob__actions-icons h1:before, .club--blob.profile .blob__actions-icons .youplus--listicles .product-info .h1:before, .youplus--listicles .product-info .club--blob.profile .blob__actions-icons .h1:before, .club--blob.profile .blob__actions-icons .product-info .youplus--listicles .h1:before, .product-info .youplus--listicles .club--blob.profile .blob__actions-icons .h1:before, .club--blob.profile .blob__actions-icons .youplus--testimonial .slick-prev:before, .youplus--testimonial .club--blob.profile .blob__actions-icons .slick-prev:before, .club--blob.profile .blob__actions-icons .youplus--testimonial .slick-next:before, .youplus--testimonial .club--blob.profile .blob__actions-icons .slick-next:before, .club--blob.profile .blob__actions-icons .youplus--poll-results .check:before, .youplus--poll-results .club--blob.profile .blob__actions-icons .check:before, .club--blob.profile .blob__actions-icons .youplus--app-hero .leftArrow:before, .youplus--app-hero .club--blob.profile .blob__actions-icons .leftArrow:before, .club--blob.profile .blob__actions-icons .youplus--app-hero .rightArrow:before, .youplus--app-hero .club--blob.profile .blob__actions-icons .rightArrow:before, .club--blob.profile .blob__actions-icons .photobook--order-bar .share-tooltip__facebook:before, .photobook--order-bar .club--blob.profile .blob__actions-icons .share-tooltip__facebook:before, .club--blob.profile .blob__actions-icons .photobook--order-bar .share-tooltip__twitter:before, .photobook--order-bar .club--blob.profile .blob__actions-icons .share-tooltip__twitter:before, .club--blob.profile .blob__actions-icons .photobook--order-bar .share-tooltip__instagram:before, .photobook--order-bar .club--blob.profile .blob__actions-icons .share-tooltip__instagram:before, .club--blob.profile .blob__actions-icons .message-bar__message--saved:before, .club--blob.profile .blob__actions-icons .photobook--navigation-bar .navigation-bar__back-link:before, .photobook--navigation-bar .club--blob.profile .blob__actions-icons .navigation-bar__back-link:before, .club--blob.profile .blob__actions-icons .photobook--navigation-bar .navigation-bar__close:before, .photobook--navigation-bar .club--blob.profile .blob__actions-icons .navigation-bar__close:before, .club--blob.profile .blob__actions-icons .photobook--navigation-bar .navigation-bar__drop-value--trigger:before, .photobook--navigation-bar .club--blob.profile .blob__actions-icons .navigation-bar__drop-value--trigger:before, .club--blob.profile .blob__actions-icons .photobook--status-bar .status-bar__remove:before, .photobook--status-bar .club--blob.profile .blob__actions-icons .status-bar__remove:before, .club--blob.profile .blob__actions-icons .photobook--grid .grid-item .grid-item__check:after, .photobook--grid .grid-item .club--blob.profile .blob__actions-icons .grid-item__check:after, .club--blob.profile .blob__actions-icons .photobook--grid .grid-item .grid-item__message-icon:after, .photobook--grid .grid-item .club--blob.profile .blob__actions-icons .grid-item__message-icon:after, .club--blob.profile .blob__actions-icons .photobook--grid .grid-item .grid-item__message--add .grid-item__message-icon:after, .photobook--grid .grid-item .grid-item__message--add .club--blob.profile .blob__actions-icons .grid-item__message-icon:after, .club--blob.profile .blob__actions-icons .photobook--milestone-frame .milestone-carousel__edit-image:before, .photobook--milestone-frame .club--blob.profile .blob__actions-icons .milestone-carousel__edit-image:before, .club--blob.profile .blob__actions-icons .photobook--milestone-frame .milestone-edit__date:before, .photobook--milestone-frame .club--blob.profile .blob__actions-icons .milestone-edit__date:before, .club--blob.profile .blob__actions-icons .photobook--crop-image .crop-image__upload label:after, .photobook--crop-image .crop-image__upload .club--blob.profile .blob__actions-icons label:after, .club--blob.profile .blob__actions-icons .photobook--crop-image .crop-image__upload a.crop-image__upload-remove:after, .photobook--crop-image .crop-image__upload .club--blob.profile .blob__actions-icons a.crop-image__upload-remove:after, .club--blob.profile .blob__actions-icons .photobook--preview-bar .share-tooltip__facebook:before, .photobook--preview-bar .club--blob.profile .blob__actions-icons .share-tooltip__facebook:before, .club--blob.profile .blob__actions-icons .photobook--preview-bar .share-tooltip__twitter:before, .photobook--preview-bar .club--blob.profile .blob__actions-icons .share-tooltip__twitter:before, .club--blob.profile .blob__actions-icons .photobook--preview-bar .share-tooltip__instagram:before, .photobook--preview-bar .club--blob.profile .blob__actions-icons .share-tooltip__instagram:before { position: absolute; } .club--blob.profile .blob__actions-icons .icon-rd-camera-with-circle, .club--blob.profile .blob__actions-icons .icon-rd-user-edit { top: -1rem; left: -1.2rem; } .club--blob.profile .blob__actions-icons .icon-rd-tag { top: -1.9rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .club--blob.profile .blob__actions-icons .icon-rd-milestone { top: -1rem; right: -1.2rem; } .search-item { margin-right: -0.3rem; margin-left: -0.3rem; } body.club .new-club-search .row { padding: 0; } body.club .new-club-search .column { padding: 0; } } @media only screen and (max-width: 40em) { .small-only-text-left { text-align: left !important; } .small-only-text-right { text-align: right !important; } .small-only-text-center { text-align: center !important; } .small-only-text-justify { text-align: justify !important; } ul.link-list { padding-left: 0; padding-right: 0; } body .small-overlay { display: none; position: fixed !important; z-index: 5; top: 0; height: 100%; left: 0; right: 0; overflow: auto; -webkit-overflow-scrolling: touch; padding-top: 5.0625rem; transition: all 333ms ease-out; -webkit-backface-visibility: hidden; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } body .small-overlay:before { display: none !important; } body .small-overlay:after { background-color: transparent; } body .small-overlay .expander-panel-arrow { display: none !important; } body .small-overlay.small-overlay-active { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .small-overlay { background-color: #fff; } .small-overlay-close { display: block; opacity: 0; transition: all 333ms ease-out; -webkit-backface-visibility: hidden; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% -100%; transform-origin: 50% -100%; } .small-overlay-close.small-overlay-active { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .letter-index a { min-width: 50px; padding: 0.7rem 0.25rem 0.6rem 0.25rem; } .letter-index ul { top: 11rem; } .letter-index li { margin-bottom: 5px; } .overlay2 .article-66-33 .heading h1, .overlay2 .article-50-50 .heading h1, .overlay2 .article-66-33 .heading .h1, .overlay2 .article-50-50 .heading .h1 { color: #fff; } #footer .links ul { font-size: 14px; line-height: 20px; } #footer .main, #footer .side, #footer .bottom-bar { padding: 0 0.9375rem; } #footer .main a { line-height: 28px; } #footer .side a { padding: 10px; } #footer .bottom-bar { padding: 0.9375rem; } #footer .bottom-bar .columns:not(:last-child) { padding-bottom: 0.9375rem; } #footer .bottom-bar .columns p { font-size: 14px; line-height: 1.4; } .columns { overflow: hidden; } .promobox .info { font-size: 22px; line-height: 20px; } .promobox.brush a { min-height: 65.635738831vw; } .promobox.brush .info p { font-size: 16px; line-height: 19px; } #sidebars .register-code .header { margin: 2rem 0; } #sidebars .register-code .header h3, #sidebars .register-code .header .h3, #sidebars .register-code .header .product-info h1, .product-info #sidebars .register-code .header h1, #sidebars .register-code .header .product-info .h1, .product-info #sidebars .register-code .header .h1 { display: inline-block; vertical-align: middle; margin: 0; } #sidebars .register-code .header .icon-large { display: none; } #sidebars .register-code .header .icon-small { display: inline-block; } .swiper-content .jwplayer.jw-flag-aspect-mode, .no-carousel-content .jwplayer.jw-flag-aspect-mode { height: 100% !important; } .ff .start-stage-select p { font-size: 16px; line-height: 19px; } .start-welcome { padding: 0.9375rem 0; } .start-welcome .text { text-align: center; } .start-welcome h2:before, .start-welcome .h2:before { top: 6px; left: auto; } .start-welcome h2[class*="icon-"] span, .start-welcome .h2[class*="icon-"] span, .start-welcome [class*="icon-"].h2 span { margin-left: 2rem; } .start-child-info { padding: 0; } .gbrw-hscroll.weights li { width: 7.5rem; } .article-filter h2.trying:before, .article-header h2.trying:before, .article-filter .trying.h2:before, .article-header .trying.h2:before, .article-filter h2.pregnant:before, .article-header h2.pregnant:before, .article-filter .pregnant.h2:before, .article-header .pregnant.h2:before, .article-filter h2.baby:before, .article-header h2.baby:before, .article-filter .baby.h2:before, .article-header .baby.h2:before, .article-filter h2.toddler:before, .article-header h2.toddler:before, .article-filter .toddler.h2:before, .article-header .toddler.h2:before { font-size: 2rem; } .points-register-button .tb { display: block; } .points-register-button .tc { display: block; margin-bottom: 1rem; } .points-register-button .tc:before, .points-register-button .tc:after { content: " "; display: table; } .points-register-button .tc:after { clear: both; } .points-register-button .tc a.register { display: block; width: 100%; } .points-register-button .tc div[class^="sprite-"] { -webkit-transform: rotate(90deg); transform: rotate(90deg); display: block; margin: 0 auto; } .points-register-button .tc.point-box, .points-register-button .tc.campaign-point-box { display: block; font-size: 14px !important; } ul.products .title a { font-size: 22px; line-height: 20px; } .club-coin-progress-container { text-align: center; } .club-top.join-now .text { font-size: 16px; line-height: 19px; } .club-top.join-now { margin-top: 20px; } .club-top.join-now .logo { width: 70%; max-width: 250px; margin-left: auto; margin-right: auto; } .club-top.join-now .text { margin: 30px 0 20px 0; } .club-top.join-now .action { margin-bottom: 20px; } .club-top.join-now .action a { width: 100%; } a.arrow-down-toggle:after { margin-bottom: 0.0625rem; } a.trying, a.pregnant, a.baby, a.toddler { font-size: 2.7rem; } table[data-responsive] { display: block; } table[data-responsive] thead, table[data-responsive] tbody, table[data-responsive] th, table[data-responsive] td, table[data-responsive] tr, table[data-responsive] td { display: block; } table[data-responsive] thead { display: none; } table[data-responsive] tr { margin-bottom: 0.9375rem; border-bottom: none; } table[data-responsive] td { border: none; position: relative; white-space: normal; border-bottom: 1px solid #34154f; text-align: left; } table[data-responsive] td.rt-hidden { display: none; } table[data-responsive] td:last-child { border-bottom: none; } table[data-responsive] td:before, table[data-responsive] td:after { content: " "; display: table; } table[data-responsive] td:after { clear: both; } table[data-responsive] td span:first-child { display: block; float: left; content: ""; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } table[data-responsive] td span:last-child { display: block; float: right; } table[data-responsive] tr, table[data-responsive] td { padding: 0.3125rem 0; } table[data-responsive] .text-right { text-align: left; } table[data-responsive].type-1 tr { border-bottom: none; } table[data-responsive].type-1 td { border-bottom: 1px solid #000; } .rtc-1 { width: 8.33333%; } .rtc-2 { width: 16.66667%; } .rtc-3 { width: 25%; } .rtc-4 { width: 33.33333%; } .rtc-5 { width: 41.66667%; } .rtc-6 { width: 50%; } .rtc-7 { width: 58.33333%; } .rtc-8 { width: 66.66667%; } .rtc-9 { width: 75%; } .rtc-10 { width: 83.33333%; } .rtc-11 { width: 91.66667%; } .rtc-12 { width: 100%; } .table-responsive { width: 100%; overflow-x: scroll; } .article-66-33 .promo .product-heading, .article-50-50 .promo .product-heading { font-size: 21px; line-height: 27px; } .article-66-33 .heading h1, .article-50-50 .heading h1, .article-66-33 .heading .h1, .article-50-50 .heading .h1 { font-size: 36px; line-height: 33px; } .article-66-33 .ingress p, .article-50-50 .ingress p { font-size: 24px; line-height: 32px; } .article-66-33 h2, .article-50-50 h2, .article-66-33 .h2, .article-50-50 .h2 { font-size: 21px; line-height: 27px; } .article-66-33 aside, .article-50-50 aside, .article-66-33 p, .article-50-50 p { font-size: 18px; line-height: 27px; } .article-66-33 blockquote, .article-50-50 blockquote { font-size: 22px; line-height: 1.3em; } .article-66-33 header .header-image, .article-50-50 header .header-image { height: 300px; } .article-66-33 header .heading, .article-50-50 header .heading { padding: 40px 15px 20px 8px; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .article-66-33 .share-article, .article-50-50 .share-article { right: 15px; top: 130px; } .article-66-33 .share-article a.print-link, .article-50-50 .share-article a.print-link { display: none; } .article-66-33 .avatar, .article-50-50 .avatar { top: 235px; width: 100px; border-width: 3px; } .article-50-50 .tagline { font-size: 12px; line-height: 12px; } .article-50-50 h3, .article-50-50 .h3, .article-50-50 .product-info h1, .product-info .article-50-50 h1, .article-50-50 .product-info .h1, .product-info .article-50-50 .h1 { font-size: 20px; line-height: 20px; } .article-50-50 .row div.heading a { font-size: 36px; line-height: 33px; } .article-50-50 .row { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-top: 60px; padding-bottom: 60px; } .article-50-50 .col { width: 100%; } .article-teaser-simple .text { font-size: 22px; line-height: 20px; } .article-teaser-simple h3, .article-teaser-simple .h3, .article-teaser-simple .product-info h1, .product-info .article-teaser-simple h1, .article-teaser-simple .product-info .h1, .product-info .article-teaser-simple .h1 { font-size: 30px; line-height: 28px; } .recommended-articles .col { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } .stage-header .week { font-size: 20px; line-height: 1em; } .stage-header [data-overlay2-close] { top: 7px; right: 7px; } .stage-header [data-overlay2-close]:before { font-size: 24px; } .stage-header [data-overlay2-close]:after { width: 20px; height: 20px; } .scroll-indicator { display: none; } .video-play { font-size: 70px; } .products-grid .row, body.products .row, body.club .row { padding-left: 10px; padding-right: 10px; } .products-grid .column, body.products .column, body.club .column, .products-grid .columns, body.products .columns, body.club .columns { padding-left: 10px; padding-right: 10px; } .products-grid .top-padded, body.products .top-padded, body.club .top-padded { padding-top: 20px; } body.products { font-size: 16px; line-height: 19px; } body.products p { font-size: 16px; line-height: 19px; } [theme="comfort-baru"] h2, [theme="comfort-baru"] .h2, [theme="comfort-baru"] .h2, div[theme="comfort-baru"] h2, div[theme="comfort-baru"] .h2, div[theme="comfort-baru"] .h2 { font-size: 28px; line-height: 32px; } [theme="upngo-baru"] h2, [theme="upngo-baru"] .h2, [theme="upngo-baru"] .h2, div[theme="upngo-baru"] h2, div[theme="upngo-baru"] .h2, div[theme="upngo-baru"] .h2 { font-size: 28px; line-height: 32px; } [theme="newborn-baru"] h2, [theme="newborn-baru"] .h2, [theme="newborn-baru"] .h2, div[theme="newborn-baru"] h2, div[theme="newborn-baru"] .h2, div[theme="newborn-baru"] .h2 { font-size: 28px; line-height: 32px; } [theme="lotus-touch-newborn"] h2, [theme="lotus-touch-newborn"] .h2, [theme="lotus-touch-newborn"] .h2, div[theme="lotus-touch-newborn"] h2, div[theme="lotus-touch-newborn"] .h2, div[theme="lotus-touch-newborn"] .h2 { font-size: 28px; line-height: 32px; } [theme="lotus-touch-comfort"] h2, [theme="lotus-touch-comfort"] .h2, [theme="lotus-touch-comfort"] .h2, div[theme="lotus-touch-comfort"] h2, div[theme="lotus-touch-comfort"] .h2, div[theme="lotus-touch-comfort"] .h2 { font-size: 28px; line-height: 32px; } [theme="lotus-touch-upngo"] h2, [theme="lotus-touch-upngo"] .h2, [theme="lotus-touch-upngo"] .h2, div[theme="lotus-touch-upngo"] h2, div[theme="lotus-touch-upngo"] .h2, div[theme="lotus-touch-upngo"] .h2 { font-size: 28px; line-height: 32px; } [theme="everyday"] h2, [theme="everyday"] .h2, [theme="everyday"] .h2, div[theme="everyday"] h2, div[theme="everyday"] .h2, div[theme="everyday"] .h2 { font-size: 28px; line-height: 32px; } [theme="drypants"] h2, [theme="drypants"] .h2, [theme="drypants"] .h2, div[theme="drypants"] h2, div[theme="drypants"] .h2, div[theme="drypants"] .h2 { font-size: 28px; line-height: 32px; } [theme="accessories"] h1, [theme="accessories"] .h1, [theme="accessories"] .h1, div[theme="accessories"] h1, div[theme="accessories"] .h1, div[theme="accessories"] .h1 { font-size: 40px; line-height: 56px; } .ratings-bar .reviews { font-size: 14px; line-height: 17px; } .editor li, .editor blockquote { font-size: 16px; line-height: 19px; } .editor h5, .editor .h5, .editor .h5 { font-size: 18px; line-height: 25px; } .editor h1, .editor .h1, .editor h2, .editor .h2, .editor h3, .editor .h3, .editor .product-info h1, .product-info .editor h1, .editor .product-info .h1, .product-info .editor .h1, .editor .h1, .editor .h2, .editor .h3 { margin: 0 0 20px 0; } .editor h1 + h5, .editor .h1 + h5, .editor h1 + .h5, .editor .h1 + .h5, .editor .h1 + h5, .editor .h1 + .h5 { margin: -15px 0 20px 0; } .editor img { margin: 0px 0 40px 0; } [accordion="small"] { margin: 0; } [accordion="small"] dd { margin: 0; } [accordion="small"] dd > a { min-height: 50px; display: block; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; padding: 15px 30px 17px 30px; position: relative; color: rgba(61, 56, 45, 0.7); border-image: url(/assets/images/shapes/app-hero-bg-m.svg) 0 fill stretch; } [accordion="small"] dd > a:hover { color: #562483; } [accordion="small"] dd > a.selected { color: #000; } [accordion="small"] .content { display: none; } [accordion="small"] .content.show { display: block; } .products--article .inner { padding: 20px; overflow: auto; } .products--articlelist { padding: 0; } .products--articlelist .row > ul > li { padding-bottom: 20px; } .products--articlelist .row > ul > li div { padding: 10px 10px; } .products--articlelist.limited-view .row > ul > li:not(:first-child) { display: none; } .products--articlelist .view-more a:after { content: " (" attr(data-small-text) ")"; } .products--call-to-action div h2, .products--call-to-action div .h2 { font-size: 36px; line-height: 33px; } .products--split-50-50 .column b { font-size: 18px; line-height: 14px; } .products--split-50-50 { padding-bottom: 20px; } .products--split-50-50 div.row, .products--split-50-50 div.column { padding-left: 0; padding-right: 0; } .products--split-50-50 .image { -webkit-order: 1; -ms-flex-order: 1; order: 1; min-height: 300px; } .products--split-50-50 .text { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .products--split-70-30 .row div.column b { font-size: 18px; line-height: 14px; } .products--split-70-30 div.row, .products--split-70-30 div.column { padding: 10px; text-align: center; } .products--split-70-30 div.column { padding: 20px; } .products--split-70-30 .row + .row { margin-top: 20px; } .products--split-70-30 .content { text-align: left; position: relative; height: 100%; margin-top: -40px; right: 0; width: 100%; padding: 50px 20px 30px 20px; } .products--split-70-30 .medium-12 { padding-top: 20px; } .products--split-70-30 .inner { padding: 20px; overflow: auto; } .products--filter-menu { margin-left: -2%; margin-right: -2%; width: 104%; } .products--filter-header h1, .products--filter-header .h1, .products--filter-header .h1 { font-size: 36px; line-height: 33px; } .products--filter-header .title-wrap.left-align .title { width: 90%; } .products--filter-header .title-wrap.left-align .title h1, .products--filter-header .title-wrap.left-align .title .h1 { padding: 0.9375rem; } .products--filter-header .title { padding: 20px 10px 50px 20px; } .products--filter-header:before { padding-top: 155%; } .product--filter-result-display ul > li { min-width: 40%; } .product--filter-result-display-eden ul > li { margin-right: 15px; } .products--family-range .bar li { font-size: 18px; line-height: 26px; } [theme="general"] .products--family-range h2, [theme="general"] .products--family-range .h2, body .products--family-range[theme="general"] h2, body .products--family-range[theme="general"] .h2 { font-size: 36px; line-height: 49px; } [theme="general"] .products--family-range .weight, body .products--family-range[theme="general"] .weight { font-size: 18px; line-height: 25px; } [theme="touch19"] .products--family-range h2, [theme="touch19"] .products--family-range .h2, body .products--family-range[theme="touch19"] h2, body .products--family-range[theme="touch19"] .h2 { font-size: 36px; line-height: 49px; } [theme="touch19"] .products--family-range .weight, body .products--family-range[theme="touch19"] .weight { font-size: 18px; line-height: 25px; } [theme="touch19"] .products--family-range h2, [theme="touch19"] .products--family-range .h2, body .products--family-range[theme="touch19"] h2, body .products--family-range[theme="touch19"] .h2 { font-size: 48px; line-height: 48px; } [theme="touch"] .products--family-range h2, [theme="touch"] .products--family-range .h2, body .products--family-range[theme="touch"] h2, body .products--family-range[theme="touch"] .h2 { font-size: 48px; line-height: 48px; } [theme="touch-pants"] .products--family-range h2, [theme="touch-pants"] .products--family-range .h2, body .products--family-range[theme="touch-pants"] h2, body .products--family-range[theme="touch-pants"] .h2 { font-size: 48px; line-height: 48px; } [theme="comfort"] .products--family-range h2, [theme="comfort"] .products--family-range .h2, body .products--family-range[theme="comfort"] h2, body .products--family-range[theme="comfort"] .h2 { font-size: 36px; line-height: 49px; } [theme="comfort"] .products--family-range .weight, body .products--family-range[theme="comfort"] .weight { font-size: 18px; line-height: 25px; } [theme="comfort"] .products--family-range .bar li, body .products--family-range[theme="comfort"] .bar li { font-size: 18px; line-height: 25px; } [theme="upngo"] .products--family-range h2, [theme="upngo"] .products--family-range .h2, body .products--family-range[theme="upngo"] h2, body .products--family-range[theme="upngo"] .h2 { font-size: 36px; line-height: 49px; } [theme="upngo"] .products--family-range .weight, body .products--family-range[theme="upngo"] .weight { font-size: 18px; line-height: 25px; } [theme="upngo"] .products--family-range .bar li, body .products--family-range[theme="upngo"] .bar li { font-size: 18px; line-height: 25px; } [theme="newborn"] .products--family-range h2, [theme="newborn"] .products--family-range .h2, body .products--family-range[theme="newborn"] h2, body .products--family-range[theme="newborn"] .h2 { font-size: 36px; line-height: 49px; } [theme="newborn"] .products--family-range .bar li, body .products--family-range[theme="newborn"] .bar li { font-size: 18px; line-height: 25px; } [theme="newborn"] .products--family-range .weight, body .products--family-range[theme="newborn"] .weight { font-size: 18px; line-height: 25px; } [theme="comfort-baru"] .products--family-range h2, [theme="comfort-baru"] .products--family-range .h2, body .products--family-range[theme="comfort-baru"] h2, body .products--family-range[theme="comfort-baru"] .h2 { font-size: 36px; line-height: 49px; } [theme="comfort-baru"] .products--family-range .weight, body .products--family-range[theme="comfort-baru"] .weight { font-size: 18px; line-height: 25px; } [theme="comfort-baru"] .products--family-range .bar li, body .products--family-range[theme="comfort-baru"] .bar li { font-size: 18px; line-height: 25px; } [theme="upngo-baru"] .products--family-range h2, [theme="upngo-baru"] .products--family-range .h2, body .products--family-range[theme="upngo-baru"] h2, body .products--family-range[theme="upngo-baru"] .h2 { font-size: 36px; line-height: 49px; } [theme="upngo-baru"] .products--family-range .weight, body .products--family-range[theme="upngo-baru"] .weight { font-size: 18px; line-height: 25px; } [theme="upngo-baru"] .products--family-range .bar li, body .products--family-range[theme="upngo-baru"] .bar li { font-size: 18px; line-height: 25px; } [theme="newborn-baru"] .products--family-range h2, [theme="newborn-baru"] .products--family-range .h2, body .products--family-range[theme="newborn-baru"] h2, body .products--family-range[theme="newborn-baru"] .h2 { font-size: 36px; line-height: 49px; } [theme="newborn-baru"] .products--family-range .bar li, body .products--family-range[theme="newborn-baru"] .bar li { font-size: 18px; line-height: 25px; } [theme="newborn-baru"] .products--family-range .weight, body .products--family-range[theme="newborn-baru"] .weight { font-size: 18px; line-height: 25px; } [theme="everyday"] .products--family-range h2, [theme="everyday"] .products--family-range .h2, body .products--family-range[theme="everyday"] h2, body .products--family-range[theme="everyday"] .h2 { font-size: 48px; line-height: 48px; } [theme="drypants"] .products--family-range h2, [theme="drypants"] .products--family-range .h2, body .products--family-range[theme="drypants"] h2, body .products--family-range[theme="drypants"] .h2 { font-size: 48px; line-height: 48px; } [theme="sleep-tight"] .products--family-range h2, [theme="sleep-tight"] .products--family-range .h2, body .products--family-range[theme="sleep-tight"] h2, body .products--family-range[theme="sleep-tight"] .h2 { font-size: 36px; line-height: 49px; } [theme="sleep-tight"] .products--family-range .weight, body .products--family-range[theme="sleep-tight"] .weight { font-size: 18px; line-height: 25px; } [theme="sleep-tight"] .products--family-range .bar li, body .products--family-range[theme="sleep-tight"] .bar li { font-size: 18px; line-height: 25px; } [theme="swimpants"] .products--family-range h2, [theme="swimpants"] .products--family-range .h2, body .products--family-range[theme="swimpants"] h2, body .products--family-range[theme="swimpants"] .h2 { font-size: 36px; line-height: 49px; } [theme="swimpants"] .products--family-range .weight, body .products--family-range[theme="swimpants"] .weight { font-size: 18px; line-height: 25px; } [theme="swimpants"] .products--family-range .bar li, body .products--family-range[theme="swimpants"] .bar li { font-size: 18px; line-height: 25px; } [theme="lotus-touch-newborn"] .products--family-range h2, [theme="lotus-touch-newborn"] .products--family-range .h2, body .products--family-range[theme="lotus-touch-newborn"] h2, body .products--family-range[theme="lotus-touch-newborn"] .h2 { font-size: 19px; line-height: 37px; } [theme="lotus-touch-newborn"] .products--family-range .bar li, body .products--family-range[theme="lotus-touch-newborn"] .bar li { font-size: 18px; line-height: 25px; } [theme="lotus-touch-newborn"] .products--family-range .weight, body .products--family-range[theme="lotus-touch-newborn"] .weight { font-size: 18px; line-height: 25px; } [theme="lotus-touch-comfort"] .products--family-range h2, [theme="lotus-touch-comfort"] .products--family-range .h2, body .products--family-range[theme="lotus-touch-comfort"] h2, body .products--family-range[theme="lotus-touch-comfort"] .h2 { font-size: 36px; line-height: 49px; } [theme="lotus-touch-comfort"] .products--family-range .bar li, body .products--family-range[theme="lotus-touch-comfort"] .bar li { font-size: 18px; line-height: 25px; } [theme="lotus-touch-comfort"] .products--family-range .weight, body .products--family-range[theme="lotus-touch-comfort"] .weight { font-size: 18px; line-height: 25px; } [theme="lotus-touch-upngo"] .products--family-range h2, [theme="lotus-touch-upngo"] .products--family-range .h2, body .products--family-range[theme="lotus-touch-upngo"] h2, body .products--family-range[theme="lotus-touch-upngo"] .h2 { font-size: 36px; line-height: 49px; } [theme="lotus-touch-upngo"] .products--family-range .bar li, body .products--family-range[theme="lotus-touch-upngo"] .bar li { font-size: 18px; line-height: 25px; } [theme="lotus-touch-upngo"] .products--family-range .weight, body .products--family-range[theme="lotus-touch-upngo"] .weight { font-size: 18px; line-height: 25px; } [theme="accessories"] .products--family-range h2, [theme="accessories"] .products--family-range .h2, body .products--family-range[theme="accessories"] h2, body .products--family-range[theme="accessories"] .h2 { font-size: 36px; line-height: 49px; } [theme="accessories"] .products--family-range .weight, body .products--family-range[theme="accessories"] .weight { font-size: 18px; line-height: 25px; } [theme="accessories"] .products--family-range .bar li, body .products--family-range[theme="accessories"] .bar li { font-size: 18px; line-height: 25px; } .diaper-3d .heading p { font-size: 18px; line-height: 26px; } [theme="touch"] .diaper-3d .heading p, body .diaper-3d[theme="touch"] .heading p { font-size: 18px; line-height: 26px; } [theme="touch19"] .diaper-3d .heading p, body .diaper-3d[theme="touch19"] .heading p { font-size: 18px; line-height: 26px; } [theme="touch-pants"] .diaper-3d .heading p, body .diaper-3d[theme="touch-pants"] .heading p { font-size: 18px; line-height: 26px; } .diaper-3d h1, .diaper-3d .h1, .diaper-3d .h1 { margin-top: 0; margin-bottom: 0; } .diaper-3d .sprite-animation { display: block !important; } .diaper-3d video { display: none; } .diaper-3d .links a { display: inline-block; padding: 11px 10px 10px 10px; color: #fff; z-index: 999; font-family: "babyfreestyle", Helvetica Neue, Helvetica, Arial, sans-serif; } .diaper-3d .benefit-info { position: absolute; padding: 0 20px; margin-top: -10px; } .diaper-3d .benefit, .diaper-3d .bar { display: none; } [theme="touch19"] .diaper-3d .links, body .diaper-3d[theme="touch19"] .links { background-color: #562483; text-align: center; } [theme="touch"] .diaper-3d .links, body .diaper-3d[theme="touch"] .links { background-color: #562483; text-align: center; } [theme="touch-pants"] .diaper-3d .links, body .diaper-3d[theme="touch-pants"] .links { background-color: #562483; text-align: center; } [theme="comfort"] .diaper-3d .links, body .diaper-3d[theme="comfort"] .links { background-color: #562483; text-align: center; } [theme="upngo"] .diaper-3d .links, body .diaper-3d[theme="upngo"] .links { background-color: #562483; text-align: center; } [theme="newborn"] .diaper-3d .links, body .diaper-3d[theme="newborn"] .links { background-color: #562483; text-align: center; } [theme="comfort-baru"] .diaper-3d h1, [theme="comfort-baru"] .diaper-3d .h1, [theme="comfort-baru"] .diaper-3d .h1, body .diaper-3d[theme="comfort-baru"] h1, body .diaper-3d[theme="comfort-baru"] .h1, body .diaper-3d[theme="comfort-baru"] .h1 { font-size: 45px; line-height: 55px; } [theme="comfort-baru"] .diaper-3d .links, body .diaper-3d[theme="comfort-baru"] .links { background-color: #562483; text-align: center; } [theme="upngo-baru"] .diaper-3d h1, [theme="upngo-baru"] .diaper-3d .h1, [theme="upngo-baru"] .diaper-3d .h1, body .diaper-3d[theme="upngo-baru"] h1, body .diaper-3d[theme="upngo-baru"] .h1, body .diaper-3d[theme="upngo-baru"] .h1 { font-size: 45px; line-height: 55px; } [theme="upngo-baru"] .diaper-3d .links, body .diaper-3d[theme="upngo-baru"] .links { background-color: #562483; text-align: center; } [theme="newborn-baru"] .diaper-3d h1, [theme="newborn-baru"] .diaper-3d .h1, [theme="newborn-baru"] .diaper-3d .h1, body .diaper-3d[theme="newborn-baru"] h1, body .diaper-3d[theme="newborn-baru"] .h1, body .diaper-3d[theme="newborn-baru"] .h1 { font-size: 45px; line-height: 55px; } [theme="newborn-baru"] .diaper-3d .links, body .diaper-3d[theme="newborn-baru"] .links { background-color: #562483; text-align: center; } [theme="sleep-tight"] .diaper-3d .links, body .diaper-3d[theme="sleep-tight"] .links { background-color: #562483; text-align: center; } [theme="swimpants"] .diaper-3d h1, [theme="swimpants"] .diaper-3d .h1, [theme="swimpants"] .diaper-3d .h1, body .diaper-3d[theme="swimpants"] h1, body .diaper-3d[theme="swimpants"] .h1, body .diaper-3d[theme="swimpants"] .h1 { font-size: 45px; line-height: 55px; } [theme="swimpants"] .diaper-3d .links, body .diaper-3d[theme="swimpants"] .links { background-color: #562483; text-align: center; } [theme="lotus-touch-comfort"] .diaper-3d h1, [theme="lotus-touch-comfort"] .diaper-3d .h1, [theme="lotus-touch-comfort"] .diaper-3d .h1, body .diaper-3d[theme="lotus-touch-comfort"] h1, body .diaper-3d[theme="lotus-touch-comfort"] .h1, body .diaper-3d[theme="lotus-touch-comfort"] .h1 { font-size: 40px; line-height: 40px; } [theme="lotus-touch-comfort"] .diaper-3d .links, body .diaper-3d[theme="lotus-touch-comfort"] .links { background-color: #562483; text-align: center; } [theme="lotus-touch-upngo"] .diaper-3d h1, [theme="lotus-touch-upngo"] .diaper-3d .h1, [theme="lotus-touch-upngo"] .diaper-3d .h1, body .diaper-3d[theme="lotus-touch-upngo"] h1, body .diaper-3d[theme="lotus-touch-upngo"] .h1, body .diaper-3d[theme="lotus-touch-upngo"] .h1 { font-size: 45px; line-height: 55px; } [theme="lotus-touch-upngo"] .diaper-3d .links, body .diaper-3d[theme="lotus-touch-upngo"] .links { background-color: #562483; text-align: center; } [theme="lotus-touch-newborn"] .diaper-3d h1, [theme="lotus-touch-newborn"] .diaper-3d .h1, [theme="lotus-touch-newborn"] .diaper-3d .h1, body .diaper-3d[theme="lotus-touch-newborn"] h1, body .diaper-3d[theme="lotus-touch-newborn"] .h1, body .diaper-3d[theme="lotus-touch-newborn"] .h1 { font-size: 20px; line-height: 20px; } [theme="lotus-touch-newborn"] .diaper-3d .links, body .diaper-3d[theme="lotus-touch-newborn"] .links { background-color: #562483; text-align: center; } .diaper-3d .bottom-options { width: 100%; right: 0; bottom: 10px; text-align: right; } .diaper-3d .bottom-options.anim-in .scroll-down { -webkit-animation: bounce-s 2s; animation: bounce-s 2s; } .products--cross-sell { padding-top: 30px; } .products--cross-sell h2, .products--cross-sell .h2 { margin-bottom: 30px; } .products--cross-sell .product--filter-result-display .row, .products--cross-sell .product--filter-result-display .column { padding: 0; } .products--cross-sell .product--filter-result-display .ul-wrap { margin-top: 10px; margin-bottom: 2px; } .products--cross-sell .product--filter-result-display .view-more { display: none; } .products--cross-sell .view-more { display: none; } .products--cross-sell .small-container { margin-bottom: 15px; display: block !important; } .products--cross-sell .medium-container { display: none !important; } .products--retailers .limited-view.limit-rows-1 .item:nth-child(-n + 2) { display: block; } .products--retailers .limited-view.limit-rows-1 .item:nth-child(n + 3) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-2 .item:nth-child(-n + 4) { display: block; } .products--retailers .limited-view.limit-rows-2 .item:nth-child(n + 5) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-3 .item:nth-child(-n + 6) { display: block; } .products--retailers .limited-view.limit-rows-3 .item:nth-child(n + 7) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-4 .item:nth-child(-n + 8) { display: block; } .products--retailers .limited-view.limit-rows-4 .item:nth-child(n + 9) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-5 .item:nth-child(-n + 10) { display: block; } .products--retailers .limited-view.limit-rows-5 .item:nth-child(n + 11) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-6 .item:nth-child(-n + 12) { display: block; } .products--retailers .limited-view.limit-rows-6 .item:nth-child(n + 13) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-7 .item:nth-child(-n + 14) { display: block; } .products--retailers .limited-view.limit-rows-7 .item:nth-child(n + 15) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-8 .item:nth-child(-n + 16) { display: block; } .products--retailers .limited-view.limit-rows-8 .item:nth-child(n + 17) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-9 .item:nth-child(-n + 18) { display: block; } .products--retailers .limited-view.limit-rows-9 .item:nth-child(n + 19) + .view-more { display: block; } .products--retailers .limited-view.limit-rows-10 .item:nth-child(-n + 20) { display: block; } .products--retailers .limited-view.limit-rows-10 .item:nth-child(n + 21) + .view-more { display: block; } .profile-header__dropdown { max-width: 90%; } .profile-header__dropdown .dropdown__hint { overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; } .club--stages .stage-heading h4 { font-size: 18px; line-height: 25px; } body.club #content .main-content { padding-top: 20px; } body.club #content .main-content .main-content { padding-top: 20px; } .youplus--article-teaser .tagline { font-size: 10px; line-height: 10px; } .youplus--article-teaser h3, .youplus--article-teaser .h3, .youplus--article-teaser .product-info h1, .product-info .youplus--article-teaser h1, .youplus--article-teaser .product-info .h1, .product-info .youplus--article-teaser .h1 { font-size: 20px; line-height: 20px; } .youplus--article-teaser .inner { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .youplus--article-teaser .image-wrapper { -webkit-flex: 0 0 41%; -ms-flex: 0 0 41%; flex: 0 0 41%; } .youplus--article-teaser .text { padding-left: 15px; -webkit-flex: 1 0 58.6%; -ms-flex: 1 0 58.6%; flex: 1 0 58.6%; } .youplus--fun-fact h3, .youplus--fun-fact .h3, .youplus--fun-fact .product-info h1, .product-info .youplus--fun-fact h1, .youplus--fun-fact .product-info .h1, .product-info .youplus--fun-fact .h1 { font-size: 34px; line-height: 1.2em; } .youplus--fun-fact p { font-size: 28px; line-height: 1.1em; } .youplus--fun-fact { height: 80vw; } .youplus--fun-fact .inner { padding-left: 35px; padding-right: 35px; } .youplus--life-hack .text { font-size: 22px; line-height: 20px; } .youplus--life-hack .tagline { font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (640 - 320))); line-height: 1em; } .youplus--life-hack h3, .youplus--life-hack .h3, .youplus--life-hack .product-info h1, .product-info .youplus--life-hack h1, .youplus--life-hack .product-info .h1, .product-info .youplus--life-hack .h1 { font-size: calc(20px + (60 - 20) * ((100vw - 320px) / (640 - 320))); line-height: 1em; } .youplus--life-hack .inner { display: none; } .youplus--life-hack .azuremediaplayer:after { pointer-events: none; top: 0; left: 0; width: calc(100% - 20px); height: calc(100% - 20px); border-color: #fff; } .youplus--life-hack .azuremediaplayer .vjs-tech { top: 1px; } .youplus--life-hack .vjs-has-started + .text { display: none; } .youplus--product-promo .name { font-size: 40px; line-height: 0.8em; } .youplus--product-promo .weight { font-size: 30px; line-height: 0.8em; } .youplus--product-promo time { font-size: 12px; line-height: 1em; } .youplus--product-promo { max-height: 50vw; min-height: 50vw; } .youplus--product-promo:before { content: ""; display: block; padding-top: 50%; } .youplus--product-promo .text { padding-top: 20px; padding-right: 10px; } .youplus--product-promo .product { padding-left: 10px; } .youplus--story-audio time, .youplus--story-m-audio time { font-size: 12px; line-height: 1em; } .youplus--story-audio h3, .youplus--story-m-audio h3, .youplus--story-audio .h3, .youplus--story-m-audio .h3, .youplus--story-audio .product-info h1, .product-info .youplus--story-audio h1, .youplus--story-m-audio .product-info h1, .product-info .youplus--story-m-audio h1, .youplus--story-audio .product-info .h1, .product-info .youplus--story-audio .h1, .youplus--story-m-audio .product-info .h1, .product-info .youplus--story-m-audio .h1 { font-size: calc(18px + (45 - 18) * ((100vw - 320px) / (640 - 320))); line-height: 1.2em; } .youplus--story-audio .info, .youplus--story-m-audio .info { padding: 15px 25px 15px 35px; } .youplus--story-audio .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button .vjs-big-play-button:before, .youplus--story-m-audio .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button .vjs-big-play-button:before { font-size: calc(50px + (90 - 50) * ((100vw - 320px) / (640 - 320))); line-height: 1em; } html[dir="ltr"].ltr .youplus--story-audio .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button .vjs-big-play-button:before, html[dir="ltr"].ltr .youplus--story-m-audio .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button .vjs-big-play-button:before { /* @noflip */ left: 65%; } html[dir="rtl"].rtl .youplus--story-audio .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button .vjs-big-play-button:before, html[dir="rtl"].rtl .youplus--story-m-audio .azuremediaplayer.vjs-audio.vjs-controls-disabled.show-big-play-button .vjs-big-play-button:before { /* @noflip */ left: 25%; } .youplus--story-image .image, .youplus--story-video .image { padding-top: 66.75%; } .youplus--story-image .inner, .youplus--story-video .inner { pointer-events: none; } .youplus--story-video .inner { pointer-events: initial; } .youplus--story-video .inner:before { display: none; } .youplus--story-video .image-wrapper { display: none; } .youplus--story-video .azuremediaplayer:after { pointer-events: none; top: 0; left: 0; width: calc(100% - 20px); height: calc(100% - 20px); border-color: #fff; } .youplus--story-video .azuremediaplayer .vjs-tech { top: 1px; } .youplus--story-info time { font-size: 12px; line-height: 12px; } .youplus--story-info div.tags { font-size: 12px; line-height: 12px; } .youplus--story-info { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } .youplus--story-info time { font-weight: bold; } .youplus--story-info .text { line-height: 18px; } .youplus--story-info .readmore { display: none; color: #19d5e5; border-bottom: 1px dotted; } .youplus--story-info .comments { margin-top: 25px; margin-bottom: 25px; line-height: 18px; } .youplus--story-info .comments:after { display: none; } .youplus--story-text .inner { pointer-events: none; } .youplus--story-weight h3, .youplus--story-weight .h3, .youplus--story-weight .product-info h1, .product-info .youplus--story-weight h1, .youplus--story-weight .product-info .h1, .product-info .youplus--story-weight .h1 { font-size: calc(45px + (80 - 45) * ((100vw - 320px) / (640 - 320))); line-height: 1em; } .youplus--story-weight p { font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (640 - 320))); line-height: 1em; } .youplus--story-weight time { font-size: 12px; line-height: 1em; } .youplus--story-weight .inner { left: 15px; width: calc(100% - 30px); } .youplus--story-fun-fact h3, .youplus--story-fun-fact .h3, .youplus--story-fun-fact .product-info h1, .product-info .youplus--story-fun-fact h1, .youplus--story-fun-fact .product-info .h1, .product-info .youplus--story-fun-fact .h1 { font-size: calc(45px + (80 - 45) * ((100vw - 320px) / (640 - 320))); line-height: 1.2em; } .youplus--story-fun-fact p { font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (640 - 320))); line-height: 1em; } .youplus--story-fun-fact .week, .youplus--story-fun-fact time { font-size: 12px; line-height: 1em; } .youplus--story-fun-fact .inner { left: 15px; width: calc(100% - 30px); } .youplus--story-m-text h3, .youplus--story-m-text .h3, .youplus--story-m-text .product-info h1, .product-info .youplus--story-m-text h1, .youplus--story-m-text .product-info .h1, .product-info .youplus--story-m-text .h1 { font-size: 56px; line-height: 0.9em; } .youplus--story-m-text h3 span, .youplus--story-m-text .h3 span, .youplus--story-m-text .product-info h1 span, .product-info .youplus--story-m-text h1 span, .youplus--story-m-text .product-info .h1 span, .product-info .youplus--story-m-text .h1 span { font-size: 20px; line-height: 1em; } .youplus--story-m-text p { font-size: 30px; line-height: 1em; } .youplus--story-m-text .inner time { font-size: 12px; line-height: 1em; } .youplus--story-m-text .inner { display: none; } .youplus--story-m-text .heading:before { content: ""; display: block; position: absolute; bottom: 0; height: 100%; background-repeat: no-repeat; background-size: 100% 100%; background-position: bottom left; z-index: -1; } .youplus--story-m-text[color="red"] .youplus--story-info { padding-top: 30px; } .youplus--story-m-text[color="red"] .heading:before { background-image: url(/assets/images/brushes/brushes_red_2.png); width: calc(100% + 30px); left: -15px; } .youplus--story-m-text[color="yellow"] .youplus--story-info { padding-top: 25px; } .youplus--story-m-text[color="yellow"] .heading:before { background-image: url(/assets/images/brushes/brushes_yellow_2_2.png); width: calc(100% + 30px); left: -20px; bottom: 5px; } .youplus--story-m-text[color="cyan"] .youplus--story-info { padding-top: 40px; } .youplus--story-m-text[color="cyan"] .heading { margin-top: -15px; } .youplus--story-m-text[color="cyan"] .heading:before { width: calc(100% + 40px); left: -10px; bottom: 20px; background-image: url(/assets/images/brushes/brushes_blue.png); } html[dir="ltr"].ltr .youplus--story-m-text[color="cyan"] .heading:before { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } html[dir="rtl"].rtl .youplus--story-m-text[color="cyan"] .heading:before { -webkit-transform: scale(-1, 1) rotate(-7deg); transform: scale(-1, 1) rotate(-7deg); } .youplus--story-m-text .youplus--story-info { margin-top: -20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .youplus--story-m-text time { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .youplus--story-m-text .heading { position: relative; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: -1; -ms-flex-order: -1; order: -1; width: calc(100% + 15px); padding: 25px 15px 25px 15px; } .youplus--story-m-text .heading h3 span, .youplus--story-m-text .heading .h3 span, .youplus--story-m-text .heading .product-info h1 span, .product-info .youplus--story-m-text .heading h1 span, .youplus--story-m-text .heading .product-info .h1 span, .product-info .youplus--story-m-text .heading .h1 span { display: block; font-size: 20px; line-height: 0.9em; } .youplus--story-m-audio h3 .title, .youplus--story-m-audio .h3 .title, .youplus--story-m-audio .product-info h1 .title, .product-info .youplus--story-m-audio h1 .title, .youplus--story-m-audio .product-info .h1 .title, .product-info .youplus--story-m-audio .h1 .title { font-size: 45px; line-height: 0.9em; } .youplus--story-m-image .youplus--story-info .heading .name, .youplus--story-m-video .youplus--story-info .heading .name { font-size: 20px; line-height: 1em; } .youplus--story-m-image .youplus--story-info .heading span, .youplus--story-m-video .youplus--story-info .heading span { font-size: 40px; line-height: 0.9em; } .youplus--story-m-image[color="red"] .heading:before, .youplus--story-m-video[color="red"] .heading:before { width: calc(100% + 30px); left: -15px; } .youplus--story-m-image[color="yellow"] .heading:before, .youplus--story-m-video[color="yellow"] .heading:before { width: calc(100% + 30px); left: -20px; bottom: 15px; } .youplus--story-m-image[color="cyan"] .heading, .youplus--story-m-video[color="cyan"] .heading { margin-top: -15px; } .youplus--story-m-image[color="cyan"] .heading:before, .youplus--story-m-video[color="cyan"] .heading:before { width: calc(100% + 40px); left: -10px; bottom: 10px; } .youplus--story-m-image .image, .youplus--story-m-video .image { padding-top: 66.75%; } .youplus--story-m-image .youplus--story-info, .youplus--story-m-video .youplus--story-info { margin-top: -20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .youplus--story-m-image time, .youplus--story-m-video time { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .youplus--story-m-image .heading, .youplus--story-m-video .heading { position: relative; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: -1; -ms-flex-order: -1; order: -1; width: calc(100% + 15px); padding: 25px 15px 25px 15px; } .youplus--story-m-image .heading h3 span, .youplus--story-m-video .heading h3 span, .youplus--story-m-image .heading .h3 span, .youplus--story-m-video .heading .h3 span, .youplus--story-m-image .heading .product-info h1 span, .product-info .youplus--story-m-image .heading h1 span, .youplus--story-m-video .heading .product-info h1 span, .product-info .youplus--story-m-video .heading h1 span, .youplus--story-m-image .heading .product-info .h1 span, .product-info .youplus--story-m-image .heading .h1 span, .youplus--story-m-video .heading .product-info .h1 span, .product-info .youplus--story-m-video .heading .h1 span { display: block; font-size: 20px; line-height: 0.9em; } .youplus--story-m-image .youplus--story-info .heading .name, .youplus--story-m-video .youplus--story-info .heading .name { font-size: 20px; line-height: 1em; } .youplus--story-m-image .youplus--story-info .heading span, .youplus--story-m-video .youplus--story-info .heading span { font-size: 40px; line-height: 0.9em; } .youplus--story-m-image[color="red"] .heading:before, .youplus--story-m-video[color="red"] .heading:before { width: calc(100% + 30px); left: -15px; } .youplus--story-m-image[color="yellow"] .heading:before, .youplus--story-m-video[color="yellow"] .heading:before { width: calc(100% + 30px); left: -20px; bottom: 15px; } .youplus--story-m-image[color="cyan"] .heading, .youplus--story-m-video[color="cyan"] .heading { margin-top: -15px; } .youplus--story-m-image[color="cyan"] .heading:before, .youplus--story-m-video[color="cyan"] .heading:before { width: calc(100% + 40px); left: -10px; bottom: 10px; } .youplus--story-m-image .image, .youplus--story-m-video .image { padding-top: 66.75%; } .youplus--story-m-image .youplus--story-info, .youplus--story-m-video .youplus--story-info { margin-top: -20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .youplus--story-m-image time, .youplus--story-m-video time { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .youplus--story-m-image .heading, .youplus--story-m-video .heading { position: relative; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: -1; -ms-flex-order: -1; order: -1; width: calc(100% + 15px); padding: 25px 15px 25px 15px; } .youplus--story-m-image .heading h3 span, .youplus--story-m-video .heading h3 span, .youplus--story-m-image .heading .h3 span, .youplus--story-m-video .heading .h3 span, .youplus--story-m-image .heading .product-info h1 span, .product-info .youplus--story-m-image .heading h1 span, .youplus--story-m-video .heading .product-info h1 span, .product-info .youplus--story-m-video .heading h1 span, .youplus--story-m-image .heading .product-info .h1 span, .product-info .youplus--story-m-image .heading .h1 span, .youplus--story-m-video .heading .product-info .h1 span, .product-info .youplus--story-m-video .heading .h1 span { display: block; font-size: 20px; line-height: 0.9em; } .youplus--story-m-video .inner { pointer-events: initial; } .youplus--story-m-video .inner:before { display: none; } .youplus--story-m-video .image-wrapper { display: none; } .youplus--story-m-video .azuremediaplayer:after { pointer-events: none; top: 0; left: 0; width: calc(100% - 20px); height: calc(100% - 20px); border-color: #fff; } .youplus--story-header .current-month-btn { font-size: 22px; line-height: 50px; } .youplus--story-header .year { font-size: 22px; line-height: 50px; } .youplus--story-header .current-month-btn { padding-left: 50px; padding-right: 50px; } .youplus--story-header .filter-btn { min-width: 50px; } .youplus--story-header .month .btn-yp { -webkit-flex: 1 1 49.9%; -ms-flex: 1 1 49.9%; flex: 1 1 49.9%; } .youplus--story-m-image-overlay .heading, .youplus--story-m-video-overlay .heading { font-size: 10px; line-height: 10px; } .youplus--story-m-image-overlay .heading .name, .youplus--story-m-video-overlay .heading .name { font-size: 10px; line-height: 10px; } .youplus--listicles h3, .youplus--listicles .h3, .youplus--listicles .product-info h1, .product-info .youplus--listicles h1, .youplus--listicles .product-info .h1, .product-info .youplus--listicles .h1 { font-size: 30px; line-height: 1em; } .youplus--listicles p { font-size: 14px; line-height: 1em; } .youplus--listicles li { font-size: 14px; line-height: 1em; } .youplus--listicles .inner { padding: 20px 20px 20px 50px; } .youplus--text-intro h2, .youplus--text-intro .h2 { font-size: 40px; line-height: 56px; } .youplus--text-intro p { font-size: 16px; line-height: 18px; } .youplus--text-media-70-30 h2, .youplus--text-media-70-30 .h2 { font-size: 30px; line-height: 28px; } .youplus--text-media-70-30 p { font-size: 16px; line-height: 18px; } .youplus--text-media-70-30 .row { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .youplus--text-media-70-30.alt .row { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .youplus--text-media-70-30 .media { text-align: center; } .youplus--text-media-70-30 .media > * { max-width: 475px; } .youplus--text-media-50-50 h2, .youplus--text-media-50-50 .h2 { font-size: 30px; line-height: 28px; } .youplus--text-media-50-50 p { font-size: 16px; line-height: 18px; } .youplus--text-media-50-50 .row { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .youplus--text-media-50-50.alt .row { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .youplus--text-brush h2, .youplus--text-brush .h2 { font-size: 30px; line-height: 28px; } .youplus--text-brush .text p { font-size: 16px; line-height: 18px; } .youplus--text-brush .brush p { font-size: 16px; line-height: 18px; } .youplus--text-brush .row { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .youplus--text-brush .brush { padding: 65px 10.5vw; max-width: 400px; } .youplus--text-brush.alt .row { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .youplus--text-media h2, .youplus--text-media .h2 { font-size: 30px; line-height: 28px; } .youplus--text-media p { font-size: 16px; line-height: 18px; } .youplus--testimonial h3, .youplus--testimonial .h3, .youplus--testimonial .product-info h1, .product-info .youplus--testimonial h1, .youplus--testimonial .product-info .h1, .product-info .youplus--testimonial .h1 { font-size: 20px; line-height: 24px; } .youplus--testimonial p { font-size: 16px; line-height: 18px; } .youplus--testimonial.alt .column { padding: 0; } .youplus--testimonial.alt .column .item { padding-left: 30px; padding-right: 30px; } .youplus--family-hero .title, .youplus--app-hero .title { padding: 20px 10px 50px 20px; } .youplus--family-hero .title .names, .youplus--app-hero .title .names { font-size: 20px; line-height: 20px; } .youplus--family-hero .info div, .youplus--app-hero .info div { font-size: 24px; line-height: 29px; } .youplus--family-hero .info p, .youplus--app-hero .info p { font-size: 16px; line-height: 22px; } .youplus--get-the-app2 h2, .youplus--get-the-app2 .h2 { font-size: 30px; line-height: 28px; } .youplus--get-the-app2 p { font-size: 16px; line-height: 18px; } .youplus--get-the-app2 { text-align: center; } .youplus--get-the-app2 .row { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .youplus--get-the-app2 .media { display: none; } .youplus--stage-article .heading .tagline { font-size: 20px; line-height: 24px; } .youplus--stage-article h2, .youplus--stage-article .h2 { font-size: 40px; line-height: 0.7em; } .youplus--stage-article .heading, .youplus--stage-article .pregnant { padding-bottom: 30px; } .youplus--stage-article .bump p { max-height: 150px; } .youplus--stage-article .pregnant h3, .youplus--stage-article .pregnant .h3, .youplus--stage-article .pregnant .product-info h1, .product-info .youplus--stage-article .pregnant h1, .youplus--stage-article .pregnant .product-info .h1, .product-info .youplus--stage-article .pregnant .h1 { font-size: 20px; line-height: 20px; } .youplus--stage-article .pregnant .bump .tagline, .youplus--stage-article .pregnant .you .tagline { font-size: 12px; line-height: 12px; } .youplus--stage-article .pregnant .row { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .youplus--stage-article .pregnant .heading { margin-bottom: 40px; } .youplus--stage-article .pregnant .you { display: none; } .youplus--stage-article .children .tagline { font-size: 12px; line-height: 12px; } .youplus--stage-article .children h3, .youplus--stage-article .children .h3, .youplus--stage-article .children .product-info h1, .product-info .youplus--stage-article .children h1, .youplus--stage-article .children .product-info .h1, .product-info .youplus--stage-article .children .h1 { font-size: 40px; line-height: 36px; } .youplus--stage-article .children p { font-size: 20px; line-height: 18px; } .youplus--stage-article .children .col { -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } .youplus--stage-article .children .text { width: calc(100% - 16px); bottom: -40px; left: 10px; padding: 25px 10px 40px 25px; max-width: 375px; } .youplus--stage-article .children .btn-yp { bottom: -40px; left: 10px; width: calc(100% - 16px); max-width: 375px; } .youplus--stage-article .children .btn-yp span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .youplus--stage-article .children [theme="yellow"] .text { padding-top: 35px; } .youplus--content-composition .row { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .youplus--content-composition .col { margin-bottom: 15px; } .youplus--content-composition .col { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .youplus--your-story .col { margin-bottom: 30px; } .youplus--your-story .col, .youplus--your-story .wrapper { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .youplus--your-story .row { overflow: hidden; } .youplus--poll-results .text { font-size: 22px; line-height: 20px; } .youplus--invite .text, .youplus--invite__done .text { font-size: 16px; line-height: 18px; } .photobook--grid .grid-item .grid-item__message-content { font-size: 18px; line-height: 1.2; } .photobook--grid .grid-item .grid-item__message-content { font-size: 18px; line-height: 1.2; } [theme="touch19"] .diaper-3d h1, [theme="touch19"] .diaper-3d .h1, body .diaper-3d[theme="touch19"] h1, body .diaper-3d[theme="touch19"] .h1 { font-size: 38px !important; line-height: 38px !important; } [theme="touch"] .diaper-3d h1, [theme="touch"] .diaper-3d .h1, body .diaper-3d[theme="touch"] h1, body .diaper-3d[theme="touch"] .h1 { font-size: 38px !important; line-height: 38px !important; } [theme="touch-pants"] .diaper-3d h1, [theme="touch-pants"] .diaper-3d .h1, body .diaper-3d[theme="touch-pants"] .h1 { font-size: 38px !important; line-height: 38px !important; } [theme="comfort"] .diaper-3d h1, [theme="comfort"] .diaper-3d .h1, body .diaper-3d[theme="comfort"] .h1 { font-size: 38px !important; line-height: 38px !important; } [theme="upngo"] .diaper-3d h1, [theme="upngo"] .diaper-3d .h1, body .diaper-3d[theme="upngo"] .h1 { font-size: 38px !important; line-height: 38px !important; } [theme="newborn"] .diaper-3d h1, [theme="newborn"] .diaper-3d .h1, body .diaper-3d[theme="newborn"] .h1 { font-size: 38px !important; line-height: 38px !important; } [theme="comfort-baru"] .diaper-3d h1, [theme="comfort-baru"] .diaper-3d .h1, body .diaper-3d[theme="comfort-baru"] .h1 { font-size: 38px !important; line-height: 38px !important; } [theme="upngo-baru"] .diaper-3d h1, [theme="upngo-baru"] .diaper-3d .h1, body .diaper-3d[theme="upngo-baru"] .h1 { font-size: 38px !important; line-height: 38px !important; } [theme="newborn-baru"] .diaper-3d h1, [theme="newborn-baru"] .diaper-3d .h1, body .diaper-3d[theme="newborn-baru"] .h1 { font-size: 38px !important; line-height: 38px !important; } [theme="sleep-tight"] .diaper-3d h1, [theme="sleep-tight"] .diaper-3d .h1, body .diaper-3d[theme="sleep-tight"] .h1 { font-size: 38px !important; line-height: 38px !important; } [theme="swimpants"] .diaper-3d h1, [theme="swimpants"] .diaper-3d .h1, body .diaper-3d[theme="swimpants"] .h1 { font-size: 38px !important; line-height: 38px !important; } [theme="lotus-touch-comfort"] .diaper-3d h1, [theme="lotus-touch-comfort"] .diaper-3d .h1, body .diaper-3d[theme="lotus-touch-comfort"] .h1 { font-size: 38px !important; line-height: 38px !important; } [theme="lotus-touch-upngo"] .diaper-3d h1, [theme="lotus-touch-upngo"] .diaper-3d .h1, body .diaper-3d[theme="lotus-touch-upngo"] .h1 { font-size: 38px !important; line-height: 38px !important; } .diaper-3d .heading p { font-size: 18px; line-height: 18px; } } @media (max-width: 40em) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .youplus--content-composition .row { display: block; } .youplus--content-composition .col { float: left; width: 100%; } } @media only screen and (max-width: 30em) { .point-shop-welcome .action { width: 100%; } .point-shop-row .action, .point-shop-row .text { width: 100%; } .youplus--family-hero .info, .youplus--app-hero .info { width: calc(100% + 100px); left: -50px; padding: 35px 70px 25px 70px; max-width: none; } .youplus--family-hero .info div, .youplus--app-hero .info div { margin-bottom: 10px; } } @media only screen and (max-height: 767px) and (orientation: landscape) { .youplus--app-hero .features { right: -40px; } .youplus--app-hero .youplus--phone { width: 30%; } } @media only screen and (max-height: 480px) and (orientation: portrait) { .youplus--app-hero .youplus--phone { max-width: 235px; } } @media print { .show-for-print { display: block; } .hide-for-print { display: none; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } #header, #footer, .breadcrumbs-c, .overlay2 .stage-header, .overlay2 .stage-header-ref, .overlay2 .scroll-indicator { display: none; } .article-50-50, .article-66-33, .article-50-50 { page-break-after: always; } .article-50-50 header, .article-50-50 .share-article, .article-50-50 aside, .article-50-50 .avatar, .article-50-50 .promo-list, .article-50-50 .recommended-articles, .article-50-50 .azuremediaplayer, .article-50-50 .embed-container, .article-50-50 .heading a, .article-50-50 + .recommended-articles, .article-66-33 header, .article-50-50 header, .article-66-33 .share-article, .article-50-50 .share-article, .article-66-33 aside, .article-50-50 aside, .article-66-33 .avatar, .article-50-50 .avatar, .article-66-33 .promo-list, .article-50-50 .promo-list, .article-66-33 .recommended-articles, .article-50-50 .recommended-articles, .article-66-33 .azuremediaplayer, .article-50-50 .azuremediaplayer, .article-66-33 .embed-container, .article-50-50 .embed-container, .article-66-33 .heading a, .article-50-50 .heading a, .article-66-33 + .recommended-articles, .article-50-50 + .recommended-articles { display: none; } .article-50-50 .text, .article-66-33 .text, .article-50-50 .text { position: static; } .article-50-50 h1, .article-50-50 .h1, .article-66-33 h1, .article-50-50 h1, .article-66-33 .h1, .article-50-50 .h1 { color: #000; width: 100%; padding-bottom: 30px; text-align: center; } .article-50-50 .row, .article-66-33 .row, .article-50-50 .row { display: block; } .article-50-50 p, .article-66-33 p, .article-50-50 p { page-break-inside: avoid; page-break-before: avoid; } .article-50-50 h2, .article-50-50 .h2, .article-66-33 h2, .article-50-50 h2, .article-66-33 .h2, .article-50-50 .h2 { page-break-after: avoid; } .overlay2-open #outer > #inner, .overlay2-open #outer > #innerOverlay, .overlay2-open #outer > #sidebars { display: none; } .overlay2-open [data-overlay2-close] { display: none; } .overlay2-open .overlay2, .overlay2-open .overlay2 .container, .overlay2-open .overlay2 .content { overflow: visible; position: static; } .overlay2-open .overlay2 { height: initial; padding-bottom: 0; } .overlay2-open .youplus--overlay-article aside { display: none; } .overlay2-open .youplus--overlay-article .share-article, .overlay2-open .youplus--overlay-article header, .overlay2-open .youplus--overlay-article .avatar { display: none; } } @media not print { .show-for-print { display: none !important; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); box-shadow: 0 0 1.25rem white; } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); box-shadow: 0 0 1.25rem white; } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes loader-type-1 { 0%,80%,100% { -webkit-transform: scale(0.2); transform: scale(0.2); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes loader-type-1 { 0%,80%,100% { -webkit-transform: scale(0.2); transform: scale(0.2); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes starone { from { -webkit-transform: scale(0.01); transform: scale(0.01); -webkit-transform-origin: center; transform-origin: center; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; } } @keyframes starone { from { -webkit-transform: scale(0.01); transform: scale(0.01); -webkit-transform-origin: center; transform-origin: center; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; } } @-webkit-keyframes starone375 { from { -webkit-transform: scale(0.01); transform: scale(0.01); -webkit-transform-origin: center; transform-origin: center; } to { -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: center; transform-origin: center; } } @keyframes starone375 { from { -webkit-transform: scale(0.01); transform: scale(0.01); -webkit-transform-origin: center; transform-origin: center; } to { -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: center; transform-origin: center; } } @-webkit-keyframes startwo { from { -webkit-transform: scale(0.01); transform: scale(0.01); -webkit-transform-origin: center; transform-origin: center; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; } } @keyframes startwo { from { -webkit-transform: scale(0.01); transform: scale(0.01); -webkit-transform-origin: center; transform-origin: center; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; } } @-webkit-keyframes startwo375 { from { -webkit-transform: scale(0.01); transform: scale(0.01); -webkit-transform-origin: center; transform-origin: center; } to { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center; transform-origin: center; } } @keyframes startwo375 { from { -webkit-transform: scale(0.01); transform: scale(0.01); -webkit-transform-origin: center; transform-origin: center; } to { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center; transform-origin: center; } } @-webkit-keyframes starthree { from { -webkit-transform: scale(0.01); transform: scale(0.01); -webkit-transform-origin: center; transform-origin: center; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; } } @keyframes starthree { from { -webkit-transform: scale(0.01); transform: scale(0.01); -webkit-transform-origin: center; transform-origin: center; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; } } @-webkit-keyframes starthree375 { from { -webkit-transform: scale(0.01); transform: scale(0.01); -webkit-transform-origin: center; transform-origin: center; } to { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center; transform-origin: center; } } @keyframes starthree375 { from { -webkit-transform: scale(0.01); transform: scale(0.01); -webkit-transform-origin: center; transform-origin: center; } to { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center; transform-origin: center; } } @-webkit-keyframes starseven { from { -webkit-transform: scale(0.01); transform: scale(0.01); -webkit-transform-origin: center; transform-origin: center; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; } } @keyframes starseven { from { -webkit-transform: scale(0.01); transform: scale(0.01); -webkit-transform-origin: center; transform-origin: center; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; } } @-webkit-keyframes duoblockstarone { from { bottom: 20%; } to { bottom: 66%; } } @keyframes duoblockstarone { from { bottom: 20%; } to { bottom: 66%; } } @-webkit-keyframes duoblockstarone375 { from { bottom: 45%; } to { bottom: 70%; } } @keyframes duoblockstarone375 { from { bottom: 45%; } to { bottom: 70%; } } @-webkit-keyframes duoblockstarthree { from { width: 50px; display: block; top: 2%; } to { width: 50px; z-index: 10; display: block; top: 35%; } } @keyframes duoblockstarthree { from { width: 50px; display: block; top: 2%; } to { width: 50px; z-index: 10; display: block; top: 35%; } } @-webkit-keyframes duoblockstarthree375 { 0% { width: 50px; top: 2%; } 100% { width: 50px; top: 35%; } } @keyframes duoblockstarthree375 { 0% { width: 50px; top: 2%; } 100% { width: 50px; top: 35%; } } @-webkit-keyframes duoblockstartwo { from { width: 80px; top: 2%; } to { width: 80px; top: 85%; } } @keyframes duoblockstartwo { from { width: 80px; top: 2%; } to { width: 80px; top: 85%; } } @-webkit-keyframes duoblockstartwo375 { 0% { width: 70px; top: -76%; } 100% { width: 70px; top: -45%; } } @keyframes duoblockstartwo375 { 0% { width: 70px; top: -76%; } 100% { width: 70px; top: -45%; } } @-webkit-keyframes duoblockstarfour { from { width: 50px; display: block; bottom: 2%; } to { width: 50px; z-index: 10; display: block; bottom: 15%; } } @keyframes duoblockstarfour { from { width: 50px; display: block; bottom: 2%; } to { width: 50px; z-index: 10; display: block; bottom: 15%; } } @-webkit-keyframes duoblockstarfourmobile { 0% { top: 40%; } 100% { top: 15%; } } @keyframes duoblockstarfourmobile { 0% { top: 40%; } 100% { top: 15%; } } @-webkit-keyframes superbaby-animation { from { left: -18%; } to { left: -6%; } } @keyframes superbaby-animation { from { left: -18%; } to { left: -6%; } } @-webkit-keyframes star-animation { 0% { -webkit-transform: scale(0.25); transform: scale(0.25); -webkit-transform-origin: center; transform-origin: center; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; } } @keyframes star-animation { 0% { -webkit-transform: scale(0.25); transform: scale(0.25); -webkit-transform-origin: center; transform-origin: center; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; } } @-webkit-keyframes star-animation375 { from { -webkit-transform: scale(0.25); transform: scale(0.25); -webkit-transform-origin: center; transform-origin: center; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; } } @keyframes star-animation375 { from { -webkit-transform: scale(0.25); transform: scale(0.25); -webkit-transform-origin: center; transform-origin: center; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; } } @-webkit-keyframes promosstarone { 0% { top: 40%; } 100% { top: 30%; } } @keyframes promosstarone { 0% { top: 40%; } 100% { top: 30%; } } @-webkit-keyframes promosstarone375 { 0% { width: 60px; bottom: 2%; } 100% { width: 60px; bottom: 7%; } } @keyframes promosstarone375 { 0% { width: 60px; bottom: 2%; } 100% { width: 60px; bottom: 7%; } } @-webkit-keyframes promosstartwo { 0% { width: 100px; top: 10px; } 100% { width: 100px; top: 400px; } } @keyframes promosstartwo { 0% { width: 100px; top: 10px; } 100% { width: 100px; top: 400px; } } @-webkit-keyframes promosstartwo375 { 0% { bottom: 55%; } 100% { bottom: 3%; } } @keyframes promosstartwo375 { 0% { bottom: 55%; } 100% { bottom: 3%; } } @-webkit-keyframes promosstarthree { 100% { width: 100%; } } @keyframes promosstarthree { 100% { width: 100%; } } @-webkit-keyframes promosstarfour { 100% { width: 100%; } } @keyframes promosstarfour { 100% { width: 100%; } } @-webkit-keyframes promosstarfive { 100% { width: 100%; } } @keyframes promosstarfive { 100% { width: 100%; } } @-webkit-keyframes promosstarsix { 100% { width: 100%; } } @keyframes promosstarsix { 100% { width: 100%; } } @keyframes promosstarsix { 100% { width: 100%; } } @-webkit-keyframes bounce-s { 0%,20%,50%,80%,100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce-s { 0%,20%,50%,80%,100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes bounce-m { 0%,20%,50%,80%,100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce-m { 0%,20%,50%,80%,100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes grow-shrink { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.07); transform: scale(1.07); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes grow-shrink { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.07); transform: scale(1.07); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: center center; transform-origin: center center; } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform-origin: center center; transform-origin: center center; } } @keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: center center; transform-origin: center center; } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform-origin: center center; transform-origin: center center; } } @keyframes pulse { to { text-shadow: 0 0 0 0px transparent, 0 0 0 20px rgba(69, 28, 104, 0); } } @-webkit-keyframes beat { from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; } 10% { -webkit-transform: scale(0.65); transform: scale(0.65); } 35% { -webkit-transform: scale(1.35); transform: scale(1.35); } 45% { -webkit-transform: scale(1); transform: scale(1); } 55% { -webkit-transform: scale(0.8); transform: scale(0.8); } 75% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes beat { from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; } 10% { -webkit-transform: scale(0.65); transform: scale(0.65); } 35% { -webkit-transform: scale(1.35); transform: scale(1.35); } 45% { -webkit-transform: scale(1); transform: scale(1); } 55% { -webkit-transform: scale(0.8); transform: scale(0.8); } 75% { -webkit-transform: scale(1); transform: scale(1); } } /** * Swiper 3.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: February 7, 2016 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}