【CONFINEMENT】The 章 Zhangs’ Secret Dumpling Recipe

The long-awaited secret recipe of generations past, in writing, out in the universe, for the first time.

Handle with care.

How Do You Like Your Eggs?

A rural utopia, residence to a heady mix of artists, caught in a wash of 1952. And the new girl – who’s she?

【CONFINEMENT】Crêpe Lasagna

I thinly veiled way of burning through an excess of crêpes with Italian flair, particularly given that I’m usually terrible at making pasta.

Equal Opportunity

A pertinent poem that will send you in spirals.

in early Canada when railways were highways each stop brought new opportunities there was a rule the chinese could only ride the last two cars of trains that is until a train derailed killing all those in front (the chinese erected an altar and thanked buddha) a new rule was made the chinese must ride the front two cars of the trains that is until another accident claimed everyone in the back (the chinese erected an altar and thanked buddha) after much debate common sense prevailed the chinese are allowed to sit anywhere on any train ...

【CONFINEMENT】Sweet Potato Hot Cross Buns

A reinvention of a classic for an agnostic Asian vegan with too many sweet potatoes and no regular flour in her isolation pantry.

About

Margaret Zhang 章凝 is an Australian-born-Chinese filmmaker, photographer, consultant and writer based between New York and Shanghai. Since establishing her website in 2009, Zhang has gone on to work with global brands including CHANEL, Swarovski, YEEZY, Bulgari, Gucci, MATCHES, Under Armour, and Louis Vuitton in a wide range of capacities both in front of and behind the camera, while completing her Bachelor of Commerce/Bachelor of Laws at The University of Sydney. Zhang’s directing, photography, and styling has been employed by the likes of VOGUE, L’Officiel, Harper’s BAZAAR, NOWNESS, and ELLE internationally. She has been listed in Forbes Asia’s 30Under30 and TimeOut’s 40Under40, and her work has been recognized as shaping the international fashion industry by the Business of Fashion BoF500 Index for four consecutive years. CNN has identified Zhang as a leading fashion photographer in Asia and ELLE named her the region’s most influential digital voice. She went on to be the first Asian face to cover ELLE Australia. In 2016, she co-founded BACKGROUND, a global consultancy for which she specialises in Western-to-Chinese and Chinese-to-Western cultural bridging for a range of luxury, lifestyle, and brand initiatives. In 2017, she exhibited a series of 39 unseen photographic works as a solo show in Sydney, and premiered her first short film – a 15-minute exploration of her visceral relationship with classical music on both performance and abstract planes – to critical acclaim. In 2018, co-curated the first annual FOREFRONT Summit focused on inter-industry problem-solving at all scales of business. From this king summit, Zhang developed FOREFRONT+ – a round table series of candid conversations covering subject matters of universal concern. In 2019, THE FACE Magazine engaged Zhang as Creative-Director-at-Large for Asia for its relaunch. Zhang is currently working on her first feature film.

------MultipartBoundary--ed8SlwGWXIJecpRVEbmjQbU60wQ8959W1i7I3sd0qP---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-ecdd778f-8694-4943-802d-0355bcd1d2f6@mhtml.blink @charset "utf-8"; img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0px 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0px !important; } ------MultipartBoundary--ed8SlwGWXIJecpRVEbmjQbU60wQ8959W1i7I3sd0qP---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-651902b9-614e-4634-9df3-ff81a493d3ef@mhtml.blink @charset "utf-8"; .woocommerce form .form-row .required { visibility: visible; } ------MultipartBoundary--ed8SlwGWXIJecpRVEbmjQbU60wQ8959W1i7I3sd0qP---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-dda78767-2e92-425b-8542-83614cb6c5cf@mhtml.blink @charset "utf-8"; .vjs-default-skin { color: rgb(204, 204, 204); } .vjs-default-skin .vjs-play-progress, .vjs-default-skin .vjs-volume-level { background-color: rgb(255, 255, 255); } .vjs-default-skin .vjs-control-bar, .vjs-default-skin .vjs-big-play-button { background: rgba(0, 0, 0, 0.7); } .vjs-default-skin .vjs-slider { background: rgba(0, 0, 0, 0.23); } ------MultipartBoundary--ed8SlwGWXIJecpRVEbmjQbU60wQ8959W1i7I3sd0qP---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-9e82f746-b5a0-4871-842c-b289444a495a@mhtml.blink @charset "utf-8"; .at-icon { fill: rgb(255, 255, 255); border: 0px; } .at-icon-wrapper { display: inline-block; overflow: hidden; } a .at-icon-wrapper { cursor: pointer; } .at-rounded, .at-rounded-element .at-icon-wrapper { border-radius: 12%; } .at-circular, .at-circular-element .at-icon-wrapper { border-radius: 50%; } .addthis_32x32_style .at-icon { width: 2pc; height: 2pc; } .addthis_24x24_style .at-icon { width: 24px; height: 24px; } .addthis_20x20_style .at-icon { width: 20px; height: 20px; } .addthis_16x16_style .at-icon { width: 1pc; height: 1pc; } #at16lb { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1001; background-color: rgb(0, 0, 0); opacity: 0.001; } #at_complete, #at_error, #at_share, #at_success { position: static !important; } .at15dn { display: none; } #at15s, #at16p, #at16p form input, #at16p label, #at16p textarea, #at_share .at_item { outline-style: none; outline-width: 0px; line-height: 1em; font-family: arial, helvetica, tahoma, verdana, sans-serif !important; font-size: 9pt !important; } * html #at15s.mmborder { position: absolute !important; } #at15s.mmborder { position: fixed !important; width: 250px !important; } #at15s { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg=="); float: none; line-height: 1em; margin: 0px; overflow: visible; padding: 5px; text-align: left; position: absolute; } #at15s a, #at15s span { outline: 0px; direction: ltr; text-transform: none; } #at15s .at-label { margin-left: 5px; } #at15s .at-icon-wrapper { width: 1pc; height: 1pc; vertical-align: middle; } #at15s .at-icon { width: 1pc; height: 1pc; } .at4-icon { display: inline-block; background-repeat: no-repeat; background-position: left top; margin: 0px; overflow: hidden; cursor: pointer; } .addthis_16x16_style .at4-icon, .addthis_default_style .at4-icon, .at4-icon, .at-16x16 { width: 1pc; height: 1pc; line-height: 1pc; background-size: 1pc !important; } .addthis_32x32_style .at4-icon, .at-32x32 { width: 2pc; height: 2pc; line-height: 2pc; background-size: 2pc !important; } .addthis_24x24_style .at4-icon, .at-24x24 { width: 24px; height: 24px; line-height: 24px; background-size: 24px !important; } .addthis_20x20_style .at4-icon, .at-20x20 { width: 20px; height: 20px; line-height: 20px; background-size: 20px !important; } .at4-icon.circular, .circular .at4-icon, .circular.aticon { border-radius: 50%; } .at4-icon.rounded, .rounded .at4-icon { border-radius: 4px; } .at4-icon-left { float: left; } #at15s .at4-icon { text-indent: 20px; padding: 0px; overflow: visible; white-space: nowrap; background-size: 1pc; width: 1pc; height: 1pc; background-position: left top; display: inline-block; line-height: 1pc; } .addthis_vertical_style .at4-icon, .at4-follow-container .at4-icon { margin-right: 5px; } html > body #at15s { width: 250px !important; } #at15s.atm { background: none !important; padding: 0px !important; width: 10pc !important; } #at15s_inner { background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); margin: 0px; } #at15s_head { position: relative; background: rgb(242, 242, 242); padding: 4px; cursor: default; border-bottom: 1px solid rgb(229, 229, 229); } .at15s_head_success { background: rgb(202, 253, 153) !important; border-bottom: 1px solid rgb(169, 213, 130) !important; } .at15s_head_success a, .at15s_head_success span { text-decoration: none; color: rgb(0, 0, 0) !important; } #at15s_brand, #at15sptx, #at16_brand { position: absolute; } #at15s_brand { top: 4px; right: 4px; } .at15s_brandx { right: 20px !important; } a#at15sptx { top: 4px; right: 4px; text-decoration: none; color: rgb(76, 76, 76); font-weight: 700; } #at15sptx:hover { text-decoration: underline; } #at16_brand { top: 5px; right: 30px; cursor: default; } #at_hover { padding: 4px; } #at_hover .at_item, #at_share .at_item { background: rgb(255, 255, 255) !important; float: left !important; color: rgb(76, 76, 76) !important; } #at_share .at_item .at-icon-wrapper { margin-right: 5px; } #at_hover .at_bold { font-weight: 700; color: rgb(0, 0, 0) !important; } #at_hover .at_item { margin: 1px; width: 7pc !important; padding: 2px 3px !important; text-decoration: none !important; } #at_hover .at_item.athov, #at_hover .at_item:focus, #at_hover .at_item:hover { margin: 0px !important; } #at_hover .at_item.athov, #at_hover .at_item:focus, #at_hover .at_item:hover, #at_share .at_item.athov, #at_share .at_item:hover { border: 1px solid rgb(229, 229, 229); text-decoration: none; background: rgb(242, 242, 242) !important; color: rgb(0, 0, 0) !important; } .ipad #at_hover .at_item:focus { border: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255) !important; } .at15t { background-position: 0px 0px; text-align: left; display: block !important; height: 1pc !important; line-height: 1pc !important; padding-left: 20px !important; } .addthis_button, .at15t { cursor: pointer; } .addthis_toolbox a.at300b, .addthis_toolbox a.at300m { width: auto; } .addthis_toolbox a { margin-bottom: 5px; line-height: initial; } .addthis_toolbox.addthis_vertical_style { width: 200px; } .addthis_button_facebook_like .fb_iframe_widget { line-height: 100%; } .addthis_button_facebook_like iframe.fb_iframe_widget_lift { max-width: none; } .addthis_toolbox a.addthis_button_counter, .addthis_toolbox a.addthis_button_facebook_like, .addthis_toolbox a.addthis_button_facebook_send, .addthis_toolbox a.addthis_button_facebook_share, .addthis_toolbox a.addthis_button_foursquare, .addthis_toolbox a.addthis_button_linkedin_counter, .addthis_toolbox a.addthis_button_pinterest_pinit, .addthis_toolbox a.addthis_button_tweet { display: inline-block; } .addthis_toolbox span.addthis_follow_label { display: none; } .addthis_toolbox.addthis_vertical_style span.addthis_follow_label { display: block; white-space: nowrap; } .addthis_toolbox.addthis_vertical_style a { display: block; } .addthis_toolbox.addthis_vertical_style.addthis_32x32_style a { line-height: 2pc; height: 2pc; } .addthis_toolbox.addthis_vertical_style .at300bs { margin-right: 4px; float: left; } .addthis_toolbox.addthis_20x20_style span { line-height: 20px; } .addthis_toolbox.addthis_32x32_style span { line-height: 2pc; } .addthis_toolbox.addthis_pill_combo_style .addthis_button_compact .at15t_compact, .addthis_toolbox.addthis_pill_combo_style a { float: left; } .addthis_toolbox.addthis_pill_combo_style a.addthis_button_tweet { margin-top: -2px; } .addthis_toolbox.addthis_pill_combo_style .addthis_button_compact .at15t_compact { margin-right: 4px; } .addthis_default_style .addthis_separator { margin: 0px 5px; display: inline; } div.atclear { clear: both; } .addthis_default_style .addthis_separator, .addthis_default_style .at4-icon, .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300bs, .addthis_default_style .at300m { float: left; } .at300b img, .at300bo img { border: 0px; } a.at300b .at4-icon, a.at300m .at4-icon { display: block; } .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m { padding: 0px 2px; } .at300b, .at300bo, .at300bs, .at300m { cursor: pointer; } .addthis_button_facebook_like.at300b:hover, .addthis_button_facebook_like.at300bs:hover, .addthis_button_facebook_send.at300b:hover, .addthis_button_facebook_send.at300bs:hover { opacity: 1; } .addthis_20x20_style .at15t, .addthis_20x20_style .at300bs { overflow: hidden; display: block; height: 20px !important; width: 20px !important; line-height: 20px !important; } .addthis_32x32_style .at15t, .addthis_32x32_style .at300bs { overflow: hidden; display: block; height: 2pc !important; width: 2pc !important; line-height: 2pc !important; } .at300bs { overflow: hidden; display: block; background-position: 0px 0px; height: 1pc; width: 1pc; line-height: 1pc !important; } .addthis_default_style .at15t_compact, .addthis_default_style .at15t_expanded { margin-right: 4px; } #at_share .at_item { padding: 4px; margin-right: 2px; border: 1px solid rgb(255, 255, 255); width: 123px !important; } #at16p { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg=="); z-index: 10000001; position: absolute; top: 50%; left: 50%; width: 300px; padding: 10px; margin: -185px auto 0px -155px; font-family: arial, helvetica, tahoma, verdana, sans-serif; font-size: 9pt; color: rgb(94, 94, 94); } #at_share { margin: 0px; padding: 0px; } #at16pt { position: relative; background: rgb(242, 242, 242); height: 13px; padding: 5px 10px; } #at16pt a, #at16pt h4 { font-weight: 700; } #at16pt h4 { display: inline; margin: 0px; padding: 0px; font-size: 9pt; color: rgb(76, 76, 76); cursor: default; } #at16pt a { position: absolute; top: 5px; right: 10px; color: rgb(76, 76, 76); text-decoration: none; padding: 2px; } #at15sptx:focus, #at16pt a:focus { outline: dotted thin; } #at15s #at16pf a { top: 1px; } #_atssh { width: 1px !important; height: 1px !important; border: 0px !important; } .atm { margin: 0px; line-height: 9pt; letter-spacing: normal; font-family: arial, helvetica, tahoma, verdana, sans-serif; font-size: 9pt; color: rgb(68, 68, 68); background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg=="); padding: 4px; width: 10pc !important; } .atm-f { text-align: right; border-top: 1px solid rgb(221, 221, 221); padding: 5px 8px; } .atm-i { background: rgb(255, 255, 255); border: 1px solid rgb(213, 214, 214); padding: 0px; margin: 0px; box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 5px; } .atm-s { margin: 0px !important; padding: 0px !important; } .atm-s a:focus { border: transparent; outline: 0px; transition: none 0s ease 0s; } #at_hover.atm-s a, .atm-s a { display: block; text-decoration: none; padding: 4px 10px; font-weight: 400; font-style: normal; transition: none 0s ease 0s; color: rgb(35, 93, 171) !important; } #at_hover.atm-s .at_bold { color: rgb(35, 93, 171) !important; } #at_hover.atm-s a:hover, .atm-s a:hover { background: rgb(32, 149, 240); text-decoration: none; color: rgb(255, 255, 255) !important; } #at_hover.atm-s .at_bold { font-weight: 700; } #at_hover.atm-s a:hover .at_bold { color: rgb(255, 255, 255) !important; } .atm-s a .at-label { vertical-align: middle; margin-left: 5px; direction: ltr; } .at_PinItButton { display: block; width: 40px; height: 20px; padding: 0px; margin: 0px; background-image: url("https://web.archive.org/web/20210224183158///s7.addthis.com/static/t00/pinit00.png"); background-repeat: no-repeat; } .at_PinItButton:hover { background-position: 0px -20px; } .addthis_toolbox .addthis_button_pinterest_pinit { position: relative; } .at-share-tbx-element .fb_iframe_widget span { vertical-align: baseline !important; } #at16pf { height: auto; text-align: right; padding: 4px 8px; } .at-privacy-info { position: absolute; left: 7px; bottom: 7px; cursor: pointer; text-decoration: none; font-family: helvetica, arial, sans-serif; font-size: 10px; line-height: 9pt; letter-spacing: 0.2px; color: rgb(102, 102, 102); } .at-privacy-info:hover { color: rgb(0, 0, 0); } .body .wsb-social-share .wsb-social-share-button-vert { padding-top: 0px; padding-bottom: 0px; } .body .wsb-social-share.addthis_counter_style .addthis_button_tweet.wsb-social-share-button { padding-top: 40px; } .body .wsb-social-share.addthis_counter_style .addthis_button_facebook_like.wsb-social-share-button { padding-top: 21px; } @media print { #at4-follow, #at4-share, #at4-thankyou, #at4-whatsnext, #at4m-mobile, #at15s, .at4, .at4-recommended { display: none !important; } } @media screen and (max-width: 400px) { .at4win { width: 100%; } } @media screen and (max-height: 700px) and (max-width: 400px) { .at4-thankyou-inner .at4-recommended-container { height: 122px; overflow: hidden; } .at4-thankyou-inner .at4-recommended .at4-recommended-item:first-child { border-bottom: 1px solid rgb(197, 197, 197); } } ------MultipartBoundary--ed8SlwGWXIJecpRVEbmjQbU60wQ8959W1i7I3sd0qP---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-637ba91a-9cc8-4bc8-90c6-57884a2a9e48@mhtml.blink @charset "utf-8"; .at-branding-logo { font-family: helvetica, arial, sans-serif; text-decoration: none; font-size: 10px; display: inline-block; margin: 2px 0px; letter-spacing: 0.2px; } .at-branding-logo .at-branding-icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////+GlNUkcc1QAAAB1JREFUeNpiYIQDBjQmAwMmkwEM0JnY1WIxFyDAABGeAFEudiZsAAAAAElFTkSuQmCC"); } .at-branding-logo .at-branding-icon, .at-branding-logo .at-privacy-icon { display: inline-block; height: 10px; width: 10px; margin-left: 4px; margin-right: 3px; margin-bottom: -1px; background-repeat: no-repeat; } .at-branding-logo .at-privacy-icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAMAAABR24SMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRF8fr9ot/xXcfn2/P5AKva////////AKTWodjhjAAAAAd0Uk5T////////ABpLA0YAAAA6SURBVHjaJMzBDQAwCAJAQaj7b9xifV0kUKJ9ciWxlzWEWI5gMF65KUTv0VKkjVeTerqE/x7+9BVgAEXbAWI8QDcfAAAAAElFTkSuQmCC"); } .at-branding-logo span { text-decoration: none; } .at-branding-logo .at-branding-addthis, .at-branding-logo .at-branding-powered-by { color: rgb(102, 102, 102); } .at-branding-logo .at-branding-addthis:hover { color: rgb(51, 51, 51); } .at-cv-with-image .at-branding-addthis, .at-cv-with-image .at-branding-addthis:hover { color: rgb(255, 255, 255); } a.at-branding-logo:visited { color: initial; } .at-branding-info { display: inline-block; padding: 0px 5px; color: rgb(102, 102, 102); border: 1px solid rgb(102, 102, 102); border-radius: 50%; font-size: 10px; line-height: 9pt; opacity: 0.7; transition: all 0.3s ease 0s; text-decoration: none; } .at-branding-info span { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .at-branding-info::before { content: "i"; font-family: "Times New Roman"; } .at-branding-info:hover { color: rgb(7, 128, 223); border-color: rgb(7, 128, 223); } ------MultipartBoundary--ed8SlwGWXIJecpRVEbmjQbU60wQ8959W1i7I3sd0qP---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-4a116bba-2f85-4000-a210-19c6948e751d@mhtml.blink @charset "utf-8"; ------MultipartBoundary--ed8SlwGWXIJecpRVEbmjQbU60wQ8959W1i7I3sd0qP---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-a16f2174-3f67-4bf3-8a31-ada92bb33550@mhtml.blink @charset "utf-8"; .qc-cmp-showing { visibility: hidden !important; } body.didomi-popup-open { overflow: auto !important; } #didomi-host { visibility: hidden !important; } ------MultipartBoundary--ed8SlwGWXIJecpRVEbmjQbU60wQ8959W1i7I3sd0qP---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://web-static.archive.org/_static/css/banner-styles.css?v=1utQkbB3 @charset "utf-8"; :root { --wm-toolbar-height: 65px; } #wm-ipp-base { height: 65px; padding: 0px; margin: 0px; border: none; background: none transparent; } #wm-ipp { z-index: 2147483647; } #wm-ipp, #wm-ipp * { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.2; letter-spacing: 0px; width: auto; height: auto; max-width: none; max-height: none; min-height: 0px; outline: none; float: none; text-align: left; border: none; color: rgb(0, 0, 0); text-indent: 0px; position: initial; background: none; min-width: 0px !important; } #wm-ipp div, #wm-ipp canvas { display: block; } #wm-ipp div, #wm-ipp tr, #wm-ipp td, #wm-ipp a, #wm-ipp form { padding: 0px; margin: 0px; border: none; border-radius: 0px; background-color: transparent; background-image: none; height: auto; } #wm-ipp table { border: none; border-collapse: collapse; margin: 0px; padding: 0px; width: auto; font-size: inherit; } #wm-ipp form input { height: auto; display: inline; margin: 0px; color: rgb(0, 0, 0); background: none rgb(255, 255, 255); border: 1px solid rgb(102, 102, 102); padding: 1px !important; } #wm-ipp form input[type="submit"] { padding: 0px 8px !important; margin: 1px 0px 1px 5px !important; width: auto !important; border: 1px solid rgb(0, 0, 0) !important; background: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; } #wm-ipp form input[type="submit"]:hover { background: rgb(238, 238, 238) !important; cursor: pointer !important; } #wm-ipp form input[type="submit"]:active { transform: translateY(1px); } #wm-ipp a { display: inline; } #wm-ipp a:hover { text-decoration: underline; } #wm-ipp a.wm-btn:hover { text-decoration: none; color: rgb(255, 255, 0) !important; } #wm-ipp a.wm-btn:hover span { color: rgb(255, 255, 0) !important; } #wm-ipp #wm-ipp-inside { margin: 0px 6px; border-right: 5px solid rgb(0, 0, 0); border-bottom: 5px solid rgb(0, 0, 0); border-left: 5px solid rgb(0, 0, 0); border-image: initial; border-top: none; background-color: rgba(255, 255, 255, 0.9); box-shadow: rgb(51, 51, 51) 1px 1px 4px; border-radius: 0px 0px 8px 8px; } #wm-ipp #wm-logo { padding: 0px 10px; vertical-align: middle; min-width: 100px; flex: 0 0 100px; } #wm-ipp .c { padding-left: 4px; } #wm-ipp .c .u { margin-top: 4px !important; } #wm-ipp .n { vertical-align: bottom; padding: 0px 0px 0px 5px !important; } #wm-ipp .n a { text-decoration: none; color: rgb(51, 51, 255); font-weight: bold; } #wm-ipp .n .b { overflow: visible; white-space: nowrap; color: rgb(153, 153, 170); vertical-align: middle; padding: 0px 6px 0px 0px !important; text-align: right !important; } #wm-ipp .n .y .b { padding: 0px 6px 2px 0px !important; } #wm-ipp .n .c { background: rgb(0, 0, 0); color: rgb(255, 255, 0); font-weight: bold; text-align: center; padding: 0px !important; } #wm-ipp .n .d span.ta { display: inline-block; width: 0px; height: 0px; border-color: transparent rgb(153, 153, 170); border-style: solid; } #wm-ipp .n .d .b span.ta { border-width: 8px 14px 8px 0px; } #wm-ipp .n .d .f span.ta { border-width: 8px 0px 8px 14px; } #wm-ipp .n .d a span.ta { border-color: transparent rgb(51, 51, 255); } #wm-ipp .n .d a span.ta:hover { border-color: transparent rgb(119, 119, 255); } #wm-ipp.hi .n td.c { color: rgb(236, 0, 140); } #wm-ipp .n td.f { overflow: visible; white-space: nowrap; color: rgb(153, 153, 170); vertical-align: middle; padding: 0px 0px 0px 6px !important; text-align: left !important; } #wm-ipp .n tr.m td { text-transform: uppercase; white-space: nowrap; padding: 2px 0px; } #wm-ipp .c .s { vertical-align: bottom; padding: 0px 5px 0px 0px !important; } #wm-ipp #wm-nav-captures { white-space: nowrap; } #wm-ipp .c .s a.t { color: rgb(51, 51, 255); font-weight: bold; line-height: 1.8; } #wm-ipp .c .s div.r { color: rgb(102, 102, 102); font-size: 9px; white-space: nowrap; } #wm-ipp .c .k { padding-bottom: 1px; } #wm-ipp .c .s { padding: 0px 5px 2px 0px !important; } #wm-ipp td#displayMonthEl { padding: 2px 0px !important; } #wm-ipp td#displayYearEl { padding: 0px 0px 2px !important; } div#wm-ipp-sparkline { position: relative; white-space: nowrap; background-color: rgb(255, 255, 255); cursor: pointer; line-height: 0.9; } #sparklineImgId, #wm-sparkline-canvas { position: relative; z-index: 9012; max-width: none; } #wm-ipp-sparkline div.yt { position: absolute; top: 0px; z-index: 9010 !important; background-color: rgb(255, 255, 0) !important; } #wm-ipp-sparkline div.mt { position: absolute; top: 0px; z-index: 9013 !important; background-color: rgb(236, 0, 140) !important; } #wm-ipp .r { margin-left: 4px; } #wm-ipp .r a { color: rgb(51, 51, 255); border: none; position: relative; background-color: transparent; text-decoration: none; background-repeat: no-repeat !important; background-position: 100% 100% !important; } #wm-ipp #wm-capinfo { border-radius: 0px 0px 4px 4px; } #wm-ipp #wm-capinfo .c-logo { display: block; float: left; margin-right: 3px; width: 90px; min-height: 90px; max-height: 290px; border-radius: 45px; overflow: hidden; background-position: 50% center; background-size: auto 90px; box-shadow: rgb(208, 208, 208) 0px 0px 2px 2px inset; } #wm-ipp #wm-capinfo .c-logo span { display: inline-block; } #wm-ipp #wm-capinfo .c-logo img { height: 90px; position: relative; left: -50%; } #wm-ipp #wm-capinfo .wm-title { font-size: 130%; } #wm-ipp #wm-capinfo a.wm-selector { display: inline-block; color: rgb(170, 170, 170); padding: 2px 8px; text-decoration: none !important; } #wm-ipp #wm-capinfo a.wm-selector.selected { background-color: rgb(102, 102, 102); } #wm-ipp #wm-capinfo a.wm-selector:hover { color: rgb(255, 255, 255); } #wm-ipp #wm-capinfo.notice-only #wm-capinfo-collected-by, #wm-ipp #wm-capinfo.notice-only #wm-capinfo-timestamps { display: none; } #wm-ipp #wm-capinfo #wm-capinfo-notice .wm-capinfo-content { background-color: rgb(255, 255, 0); padding: 5px; font-size: 14px; text-align: center; } #wm-ipp #wm-capinfo #wm-capinfo-notice .wm-capinfo-content * { font-size: 14px; text-align: center; } #wm-ipp #wm-expand { right: 1px; bottom: -1px; color: rgb(255, 255, 255); background-color: rgb(102, 102, 102) !important; padding: 0px 5px 0px 3px !important; border-radius: 3px 3px 0px 0px !important; } #wm-ipp #wm-expand span { color: rgb(255, 255, 255); } #wm-ipp #wm-expand #wm-expand-icon { display: inline-block; transition: transform 0.5s ease 0s; transform-origin: 50% 45%; } #wm-ipp #wm-expand.wm-open #wm-expand-icon { transform: rotate(180deg); } #wm-ipp #wmtb { text-align: right; } #wm-ipp #wmtb #wmtbURL { width: calc(100% - 45px); } #wm-ipp #wm-graph-anchor { border-right: 1px solid rgb(204, 204, 204); } html.wb-highlight { box-shadow: rgb(165, 14, 58) 0px 0px 0px 3px inset !important; } .wb-highlight { outline: rgb(165, 14, 58) solid 3px !important; } #wm-ipp-print { display: none !important; } @media print { #wm-ipp-base { display: none !important; } #wm-ipp-print { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; } } @media (max-width: 414px) { #wm-ipp .xxs { display: none !important; } } @media (min-width: 1055px) { #wm-ipp #wm-graph-anchor { display: block !important; } } @media (max-width: 1054px) { #wm-ipp #wm-graph-anchor { display: none !important; } } @media (max-width: 1163px) { #wm-logo { display: none !important; } } #wm-btns { white-space: nowrap; margin-top: -2px; } #wm-btns #wm-save-snapshot-open { margin-right: 7px; top: -6px; } #wm-btns #wm-sign-in { box-sizing: content-box; display: none; margin-right: 7px; top: -8px; border: 2px solid rgb(0, 0, 0); border-radius: 14px; padding-right: 2px; padding-bottom: 2px; width: 11px; height: 11px; } #wm-btns #wm-sign-in > .iconochive-person { font-size: 12.5px; } #wm-save-snapshot-open > .iconochive-web { color: rgb(0, 0, 0); font-size: 160%; } #wm-ipp #wm-share { display: flex; align-items: flex-end; justify-content: space-between; } #wm-share > #wm-screenshot { display: inline-block; margin-right: 3px; visibility: hidden; } #wm-screenshot > .iconochive-image { color: rgb(0, 0, 0); font-size: 160%; } #wm-share > #wm-video { display: inline-block; margin-right: 3px; visibility: hidden; } #wm-video > .iconochive-movies { color: rgb(0, 0, 0); display: inline-block; font-size: 150%; margin-bottom: 2px; } #wm-btns #wm-save-snapshot-in-progress { display: none; font-size: 160%; opacity: 0.5; position: relative; margin-right: 7px; top: -5px; } #wm-btns #wm-save-snapshot-success { display: none; color: green; position: relative; top: -7px; } #wm-btns #wm-save-snapshot-fail { display: none; color: red; position: relative; top: -7px; } .wm-icon-screen-shot { display: inline-block; background: url("../images/web-screenshot.svg") 0% 0% / contain no-repeat !important; width: 22px !important; height: 19px !important; } #donato { height: 0px; margin: 0px; padding: 0px; border-bottom: 1px solid rgb(153, 153, 153) !important; } body.wm-modal { height: auto !important; overflow: hidden !important; } #donato #donato-base { width: 100%; height: 100%; margin: 0px; padding: 0px; position: absolute; z-index: 2147483639; } body.wm-modal #donato #donato-base { position: fixed; inset: 0px; z-index: 2147483640; } .wb-autocomplete-suggestions { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 12px; text-align: left; cursor: default; border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-image: initial; border-top-style: initial; border-top-color: initial; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) -1px 1px 3px; position: absolute; display: none; z-index: 2147483647; max-height: 254px; overflow: hidden auto; box-sizing: border-box; } .wb-autocomplete-suggestion { position: relative; padding: 0px 0.6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: rgb(51, 51, 51); } .wb-autocomplete-suggestion b { font-weight: bold; } .wb-autocomplete-suggestion.selected { background: rgb(240, 240, 240); } ------MultipartBoundary--ed8SlwGWXIJecpRVEbmjQbU60wQ8959W1i7I3sd0qP---- Content-Type: image/svg+xml Content-Transfer-Encoding: binary Content-Location: https://web-static.archive.org/_static/images/web-screenshot.svg ------MultipartBoundary--ed8SlwGWXIJecpRVEbmjQbU60wQ8959W1i7I3sd0qP---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv @charset "utf-8"; @font-face { font-family: Iconochive-Regular; src: url("../fonts/Iconochive-Regular.woff") format("woff"), url("../fonts/Iconochive-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } [class^="iconochive-"], [class*=" iconochive-"] { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: Iconochive-Regular !important; } .iconochive-Uplevel::before { content: "↵"; } .iconochive-exit::before { content: "🚣"; } .iconochive-beta::before { content: "β"; } .iconochive-logo::before { content: "🏛"; } .iconochive-audio::before { content: "🕨"; } .iconochive-movies::before { content: "🎞"; } .iconochive-software::before { content: "💾"; } .iconochive-texts::before { content: "🕮"; } .iconochive-etree::before { content: "🎤"; } .iconochive-image::before { content: "🖼"; } .iconochive-web::before { content: "🗔"; } .iconochive-collection::before { content: "∑"; } .iconochive-folder::before { content: "📂"; } .iconochive-data::before { content: "🗃"; } .iconochive-tv::before { content: "📺"; } .iconochive-article::before { content: "🗏"; } .iconochive-question::before { content: "⍰"; } .iconochive-question-dark::before { content: "?"; } .iconochive-info::before { content: "i"; } .iconochive-info-small::before { content: "ⓘ"; } .iconochive-comment::before { content: "🗩"; } .iconochive-comments::before { content: "🗪"; } .iconochive-person::before { content: "👤"; } .iconochive-people::before { content: "👥"; } .iconochive-eye::before { content: "👁"; } .iconochive-rss::before { content: "∞"; } .iconochive-time::before { content: "🕑"; } .iconochive-quote::before { content: "❝"; } .iconochive-disc::before { content: "💿"; } .iconochive-tv-commercial::before { content: "💰"; } .iconochive-search::before { content: "🔍"; } .iconochive-search-star::before { content: "✽"; } .iconochive-tiles::before { content: "⊞"; } .iconochive-list::before { content: "⇶"; } .iconochive-list-bulleted::before { content: "⌗"; } .iconochive-latest::before { content: "∈"; } .iconochive-left::before { content: "˂"; } .iconochive-right::before { content: "˃"; } .iconochive-left-solid::before { content: "◂"; } .iconochive-right-solid::before { content: "▸"; } .iconochive-up-solid::before { content: "▴"; } .iconochive-down-solid::before { content: "▾"; } .iconochive-dot::before { content: "⏤"; } .iconochive-dots::before { content: "▦"; } .iconochive-columns::before { content: "▯"; } .iconochive-sort::before { content: "⇕"; } .iconochive-atoz::before { content: "🔤"; } .iconochive-ztoa::before { content: "🔥"; } .iconochive-upload::before { content: "📤"; } .iconochive-download::before { content: "📥"; } .iconochive-favorite::before { content: "★"; } .iconochive-heart::before { content: "♥"; } .iconochive-play::before { content: "▶"; } .iconochive-play-framed::before { content: "🎬"; } .iconochive-fullscreen::before { content: "⛶"; } .iconochive-mute::before { content: "🔇"; } .iconochive-unmute::before { content: "🔊"; } .iconochive-share::before { content: "🎁"; } .iconochive-edit::before { content: "✎"; } .iconochive-reedit::before { content: "✐"; } .iconochive-gear::before { content: "⚙"; } .iconochive-remove-circle::before { content: "❎"; } .iconochive-plus-circle::before { content: "🗖"; } .iconochive-minus-circle::before { content: "🗕"; } .iconochive-x::before { content: "🗙"; } .iconochive-fork::before { content: "⋔"; } .iconochive-trash::before { content: "🗑"; } .iconochive-warning::before { content: "⚠"; } .iconochive-flash::before { content: "🗲"; } .iconochive-world::before { content: "🗺"; } .iconochive-lock::before { content: "🔒"; } .iconochive-unlock::before { content: "🔓"; } .iconochive-twitter::before { content: "🐦"; } .iconochive-facebook::before { content: "f"; } .iconochive-googleplus::before { content: "g"; } .iconochive-reddit::before { content: "👽"; } .iconochive-tumblr::before { content: "T"; } .iconochive-pinterest::before { content: "𝓟"; } .iconochive-popcorn::before { content: "💥"; } .iconochive-email::before { content: "📧"; } .iconochive-embed::before { content: "🔗"; } .iconochive-gamepad::before { content: "🕹"; } .iconochive-Zoom_In::before { content: "+"; } .iconochive-Zoom_Out::before { content: "-"; } .iconochive-RSS::before { content: "📨"; } .iconochive-Light_Bulb::before { content: "💡"; } .iconochive-Add::before { content: "⊕"; } .iconochive-Tab_Activity::before { content: "⌘"; } .iconochive-Forward::before { content: "⏩"; } .iconochive-Backward::before { content: "⏪"; } .iconochive-No_Audio::before { content: "🔈"; } .iconochive-Pause::before { content: "⏸"; } .iconochive-No_Favorite::before { content: "☆"; } .iconochive-Unike::before { content: "♡"; } .iconochive-Song::before { content: "♫"; } .iconochive-No_Flag::before { content: "⚐"; } .iconochive-Flag::before { content: "⚑"; } .iconochive-Done::before { content: "✓"; } .iconochive-Check::before { content: "✔"; } .iconochive-Refresh::before { content: "⟳"; } .iconochive-Headphones::before { content: "🎧"; } .iconochive-Chart::before { content: "📈"; } .iconochive-Bookmark::before { content: "📑"; } .iconochive-Documents::before { content: "📚"; } .iconochive-Newspaper::before { content: "📰"; } .iconochive-Podcast::before { content: "📶"; } .iconochive-Radio::before { content: "📻"; } .iconochive-Cassette::before { content: "📼"; } .iconochive-Shuffle::before { content: "🔀"; } .iconochive-Loop::before { content: "🔁"; } .iconochive-Low_Audio::before { content: "🔉"; } .iconochive-First::before { content: "🎖"; } .iconochive-Invisible::before { content: "🕶"; } .iconochive-Computer::before { content: "🖳"; } ------MultipartBoundary--ed8SlwGWXIJecpRVEbmjQbU60wQ8959W1i7I3sd0qP---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://web.archive.org/web/20210224183158cs_/https://margaretzhang.com.au/wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/vendors-style.css?ver=4.0.0 @charset "utf-8"; .components-custom-select-control { position: relative; } .components-custom-select-control__label { display: block; margin-bottom: 8px; } .components-custom-select-control__button { border: 1px solid rgb(117, 117, 117); border-radius: 2px; min-height: 30px; min-width: 130px; position: relative; text-align: left; } .components-custom-select-control__button.components-custom-select-control__button { padding-right: 24px; } .components-custom-select-control__button:focus:not(:disabled) { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); } .components-custom-select-control__button .components-custom-select-control__button-icon { height: 100%; padding: 0px; position: absolute; right: 0px; top: 0px; } .components-custom-select-control__menu { background-color: rgb(255, 255, 255); max-height: 400px; min-width: 100%; overflow: auto; padding: 0px; position: absolute; z-index: 1000000; } .components-custom-select-control__menu:focus { border: 1px solid rgb(30, 30, 30); border-radius: 2px; outline: none; transition: none 0s ease 0s; } .components-custom-select-control__item { align-items: center; display: flex; list-style-type: none; padding: 10px 5px 10px 25px; cursor: default; } .components-custom-select-control__item.is-highlighted { background: rgb(221, 221, 221); } .components-custom-select-control__item-icon { margin-left: -20px; margin-right: 0px; } .components-spinner { display: inline-block; background-color: rgb(148, 148, 148); width: 18px; height: 18px; opacity: 0.7; margin: 5px 11px 0px; border-radius: 100%; position: relative; } .components-spinner::before { content: ""; position: absolute; background-color: rgb(255, 255, 255); top: 3px; left: 3px; width: 4px; height: 4px; border-radius: 100%; transform-origin: 6px 6px; animation: 1s linear 0s infinite normal none running components-spinner__animation; } @-webkit-keyframes components-spinner__animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes components-spinner__animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .components-snackbar { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; background-color: rgb(30, 30, 30); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px; color: rgb(255, 255, 255); padding: 16px 24px; width: 100%; max-width: 600px; box-sizing: border-box; cursor: pointer; } @media (min-width: 600px) { .components-snackbar { width: fit-content; } } .components-snackbar:focus { box-shadow: 0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color); } .components-snackbar__action.components-button { margin-left: 32px; color: rgb(255, 255, 255); height: auto; flex-shrink: 0; line-height: 1.4; padding: 0px; } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary) { text-decoration: underline; background-color: transparent; } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):focus { color: rgb(255, 255, 255); box-shadow: none; outline: rgb(255, 255, 255) dotted 1px; } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover { color: var(--wp-admin-theme-color); } .components-snackbar__content { display: flex; align-items: baseline; justify-content: space-between; line-height: 1.4; } .components-snackbar-list { position: absolute; z-index: 100000; width: 100%; box-sizing: border-box; } .components-snackbar-list__notice-container { position: relative; padding-top: 8px; } ------MultipartBoundary--ed8SlwGWXIJecpRVEbmjQbU60wQ8959W1i7I3sd0qP---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://web.archive.org/web/20210224183158cs_/https://margaretzhang.com.au/wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/style.css?ver=4.0.0 @charset "utf-8"; .wc-block-link-button { border: 0px; border-radius: 0px; margin: 0px; padding: 0px; vertical-align: baseline; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-transform: inherit; box-shadow: none; display: inline; text-decoration: underline; } .wc-block-link-button, .wc-block-link-button:active, .wc-block-link-button:focus, .wc-block-link-button:hover { background: transparent; } .wc-block-suspense-placeholder { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .wc-block-suspense-placeholder > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .wc-block-suspense-placeholder { animation: 0s ease 0s 1 normal none running none; } } .wc-block-suspense-placeholder::after { content: " "; } .wc-block-grid__products .wc-block-grid__product-image { text-decoration: none; display: block; position: relative; } .wc-block-grid__products .wc-block-grid__product-image a { text-decoration: none; border: 0px; outline: 0px; box-shadow: none; } .wc-block-grid__products .wc-block-grid__product-image img { width: 100%; } .wc-block-grid__products .wc-block-grid__product-image img[hidden] { display: none; } .edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title, .editor-styles-wrapper .wc-block-grid__product-title, .wc-block-grid__product-title { font-family: inherit; line-height: 1.2em; font-weight: 700; padding: 0px; color: inherit; font-size: inherit; display: block; } .wc-block-grid__product-price { display: block; } .wc-block-grid__product-price .wc-block-grid__product-price__regular { margin-right: 0.5em; } .wc-block-grid__product-add-to-cart.wp-block-button { word-break: break-word; white-space: normal; } .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link { word-break: break-word; white-space: normal; display: inline-flex; justify-content: center; text-align: center; padding: 0.5em 1em; font-size: 1em; margin: 0px auto !important; } .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading { opacity: 0.25; } .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added::after { font-family: WooCommerce; content: ""; margin-left: 0.5em; display: inline-block; width: auto; height: auto; } .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading::after { font-family: WooCommerce; content: ""; animation: 2s linear 0s infinite normal none running spin; margin-left: 0.5em; display: inline-block; width: auto; height: auto; } .has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link::after, .has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link::after, .has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link::after, .has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link::after, .has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link::after { content: ""; margin: 0px; } .wc-block-grid__product-rating { display: block; } .wc-block-grid__product-rating .star-rating, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars { overflow: hidden; position: relative; width: 5.3em; height: 1.618em; line-height: 1.618; font-size: 1em; font-family: star; font-weight: 400; margin: 0px auto; text-align: left; } .wc-block-grid__product-rating .star-rating::before, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars::before { content: "SSSSS"; top: 0px; left: 0px; right: 0px; position: absolute; opacity: 0.5; color: rgb(170, 170, 170); white-space: nowrap; } .wc-block-grid__product-rating .star-rating span, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars span { overflow: hidden; top: 0px; left: 0px; right: 0px; position: absolute; padding-top: 1.5em; } .wc-block-grid__product-rating .star-rating span::before, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars span::before { content: "SSSSS"; top: 0px; left: 0px; right: 0px; position: absolute; color: rgb(0, 0, 0); white-space: nowrap; } .wc-block-grid__product-onsale { font-size: 0.875em; padding: 0.25em 0.75em; display: inline-block; width: auto; border: 1px solid rgb(67, 69, 75); border-radius: 3px; color: rgb(67, 69, 75); background: rgb(255, 255, 255); text-align: center; text-transform: uppercase; font-weight: 600; z-index: 9; position: relative; } .wc-block-grid__product .wc-block-grid__product-image, .wc-block-grid__product .wc-block-grid__product-title { margin: 0px 0px 12px; } .wc-block-grid__product .wc-block-grid__product-add-to-cart, .wc-block-grid__product .wc-block-grid__product-onsale, .wc-block-grid__product .wc-block-grid__product-price, .wc-block-grid__product .wc-block-grid__product-rating { margin: 0px auto 12px; } .theme-twentysixteen .wc-block-grid .price ins { color: rgb(119, 164, 100); } .theme-twentynineteen .wc-block-grid__product { font-size: 0.88889em; } .theme-twentynineteen .wc-block-components-product-sale-badge, .theme-twentynineteen .wc-block-components-product-title, .theme-twentynineteen .wc-block-grid__product-onsale, .theme-twentynineteen .wc-block-grid__product-title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } .theme-twentynineteen .wc-block-grid__product-title::before { display: none; } .theme-twentynineteen .wc-block-components-product-sale-badge, .theme-twentynineteen .wc-block-grid__product-onsale { line-height: 1; } .theme-twentytwenty .wc-block-grid__product-link { color: rgb(0, 0, 0); } .theme-twentytwenty .wc-block-components-product-title, .theme-twentytwenty .wc-block-grid__product-title { font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, sans-serif; color: rgb(0, 0, 0); font-size: 1.2em; } .theme-twentytwenty .wp-block-columns .wc-block-components-product-title { margin-top: 0px; } .theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount, .theme-twentytwenty .wc-block-components-product-price__value, .theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount, .theme-twentytwenty .wc-block-grid__product-price__value { font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, sans-serif; font-size: 0.9em; } .theme-twentytwenty .wc-block-components-product-price del, .theme-twentytwenty .wc-block-grid__product-price del { opacity: 0.5; } .theme-twentytwenty .wc-block-components-product-price ins, .theme-twentytwenty .wc-block-grid__product-price ins { text-decoration: none; } .theme-twentytwenty .star-rating, .theme-twentytwenty .wc-block-grid__product-rating { font-size: 0.7em; } .theme-twentytwenty .star-rating .wc-block-components-product-rating__stars, .theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars, .theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars, .theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars { line-height: 1; } .theme-twentytwenty .wc-block-components-product-button > .wp-block-button__link, .theme-twentytwenty .wc-block-grid__product-add-to-cart > .wp-block-button__link { font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, sans-serif; } .theme-twentytwenty .wc-block-components-product-sale-badge, .theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale { background: rgb(205, 38, 83); color: rgb(255, 255, 255); font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; text-transform: uppercase; } .theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale { position: absolute; right: 4px; top: 4px; z-index: 1; } .theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge { position: static; } .theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge { position: absolute; } .theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge) { position: absolute; right: 4px; top: 4px; z-index: 1; } @media only screen and (min-width: 768px) { .theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale { font-size: 0.875em; padding: 0.5em; } } @media only screen and (min-width: 1168px) { .theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale { font-size: 0.875em; padding: 0.5em; } } .wc-block-components-product-add-to-cart-attribute-picker { margin: 0px; flex-basis: 100%; } .wc-block-components-product-add-to-cart-attribute-picker label { display: block; font-size: 1em; } .wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__container { position: relative; } .wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select { margin: 0px 0px 0.75em; } .wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select select { min-width: 60%; min-height: 1.75em; } .wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select.has-error { margin-bottom: 24px; } .wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select.has-error select { border-color: rgb(204, 24, 24); } .wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select.has-error select:focus { outline-color: rgb(204, 24, 24); } .wc-block-components-product-add-to-cart { margin: 0px; display: flex; flex-wrap: wrap; } .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button { margin: 0px 0px 0.75em; } .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button .wc-block-components-button__text { display: block; } .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button .wc-block-components-button__text > svg { fill: currentcolor; vertical-align: top; width: 1.5em; height: 1.5em; margin: -0.25em 0px -0.25em 0.5em; } .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity { margin: 0px 1em 0.75em 0px; flex-basis: 5em; padding: 0.618em; background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 2px; color: rgb(67, 69, 75); box-shadow: rgba(0, 0, 0, 0.125) 0px 1px 1px inset; text-align: center; } .is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button, .is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity, .wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button, .wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button > *, .is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity > *, .wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button > *, .wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button, .is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity, .wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button, .wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity { animation: 0s ease 0s 1 normal none running none; } } .wc-block-grid .wc-block-components-product-add-to-cart { justify-content: center; } .wc-block-components-product-add-to-cart-notice { margin: 0px; } .wp-block-button.wc-block-components-product-button { word-break: break-word; white-space: normal; margin-top: 0px; margin-bottom: 12px; } .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button { word-break: break-word; white-space: normal; margin: 0px auto; display: inline-flex; justify-content: center; } .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; min-width: 8em; min-height: 3em; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder { animation: 0s ease 0s 1 normal none running none; } } .is-loading .wc-block-components-product-button > .wc-block-components-product-button__button { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; min-width: 8em; min-height: 3em; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .is-loading .wc-block-components-product-button > .wc-block-components-product-button__button > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .is-loading .wc-block-components-product-button > .wc-block-components-product-button__button { animation: 0s ease 0s 1 normal none running none; } } .theme-twentytwentyone .editor-styles-wrapper .wc-block-components-product-button .wp-block-button__link { background-color: var(--button--color-background); color: var(--button--color-text); border-color: var(--button--color-background); } .wc-block-components-product-category-list { margin-top: 0px; margin-bottom: 0.75em; } .wc-block-components-product-category-list ul { margin: 0px; padding: 0px; display: inline; } .wc-block-components-product-category-list ul li { display: inline; list-style: none; } .wc-block-components-product-category-list ul li::after { content: ", "; } .wc-block-components-product-category-list ul li:last-child::after { content: ""; } .editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image, .wc-block-components-product-image { margin-top: 0px; margin-bottom: 12px; text-decoration: none; display: block; position: relative; } .editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image a, .wc-block-components-product-image a { text-decoration: none; border: 0px; outline: 0px; box-shadow: none; } .editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image img, .wc-block-components-product-image img { vertical-align: middle; width: 100%; } .editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image img[hidden], .wc-block-components-product-image img[hidden] { display: none; } .editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-left, .wc-block-components-product-image .wc-block-components-product-sale-badge--align-left { position: absolute; left: 4px; top: 4px; right: auto; margin: 0px; } .editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-center, .wc-block-components-product-image .wc-block-components-product-sale-badge--align-center { position: absolute; top: 4px; left: 50%; right: auto; transform: translateX(-50%); margin: 0px; } .editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right, .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right { position: absolute; right: 4px; top: 4px; left: auto; margin: 0px; } .is-loading .wc-block-components-product-image { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .is-loading .wc-block-components-product-image > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .is-loading .wc-block-components-product-image { animation: 0s ease 0s 1 normal none running none; } } .wc-block-components-product-rating { display: block; margin-top: 0px; margin-bottom: 12px; } .wc-block-components-product-rating__stars { overflow: hidden; position: relative; width: 5.3em; height: 1.618em; line-height: 1.618; font-size: 1em; font-family: star; font-weight: 400; margin: 0px auto; text-align: left; } .wc-block-components-product-rating__stars::before { content: "SSSSS"; top: 0px; left: 0px; right: 0px; position: absolute; opacity: 0.5; color: rgb(170, 170, 170); white-space: nowrap; } .wc-block-components-product-rating__stars span { overflow: hidden; top: 0px; left: 0px; right: 0px; position: absolute; padding-top: 1.5em; } .wc-block-components-product-rating__stars span::before { content: "SSSSS"; top: 0px; left: 0px; right: 0px; position: absolute; color: rgb(0, 0, 0); white-space: nowrap; } .wc-block-single-product .wc-block-components-product-rating__stars { margin: 0px; } .wc-block-components-product-sale-badge { margin: 0px auto 12px; font-size: 0.875em; padding: 0.25em 0.75em; display: inline-block; width: auto; border: 1px solid rgb(67, 69, 75); border-radius: 3px; color: rgb(67, 69, 75); background: rgb(255, 255, 255); text-align: center; text-transform: uppercase; font-weight: 600; z-index: 9; position: static; } .wc-block-components-product-sku { margin-top: 0px; margin-bottom: 12px; display: block; text-transform: uppercase; font-size: 0.875em; } .wc-block-components-product-stock-indicator { margin-top: 0px; margin-bottom: 0.75em; display: block; font-size: 0.875em; } .wc-block-components-product-stock-indicator--in-stock { color: rgb(74, 184, 102); } .wc-block-components-product-stock-indicator--out-of-stock { color: rgb(204, 24, 24); } .wc-block-components-product-stock-indicator--available-on-backorder, .wc-block-components-product-stock-indicator--low-stock { color: rgb(240, 184, 73); } .wc-block-components-product-summary { margin-top: 0px; margin-bottom: 12px; } .is-loading .wc-block-components-product-summary::before { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; content: "."; display: block; width: 100%; height: 6em; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } @media screen and (prefers-reduced-motion: reduce) { .is-loading .wc-block-components-product-summary::before { animation: 0s ease 0s 1 normal none running none; } } .wc-block-components-product-tag-list { margin-top: 0px; margin-bottom: 0.75em; } .wc-block-components-product-tag-list ul { margin: 0px; padding: 0px; display: inline; } .wc-block-components-product-tag-list ul li { display: inline; list-style: none; } .wc-block-components-product-tag-list ul li::after { content: ", "; } .wc-block-components-product-tag-list ul li:last-child::after { content: ""; } .wc-block-components-product-title { margin-top: 0px; margin-bottom: 12px; } .wc-block-grid .wc-block-components-product-title { line-height: 1.5; font-weight: 700; padding: 0px; color: inherit; font-size: inherit; display: block; } .is-loading .wc-block-components-product-title::before { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; content: "."; display: inline-block; width: 7em; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } @media screen and (prefers-reduced-motion: reduce) { .is-loading .wc-block-components-product-title::before { animation: 0s ease 0s 1 normal none running none; } } .is-loading .wc-block-grid .wc-block-components-product-title::before { width: 10em; } .wc-block-components-product-title--align-left { text-align: left; } .wc-block-components-product-title--align-center { text-align: center; } .wc-block-components-product-title--align-right { text-align: right; } .wc-block-components-error { display: flex; background-color: rgb(243, 243, 244); border-left: 4px solid rgb(109, 109, 109); padding: 36px 16px; align-items: center; justify-content: center; flex-direction: column; } .wc-block-components-error__header { font-size: 2em; font-weight: 700; margin: 0px; } .wc-block-components-error__image { max-width: 25%; } .wc-block-components-error__text { margin: 0px; } .wc-block-components-error__message { margin: 1em 0px 0px; font-style: italic; } @media (min-width: 481px) { .wc-block-components-error { flex-direction: row; } .wc-block-components-error__image + .wc-block-components-error__content { margin-left: 24px; } } .wc-block-components-button:not(.is-link) { font-family: inherit; font-size: inherit; font-style: inherit; letter-spacing: inherit; align-items: center; background-color: rgb(30, 30, 30); color: rgb(255, 255, 255); display: inline-flex; font-weight: 700; min-height: 3em; justify-content: center; line-height: 1; padding: 0px 1em; text-align: center; text-decoration: none; text-transform: none; position: relative; } .wc-block-components-button:not(.is-link):active, .wc-block-components-button:not(.is-link):disabled, .wc-block-components-button:not(.is-link):focus, .wc-block-components-button:not(.is-link):hover { background-color: rgb(30, 30, 30); color: rgb(255, 255, 255); } .wc-block-components-button:not(.is-link) .wc-block-components-button__text { display: block; } .wc-block-components-button:not(.is-link) .wc-block-components-button__text > svg { fill: currentcolor; } .wc-block-components-button:not(.is-link) .wc-block-components-button__spinner { position: absolute; top: 50%; left: 0px; width: 100%; height: 100%; margin-top: -0.5em; color: inherit; box-sizing: content-box; } .wc-block-components-button:not(.is-link) .wc-block-components-button__spinner::after { content: " "; display: inline-block; margin: 0px auto; width: 1em; height: 1em; box-sizing: border-box; transform-origin: 50% 50%; transform: translateZ(0px) scale(0.5); backface-visibility: hidden; border-radius: 50%; border-width: 0.2em; border-style: solid; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-image: initial; border-left-color: transparent; animation: 1s linear 0s infinite normal none running wc-block-components-button__spinner__animation; } .wc-block-components-button:not(.is-link) .wc-block-components-button__spinner + .wc-block-components-button__text { visibility: hidden; } @-webkit-keyframes wc-block-components-button__spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes wc-block-components-button__spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .wc-block-components-form { counter-reset: checkout-step 0; } .wc-block-components-form .wc-block-components-checkout-step { position: relative; border: none; padding: 0px 0px 0px 36px; background: none; margin: 0px; } .is-large .wc-block-components-form .wc-block-components-checkout-step { padding-right: 24px; } .wc-block-components-form .wc-block-components-checkout-step .wc-block-components-checkout-step__heading::after { content: ""; border-left: 1px solid; opacity: 0.3; position: absolute; left: -18px; top: 2.5em; bottom: -1em; } .wc-block-components-checkout-step--disabled { opacity: 0.6; } .wc-block-components-checkout-step__container { position: relative; } .wc-block-components-checkout-step__content { padding-bottom: 1.5em; } .wc-block-components-checkout-step__heading { display: flex; place-content: center space-between; flex-wrap: wrap; margin: 0.75em 0px 1em; position: relative; align-items: center; gap: 1em; } .wc-block-components-checkout-step:first-child .wc-block-components-checkout-step__heading { margin-top: 0px; } .wc-block-components-checkout-step__title { margin: 0px 12px 0px 0px; } .wc-block-components-checkout-step__heading-content { font-size: 0.75em; } .wc-block-components-checkout-step__heading-content a { font-weight: 700; color: inherit; } .wc-block-components-checkout-step__description { font-size: 0.875em; line-height: 1.25; margin-bottom: 16px; } .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__title::before { border: 0px; border-radius: 0px; margin: 0px; padding: 0px; vertical-align: baseline; background: transparent; counter-increment: checkout-step 1; content: " " counter(checkout-step) "." / ""; position: absolute; width: 36px; left: -18px; top: 0px; text-align: center; transform: translateX(-50%); } .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container::after { content: ""; height: 100%; border-left: 1px solid; opacity: 0.3; position: absolute; left: -18px; top: 0px; } .wc-block-components-checkout-step--with-step-number:last-of-type .wc-block-components-checkout-step__container::after { content: none; } .wc-block-components-order-summary .wc-blocks-components-panel__button { margin-top: 0px; padding-top: 0px; } .wc-block-components-order-summary__content { display: table; width: 100%; } .wc-block-components-order-summary-item { position: relative; display: table-row; padding-bottom: 1px; width: 100%; } .wc-block-components-order-summary-item::after { border-style: solid; border-width: 0px 0px 1px; inset: 0px; content: ""; display: block; opacity: 0.3; pointer-events: none; position: absolute; } .wc-block-components-order-summary-item:last-child > div { padding-bottom: 0px; } .wc-block-components-order-summary-item:last-child::after { display: none; } .wc-block-components-order-summary-item__description, .wc-block-components-order-summary-item__image { display: table-cell; vertical-align: top; } .wc-block-components-order-summary-item__image { width: 48px; padding-top: 16px; padding-bottom: 16px; position: relative; } .wc-block-components-order-summary-item__image > img { width: 48px; max-width: 48px; } .wc-block-components-order-summary-item__quantity { font-size: 0.75em; align-items: center; background: rgb(255, 255, 255); border: 2px solid; border-radius: 1em; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; color: rgb(0, 0, 0); display: flex; line-height: 1; min-height: 20px; padding: 0px 0.4em; position: absolute; justify-content: center; min-width: 20px; right: 0px; top: 16px; transform: translate(50%, -50%); white-space: nowrap; z-index: 1; } .wc-block-components-order-summary-item__description { padding-left: 24px; padding-top: 16px; padding-bottom: 16px; line-height: 1.375; } .wc-block-components-order-summary-item__description .wc-block-components-product-metadata, .wc-block-components-order-summary-item__description p { line-height: 1.375; margin-top: 4px; } .wc-block-components-order-summary-item__header { display: flex; flex-wrap: wrap; justify-content: space-between; } .wc-block-components-payment-method-icons { display: block; text-align: center; margin: 0px 0px 14px; } .wc-block-components-payment-method-icons .wc-block-components-payment-method-icon { display: inline-block; margin: 0px 4px 2px; padding: 0px; width: auto; height: 24px; vertical-align: middle; } .wc-block-components-payment-method-icons--align-left { text-align: left; } .wc-block-components-payment-method-icons--align-left .wc-block-components-payment-method-icon { margin-left: 0px; margin-right: 8px; } .wc-block-components-payment-method-icons--align-right { text-align: right; } .wc-block-components-payment-method-icons--align-right .wc-block-components-payment-method-icon { margin-right: 0px; margin-left: 8px; } .wc-block-components-payment-method-icons:last-child { margin-bottom: 0px; } .is-mobile .wc-block-components-payment-method-icons .wc-block-components-payment-method-icon, .is-small .wc-block-components-payment-method-icons .wc-block-components-payment-method-icon { height: 16px; } .wc-block-components-payment-method-label--with-icon { display: inline-block; vertical-align: middle; } .wc-block-components-payment-method-label--with-icon > img, .wc-block-components-payment-method-label--with-icon > svg { vertical-align: middle; margin: -2px 4px 0px 0px; } .is-mobile .wc-block-components-payment-method-label--with-icon > img, .is-mobile .wc-block-components-payment-method-label--with-icon > svg, .is-small .wc-block-components-payment-method-label--with-icon > img, .is-small .wc-block-components-payment-method-label--with-icon > svg { display: none; } .editor-styles-wrapper .wc-block-components-checkout-policies, .wc-block-components-checkout-policies { font-size: 0.75em; text-align: center; list-style: outside none; line-height: 1; margin: 24px 0px; } .wc-block-components-checkout-policies__item { list-style: outside none; display: inline-block; padding: 0px 0.25em; margin: 0px; } .wc-block-components-checkout-policies__item:not(:first-child) { border-left: 1px solid rgb(204, 204, 204); } .wc-block-components-checkout-policies__item > a { color: inherit; padding: 0px 0.25em; } .wc-block-components-product-badge { font-size: 0.75em; border-radius: 2px; border: 1px solid; display: inline-block; font-weight: 600; padding: 0px 0.66em; text-transform: uppercase; white-space: nowrap; } .wc-block-components-product-metadata { font-size: 0.75em; } .wc-block-components-product-metadata .wc-block-components-product-metadata__description > p, .wc-block-components-product-metadata .wc-block-components-product-metadata__variation-data { margin: 0.25em 0px 0px; } .wc-block-components-product-name { font-size: 1em; overflow-wrap: anywhere; word-break: break-word; display: block; max-width: max-content; } .wc-block-components-checkout-return-to-cart-button { box-shadow: none; color: inherit; padding-left: calc(24px + 0.25em); position: relative; text-decoration: none; } .wc-block-components-checkout-return-to-cart-button svg { left: 0px; position: absolute; transform: translateY(-50%); top: 50%; } .wc-block-components-shipping-calculator-address { margin-bottom: 0px; } .wc-block-components-shipping-calculator-address__button { width: 100%; margin-top: 1.5em; } .wc-block-components-shipping-calculator { padding: 0.5em 0px 0.75em; } .wc-block-components-shipping-rates-control__package .wc-block-components-shipping-rates-control__package-title { margin: 0px; } .wc-block-components-shipping-rates-control__package-items { font-size: 0.875em; display: block; list-style: none; margin: 0px; padding: 0px; } .wc-block-components-shipping-rates-control__package-item { overflow-wrap: anywhere; word-break: break-word; display: inline-block; margin: 0px; padding: 0px; } .wc-block-components-shipping-rates-control__package-item:not(:last-child)::after { content: ", "; white-space: pre; } .components-notice.wc-block-components-shipping-rates-control__no-results-notice { margin-bottom: 0px; } .wc-block-components-shipping-rates-control .wc-blocks-components-panel__content { padding-bottom: 0px; } .wc-block-components-totals-coupon__form { display: flex; margin-bottom: 0px; width: 100%; } .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input { margin-bottom: 0px; margin-top: 0px; flex-grow: 1; } .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button { height: 48px; flex-shrink: 0; margin-left: 8px; padding-left: 24px; padding-right: 24px; white-space: nowrap; } .wc-block-components-totals-coupon__content { flex-direction: column; position: relative; } .wc-block-components-totals-coupon__content .wc-block-components-validation-error { margin-top: 8px; position: relative; width: 100%; } .wc-block-components-totals-discount__coupon-list { list-style: none; margin: 0px; padding: 0px; } .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 1.25em; } .wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-weight: 400; } .wc-block-components-totals-footer-item .wc-block-components-totals-footer-item-tax { margin-bottom: 0px; } .wc-block-components-totals-item { display: flex; flex-wrap: wrap; padding: 0.75em 0px; width: 100%; } .wc-block-components-totals-item__label { flex-grow: 1; font-weight: 700; } .wc-block-components-totals-item__value { white-space: nowrap; } .wc-block-components-totals-item__description { font-size: 0.875em; width: 100%; } .wc-block-components-totals-shipping { position: relative; } .wc-block-components-totals-shipping::after { border-style: solid; border-width: 1px 0px 0px; inset: 0px; content: ""; display: block; opacity: 0.3; pointer-events: none; position: absolute; } .wc-block-components-totals-shipping fieldset.wc-block-components-totals-shipping__fieldset { background-color: transparent; margin: 0px; padding: 0px; border: 0px; } .wc-block-components-totals-shipping .wc-block-components-totals-shipping__options .wc-block-components-radio-control__description, .wc-block-components-totals-shipping .wc-block-components-totals-shipping__options .wc-block-components-radio-control__label, .wc-block-components-totals-shipping .wc-block-components-totals-shipping__options .wc-block-components-radio-control__secondary-description, .wc-block-components-totals-shipping .wc-block-components-totals-shipping__options .wc-block-components-radio-control__secondary-label { flex-basis: 100%; text-align: left; } .wc-block-components-totals-shipping .wc-block-components-radio-control__option-layout:last-child::after, .wc-block-components-totals-shipping .wc-block-components-radio-control__option:last-child::after { display: none; } .wc-block-components-totals-shipping .wc-block-components-shipping-rates-control__no-results-notice { margin-bottom: 0.75em; } .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address-button { border: 0px; border-radius: 0px; margin: 0px; padding: 0px; vertical-align: baseline; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-transform: inherit; background: transparent; box-shadow: none; display: inline; text-decoration: underline; } .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address-button:active, .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address-button:focus, .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address-button:hover { background: transparent; opacity: 0.8; } .wc-block-components-totals-shipping .wc-blocks-components-panel:last-child::after { border-bottom-width: 0px; } .wc-block-components-totals-taxes { position: relative; } .wc-block-components-totals-taxes::after { border-style: solid; border-width: 1px 0px 0px; inset: 0px; content: ""; display: block; opacity: 0.3; pointer-events: none; position: absolute; } .wc-block-components-checkbox { color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-decoration: inherit; text-transform: inherit; align-items: center; display: flex; height: 1em; position: relative; } .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] { appearance: none; border: 2px solid; border-radius: 2px; height: 1.125em; width: 1.125em; margin: 0px; min-height: 18px; min-width: 18px; overflow: hidden; position: static; vertical-align: middle; background-color: rgb(255, 255, 255); } .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { background: currentcolor; border-color: currentcolor; } .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:not(:checked) + .wc-block-components-checkbox__mark { display: none; } .has-dark-controls .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] { border-color: rgba(255, 255, 255, 0.6); background-color: transparent; } .has-dark-controls .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { background: transparent; border-color: rgba(255, 255, 255, 0.6); } .wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: rgb(255, 255, 255); position: absolute; left: 0.0625em; top: -0.125em; width: 1em; height: 1em; } .wc-block-components-checkbox .wc-block-components-checkbox__label { padding-left: 8px; vertical-align: middle; } @media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) { .wc-block-components-checkbox__mark { display: none; } } .theme-twentytwentyone .has-dark-controls .wc-block-components-checkbox__input[type="checkbox"], .theme-twentytwentyone .wc-block-components-checkbox__input[type="checkbox"] { background-color: rgb(255, 255, 255); border-color: var(--form--border-color); position: relative; } .theme-twentytwentyone .has-dark-controls .wc-block-components-checkbox__input[type="checkbox"]:checked, .theme-twentytwentyone .wc-block-components-checkbox__input[type="checkbox"]:checked { background-color: rgb(255, 255, 255); border-color: var(--form--border-color); } .theme-twentytwentyone .wc-block-components-checkbox__mark { display: none; } .editor-styles-wrapper .wc-block-components-checkbox-list, .wc-block-components-checkbox-list { margin: 0px; padding: 0px; list-style: outside none; } .editor-styles-wrapper .wc-block-components-checkbox-list li, .wc-block-components-checkbox-list li { margin: 0px 0px 4px; padding: 0px; list-style: outside none; } .editor-styles-wrapper .wc-block-components-checkbox-list li.show-less button, .editor-styles-wrapper .wc-block-components-checkbox-list li.show-more button, .wc-block-components-checkbox-list li.show-less button, .wc-block-components-checkbox-list li.show-more button { background: none; border: none; padding: 0px; text-decoration: underline; cursor: pointer; } .editor-styles-wrapper .wc-block-components-checkbox-list.is-loading li, .wc-block-components-checkbox-list.is-loading li { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .editor-styles-wrapper .wc-block-components-checkbox-list.is-loading li > *, .wc-block-components-checkbox-list.is-loading li > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .editor-styles-wrapper .wc-block-components-checkbox-list.is-loading li, .wc-block-components-checkbox-list.is-loading li { animation: 0s ease 0s 1 normal none running none; } } .wc-block-components-chip { color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; text-decoration: inherit; text-transform: inherit; align-items: center; border: 0px; display: inline-flex; padding: 0.125em 0.5em 0.25em; margin: 0px 0.365em 0.365em 0px; border-radius: 0px; line-height: 1; max-width: 100%; } .wc-block-components-chip, .wc-block-components-chip:active, .wc-block-components-chip:focus, .wc-block-components-chip:hover { background: rgb(224, 224, 224); color: rgb(30, 30, 30); } .wc-block-components-chip.wc-block-components-chip--radius-small { border-radius: 3px; } .wc-block-components-chip.wc-block-components-chip--radius-medium { border-radius: 0.433em; } .wc-block-components-chip.wc-block-components-chip--radius-large { border-radius: 2em; padding-left: 0.75em; padding-right: 0.75em; } .wc-block-components-chip .wc-block-components-chip__text { flex-grow: 1; } .wc-block-components-chip.is-removable { padding-right: 0.5em; } .wc-block-components-chip.is-removable .wc-block-components-chip__text { padding-right: 0.25em; } .wc-block-components-chip .wc-block-components-chip__remove { font-size: 0.75em; background: transparent; border: 0px; appearance: none; padding: 0px; } .wc-block-components-chip .wc-block-components-chip__remove-icon { vertical-align: middle; } .wc-block-components-chip__remove:focus, .wc-block-components-chip__remove:hover, button.wc-block-components-chip:focus > .wc-block-components-chip__remove, button.wc-block-components-chip:hover > .wc-block-components-chip__remove { fill: rgb(204, 24, 24); } .wc-block-components-chip__remove:disabled, button.wc-block-components-chip:disabled > .wc-block-components-chip__remove { fill: rgb(148, 148, 148); cursor: not-allowed; } .wc-block-components-country-input { margin-top: 1.5em; } .wc-block-components-dropdown-selector { max-width: 300px; position: relative; width: 100%; } .wc-block-components-dropdown-selector__input-wrapper { background: rgb(255, 255, 255); border: 1px solid rgb(141, 150, 160); color: rgb(43, 45, 47); align-items: center; border-radius: 4px; cursor: text; display: flex; flex-wrap: wrap; padding: 2px 8px; } .is-disabled .wc-block-components-dropdown-selector__input-wrapper { background-color: rgb(224, 224, 224); } .is-multiple.has-checked > .wc-block-components-dropdown-selector__input-wrapper { padding: 2px 4px; } .is-open > .wc-block-components-dropdown-selector__input-wrapper { border-radius: 4px 4px 0px 0px; } .wc-block-components-dropdown-selector__input { font-size: 0.875em; line-height: 1.28571; margin: 0.1875em 0px; min-width: 0px; padding: 0.1875em 0px; } .is-single .wc-block-components-dropdown-selector__input { width: 100%; } .is-single .wc-block-components-dropdown-selector__input:active, .is-single .wc-block-components-dropdown-selector__input:focus, .is-single .wc-block-components-dropdown-selector__input:hover { outline: 0px; } .is-single.has-checked.is-open .wc-block-components-dropdown-selector__input { margin-bottom: 1.5px; margin-top: 1.5px; } .is-single.has-checked:not(.is-open) .wc-block-components-dropdown-selector__input { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; position: absolute; overflow-wrap: normal !important; } .is-multiple .wc-block-components-dropdown-selector__input { flex: 1 1 0%; min-width: 0px; } .is-multiple .wc-block-components-dropdown-selector__input, .is-single .wc-block-components-dropdown-selector__input:first-child { background: transparent; border: 0px; } .is-multiple .wc-block-components-dropdown-selector__input:active, .is-multiple .wc-block-components-dropdown-selector__input:focus, .is-multiple .wc-block-components-dropdown-selector__input:hover, .is-single .wc-block-components-dropdown-selector__input:first-child:active, .is-single .wc-block-components-dropdown-selector__input:first-child:focus, .is-single .wc-block-components-dropdown-selector__input:first-child:hover { outline: 0px; } .wc-block-components-dropdown-selector .wc-block-components-dropdown-selector__selected-value__label, .wc-block-components-dropdown-selector .wc-block-components-dropdown-selector__selected-value__remove { background-color: transparent; border: 0px; color: inherit; font-size: inherit; font-weight: inherit; text-transform: none; } .wc-block-components-dropdown-selector .wc-block-components-dropdown-selector__selected-value__label:active, .wc-block-components-dropdown-selector .wc-block-components-dropdown-selector__selected-value__label:focus, .wc-block-components-dropdown-selector .wc-block-components-dropdown-selector__selected-value__label:hover, .wc-block-components-dropdown-selector .wc-block-components-dropdown-selector__selected-value__remove:active, .wc-block-components-dropdown-selector .wc-block-components-dropdown-selector__selected-value__remove:focus, .wc-block-components-dropdown-selector .wc-block-components-dropdown-selector__selected-value__remove:hover { background-color: transparent; text-decoration: none; } .wc-block-components-dropdown-selector .wc-block-components-dropdown-selector__selected-value { font-size: 0.875em; align-items: center; color: rgb(117, 117, 117); display: inline-flex; margin: 0.1875em 0px; padding: 0.1875em 0px; width: 100%; } .wc-block-components-dropdown-selector .wc-block-components-dropdown-selector__selected-value__label { flex-grow: 1; line-height: 1.28571; padding: 0px; text-align: left; } .wc-block-components-dropdown-selector .wc-block-components-dropdown-selector__selected-value__remove { background-color: transparent; border: 0px; display: inline-block; line-height: 1; padding: 0px 0px 0px 0.3em; } .wc-block-components-dropdown-selector .wc-block-components-dropdown-selector__selected-value__remove > svg { display: block; } .wc-block-components-dropdown-selector .wc-block-components-dropdown-selector__selected-chip { font-size: 0.875em; margin-top: 0.1875em; margin-bottom: 0.1875em; line-height: 1.28571; } .wc-block-components-dropdown-selector__list { background-color: rgb(255, 255, 255); margin: -1px 0px 0px; padding: 0px; position: absolute; left: 0px; right: 0px; top: 100%; max-height: 300px; overflow-y: auto; z-index: 1; } .wc-block-components-dropdown-selector__list:not(:empty) { border: 1px solid rgb(159, 159, 159); } .wc-block-components-dropdown-selector__list-item { font-size: 0.875em; color: rgb(117, 117, 117); cursor: default; list-style: none; margin: 0px; padding: 0px 4px; } .wc-block-components-dropdown-selector__list-item.is-selected { background-color: rgb(221, 221, 221); } .wc-block-components-dropdown-selector__list-item.is-highlighted, .wc-block-components-dropdown-selector__list-item:active, .wc-block-components-dropdown-selector__list-item:focus, .wc-block-components-dropdown-selector__list-item:hover { background-color: rgb(0, 102, 158); color: rgb(255, 255, 255); } .wc-block-components-filter-submit-button { display: block; margin-left: auto; white-space: nowrap; } .wc-block-components-formatted-money-amount { white-space: nowrap; } .wc-block-components-load-more { text-align: center; width: 100%; } .wc-block-components-loading-mask { position: relative; min-height: 34px; } .wc-block-components-loading-mask .components-spinner { position: absolute; margin: 0px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .wc-block-components-loading-mask__children { opacity: 0.5; } .wc-block-components-pagination { margin: 0px auto 16px; } .wc-block-components-pagination__ellipsis, .wc-block-components-pagination__page { font-size: 1em; color: rgb(51, 51, 51); display: inline-block; font-weight: 400; } .wc-block-components-pagination__page { border-color: transparent; padding: 0.3em 0.6em; min-width: 2.2em; } @media (max-width: 782px) { .wc-block-components-pagination__page { padding: 0.1em 0.2em; min-width: 1.6em; } } .wc-block-components-pagination__page:not(.toggle) { background-color: transparent; } .wc-block-components-pagination__ellipsis { padding: 0.3em; } @media (max-width: 782px) { .wc-block-components-pagination__ellipsis { padding: 0.1em; } } .wc-block-components-pagination__page--active[disabled] { color: rgb(51, 51, 51); font-weight: 700; opacity: 1 !important; } .wc-block-components-pagination__page--active[disabled]:focus, .wc-block-components-pagination__page--active[disabled]:hover { background-color: inherit; color: rgb(51, 51, 51); opacity: 1 !important; } .wc-blocks-components-panel.has-border { position: relative; } .wc-blocks-components-panel.has-border::after { border-style: solid; border-width: 1px 0px; inset: 0px; content: ""; display: block; opacity: 0.3; pointer-events: none; position: absolute; } .wc-blocks-components-panel.has-border + .wc-blocks-components-panel.has-border::after { border-top-width: 0px; } .wc-blocks-components-panel__button { border: 0px; border-radius: 0px; vertical-align: baseline; height: auto; line-height: 1; margin: 0.375em 0px; padding: 0.375em 32px 0.375em 0px; position: relative; text-align: left; width: 100%; } .wc-blocks-components-panel__button, .wc-blocks-components-panel__button:active, .wc-blocks-components-panel__button:focus, .wc-blocks-components-panel__button:hover { color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-decoration: inherit; text-transform: inherit; background: transparent; box-shadow: none; } .wc-blocks-components-panel__button > .wc-blocks-components-panel__button-icon { fill: currentcolor; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: auto; } .wc-blocks-components-panel__content { padding-bottom: 1em; overflow: auto; } .theme-twentyseventeen .wc-blocks-components-panel__button, .theme-twentytwenty .wc-blocks-components-panel__button { background: transparent; color: inherit; } .wc-block-components-express-payment { margin: auto; position: relative; } .wc-block-components-express-payment .wc-block-components-express-payment__event-buttons { list-style: none; display: flex; flex-flow: row wrap; width: 100%; padding: 0px; margin: 0px; overflow: hidden; text-align: center; } .wc-block-components-express-payment .wc-block-components-express-payment__event-buttons > li { margin: 0px; } .wc-block-components-express-payment .wc-block-components-express-payment__event-buttons > li > img { width: 100%; height: 48px; } .wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container { display: flex; flex-direction: row; left: 0px; position: absolute; right: 0px; top: -5px; vertical-align: middle; } .wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container::before { border-left: 1px solid; border-top: 1px solid; border-radius: 5px 0px 0px; content: ""; display: block; height: 4px; margin-right: 12px; opacity: 0.3; pointer-events: none; width: 22px; } .wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container::after { border-right: 1px solid; border-top: 1px solid; border-radius: 0px 5px 0px 0px; content: ""; display: block; height: 4px; margin-left: 12px; opacity: 0.3; pointer-events: none; flex-grow: 1; } .wc-block-components-express-payment--checkout .wc-block-components-express-payment__title { flex-grow: 0; transform: translateY(-50%); } .wc-block-components-express-payment--checkout .wc-block-components-express-payment__content { position: relative; margin-top: calc(0.75em + 5px); padding: 1.5em 35px 1em; } .wc-block-components-express-payment--checkout .wc-block-components-express-payment__content::after { border-style: solid; border-width: 0px 1px 1px; inset: 0px; content: ""; display: block; opacity: 0.3; pointer-events: none; position: absolute; border-radius: 0px 0px 5px 5px; } .wc-block-components-express-payment--checkout .wc-block-components-express-payment__content > p { margin-bottom: 1em; } .wc-block-components-express-payment--checkout .wc-block-components-express-payment__event-buttons > li { display: inline-block; width: 50%; } .wc-block-components-express-payment--checkout .wc-block-components-express-payment__event-buttons > li:nth-child(2n) { padding-left: 8px; } .wc-block-components-express-payment--checkout .wc-block-components-express-payment__event-buttons > li:nth-child(2n+1) { padding-right: 8px; } .wc-block-components-express-payment--cart .wc-block-components-express-payment__event-buttons > li { padding-bottom: 16px; text-align: center; width: 100%; } .wc-block-components-express-payment--cart .wc-block-components-express-payment__event-buttons > li:last-child { padding-bottom: 0px; } .wc-block-components-express-payment-continue-rule { display: flex; align-items: center; text-align: center; padding: 0px 36px; margin: 24px 0px; } .wc-block-components-express-payment-continue-rule::before { margin-right: 10px; } .wc-block-components-express-payment-continue-rule::after { margin-left: 10px; } .wc-block-components-express-payment-continue-rule::after, .wc-block-components-express-payment-continue-rule::before { content: " "; flex: 1 1 0%; border-bottom: 1px solid; opacity: 0.3; } .wc-block-components-express-payment-continue-rule--cart { margin: 16px 0px; text-transform: uppercase; } .theme-twentynineteen .wc-block-components-express-payment__title::before { display: none; } .theme-twentytwenty .wc-block-components-express-payment .wc-block-components-express-payment__title { padding-left: 12px; padding-right: 12px; } .components-placeholder.wc-block-checkout__no-payment-methods-placeholder { margin-bottom: 16px; } .components-placeholder.wc-block-checkout__no-payment-methods-placeholder * { pointer-events: all; } .components-placeholder.wc-block-checkout__no-payment-methods-placeholder .components-placeholder__fieldset { display: block; } .components-placeholder.wc-block-checkout__no-payment-methods-placeholder .components-placeholder__fieldset .components-button { background-color: rgb(30, 30, 30); color: rgb(255, 255, 255); } .components-placeholder.wc-block-checkout__no-payment-methods-placeholder .components-placeholder__fieldset .wc-block-checkout__no-payment-methods-placeholder-description { display: block; margin: 0.25em 0px 1em; } .components-notice.wc-block-checkout__no-payment-methods-notice { margin-bottom: 16px; } .wc-block-card-elements { display: flex; width: 100%; } .wc-block-card-elements .wc-block-components-validation-error { position: static; } .wc-block-gateway-container { position: relative; margin-bottom: 1.5em; white-space: nowrap; } .wc-block-gateway-container.wc-card-number-element { flex-basis: 15em; flex-grow: 1; min-width: min(15em, 60%); } .wc-block-gateway-container.wc-card-expiry-element { flex-basis: 7em; margin-left: 12px; min-width: min(7em, 24% - 12px); } .wc-block-gateway-container.wc-card-cvc-element { flex-basis: 7em; margin-left: 12px; min-width: min(5em, 16% - 12px); } .wc-block-gateway-container .wc-block-gateway-input { font-size: 1em; line-height: 1.375; background-color: rgb(255, 255, 255); padding: 0.75em 0px 0.75em 16px; border-radius: 4px; border: 1px solid rgb(141, 150, 160); width: 100%; font-family: inherit; margin: 0px; box-sizing: border-box; height: 3em; color: rgb(43, 45, 47); cursor: text; } .wc-block-gateway-container .wc-block-gateway-input:focus, .wc-block-gateway-container:focus { background-color: rgb(255, 255, 255); } .wc-block-gateway-container label { font-family: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; text-decoration: inherit; text-transform: inherit; font-size: 1em; line-height: 1.375; position: absolute; transform: translateY(0.75em); left: 0px; top: 0px; transform-origin: left top; color: rgb(117, 117, 117); transition: transform 0.2s ease 0s; margin: 0px 0px 0px 17px; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 24px); cursor: text; } @media screen and (prefers-reduced-motion: reduce) { .wc-block-gateway-container label { transition: none 0s ease 0s; } } .wc-block-gateway-container.wc-inline-card-element label { margin-left: calc(24px + 1.5em); } .wc-block-gateway-container.wc-inline-card-element .wc-block-gateway-input.focused.empty + label, .wc-block-gateway-container.wc-inline-card-element .wc-block-gateway-input:not(.empty) + label { margin-left: 16px; transform: translateY(4px) scale(0.75); } .wc-block-gateway-container.wc-inline-card-element + .wc-block-components-validation-error { position: static; margin-top: -24px; } .wc-block-gateway-container .wc-block-gateway-input.focused.empty, .wc-block-gateway-container .wc-block-gateway-input:not(.empty) { padding: 1.5em 0px 0.25em 16px; } .wc-block-gateway-container .wc-block-gateway-input.focused.empty + label, .wc-block-gateway-container .wc-block-gateway-input:not(.empty) + label { transform: translateY(4px) scale(0.75); } .wc-block-gateway-container .wc-block-gateway-input.has-error { border-color: rgb(204, 24, 24); } .wc-block-gateway-container .wc-block-gateway-input.has-error:focus { outline-color: rgb(204, 24, 24); } .wc-block-gateway-container .wc-block-gateway-input.has-error + label { color: rgb(204, 24, 24); } .is-large .wc-card-cvc-element .wc-block-components-validation-error > p, .is-large .wc-card-expiry-element .wc-block-components-validation-error > p, .is-medium .wc-card-cvc-element .wc-block-components-validation-error > p, .is-medium .wc-card-expiry-element .wc-block-components-validation-error > p { line-height: 16px; padding-top: 4px; } .is-mobile .wc-card-cvc-element .wc-block-components-validation-error > p, .is-mobile .wc-card-expiry-element .wc-block-components-validation-error > p, .is-small .wc-card-cvc-element .wc-block-components-validation-error > p, .is-small .wc-card-expiry-element .wc-block-components-validation-error > p { min-height: 28px; } .wc-blocks-credit-card-images { padding-top: 12px; display: flex; } .wc-blocks-credit-card-images .wc-blocks-credit-cart-icon { height: 18px; width: auto; margin-right: 12px; } .wc-blocks-credit-card-images .wc-blocks-credit-cart-icon:last-child { margin-right: 0px; } .wc-block-components-checkout-payment-methods * { pointer-events: all; } .is-mobile .wc-block-card-elements, .is-small .wc-block-card-elements { flex-wrap: wrap; } .is-mobile .wc-block-gateway-container.wc-card-number-element, .is-small .wc-block-gateway-container.wc-card-number-element { flex-basis: 100%; } .is-mobile .wc-block-gateway-container.wc-card-expiry-element, .is-small .wc-block-gateway-container.wc-card-expiry-element { flex-basis: calc(50% - 8px); margin-left: 0px; margin-right: 8px; } .is-mobile .wc-block-gateway-container.wc-card-cvc-element, .is-small .wc-block-gateway-container.wc-card-cvc-element { flex-basis: calc(50% - 8px); margin-left: 8px; } .wc-block-components-price-slider { margin-bottom: 24px; } .wc-block-components-price-slider.wc-block-components-price-slider--has-filter-button .wc-block-components-price-slider__controls { justify-content: flex-end; } .wc-block-components-price-slider.wc-block-components-price-slider--has-filter-button .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount.wc-block-components-price-slider__amount--max { margin-left: 0px; margin-right: 10px; } .wc-block-components-price-slider.is-disabled .wc-block-components-price-slider__amount, .wc-block-components-price-slider.is-disabled .wc-block-components-price-slider__button, .wc-block-components-price-slider.is-disabled .wc-block-components-price-slider__range-input-wrapper, .wc-block-components-price-slider.is-loading .wc-block-components-price-slider__amount, .wc-block-components-price-slider.is-loading .wc-block-components-price-slider__button, .wc-block-components-price-slider.is-loading .wc-block-components-price-slider__range-input-wrapper { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; pointer-events: none; max-width: 100%; box-shadow: none; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .wc-block-components-price-slider.is-disabled .wc-block-components-price-slider__amount > *, .wc-block-components-price-slider.is-disabled .wc-block-components-price-slider__button > *, .wc-block-components-price-slider.is-disabled .wc-block-components-price-slider__range-input-wrapper > *, .wc-block-components-price-slider.is-loading .wc-block-components-price-slider__amount > *, .wc-block-components-price-slider.is-loading .wc-block-components-price-slider__button > *, .wc-block-components-price-slider.is-loading .wc-block-components-price-slider__range-input-wrapper > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .wc-block-components-price-slider.is-disabled .wc-block-components-price-slider__amount, .wc-block-components-price-slider.is-disabled .wc-block-components-price-slider__button, .wc-block-components-price-slider.is-disabled .wc-block-components-price-slider__range-input-wrapper, .wc-block-components-price-slider.is-loading .wc-block-components-price-slider__amount, .wc-block-components-price-slider.is-loading .wc-block-components-price-slider__button, .wc-block-components-price-slider.is-loading .wc-block-components-price-slider__range-input-wrapper { animation: 0s ease 0s 1 normal none running none; } } .wc-block-components-price-slider.is-disabled:not(.is-loading) .wc-block-components-price-slider__amount, .wc-block-components-price-slider.is-disabled:not(.is-loading) .wc-block-components-price-slider__button, .wc-block-components-price-slider.is-disabled:not(.is-loading) .wc-block-components-price-slider__range-input-wrapper { animation: 0s ease 0s 1 normal none running none; } .wc-block-components-price-slider__range-input-wrapper { padding: 0px; border: 0px; outline: none; appearance: none; height: 9px; clear: both; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; background: rgb(225, 225, 225); margin: 15px 0px; } .wc-block-components-price-slider__range-input-progress { height: 9px; width: 100%; position: absolute; left: 0px; top: 0px; --track-background:linear-gradient(90deg,transparent var(--low),var(--range-color) 0,var(--range-color) var(--high),transparent 0) no-repeat 0 100%/100% 100%; --range-color:#af7dd1; background: var(--track-background); } .wc-block-components-price-slider__controls { display: flex; } .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount { margin: 0px; border-radius: 4px; width: auto; max-width: 100px; min-width: 0px; } .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount.wc-block-components-price-slider__amount--min { margin-right: 10px; } .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount.wc-block-components-price-slider__amount--max { margin-left: auto; } .wc-block-components-price-slider__range-input { margin: 0px; padding: 0px; border: 0px; background: transparent; appearance: none; width: 100%; height: 0px; display: block; pointer-events: none; position: absolute; left: 0px; top: 0px; outline: none !important; } .wc-block-components-price-slider__range-input::-webkit-slider-runnable-track { cursor: default; height: 1px; outline: 0px; appearance: none; } .wc-block-components-price-slider__range-input::-webkit-slider-thumb { background-color: transparent; background-position: 0px 0px; width: 26px; height: 21px; border: 0px; padding: 0px; vertical-align: top; cursor: pointer; z-index: 20; pointer-events: auto; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='52' height='42'%3E%3Cdefs%3E%3Cpath id='a' d='M23.3176 7.9423l-8.4163-6.1432C13.1953.5706 11.2618-.0997 9.2146.0121h-.1137C4.2103.347.1159 4.368.0022 9.2827-.1115 14.644 4.2102 19 9.6696 19h.1137c1.8197 0 3.6395-.6702 5.118-1.787l8.4163-6.255c.9099-.8935.9099-2.2338 0-3.0157z'/%3E%3Cpath id='b' d='M23.3176 7.9423l-8.4163-6.1432C13.1953.5706 11.2618-.0997 9.2146.0121h-.1137C4.2103.347.1159 4.368.0022 9.2827-.1115 14.644 4.2102 19 9.6696 19h.1137c1.8197 0 3.6395-.6702 5.118-1.787l8.4163-6.255c.9099-.8935.9099-2.2338 0-3.0157z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' fill-rule='nonzero' stroke='%23757575' d='M24.3176 8.9423l-8.4163-6.1432c-1.706-1.2285-3.6395-1.8988-5.6867-1.787h-.1137c-4.8906.335-8.985 4.356-9.0987 9.2706C.8885 15.644 5.2102 20 10.6696 20h.1137c1.8197 0 3.6395-.6702 5.118-1.787l8.4163-6.255c.9099-.8935.9099-2.2338 0-3.0157z'/%3E%3Cpath stroke='%23B8B8B8' d='M9 6v9m3-9v9'/%3E%3Cg fill-rule='nonzero' transform='translate(1 22)'%3E%3Cuse fill='%23F8F3F7' stroke='%23FFF' stroke-opacity='.75' stroke-width='3' xlink:href='%23a'/%3E%3Cuse stroke='%23757575' xlink:href='%23a'/%3E%3C/g%3E%3Cpath stroke='%23757575' d='M9 27v9m3-9v9'/%3E%3Cg%3E%3Cpath fill='%23FFF' fill-rule='nonzero' stroke='%23757575' d='M27.6824 8.9423l8.4163-6.1432c1.706-1.2285 3.6395-1.8988 5.6867-1.787h.1137c4.8906.335 8.985 4.356 9.0987 9.2706C51.1115 15.644 46.7898 20 41.3304 20h-.1137c-1.8197 0-3.6395-.6702-5.118-1.787l-8.4163-6.255c-.9099-.8935-.9099-2.2338 0-3.0157z'/%3E%3Cpath stroke='%23B8B8B8' d='M43 6v9m-3-9v9'/%3E%3C/g%3E%3Cg%3E%3Cg fill-rule='nonzero' transform='matrix(-1 0 0 1 51 22)'%3E%3Cuse fill='%23F8F3F7' stroke='%23FFF' stroke-opacity='.75' stroke-width='3' xlink:href='%23b'/%3E%3Cuse stroke='%23757575' xlink:href='%23b'/%3E%3C/g%3E%3Cpath stroke='%23757575' d='M43 27v9m-3-9v9'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); transition: transform 0.2s ease-in-out 0s; appearance: none; margin: -6px 0px 0px; } .wc-block-components-price-slider__range-input::-webkit-slider-thumb:hover { background-position-y: -21px; filter: drop-shadow(rgba(255, 255, 255, 0.75) 3px 0px 0px) drop-shadow(rgba(255, 255, 255, 0.75) -3px 0px 0px); transform: scale(1.1); } .wc-block-components-price-slider__range-input::-webkit-slider-progress { margin: 0px; padding: 0px; border: 0px; outline: none; background: transparent; appearance: none; } .wc-block-components-price-slider__range-input:focus::-webkit-slider-thumb { background-position-y: -21px; filter: drop-shadow(rgba(255, 255, 255, 0.75) 3px 0px 0px) drop-shadow(rgba(255, 255, 255, 0.75) -3px 0px 0px); } .wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--min { z-index: 21; } .wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--min::-webkit-slider-thumb { margin-left: -2px; background-position-x: 0%; } .wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--max { z-index: 20; } .wc-block-components-price-slider__range-input.wc-block-components-price-slider__range-input--max::-webkit-slider-thumb { background-position-x: 100%; margin-left: 2px; } .rtl .wc-block-components-price-slider__range-input-progress { --track-background:linear-gradient(270deg,transparent var(--low),var(--range-color) 0,var(--range-color) var(--high),transparent 0) no-repeat 0 100%/100% 100%; --range-color:#af7dd1; background: var(--track-background); } @media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) { .wc-block-components-price-slider__range-input-wrapper { background: transparent; box-shadow: none; height: 24px; } .wc-block-components-price-slider__range-input-progress { background: rgb(175, 125, 209); width: 100%; top: 7px; } .wc-block-components-price-slider__range-input { height: 24px; pointer-events: auto; } .wc-block-components-price-slider.is-disabled .wc-block-components-price-slider__range-input-wrapper, .wc-block-components-price-slider.is-loading .wc-block-components-price-slider__range-input-wrapper { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; pointer-events: none; max-width: 100%; box-shadow: none; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .wc-block-components-price-slider.is-disabled .wc-block-components-price-slider__range-input-wrapper > *, .wc-block-components-price-slider.is-loading .wc-block-components-price-slider__range-input-wrapper > * { visibility: hidden; } } @media screen and (-ms-high-contrast:active) and (prefers-reduced-motion: reduce), screen and (-ms-high-contrast:none) and (prefers-reduced-motion: reduce) { .wc-block-components-price-slider.is-disabled .wc-block-components-price-slider__range-input-wrapper, .wc-block-components-price-slider.is-loading .wc-block-components-price-slider__range-input-wrapper { animation: 0s ease 0s 1 normal none running none; } } @media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) { .wc-block-components-price-slider.is-disabled:not(.is-loading) .wc-block-components-price-slider__range-input-wrapper { animation: 0s ease 0s 1 normal none running none; } } @supports (-ms-ime-align:auto) { .wc-block-components-price-slider__range-input-wrapper { background: transparent; box-shadow: none; height: 24px; } .wc-block-components-price-slider__range-input-progress { background: rgb(175, 125, 209); width: 100%; top: 7px; } .wc-block-components-price-slider__range-input { height: 24px; pointer-events: auto; } .wc-block-components-price-slider.is-disabled .wc-block-components-price-slider__range-input-wrapper, .wc-block-components-price-slider.is-loading .wc-block-components-price-slider__range-input-wrapper { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; pointer-events: none; max-width: 100%; box-shadow: none; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .wc-block-components-price-slider.is-disabled .wc-block-components-price-slider__range-input-wrapper > *, .wc-block-components-price-slider.is-loading .wc-block-components-price-slider__range-input-wrapper > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .wc-block-components-price-slider.is-disabled .wc-block-components-price-slider__range-input-wrapper, .wc-block-components-price-slider.is-loading .wc-block-components-price-slider__range-input-wrapper { animation: 0s ease 0s 1 normal none running none; } } .wc-block-components-price-slider.is-disabled:not(.is-loading) .wc-block-components-price-slider__range-input-wrapper { animation: 0s ease 0s 1 normal none running none; } } .theme-twentytwentyone .wc-block-components-price-slider__range-input-wrapper { background: transparent; border: 3px solid; box-sizing: border-box; } .theme-twentytwentyone .wc-block-components-price-slider__range-input-progress { --range-color:currentColor; margin: -3px; } .theme-twentytwentyone .wc-block-price-filter__range-input { background: transparent; margin: -3px; width: calc(100% + 6px); } .theme-twentytwentyone .wc-block-price-filter__range-input:focus::-webkit-slider-thumb, .theme-twentytwentyone .wc-block-price-filter__range-input:hover::-webkit-slider-thumb { filter: none; } .theme-twentytwentyone .wc-block-price-filter__range-input::-webkit-slider-thumb { margin-top: -9px; } @media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) { .theme-twentytwentyone .wc-block-components-price-slider__range-input-wrapper { border: 0px; position: relative; height: 50px; } .theme-twentytwentyone .wc-block-components-price-slider__range-input-progress { display: none; } .theme-twentytwentyone .wc-block-price-filter__range-input { height: 100%; margin: 0px; width: 100%; } } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .wc-block-grid { text-align: center; } .wc-block-grid__no-products { padding: 40px; text-align: center; width: 100%; } .wc-block-grid__no-products .wc-block-grid__no-products-image { max-width: 150px; margin: 0px auto 1em; display: block; color: inherit; } .wc-block-grid__no-products .wc-block-grid__no-products-title { display: block; margin: 0px; font-weight: 700; } .wc-block-grid__no-products .wc-block-grid__no-products-description { display: block; margin: 0.25em 0px 1em; } .wc-block-grid__products { display: flex; flex-wrap: wrap; padding: 0px; margin: 0px -8px 16px; background-clip: padding-box; } .wc-block-grid__product { box-sizing: border-box; padding: 0px; margin: 0px; float: none; width: auto; position: relative; text-align: center; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 16px solid transparent; list-style: none; } .theme-twentytwenty .wc-block-grid.has-aligned-buttons .wc-block-grid__product, .wc-block-grid.has-aligned-buttons .wc-block-grid__product { display: flex; flex-direction: column; } .theme-twentytwenty .wc-block-grid.has-aligned-buttons .wc-block-grid__product > :last-child, .wc-block-grid.has-aligned-buttons .wc-block-grid__product > :last-child { margin-top: auto; margin-bottom: 0px; padding-bottom: 12px; } .theme-twentytwenty .wc-block-grid.has-1-columns .wc-block-grid__product, .wc-block-grid.has-1-columns .wc-block-grid__product { flex: 1 0 100%; max-width: 100%; } .theme-twentytwenty .wc-block-grid.has-2-columns .wc-block-grid__product, .wc-block-grid.has-2-columns .wc-block-grid__product { flex: 1 0 50%; max-width: 50%; } .theme-twentytwenty .wc-block-grid.has-3-columns .wc-block-grid__product, .wc-block-grid.has-3-columns .wc-block-grid__product { flex: 1 0 33.3333%; max-width: 33.3333%; } .theme-twentytwenty .wc-block-grid.has-4-columns .wc-block-grid__product, .wc-block-grid.has-4-columns .wc-block-grid__product { flex: 1 0 25%; max-width: 25%; } .theme-twentytwenty .wc-block-grid.has-5-columns .wc-block-grid__product, .wc-block-grid.has-5-columns .wc-block-grid__product { flex: 1 0 20%; max-width: 20%; } .theme-twentytwenty .wc-block-grid.has-6-columns .wc-block-grid__product, .wc-block-grid.has-6-columns .wc-block-grid__product { flex: 1 0 16.6667%; max-width: 16.6667%; } .theme-twentytwenty .wc-block-grid.has-7-columns .wc-block-grid__product, .wc-block-grid.has-7-columns .wc-block-grid__product { flex: 1 0 14.2857%; max-width: 14.2857%; } .theme-twentytwenty .wc-block-grid.has-8-columns .wc-block-grid__product, .wc-block-grid.has-8-columns .wc-block-grid__product { flex: 1 0 12.5%; max-width: 12.5%; } .theme-twentytwenty .wc-block-grid.has-6-columns .wc-block-grid__product, .wc-block-grid.has-6-columns .wc-block-grid__product { font-size: 0.5em; } .theme-twentytwenty .wc-block-grid.has-5-columns .wc-block-grid__product, .theme-twentytwenty .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product, .wc-block-grid.has-5-columns .wc-block-grid__product, .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product { font-size: 0.58em; } .theme-twentytwenty .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product, .theme-twentytwenty .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product, .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product, .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product { font-size: 0.75em; } .theme-twentytwenty .wc-block-grid.has-3-columns:not(.alignwide):not(.alignfull), .wc-block-grid.has-3-columns:not(.alignwide):not(.alignfull) { font-size: 0.92em; } @media (max-width: 480px) { .wc-block-grid.has-2-columns .wc-block-grid__products { display: block; } .wc-block-grid.has-2-columns .wc-block-grid__product { margin-left: auto; margin-right: auto; flex: 1 0 100%; max-width: 100%; padding: 0px; } .wc-block-grid.has-3-columns .wc-block-grid__products { display: block; } .wc-block-grid.has-3-columns .wc-block-grid__product { margin-left: auto; margin-right: auto; flex: 1 0 100%; max-width: 100%; padding: 0px; } .wc-block-grid.has-4-columns .wc-block-grid__products { display: block; } .wc-block-grid.has-4-columns .wc-block-grid__product { margin-left: auto; margin-right: auto; flex: 1 0 100%; max-width: 100%; padding: 0px; } .wc-block-grid.has-5-columns .wc-block-grid__products { display: block; } .wc-block-grid.has-5-columns .wc-block-grid__product { margin-left: auto; margin-right: auto; flex: 1 0 100%; max-width: 100%; padding: 0px; } .wc-block-grid.has-6-columns .wc-block-grid__products { display: block; } .wc-block-grid.has-6-columns .wc-block-grid__product { margin-left: auto; margin-right: auto; flex: 1 0 100%; max-width: 100%; padding: 0px; } .wc-block-grid.has-7-columns .wc-block-grid__products { display: block; } .wc-block-grid.has-7-columns .wc-block-grid__product { margin-left: auto; margin-right: auto; flex: 1 0 100%; max-width: 100%; padding: 0px; } .wc-block-grid.has-8-columns .wc-block-grid__products { display: block; } .wc-block-grid.has-8-columns .wc-block-grid__product { margin-left: auto; margin-right: auto; flex: 1 0 100%; max-width: 100%; padding: 0px; } } @media (min-width: 481px) and (max-width: 600px) { .wc-block-grid.has-2-columns .wc-block-grid__product { flex: 1 0 50%; max-width: 50%; padding: 0px; margin: 0px 0px 24px; } .wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(2n+1) { padding-right: 8px; } .wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(2n) { padding-left: 8px; } .wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(2n) .wc-block-grid__product-onsale { left: 8px; } .wc-block-grid.has-3-columns .wc-block-grid__product { flex: 1 0 50%; max-width: 50%; padding: 0px; margin: 0px 0px 24px; } .wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(2n+1) { padding-right: 8px; } .wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(2n) { padding-left: 8px; } .wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(2n) .wc-block-grid__product-onsale { left: 8px; } .wc-block-grid.has-4-columns .wc-block-grid__product { flex: 1 0 50%; max-width: 50%; padding: 0px; margin: 0px 0px 24px; } .wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(2n+1) { padding-right: 8px; } .wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(2n) { padding-left: 8px; } .wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(2n) .wc-block-grid__product-onsale { left: 8px; } .wc-block-grid.has-5-columns .wc-block-grid__product { flex: 1 0 50%; max-width: 50%; padding: 0px; margin: 0px 0px 24px; } .wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(2n+1) { padding-right: 8px; } .wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(2n) { padding-left: 8px; } .wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(2n) .wc-block-grid__product-onsale { left: 8px; } .wc-block-grid.has-6-columns .wc-block-grid__product { flex: 1 0 50%; max-width: 50%; padding: 0px; margin: 0px 0px 24px; } .wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(2n+1) { padding-right: 8px; } .wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(2n) { padding-left: 8px; } .wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(2n) .wc-block-grid__product-onsale { left: 8px; } .wc-block-grid.has-7-columns .wc-block-grid__product { flex: 1 0 50%; max-width: 50%; padding: 0px; margin: 0px 0px 24px; } .wc-block-grid.has-7-columns .wc-block-grid__product:nth-child(2n+1) { padding-right: 8px; } .wc-block-grid.has-7-columns .wc-block-grid__product:nth-child(2n) { padding-left: 8px; } .wc-block-grid.has-7-columns .wc-block-grid__product:nth-child(2n) .wc-block-grid__product-onsale { left: 8px; } .wc-block-grid.has-8-columns .wc-block-grid__product { flex: 1 0 50%; max-width: 50%; padding: 0px; margin: 0px 0px 24px; } .wc-block-grid.has-8-columns .wc-block-grid__product:nth-child(2n+1) { padding-right: 8px; } .wc-block-grid.has-8-columns .wc-block-grid__product:nth-child(2n) { padding-left: 8px; } .wc-block-grid.has-8-columns .wc-block-grid__product:nth-child(2n) .wc-block-grid__product-onsale { left: 8px; } } .wc-block-components-product-price--align-left { display: block; text-align: left; } .wc-block-components-product-price--align-center { display: block; text-align: center; } .wc-block-components-product-price--align-right { display: block; text-align: right; } .wc-block-components-product-price__value.is-discounted { margin-left: 0.5em; } .is-loading .wc-block-components-product-price::before { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; content: "."; display: inline-block; width: 5em; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } @media screen and (prefers-reduced-motion: reduce) { .is-loading .wc-block-components-product-price::before { animation: 0s ease 0s 1 normal none running none; } } .wc-block-components-product-sort-select { margin-bottom: 24px; text-align: left; } .wc-block-components-quantity-selector { display: flex; min-width: 100px; border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); border-radius: 4px; box-sizing: content-box; } .has-dark-controls .wc-block-components-quantity-selector { background-color: transparent; border-color: rgba(255, 255, 255, 0.4); } .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { font-size: 1em; order: 2; min-width: 40px; flex: 1 1 auto; border: 0px; padding: 0.4em 0px; margin: 0px; text-align: center; background: transparent; box-shadow: none; color: rgb(0, 0, 0); line-height: 1; vertical-align: middle; } .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus { background: rgb(240, 240, 240); outline: rgb(221, 221, 221) solid 1px; } .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:disabled { color: rgb(148, 148, 148); } .has-dark-controls .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { color: rgb(255, 255, 255); background: transparent; } .has-dark-controls .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus { background: transparent; } .has-dark-controls .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:disabled { color: rgba(255, 255, 255, 0.3); } .wc-block-components-quantity-selector input::-webkit-inner-spin-button, .wc-block-components-quantity-selector input::-webkit-outer-spin-button { appearance: none; margin: 0px; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { border: 0px; padding: 0px; margin: 0px; background: none transparent; box-shadow: none; font-size: 1em; min-width: 30px; cursor: pointer; color: rgb(30, 30, 30); font-style: normal; text-align: center; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus { outline: rgb(221, 221, 221) solid 2px; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus, .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover { border: 0px; padding: 0px; margin: 0px; background: none transparent; box-shadow: none; color: rgb(30, 30, 30); } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus:focus, .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover:focus { outline: rgb(221, 221, 221) solid 2px; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled { color: rgb(148, 148, 148); cursor: default; border: 0px; padding: 0px; margin: 0px; background: none transparent; box-shadow: none; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled:focus { outline: rgb(221, 221, 221) solid 2px; } .has-dark-controls .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button, .has-dark-controls .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus, .has-dark-controls .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover { color: rgb(255, 255, 255); } .has-dark-controls .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled { color: rgba(255, 255, 255, 0.3); } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--minus { order: 1; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--plus { order: 3; } .wc-block-components-radio-control__option { color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-decoration: inherit; text-transform: inherit; position: relative; display: block; padding: 12px 12px 0px 72px; } .wc-block-components-radio-control__option::after { border-style: solid; border-width: 0px 0px 1px; inset: 0px; content: ""; display: block; opacity: 0.3; pointer-events: none; position: absolute; } .wc-block-components-radio-control__option-layout { position: relative; display: table; width: 100%; padding-bottom: 12px; } .wc-block-components-radio-control__option-layout::after { border-style: solid; border-width: 0px 0px 1px; inset: 0px; content: ""; display: block; opacity: 0.3; pointer-events: none; position: absolute; } .wc-block-components-radio-control__option .wc-block-components-radio-control__option-layout::after { display: none; } .wc-block-components-radio-control__description-group, .wc-block-components-radio-control__label-group { display: table-row; } .wc-block-components-radio-control__description-group > span, .wc-block-components-radio-control__label-group > span { display: table-cell; } .wc-block-components-radio-control__description-group .wc-block-components-radio-control__secondary-description, .wc-block-components-radio-control__description-group .wc-block-components-radio-control__secondary-label, .wc-block-components-radio-control__label-group .wc-block-components-radio-control__secondary-description, .wc-block-components-radio-control__label-group .wc-block-components-radio-control__secondary-label { text-align: right; min-width: 50%; } .wc-block-components-radio-control__label, .wc-block-components-radio-control__secondary-label { line-height: max(1rem, 20px); } .wc-block-components-radio-control__description, .wc-block-components-radio-control__secondary-description { font-size: 0.875em; line-height: 20px; } .wc-block-components-radio-control .wc-block-components-radio-control__input { appearance: none; background: transparent; border: 2px solid; border-radius: 50%; display: inline-block; height: 1.25rem; left: 24px; min-height: 20px; min-width: 20px; position: absolute; top: 12px; width: 1.25rem; } .wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before { background: currentcolor; border-radius: 50%; content: ""; display: block; height: 0.625em; left: 50%; margin: 0px; min-height: 10px; min-width: 10px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 0.625em; } .has-dark-controls .wc-block-components-radio-control .wc-block-components-radio-control__input { border-color: rgba(255, 255, 255, 0.6); } .has-dark-controls .wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before { background: rgb(255, 255, 255); } @media (min-width: 783px) { .wc-block-components-radio-control .wc-block-components-radio-control__input { height: 1rem; margin-top: 2px; min-height: 16px; min-width: 16px; width: 1rem; } .wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before { height: 0.5em; min-height: 8px; min-width: 8px; width: 0.5em; } } .theme-twentytwentyone .wc-block-components-radio-control .wc-block-components-radio-control__input:checked { border-width: 2px; } .theme-twentytwentyone .wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before { background-color: var(--form--color-text); } .theme-twentytwentyone .wc-block-components-radio-control .wc-block-components-radio-control__input::after { display: none; } .is-loading .wc-block-components-review-list-item__text { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; display: block; width: 60%; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .is-loading .wc-block-components-review-list-item__text > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .is-loading .wc-block-components-review-list-item__text { animation: 0s ease 0s 1 normal none running none; } } .is-loading .wc-block-components-review-list-item__text::after { content: " "; } .is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image { animation: 0s ease 0s 1 normal none running none; } } .is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image::after { content: " "; } .is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; font-size: 1em; width: 80px; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author { animation: 0s ease 0s 1 normal none running none; } } .is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author::after { content: " "; } .is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__product, .is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__rating .wc-block-components-review-list-item__rating__stars > span { display: none; } .is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; height: 1em; width: 120px; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date { animation: 0s ease 0s 1 normal none running none; } } .is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date::after { content: " "; } .editor-styles-wrapper .wc-block-components-review-list-item__item, .wc-block-components-review-list-item__item { margin: 0px 0px 48px; list-style: none; } .wc-block-components-review-list-item__info { display: grid; grid-template-columns: 1fr; margin-bottom: 24px; } .wc-block-components-review-list-item__meta { grid-area: 1 / 1 / auto / auto; } .has-image .wc-block-components-review-list-item__info { grid-template-columns: 64px 1fr; } .has-image .wc-block-components-review-list-item__meta { grid-column: 2 / auto; } .wc-block-components-review-list-item__image { align-items: center; display: flex; height: 48px; grid-area: 1 / 1 / 3 / auto; justify-content: center; position: relative; width: 48px; } .wc-block-components-review-list-item__image > img { display: block; height: auto; max-height: 100%; max-width: 100%; width: auto; } .wc-block-components-review-list-item__verified { width: 21px; height: 21px; text-indent: 21px; margin: 0px; line-height: 21px; overflow: hidden; position: absolute; right: -7px; bottom: -7px; } .wc-block-components-review-list-item__verified::before { width: 21px; height: 21px; background: url("data:image/svg+xml;utf8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" fill=\"none\"%3E%3Ccircle cx=\"10.5\" cy=\"10.5\" r=\"10.5\" fill=\"%23fff\"/%3E%3Cpath fill=\"%23008A21\" fill-rule=\"evenodd\" d=\"M2.1667 10.5003c0-4.6 3.7333-8.3333 8.3333-8.3333s8.3334 3.7333 8.3334 8.3333S15.1 18.8337 10.5 18.8337s-8.3333-3.7334-8.3333-8.3334zm2.5 0l4.1666 4.1667 7.5001-7.5-1.175-1.1833-6.325 6.325-2.9917-2.9834-1.175 1.175z\" clip-rule=\"evenodd\"/%3E%3Cmask id=\"a\" width=\"17\" height=\"17\" x=\"2\" y=\"2\" maskUnits=\"userSpaceOnUse\"%3E%3Cpath fill=\"%23fff\" fill-rule=\"evenodd\" d=\"M2.1667 10.5003c0-4.6 3.7333-8.3333 8.3333-8.3333s8.3334 3.7333 8.3334 8.3333S15.1 18.8337 10.5 18.8337s-8.3333-3.7334-8.3333-8.3334zm2.5 0l4.1666 4.1667 7.5001-7.5-1.175-1.1833-6.325 6.325-2.9917-2.9834-1.175 1.175z\" clip-rule=\"evenodd\"/%3E%3C/mask%3E%3Cg mask=\"url(%23a)\"%3E%3Cpath fill=\"%23008A21\" d=\"M.5.5h20v20H.5z\"/%3E%3C/g%3E%3C/svg%3E") 50% center no-repeat transparent; display: block; content: ""; } .wc-block-components-review-list-item__meta { display: flex; align-items: center; flex-flow: row wrap; } .wc-block-components-review-list-item__meta::after { order: 3; content: ""; flex-basis: 100%; } .wc-block-components-review-list-item__author, .wc-block-components-review-list-item__product { display: block; font-weight: 700; order: 1; margin-right: 8px; } .wc-block-components-review-list-item__product + .wc-block-components-review-list-item__author { font-weight: 400; color: grey; order: 4; } .wc-block-components-review-list-item__published-date { color: grey; order: 5; } .wc-block-components-review-list-item__author + .wc-block-components-review-list-item__published-date::before { content: ""; display: inline-block; margin-right: 8px; border-right: 1px solid rgb(221, 221, 221); height: 1em; vertical-align: middle; } .wc-block-components-review-list-item__author:first-child + .wc-block-components-review-list-item__published-date::before, .wc-block-components-review-list-item__rating + .wc-block-components-review-list-item__author + .wc-block-components-review-list-item__published-date::before { display: none; } .wc-block-components-review-list-item__rating { order: 2; } .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars { font-size: 1em; display: inline-block; top: 0px; overflow: hidden; position: relative; height: 1.618em; line-height: 1.618; width: 5.3em; font-family: star; font-weight: 400; vertical-align: top; } .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars::before { content: "SSSSS"; opacity: 0.25; float: left; top: 0px; left: 0px; position: absolute; } .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars span { overflow: hidden; float: left; top: 0px; left: 0px; position: absolute; padding-top: 1.5em; } .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars span::before { content: "SSSSS"; top: 0px; position: absolute; left: 0px; color: rgb(230, 162, 55); } .editor-styles .wc-block-components-review-list, .wc-block-components-review-list { margin: 0px; } .wc-block-components-review-sort-select { text-align: right; } .wc-block-components-select { height: 3em; position: relative; } .wc-block-components-select label { font-family: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; text-decoration: inherit; text-transform: inherit; font-size: 1em; line-height: 1.375; position: absolute; transform: translateY(0.75em); transform-origin: left top; transition: all 0.2s ease 0s; color: rgb(117, 117, 117); z-index: 1; margin: 0px 0px 0px 17px; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 32px); white-space: nowrap; } .has-dark-controls .wc-block-components-select label { color: rgba(255, 255, 255, 0.6); } @media screen and (prefers-reduced-motion: reduce) { .wc-block-components-select label { transition: none 0s ease 0s; } } .wc-block-components-select.is-active label { transform: translateY(4px) scale(0.75); } .wc-block-components-select.has-error .components-custom-select-control__button, .wc-block-components-select.has-error .components-custom-select-control__button:active, .wc-block-components-select.has-error .components-custom-select-control__button:focus, .wc-block-components-select.has-error .components-custom-select-control__button:hover { border-color: rgb(204, 24, 24); } .wc-block-components-select.has-error .components-custom-select-control__button:focus { outline: rgb(204, 24, 24) dotted 1px; outline-offset: 2px; } .wc-block-components-select.has-error label { color: rgb(204, 24, 24); } .wc-block-components-select .components-custom-select-control__button, .wc-block-components-select .components-custom-select-control__button:active, .wc-block-components-select .components-custom-select-control__button:focus, .wc-block-components-select .components-custom-select-control__button:hover { font-size: 1em; background-color: rgb(255, 255, 255); box-shadow: none; color: rgb(43, 45, 47); font-family: inherit; font-weight: 400; height: 3em; letter-spacing: inherit; line-height: 1; overflow: hidden; padding: 1.5em 16px 0.25em; text-align: left; text-overflow: ellipsis; text-transform: none; white-space: nowrap; width: 100%; } .has-dark-controls .wc-block-components-select .components-custom-select-control__button, .has-dark-controls .wc-block-components-select .components-custom-select-control__button:active, .has-dark-controls .wc-block-components-select .components-custom-select-control__button:focus, .has-dark-controls .wc-block-components-select .components-custom-select-control__button:hover { background-color: rgba(0, 0, 0, 0.1); border-color: rgba(255, 255, 255, 0.4); color: rgb(255, 255, 255); } .wc-block-components-select .components-custom-select-control__button-icon { right: 12px; } .has-dark-controls .wc-block-components-select .components-custom-select-control__button-icon { fill: rgb(255, 255, 255); } .wc-block-components-select .components-custom-select-control__menu { background-color: rgb(255, 255, 255); margin: 0px; max-height: 300px; overflow: auto; } .wc-block-components-select .components-custom-select-control__menu:empty { display: none; } .has-dark-controls .wc-block-components-select .components-custom-select-control__menu { background-color: rgb(30, 30, 30); color: rgb(255, 255, 255); } .wc-block-components-select .components-custom-select-control__item { font-size: 1em; margin-left: 0px; padding-left: 16px; } .has-dark-controls .wc-block-components-select .components-custom-select-control__item.is-highlighted, .has-dark-controls .wc-block-components-select .components-custom-select-control__item:focus, .has-dark-controls .wc-block-components-select .components-custom-select-control__item:hover { background-color: rgba(0, 0, 0, 0.4); } .wc-block-components-select .components-custom-select-control__item-icon { display: none; } .wc-block-components-sidebar-layout { display: flex; flex-wrap: wrap; margin: 0px auto 16px; position: relative; } .wc-block-components-sidebar-layout .wc-block-components-main { box-sizing: border-box; margin: 0px; padding-right: 3.77358%; width: 65%; } .wc-block-components-sidebar { box-sizing: border-box; margin: 0px; padding-left: 2.26415%; width: 35%; } .wc-block-components-sidebar .wc-blocks-components-panel > h2 { font-size: 1.25em; border: 0px; border-radius: 0px; margin: 0px; padding: 0px; vertical-align: baseline; } .is-medium.wc-block-components-sidebar-layout, .is-mobile.wc-block-components-sidebar-layout, .is-small.wc-block-components-sidebar-layout { flex-direction: column; margin: 0px auto 16px; } .is-medium.wc-block-components-sidebar-layout .wc-block-components-main, .is-medium.wc-block-components-sidebar-layout .wc-block-components-sidebar, .is-mobile.wc-block-components-sidebar-layout .wc-block-components-main, .is-mobile.wc-block-components-sidebar-layout .wc-block-components-sidebar, .is-small.wc-block-components-sidebar-layout .wc-block-components-main, .is-small.wc-block-components-sidebar-layout .wc-block-components-sidebar { padding: 0px; width: 100%; } .is-large .wc-block-components-sidebar .wc-block-components-totals-item, .is-large .wc-block-components-sidebar .wc-blocks-components-panel { padding-left: 16px; padding-right: 16px; } .theme-twentytwenty .wc-block-components-sidebar .wc-blocks-components-panel > h2 { font-size: 1.25em; border: 0px; border-radius: 0px; margin: 0px; padding: 0px; vertical-align: baseline; } .wc-block-components-sort-select { margin-bottom: 12px; } .wc-block-components-sort-select__label { margin-right: 12px; display: inline-block; font-weight: 400; } .wc-block-components-sort-select__select { width: max-content; } .wc-block-components-state-input { margin-top: 1.5em; } .wc-block-components-notices { display: block; margin-bottom: 2em; } .wc-block-components-notices .wc-block-components-notices__notice { margin: 0px; display: flex; flex-wrap: nowrap; } .wc-block-components-notices .wc-block-components-notices__notice .components-notice__dismiss { background: none transparent; padding: 0px; margin: 0px 0px 0px auto; border: 0px; outline: 0px; color: currentcolor; } .wc-block-components-notices .wc-block-components-notices__notice .components-notice__dismiss svg { fill: currentcolor; vertical-align: text-top; } .wc-block-components-notices .wc-block-components-notices__notice + .wc-block-components-notices__notice { margin-top: 1em; } .wc-block-components-notices__snackbar { position: fixed; bottom: 20px; left: 16px; width: auto; } @media (max-width: 782px) { .wc-block-components-notices__snackbar { position: fixed; top: 10px; left: 0px; bottom: auto; } } @media (max-width: 782px) { .wc-block-components-notices__snackbar .components-snackbar-list__notice-container { margin-left: 10px; margin-right: 10px; } } .wc-block-components-tabs .wc-block-components-tabs__list { display: flex; flex-flow: row wrap; width: 100%; } .wc-block-components-tabs .wc-block-components-tabs__list > .wc-block-components-tabs__item { border: none; flex: 1 1 auto; background: transparent; padding: 12px 16px; color: inherit; outline-offset: -1px; text-align: center; transition: box-shadow 0.1s linear 0s; box-shadow: currentcolor 0px -1px inset; border-radius: 0px; } .wc-block-components-tabs .wc-block-components-tabs__list > .wc-block-components-tabs__item.is-active { box-shadow: currentcolor 0px -3px inset; font-weight: 600; position: relative; } .wc-block-components-tabs .wc-block-components-tabs__list > .wc-block-components-tabs__item:focus { outline-offset: -1px; outline: currentcolor dotted 1px; } .wc-block-components-tabs .wc-block-components-tabs__list > .wc-block-components-tabs__item:active, .wc-block-components-tabs .wc-block-components-tabs__list > .wc-block-components-tabs__item:hover { background: transparent; } .wc-block-components-tabs .wc-block-components-tabs__list > .wc-block-components-tabs__item .wc-block-components-tabs__item-content { font-size: 1em; line-height: 1; width: fit-content; display: inline-block; font-weight: 700; } .wc-block-components-tabs .wc-block-components-tabs__list > .wc-block-components-tabs__item .wc-block-components-tabs__item-content > img, .wc-block-components-tabs .wc-block-components-tabs__list > .wc-block-components-tabs__item .wc-block-components-tabs__item-content > svg { height: 1.2em; vertical-align: middle; margin: 0.2em 0px -0.2em; } .wc-block-components-tabs .wc-block-components-tabs__list > .wc-block-components-tabs__item .wc-block-components-tabs__item-content .wc-block-components-payment-method-icons { margin: 0.2em 0px -0.2em; } .wc-block-components-tabs .wc-block-components-tabs__list > .wc-block-components-tabs__item .wc-block-components-tabs__item-content .wc-block-components-payment-method-icons .wc-block-components-payment-method-icon { height: 1.2em; vertical-align: middle; } .wc-block-components-tabs .wc-block-components-tabs__content { padding: 16px 0px; text-transform: none; } .wc-block-components-text-input { position: relative; margin-top: 1.5em; white-space: nowrap; } .wc-block-components-text-input label { font-family: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; text-decoration: inherit; text-transform: inherit; font-size: 1em; position: absolute; transform: translateY(0.75em); left: 0px; top: 0px; transform-origin: left top; line-height: 1.375; color: rgb(117, 117, 117); transition: transform 0.2s ease 0s; margin: 0px 0px 0px 17px; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 32px); cursor: text; } .has-dark-controls .wc-block-components-text-input label { color: rgba(255, 255, 255, 0.6); } @media screen and (prefers-reduced-motion: reduce) { .wc-block-components-text-input label { transition: none 0s ease 0s; } } .wc-block-components-text-input input:-webkit-autofill + label { transform: translateY(4px) scale(0.75); } .wc-block-components-text-input.is-active label { transform: translateY(4px) scale(0.75); } .wc-block-components-text-input input[type="email"], .wc-block-components-text-input input[type="tel"], .wc-block-components-text-input input[type="text"], .wc-block-components-text-input input[type="url"] { font-size: 1em; background-color: rgb(255, 255, 255); padding: 0.75em 16px; border-radius: 4px; border: 1px solid rgb(141, 150, 160); width: 100%; line-height: 1.375; font-family: inherit; margin: 0px; box-sizing: border-box; height: 3em; min-height: 0px; color: rgb(43, 45, 47); } .wc-block-components-text-input input[type="email"]:focus, .wc-block-components-text-input input[type="tel"]:focus, .wc-block-components-text-input input[type="text"]:focus, .wc-block-components-text-input input[type="url"]:focus { background-color: rgb(255, 255, 255); } .has-dark-controls .wc-block-components-text-input input[type="email"], .has-dark-controls .wc-block-components-text-input input[type="tel"], .has-dark-controls .wc-block-components-text-input input[type="text"], .has-dark-controls .wc-block-components-text-input input[type="url"] { background-color: rgba(0, 0, 0, 0.1); border-color: rgba(255, 255, 255, 0.4); color: rgb(255, 255, 255); } .wc-block-components-text-input.is-active input[type="email"], .wc-block-components-text-input.is-active input[type="tel"], .wc-block-components-text-input.is-active input[type="text"], .wc-block-components-text-input.is-active input[type="url"] { padding: 1.5em 0px 0.25em 16px; } .wc-block-components-text-input.has-error input, .wc-block-components-text-input.has-error input:active, .wc-block-components-text-input.has-error input:focus, .wc-block-components-text-input.has-error input:hover { border-color: rgb(204, 24, 24); } .wc-block-components-text-input.has-error input:focus { outline: rgb(204, 24, 24) dotted 1px; outline-offset: 2px; } .wc-block-components-text-input.has-error label { color: rgb(204, 24, 24); } .wc-block-components-text-input:only-child { margin-top: 0px; } .wc-block-components-textarea { font-size: 1em; background-color: rgb(255, 255, 255); border: 1px solid rgb(141, 150, 160); border-radius: 4px; color: rgb(43, 45, 47); font-family: inherit; line-height: 1.375; margin: 0px; padding: 0.75em 16px; width: 100%; } .has-dark-controls .wc-block-components-textarea { background-color: rgba(0, 0, 0, 0.1); border-color: rgba(255, 255, 255, 0.4); color: rgb(255, 255, 255); } .has-dark-controls .wc-block-components-textarea::placeholder { color: rgba(255, 255, 255, 0.6); } .theme-twentytwentyone .has-dark-controls .wc-block-components-textarea { background-color: rgba(0, 0, 0, 0.1); color: rgb(255, 255, 255); } .theme-twentytwenty .wc-block-components-title.wc-block-components-title, .wc-block-components-title.wc-block-components-title { border: 0px; border-radius: 0px; margin: 0px; padding: 0px; vertical-align: baseline; font-size: 1.25em; } .wc-block-components-validation-error { font-size: 0.75em; color: rgb(204, 24, 24); max-width: 100%; position: absolute; top: calc(100% - 1px); white-space: normal; } .wc-block-components-validation-error > p { align-items: center; display: flex; line-height: 12px; margin: 0px; min-height: 24px; padding: 0px; } .wc-block-components-select + .wc-block-components-validation-error { margin-bottom: 24px; } .with-scroll-to-top__scroll-point { position: relative; top: -36px; } .wc-block-cart__submit { position: relative; } .wc-block-cart__submit-container { padding-bottom: 16px; } .wc-block-cart__submit-button { width: 100%; margin: 0px 0px 16px; } .wc-block-cart__submit-button:last-child { margin-bottom: 0px; } .is-medium .wc-block-cart__submit-container:not(.wc-block-cart__submit-container--sticky), .is-mobile .wc-block-cart__submit-container:not(.wc-block-cart__submit-container--sticky), .is-small .wc-block-cart__submit-container:not(.wc-block-cart__submit-container--sticky) { padding-left: 0px; padding-right: 0px; padding-top: 0px; } @media (min-width: 783px) { .wc-block-cart__submit-container--sticky { display: none; } } @media (max-width: 782px) { .wc-block-cart__submit-container--sticky { background: rgb(255, 255, 255); bottom: 0px; left: 0px; padding: 16px; position: fixed; width: 100%; z-index: 9999; } .wc-block-cart__submit-container--sticky::before { box-shadow: currentcolor 0px -10px 20px 10px; color: rgba(204, 204, 204, 0.5); content: ""; height: 100%; left: 0px; position: absolute; right: 0px; top: 0px; } } .editor-styles-wrapper .wc-block-cart__empty-cart__title, .wc-block-cart__empty-cart__title { font-size: inherit; } .wc-block-cart .wc-block-components-shipping-calculator { white-space: nowrap; } .wc-block-cart .wc-block-components-product-name { color: inherit; } .wc-block-cart .wc-block-components-address-form .wc-block-components-country-input:first-of-type, .wc-block-cart .wc-block-components-address-form .wc-block-components-state-input:first-of-type, .wc-block-cart .wc-block-components-address-form .wc-block-components-text-input:first-of-type { margin-top: 0px; } table.wc-block-cart-items, table.wc-block-cart-items td, table.wc-block-cart-items th { border: 0px; margin: 0px; background: none !important; } .editor-styles-wrapper table.wc-block-cart-items, table.wc-block-cart-items { table-layout: fixed; width: 100%; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header, table.wc-block-cart-items .wc-block-cart-items__header { font-size: 0.75em; text-transform: uppercase; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image, table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image { width: 100px; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product, table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product { visibility: hidden; min-width: 300px; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-quantity, table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-quantity { width: 116px; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total, table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total { width: 100px; text-align: right; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img { width: 100%; margin: 0px; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { border: 0px; border-radius: 0px; margin: 0px; padding: 0px; vertical-align: baseline; color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; background: transparent; box-shadow: none; display: inline; text-decoration: underline; font-size: 0.75em; text-transform: none; white-space: nowrap; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:active, .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:focus, .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:active, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:focus, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover { background: transparent; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-icon, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-icon { border: 0px; border-radius: 0px; margin: 0px; padding: 0px; vertical-align: baseline; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-transform: inherit; background: transparent; box-shadow: none; text-decoration: underline; fill: currentcolor; position: absolute; top: 16px; right: 0px; display: none; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-icon:active, .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-icon:focus, .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-icon:hover, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-icon:active, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-icon:focus, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-icon:hover { background: transparent; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total { font-size: 1em; text-align: right; line-height: 1.25; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-product-price__regular, .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-product-price__value, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-product-price__regular, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-product-price__value { display: block; } .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row.is-disabled, table.wc-block-cart-items .wc-block-cart-items__row.is-disabled { opacity: 0.5; pointer-events: none; transition: opacity 0.2s ease 0s; } .wc-block-cart--is-loading h2 span, .wc-block-cart--is-loading th span { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; min-width: 84px; display: inline-block; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .wc-block-cart--is-loading h2 span > *, .wc-block-cart--is-loading th span > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .wc-block-cart--is-loading h2 span, .wc-block-cart--is-loading th span { animation: 0s ease 0s 1 normal none running none; } } .wc-block-cart--is-loading h2 span::after, .wc-block-cart--is-loading th span::after { content: " "; } .wc-block-cart--is-loading h2 span { min-width: 33%; } .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image > *, .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__price, .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product-metadata, .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image > * > *, .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__price > *, .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product-metadata > *, .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image > *, .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__price, .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product-metadata, .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector { animation: 0s ease 0s 1 normal none running none; } } .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product-name { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; min-width: 84px; display: inline-block; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product-name > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product-name { animation: 0s ease 0s 1 normal none running none; } } .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product-name::after { content: " "; } .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product-metadata { margin-top: 0.25em; min-width: 8em; } .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__remove-icon, .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__remove-link { visibility: hidden; } .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image a { display: block; } .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total > div, .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total > span { display: none; } .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-cart-item__price { display: block; } .wc-block-cart--is-loading .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-cart-item__price::after { content: " "; } .wc-block-cart--is-loading .wc-block-cart__sidebar .components-card { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; min-height: 460px; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .wc-block-cart--is-loading .wc-block-cart__sidebar .components-card > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .wc-block-cart--is-loading .wc-block-cart__sidebar .components-card { animation: 0s ease 0s 1 normal none running none; } } .wc-block-cart--is-loading .wc-block-cart__sidebar .components-card::after { content: " "; } .wc-block-components-sidebar-layout.wc-block-cart--skeleton { display: none; } .is-loading + .wc-block-components-sidebar-layout.wc-block-cart--skeleton { display: flex; } .is-medium.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title, .is-mobile.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title, .is-small.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title { display: none; } .is-medium table.wc-block-cart-items td, .is-mobile table.wc-block-cart-items td, .is-small table.wc-block-cart-items td { padding: 0px; } .is-medium table.wc-block-cart-items .wc-block-cart-item__remove-link, .is-medium table.wc-block-cart-items .wc-block-cart-items__header, .is-mobile table.wc-block-cart-items .wc-block-cart-item__remove-link, .is-mobile table.wc-block-cart-items .wc-block-cart-items__header, .is-small table.wc-block-cart-items .wc-block-cart-item__remove-link, .is-small table.wc-block-cart-items .wc-block-cart-items__header { display: none; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row { position: relative; display: grid; grid-template-columns: 80px 132px; padding: 16px 0px; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row::after, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row::after, .is-small table.wc-block-cart-items .wc-block-cart-items__row::after { border-style: solid; border-width: 0px 0px 1px; inset: 0px; content: ""; display: block; opacity: 0.3; pointer-events: none; position: absolute; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image { grid-column-start: 1; grid-row-start: 1; padding-right: 16px; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product { grid-column: 2 / 4; grid-row-start: 1; justify-self: stretch; margin-right: 24px; padding-bottom: 16px; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity { grid-column-start: 1; grid-row-start: 2; vertical-align: bottom; padding-right: 16px; align-self: end; padding-top: 16px; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { display: none; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-icon, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-icon, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-icon { display: block; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total { grid-column: 2 / span 2; grid-row-start: 2; place-self: end; padding-bottom: 0.375em; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount { display: inline-block; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-sale-badge, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-sale-badge, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-sale-badge { display: none; } .is-large.wc-block-cart .wc-block-cart-items { position: relative; } .is-large.wc-block-cart .wc-block-cart-items::after { border-style: solid; border-width: 0px 0px 1px; inset: 0px; content: ""; display: block; opacity: 0.3; pointer-events: none; position: absolute; } .is-large.wc-block-cart .wc-block-cart-items th { padding: 0.25rem 16px 0.25rem 0px; white-space: nowrap; } .is-large.wc-block-cart .wc-block-cart-items td { position: relative; padding: 16px 16px 16px 0px; vertical-align: top; } .is-large.wc-block-cart .wc-block-cart-items td::after { border-style: solid; border-width: 1px 0px 0px; inset: 0px; content: ""; display: block; opacity: 0.3; pointer-events: none; position: absolute; } .is-large.wc-block-cart .wc-block-cart-items td:last-child, .is-large.wc-block-cart .wc-block-cart-items th:last-child { padding-right: 0px; } .is-large.wc-block-cart .wc-block-components-radio-control__option { padding-left: 24px; } .is-large.wc-block-cart .wc-block-components-radio-control__input { left: 0px; } .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-calculator, .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-rates-control__package:not(.wc-blocks-components-panel), .is-large.wc-block-cart .wc-block-components-sidebar > .wc-block-cart__totals-title { padding-left: 16px; padding-right: 16px; } .is-large.wc-block-cart .wc-block-cart__payment-options { padding: 16px; } .wp-block-woocommerce-cart.is-loading { display: none; } .wp-block-woocommerce-cart { margin-bottom: 3em; } .components-placeholder.wc-block-checkout__no-shipping-placeholder { margin-bottom: 16px; } .components-placeholder.wc-block-checkout__no-shipping-placeholder * { pointer-events: all; } .components-placeholder.wc-block-checkout__no-shipping-placeholder .components-placeholder__fieldset { display: block; } .components-placeholder.wc-block-checkout__no-shipping-placeholder .components-placeholder__fieldset .components-button { background-color: rgb(30, 30, 30); color: rgb(255, 255, 255); } .components-placeholder.wc-block-checkout__no-shipping-placeholder .components-placeholder__fieldset .wc-block-checkout__no-shipping-placeholder-description { display: block; margin: 0.25em 0px 1em; } .wc-block-checkout__add-note { position: relative; padding: 16px; } .wc-block-checkout__add-note::after { border-style: solid; border-width: 1px 0px; inset: 0px; content: ""; display: block; opacity: 0.3; pointer-events: none; position: absolute; } .wc-block-checkout__add-note .wc-block-components-textarea { margin-top: 16px; } .wc-block-checkout__form { margin: 0px; max-width: 100%; } .wc-block-checkout__create-account, .wc-block-checkout__use-address-for-billing { margin-top: 1.5em; } .wc-block-checkout__shipping-option .wc-block-components-shipping-rates-control__package:not(:first-of-type) { margin-top: 36px; } .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form, .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form, .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form, .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form, .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form, .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form { margin-left: -6px; margin-right: -6px; } .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form::after, .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form::after, .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form::after, .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form::after, .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form::after, .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form::after { content: ""; clear: both; display: block; } .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input, .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input, .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input, .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input, .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input, .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input, .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input, .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input, .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input, .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input, .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input, .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input, .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input, .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input, .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input, .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input, .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input, .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input { float: left; margin-left: 6px; margin-right: 6px; position: relative; width: calc(50% - 12px); } .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input:first-of-type, .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input:nth-of-type(2), .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:first-of-type, .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:first-of-type, .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2), .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input:first-of-type, .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input:nth-of-type(2), .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:first-of-type, .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:first-of-type, .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2), .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input:first-of-type, .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input:nth-of-type(2), .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:first-of-type, .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:first-of-type, .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2), .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input:first-of-type, .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input:nth-of-type(2), .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:first-of-type, .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:first-of-type, .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2), .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input:first-of-type, .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input:nth-of-type(2), .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:first-of-type, .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:first-of-type, .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2), .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input:first-of-type, .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input:nth-of-type(2), .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:first-of-type, .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:first-of-type, .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2) { margin-top: 0px; } .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__address_1, .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__address_2, .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__company, .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__address_1, .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__address_2, .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__company, .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__address_1, .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__address_2, .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__company, .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__address_1, .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__address_2, .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__company, .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__address_1, .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__address_2, .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-address-form__company, .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__address_1, .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__address_2, .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-address-form__company { width: calc(100% - 12px); } .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-checkbox, .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-checkbox, .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-checkbox, .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-checkbox, .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-checkbox, .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-checkbox { clear: both; } .is-large .wc-block-checkout__shipping-option .wc-block-components-radio-control__input { margin-left: -8px; } .wp-block-woocommerce-checkout .with-scroll-to-top__scroll-point { top: -96px; } .wc-block-checkout__sidebar .wc-block-components-product-name { color: inherit; padding-right: 12px; flex-grow: 1; flex-basis: 0px; } .wc-block-checkout__actions { display: flex; justify-content: space-between; align-items: center; margin: 0px 0px 48px; padding: 0px 0px 0px 36px; } .wc-block-checkout__actions .wc-block-components-checkout-place-order-button { width: 50%; padding: 1em; height: auto; margin-left: auto; } .wc-block-checkout__actions .wc-block-components-checkout-place-order-button .wc-block-components-button__text { line-height: 24px; } .wc-block-checkout__actions .wc-block-components-checkout-place-order-button .wc-block-components-button__text > svg { fill: rgb(255, 255, 255); vertical-align: top; } .wc-block-checkout--is-loading .wc-block-checkout__actions button, .wc-block-checkout--is-loading .wc-block-components-express-payment { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .wc-block-checkout--is-loading .wc-block-checkout__actions button > *, .wc-block-checkout--is-loading .wc-block-components-express-payment > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .wc-block-checkout--is-loading .wc-block-checkout__actions button, .wc-block-checkout--is-loading .wc-block-components-express-payment { animation: 0s ease 0s 1 normal none running none; } } .wc-block-checkout--is-loading .wc-block-checkout__actions button::after, .wc-block-checkout--is-loading .wc-block-components-express-payment::after { content: " "; } .wc-block-checkout--is-loading .wc-block-components-express-payment { min-height: 150px; } .wc-block-checkout--is-loading .wc-block-components-express-payment-continue-rule > span { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; width: 150px; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .wc-block-checkout--is-loading .wc-block-components-express-payment-continue-rule > span > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .wc-block-checkout--is-loading .wc-block-components-express-payment-continue-rule > span { animation: 0s ease 0s 1 normal none running none; } } .wc-block-checkout--is-loading .wc-block-components-express-payment-continue-rule > span::after { content: " "; } .wc-block-checkout--is-loading .wc-block-checkout__form .wc-block-components-checkout-step__title { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; display: block; width: 10em; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .wc-block-checkout--is-loading .wc-block-checkout__form .wc-block-components-checkout-step__title > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .wc-block-checkout--is-loading .wc-block-checkout__form .wc-block-components-checkout-step__title { animation: 0s ease 0s 1 normal none running none; } } .wc-block-checkout--is-loading .wc-block-checkout__form .wc-block-components-checkout-step__title::after { content: " "; } .wc-block-checkout--is-loading .wc-block-checkout__form .wc-block-components-checkout-step__title::before { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; border-radius: 50%; display: block; height: 100%; width: 1.5em; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } @media screen and (prefers-reduced-motion: reduce) { .wc-block-checkout--is-loading .wc-block-checkout__form .wc-block-components-checkout-step__title::before { animation: 0s ease 0s 1 normal none running none; } } .wc-block-checkout--is-loading .wc-block-checkout__form .wc-block-components-checkout-step__container::after { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } @media screen and (prefers-reduced-motion: reduce) { .wc-block-checkout--is-loading .wc-block-checkout__form .wc-block-components-checkout-step__container::after { animation: 0s ease 0s 1 normal none running none; } } .wc-block-checkout--is-loading .wc-block-checkout__form .wc-block-components-checkout-step__content > span { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; display: block; min-height: 100px; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .wc-block-checkout--is-loading .wc-block-checkout__form .wc-block-components-checkout-step__content > span > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .wc-block-checkout--is-loading .wc-block-checkout__form .wc-block-components-checkout-step__content > span { animation: 0s ease 0s 1 normal none running none; } } .wc-block-checkout--is-loading .wc-block-checkout__form .wc-block-components-checkout-step__content > span::after { content: " "; } .wc-block-checkout--is-loading .wc-block-checkout__form .wc-block-components-checkout-step::after, .wc-block-checkout--is-loading .wc-block-checkout__form .wc-block-components-checkout-step::before { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } @media screen and (prefers-reduced-motion: reduce) { .wc-block-checkout--is-loading .wc-block-checkout__form .wc-block-components-checkout-step::after, .wc-block-checkout--is-loading .wc-block-checkout__form .wc-block-components-checkout-step::before { animation: 0s ease 0s 1 normal none running none; } } .wc-block-checkout--is-loading .wc-block-checkout__sidebar .components-card { animation: 1.2s ease-in-out 0s infinite normal none running loading-fade; box-shadow: none; pointer-events: none; max-width: 100%; min-height: 460px; background-color: var(--global--color-primary,#e0e0e0) !important; color: var(--global--color-primary,#e0e0e0) !important; outline: 0px !important; border: 0px !important; } .wc-block-checkout--is-loading .wc-block-checkout__sidebar .components-card > * { visibility: hidden; } @media screen and (prefers-reduced-motion: reduce) { .wc-block-checkout--is-loading .wc-block-checkout__sidebar .components-card { animation: 0s ease 0s 1 normal none running none; } } .wc-block-checkout--is-loading .wc-block-checkout__sidebar .components-card::after { content: " "; } .wc-block-components-sidebar-layout.wc-block-checkout--skeleton { display: none; } .is-loading + .wc-block-components-sidebar-layout.wc-block-checkout--skeleton { display: flex; } .wc-block-checkout-empty, .wc-block-checkout-error { padding: 40px; text-align: center; width: 100%; } .wc-block-checkout-empty .wc-block-checkout-empty__image, .wc-block-checkout-empty .wc-block-checkout-error__image, .wc-block-checkout-error .wc-block-checkout-empty__image, .wc-block-checkout-error .wc-block-checkout-error__image { max-width: 150px; margin: 0px auto 1em; display: block; color: inherit; } .wc-block-checkout-empty .wc-block-checkout-empty__title, .wc-block-checkout-empty .wc-block-checkout-error__title, .wc-block-checkout-error .wc-block-checkout-empty__title, .wc-block-checkout-error .wc-block-checkout-error__title { display: block; margin: 0px; font-weight: 700; } .wc-block-checkout-empty .wc-block-checkout-empty__description, .wc-block-checkout-empty .wc-block-checkout-error__description, .wc-block-checkout-error .wc-block-checkout-empty__description, .wc-block-checkout-error .wc-block-checkout-error__description { display: block; margin: 0.25em 0px 1em; } .is-mobile .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button { display: none; } .is-mobile .wc-block-checkout__actions .wc-block-components-checkout-place-order-button { width: 100%; } .is-medium .wc-block-checkout__main, .is-mobile .wc-block-checkout__main, .is-small .wc-block-checkout__main { order: 1; } .is-medium .wc-block-checkout__sidebar, .is-mobile .wc-block-checkout__sidebar, .is-small .wc-block-checkout__sidebar { margin-bottom: 40px; order: 0; } .is-large .wc-block-checkout__actions { padding-right: 36px; } .wc-block-product-categories { margin-bottom: 1em; } .wc-block-product-categories.is-dropdown { display: flex; } .wc-block-product-categories select { margin-right: 0.5em; } .wc-block-product-categories-list--has-images { list-style: outside none; } .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item { margin: 4px 0px 4px 60px; list-style: outside none; clear: both; } .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item ul { margin: 4px 0px 0px; } .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image { max-width: 50px; display: inline-block; padding: 0px; margin: 0px 0.5em 0px -60px; position: relative; vertical-align: middle; border: 1px solid rgb(238, 238, 238); } .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image img { margin: 0px; padding: 0px; } .wc-block-product-categories-list-item-count::before { content: " ("; } .wc-block-product-categories-list-item-count::after { content: ")"; } .wp-block-woocommerce-product-categories.is-loading .wc-block-product-categories__placeholder { display: inline-block; height: 1em; width: 50%; min-width: 200px; background: currentcolor; opacity: 0.2; } .wc-block-product-categories__button { display: flex; align-items: center; text-decoration: none; margin: 0px; border: none; cursor: pointer; background: none; padding: 0px 0.5em; color: rgb(117, 117, 117); position: relative; overflow: hidden; border-radius: 0.25em; } .wc-block-product-categories__button svg { fill: currentcolor; outline: none; } .rtl .wc-block-product-categories__button svg { transform: rotate(180deg); } .wc-block-product-categories__button:active { color: currentcolor; } .wc-block-product-categories__button:disabled, .wc-block-product-categories__button[aria-disabled="true"] { cursor: default; opacity: 0.3; } .wc-block-product-categories__button:focus:enabled { background-color: rgb(255, 255, 255); color: rgb(30, 30, 30); box-shadow: rgb(204, 204, 204) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2px inset; outline: transparent solid 2px; outline-offset: -2px; } .wc-block-product-categories__button:not(:disabled):not([aria-disabled="true"]):hover { background-color: rgb(255, 255, 255); color: rgb(30, 30, 30); box-shadow: rgb(224, 224, 224) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2px inset, rgba(25, 30, 35, 0.2) 0px 1px 1px; } .wc-block-product-categories__button:not(:disabled):not([aria-disabled="true"]):active { outline: none; background-color: rgb(255, 255, 255); color: rgb(30, 30, 30); box-shadow: rgb(204, 204, 204) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2px inset; } .wc-block-product-categories__button:disabled:focus, .wc-block-product-categories__button[aria-disabled="true"]:focus { box-shadow: none; } .wc-block-featured-product { position: relative; background-color: rgb(30, 30, 30); background-size: cover; background-position: 50% center; width: 100%; margin: 0px 0px 1.5em; } .wc-block-featured-product, .wc-block-featured-product .wc-block-featured-product__wrapper { display: flex; place-content: center; align-items: center; flex-wrap: wrap; } .wc-block-featured-product .wc-block-featured-product__wrapper { overflow: hidden; height: 100%; } .wc-block-featured-product.has-left-content { justify-content: flex-start; } .wc-block-featured-product.has-left-content .wc-block-featured-product__description, .wc-block-featured-product.has-left-content .wc-block-featured-product__price, .wc-block-featured-product.has-left-content .wc-block-featured-product__title, .wc-block-featured-product.has-left-content .wc-block-featured-product__variation { margin-left: 0px; text-align: left; } .wc-block-featured-product.has-right-content { justify-content: flex-end; } .wc-block-featured-product.has-right-content .wc-block-featured-product__description, .wc-block-featured-product.has-right-content .wc-block-featured-product__price, .wc-block-featured-product.has-right-content .wc-block-featured-product__title, .wc-block-featured-product.has-right-content .wc-block-featured-product__variation { margin-right: 0px; text-align: right; } .wc-block-featured-product .wc-block-featured-product__description, .wc-block-featured-product .wc-block-featured-product__price, .wc-block-featured-product .wc-block-featured-product__title, .wc-block-featured-product .wc-block-featured-product__variation { color: rgb(255, 255, 255); line-height: 1.25; margin-bottom: 0px; text-align: center; } .wc-block-featured-product .wc-block-featured-product__description a, .wc-block-featured-product .wc-block-featured-product__description a:active, .wc-block-featured-product .wc-block-featured-product__description a:focus, .wc-block-featured-product .wc-block-featured-product__description a:hover, .wc-block-featured-product .wc-block-featured-product__price a, .wc-block-featured-product .wc-block-featured-product__price a:active, .wc-block-featured-product .wc-block-featured-product__price a:focus, .wc-block-featured-product .wc-block-featured-product__price a:hover, .wc-block-featured-product .wc-block-featured-product__title a, .wc-block-featured-product .wc-block-featured-product__title a:active, .wc-block-featured-product .wc-block-featured-product__title a:focus, .wc-block-featured-product .wc-block-featured-product__title a:hover, .wc-block-featured-product .wc-block-featured-product__variation a, .wc-block-featured-product .wc-block-featured-product__variation a:active, .wc-block-featured-product .wc-block-featured-product__variation a:focus, .wc-block-featured-product .wc-block-featured-product__variation a:hover { color: rgb(255, 255, 255); } .wc-block-featured-product .wc-block-featured-product__description, .wc-block-featured-product .wc-block-featured-product__link, .wc-block-featured-product .wc-block-featured-product__price, .wc-block-featured-product .wc-block-featured-product__title, .wc-block-featured-product .wc-block-featured-product__variation { width: 100%; padding: 16px 48px 0px; z-index: 1; } .wc-block-featured-product .wc-block-featured-product__title, .wc-block-featured-product .wc-block-featured-product__variation { margin-top: 0px; border: 0px; } .wc-block-featured-product .wc-block-featured-product__title::before, .wc-block-featured-product .wc-block-featured-product__variation::before { display: none; } .wc-block-featured-product .wc-block-featured-product__variation { font-style: italic; padding-top: 0px; } .wc-block-featured-product .wc-block-featured-product__description p { margin: 0px; line-height: 1.5em; } .wc-block-featured-product.has-background-dim::before { content: ""; position: absolute; inset: 0px; background-color: inherit; opacity: 0.5; z-index: 1; } .wc-block-featured-product.has-background-dim.has-background-dim-10::before { opacity: 0.1; } .wc-block-featured-product.has-background-dim.has-background-dim-20::before { opacity: 0.2; } .wc-block-featured-product.has-background-dim.has-background-dim-30::before { opacity: 0.3; } .wc-block-featured-product.has-background-dim.has-background-dim-40::before { opacity: 0.4; } .wc-block-featured-product.has-background-dim.has-background-dim-50::before { opacity: 0.5; } .wc-block-featured-product.has-background-dim.has-background-dim-60::before { opacity: 0.6; } .wc-block-featured-product.has-background-dim.has-background-dim-70::before { opacity: 0.7; } .wc-block-featured-product.has-background-dim.has-background-dim-80::before { opacity: 0.8; } .wc-block-featured-product.has-background-dim.has-background-dim-90::before { opacity: 0.9; } .wc-block-featured-product.has-background-dim.has-background-dim-100::before { opacity: 1; } .wc-block-featured-product.alignleft, .wc-block-featured-product.alignright { max-width: 290px; width: 100%; } .wc-block-featured-product::after { display: block; content: ""; font-size: 0px; min-height: inherit; } @supports ((position:-webkit-sticky) or (position:sticky)) { .wc-block-featured-product::after { content: none; } } .wc-block-featured-product.aligncenter, .wc-block-featured-product.alignleft, .wc-block-featured-product.alignright, .wc-block-product-search .wc-block-product-search__fields { display: flex; } .wc-block-product-search .wc-block-product-search__field { padding: 6px 8px; line-height: 1.8; flex-grow: 1; } .wc-block-product-search .wc-block-product-search__button { display: flex; align-items: center; text-decoration: none; margin: 0px 0px 0px 6px; border: none; cursor: pointer; background: none; padding: 0px 0.5em; color: rgb(117, 117, 117); position: relative; overflow: hidden; border-radius: 0.25em; } .wc-block-product-search .wc-block-product-search__button svg { fill: currentcolor; outline: none; } .rtl .wc-block-product-search .wc-block-product-search__button svg { transform: rotate(180deg); } .wc-block-product-search .wc-block-product-search__button:active { color: currentcolor; } .wc-block-product-search .wc-block-product-search__button:disabled, .wc-block-product-search .wc-block-product-search__button[aria-disabled="true"] { cursor: default; opacity: 0.3; } .wc-block-product-search .wc-block-product-search__button:focus:enabled { background-color: rgb(255, 255, 255); color: rgb(30, 30, 30); box-shadow: rgb(117, 117, 117) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2px inset; outline: transparent solid 2px; outline-offset: -2px; } .wc-block-product-search .wc-block-product-search__button:not(:disabled):not([aria-disabled="true"]):hover { background-color: rgb(255, 255, 255); color: rgb(30, 30, 30); box-shadow: rgb(224, 224, 224) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2px inset, rgba(25, 30, 35, 0.2) 0px 1px 1px; } .wc-block-product-search .wc-block-product-search__button:not(:disabled):not([aria-disabled="true"]):active { outline: none; background-color: rgb(255, 255, 255); color: rgb(30, 30, 30); box-shadow: rgb(30, 30, 30) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2px inset; } .wc-block-product-search .wc-block-product-search__button:disabled:focus, .wc-block-product-search .wc-block-product-search__button[aria-disabled="true"]:focus { box-shadow: none; } .wc-block-featured-category { position: relative; background-color: rgb(30, 30, 30); background-size: cover; background-position: 50% center; width: 100%; margin: 0px 0px 1.5em; display: flex; place-content: center; align-items: center; flex-wrap: wrap; } .wc-block-featured-category .wc-block-featured-category__wrapper { overflow: hidden; height: 100%; display: flex; place-content: center; align-items: center; flex-wrap: wrap; } .wc-block-featured-category.has-left-content { justify-content: flex-start; } .wc-block-featured-category.has-left-content .wc-block-featured-category__description, .wc-block-featured-category.has-left-content .wc-block-featured-category__price, .wc-block-featured-category.has-left-content .wc-block-featured-category__title { margin-left: 0px; text-align: left; } .wc-block-featured-category.has-right-content { justify-content: flex-end; } .wc-block-featured-category.has-right-content .wc-block-featured-category__description, .wc-block-featured-category.has-right-content .wc-block-featured-category__price, .wc-block-featured-category.has-right-content .wc-block-featured-category__title { margin-right: 0px; text-align: right; } .wc-block-featured-category .wc-block-featured-category__description, .wc-block-featured-category .wc-block-featured-category__price, .wc-block-featured-category .wc-block-featured-category__title { color: rgb(255, 255, 255); line-height: 1.25; margin-bottom: 0px; text-align: center; } .wc-block-featured-category .wc-block-featured-category__description a, .wc-block-featured-category .wc-block-featured-category__description a:active, .wc-block-featured-category .wc-block-featured-category__description a:focus, .wc-block-featured-category .wc-block-featured-category__description a:hover, .wc-block-featured-category .wc-block-featured-category__price a, .wc-block-featured-category .wc-block-featured-category__price a:active, .wc-block-featured-category .wc-block-featured-category__price a:focus, .wc-block-featured-category .wc-block-featured-category__price a:hover, .wc-block-featured-category .wc-block-featured-category__title a, .wc-block-featured-category .wc-block-featured-category__title a:active, .wc-block-featured-category .wc-block-featured-category__title a:focus, .wc-block-featured-category .wc-block-featured-category__title a:hover { color: rgb(255, 255, 255); } .wc-block-featured-category .wc-block-featured-category__description, .wc-block-featured-category .wc-block-featured-category__link, .wc-block-featured-category .wc-block-featured-category__price, .wc-block-featured-category .wc-block-featured-category__title { width: 100%; padding: 0px 48px 16px; z-index: 1; } .wc-block-featured-category .wc-block-featured-category__title { margin-top: 0px; } .wc-block-featured-category .wc-block-featured-category__title::before { display: none; } .wc-block-featured-category .wc-block-featured-category__description p { margin: 0px; } .wc-block-featured-category.has-background-dim::before { content: ""; position: absolute; inset: 0px; background-color: inherit; opacity: 0.5; z-index: 1; } .wc-block-featured-category.has-background-dim.has-background-dim-10::before { opacity: 0.1; } .wc-block-featured-category.has-background-dim.has-background-dim-20::before { opacity: 0.2; } .wc-block-featured-category.has-background-dim.has-background-dim-30::before { opacity: 0.3; } .wc-block-featured-category.has-background-dim.has-background-dim-40::before { opacity: 0.4; } .wc-block-featured-category.has-background-dim.has-background-dim-50::before { opacity: 0.5; } .wc-block-featured-category.has-background-dim.has-background-dim-60::before { opacity: 0.6; } .wc-block-featured-category.has-background-dim.has-background-dim-70::before { opacity: 0.7; } .wc-block-featured-category.has-background-dim.has-background-dim-80::before { opacity: 0.8; } .wc-block-featured-category.has-background-dim.has-background-dim-90::before { opacity: 0.9; } .wc-block-featured-category.has-background-dim.has-background-dim-100::before { opacity: 1; } .wc-block-featured-category.alignleft, .wc-block-featured-category.alignright { max-width: 290px; width: 100%; } .wc-block-featured-category::after { display: block; content: ""; font-size: 0px; min-height: inherit; } @supports ((position:-webkit-sticky) or (position:sticky)) { .wc-block-featured-category::after { content: none; } } .wc-block-featured-category.aligncenter, .wc-block-featured-category.alignleft, .wc-block-featured-category.alignright { display: flex; } .wc-block-attribute-filter { margin-bottom: 24px; } .wc-block-attribute-filter .wc-block-attribute-filter-list-count::before { content: " ("; } .wc-block-attribute-filter .wc-block-attribute-filter-list-count::after { content: ")"; } .wc-block-attribute-filter .wc-block-attribute-filter-list { margin: 0px; } .wc-block-attribute-filter .wc-block-attribute-filter-list li { text-decoration: underline; } .wc-block-attribute-filter .wc-block-attribute-filter-list li label { cursor: pointer; } .wc-block-attribute-filter .wc-block-attribute-filter-list li input { cursor: pointer; display: inline-block; } .wc-block-attribute-filter .wc-block-attribute-filter-list .wc-block-attribute-filter-list-count { float: right; } .wc-block-attribute-filter .is-single .wc-block-attribute-filter-list-count, .wc-block-attribute-filter .wc-block-dropdown-selector .wc-block-dropdown-selector__list .wc-block-attribute-filter-list-count { opacity: 0.6; } .wc-block-attribute-filter .wc-block-attribute-filter__button { margin-top: 8px; } @-webkit-keyframes loading-fade { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.7; } } @keyframes loading-fade { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.7; } } .wc-block-active-filters { margin-bottom: 24px; overflow: hidden; } .wc-block-active-filters .wc-block-active-filters__clear-all { font-size: 1em; float: right; border: none; padding: 0px; text-decoration: underline; cursor: pointer; } .wc-block-active-filters .wc-block-active-filters__clear-all, .wc-block-active-filters .wc-block-active-filters__clear-all:active, .wc-block-active-filters .wc-block-active-filters__clear-all:focus, .wc-block-active-filters .wc-block-active-filters__clear-all:hover { background: transparent; color: inherit; } .wc-block-active-filters .wc-block-active-filters__list { margin: 0px 0px 4px; padding: 0px; list-style: outside none; clear: both; } .wc-block-active-filters .wc-block-active-filters__list li { margin: 0px; padding: 0px; list-style: outside none; clear: both; } .wc-block-active-filters .wc-block-active-filters__list li ul { margin: 0px; padding: 0px; list-style: outside none; } .wc-block-active-filters .wc-block-active-filters__list li:first-child .wc-block-active-filters__list-item-type { margin: 0px; } .wc-block-active-filters .wc-block-active-filters__list-item-type { font-size: 0.75em; text-transform: uppercase; letter-spacing: 0.1em; margin: 16px 0px 0px; display: block; } .wc-block-active-filters .wc-block-active-filters__list-item-operator { font-weight: 400; font-style: italic; } .wc-block-active-filters .wc-block-active-filters__list-item-name { font-weight: 700; display: block; position: relative; padding: 0px 16px 0px 0px; } .wc-block-active-filters .wc-block-active-filters__list-item-remove { background: transparent; border: 0px; appearance: none; height: 0px; padding: 16px 0px 0px; width: 16px; overflow: hidden; position: absolute; right: 0px; top: 50%; margin: -8px 0px 0px; } .wc-block-active-filters .wc-block-active-filters__list-item-remove::before { width: 16px; height: 16px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%2324292d'/%3E%3Cpath fill='%23fff' d='M4.5 6.887L6.887 4.5l7.033 7.034-2.386 2.386z'/%3E%3Cpath fill='%23fff' d='M11.533 4.5l2.387 2.386-7.034 7.034L4.5 11.533z'/%3E%3C/svg%3E") 50% center no-repeat transparent; display: block; content: ""; position: absolute; top: 0px; } .wc-block-active-filters .wc-block-active-filters__list--chips li, .wc-block-active-filters .wc-block-active-filters__list--chips ul { display: inline; } .wc-block-active-filters .wc-block-active-filters__list--chips .wc-block-active-filters__list-item-type { display: none; } .wc-block-active-filters .wc-block-active-filters__list--chips .wc-block-components-chip { font-size: 0.875em; margin-top: 0.1875em; margin-bottom: 0.1875em; } ------MultipartBoundary--ed8SlwGWXIJecpRVEbmjQbU60wQ8959W1i7I3sd0qP---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://web.archive.org/web/20210224183158cs_/https://margaretzhang.com.au/wp-content/plugins/videojs-html5-video-player-for-wordpress/plugin-styles.css?ver=520ab96b92e7900ab8836b12a042c7de @charset "utf-8"; .vjs-default-skin div.vjs-big-play-button { top: 50%; left: 50%; margin: -1.3em 0px 0px -2em; } .vjs-default-skin .vjs-time-controls div, .vjs-default-skin .vjs-time-divider span { font-size: 1em; line-height: 3em; } .video-wrapper { position: relative; padding-bottom: 74.25%; height: 0px; overflow: hidden; } .video-wrapper video, .videoWrapper, .video-wrapper .video-js { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .video-wrapper .video-js, .video-wrapper img.vjs-poster { width: 100% !important; height: 100% !important; } ------MultipartBoundary--ed8SlwGWXIJecpRVEbmjQbU60wQ8959W1i7I3sd0qP---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://web.archive.org/web/20210224183158cs_/https://vjs.zencdn.net/4.5/video-js.css?ver=520ab96b92e7900ab8836b12a042c7de @charset "utf-8"; .vjs-default-skin { color: rgb(204, 204, 204); } @font-face { font-family: VideoJS; src: url("/web/20210225015107im_/https://vjs.zencdn.net/f/2/vjs.woff") format("woff"), url("/web/20210225015107im_/https://vjs.zencdn.net/f/2/vjs.ttf") format("truetype"); font-weight: 400; font-style: normal; } .vjs-default-skin .vjs-slider { outline: 0px; position: relative; cursor: pointer; padding: 0px; background-color: rgba(51, 51, 51, 0.9); } .vjs-default-skin .vjs-slider:focus { box-shadow: rgb(255, 255, 255) 0px 0px 2em; } .vjs-default-skin .vjs-slider-handle { position: absolute; left: 0px; top: 0px; } .vjs-default-skin .vjs-slider-handle::before { content: ""; font-family: VideoJS; font-size: 1em; line-height: 1; text-align: center; text-shadow: rgb(255, 255, 255) 0px 0px 1em; position: absolute; top: 0px; left: 0px; transform: rotate(-45deg); } .vjs-default-skin .vjs-control-bar { display: none; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 3em; background-color: rgba(7, 20, 30, 0.7); } .vjs-default-skin.vjs-has-started .vjs-control-bar { display: block; visibility: visible; opacity: 1; transition: visibility 0.1s ease 0s, opacity 0.1s ease 0s; } .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { display: block; visibility: hidden; opacity: 0; transition: visibility 1s ease 0s, opacity 1s ease 0s; } .vjs-default-skin.vjs-controls-disabled .vjs-control-bar { display: none; } .vjs-default-skin.vjs-using-native-controls .vjs-control-bar { display: none; } @media �screen { .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar ::before { content: ""; } } .vjs-default-skin .vjs-control { outline: 0px; position: relative; float: left; text-align: center; margin: 0px; padding: 0px; height: 3em; width: 4em; } .vjs-default-skin .vjs-control::before { font-family: VideoJS; font-size: 1.5em; line-height: 2; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px; } .vjs-default-skin .vjs-control:focus::before, .vjs-default-skin .vjs-control:hover::before { text-shadow: rgb(255, 255, 255) 0px 0px 1em; } .vjs-default-skin .vjs-control:focus { } .vjs-default-skin .vjs-control-text { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .vjs-default-skin .vjs-play-control { width: 5em; cursor: pointer; } .vjs-default-skin .vjs-play-control::before { content: ""; } .vjs-default-skin.vjs-playing .vjs-play-control::before { content: ""; } .vjs-default-skin .vjs-mute-control, .vjs-default-skin .vjs-volume-menu-button { cursor: pointer; float: right; } .vjs-default-skin .vjs-mute-control::before, .vjs-default-skin .vjs-volume-menu-button::before { content: ""; } .vjs-default-skin .vjs-mute-control.vjs-vol-0::before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-0::before { content: ""; } .vjs-default-skin .vjs-mute-control.vjs-vol-1::before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1::before { content: ""; } .vjs-default-skin .vjs-mute-control.vjs-vol-2::before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2::before { content: ""; } .vjs-default-skin .vjs-volume-control { width: 5em; float: right; } .vjs-default-skin .vjs-volume-bar { width: 5em; height: 0.6em; margin: 1.1em auto 0px; } .vjs-default-skin .vjs-volume-menu-button .vjs-menu-content { height: 2.9em; } .vjs-default-skin .vjs-volume-level { position: absolute; top: 0px; left: 0px; height: 0.5em; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC") -50% 0px repeat rgb(102, 168, 204); } .vjs-default-skin .vjs-volume-bar .vjs-volume-handle { width: 0.5em; height: 0.5em; } .vjs-default-skin .vjs-volume-handle::before { font-size: 0.9em; top: -0.2em; left: -0.2em; width: 1em; height: 1em; } .vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content { width: 6em; left: -4em; } .vjs-default-skin .vjs-progress-control { position: absolute; left: 0px; right: 0px; width: auto; font-size: 0.3em; height: 1em; top: -1em; transition: all 0.4s ease 0s; } .vjs-default-skin:hover .vjs-progress-control { font-size: 0.9em; transition: all 0.2s ease 0s; } .vjs-default-skin .vjs-progress-holder { height: 100%; } .vjs-default-skin .vjs-progress-holder .vjs-play-progress, .vjs-default-skin .vjs-progress-holder .vjs-load-progress { position: absolute; display: block; height: 100%; margin: 0px; padding: 0px; left: 0px; top: 0px; } .vjs-default-skin .vjs-play-progress { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC") -50% 0px repeat rgb(102, 168, 204); } .vjs-default-skin .vjs-load-progress { background: rgba(255, 255, 255, 0.4); } .vjs-default-skin .vjs-seek-handle { width: 1.5em; height: 100%; } .vjs-default-skin .vjs-seek-handle::before { padding-top: 0.1em; } .vjs-default-skin .vjs-time-controls { font-size: 1em; line-height: 3em; } .vjs-default-skin .vjs-current-time { float: left; } .vjs-default-skin .vjs-duration { float: left; } .vjs-default-skin .vjs-remaining-time { display: none; float: left; } .vjs-time-divider { float: left; line-height: 3em; } .vjs-default-skin .vjs-fullscreen-control { width: 3.8em; cursor: pointer; float: right; } .vjs-default-skin .vjs-fullscreen-control::before { content: ""; } .vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control::before { content: ""; } .vjs-default-skin .vjs-big-play-button { left: 0.5em; top: 0.5em; font-size: 3em; display: block; z-index: 2; position: absolute; width: 4em; height: 2.6em; text-align: center; vertical-align: middle; cursor: pointer; opacity: 1; background-color: rgba(7, 20, 30, 0.7); border: 0.1em solid rgb(59, 66, 73); border-radius: 0.8em; box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 1em; transition: all 0.4s ease 0s; } .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button { left: 50%; margin-left: -2.1em; top: 50%; margin-top: -1.4em; } .vjs-default-skin.vjs-controls-disabled .vjs-big-play-button { display: none; } .vjs-default-skin.vjs-has-started .vjs-big-play-button { display: none; } .vjs-default-skin.vjs-using-native-controls .vjs-big-play-button { display: none; } .vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus { outline: 0px; border-color: rgb(255, 255, 255); background-color: rgba(50, 50, 50, 0.75); box-shadow: rgb(255, 255, 255) 0px 0px 3em; transition: all 0s ease 0s; } .vjs-default-skin .vjs-big-play-button::before { content: ""; font-family: VideoJS; line-height: 2.6em; text-shadow: rgb(0, 0, 0) 0.05em 0.05em 0.1em; text-align: center; position: absolute; left: 0px; width: 100%; height: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; font-size: 4em; line-height: 1; width: 1em; height: 1em; margin-left: -0.5em; margin-top: -0.5em; opacity: 0.75; animation: 1.5s linear 0s infinite normal none running spin; } .vjs-default-skin .vjs-loading-spinner::before { content: ""; font-family: VideoJS; position: absolute; top: 0px; left: 0px; width: 1em; height: 1em; text-align: center; text-shadow: rgb(0, 0, 0) 0px 0px 0.1em; } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .vjs-default-skin .vjs-menu-button { float: right; cursor: pointer; } .vjs-default-skin .vjs-menu { display: none; position: absolute; bottom: 0px; left: 0px; width: 0px; height: 0px; margin-bottom: 3em; border-left: 2em solid transparent; border-right: 2em solid transparent; border-top: 1.55em solid rgba(7, 40, 50, 0.5); } .vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content { display: block; padding: 0px; margin: 0px; position: absolute; width: 10em; bottom: 1.5em; max-height: 15em; overflow: auto; left: -5em; background-color: rgba(7, 20, 30, 0.7); box-shadow: rgba(255, 255, 255, 0.2) -0.2em -0.2em 0.3em; } .vjs-default-skin .vjs-menu-button:hover .vjs-menu { display: block; } .vjs-default-skin .vjs-menu-button ul li { list-style: none; margin: 0px; padding: 0.3em 0px; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-default-skin .vjs-menu-button ul li.vjs-selected { background-color: rgb(0, 0, 0); } .vjs-default-skin .vjs-menu-button ul li:focus, .vjs-default-skin .vjs-menu-button ul li:hover, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover { outline: 0px; color: rgb(17, 17, 17); background-color: rgba(255, 255, 255, 0.75); box-shadow: rgb(255, 255, 255) 0px 0px 1em; } .vjs-default-skin .vjs-menu-button ul li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0px; margin: 0px 0px 0.3em; font-weight: 700; cursor: default; } .vjs-default-skin .vjs-subtitles-button::before { content: ""; } .vjs-default-skin .vjs-captions-button::before { content: ""; } .vjs-default-skin .vjs-captions-button:focus .vjs-control-content::before, .vjs-default-skin .vjs-captions-button:hover .vjs-control-content::before { box-shadow: rgb(255, 255, 255) 0px 0px 1em; } .video-js { background-color: rgb(0, 0, 0); position: relative; padding: 0px; font-size: 10px; vertical-align: middle; font-weight: 400; font-style: normal; font-family: Arial, sans-serif; user-select: none; } .video-js .vjs-tech { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } body.vjs-full-window { padding: 0px; margin: 0px; height: 100%; overflow-y: auto; } .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; inset: 0px; width: 100% !important; height: 100% !important; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-poster { background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; cursor: pointer; height: 100%; margin: 0px; padding: 0px; position: relative; width: 100%; } .vjs-poster img { display: block; margin: 0px auto; max-height: 100%; padding: 0px; width: 100%; } .video-js.vjs-using-native-controls .vjs-poster { display: none; } .video-js .vjs-text-track-display { text-align: center; position: absolute; bottom: 4em; left: 1em; right: 1em; } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { display: none; font-size: 1.4em; text-align: center; margin-bottom: 0.1em; background-color: rgba(0, 0, 0, 0.5); } .video-js .vjs-subtitles { color: rgb(255, 255, 255); } .video-js .vjs-captions { color: rgb(255, 204, 102); } .vjs-tt-cue { display: block; } .vjs-default-skin .vjs-hidden { display: none; } .vjs-lock-showing { opacity: 1; visibility: visible; display: block !important; } ------MultipartBoundary--ed8SlwGWXIJecpRVEbmjQbU60wQ8959W1i7I3sd0qP---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://web.archive.org/web/20210224183158cs_/https://margaretzhang.com.au/wp-content/themes/margaretzhang/css/style.css?ver=2.0.0 @charset "utf-8"; @-webkit-keyframes from-top { 0% { transform: translateY(-100%); } 100% { transform: translateY(0px); } } @keyframes from-top { 0% { transform: translateY(-100%); } 100% { transform: translateY(0px); } } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0px; } [hidden], template { display: none; } html { font-family: sans-serif; text-size-adjust: 100%; } body { margin: 0px; } a { background: transparent; } a:focus { outline: dotted thin; } a:active, a:hover { outline: 0px; } h1 { font-size: 2em; margin: 0.67em 0px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { box-sizing: content-box; height: 0px; } mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "“" "”" "‘" "’"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0px; } svg:not(:root) { overflow: hidden; } figure { margin: 0px; } fieldset { border: 1px solid rgb(192, 192, 192); margin: 0px 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0px; padding: 0px; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0px; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } input[type="search"] { appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0px; } @font-face { font-family: "Adobe Garamond W08_i4"; src: ; } @font-face { font-family: "Adobe Garamond W08"; src: url("/web/20210224183349im_/https://margaretzhang.com.au/wp-content/themes/margaretzhang/css/fonts/6d0c45bd-b627-4868-942a-91b2f83580f2.woff") format("woff"), url("/web/20210224183349im_/https://margaretzhang.com.au/wp-content/themes/margaretzhang/css/fonts/6334af5a-f301-4a6a-bbe1-2f3f58d3a799.ttf") format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: "Adobe Garamond W08_n4"; src: ; } @font-face { font-family: "Adobe Garamond W08"; src: url("/web/20210224183349im_/https://margaretzhang.com.au/wp-content/themes/margaretzhang/css/fonts/b263ec73-3337-45b9-9e86-933d27164f2c.woff") format("woff"), url("/web/20210224183349im_/https://margaretzhang.com.au/wp-content/themes/margaretzhang/css/fonts/9675cf06-4f76-47fb-97df-9b255507e865.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Linotype Didot W01_n4"; src: ; } @font-face { font-family: "Linotype Didot W01"; src: url("/web/20210224183349im_/https://margaretzhang.com.au/wp-content/themes/margaretzhang/css/fonts/8cf278e2-5b07-4c21-97da-4762c9ea76c1.woff") format("woff"), url("/web/20210224183349im_/https://margaretzhang.com.au/wp-content/themes/margaretzhang/css/fonts/488ffbea-dc53-43b4-a9e2-d5bff132a85d.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Sackers Gothic W01_n5"; src: ; } @font-face { font-family: "Sackers Gothic W01"; src: url("/web/20210224183349im_/https://margaretzhang.com.au/wp-content/themes/margaretzhang/css/fonts/e166de1f-75a3-44b0-b88e-a037e19243d2.woff") format("woff"), url("/web/20210224183349im_/https://margaretzhang.com.au/wp-content/themes/margaretzhang/css/fonts/2d9efcdc-b053-4bc8-bef4-80630d67027e.ttf") format("truetype"); font-weight: 500; font-style: normal; } .arial { font-family: Arial, Helvetica, sans-serif; } .didot { font-family: "Linotype Didot W01"; font-weight: 400; font-style: normal; } .sackers { font-family: "Sackers Gothic W01"; font-weight: 500; font-style: normal; text-transform: uppercase; letter-spacing: 1px; } .garamond { font-family: "Adobe Garamond W08"; font-weight: 400; font-style: normal; } .garamond-italic { font-family: "Adobe Garamond W08"; font-weight: 400; font-style: italic; } @font-face { font-family: icons; src: url("/web/20210224183349im_/https://margaretzhang.com.au/wp-content/themes/margaretzhang/css/fonts/icons.ttf?9gnyqb") format("truetype"), url("/web/20210224183349im_/https://margaretzhang.com.au/wp-content/themes/margaretzhang/css/fonts/icons.woff?9gnyqb") format("woff"); font-weight: normal; font-style: normal; } [class^="icon-"], .mobile-sidebar-btn::before, .mobile-navigation-btn::before, .facebook-btn::before, .twitter-btn::before, .tumblr-btn::before, .instagram-btn::before, .pinterest-btn::before, .google-plus-btn::before, .youtube-btn::before, .location-btn::before, .search-btn::before, .instagram-item-btn .comments::before, .instagram-item-btn .likes::before, .scroller .scroller-navigation .prev-btn::before, .scroller .scroller-navigation .next-btn::before, .social-links li .shares::before, .share-links li .shares::before, .owl-nav .owl-next::before, .owl-nav .owl-prev::before, [class*=" icon-"] { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: icons !important; } .icon-pin::before, .location-btn::before { content: ""; } .icon-facebook::before, .facebook-btn::before { content: "-"; } .icon-youtube::before, .youtube-btn::before { content: ""; } .icon-tumblr::before, .tumblr-btn::before { content: ""; } .icon-twitter::before, .twitter-btn::before { content: ""; } .icon-instagram::before, .instagram-btn::before { content: ""; } .icon-search::before, .search-btn::before { content: ""; } .icon-menu::before, .mobile-sidebar-btn::before, .mobile-navigation-btn::before { content: ""; } .icon-arrow-left::before { content: ""; } .icon-arrow-right::before { content: ""; } .icon-arrow-up::before { content: ""; } .icon-arrow-down::before { content: ""; } .icon-heart::before, .instagram-item-btn .likes::before, .social-links li .shares::before, .share-links li .shares::before { content: ""; } .icon-google-plus::before, .google-plus-btn::before { content: ""; } .icon-pinterest::before, .pinterest-btn::before { content: ""; } .icon-envelope::before { content: ""; } .icon-arrow-next::before, .scroller .scroller-navigation .next-btn::before, .owl-nav .owl-next::before { content: ""; } .icon-arrow-prev::before, .scroller .scroller-navigation .prev-btn::before, .owl-nav .owl-prev::before { content: ""; } .icon-comment::before, .instagram-item-btn .comments::before { content: ""; } a { text-decoration: none; color: rgb(0, 0, 0); cursor: pointer; transition: all 0.3s ease 0s; } a:hover { color: rgb(153, 153, 153); } h1, h2, h3, h4, h5, h6, p { margin: 0px; font-weight: normal; } h1 { font-size: 5rem; line-height: 0.9; } h2 { font-size: 4rem; line-height: 0.9; } h3 { font-size: 3.6rem; line-height: 1; } h4 { font-size: 2.4rem; line-height: 1; } h5 { font-size: 2rem; line-height: 1; } h6 { font-size: 1.4rem; line-height: 1; } p { margin: 0px; } .huge { font-size: 150%; } .big { font-size: 130%; } p.small { font-size: 90%; } p.small { margin: 0.4em 0px; } .tiny { font-size: 70%; } p.tiny { margin: 5px 0px; } .bold, strong, b { font-weight: bold; } .normal { font-weight: normal; } .italic { font-style: italic; } .align-left, .text-left { text-align: left; } .align-right, .text-right { text-align: right; } .align-center, .text-center { text-align: center; } .align-middle, .text-middle { vertical-align: middle; } .normal-style { font-style: normal; } .underline { text-decoration: underline; } .uppercase { text-transform: uppercase; } .normalcase { text-transform: none; } .black { color: rgb(0, 0, 0); } .white { color: rgb(255, 255, 255); } a.white:hover { color: rgb(255, 187, 187); } .grey { color: rgb(168, 168, 168); } a.grey:hover { color: rgb(135, 135, 135); } .dark-grey { color: rgb(51, 51, 51); } a.dark-grey:hover { color: rgb(20, 20, 20); } .light-grey { color: rgb(204, 204, 204); } a.light-grey:hover { color: rgb(168, 168, 168); } .orange { color: rgb(211, 92, 42); } a.orange:hover { color: rgb(172, 75, 34); } .pink { color: rgb(237, 19, 117); } .blue { color: rgb(0, 142, 206); } a.blue:hover { color: rgb(0, 88, 127); } .dark-blue { color: rgb(0, 87, 166); } .teal { color: rgb(19, 168, 158); } .red { color: rgb(170, 38, 47); } a.red:hover { color: rgb(90, 20, 25); } .green { color: rgb(194, 237, 0); } a.green:hover { color: rgb(201, 244, 0); } .purple { color: rgb(156, 0, 89); } a.purple:hover { color: rgb(0, 0, 0); } .error { color: rgb(126, 6, 6); } .brown { color: rgb(125, 86, 59); } a.brown:hover { color: rgb(92, 63, 43); } .light-brown { color: rgb(192, 147, 103); } a.light-brown:hover { color: rgb(151, 116, 81); } img { max-width: 100%; height: auto; } .ir { border: 0px; font: 0px / 0 a; text-shadow: none; color: transparent; background-color: transparent; } .hide { display: none; } @media only screen and (max-width: 800px) { .hide-on-tablet { display: none !important; } } @media only screen and (max-width: 400px) { .hide-on-mobile { display: none !important; } } .show, .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .no-margin { margin: 0px; } .no-padding { padding: 0px; } .no-border { border: none; } .absolute { position: absolute; } .relative { position: relative; } .fixed { position: fixed; } .valign-middle { vertical-align: middle; } .valign-center { position: absolute; top: 50%; transform: translateY(-50%); } .row > .container > .inner { margin: 0px -10px; } @media only screen and (max-width: 800px) { .row > .container > .inner { margin: 0px; } } .clear::after, .clearfix::after, .scroller .scroller-pagination::after, .social-links::after, .share-links::after, .social-items::after, .primary-navigation .menu::after, .header-navigation .menu::after, .footer-navigation .menu::after, .panel-navigation .menu::after, .post-meta::after, .post-item .post-header::after, .post-navigation::after, .woocommerce-message::after, .woocommerce-error::after, .woocommerce-info::after, .woocommerce-pagination .page-numbers::after, .woocommerce-filters::after, .products::after, .woocommerce-tabs::after, .related-products::after, .related-products .products > .inner::after, .col2-set::after, .col3-set::after, .cart-options::after, .variations_form::after, .form-row::after, .checkout-progress::after, .mini-cart .footer .total::after, .product-list .product::after, .product-list .product .variation::after, .featured-products .product::after, #front-page > .inner::after, #category > .inner::after, #single .post-top::after, #single .post-images::after, #single .post-images > .inner::after, #single-product > .product::after, .container::after { content: ""; display: table; clear: both; } .container { box-sizing: border-box; width: 80%; max-width: 1300px; margin-left: auto; margin-right: auto; position: relative; } @media only screen and (max-width: 800px) { .container { width: auto; } } .span { min-height: 2px; padding-left: 10px; padding-right: 10px; float: left; display: block; position: relative; box-sizing: border-box; z-index: 100; } .span.alpha { padding-left: 0px; } .span.omega { padding-right: 0px; } .span.one { width: 10%; } .push-one { margin-left: 10%; } .pull-one { margin-left: -10%; } .span.one-sixth { width: 16.6667%; } .push-one-sixth { margin-left: 16.6667%; } .pull-one-sixth { margin-left: -16.6667%; } .span.two { width: 20%; } .push-two { margin-left: 20%; } .pull-two { margin-left: -20%; } .span.one-fifth { width: 20%; } .push-one-fifth { margin-left: 20%; } .pull-one-fifth { margin-left: -20%; } .span.two-and-half { width: 25%; } .push-two-and-half { margin-left: 25%; } .pull-two-and-half { margin-left: -25%; } .span.one-fourth { width: 25%; } .push-one-fourth { margin-left: 25%; } .pull-one-fourth { margin-left: -25%; } .span.quarter { width: 25%; } .push-quarter { margin-left: 25%; } .pull-quarter { margin-left: -25%; } .span.three { width: 30%; } .push-three { margin-left: 30%; } .pull-three { margin-left: -30%; } .span.three-three { width: 33.3333%; } .push-three-three { margin-left: 33.3333%; } .pull-three-three { margin-left: -33.3333%; } .span.third { width: 33.3333%; } .push-third { margin-left: 33.3333%; } .pull-third { margin-left: -33.3333%; } .span.one-third { width: 33.3333%; } .push-one-third { margin-left: 33.3333%; } .pull-one-third { margin-left: -33.3333%; } .span.four { width: 40%; } .push-four { margin-left: 40%; } .pull-four { margin-left: -40%; } .span.five { width: 50%; } .push-five { margin-left: 50%; } .pull-five { margin-left: -50%; } .span.six { width: 60%; } .push-six { margin-left: 60%; } .pull-six { margin-left: -60%; } .span.two-thirds { width: 66.6667%; } .push-two-thirds { margin-left: 66.6667%; } .pull-two-thirds { margin-left: -66.6667%; } .span.seven { width: 70%; } .push-seven { margin-left: 70%; } .pull-seven { margin-left: -70%; } .span.seven-and-half { width: 75%; } .push-seven-and-half { margin-left: 75%; } .pull-seven-and-half { margin-left: -75%; } .span.eight { width: 80%; } .push-eight { margin-left: 80%; } .pull-eight { margin-left: -80%; } .span.nine { width: 90%; } .push-nine { margin-left: 90%; } .pull-nine { margin-left: -90%; } .span.ten { width: 100%; } .push-ten { margin-left: 100%; } .pull-ten { margin-left: -100%; } @media only screen and (max-width: 800px) { .break-on-tablet { margin-left: 0px; margin-right: 0px; width: 100% !important; } } @media only screen and (max-width: 400px) { .break-on-mobile { margin-left: 0px; margin-right: 0px; width: 100% !important; } } .left, .alignleft { float: left; } .right, .alignright { float: right; } .clear-left { clear: left; } .clear-right { clear: right; } .aligncenter, .center { display: block; margin-left: auto; margin-right: auto; float: none; } .full-height { height: 100%; } input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="password"], textarea, select { box-sizing: border-box; color: rgb(0, 0, 0); border: none; font-family: Arial, Helvetica, sans-serif; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="password"]:focus, textarea:focus, select:focus { outline: none; } input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="password"], textarea { border-radius: 0px; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(0, 0, 0); padding: 1em; max-width: 100%; font-size: 0.8rem; } textarea { font-family: sans-serif; font-size: 1.2rem; } select { border-radius: 0px; appearance: none; display: inline-block; border: 1px solid rgb(0, 0, 0); padding: 1em; font-size: 0.8rem; background: rgb(255, 255, 255); position: relative; } @media screen and (-webkit-min-device-pixel-ratio: 0) { select { padding-right: 40px; background: url("/web/20210224183349im_/https://margaretzhang.com.au/wp-content/themes/margaretzhang/images/misc/dropdown.png") right center no-repeat rgb(255, 255, 255); } } select option { text-transform: none; font-family: sans-serif; padding: 0.5em; } textarea { height: 200px; } input[type="submit"], input[type="reset"], button[type="submit"] { color: rgb(255, 255, 255); cursor: pointer; display: inline-block; background: rgb(0, 0, 0); padding: 0.4em 1.5em; text-shadow: none; text-transform: uppercase; font-size: 1.4rem; border: none; line-height: 1.3; transition: all 0.3s ease 0s; } input[type="submit"]:hover, input[type="reset"]:hover, button[type="submit"]:hover { color: rgb(255, 255, 255); background: rgb(207, 207, 207); } input[type="submit"]:focus, input[type="reset"]:focus, button[type="submit"]:focus { outline: none; } label { margin: 0px 0px 0.3em; } fieldset { border: none; padding: 0px; } .validation_error { display: none; } .gform_description { font-size: 0.9em; } .gform_fields { list-style: none; padding: 0px; } .gfield.hide-label label { display: none !important; } .gfield.gf_left_half, .gfield.gf_right_half, .gfield.gfield_error.gf_left_half, .gfield.gfield_error.gf_right_half { width: 49% !important; } .gfield.gf_left_half input, .gfield.gf_left_half textarea, .gfield.gf_left_half select, .gfield.gf_right_half input, .gfield.gf_right_half textarea, .gfield.gf_right_half select, .gfield.gfield_error.gf_left_half input, .gfield.gfield_error.gf_left_half textarea, .gfield.gfield_error.gf_left_half select, .gfield.gfield_error.gf_right_half input, .gfield.gfield_error.gf_right_half textarea, .gfield.gfield_error.gf_right_half select { width: 100% !important; } .gfield.gf_left_half .ginput_complex > span, .gfield.gf_right_half .ginput_complex > span, .gfield.gfield_error.gf_left_half .ginput_complex > span, .gfield.gfield_error.gf_right_half .ginput_complex > span { width: 49%; display: inline-block; } .gfield.gf_left_half { margin-right: 2% !important; } .gfield.gf_right_half { width: 49% !important; } .gfield label { margin: 0.8em 0px 0.3em; } .gfield input, .gfield select { font-size: 1.2rem; } .gfield input.small, .gfield select.small { width: 25%; } .gfield input.medium, .gfield select.medium { width: 50%; } .gfield input.large, .gfield select.large { width: 100%; } .gfield textarea { font-size: 1.2rem; width: 100%; } .gfield_description { font-size: 0.7em; font-family: "Adobe Garamond W08"; font-weight: 400; font-style: italic; } .validation_message { color: rgb(197, 0, 0); } .gfield_label { display: inline-block; } .gform_footer { text-align: right; } .gform_button { font-family: "Sackers Gothic W01"; font-weight: 500; font-style: normal; text-transform: uppercase; letter-spacing: 1px; font-size: 10px !important; padding: 0.8em 2em !important; } .gform_validation_container { left: -9000px; display: none !important; position: absolute !important; } .newsletter_wrapper { margin: 0px !important; } .newsletter_wrapper .newsletter { position: relative; } .newsletter_wrapper .newsletter .validation_error { display: none; } .newsletter_wrapper .newsletter .gform_body ul.right_label li, .newsletter_wrapper .newsletter .gform_body ul.left_label li, .newsletter_wrapper .newsletter .gform_body ul.top_label li { margin: 0px; } .newsletter_wrapper .newsletter .gform_body ul .gfield .ginput_container input[type="text"], .newsletter_wrapper .newsletter .gform_body ul .gfield .ginput_container input[type="email"], .newsletter_wrapper .newsletter .gform_body ul .gfield .ginput_container input[type="url"], .newsletter_wrapper .newsletter .gform_body ul .gfield .ginput_container input[type="tel"], .newsletter_wrapper .newsletter .gform_body ul .gfield .ginput_container input[type="number"], .newsletter_wrapper .newsletter .gform_body ul .gfield .ginput_container input[type="password"], .newsletter_wrapper .newsletter .gform_body ul .gfield .ginput_container textarea { background: rgb(248, 248, 248); border: none; width: 100%; } .newsletter_wrapper .newsletter .gform_footer.top_label, .newsletter_wrapper .newsletter .gform_footer.left_label, .newsletter_wrapper .newsletter .gform_footer.right_label { padding: 0px; margin: 0px; position: absolute; bottom: 0px; right: 0px; width: auto; } .newsletter_wrapper .newsletter .gform_footer.top_label .button:hover, .newsletter_wrapper .newsletter .gform_footer.left_label .button:hover, .newsletter_wrapper .newsletter .gform_footer.right_label .button:hover { background: rgb(219, 219, 219); } .newsletter_wrapper .newsletter .gform_footer.top_label .gfield_description.validation_message, .newsletter_wrapper .newsletter .gform_footer.left_label .gfield_description.validation_message, .newsletter_wrapper .newsletter .gform_footer.right_label .gfield_description.validation_message { margin-left: 0px; } button { background: rgb(255, 255, 255); border: 0px; padding: 0.3em 0.8em; font-family: Arial, Helvetica, sans-serif; border-radius: 0px; transition: all 0.3s ease 0s; } button:hover { background: rgb(235, 235, 235); } button:active, button:focus { outline: none; } .white-btn, .coupon-form .button, .checkout_coupon .button, .shipping-calculator-form .button { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 1rem; box-shadow: none; border: 1px solid rgb(0, 0, 0); text-transform: uppercase; background: rgb(255, 255, 255); color: rgb(0, 0, 0); letter-spacing: 2px; padding: 1em 2em; } .white-btn:hover, .coupon-form .button:hover, .checkout_coupon .button:hover, .shipping-calculator-form .button:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); } .black-btn, .woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button, .single-product .summary .cart button, .shipping_calculator .button, .form-row .button, .place-order .button, .login .button, .checkout-button { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 1rem; box-shadow: none; text-transform: uppercase; letter-spacing: 2px; background: rgb(0, 0, 0); padding: 1em 3em; color: rgb(255, 255, 255); } .black-btn:hover, .woocommerce-message .button:hover, .woocommerce-error .button:hover, .woocommerce-info .button:hover, .single-product .summary .cart button:hover, .shipping_calculator .button:hover, .form-row .button:hover, .place-order .button:hover, .login .button:hover, .checkout-button:hover { color: rgb(255, 255, 255); background: rgb(102, 102, 102); } .mobile-sidebar-btn, .mobile-navigation-btn { display: none; text-transform: uppercase; font-size: 1.3rem; padding: 0.6em; } .mobile-sidebar-btn::before, .mobile-navigation-btn::before { line-height: 1; font-size: 1.6rem; vertical-align: middle; } .facebook-btn, .twitter-btn, .tumblr-btn, .instagram-btn, .pinterest-btn, .google-plus-btn, .youtube-btn, .location-btn { color: rgb(76, 71, 68); font-size: 1.1rem; line-height: 1; } .facebook-btn:hover, .twitter-btn:hover, .tumblr-btn:hover, .instagram-btn:hover, .pinterest-btn:hover, .google-plus-btn:hover, .youtube-btn:hover, .location-btn:hover { text-decoration: none; } .facebook-btn::before, .twitter-btn::before, .tumblr-btn::before, .instagram-btn::before, .pinterest-btn::before, .google-plus-btn::before, .youtube-btn::before, .location-btn::before { text-align: center; width: 1em; height: 1em; transition: all 0.3s ease 0s; font-size: 1.3em; vertical-align: middle; display: inline-block; } .facebook-btn:hover::before { color: rgb(59, 89, 152); } .twitter-btn:hover::before { color: rgb(26, 178, 232); } .tumblr-btn:hover::before { color: rgb(42, 69, 96); } .instagram-btn:hover::before { color: rgb(214, 195, 180); } .pinterest-btn:hover::before { color: rgb(204, 33, 39); } .google-plus-btn:hover::before { color: rgb(218, 39, 19); } .youtube-btn:hover::before { color: rgb(218, 39, 19); } .search-btn { background: none; padding: 10px; line-height: 1; } .search-btn::before { font-size: 0.8em; } .close-btn { display: inline-block; width: 1em; height: 1em; position: relative; box-sizing: content-box; padding: 0.5em; } .close-btn::before, .close-btn::after { width: 12px; height: 2px; content: ""; display: inline-block; position: absolute; background: rgb(0, 0, 0); left: 50%; margin-left: -6px; } .close-btn::before { transform: rotate(45deg); } .close-btn::after { transform: rotate(-45deg); } .overlay-btn, .post-btn, .instagram-item-btn { position: relative; display: block; } .overlay-btn::after, .post-btn::after, .instagram-item-btn::after { transition: all 0.3s ease 0s; content: ""; opacity: 0; position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.3); } .no-opacity .overlay-btn::after, .no-opacity .post-btn::after, .no-opacity .instagram-item-btn::after { display: none; } .overlay-btn .overlay, .post-btn .overlay, .instagram-item-btn .overlay { display: block; visibility: hidden; opacity: 0; } .overlay-btn:hover::after, .post-btn:hover::after, .instagram-item-btn:hover::after { opacity: 1; } .no-opacity .overlay-btn:hover::after, .no-opacity .post-btn:hover::after, .no-opacity .instagram-item-btn:hover::after { display: block; } .overlay-btn:hover .overlay, .post-btn:hover .overlay, .instagram-item-btn:hover .overlay { opacity: 1; visibility: visible; } .overlay-btn > img, .post-btn > img, .instagram-item-btn > img { display: block; } @media print { .print-btn { display: none; } } .post-btn .meta { color: rgb(255, 255, 255); position: absolute; top: 50%; left: 0px; right: 0px; text-align: center; transform: translateY(-50%); } .post-btn .meta .category span { border-bottom-color: rgb(255, 255, 255); } .instagram-item-btn .meta { color: rgb(255, 255, 255); position: absolute; bottom: 0px; left: 0px; right: 0px; text-align: right; } .instagram-item-btn .icon { position: absolute; left: 0.5em; font-size: 1.4rem; top: 0.6em; } .instagram-item-btn .comments, .instagram-item-btn .likes { font-size: 1rem; font-family: Arial, Helvetica, sans-serif; margin: 0px 0.5em; display: inline-block !important; } .instagram-item-btn .comments::before, .instagram-item-btn .likes::before { margin: 0px 0.2em; vertical-align: middle; } .instagram-item-btn .likes { cursor: default; } .panel-btn { padding: 10px; display: inline-block; position: relative; } .panel-btn span { display: block; background: rgb(0, 0, 0); height: 2px; width: 9px; margin: 5px 0px; position: relative; transition: all 0.5s ease 0s; } .panel-open .panel-btn span { background: transparent; } .panel-open .panel-btn span::before { top: auto; transform: rotate(135deg); left: -3px; right: -3px; } .panel-open .panel-btn span::after { bottom: auto; transform: rotate(-135deg); left: -3px; right: -3px; } .panel-btn span::before, .panel-btn span::after { content: ""; position: absolute; background: rgb(0, 0, 0); height: 2px; left: 0px; right: 0px; display: block; transition: all 0.5s ease 0s; } .panel-btn span::before { top: -5px; } .panel-btn span::after { bottom: -5px; } .read-more-btn { font-family: Arial, Helvetica, sans-serif; padding-bottom: 0.3em; letter-spacing: 1px; border-bottom: 1px solid; display: inline-block; } .post-play-btn { position: relative; display: block; } .post-play-btn:hover::before { opacity: 0; } .post-play-btn::before { content: "▶"; position: absolute; inset: 0px; height: 100%; line-height: 100%; font-size: 1.6em; box-sizing: border-box; padding: 26% 0px; z-index: 200; text-align: center; display: block; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.3); opacity: 1; transition: all 0.3s ease 0s; } .dropshadow { box-shadow: rgb(102, 102, 102) 3px 3px 4px; } .text-shadow { text-shadow: white 0px 2px 2px; } hr { background-color: rgb(158, 158, 158); border: 0px; height: 1px; margin: 1em 0px; width: 20%; } hr.thick { height: 4px; } .border { border: 1px solid rgb(236, 236, 236); } .border-bottom { border-bottom: 1px solid rgb(236, 236, 236); } .border-top { border-top: 1px solid rgb(236, 236, 236); } .border-left { border-left: 1px solid rgb(236, 236, 236); } .border-right { border-right: 1px solid rgb(236, 236, 236); } .thick-border-top { border-top: 2px solid rgb(255, 255, 255); } .thick-border-bottom { border-bottom: 2px solid rgb(255, 255, 255); } .scroller { position: relative; min-height: 100px; } .scroller .scroller-mask { position: relative; overflow: hidden; height: 100%; } .scroller .scroller-mask .scroll-items-container { width: 20000px; left: 0px; height: 100%; position: relative; margin-left: 0px; } .scroller .scroller-mask .scroll-items-container .scroll-item { padding-bottom: 0px; width: 300px; position: relative; float: left; left: auto; top: auto; display: block; } .scroller .scroller-mask .scroll-item { position: relative; top: 0px; left: 0px; width: 100%; display: none; } .scroller .scroller-mask .scroll-item.current { display: block; } .scroller .scroller-mask .scroll-item.current .description { opacity: 1; visibility: visible; } .scroller .scroller-mask .scroll-item .description { transition: opacity 1s ease-in-out 0s; opacity: 0; visibility: hidden; } .scroller .scroller-pagination { list-style: none; padding: 0px; margin: 0px; position: absolute; bottom: 0px; width: 100%; left: 0px; } .scroller .scroller-pagination li { float: left; list-style: none; } .scroller .scroller-pagination li a { display: block; } .scroller .scroller-pagination li.current a, .scroller .scroller-pagination li a:hover { background-position: left bottom; } .scroller .scroller-navigation { position: absolute; top: 50%; height: 0px; z-index: 200; width: 100%; } @media only screen and (max-width: 800px) { .scroller .scroller-navigation { font-size: 0.8em; } } .scroller .scroller-navigation .prev-btn, .scroller .scroller-navigation .next-btn { width: 3em; height: 3em; position: absolute; top: 0px; display: inline-block; background: none; color: rgb(88, 88, 88); margin-top: -1.5em; } .scroller .scroller-navigation .prev-btn:hover, .scroller .scroller-navigation .prev-btn.hover, .scroller .scroller-navigation .next-btn:hover, .scroller .scroller-navigation .next-btn.hover { background: rgb(0, 0, 0); } .scroller .scroller-navigation .prev-btn:hover::before, .scroller .scroller-navigation .prev-btn.hover::before, .scroller .scroller-navigation .next-btn:hover::before, .scroller .scroller-navigation .next-btn.hover::before { color: rgb(255, 255, 255); } .scroller .scroller-navigation .prev-btn::before, .scroller .scroller-navigation .next-btn::before { transition: all 0.3s ease 0s; font-size: 1.3em; position: absolute; top: 50%; left: 50%; margin-left: -0.4em; margin-top: -0.5em; } .scroller .scroller-navigation .prev-btn.large, .scroller .scroller-navigation .next-btn.large { height: 30em; margin-top: -15em; } @media only screen and (max-width: 700px) { .scroller .scroller-navigation .prev-btn.large, .scroller .scroller-navigation .next-btn.large { height: 3em; margin-top: -1.5em; } } .scroller .scroller-navigation .prev-btn { left: 0px; } .scroller .scroller-navigation .next-btn { right: 0px; } .overlay { width: 100%; height: 100%; position: absolute; z-index: 100; top: 0px; left: 0px; display: none; } .lightbox { left: 50%; margin-left: -550px; padding: 0px; position: absolute; top: 50px; width: 1100px; z-index: 200; } .lightbox > .loader { padding: 280px 0px 0px; } .vertical-line { width: 1px; height: 100%; display: inline-block; background: rgb(190, 190, 190); vertical-align: middle; } blockquote { padding: 0px 0px 0px 2.5em; position: relative; margin: 1em 0px; } .pagination { font-family: Arial, Helvetica, sans-serif; font-size: 1rem; text-align: center; text-transform: uppercase; } .pagination .page-numbers { margin: 0px 0.2em; display: inline-block; padding: 0.1em; color: rgb(172, 172, 172); } .pagination .page-numbers.current, .pagination .page-numbers:hover { border-bottom: 1px solid; } .embed-page { margin-top: 30px; margin-bottom: 30px; } .embed-page .content { padding: 20px 0px 0px; } .embed-page .content .column-left, .embed-page .content .column-right { font-size: 11px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; } .embed-page .content .column-left p, .embed-page .content .column-right p { margin: 2px 0px; } .embed-page .content .column-left ul, .embed-page .content .column-right ul { display: inline-block; margin-top: 2px; } .embed-page .content .column-left ul li, .embed-page .content .column-right ul li { padding-right: 30px; border-bottom: 1px solid rgb(221, 221, 221); } .embed-page .content .column-left { float: left; padding-left: 20px; width: 350px; } .embed-page .content .column-right { float: right; width: 370px; } .has-tooltip, .tooltip-btn { position: relative; } .tooltip { position: absolute; background: rgb(22, 22, 22); bottom: -40px; border: 1px solid rgb(47, 47, 47); left: 50%; width: 170px; margin: 0px 0px 0px -90px; list-style: none; padding: 5px; display: none; transition-property: opacity; } .tooltip::after { border-color: rgb(22, 22, 22) transparent; border-style: solid; border-width: 0px 6px 6px; top: -6px; content: ""; display: block; left: 50%; position: absolute; width: 0px; margin-left: -3px; } .tooltip::before { border-color: rgb(47, 47, 47) transparent; border-style: solid; border-width: 0px 7px 7px; top: -8px; content: ""; display: block; left: 50%; position: absolute; width: 0px; margin-left: -4px; } .tooltip input[type="text"] { margin: 0px; padding: 5px; } .scale { width: 100%; max-width: 100%; display: block; height: auto !important; } .shadow { position: relative; z-index: 100; } .shadow::before { content: ""; z-index: 0; display: none; position: absolute; width: 70%; height: 50%; bottom: 0px; left: 15%; box-shadow: rgb(0, 0, 0) 0px 0px 30px 5px; transform: perspective(290px) rotateX(40deg); } .loaded .shadow::before { display: block; } .shadow > * { position: relative; z-index: 200; } .video-container { position: relative; padding-bottom: 56.25%; height: 0px; overflow: hidden; } .video-container .video-js, .video-container iframe, .video-container object, .video-container embed { position: absolute; inset: 0px; width: 100% !important; height: 100% !important; } .search-form { position: relative; } .search-form .field { width: 100%; padding-left: 0px; padding-right: 50px; font-size: 1rem; } .search-form .field::-webkit-input-placeholder { text-transform: uppercase; letter-spacing: 1px; } .search-form .submit-btn { position: absolute; bottom: 0px; right: 0px; background: none; color: rgb(0, 0, 0); padding: 0.6em; } .social-links, .share-links { list-style: none; padding: 0.3em 0px; margin: 0px; } .social-links li, .share-links li { display: inline-block; margin: 0px 0.1em; line-height: 1; } .social-links li .shares, .share-links li .shares { font-family: Arial, Helvetica, sans-serif; font-size: 1.2rem; vertical-align: middle; display: inline-block; color: rgb(51, 51, 51); border-right: 1px solid rgb(51, 51, 51); padding-right: 0.6em; line-height: 1em; } .social-links li .shares::before, .share-links li .shares::before { margin-right: 0.4em; } .social-links li .title, .share-links li .title { font-size: 1.2rem; margin: 0.3em 0px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; } .social-links li a, .share-links li a { color: rgb(0, 0, 0); vertical-align: middle; } .full-width-image { position: relative; background-size: cover; background-position: center center; padding: 40% 0px 0px; overflow: hidden; } .full-width-image.attachment-fixed { background-attachment: fixed; } .full-width-image img { position: absolute; width: 100%; height: auto; opacity: 0; top: 0px; left: 0px; } .full-width-image img .no-opacity { display: none; } @media only screen and (max-width: 800px) { .post .content .post-content > .inner, .post .content .about-content > .inner, .post .content .error-content > .inner { padding: 0px 10px; } } .video-container, .video-wrapper { margin: 1em 0px; } .addthis_counter { color: inherit; } .widget_post > a { position: relative; display: block; } .widget_post > a:hover .meta { visibility: visible; opacity: 1; } .widget_post .meta { position: absolute; top: 50%; left: 0px; width: 100%; box-sizing: border-box; padding: 0px 1em; color: rgb(255, 255, 255); z-index: 200; transition: all 0.3s ease 0s; visibility: hidden; opacity: 0; transform: translateY(-50%); text-align: center; } .red-list { list-style: none; margin: 10px 0px; padding: 0px; } .red-list li { list-style: none; padding: 2px 0px 2px 14px; } .unstyled-list { list-style: none; padding: 0px; margin: 0px; } .unstyled-list li { margin: 8px 0px; } .video-js.vjs-default-skin .vjs-slider-handle::before { text-shadow: none; } .video-js.vjs-default-skin .vjs-big-play-button { background: none; border: none; font-size: 5em; left: 50%; top: 50%; width: 1em; height: 1em; box-shadow: none; margin: -0.5em 0px 0px -0.5em; color: rgb(255, 255, 255); border-radius: 0px; cursor: pointer; } .video-js.vjs-default-skin .vjs-big-play-button:hover { background: rgb(236, 236, 236); } .video-js.vjs-default-skin .vjs-big-play-button::before { text-shadow: none; line-height: 1em; } .shop-the-post { position: relative; } @media only screen and (max-width: 600px) { .shop-the-post { padding: 0px; } } .shop-the-post .header { border-right: 1px solid rgb(0, 0, 0); position: absolute; width: 150px; top: 0px; left: 0px; bottom: 0px; display: none; } @media only screen and (max-width: 600px) { .shop-the-post .header { position: relative; width: auto; border-right: none; border-bottom: 1px solid rgb(0, 0, 0); } } .shop-the-post .header .title { text-align: center; margin: 0px; padding: 0.5em 0px; position: absolute; top: 50%; left: 0px; right: 0px; transform: translateY(-50%); font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; } @media only screen and (max-width: 600px) { .shop-the-post .header .title { position: relative; top: auto; transform: translateY(0px); } } .shop-the-post .header .title i { font-family: "Adobe Garamond W08"; font-weight: 400; font-style: italic; text-transform: lowercase; font-size: 1em; } .shop-the-post .header .title i, .shop-the-post .header .title span { display: block; } @media only screen and (max-width: 600px) { .shop-the-post .header .title i, .shop-the-post .header .title span { display: inline-block; } } .shop-the-post .shopthepost-widget { padding: 1em 0px; } .shop-the-post .rs-adblock { text-align: center; } .post-category { font-family: Arial, Helvetica, sans-serif; font-size: 0.8rem; margin: 0px 0px 4em; } .post-category span, .post-category a { padding: 1em 0px; border-bottom: 2px solid rgb(0, 0, 0); } .social-items .item { width: 20%; float: left; } .page-header { background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; } .page-header > .inner { padding: 3em 0px; } .page-header .title { margin: 1.5em 0px; font-size: 1.3rem; letter-spacing: 1px; text-transform: uppercase; } .page-header .page-description, .page-header .category-description, .page-header .description { margin: 2em 0px; text-align: center; } .page-header .checkout-progress { display: inline-block; } .logo { font-family: Arial, Helvetica, sans-serif; font-size: 1.8rem; text-transform: uppercase; display: inline-block; } .logo::before { content: ""; display: inline-block; width: 9.3em; height: 0.8em; background: url("/web/20210224183349im_/https://margaretzhang.com.au/wp-content/themes/margaretzhang/images/logos/margaret-zhang.png") 0% 0% / contain no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .logo::before { background-image: url("/web/20210224183349im_/https://margaretzhang.com.au/wp-content/themes/margaretzhang/images/logos/margaret-zhang@2x.png"); } } .tagline { font-family: "Adobe Garamond W08"; font-weight: 400; font-style: italic; } .site-header { padding: 4em 0px; } .site-header > .inner { position: relative; padding: 0px 10px; margin: 0px auto; } .site-header .logo-container { position: relative; margin: 0px; z-index: 0; line-height: 0.8; } .site-header .logo-container .logo { background: rgb(0, 0, 0); color: rgb(255, 255, 255); z-index: 100; padding: 0.1em 0.2em; transition: all 0.3s ease 0s; } .site-header .logo-container .tagline { margin-top: 0.5em; display: block; font-size: 1.4rem; } .site-header .header-navigation { position: absolute; right: 10px; top: 0px; } .site-header .social-links { position: absolute; right: 10px; top: 20px; } .site-header .panel-btn { position: fixed; left: 66px; top: 66px; z-index: 200; } .site-header .search-btn { position: absolute; top: -10px; right: 20px; display: none; } .primary-navigation, .header-navigation, .footer-navigation, .panel-navigation { margin: 0px; } .primary-navigation .menu, .header-navigation .menu, .footer-navigation .menu, .panel-navigation .menu { list-style: none; margin: 0px; padding: 0px; } .primary-navigation .menu-item, .header-navigation .menu-item, .footer-navigation .menu-item, .panel-navigation .menu-item { float: left; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1.1rem; letter-spacing: 0px; margin: 0px 4em; padding: 0.5em 0px; } .primary-navigation .menu-item:first-child, .header-navigation .menu-item:first-child, .footer-navigation .menu-item:first-child, .panel-navigation .menu-item:first-child { margin-left: 0px; } .primary-navigation .menu-item:last-child, .header-navigation .menu-item:last-child, .footer-navigation .menu-item:last-child, .panel-navigation .menu-item:last-child { margin-right: 0px; } .panel-navigation.mobile .menu-item { float: none; width: auto; margin: 0px; padding: 0px; text-align: center; } .panel-navigation.mobile .menu-item a { padding: 1em; display: block; } .site-panel .panel-navigation.desktop { transform: rotate(-90deg) translate(-100%, 0%); position: relative; transform-origin: 0px 0px; } .site-panel .panel-navigation.mobile { display: none; } .site-panel .social-links { display: none; text-align: center; margin-top: 2em; } .site-search { padding: 10%; } .site-search .search-form { max-width: 600px; margin: 0px auto; } .site-search .close-btn { position: absolute; top: 20px; right: 20px; } .copyright { font-style: italic; font-size: 1.2rem; } .site-by { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9rem; } .post-meta { font-family: Arial, Helvetica, sans-serif; color: rgb(186, 186, 186); text-transform: uppercase; font-size: 0.9rem; letter-spacing: 1px; text-align: right; line-height: 1; } .post-meta .read-more-btn { margin-bottom: 0.6em; } .post-meta .comments-btn { display: inline-block; float: left; color: rgb(0, 0, 0); padding-right: 1em; margin-right: 1em; margin-bottom: 0.6em; padding-bottom: 0.3em; } .post-meta .date { border-right: 1px solid; padding-right: 1em; margin-right: 1em; } .post-meta br { clear: both; } .post-title { font-family: "Adobe Garamond W08"; font-weight: 400; font-style: italic; font-size: 2.2rem; } .post-title::after { content: ""; width: 20px; height: 1px; margin-left: 0.2em; background: rgb(0, 0, 0); display: inline-block; vertical-align: super; } .post-excerpt { text-transform: uppercase; font-size: 1.2rem; font-family: "Linotype Didot W01"; font-weight: 400; font-style: normal; line-height: 1.4; } .post-header .post-label { text-align: center; } .post-header .post-excerpt { margin: 1em 0px; max-width: 450px; } .post-image img { display: block; width: 100%; } .post-label { display: block; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 1.2rem; } .post-item.type-stills .post-header, .post-item.type-words .post-header { text-align: center; } .post-item.type-stills .post-title, .post-item.type-words .post-title { font-family: Arial, Helvetica, sans-serif; font-style: normal; margin-bottom: 1em; } .post-item.type-stills .post-title a, .post-item.type-words .post-title a { border-bottom: 4px double; } .post-item.type-stills .post-title::after, .post-item.type-words .post-title::after { display: none; } .post-item.type-stills .post-excerpt, .post-item.type-words .post-excerpt { margin-left: auto; margin-right: auto; } .post-item.type-words .post-label { margin-bottom: 2em; } .post-item > a { display: block; } .post-item .post-header { width: 100%; margin-bottom: 1em; } .post-item .post-meta { display: inline-block; transform: rotate(-90deg) translateX(-100%); transform-origin: 0px 0px; } .post-content, .about-content, .error-content { color: rgb(102, 102, 102); } .post-content p, .about-content p, .error-content p { font-size: 1.8rem; line-height: 1.4; margin: 1em 0px; } .post-content a, .about-content a, .error-content a { border-bottom: 1px solid; } .post-content .woocommerce-LoopProduct-link, .about-content .woocommerce-LoopProduct-link, .error-content .woocommerce-LoopProduct-link { border-bottom: none; } .post-content .carousel, .about-content .carousel, .error-content .carousel { position: relative; margin: 1em 0px; } .post-content .carousel .carousel-content, .about-content .carousel .carousel-content, .error-content .carousel .carousel-content { position: absolute; top: 0px; bottom: 0px; width: 280px; padding: 0em 1.5em; right: 10%; z-index: 200; background: rgb(255, 255, 255); box-sizing: border-box; overflow: auto; } .post-footer { margin-top: 3em; } .post-footer .post-navigation { width: 50%; padding: 5%; box-sizing: border-box; float: left; border-right: 1px solid rgb(0, 0, 0); } .post-footer .post-share { padding: 5%; width: 50%; box-sizing: border-box; float: left; } .post-comments { border-top: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgb(0, 0, 0); padding: 3em 10%; } .post-navigation .prev-post-btn, .post-navigation .next-post-btn { width: 50%; float: left; box-sizing: border-box; } .prev-post-btn, .next-post-btn { display: inline-block; padding: 10px 0px 0px 20px; position: relative; } .prev-post-btn .post-label, .next-post-btn .post-label { font-weight: bold; position: absolute; top: 0px; left: 0px; transform: rotate(-90deg) translateX(-100%); transform-origin: 0px 0px; letter-spacing: 1px; } .prev-post-btn .post-image, .next-post-btn .post-image { width: 60px; display: inline-block; vertical-align: middle; } .prev-post-btn .post-title, .next-post-btn .post-title { display: inline-block; vertical-align: middle; max-width: calc((100% - 20px) - 60px); margin: 20px 0px 0px -10px; } .products { position: relative; } .products .view-all-btn { transform: rotate(-90deg); position: absolute; top: 90%; left: 50%; margin-left: -25px; z-index: 200; } .view-all-btn { font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid; padding: 0.2em 0px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-size: 1rem; } .category-posts-title, .products-title { text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.6rem; padding: 0.4em 0px; text-transform: uppercase; } .category-posts { position: relative; } .category-posts .view-all-btn { transform: rotate(-90deg); position: absolute; top: 90%; left: 50%; margin-left: -25px; z-index: 200; } .products-carousel .product-item { padding: 0px 0.5em; } .products-carousel .product-item img { display: block; } .products-carousel .product-item .price { display: none; } .post-images-carousel .image-item img { display: inline-block; vertical-align: top; } .post-images-carousel .owl-nav { left: -45px; right: -45px; } .post-images-carousel .owl-prev, .post-images-carousel .owl-next { background: rgb(255, 255, 255); } .instagram-carousel .owl-stage-outer { max-height: 245px; } .instagram-header { padding: 1em 0px; } .instagram-title { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; font-size: 1.6rem; } .instagram-title i { vertical-align: middle; font-size: 1.2em; } .instagram-item img { display: block; height: 245px; } .about-title { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 12px; } .posts-carousel .posts-carousel-item { padding: 0px 0.5em; } .error-content { text-align: center; } .category-carousel { overflow: hidden; } .category-carousel .owl-item { transition: all 0.5s ease 0s; opacity: 0.8; } .category-carousel .owl-item.center { opacity: 1; } .category-carousel .owl-item.center .item a { opacity: 0.2; } .category-carousel .owl-item.center .item a:hover { opacity: 0.5; } .category-carousel .item a[href^=""] { cursor: default; } .owl-carousel, .products-carousel, .post-images-carousel, .instagram-carousel, .posts-carousel, .category-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage, .products-carousel .owl-stage, .post-images-carousel .owl-stage, .instagram-carousel .owl-stage, .posts-carousel .owl-stage, .category-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage::after, .products-carousel .owl-stage::after, .post-images-carousel .owl-stage::after, .instagram-carousel .owl-stage::after, .posts-carousel .owl-stage::after, .category-carousel .owl-stage::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; } .owl-carousel .owl-stage-outer, .products-carousel .owl-stage-outer, .post-images-carousel .owl-stage-outer, .instagram-carousel .owl-stage-outer, .posts-carousel .owl-stage-outer, .category-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item, .products-carousel .owl-item, .post-images-carousel .owl-item, .instagram-carousel .owl-item, .posts-carousel .owl-item, .category-carousel .owl-item { position: relative; min-height: 1px; float: left; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; max-width: 100%; } .owl-carousel .owl-item img, .products-carousel .owl-item img, .post-images-carousel .owl-item img, .instagram-carousel .owl-item img, .posts-carousel .owl-item img, .category-carousel .owl-item img { transform-style: preserve-3d; } .owl-carousel .owl-dots.disabled, .products-carousel .owl-dots.disabled, .post-images-carousel .owl-dots.disabled, .instagram-carousel .owl-dots.disabled, .posts-carousel .owl-dots.disabled, .category-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .products-carousel .owl-nav .owl-prev, .post-images-carousel .owl-nav .owl-prev, .instagram-carousel .owl-nav .owl-prev, .posts-carousel .owl-nav .owl-prev, .category-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .products-carousel .owl-nav .owl-next, .post-images-carousel .owl-nav .owl-next, .instagram-carousel .owl-nav .owl-next, .posts-carousel .owl-nav .owl-next, .category-carousel .owl-nav .owl-next, .owl-carousel .owl-dot, .products-carousel .owl-dot, .post-images-carousel .owl-dot, .instagram-carousel .owl-dot, .posts-carousel .owl-dot, .category-carousel .owl-dot { cursor: pointer; user-select: none; } .owl-carousel.owl-loaded, .owl-loaded.products-carousel, .owl-loaded.post-images-carousel, .owl-loaded.instagram-carousel, .owl-loaded.posts-carousel, .owl-loaded.category-carousel { display: block; } .owl-carousel.owl-loading, .owl-loading.products-carousel, .owl-loading.post-images-carousel, .owl-loading.instagram-carousel, .owl-loading.posts-carousel, .owl-loading.category-carousel { opacity: 0; display: block; } .owl-carousel.owl-hidden, .owl-hidden.products-carousel, .owl-hidden.post-images-carousel, .owl-hidden.instagram-carousel, .owl-hidden.posts-carousel, .owl-hidden.category-carousel { opacity: 0; } .owl-carousel.owl-refresh .owl-item, .owl-refresh.products-carousel .owl-item, .owl-refresh.post-images-carousel .owl-item, .owl-refresh.instagram-carousel .owl-item, .owl-refresh.posts-carousel .owl-item, .owl-refresh.category-carousel .owl-item { display: none; } .owl-carousel.owl-drag .owl-item, .owl-drag.products-carousel .owl-item, .owl-drag.post-images-carousel .owl-item, .owl-drag.instagram-carousel .owl-item, .owl-drag.posts-carousel .owl-item, .owl-drag.category-carousel .owl-item { user-select: none; } .owl-carousel.owl-grab, .owl-grab.products-carousel, .owl-grab.post-images-carousel, .owl-grab.instagram-carousel, .owl-grab.posts-carousel, .owl-grab.category-carousel { cursor: grab; } .owl-carousel.owl-rtl, .owl-rtl.products-carousel, .owl-rtl.post-images-carousel, .owl-rtl.instagram-carousel, .owl-rtl.posts-carousel, .owl-rtl.category-carousel { direction: rtl; } .owl-carousel.owl-rtl .owl-item, .owl-rtl.products-carousel .owl-item, .owl-rtl.post-images-carousel .owl-item, .owl-rtl.instagram-carousel .owl-item, .owl-rtl.posts-carousel .owl-item, .owl-rtl.category-carousel .owl-item { float: right; } .no-js .owl-carousel, .no-js .products-carousel, .no-js .post-images-carousel, .no-js .instagram-carousel, .no-js .posts-carousel, .no-js .category-carousel { display: block; } .owl-height { transition: height 0s ease 0s, all 500ms ease 0s, all 0s ease-in-out 0s; } .owl-carousel .owl-item .owl-lazy, .products-carousel .owl-item .owl-lazy, .post-images-carousel .owl-item .owl-lazy, .instagram-carousel .owl-item .owl-lazy, .posts-carousel .owl-item .owl-lazy, .category-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 0s ease 0s, all 400ms ease 0s, all 0s ease 0s; } .owl-carousel .owl-item img, .products-carousel .owl-item img, .post-images-carousel .owl-item img, .instagram-carousel .owl-item img, .posts-carousel .owl-item img, .category-carousel .owl-item img { transform-style: preserve-3d; } .owl-nav { position: absolute; top: 50%; left: 0px; right: 0px; margin-top: -22.5px; } .owl-nav .owl-prev, .owl-nav .owl-next { top: 0px; display: block; position: absolute; z-index: 10; cursor: pointer; opacity: 1; font-size: 1.6rem; transition: all 0.3s ease 0s; color: rgb(0, 0, 0); padding: 0.6em; text-align: center; vertical-align: middle; } .owl-nav .owl-prev::before, .owl-nav .owl-prev::after, .owl-nav .owl-next::before, .owl-nav .owl-next::after { display: inline-block; text-align: center; line-height: 1; font-size: 1.6em; width: 1em; height: 1em; vertical-align: middle; } .owl-nav .owl-prev:hover, .owl-nav .owl-next:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); } .owl-nav .owl-prev.disabled, .owl-nav .owl-next.disabled { opacity: 0; cursor: default; } .owl-nav .owl-prev.disabled:hover, .owl-nav .owl-next.disabled:hover { background: none; color: inherit; } .owl-nav .owl-next { right: 0px; } .owl-nav .owl-prev { left: 0px; } .owl-dots { position: absolute; bottom: 0px; left: 0px; right: 0px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-dots .owl-dot { display: inline-block; zoom: 1; padding: 1em 0.3em; vertical-align: bottom; } .owl-dots .owl-dot:hover span, .owl-dots .owl-dot.active span { background: rgb(100, 100, 100); } .owl-dots .owl-dot span { width: 8px; height: 8px; background: rgb(232, 232, 232); display: block; backface-visibility: visible; border-radius: 9999px; transition: all 0.3s ease 0s; } @media only screen and (max-width: 500px) { .owl-dots .owl-dot span { margin: 0.2em; } } .animated { animation-fill-mode: both; } .owl-animated-out { z-index: 1; } .owl-animated-in { z-index: 0; } .fadeOut, .fade-out { animation-name: fade-out; } .woocommerce-message, .woocommerce-error, .woocommerce-info { position: relative; list-style: outside none; width: auto; background: rgb(243, 243, 243); border: 0px; font-family: "Adobe Garamond W08"; font-weight: 400; font-style: normal; font-size: 1.2rem; line-height: 1.6; padding: 1em 1em 1em 2.5em !important; } .woocommerce-message::before, .woocommerce-error::before, .woocommerce-info::before { position: absolute; top: 50%; left: 10px; font-size: 1.5em; text-transform: none; font-family: sans-serif; margin: -8px 0.5em 0px 0px; line-height: 1; } .woocommerce-message a.button, .woocommerce-error a.button, .woocommerce-info a.button { float: right; vertical-align: middle; line-height: 1; } .woocommerce-message li, .woocommerce-error li, .woocommerce-info li { list-style: outside none; padding-left: 0px; margin: 0px; text-transform: none; } .woocommerce-message li strong, .woocommerce-error li strong, .woocommerce-info li strong { text-transform: uppercase; font-weight: normal; } .woocommerce-message:empty, .woocommerce-error:empty, .woocommerce-info:empty { display: none; } .woocommerce-message a.showlogin, .woocommerce-message a.showcoupon, .woocommerce-error a.showlogin, .woocommerce-error a.showcoupon, .woocommerce-info a.showlogin, .woocommerce-info a.showcoupon { float: right; font-family: Arial, Helvetica, sans-serif; } .woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button { font-size: 0.8em; text-transform: lowercase; } .woocommerce-message::before { color: rgb(0, 0, 0); content: "✓"; } .woocommerce-info { background: rgb(182, 169, 156); color: rgb(255, 255, 255); } .woocommerce-info a { color: rgb(255, 255, 255); } .woocommerce-info::before { color: rgb(255, 255, 255); content: "i"; font-family: Times, Georgia, serif; font-style: italic; } .woocommerce-error::before { color: rgb(187, 0, 0); content: "×"; font-weight: 700; } .woocommerce-breadcrumb { font-size: 1.1rem; padding: 0.5em 0px 0.5em 3.8em; color: rgb(0, 0, 0); line-height: 3.4; white-space: nowrap; overflow: auto; } .woocommerce-breadcrumb a { color: rgb(160, 160, 160); } .woocommerce-breadcrumb a:hover { color: rgb(0, 0, 0); } .woocommerce-pagination { color: rgb(103, 103, 103); text-transform: uppercase; font-size: 1rem; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; } .woocommerce-pagination .page-numbers { margin: 0.5em 0px; display: inline-block; vertical-align: middle; } .woocommerce-pagination .page-numbers li { float: left; } .woocommerce-pagination .page-numbers span, .woocommerce-pagination .page-numbers a { display: inline-block; padding: 1em 0.5em; vertical-align: middle; } .woocommerce-pagination .current { color: rgb(0, 0, 0); } .woocommerce-pagination .per-page { margin: 0.5em 0px; } .woocommerce-pagination .per-page .current { border-bottom: 1px solid rgb(0, 0, 0); } .woocommerce-ordering select { border-bottom: 1px solid rgb(0, 0, 0); max-width: 150px; padding-left: 0px; font-size: 1rem; } .woocommerce-filters { padding: 0.5em 10px; } .woocommerce-filters a { color: rgb(160, 160, 160); } .woocommerce-filters a:hover { color: rgb(0, 0, 0); } .woocommerce-filters select { background-color: transparent; } .woocommerce-filters .woocommerce-ordering { float: left; } .woocommerce-filters .woocommerce-pagination { text-align: center; padding: 0px 10px; } .onsale { font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size: 0.9rem; padding: 0.5em 0.8em; color: rgb(255, 255, 255); background: rgb(0, 0, 0); } .products { margin: 0px; padding: 0px; list-style: none; } .products .product { float: left; margin: 0px 0px 2em; padding: 10px; box-sizing: border-box; } .columns-3 .products .product { width: 33.333%; } .columns-3 .products .product:nth-child(3n+1) { clear: left; } .products .product a { display: block; } .products .product .amount { font-family: Arial, Helvetica, sans-serif; font-size: 1.2rem; } .woocommerce-loop-product__title { font-size: 1.6rem; } .single-product .summary .product_title { font-family: "Linotype Didot W01"; font-weight: 400; font-style: normal; font-size: 2.4rem; letter-spacing: 1px; } .single-product .summary .price { margin: 1em 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1.2rem; } .single-product .summary .price::before { content: "—  "; } .single-product .summary .price del { color: rgb(194, 194, 194); } .single-product .summary .description { margin: 1em 0px; } .single-product .summary .quantity { display: none !important; } .single-product .summary .cart { border-bottom: 1px solid rgb(0, 0, 0); padding: 0px 0px 0.5em; } .single-product .summary .cart button { display: block; width: 100%; padding: 1.5em 3em; } .single-product .summary .cart .stock { font-family: Arial, Helvetica, sans-serif; } .single-product .summary .accordion { margin: 1em 0px; } .single-product .summary .accordion .item:first-child .content { font-size: 1.1em; } .single-product .summary .content { font-size: 1.4rem; margin-top: 4em; } .single-product .summary .share { margin: 1em 1.5em; } .cart-empty { text-align: center; } .woocommerce-tabs .tabs { display: none; margin: 0px 0px 1em; } .woocommerce-tabs .tabs li { float: left; margin: 0px 1.6em 0px 0px; } .global-information { font-family: Arial, Helvetica, sans-serif; font-size: 1rem; } .product-share .label { font-family: Arial, Helvetica, sans-serif; font-size: 0.9rem; letter-spacing: 1px; display: inline-block; vertical-align: middle; } .product-share .share-links { display: inline-block; vertical-align: middle; } .woocommerce-main-image img { display: inline-block; vertical-align: top; } .product-thumbnails .thumbnail { display: block; } .product-thumbnails img { display: block; width: 100%; } .related-products { padding: 10px 0px; } .related-products .products > .inner { display: inline-block; } .shop_table { overflow: auto; text-align: left; width: 100%; border-collapse: collapse; border: none; } .shop_table tbody th { border: 0px; } .shop_table thead th { border-bottom: 1px solid rgb(207, 197, 187); padding: 1em 0px; } .shop_table thead th:first-child { border-left: 0px; } .shop_table thead th:last-child { border-right: 0px; } .shop_table th, .shop_table td { font-family: Arial, Helvetica, sans-serif; border: 0px; color: rgb(38, 38, 38); position: relative; font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; } .shop_table td { padding: 1em; vertical-align: top; } .shop_table label { font-size: 1rem; } .col2-set { width: 100%; } .col2-set .col-1 { float: left; width: 49%; } @media only screen and (max-width: 600px) { .col2-set .col-1 { float: none; width: 100%; } } .col2-set .col-2 { float: right; width: 49%; } @media only screen and (max-width: 600px) { .col2-set .col-2 { float: none; width: 100%; } } .col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float: left; width: 33.2%; } @media only screen and (max-width: 600px) { .col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float: none; width: 100%; } } .wc-proceed-to-checkout { text-align: right; } .cart-options { text-align: right; } .cart .product-thumbnail { width: 130px; min-width: auto; } .cart .product-thumbnail img { width: auto; min-width: auto; max-width: 100%; display: inline-block; vertical-align: top; } @media only screen and (max-width: 500px) { .cart .product-thumbnail { width: 60px; } } .cart tbody .product-thumbnail { padding: 0px; } @media only screen and (max-width: 500px) { .cart .product-thumbnail, .cart .product-price { display: none; } } .cart .product-name { width: 46%; padding-bottom: 3em; } @media only screen and (max-width: 500px) { .cart .product-name .name { margin: 0.5em 0px; } } .cart .product-quantity { text-align: center; } .cart .product-quantity .quantity { display: inline-block; } .cart .product-quantity .quantity .qty { border: 1px solid rgb(238, 238, 238); } .cart .variation { font-family: Arial, Helvetica, sans-serif; font-size: 1rem; } .cart .remove-btn, .cart .update-btn { font-size: 0.9rem; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; color: rgb(95, 95, 95); } .cart .remove-btn { position: absolute; bottom: 1em; } .cart .update-btn { background: none; } .cart .product-price { text-align: center; } .cart .product-price .amount { font-family: Arial, Helvetica, sans-serif; font-size: 1.2rem; } .cart .product-subtotal { text-align: right; } .cart .product-subtotal .amount { font-family: Arial, Helvetica, sans-serif; } .cart th, .cart td { padding-right: 0px; vertical-align: middle; } .cart input { margin: 0px; vertical-align: middle; } .variations_form .variations { width: 100%; } .variations_form .variations td { border: none; padding: 0px 0px 0.8em; } .variations_form .variations .label { padding-right: 0.5em; } .variations_form select { padding-top: 0.65em; padding-bottom: 0.65em; float: right; } .variations_form .single_variation .price { font-size: 2rem; margin: 0px; } .variations_form .reset_variations { font-family: Arial, Helvetica, sans-serif; font-size: 0.8rem; padding: 0.5em 0px; display: none !important; } .quantity { position: relative; margin: 0px; vertical-align: middle; } .quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button { display: none; } .quantity input.qty { width: 40px; font-size: 1.1rem; padding: 0.75em; text-align: center; } .quantity .plus, .quantity .minus { display: block; padding: 0px; margin: 0px; position: absolute; text-align: center; vertical-align: text-top; width: 20px; text-decoration: none; overflow: visible; cursor: pointer; font-family: Arial, Helvetica, sans-serif; height: 1.3em; border: 1px solid rgb(238, 238, 238); background: rgb(255, 255, 255); color: rgb(0, 0, 0); font-weight: normal; font-size: 14px; line-height: 14px; outline: none; } .quantity .plus { top: 0px; right: 0px; border-bottom: 0px; } .quantity .minus { bottom: 0px; right: 0px; } .coupon-form .input-text, .checkout_coupon .input-text { vertical-align: middle; width: 162px; border: 1px solid rgb(0, 0, 0); } .coupon-form .button, .checkout_coupon .button { vertical-align: middle; padding-left: 2em; padding-right: 2em; font-size: 1.2rem; text-transform: lowercase; } #order_review .shop_table { font-family: Arial, Helvetica, sans-serif; border-bottom: 0px; color: rgb(93, 93, 93); } #order_review .shop_table th, #order_review .shop_table td { border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: rgb(238, 238, 238); border-bottom-color: rgb(238, 238, 238); border-image: initial; vertical-align: middle; border-left-style: initial; border-left-color: initial; border-right-style: initial; border-right-color: initial; } #order_review .shop_table th:first-child, #order_review .shop_table td:first-child { padding-left: 0px; } #order_review .shop_table th:last-child, #order_review .shop_table td:last-child { padding-right: 0px; } #order_review .shop_table th { font-family: Arial, Helvetica, sans-serif; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; } #order_review .shop_table td { text-align: right; } #order_review .shop_table .order-total th { font-size: 1.6rem; } #order_review .shop_table .order-total .amount { font-family: Arial, Helvetica, sans-serif; font-size: 1.6rem; } #order_review .shop_table .order_item .order-quantity, #order_review .shop_table .order_item .product-name, #order_review .shop_table .cart_item .order-quantity, #order_review .shop_table .cart_item .product-name { font-size: 1.1rem; text-align: left; } #order_review .shop_table .order_item .order-quantity .variation, #order_review .shop_table .order_item .product-name .variation, #order_review .shop_table .cart_item .order-quantity .variation, #order_review .shop_table .cart_item .product-name .variation { font-size: 0.9rem; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: rgb(153, 153, 153); margin: 1em 0px; } #order_review .shop_table .order_item .order-quantity .variation p, #order_review .shop_table .order_item .product-name .variation p, #order_review .shop_table .cart_item .order-quantity .variation p, #order_review .shop_table .cart_item .product-name .variation p { margin: 0px; } .order_details tbody { border-bottom: 2px solid rgb(0, 0, 0); } .order_details td { padding: 1em 0px; } .order_details .product-total { text-align: right; } .shipping_calculator .title { font-size: 1rem; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; } .shipping_calculator .button { margin: 0px; } .shipping_calculator .col2-set .col-1, .shipping_calculator .col2-set .col-2 { width: 47%; } .shipping_calculator .shipping-calculator-form { display: block !important; } .shipping_calculator .info { font-family: Arial, Helvetica, sans-serif; font-size: 1.2rem; margin: 2em 0px 0px; } .shipping_calculator .info p { margin: 0.5em 0px; } .shipping-calculator-form .form-fields { width: 72%; } @media only screen and (max-width: 600px) { .shipping-calculator-form .form-fields { width: auto; } } .shipping-calculator-form .form-row { padding: 0px; margin: 0.5em 0px; } .shipping-calculator-form .button { font-size: 1.2rem; text-transform: lowercase; } .cart_totals .shop_table td, .cart_totals .shop_table th { text-align: right; padding: 0.5em 0px; } .cart_totals .shop_table .order-total td, .cart_totals .shop_table .order-total th { font-size: 1.3rem; } .cart_totals .shop_table .order-total .amount { font-family: Arial, Helvetica, sans-serif; } .cart-collaterals { padding: 4em 0px 0px; } .cart-collaterals .coupon-form, .cart-collaterals .checkout_coupon, .cart-collaterals .shipping-calculator-form { padding-right: 8em; margin: 2em 0px; } .cart-collaterals .coupon-form .input-text, .cart-collaterals .checkout_coupon .input-text { width: calc(100% - 130px); max-width: 180px; } .cart-collaterals .col-2 { border-left: 1px solid rgb(0, 0, 0); } .cart-collaterals .cart_totals { padding: 0px 0px 4em 4em; } .form-row { padding: 0px; margin: 1em 0px; } .form-row [placeholder]:focus::-webkit-input-placeholder { transition: opacity 0.5s ease 0s; opacity: 0; } .form-row label { display: block; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; text-transform: uppercase; font-size: 0.9rem; margin-bottom: 0.3em; } .form-row label.hidden { visibility: hidden; } .form-row label.inline { display: inline; margin: 0px 0px 0px 1em; } .form-row select { width: 100%; cursor: pointer; margin: 0px; border: 1px solid rgb(0, 0, 0); } .form-row .required { color: rgb(133, 0, 0); border: 0px; } .form-row .input-checkbox { display: inline; margin: -2px 2px 0px 0px; text-align: center; vertical-align: middle; } .form-row label.checkbox { display: inline; } .form-row input.input-text, .form-row textarea { width: 100%; outline: 0px; border: 1px solid rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 0.8rem; } .form-row input.input-text:focus, .form-row textarea:focus { border-color: rgb(0, 0, 0); } .form-row textarea { height: 3.5em; line-height: 1.5em; display: block; box-shadow: none; } .form-row.validate-required.woocommerce-validated input.input-text { background-position: 95% center; background-repeat: no-repeat; } .form-row.validate-required.woocommerce-invalid input.input-text { background-position: 95% center; background-repeat: no-repeat; } .form-row.validate-required.woocommerce-invalid .chzn-single, .form-row.validate-required.woocommerce-invalid .chzn-drop, .form-row.validate-required.woocommerce-invalid input.input-text, .form-row.validate-required.woocommerce-invalid select { border-color: rgb(204, 32, 39); } .form-row ::-webkit-input-placeholder { line-height: 1em; padding-top: 2px; } .form-row .button { font-size: 1.2rem; } .form-row-first, .form-row-last { float: left; width: 49%; overflow: visible; } .form-row-last { float: right; } .form-row-wide { clear: both; } .ship-to-different-address { display: inline-block; vertical-align: middle; } .ship-to-different-address label { font-size: 0.8rem; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; } .ship-to-different-address .input-checkbox { margin-right: 0.5em; } .payment_methods { list-style: none; padding: 0px; } .payment_methods li { margin: 1em 0px; text-align: left; } .payment_methods li label { font-family: Arial, Helvetica, sans-serif; font-size: 1rem; text-transform: uppercase; } .payment_methods li input { margin: 0px 1em 0px 0px; } .payment_methods li img { vertical-align: middle; margin: -2px 0px 0px 0.5em; position: relative; } .payment_methods li p { margin: 1em 0px; } .place-order { padding: 2em 0px 0px; } .place-order .button { width: 100%; text-transform: lowercase; display: block; text-align: center; } .payment_box { position: relative; } .payment_box .woocommerce-error { margin: 0px 0px 2em; } .payment_box #cc-expire-month, .payment_box #cc-expire-year { width: 48%; float: left; } .payment_box #cc-expire-year { float: right; } .payment_box .help { font-size: 1rem; } .payment_box .form-row { margin: 0px 0px 1em; } form.login, form.checkout_coupon, form.register { padding: 1em; background: rgb(245, 240, 234); } form.login .input-text, form.checkout_coupon .input-text, form.register .input-text { background: rgb(255, 255, 255); } form.login .lost_password, form.checkout_coupon .lost_password, form.register .lost_password { margin: 1em 0px; } form.login .lost_password a, form.checkout_coupon .lost_password a, form.register .lost_password a { font-size: 0.8rem; } .login .button { text-transform: lowercase; } .checkout-progress { width: 22em; padding: 0px 0px 20px; list-style: none; } @media only screen and (max-width: 400px) { .checkout-progress { display: none; } } .checkout-progress li { float: left; width: 33.3333%; text-align: center; position: relative; text-transform: lowercase; font-size: 0.8rem; color: rgb(194, 194, 194); font-family: Arial, Helvetica, sans-serif; } .checkout-progress li.current { color: rgb(0, 0, 0); } .checkout-progress li.current::after { background: rgb(0, 0, 0); } .checkout-progress li::after { content: ""; position: absolute; background: rgb(194, 194, 194); display: block; border-radius: 3px; bottom: -15px; left: 50%; margin-left: -4px; width: 7px; height: 7px; } .checkout-progress li::before { content: ""; background: rgb(194, 194, 194); width: 100%; height: 1px; position: absolute; bottom: -12px; left: 0px; } .checkout-progress li:first-child::before { width: 50%; left: 50%; } .checkout-progress li:last-child::before { width: 50%; } .mini-cart .header { border-bottom: 1px solid rgb(229, 229, 229); padding: 0.3em 0px; margin: 0px 0px 1em; } .mini-cart .header .title { font-family: Arial, Helvetica, sans-serif; font-size: 0.9rem; letter-spacing: 1px; text-transform: uppercase; } .mini-cart .product-list { max-height: 400px; overflow-y: auto; } .mini-cart .product-list::-webkit-scrollbar { width: 2px; height: 4px; background: rgb(235, 235, 235); } .mini-cart .product-list::-webkit-scrollbar-thumb { background: rgb(109, 109, 109); } .mini-cart .product-list::-webkit-scrollbar-thumb:window-inactive { background: rgb(151, 151, 151); } .mini-cart .empty { text-align: center; } .mini-cart .footer .total { padding: 0.5em 0px; text-align: right; } .mini-cart .footer .total .value, .mini-cart .footer .total .label { font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; text-transform: uppercase; font-size: 1rem; } .mini-cart .footer .total .value { color: rgb(0, 0, 0); } .mini-cart .footer .checkout-btn { display: block; text-transform: lowercase; } .product-list .product { position: relative; } .product-list .product a { padding: 0px; } .product-list .product .thumbnail { width: 30%; float: left; text-align: center; } .product-list .product .details { float: right; width: 70%; padding: 1em; position: relative; } .product-list .product .product-title { font-size: 1.2rem; } .product-list .product .variation { font-size: 0.9rem; color: rgb(153, 153, 153); margin: 0.5em 0px; } .product-list .product .quantity-number { font-size: 1rem; margin: 1em 0px; display: block; } .product-list .product .quantity-number .amount { color: rgb(0, 0, 0); font-size: 1.2em; } .product-list .product .remove { position: absolute; top: 0px; right: 0px; } .variation dd p { margin: 0px !important; } .woocommerce-checkout .woocommerce-info { margin-top: 2em; } .woocommerce-checkout .checkout { margin: 1em 0px 4em; } .woocommerce-checkout .checkout h3 { font-size: 1.3rem; margin: 1em 0px; text-transform: uppercase; letter-spacing: 1px; } .woocommerce-checkout .checkout .ship-to-different-address { float: right; } .woocommerce-checkout .checkout .customer_details, .woocommerce-checkout .checkout .order_review { margin: 0px 0px 2em; } #shipping_method li { text-align: right; padding: 0.2em 0px; } #shipping_method .amount { font-family: Arial, Helvetica, sans-serif; } .shop_attributes { border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(243, 243, 243); margin-bottom: 1.618em; width: 100%; } .shop_attributes th { width: 150px; font-weight: bold; border-top: 0px; border-bottom: 1px solid rgb(243, 243, 243); margin: 0px; padding: 0.8em; text-align: left; line-height: 1; } .shop_attributes td { font-style: italic; border-top: 0px; border-bottom: 1px solid rgb(243, 243, 243); margin: 0px; padding: 0.8em; line-height: 1; } .shop_attributes td p { margin: 0px; } .shop_attributes .alt td, .shop_attributes .alt th { background: rgba(0, 0, 0, 0.024); } .order-details-customer { background: rgb(250, 250, 250); } .order-details-customer .col { border-right: 1px solid rgb(255, 255, 255); } .order-details-customer .header { background: rgb(235, 235, 235); } .order-details-customer .header .title { padding: 1em; font-family: Arial, Helvetica, sans-serif; font-size: 1.2rem; } .order-details-customer .content { font-family: Arial, Helvetica, sans-serif; font-size: 1.2rem; padding: 1em; color: rgb(114, 114, 114); } .featured-products .product { position: relative; } .featured-products .product .image { width: 23%; float: left; } .featured-products .product .image img { display: block; } .featured-products .product .title { font-size: 4.4rem; float: left; width: 70%; padding-left: 30px; padding-right: 10px; box-sizing: border-box; } .featured-products .product .excerpt { font-family: "Adobe Garamond W08"; font-weight: 400; font-style: italic; font-size: 2rem; float: left; width: 70%; padding-left: 30px; padding-right: 10px; box-sizing: border-box; } .featured-products .product .add-to-cart-btn { position: absolute; bottom: 0px; right: 0px; } html { height: 100%; font-size: 62.5%; } body { height: 100%; background: rgb(255, 255, 255); color: rgb(51, 51, 51); font-size: 1.6rem; line-height: 1.5; min-width: 250px; font-family: "Adobe Garamond W08"; font-weight: 400; font-style: normal; } #header { z-index: 400; position: relative; } @media only screen and (max-width: 800px) { #header { padding: 1em 0px; } #header .header-navigation { display: none; } #header .tagline { display: none; } #header .social-links { top: -10px; } #header .logo-container { margin-left: 60px; } #header .panel-btn { left: 20px; top: 13px; } } @media only screen and (max-width: 600px) { #header .logo-container { text-align: center; margin-right: 60px; } #header .logo { font-size: 2rem; } #header .panel-btn { top: 11px; } #header .search-btn { top: -8px; display: inline-block; } #header .social-links { display: none; } } #panel { position: fixed; top: 0px; left: 0px; padding: 200px 0px 0px 66px; height: 100vh; z-index: 200; transition: all 0.3s ease-in-out 0s; transform: translate(-100%, 0px); opacity: 0; visibility: hidden; } .panel-open #panel { transform: translate(0px, 0px); opacity: 1; visibility: visible; } @media only screen and (max-width: 800px) { #panel { transform: translate(0px, 0px); background: rgb(255, 255, 255); padding: 30% 0px 0px; right: 0px; } #panel .panel-navigation.desktop { display: none; } #panel .panel-navigation.mobile { display: block; } } @media only screen and (max-height: 800px) { #panel .panel-navigation.desktop .menu-item { margin: 0px 2em; } } @media only screen and (max-width: 600px) { #panel .social-links { display: block; } } #search { background: rgb(255, 255, 255); position: fixed; inset: 0px; height: 100vh; z-index: 500; transition: all 0.5s ease-in-out 0s; opacity: 0; visibility: hidden; } @media only screen and (max-width: 600px) { #search .close-btn { top: 10px; right: 10px; } #search .search-form { margin-top: 50%; } } .search-open #search { visibility: visible; opacity: 1; } #main { position: relative; z-index: 100; padding: 0px; background: rgb(255, 255, 255); } #sidebar { margin: 0px; } @media only screen and (max-width: 1000px) { #sidebar .mobile-sidebar-btn { display: inline-block; } } #footer { z-index: 100; position: relative; } @media print { #footer { display: none; } } @media only screen and (max-width: 600px) { #footer { text-align: center; } } #footer > .inner { padding: 2em 10px; } #footer .footer-navigation { margin-left: 250px; float: left; } @media only screen and (max-width: 1300px) { #footer .footer-navigation { float: none; margin: 0px; text-align: center; } } #footer .footer-navigation .menu { display: inline-block; } #footer .footer-navigation .menu-item { font-size: 1rem; } #footer .copyright { position: absolute; left: 10px; padding: 5px 0px; display: block; } @media only screen and (max-width: 600px) { #footer .copyright { position: relative; right: auto; } } #footer .social-links { padding: 2px 0px; position: absolute; left: 50%; transform: translateX(-50%); } @media only screen and (max-width: 600px) { #footer .social-links { position: relative; transform: none; left: 0px; display: inline-block; } } #footer .site-by { padding: 5px 0px; position: absolute; right: 10px; display: block; } @media only screen and (max-width: 600px) { #footer .site-by { position: relative; right: auto; } } #about { position: fixed; top: 0px; right: 0px; bottom: 0px; padding: 150px 10%; width: 50%; background: rgb(255, 255, 255); border-left: 1px solid rgb(0, 0, 0); z-index: 500; box-sizing: border-box; transform: translateX(100%); transition: all 0.3s ease-in-out 0s; } @media only screen and (max-width: 1200px) { #about { padding: 70px 5%; } } @media only screen and (max-width: 1000px) { #about { width: 70%; } } @media only screen and (max-width: 600px) { #about { width: calc(100% - 1em); padding: 30px 1em; } } .about-visible #about { transform: translate(0px); } #about .about-title { position: absolute; right: 25%; top: 70px; margin: 0.75em 35px 0px 0px; } @media only screen and (max-width: 1200px) { #about .about-title { top: 30px; right: 5%; } } @media only screen and (max-width: 600px) { #about .about-title { top: 10px; right: 10px; } } #about .about-content { position: relative; z-index: 200; } #about .about-image { position: absolute; top: 0px; left: 76%; z-index: 100; height: 500px; } @media only screen and (max-width: 1200px) { #about .about-image { display: none; } } #about .about-image img { max-width: none; display: block; } #about .close-btn { position: absolute; right: 25%; top: 70px; } @media only screen and (max-width: 1200px) { #about .close-btn { top: 30px; right: 5%; } } @media only screen and (max-width: 600px) { #about .close-btn { top: 10px; right: 10px; } } @media only screen and (max-width: 600px) { #instagram .instagram-item img { height: 150px; } } #front-page, #category { margin-bottom: 4em; } #front-page > .inner, #category > .inner { max-width: 1300px; width: 80%; margin: 0px auto; padding: 0px 10px; box-sizing: border-box; } @media only screen and (max-width: 800px) { #front-page > .inner, #category > .inner { width: auto; } } #front-page .posts, #category .posts { display: flex; flex-wrap: wrap; } #front-page .category-posts, #front-page .products, #category .category-posts, #category .products { width: 100%; margin-bottom: 6em; } @media only screen and (max-width: 800px) { #front-page .category-posts, #front-page .products, #category .category-posts, #category .products { margin-bottom: 2em; } } #front-page .post-item, #category .post-item { float: left; width: 50%; margin-bottom: 6em; position: relative; } @media only screen and (max-width: 800px) { #front-page .post-item, #category .post-item { width: 100%; background: rgb(249, 249, 249); padding: 1em; margin-bottom: 1em; } } #front-page .post-item.large, #category .post-item.large { clear: left; width: 100%; float: none; } #front-page .post-item.small.layout-1, #category .post-item.small.layout-1 { width: calc(50% - 50px); margin-right: 50px; } @media only screen and (max-width: 800px) { #front-page .post-item.small.layout-1, #category .post-item.small.layout-1 { margin-right: 0px; margin-left: 0px; width: 100%; } } #front-page .post-item.layout-1, #category .post-item.layout-1 { background-size: cover; background-position: center center; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); position: relative; min-height: 300px; box-sizing: border-box; } #front-page .post-item.layout-1 > .inner, #category .post-item.layout-1 > .inner { margin: 10%; padding-left: 50px; position: relative; } @media only screen and (max-width: 600px) { #front-page .post-item.layout-1 > .inner, #category .post-item.layout-1 > .inner { margin: 1em; } } #front-page .post-item.layout-1::before, #category .post-item.layout-1::before { content: ""; position: absolute; display: none; inset: 0px; height: inherit; background-color: rgb(0, 0, 0); background-image: inherit; background-size: cover; background-position: center center; z-index: 50; } #front-page .post-item.layout-1::after, #category .post-item.layout-1::after { content: ""; display: block; position: absolute; z-index: 100; inset: 0px; background: rgba(0, 0, 0, 0.3); } @media only screen and (max-width: 500px) { #front-page .post-item.layout-1::after, #category .post-item.layout-1::after { background: rgba(0, 0, 0, 0.5); } } #front-page .post-item.layout-1 a, #category .post-item.layout-1 a { color: rgb(255, 255, 255); } #front-page .post-item.layout-1 .post-header, #category .post-item.layout-1 .post-header { position: relative; z-index: 200; } #front-page .post-item.layout-1 .post-title::after, #category .post-item.layout-1 .post-title::after { background-color: rgb(255, 255, 255); } #front-page .post-item.layout-1 .post-meta, #category .post-item.layout-1 .post-meta { z-index: 200; position: absolute; top: 0px; left: 0px; } #front-page .post-item.layout-.large .post-header, #front-page .post-item.layout-2.large .post-header, #category .post-item.layout-.large .post-header, #category .post-item.layout-2.large .post-header { width: 50%; text-align: right; } #front-page .post-item.layout-.large .post-header .post-excerpt, #front-page .post-item.layout-2.large .post-header .post-excerpt, #category .post-item.layout-.large .post-header .post-excerpt, #category .post-item.layout-2.large .post-header .post-excerpt { float: right; } #front-page .post-item.layout- .post-image, #front-page .post-item.layout-2 .post-image, #category .post-item.layout- .post-image, #category .post-item.layout-2 .post-image { margin: -20px 50px 0px; } @media only screen and (max-width: 600px) { #front-page .post-item.layout- .post-image, #front-page .post-item.layout-2 .post-image, #category .post-item.layout- .post-image, #category .post-item.layout-2 .post-image { margin-right: 0px; } } #front-page .post-item.layout- .post-image img, #front-page .post-item.layout-2 .post-image img, #category .post-item.layout- .post-image img, #category .post-item.layout-2 .post-image img { width: 100%; display: block; } #front-page .post-item.layout-3.small .post-image, #category .post-item.layout-3.small .post-image { width: 50%; position: absolute; } #front-page .post-item.layout-3.small .post-image.image-01, #category .post-item.layout-3.small .post-image.image-01 { top: 0px; right: 0px; width: 70%; } #front-page .post-item.layout-3.small .post-image.image-02, #category .post-item.layout-3.small .post-image.image-02 { bottom: 0px; left: 0px; width: 50%; } @media only screen and (max-width: 600px) { #front-page .post-item.layout-3.small .post-image.image-02, #category .post-item.layout-3.small .post-image.image-02 { width: 60%; } } #front-page .post-item.layout-3.large .post-header, #category .post-item.layout-3.large .post-header { width: 50%; text-align: right; } #front-page .post-item.layout-3.large .post-header .post-excerpt, #category .post-item.layout-3.large .post-header .post-excerpt { float: right; } #front-page .post-item.layout-3.large .post-image.image-01, #category .post-item.layout-3.large .post-image.image-01 { padding-left: 10%; } #front-page .post-item.layout-3.large .post-image.image-02, #category .post-item.layout-3.large .post-image.image-02 { position: absolute; bottom: 10%; left: 0px; width: 40%; } @media only screen and (max-width: 600px) { #front-page .post-item.layout-3.large .post-image.image-02, #category .post-item.layout-3.large .post-image.image-02 { width: 60%; } } #front-page .post-item.layout-3 > .inner, #category .post-item.layout-3 > .inner { display: flex; flex-direction: column; height: 100%; flex: 1 1 0%; } #front-page .post-item.layout-3 .post-images, #category .post-item.layout-3 .post-images { min-height: 500px; width: calc(100% - 100px); margin: -20px 50px 0px; flex: 1 1 0%; display: block; position: relative; } @media only screen and (max-width: 600px) { #front-page .post-item.layout-3 .post-images, #category .post-item.layout-3 .post-images { min-height: 300px; margin-right: 0px; width: calc(100% - 50px); } } #front-page .post-item.layout-4.large .post-header, #front-page .post-item.layout-5.large .post-header, #category .post-item.layout-4.large .post-header, #category .post-item.layout-5.large .post-header { margin-top: 10%; width: 50%; float: right; } #front-page .post-item.layout-4.large .post-meta, #front-page .post-item.layout-5.large .post-meta, #category .post-item.layout-4.large .post-meta, #category .post-item.layout-5.large .post-meta { position: absolute; bottom: 0px; transform: rotate(-90deg) translateX(0px); transform-origin: 20px 10px; } #front-page .post-item.layout-4.large .post-image, #front-page .post-item.layout-5.large .post-image, #category .post-item.layout-4.large .post-image, #category .post-item.layout-5.large .post-image { width: 50%; float: left; } #front-page .post-item.layout-4 .post-image, #front-page .post-item.layout-5 .post-image, #category .post-item.layout-4 .post-image, #category .post-item.layout-5 .post-image { padding: 0px 50px; box-sizing: border-box; } #front-page .post-item.layout-4.large .post-meta, #category .post-item.layout-4.large .post-meta { left: 50%; transform-origin: 0px 30px; } #front-page .post-item.layout-5.large .post-header, #category .post-item.layout-5.large .post-header { float: left; text-align: right; } #front-page .post-item.layout-5.large .post-header .post-excerpt, #category .post-item.layout-5.large .post-header .post-excerpt { float: right; } #front-page .post-item.layout-5.large .post-image, #category .post-item.layout-5.large .post-image { float: right; } #front-page .post-item.layout-6 .post-image, #category .post-item.layout-6 .post-image { float: right; width: 50%; margin: 0px 50px 0px 20px; } @media only screen and (max-width: 800px) { #front-page .post-item.layout-6 .post-image, #category .post-item.layout-6 .post-image { margin-right: 20px; width: 40%; } } #front-page .post-item.layout-6 .post-content, #front-page .post-item.layout-6 .about-content, #front-page .post-item.layout-6 .error-content, #category .post-item.layout-6 .post-content, #category .post-item.layout-6 .about-content, #category .post-item.layout-6 .error-content { margin: -32px 50px 0px; } @media only screen and (max-width: 1400px) { #front-page .post-item.layout-6 .post-content, #front-page .post-item.layout-6 .about-content, #front-page .post-item.layout-6 .error-content, #category .post-item.layout-6 .post-content, #category .post-item.layout-6 .about-content, #category .post-item.layout-6 .error-content { margin-top: 0px; } } @media only screen and (max-width: 800px) { #front-page .post-item.layout-6 .post-content, #front-page .post-item.layout-6 .about-content, #front-page .post-item.layout-6 .error-content, #category .post-item.layout-6 .post-content, #category .post-item.layout-6 .about-content, #category .post-item.layout-6 .error-content { margin-right: 20px; } } @media only screen and (max-width: 800px) { #front-page .post-item .post-label, #category .post-item .post-label { font-size: 1rem; } } @media only screen and (max-width: 800px) { #front-page .post-item .post-title, #category .post-item .post-title { font-size: 1.6rem; } } @media only screen and (max-width: 800px) { #front-page .post-item .post-excerpt, #category .post-item .post-excerpt { font-size: 1.2rem; } } @media only screen and (max-width: 800px) { #front-page .post-item .post-header, #category .post-item .post-header { margin-bottom: 0px; } } #single .post.type-stills .post-top .post-label { text-align: left; font-size: 2.4rem; line-height: 1; } #single .post.type-words .post-top { text-align: center; } #single .post.type-words .post-top .post-label { margin-bottom: 2em; } #single .post.type-words .post-top .post-title { font-family: Arial, Helvetica, sans-serif; font-style: normal; margin-bottom: 1em; font-size: 3rem; } #single .post.type-words .post-top .post-title a { border-bottom: 4px double; } #single .post.type-words .post-top .post-title::after { display: none; } #single .post.type-words .post-top .post-title { float: none; } #single .post.type-words .post-top .post-excerpt { float: none; text-align: center; margin: 0px auto; } #single .post.layout-4 .post-top, #single .post.layout-5 .post-top { padding: 0px; } #single .post.layout-4 .post-top .post-title, #single .post.layout-5 .post-top .post-title { float: none; } #single .post.layout-4 .post-header, #single .post.layout-5 .post-header { margin-top: 10%; width: 50%; float: right; } @media only screen and (max-width: 600px) { #single .post.layout-4 .post-header, #single .post.layout-5 .post-header { float: none; width: auto; margin: 1em; } } #single .post.layout-4 .post-excerpt, #single .post.layout-5 .post-excerpt { margin: 1em 0px; } #single .post.layout-4 .post-meta, #single .post.layout-5 .post-meta { position: absolute; bottom: 0px; top: auto; transform: rotate(-90deg) translateX(0px); transform-origin: -5px 30px; left: 50%; } @media only screen and (max-width: 600px) { #single .post.layout-4 .post-meta, #single .post.layout-5 .post-meta { left: 0px; transform-origin: 20px 5px; } } #single .post.layout-4 .post-meta .comments-btn, #single .post.layout-5 .post-meta .comments-btn { border: 0px; } #single .post.layout-4 .post-image, #single .post.layout-5 .post-image { width: 50%; float: left; padding: 0px 50px; box-sizing: border-box; } @media only screen and (max-width: 600px) { #single .post.layout-4 .post-image, #single .post.layout-5 .post-image { float: none; width: auto; padding-right: 10px; } } #single .post.layout-4 .post-header { text-align: left; } #single .post.layout-4 .post-header .post-excerpt { float: none; text-align: left; } #single .post.layout-5 .post-header { float: left; text-align: right; } @media only screen and (max-width: 600px) { #single .post.layout-5 .post-header { float: none; } } #single .post.layout-5 .post-header .post-excerpt { float: right; } #single .post.layout-5 .post-meta { transform-origin: 20px 5px; } #single .post.layout-5 .post-image { float: right; } #single .post.layout-6 .post-meta { left: -40px; } #single .post-top { max-width: 1300px; width: 80%; margin: 0px auto 2em; box-sizing: border-box; position: relative; padding: 0px 100px; z-index: 200; } @media only screen and (max-width: 800px) { #single .post-top { width: auto; } } #single .post-top .post-meta { position: absolute; left: 10px; top: 0px; transform: rotate(-90deg) translateX(-100%); transform-origin: 0px 0px; } #single .post-top .post-title { float: left; } #single .post-top .post-excerpt { margin: 0px; text-align: right; float: right; max-width: 500px; } @media only screen and (max-width: 800px) { #single .post-top .post-excerpt { font-size: 1rem; } } #single .post-images > .inner { max-width: 1300px; width: 80%; margin: auto; padding: 0px 10px; box-sizing: border-box; } #single .post-images .post-image { width: 50%; float: left; padding: 0px 50px; box-sizing: border-box; } #single .post-images .post-image.image-02 { padding: 5%; } #single .post-content, #single .about-content, #single .error-content { clear: both; } @media only screen and (max-width: 800px) { #single .post-content .carousel .carousel-content, #single .about-content .carousel .carousel-content, #single .error-content .carousel .carousel-content { position: relative; left: auto; right: auto; padding: 0px 1em; max-width: none; width: auto; } } #single .post-products { margin-top: 3em; } @media only screen and (max-width: 800px) { #single .post-share, #single .post-navigation { width: auto; float: none; } } @media only screen and (max-width: 800px) { #single .post-navigation { border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); } } @media only screen and (max-width: 1200px) { #single .post-images-carousel .image-item img { max-height: 400px; } } @media only screen and (max-width: 800px) { #single .post-images-carousel .image-item img { max-height: 300px; } } @media only screen and (max-width: 800px) { #single .post-images-carousel .owl-nav { left: 0px; right: 0px; } } #category .category-carousel { margin-bottom: 3em; height: 70vh; background: rgb(0, 0, 0); } #category .category-carousel img { height: 70vh; display: block; vertical-align: top; } #index .archive-header { padding: 2em 0px 0.5em; } #index .archive-header .title { text-align: center; } #index .archive-header .filters { margin: 3em 0px 0px; } #index .archive-header .filters .label { font-family: "Sackers Gothic W01"; font-weight: 500; font-style: normal; text-transform: uppercase; letter-spacing: 1px; font-size: 1rem; } #index .archive-header .filters form .date, #index .archive-header .filters form .category, #index .archive-header .filters form .query { float: right; margin: 0px 0.2em; } @media only screen and (max-width: 1000px) { #index .archive-header .filters form .date { display: none; } } @media only screen and (max-width: 500px) { #index .archive-header .filters form .category { display: none; } } #index .archive-header .filters form input, #index .archive-header .filters form select { font-size: 1rem; border: 1px solid rgb(0, 0, 0); } #index .archive-header .filters form .query { padding-right: 30px; } #index .archive-header .filters form .submit-btn { position: absolute; right: 0px; top: 0px; height: 100%; background: none; color: rgb(0, 0, 0); padding-left: 1em; padding-right: 1em; } #index .archive-footer { margin: 3em 0px; } #index .posts .post { float: left; width: 20%; box-sizing: border-box; padding: 1px; position: relative; } @media only screen and (max-width: 700px) { #index .posts .post { width: 25%; } } @media only screen and (max-width: 400px) { #index .posts .post { width: 50%; } } #index .posts .post.large { width: 40%; } @media only screen and (max-width: 700px) { #index .posts .post.large { width: 50%; } } @media only screen and (max-width: 500px) { #index .posts .post.large { width: 75%; } } @media only screen and (max-width: 500px) { #index .posts .post.large { width: 100%; } } #index .posts .post:hover::after { background: rgba(0, 0, 0, 0.3); } #index .posts .post:hover .post-header { opacity: 1; visibility: visible; } #index .posts .post::after { content: ""; display: block; position: absolute; z-index: 100; inset: 0px; background: transparent; } #index .posts .post > a { position: relative; display: block; } #index .posts .post img { display: block; } #index .posts .post .post-header { text-align: center; color: rgb(255, 255, 255); position: absolute; width: 100%; top: 50%; left: 0px; transform: translateY(-50%); opacity: 0; visibility: hidden; box-sizing: border-box; padding: 0px 1em; transition: all 0.3s ease 0s; z-index: 200; } .touch #index .posts .post .post-header { display: none; } #index .posts .post .post-excerpt { padding: 0px 2em; } @media only screen and (max-width: 500px) { #index .posts .post .post-excerpt { padding: 0px 1em; margin-top: 1em; } } #social { background: rgb(236, 236, 236); margin: 6em 0px 2em; position: relative; } #social .header { top: 0px; position: absolute; left: 0px; right: 0px; text-align: center; width: 100%; padding: 1em 0px 0px; z-index: 100; } #social .header .title { width: 100%; position: absolute; line-height: 1; height: 0.75em; overflow: hidden; top: -1em; margin: 0.25em 0px 0px; } #social .items { overflow: auto; max-height: 650px; } @media only screen and (max-width: 800px) { #social .items .item { width: 25%; } } @media only screen and (max-width: 600px) { #social .items .item { width: 33.333%; } } @media only screen and (max-width: 400px) { #social .items .item { width: 50%; } } @media only screen and (max-width: 600px) { #social .items .item .title { font-size: 1.6rem; } } #archive-product .sidebar-content { margin-bottom: 2em; } @media only screen and (max-width: 500px) { #archive-product .sidebar-content .woocommerce-filters .woocommerce-ordering { display: none; } } #archive-product .sidebar-content .products { margin-bottom: 1em; padding: 0px 3em 0px 0px; } @media only screen and (max-width: 1200px) { #archive-product .sidebar-content .products { padding: 0px; } } #archive-product .sidebar-content .products .product { width: 25%; } @media only screen and (max-width: 1700px) { #archive-product .sidebar-content .products .product { width: 33.3333%; } } @media only screen and (max-width: 1000px) { #archive-product .sidebar-content .products .product { width: 50%; } } #archive-product .sidebar-content .products .product:nth-of-type(4n+1) { clear: left; } @media only screen and (max-width: 1700px) { #archive-product .sidebar-content .products .product:nth-of-type(4n+1) { clear: none; } } @media only screen and (max-width: 1700px) { #archive-product .sidebar-content .products .product:nth-of-type(3n+1) { clear: left; } } @media only screen and (max-width: 1000px) { #archive-product .sidebar-content .products .product:nth-of-type(3n+1) { clear: none; } } @media only screen and (max-width: 1000px) { #archive-product .sidebar-content .products .product:nth-of-type(2n+1) { clear: left; } } #single-product > .product { position: relative; } #single-product .woocommerce-error, #single-product .woocommerce-message { margin: 0px 0px 46px; } .added-to-cart #single-product .woocommerce-error, .added-to-cart #single-product .woocommerce-message { display: none; } @media only screen and (max-width: 1000px) { .added-to-cart #single-product .woocommerce-error, .added-to-cart #single-product .woocommerce-message { display: block; } } @media only screen and (max-width: 1200px) { #single-product .woocommerce-breadcrumb { padding-left: 2em; } } @media only screen and (max-width: 800px) { #single-product .woocommerce-breadcrumb { padding-left: 10px; padding-right: 10px; } } #single-product .summary { box-sizing: border-box; float: right; width: 500px; padding: 3em; } @media only screen and (max-width: 1400px) { #single-product .summary { width: 400px; } } @media only screen and (max-width: 1200px) { #single-product .summary { padding: 2em; width: 300px; } } @media only screen and (max-width: 800px) { #single-product .summary { padding: 10px; width: auto; float: none; } } #single-product .images { position: relative; float: left; padding: 0px 0px 0px 3em; width: calc(100% - 500px); box-sizing: border-box; } @media only screen and (max-width: 1400px) { #single-product .images { width: calc(100% - 400px); } } @media only screen and (max-width: 1200px) { #single-product .images { padding: 0px 0px 0px 2em; width: calc(100% - 300px); } } @media only screen and (max-width: 800px) { #single-product .images { padding: 0px 10px; width: auto; float: none; } } @media only screen and (max-width: 1000px) { #single-product .thumbnails.multiple-images { white-space: nowrap; overflow-x: scroll; } #single-product .thumbnails.multiple-images::-webkit-scrollbar { width: 2px; height: 4px; background: rgb(235, 235, 235); } #single-product .thumbnails.multiple-images::-webkit-scrollbar-thumb { background: rgb(109, 109, 109); } #single-product .thumbnails.multiple-images::-webkit-scrollbar-thumb:window-inactive { background: rgb(151, 151, 151); } } @media only screen and (max-width: 1000px) { #single-product .thumbnails.multiple-images .thumbnail { float: none; display: inline-block; vertical-align: top; width: 300px; } } @media only screen and (max-width: 800px) { #single-product .thumbnails.multiple-images .thumbnail { width: 200px; } } #single-product .woocommerce-tabs { clear: both; padding: 3em; max-width: 850px; margin: 0px auto; } #cart { padding: 0px 10px 5em; } @media only screen and (max-width: 800px) { #cart .coupon-form .input-text, #cart .checkout_coupon .input-text { max-width: none; } } @media only screen and (max-width: 800px) { #cart .coupon-form, #cart .checkout_coupon, #cart .shipping-calculator-form { padding-right: 0px; } } @media only screen and (max-width: 600px) { #cart .cart-collaterals { padding-top: 2em; } } @media only screen and (max-width: 800px) { #cart .cart-collaterals .col-2 { border-left: 0px; } } @media only screen and (max-width: 800px) { #cart .cart_totals { padding: 0px 0px 2em; } } #form-checkout { padding: 0px 10px; } #template-checkout-process .page-header { border-bottom: 1px solid rgb(236, 236, 236); } @media only screen and (max-width: 600px) { #template-checkout-process .page-header { display: none; } } #template-checkout-process .post-content > .inner, #template-checkout-process .about-content > .inner, #template-checkout-process .error-content > .inner { max-width: 1240px; } #thankyou > .inner { max-width: 1000px; padding: 0px 10px; margin: 0px auto; } #thankyou .post-content, #thankyou .about-content, #thankyou .error-content { color: rgb(90, 90, 90); text-align: center; padding: 4em 0px; margin: 0px; } #thankyou .order-details-customer { margin: 4em 0px; } @media only screen and (max-width: 1000px) { #thankyou .order-details-customer { margin-left: 0px; } } #thankyou .instagram { margin: 4em 0px; } #thankyou .instagram .image { width: 25%; } @media only screen and (max-width: 600px) { #thankyou .instagram .image { width: 50%; } } #page .post-content > .inner, #page .about-content > .inner, #page .error-content > .inner { max-width: 800px; } #page .woocommerce { margin: 2em 0px; } @media only screen and (max-width: 600px) { #page .woocommerce .products .product { width: 50%; } } @media only screen and (max-width: 600px) { #page .woocommerce .products .product:nth-child(3n+1) { clear: none; } } @media only screen and (max-width: 600px) { #page .woocommerce .products .product:nth-child(2n+1) { clear: left; } } #page .post-password-form { text-align: center; margin: 2em 0px; } #page .post-password-form label { font-family: "Sackers Gothic W01"; font-weight: 500; font-style: normal; text-transform: uppercase; letter-spacing: 1px; font-size: 1.2rem; }