@charset "UTF-8"; /* Base Site Variables and Font Families*/ .clearfix:after, .category-switch:after, .gift-cert-detail-content-wrap:after, .compare-items-panel:after, .bonus-product-list .bonus-product-item:after, .bonus-product-list .bonus-product-list-footer:after, .cart-footer:after, .cart-coupon-code:after, .cart-actions:after, .cart-empty:after, .cart-empty .product-listing:after, .cart-recommendations .product-listing:after { content: ""; display: table; clear: both; } .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .menu { float: left; margin: 0; padding: 0; } .menu li { float: left; list-style: none outside none !important; } .patagonia-purple { color: #342e7d; } /* Bootstrap Framework */ /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @media screen and (max-width: 767px) { .hidden-on-mobile { display: none !important; } } @media screen and (max-width: 991px) and (min-width: 768px) { .hidden-on-tablet { display: none; } } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; outline: 0 none; } a:focus, a:active, a:hover, button:focus, button:active, button:hover, .button:focus, .button:active, .button:hover, .btn:focus, button:focus, .button:focus, .btn:active, button:active, .button:active, .btn:hover, button:hover, .button:hover { outline: none !important; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } 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: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; outline: 0 none; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html[lang=ja] b, html[lang=ja] strong { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, button > .caret, .button > .caret, .dropup > .btn > .caret, .dropup > button > .caret, .dropup > .button > .caret { border-top-color: #000 !important; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"); } .glyphicon, .photo-caption-icon, .photo-icon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before, .photo-caption-icon:before, .photo-icon:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #000000; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #000000; text-decoration: none; } a:hover, a:focus { color: #ef4923; text-decoration: none; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #cccccc; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } html[lang=ja] body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .mini-cart-header, legend, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.4; color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .mini-cart-header small, legend small, .h4 .small, .mini-cart-header .small, legend .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, .mini-cart-header, legend, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, h4 .small, .h4 small, .mini-cart-header small, legend small, .h4 .small, .mini-cart-header .small, legend .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4, .mini-cart-header, legend { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; } .bg-primary { background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.428571429; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.428571429; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429; } .container, #main { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, #main:before, .container:after, #main:after { content: " "; display: table; } .container:after, #main:after { clear: both; } @media (min-width: 768px) { .container, #main { width: 750px; } } @media (min-width: 992px) { .container, #main { width: 970px; } } @media (min-width: 1200px) { .container, #main { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.3333333333%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.3333333333%; } .col-xs-pull-2 { right: 16.6666666667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.3333333333%; } .col-xs-pull-5 { right: 41.6666666667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.3333333333%; } .col-xs-pull-8 { right: 66.6666666667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.3333333333%; } .col-xs-pull-11 { right: 91.6666666667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.3333333333%; } .col-xs-push-2 { left: 16.6666666667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.3333333333%; } .col-xs-push-5 { left: 41.6666666667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.3333333333%; } .col-xs-push-8 { left: 66.6666666667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.3333333333%; } .col-xs-push-11 { left: 91.6666666667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.3333333333%; } .col-md-pull-2 { right: 16.6666666667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333333333%; } .col-md-pull-5 { right: 41.6666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333333333%; } .col-md-pull-8 { right: 66.6666666667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333333333%; } .col-md-pull-11 { right: 91.6666666667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.3333333333%; } .col-md-push-2 { left: 16.6666666667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333333333%; } .col-md-push-5 { left: 41.6666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333333333%; } .col-md-push-8 { left: 66.6666666667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333333333%; } .col-md-push-11 { left: 91.6666666667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.3333333333%; } .col-lg-pull-2 { right: 16.6666666667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333333333%; } .col-lg-pull-5 { right: 41.6666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333333333%; } .col-lg-pull-8 { right: 66.6666666667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333333333%; } .col-lg-pull-11 { right: 91.6666666667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.3333333333%; } .col-lg-push-2 { left: 16.6666666667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333333333%; } .col-lg-push-5 { left: 41.6666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333333333%; } .col-lg-push-8 { left: 66.6666666667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333333333%; } .col-lg-push-11 { left: 91.6666666667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-offset-12 { margin-left: 100%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555555; } .form-control, select, .dropdown-appearance, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus, select:focus, .dropdown-appearance:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { border-color: #cccccc; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 204, 204, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 204, 204, 0.6); } .form-control::-moz-placeholder, select::-moz-placeholder, .dropdown-appearance::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder, select:-ms-input-placeholder, .dropdown-appearance:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder, select::-webkit-input-placeholder, .dropdown-appearance::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand, select::-ms-expand, .dropdown-appearance::-ms-expand, textarea::-ms-expand, input[type="text"]::-ms-expand, input[type="password"]::-ms-expand, input[type="datetime"]::-ms-expand, input[type="datetime-local"]::-ms-expand, input[type="date"]::-ms-expand, input[type="month"]::-ms-expand, input[type="time"]::-ms-expand, input[type="week"]::-ms-expand, input[type="number"]::-ms-expand, input[type="email"]::-ms-expand, input[type="url"]::-ms-expand, input[type="search"]::-ms-expand, input[type="tel"]::-ms-expand, input[type="color"]::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], select[disabled], [disabled].dropdown-appearance, textarea[disabled], input[disabled][type="text"], input[disabled][type="password"], input[disabled][type="datetime"], input[disabled][type="datetime-local"], input[disabled][type="date"], input[disabled][type="month"], input[disabled][type="time"], input[disabled][type="week"], input[disabled][type="number"], input[disabled][type="email"], input[disabled][type="url"], input[disabled][type="search"], input[disabled][type="tel"], input[disabled][type="color"], .form-control[readonly], select[readonly], [readonly].dropdown-appearance, textarea[readonly], input[readonly][type="text"], input[readonly][type="password"], input[readonly][type="datetime"], input[readonly][type="datetime-local"], input[readonly][type="date"], input[readonly][type="month"], input[readonly][type="time"], input[readonly][type="week"], input[readonly][type="number"], input[readonly][type="email"], input[readonly][type="url"], input[readonly][type="search"], input[readonly][type="tel"], input[readonly][type="color"], fieldset[disabled] .form-control, fieldset[disabled] select, fieldset[disabled] .dropdown-appearance, fieldset[disabled] textarea, fieldset[disabled] input[type="text"], fieldset[disabled] input[type="password"], fieldset[disabled] input[type="datetime"], fieldset[disabled] input[type="datetime-local"], fieldset[disabled] input[type="date"], fieldset[disabled] input[type="month"], fieldset[disabled] input[type="time"], fieldset[disabled] input[type="week"], fieldset[disabled] input[type="number"], fieldset[disabled] input[type="email"], fieldset[disabled] input[type="url"], fieldset[disabled] input[type="search"], fieldset[disabled] input[type="tel"], fieldset[disabled] input[type="color"] { background-color: #eeeeee; opacity: 1; } .form-control[disabled], select[disabled], [disabled].dropdown-appearance, textarea[disabled], input[disabled][type="text"], input[disabled][type="password"], input[disabled][type="datetime"], input[disabled][type="datetime-local"], input[disabled][type="date"], input[disabled][type="month"], input[disabled][type="time"], input[disabled][type="week"], input[disabled][type="number"], input[disabled][type="email"], input[disabled][type="url"], input[disabled][type="search"], input[disabled][type="tel"], input[disabled][type="color"], fieldset[disabled] .form-control, fieldset[disabled] select, fieldset[disabled] .dropdown-appearance, fieldset[disabled] textarea, fieldset[disabled] input[type="text"], fieldset[disabled] input[type="password"], fieldset[disabled] input[type="datetime"], fieldset[disabled] input[type="datetime-local"], fieldset[disabled] input[type="date"], fieldset[disabled] input[type="month"], fieldset[disabled] input[type="time"], fieldset[disabled] input[type="week"], fieldset[disabled] input[type="number"], fieldset[disabled] input[type="email"], fieldset[disabled] input[type="url"], fieldset[disabled] input[type="search"], fieldset[disabled] input[type="tel"], fieldset[disabled] input[type="color"] { cursor: not-allowed; } textarea.form-control, textarea.dropdown-appearance, textarea { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="date"], input[type="time"].form-control, input[type="time"], input[type="datetime-local"].form-control, input[type="datetime-local"], input[type="month"].form-control, input[type="month"] { line-height: 34px; } input[type="date"].input-sm, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } #request-catalog .radio label { font-weight: bold; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control, .form-group-sm select, .form-group-sm .dropdown-appearance, .form-group-sm textarea, .form-group-sm input[type="text"], .form-group-sm input[type="password"], .form-group-sm input[type="datetime"], .form-group-sm input[type="datetime-local"], .form-group-sm input[type="date"], .form-group-sm input[type="month"], .form-group-sm input[type="time"], .form-group-sm input[type="week"], .form-group-sm input[type="number"], .form-group-sm input[type="email"], .form-group-sm input[type="url"], .form-group-sm input[type="search"], .form-group-sm input[type="tel"], .form-group-sm input[type="color"] { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control, .form-group-sm select, .form-group-sm select.dropdown-appearance { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm textarea.dropdown-appearance, .form-group-sm textarea, .form-group-sm select[multiple].form-control, .form-group-sm select[multiple], .form-group-sm select[multiple].dropdown-appearance { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control, .form-group-lg select, .form-group-lg .dropdown-appearance, .form-group-lg textarea, .form-group-lg input[type="text"], .form-group-lg input[type="password"], .form-group-lg input[type="datetime"], .form-group-lg input[type="datetime-local"], .form-group-lg input[type="date"], .form-group-lg input[type="month"], .form-group-lg input[type="time"], .form-group-lg input[type="week"], .form-group-lg input[type="number"], .form-group-lg input[type="email"], .form-group-lg input[type="url"], .form-group-lg input[type="search"], .form-group-lg input[type="tel"], .form-group-lg input[type="color"] { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control, .form-group-lg select, .form-group-lg select.dropdown-appearance { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg textarea.dropdown-appearance, .form-group-lg textarea, .form-group-lg select[multiple].form-control, .form-group-lg select[multiple], .form-group-lg select[multiple].dropdown-appearance { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control, .has-feedback select, .has-feedback .dropdown-appearance, .has-feedback textarea, .has-feedback input[type="text"], .has-feedback input[type="password"], .has-feedback input[type="datetime"], .has-feedback input[type="datetime-local"], .has-feedback input[type="date"], .has-feedback input[type="month"], .has-feedback input[type="time"], .has-feedback input[type="week"], .has-feedback input[type="number"], .has-feedback input[type="email"], .has-feedback input[type="url"], .has-feedback input[type="search"], .has-feedback input[type="tel"], .has-feedback input[type="color"] { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback, .form-group-lg select + .form-control-feedback, .form-group-lg .dropdown-appearance + .form-control-feedback, .form-group-lg textarea + .form-control-feedback, .form-group-lg input[type="text"] + .form-control-feedback, .form-group-lg input[type="password"] + .form-control-feedback, .form-group-lg input[type="datetime"] + .form-control-feedback, .form-group-lg input[type="datetime-local"] + .form-control-feedback, .form-group-lg input[type="date"] + .form-control-feedback, .form-group-lg input[type="month"] + .form-control-feedback, .form-group-lg input[type="time"] + .form-control-feedback, .form-group-lg input[type="week"] + .form-control-feedback, .form-group-lg input[type="number"] + .form-control-feedback, .form-group-lg input[type="email"] + .form-control-feedback, .form-group-lg input[type="url"] + .form-control-feedback, .form-group-lg input[type="search"] + .form-control-feedback, .form-group-lg input[type="tel"] + .form-control-feedback, .form-group-lg input[type="color"] + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback, .form-group-sm select + .form-control-feedback, .form-group-sm .dropdown-appearance + .form-control-feedback, .form-group-sm textarea + .form-control-feedback, .form-group-sm input[type="text"] + .form-control-feedback, .form-group-sm input[type="password"] + .form-control-feedback, .form-group-sm input[type="datetime"] + .form-control-feedback, .form-group-sm input[type="datetime-local"] + .form-control-feedback, .form-group-sm input[type="date"] + .form-control-feedback, .form-group-sm input[type="month"] + .form-control-feedback, .form-group-sm input[type="time"] + .form-control-feedback, .form-group-sm input[type="week"] + .form-control-feedback, .form-group-sm input[type="number"] + .form-control-feedback, .form-group-sm input[type="email"] + .form-control-feedback, .form-group-sm input[type="url"] + .form-control-feedback, .form-group-sm input[type="search"] + .form-control-feedback, .form-group-sm input[type="tel"] + .form-control-feedback, .form-group-sm input[type="color"] + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control, .has-success select, .has-success .dropdown-appearance, .has-success textarea, .has-success input[type="text"], .has-success input[type="password"], .has-success input[type="datetime"], .has-success input[type="datetime-local"], .has-success input[type="date"], .has-success input[type="month"], .has-success input[type="time"], .has-success input[type="week"], .has-success input[type="number"], .has-success input[type="email"], .has-success input[type="url"], .has-success input[type="search"], .has-success input[type="tel"], .has-success input[type="color"] { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus, .has-success select:focus, .has-success .dropdown-appearance:focus, .has-success textarea:focus, .has-success input[type="text"]:focus, .has-success input[type="password"]:focus, .has-success input[type="datetime"]:focus, .has-success input[type="datetime-local"]:focus, .has-success input[type="date"]:focus, .has-success input[type="month"]:focus, .has-success input[type="time"]:focus, .has-success input[type="week"]:focus, .has-success input[type="number"]:focus, .has-success input[type="email"]:focus, .has-success input[type="url"]:focus, .has-success input[type="search"]:focus, .has-success input[type="tel"]:focus, .has-success input[type="color"]:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control, .has-warning select, .has-warning .dropdown-appearance, .has-warning textarea, .has-warning input[type="text"], .has-warning input[type="password"], .has-warning input[type="datetime"], .has-warning input[type="datetime-local"], .has-warning input[type="date"], .has-warning input[type="month"], .has-warning input[type="time"], .has-warning input[type="week"], .has-warning input[type="number"], .has-warning input[type="email"], .has-warning input[type="url"], .has-warning input[type="search"], .has-warning input[type="tel"], .has-warning input[type="color"] { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus, .has-warning select:focus, .has-warning .dropdown-appearance:focus, .has-warning textarea:focus, .has-warning input[type="text"]:focus, .has-warning input[type="password"]:focus, .has-warning input[type="datetime"]:focus, .has-warning input[type="datetime-local"]:focus, .has-warning input[type="date"]:focus, .has-warning input[type="month"]:focus, .has-warning input[type="time"]:focus, .has-warning input[type="week"]:focus, .has-warning input[type="number"]:focus, .has-warning input[type="email"]:focus, .has-warning input[type="url"]:focus, .has-warning input[type="search"]:focus, .has-warning input[type="tel"]:focus, .has-warning input[type="color"]:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control, .has-error select, .has-error .dropdown-appearance, .has-error textarea, .has-error input[type="text"], .has-error input[type="password"], .has-error input[type="datetime"], .has-error input[type="datetime-local"], .has-error input[type="date"], .has-error input[type="month"], .has-error input[type="time"], .has-error input[type="week"], .has-error input[type="number"], .has-error input[type="email"], .has-error input[type="url"], .has-error input[type="search"], .has-error input[type="tel"], .has-error input[type="color"] { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus, .has-error select:focus, .has-error .dropdown-appearance:focus, .has-error textarea:focus, .has-error input[type="text"]:focus, .has-error input[type="password"]:focus, .has-error input[type="datetime"]:focus, .has-error input[type="datetime-local"]:focus, .has-error input[type="date"]:focus, .has-error input[type="month"]:focus, .has-error input[type="time"]:focus, .has-error input[type="week"]:focus, .has-error input[type="number"]:focus, .has-error input[type="email"]:focus, .has-error input[type="url"]:focus, .has-error input[type="search"]:focus, .has-error input[type="tel"]:focus, .has-error input[type="color"]:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #404040; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control, .form-inline select, .form-inline .dropdown-appearance, .form-inline textarea, .form-inline input[type="text"], .form-inline input[type="password"], .form-inline input[type="datetime"], .form-inline input[type="datetime-local"], .form-inline input[type="date"], .form-inline input[type="month"], .form-inline input[type="time"], .form-inline input[type="week"], .form-inline input[type="number"], .form-inline input[type="email"], .form-inline input[type="url"], .form-inline input[type="search"], .form-inline input[type="tel"], .form-inline input[type="color"] { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control, .form-inline .input-group select, .form-inline .input-group .dropdown-appearance, .form-inline .input-group textarea, .form-inline .input-group input[type="text"], .form-inline .input-group input[type="password"], .form-inline .input-group input[type="datetime"], .form-inline .input-group input[type="datetime-local"], .form-inline .input-group input[type="date"], .form-inline .input-group input[type="month"], .form-inline .input-group input[type="time"], .form-inline .input-group input[type="week"], .form-inline .input-group input[type="number"], .form-inline .input-group input[type="email"], .form-inline .input-group input[type="url"], .form-inline .input-group input[type="search"], .form-inline .input-group input[type="tel"], .form-inline .input-group input[type="color"] { width: auto; } .form-inline .input-group > .form-control, .form-inline .input-group > select, .form-inline .input-group > .dropdown-appearance, .form-inline .input-group > textarea, .form-inline .input-group > input[type="text"], .form-inline .input-group > input[type="password"], .form-inline .input-group > input[type="datetime"], .form-inline .input-group > input[type="datetime-local"], .form-inline .input-group > input[type="date"], .form-inline .input-group > input[type="month"], .form-inline .input-group > input[type="time"], .form-inline .input-group > input[type="week"], .form-inline .input-group > input[type="number"], .form-inline .input-group > input[type="email"], .form-inline .input-group > input[type="url"], .form-inline .input-group > input[type="search"], .form-inline .input-group > input[type="tel"], .form-inline .input-group > input[type="color"] { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn, button, .button, .btn.btn-primary { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:hover, button:hover, .button:hover, .btn:focus, button:focus, .button:focus, .btn.focus, button.focus, .focus.button { color: #333; text-decoration: none; } .btn.disabled, button.disabled, .disabled.button, .btn[disabled], button[disabled], [disabled].button, fieldset[disabled] .btn, fieldset[disabled] button, fieldset[disabled] .button { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, a.disabled.button, fieldset[disabled] a.btn, fieldset[disabled] a.button { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e5e5; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e5e5; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #333; background-color: #e6e5e5; border-color: #adadad; } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #000000; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #ef4923; text-decoration: none; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary-round { padding: 10px 35px; font-size: 18px; line-height: 1.3333333; border-radius: 22px; background-color: #000000; color: #eeeeee !important; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } /* @import "bootstrap/dropdowns"; @import "bootstrap/button-groups"; @import "bootstrap/input-groups"; */ .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #000000; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 0 0 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 0; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 0 0 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 0; } } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, #main > .navbar-header, .container > .navbar-collapse, #main > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, #main > .navbar-header, .container > .navbar-collapse, #main > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > #main .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 0; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control, .navbar-form select, .navbar-form .dropdown-appearance, .navbar-form textarea, .navbar-form input[type="text"], .navbar-form input[type="password"], .navbar-form input[type="datetime"], .navbar-form input[type="datetime-local"], .navbar-form input[type="date"], .navbar-form input[type="month"], .navbar-form input[type="time"], .navbar-form input[type="week"], .navbar-form input[type="number"], .navbar-form input[type="email"], .navbar-form input[type="url"], .navbar-form input[type="search"], .navbar-form input[type="tel"], .navbar-form input[type="color"] { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control, .navbar-form .input-group select, .navbar-form .input-group .dropdown-appearance, .navbar-form .input-group textarea, .navbar-form .input-group input[type="text"], .navbar-form .input-group input[type="password"], .navbar-form .input-group input[type="datetime"], .navbar-form .input-group input[type="datetime-local"], .navbar-form .input-group input[type="date"], .navbar-form .input-group input[type="month"], .navbar-form .input-group input[type="time"], .navbar-form .input-group input[type="week"], .navbar-form .input-group input[type="number"], .navbar-form .input-group input[type="email"], .navbar-form .input-group input[type="url"], .navbar-form .input-group input[type="search"], .navbar-form .input-group input[type="tel"], .navbar-form .input-group input[type="color"] { width: auto; } .navbar-form .input-group > .form-control, .navbar-form .input-group > select, .navbar-form .input-group > .dropdown-appearance, .navbar-form .input-group > textarea, .navbar-form .input-group > input[type="text"], .navbar-form .input-group > input[type="password"], .navbar-form .input-group > input[type="datetime"], .navbar-form .input-group > input[type="datetime-local"], .navbar-form .input-group > input[type="date"], .navbar-form .input-group > input[type="month"], .navbar-form .input-group > input[type="time"], .navbar-form .input-group > input[type="week"], .navbar-form .input-group > input[type="number"], .navbar-form .input-group > input[type="email"], .navbar-form .input-group > input[type="url"], .navbar-form .input-group > input[type="search"], .navbar-form .input-group > input[type="tel"], .navbar-form .input-group > input[type="color"] { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5d5d; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse, .header-banner { background-color: #222; border-color: #090808; } .navbar-inverse .navbar-brand, .header-banner .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .header-banner .navbar-brand:hover, .navbar-inverse .navbar-brand:focus, .header-banner .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text, .header-banner .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a, .header-banner .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .header-banner .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .header-banner .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .header-banner .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .header-banner .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .header-banner .navbar-nav > .active > a:focus { color: #fff; background-color: #090808; } .navbar-inverse .navbar-nav > .disabled > a, .header-banner .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .header-banner .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus, .header-banner .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle, .header-banner .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .header-banner .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus, .header-banner .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar, .header-banner .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .header-banner .navbar-collapse, .navbar-inverse .navbar-form, .header-banner .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .header-banner .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .header-banner .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .header-banner .navbar-nav > .open > a:focus { background-color: #090808; color: #fff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header, .header-banner .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider, .header-banner .navbar-nav .open .dropdown-menu .divider { background-color: #090808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a, .header-banner .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .header-banner .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .header-banner .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .header-banner .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .header-banner .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .header-banner .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .header-banner .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .header-banner .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .header-banner .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link, .header-banner .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover, .header-banner .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link, .header-banner .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .header-banner .btn-link:hover, .navbar-inverse .btn-link:focus, .header-banner .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .header-banner .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, .header-banner .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .header-banner .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .header-banner .btn-link:focus { color: #444; } /* @import "bootstrap/breadcrumbs"; @import "bootstrap/pagination"; @import "bootstrap/pager"; @import "bootstrap/labels"; @import "bootstrap/badges"; @import "bootstrap/jumbotron"; @import "bootstrap/thumbnails"; @import "bootstrap/alerts"; @import "bootstrap/progress-bars"; @import "bootstrap/media"; @import "bootstrap/list-group"; */ .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-body:before, .panel-body:after { content: " "; display: table; } .panel-body:after { clear: both; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: -1; border-top-left-radius: -1; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: -1; border-bottom-left-radius: -1; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: -1; border-top-left-radius: -1; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: -1; border-bottom-left-radius: -1; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-left: 15px; padding-right: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: -1; border-top-left-radius: -1; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: -1; border-top-right-radius: -1; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: -1; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: -1; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: -1; border-bottom-left-radius: -1; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: -1; border-bottom-right-radius: -1; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: -1; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: -1; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 0; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } /* @import "bootstrap/responsive-embed"; @import "bootstrap/wells"; @import "bootstrap/close"; */ /* @import "bootstrap/modals"; @import "bootstrap/tooltip"; @import "bootstrap/popovers"; @import "bootstrap/carousel"; */ .clearfix:before, .category-switch:before, .gift-cert-detail-content-wrap:before, .clearfix:after, .category-switch:after, .gift-cert-detail-content-wrap:after { content: " "; display: table; } .clearfix:after, .category-switch:after, .gift-cert-detail-content-wrap:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .error-hide { display: none; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .home-mobile-background, .home-mobile-search, .home-mobile-slots { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs, .home-mobile-background, .home-mobile-search, .home-mobile-slots { display: block !important; } table.visible-xs, table.home-mobile-background, table.home-mobile-search, table.home-mobile-slots { display: table !important; } tr.visible-xs, tr.home-mobile-background, tr.home-mobile-search, tr.home-mobile-slots { display: table-row !important; } th.visible-xs, th.home-mobile-background, th.home-mobile-search, th.home-mobile-slots, td.visible-xs, td.home-mobile-background, td.home-mobile-search, td.home-mobile-slots { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs, .header-banner .more-button, nav:not(.nav-v2) .live-chat, nav:not(.nav-v2) .service-info, nav:not(.nav-v2) .user-info, nav:not(.nav-v2) .navigation-menu-option, .navigation-menu-option.tablet-menu, .navigation-menu-option .sub-categories .tablet-menu-column, .header-search { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm, nav:not(.nav-v2) .live-chat, nav:not(.nav-v2) .service-info, nav:not(.nav-v2) .user-info, .navigation-menu-option.inside-patagonia, .inside-patagonia .menu-container, nav:not(.nav-v2) .navigation-menu-option .sub-categories .menu-container { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md, .navigation-menu-option.tablet-menu, .navigation-menu-option .sub-categories .tablet-menu-column { display: none !important; } } @media (min-width: 1200px) { .hidden-lg, .navigation-menu-option.tablet-menu, .navigation-menu-option .sub-categories .tablet-menu-column { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* Font Awesome Functionality */ /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.2857142857em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.1428571429em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center; } .fa-li.fa-lg { left: -1.8571428571em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Site Specific Styles */ @font-face { font-family: 'patagonia-icons'; src: url("data:application/octet-stream;base64,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") format("woff"), url("data:application/octet-stream;base64,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") format("truetype"); } [class^="icon-"]:before, [class*=" icon-"]:before, [class^="entypo-"]:before, [class*=" entypo-"]:before { font-family: "patagonia-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; } [class^="fa-"]:before, [class*=" fa-"]:before { display: inline-block; font: normal normal normal 14px/1 'patagonia-icons'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-star:before, .fa-star:before { content: '\e800'; } .icon-star-half:before, .fa-star-half:before { content: '\e801'; } .icon-circle:before, .fa-circle:before { content: '\e806'; } .icon-bars:before, .fa-bars:before { content: '\e805'; } .icon-facebook:before, .fa-facebook:before { content: '\e808'; } .icon-google-plus:before, .fa-google-plus:before { content: '\e809'; } .icon-pinterest:before, .fa-pinterest:before { content: '\e80a'; } .icon-pinterest-circled:before, .fa-pinterest-circled:before { content: '\e80b'; } .icon-twitter:before, .fa-twitter:before { content: '\e80c'; } .icon-user:before, .fa-user:before { content: '\e802'; } .icon-home:before, .fa-home:before { content: '\e803'; } .icon-bookmark:before, .fa-bookmark:before { content: '\e804'; } .icon-money:before, .fa-money:before { content: '\e807'; } .icon-down-open-big:before, .entypo-down-open-big:before, ul.category-and-sort > li > a .toggle-icon:before { content: '\e811'; } .icon-right-open-big:before, .entypo-right-open-big:before, ul.category-and-sort > li.expanded > a .toggle-icon:before { content: '\e813'; } .icon-left-open-big:before, .entypo-left-open-big:before { content: '\e812'; } .icon-double-right-open-big:before, .entypo-double-right-open-big:before { content: '\e813\e813'; letter-spacing: -3px; } .icon-double-left-open-big:before, .entypo-double-left-open-big:before { content: '\e812\e812'; letter-spacing: -3px; } .icon-right-open:before, .entypo-right-open:before { content: '\e810'; } .icon-cancel:before, .entypo-cancel:before { content: '\e80d'; } .icon-plus:before, .entypo-plus:before, .refinements .refinement .refinement-toggle .toggle-icon:before { content: '\e80e'; } .icon-minus:before, .entypo-minus:before, .refinements .refinement .refinement-toggle.expanded .toggle-icon:before { content: '\e80f'; } .icon-close-x:before, .entypo-close-x:before, .ui-dialog .ui-icon-closethick:before { content: '\e813\e812'; letter-spacing: -1px; } .icon-print:before, .fa-print:before { content: '\e814'; } .icon-mail-alt:before, .fa-mail-alt:before { content: '\e815'; } .icon-comment:before, .fa-comment:before { content: '\e816'; } .icon-gplus-squared:before, .fa-gplus-squared:before { content: '\f0d4'; } .icon-youtube-play:before, .fa-youtube-play:before { content: '\f16a'; } .icon-instagram:before, .fa-instagram:before { content: '\f16d'; } .icon-tumblr-squared:before, .fa-tumblr-squared:before { content: '\f174'; } .icon-vimeo:before, .fa-vimeo:before { content: '\f27d'; } .icon-twitter-squared:before, .fa-twitter-squared:before { content: '\f304'; } .icon-facebook-squared:before, .fa-facebook-squared:before { content: '\f308'; } body { font-size: 12px; } .img-responsive.stretch { min-width: 100%; } .mobile-show { display: none; } @media only screen and (max-width: 767px) { .mobile-show { display: block; } } .mobile-show-inline { display: none; } @media only screen and (max-width: 767px) { .mobile-show-inline { display: inline; } } .tablet-show { display: none; } @media only screen and (min-width: 768px) and (max-width: 1199px) { .tablet-show { display: block; } } .not-mobile-show { display: none; } @media only screen and (min-width: 768px) { .not-mobile-show { display: block; } } .patagonia-eu ~ .ui-dialog h1 { color: #000000; margin: 0; padding: 40px 0 15px 0; font-size: 30px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; line-height: 1.5em; letter-spacing: 0.05em; } @media only screen and (max-width: 767px) { .patagonia-eu ~ .ui-dialog h1 { font-size: 24px; } } .patagonia-eu ~ .ui-dialog .country-suggestion__container { margin-bottom: 20px; } .patagonia-eu ~ .ui-dialog .country-suggestion__container::after { clear: both; content: ""; display: block; } .patagonia-eu ~ .ui-dialog .flag-icon { font-size: 100px; } @media only screen and (min-width: 768px) and (max-width: 1199px) { .patagonia-eu ~ .ui-dialog .flag-icon { font-size: 125px; } } @media only screen and (min-width: 1200px) { .patagonia-eu ~ .ui-dialog .flag-icon { font-size: 150px; } } .patagonia-eu ~ .ui-dialog .country-code { float: left; width: calc(50% - 10px); } .patagonia-eu ~ .ui-dialog .country-code:last-child { float: right; text-align: right; } @-ms-viewport { width: auto !important; } #wrapper { position: relative; left: 0; width: 100%; border: 0; margin: auto; background-color: #FFFFFF; } #wrapper:before, #wrapper:after { content: " "; display: table; } #wrapper:after { clear: both; } #wrapper.pt_content { background: none; } #navbar-dummy { display: none; } #wrapper.scrolledUp { /* @include respond(no-mobile) { margin-top: 87px; } */ } #wrapper.scrolledUp #navbar-dummy { display: block; } #main.full-width { width: 100%; } .primary-content { position: relative; width: calc(100% - 272px); float: right; } @media only screen and (max-width: 991px) { .primary-content { width: 100%; margin: 0; } } .full-width .primary-content { width: 100%; border: 0 none; } #secondary { float: left; position: relative; width: 232px; } @media only screen and (max-width: 991px) { #secondary { width: 100%; border: none; } } @media only screen and (min-width: 768px) { #secondary nav { padding-left: 10px; padding-right: 10px; } #secondary nav a { display: block; } } .pt_content-search-result #secondary, .pt_order #secondary { display: none; } @media only screen and (min-width: 768px) { .pt_content-search-result #secondary, .pt_order #secondary { display: block; } } .secondary-content { clear: both; } .mobile-accordion-nav { margin-bottom: 30px; } .mobile-accordion-nav .collapsible { border: 1px solid #cccccc; border-bottom: none; } .mobile-accordion-nav .collapsible .header { padding: 15px 0 15px 20px; border-bottom: 1px solid #cccccc; cursor: pointer; } .mobile-accordion-nav .collapse-btn { margin-right: 20px; color: #000000; } .mobile-accordion-nav .ul-left-nav { display: none; list-style: none; padding: 0; } .mobile-accordion-nav .ul-left-nav li { border-bottom: 1px solid #cccccc; } .mobile-accordion-nav .ul-left-nav a { display: block; line-height: 40px; padding: 0 0 0 20px; color: #666666; } .two-column { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .two-column { float: left; width: 50%; } } @media (min-width: 1200px) { .two-column { float: left; width: 41.6666666667%; } } @media (min-width: 1200px) { .two-column { margin-left: 8.3333333333%; } } @media only screen and (min-width: 1200px) { .two-column:nth-of-type(2n) { margin-left: 0; } } .embed-responsive, .product-video { overflow: hidden; position: relative; height: 0; padding: 0; } .embed-responsive.embed-responsive-16by9, .product-video { padding-bottom: 56.25%; } .embed-responsive .embed-responsive-item, .product-video .embed-responsive-item { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: none; } .back-to-top { position: fixed; bottom: 42px; right: 40px; z-index: 9999; text-align: center; line-height: 30px; width: 30px; height: 30px; color: #999999; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; cursor: pointer; transition: opacity 0.2s ease-out; opacity: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .back-to-top { bottom: 30px; } } .back-to-top.show { opacity: 1; } @media only screen and (max-width: 991px) { .privacy-policy-modal { width: calc(100% - 30px) !important; } } .js .loader { position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .js .loader-bg { position: absolute; width: 100%; height: 100%; background-color: #FFFFFF; opacity: 0.7; } .js .loader-indicator { z-index: 100; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 17px; background: url("../images/infinite-loading-indicator.svg") center no-repeat; background-size: 77px 77px; } #QuickViewDialog .loader-bg { opacity: 0.0; } /*! jQuery UI - v1.11.2 - 2014-10-16 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,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"); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fed22f; background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-default .ui-icon { background-image: url("images/ui-icons_ef8c08_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("images/ui-icons_ef8c08_256x240.png"); } .ui-state-active .ui-icon { background-image: url("images/ui-icons_ef8c08_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_228ef1_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_ffd27a_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat; opacity: .5; filter: Alpha(Opacity=50); /* support: IE8 */ } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x; opacity: .2; filter: Alpha(Opacity=20); /* support: IE8 */ border-radius: 5px; } /* jQuery UI Sass */ .ui-widget { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } .ui-widget input, .ui-widget select, .ui-widget textarea { font-size: 14px; } .ui-widget button { font-size: 16px; } .ui-widget-overlay { background: url("../images/interface/ui-overlay-shadow.png") repeat scroll 50% 50% #333333; opacity: 0.4; } .ui-front.ui-widget-overlay { z-index: 10000002 !important; } .ui-dialog { overflow: visible; padding: 0; border-radius: 0; background: 0 none; border: 0 none; } .ui-dialog .ui-widget-header { height: 23px; border: none; border-radius: 0; background-color: #FFFFFF; } .ui-dialog .ui-dialog-content { overflow: initial; padding: 20px; background: #FFFFFF; overflow-y: auto; -webkit-overflow-scrolling: touch; } @media only screen and (max-width: 991px) { .ui-dialog .ui-dialog-content { padding: 10px; } } .ui-dialog .popup-content-wrapper { background: #f0f0f0; } .ui-dialog .ui-dialog-title { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #000000; height: 0; } .ui-dialog .ui-icon-closethick { background: none; left: 0; top: 0; width: auto; height: auto; margin-left: 0; margin-top: 0; text-indent: 0; font-size: 14px; color: #9b9b9b; } .ui-dialog .ui-icon-closethick:before { font-family: "patagonia-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; } .ui-dialog .ui-dialog-titlebar { padding: 0 0 31px 0; background: 0 none; } .ui-dialog .ui-dialog-titlebar-close { right: 0; top: 0; width: 20px; height: 20px; padding: 0; border: 0 none; border-radius: 0 0 0 0; margin: 0; background-color: transparent; z-index: 1; } .ui-dialog .ui-dialog-titlebar-close span { margin: 0; padding: 0; } .ui-dialog.quickViewDialog { max-width: 960px !important; width: 100% !important; } .no-close .ui-dialog-titlebar-close { display: none; } .ui-accordion .ui-accordion-content { padding: 0; } .ui-tabs .ui-tabs-nav { height: 2.45em; padding: 0; } .ui-tabs .ui-tabs-nav li { border-color: #FFFFFF; border-style: solid; border-width: 0 0 3px 0; } .ui-tabs .ui-tabs-nav li.ui-state-active { border-bottom-color: #84bd00; } .ui-tabs .ui-tabs-nav li.ui-state-active a { color: #000000; font-weight: 700; } .ui-tabs .ui-tabs-nav li a { color: #999999; } .ui-tabs .ui-tabs-panel { background-color: #FFFFFF; border: 1px solid #FFFFFF; line-height: 1.5em; margin: 0; padding: 20px 10px; } @media screen and (min-width: 768px) { .ui-tabs .ui-tabs-panel h3 { display: none; } } #vertical-carousel { height: 19rem; position: relative; overflow: hidden; } #vertical-carousel ul { height: 10000em; list-style: none; margin: 0; padding: 0; position: relative; } #vertical-carousel ul li { float: left; height: 19rem; width: 100%; } #vertical-carousel ul li .capture-product-id { display: none; } #vertical-carousel .jcarousel-nav { color: #999999; cursor: pointer; font-size: 0.9em; font-weight: 700; position: absolute; right: 0; text-transform: uppercase; } #vertical-carousel .jcarousel-nav:hover { color: #84bd00; } #vertical-carousel .jcarousel-nav.inactive { display: none; } #vertical-carousel .jcarousel-prev { bottom: 30px; } #vertical-carousel .jcarousel-next { bottom: 0; } .ui-dialog-fullscreen { width: 100%; height: 100%; position: fixed; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background-color: #FFFFFF; } @media only screen and (min-width: 768px) { .ui-dialog-fullscreen { top: 50% !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translateY(-50%) translateX(-50%); width: 100% !important; max-width: 800px; max-height: 650px; } } .ui-dialog-fullscreen .ui-dialog-titlebar { position: absolute; top: 0; left: 0; } .ui-dialog-fullscreen .ui-dialog-titlebar-close { top: 15px; left: 15px; } @media only screen and (min-width: 768px) { .ui-dialog-fullscreen .ui-dialog-titlebar-close { top: 25px; left: 25px; } } .ui-dialog-fullscreen .ui-dialog-titlebar-close .ui-icon-closethick:before { color: #000000; } body.dialog-open { width: 100%; height: 100%; overflow: hidden; position: fixed; } html[lang=ja] .ui-widget { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] .ui-widget button { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] .ui-dialog .ui-dialog-title { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .tooltip { cursor: help; position: relative; } .tooltip.product-tile { cursor: pointer; } .tooltip-content { display: none; } .ui-tooltip.ui-widget-content { background: #333333; border-radius: 3px; box-shadow: 2px 3px 3px 0 #999; color: #FFFFFF; } .ui-tooltip-content { padding: 0.3em; } .ui-tooltip-content .recommendation-tooltip-header { font-size: 1.2em; font-weight: bold; padding: 0.5em; } .ui-tooltip-content .recommendation-tooltip-header .product-price { font-weight: 400; } .ui-tooltip-content .recommendation-tooltip-header .product-price .price-standard { color: #999; text-decoration: line-through; } .ui-tooltip-content .recommendation-tooltip-description, .ui-tooltip-content .recommendation-tooltip-attributes { padding: 0.8em; } .ui-tooltip-content .shipping-method-cost, .ui-tooltip-content .surcharge-product, .ui-tooltip-content .promo { text-align: right; padding-bottom: .3rem; } .ui-tooltip-content .shippingtotal { clear: right; text-align: right; margin-top: .3rem; } .ui-tooltip-content .shippingtotal .value { border-top: 1px solid #4D4D4D; padding-top: .3rem; } .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .h2-substitute { font-size: 30px; margin-top: 20px; margin-bottom: 10px; font-family: inherit; font-weight: 500; line-height: 1.4; color: inherit; } .standard-link { color: #000000; } .standard-link:hover, .standard-link.hover { text-decoration: none; color: #ef4923; } .alt-link, .product-toast-options .continue-shopping, .compare-back, .footprint-chronicles .header a, #QuickViewDialog .view-full-link, .avs-dialog tr.pListClickable a, .avs-dialog .inline-link, .avs-dialog .showHide, .pt_checkout .billing-discounts .gift-cert-eu .balance a, .pt_checkout .billing-discounts .gift-cert-eu .coupon-error a, .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status a, .pt_checkout .billing-discounts .gift-cert-eu .redemption.giftcert a, .ui-dialog.fancy-dialog .dialog-content .alt-link, .pt_order .actions a, .orderdetails .name a, .rma-main-header-links a { color: #ef4923; } .alt-link:hover, .product-toast-options .continue-shopping:hover, .compare-back:hover, .footprint-chronicles .header a:hover, #QuickViewDialog .view-full-link:hover, .avs-dialog tr.pListClickable a:hover, .avs-dialog .inline-link:hover, .avs-dialog .showHide:hover, .pt_checkout .billing-discounts .gift-cert-eu .balance a:hover, .pt_checkout .billing-discounts .gift-cert-eu .coupon-error a:hover, .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status a:hover, .pt_checkout .billing-discounts .gift-cert-eu .redemption.giftcert a:hover, .ui-dialog.fancy-dialog .dialog-content .alt-link:hover, .pt_order .actions a:hover, .orderdetails .name a:hover, .rma-main-header-links a:hover, .alt-link.hover, .product-toast-options .hover.continue-shopping, .hover.compare-back, .footprint-chronicles .header a.hover, #QuickViewDialog .hover.view-full-link, .avs-dialog tr.pListClickable a.hover, .avs-dialog .hover.inline-link, .avs-dialog .hover.showHide, .pt_checkout .billing-discounts .gift-cert-eu .balance a.hover, .pt_checkout .billing-discounts .gift-cert-eu .coupon-error a.hover, .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status a.hover, .pt_checkout .billing-discounts .gift-cert-eu .redemption.giftcert a.hover, .ui-dialog.fancy-dialog .dialog-content .hover.alt-link, .pt_order .actions a.hover, .orderdetails .name a.hover, .rma-main-header-links a.hover { text-decoration: none; color: #000000; } .alt-link-2, .product-details-section .description a, .pt_checkout .privacy-policy, .pt_checkout .open-in-modal, .pt_checkout .billing-discounts .tooltip, .pt_checkout .giftcert-container .check-giftcert, .pt_order .actions .continue, .confirmation-v1 .confirmation .actions .continue, .hm-summary a, .essay-text a, .container-article a, .two-col-wrapper a, html[lang=ja] .container-article a, html[lang=ja] .two-col-wrapper a { color: #ef4923; } .alt-link-2:hover, .product-details-section .description a:hover, .pt_checkout .privacy-policy:hover, .pt_checkout .open-in-modal:hover, .pt_checkout .billing-discounts .tooltip:hover, .pt_checkout .giftcert-container .check-giftcert:hover, .pt_order .actions .continue:hover, .confirmation-v1 .confirmation .actions .continue:hover, .hm-summary a:hover, .essay-text a:hover, .container-article a:hover, .two-col-wrapper a:hover, html[lang=ja] .container-article a:hover, html[lang=ja] .two-col-wrapper a:hover, .alt-link-2.hover, .product-details-section .description a.hover, .pt_checkout .hover.privacy-policy, .pt_checkout .hover.open-in-modal, .pt_checkout .billing-discounts .hover.tooltip, .pt_checkout .giftcert-container .hover.check-giftcert, .pt_order .actions .hover.continue, .confirmation-v1 .confirmation .actions .hover.continue, .hm-summary a.hover, .essay-text a.hover, .container-article a.hover, .two-col-wrapper a.hover, html[lang=ja] .container-article a.hover, html[lang=ja] .two-col-wrapper a.hover { color: #ef4923; text-decoration: underline; } .center { text-align: center; } .image-slider:hover .slider-arrow { opacity: 0.6; } .image-slider ul { position: absolute; top: 0; z-index: 2; padding: 0; margin: 0; } .image-slider .loading { opacity: 0; } .image-slider li { display: table-cell; position: relative; list-style: none; overflow: hidden; } .slider-arrow { position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); opacity: 0; transition: opacity linear 0.4s; color: #FFFFFF; cursor: pointer; } .slider-arrow:hover { opacity: 1; } .slider-arrow.previous { left: 1%; } .slider-arrow.next { right: 1%; } .slider-buttons { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; text-align: center; } .slider-buttons span { display: inline-block; height: 50px; padding: 0 0.2em; font-size: 2em; color: #cccccc; } .slider-buttons span.active { color: #ef4923; } .slider-buttons span.clickable { cursor: pointer; } #zoom-button { z-index: 2; left: -9999px; opacity: 0.0; position: absolute; width: 73px; height: 73px; margin-left: -37px; margin-top: -37px; background-image: url("../images/zoombuttons.png"); background-position: 0px 312px; -webkit-transition: opacity linear 0.3s; -moz-transition: opacity linear 0.3s; transition: opacity linear 0.3s; } #zoom-button:hover { cursor: pointer; opacity: 1.0; } #zoom-button.displayed { opacity: 0.6; } @media only screen and (max-width: 991px) { #zoom-button { display: none; } } #zoomed-image-holder { position: fixed; top: 0; right: 0; z-index: 1; padding-left: 200px; overflow: hidden; display: none; cursor: pointer; background: #FFFFFF; } @media only screen and (max-width: 991px) { #zoomed-image-holder { padding-left: 0; } } #zoomed-image-holder #zoomed-image { display: block; height: 100%; width: auto; margin: auto; top: 0; left: 0; position: relative; opacity: 0; } @media only screen and (max-width: 991px) { #zoomed-image-holder #zoomed-image { width: 100%; height: auto; } } #zoomed-image-holder #zoomed-image.revealed { opacity: 1.0; } #zoomed-image-holder #zoom-controls { position: fixed; top: 30px; right: 15px; width: 73px; height: 240px; z-index: 2; } #zoomed-image-holder #zoom-controls div { height: 73px; width: 73px; margin-bottom: 10px; } #zoomed-image-holder #zoom-controls div:hover { cursor: pointer; } @media only screen and (max-width: 767px) { #zoomed-image-holder #zoom-controls { display: none; } } #zoomed-image-holder #zoom-controls #zoom-close { background-image: url("../images/zoombuttons.png"); background-position: 0px 0px; } #zoomed-image-holder #zoom-controls #zoom-in { background-image: url("../images/zoombuttons.png"); background-position: 0px 312px; } #zoomed-image-holder #zoom-controls #zoom-out { background-image: url("../images/zoombuttons.png"); background-position: 0px 153px; } #zoomed-image-holder #zoom-controls #zoom-in.disabled { background-position: 0px 232px; cursor: default; } #zoomed-image-holder #zoom-controls #zoom-out.disabled { background-position: 0px 73px; cursor: default; } #zoomed-image-holder #zoom-close-mobile { height: 73px; width: 73px; position: fixed; bottom: 10px; left: 50%; margin-left: -36px; background-image: url("../images/zoombuttons.png"); background-position: 0px 0px; z-index: 2; display: none; cursor: pointer; } @media only screen and (max-width: 767px) { #zoomed-image-holder #zoom-close-mobile { display: block; } } body.zoom-enabled #zoomed-image-holder { display: block; } body.zoom-enabled #navbar { display: none; } body.zoom-enabled #main > .breadcrumb { display: none; } body.zoom-enabled .product-image-container { display: none; } body.zoom-enabled .product-details-row { display: none; } @media only screen and (max-width: 991px) { body.zoom-enabled #primary { display: none; } } body.zoom-enabled footer { display: none !important; } body.zoom-enabled.openedFromQW #zoomed-image-holder { background: white; z-index: 1020; } .social-icons { background-image: url("../images/social_icons.png"); width: 42px; height: 42px; background-repeat: no-repeat; } .social-icons-dark { background-image: url("../images/social_icons_dark.png"); } .facebook { background-position: 0 0; } .instagram { background-position: 0 -60px; } .twitter { background-position: 0 -120px; } .tumbler { background-position: 0 -180px; } .pinterest { background-position: -74px 0; } .vimeo { background-position: -74px -60px; } .youtube { background-position: -74px -120px; } .googleplus { background-position: -74px -180px; } .social-list { list-style: none; margin: 0; padding: 0; float: left; } .social-list li a { padding: 8px; display: block; } .social-list.second-col { margin-left: 30px; } .email-signup-form label { margin-bottom: 10px; letter-spacing: 1.2px; text-transform: uppercase; font-size: 12px; color: #999999; } .email-signup-form input[type="email"] { height: auto; padding: 5px 30px 5px 5px; border: none; font-size: 12px; font-style: italic; letter-spacing: 0.24px; background-color: #cccccc; color: #666666; } .email-signup-form input[type="email"]::placeholder { color: #666666; } .email-signup-form .submit-email-btn { position: absolute; top: 3px; right: 5px; line-height: 14px; padding: 4px; border: none; font-size: 12px; background: transparent; color: #000000; width: auto; } .email-signup-form .email-signup-confirmation { color: #342e7d; display: none; } .email-signup-form.confirmed { color: #342e7d; padding-top: 5px; } .email-signup-form.confirmed .email-address { border: 2px solid #342e7d; } .email-signup-form.confirmed div:not(.error):not(.error-message) .email-signup-confirmation { display: block; font-style: italic; margin-top: 5px; } .header-banner .email-signup-confirmation { color: white; } #global-header { font-size: 13px; } #global-header .message { letter-spacing: 1px; text-align: center; padding-right: 60px; } @media only screen and (min-width: 768px) { #global-header .message { float: right; text-align: right; } } .header-banner { clear: both; padding: 7px 0; padding-bottom: 3px; text-transform: uppercase; } .header-banner:before, .header-banner:after { content: " "; display: table; } .header-banner:after { clear: both; } .header-banner .message, .header-banner .message a { letter-spacing: 1px; text-align: center; color: #cccccc; } @media only screen and (min-width: 768px) { .header-banner .message > *, .header-banner .message a > * { display: none; } .header-banner .message .header-promotion, .header-banner .message a .header-promotion { display: block !important; } } @media only screen and (min-width: 768px) { .header-banner .message, .header-banner .message a { float: right; text-align: right; } } .header-banner .header-promotion-item-wrapper { display: inline-block; position: relative; text-align: center; padding-left: 14px; padding-right: 13px; text-transform: none; } .header-banner .header-promotion-item-wrapper:last-child { padding-right: 17px; } .header-banner .header-promotion-item-wrapper span { -webkit-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .header-banner .header-promotion-item-wrapper .header-promotion-item-text { opacity: 1.0; letter-spacing: 0.9px; } .header-banner .header-promotion-item-wrapper .header-promotion-item-hover-text { position: absolute; left: 0; width: 100%; text-align: center; top: 0; opacity: 0; font-weight: bold; color: white; letter-spacing: 0.9px; } .header-banner .header-promotion-item-wrapper:hover .header-promotion-item-text { opacity: 0; } .header-banner .header-promotion-item-wrapper:hover .header-promotion-item-hover-text { opacity: 1; } @media only screen and (max-width: 991px) { .header-banner .header-promotion-item-wrapper.desktop-only { display: none; } } @media only screen and (min-width: 768px) { .header-banner .more-button { display: inline-block; float: right; padding: 0 31px 0 30px; margin-left: 10px; letter-spacing: 0.15em; cursor: pointer; color: #cccccc; border-left: 1px solid #666666; } } @media only screen and (max-width: 991px) { .header-banner .more-button { border-left: none; } } .header-banner .more-button .close, .header-banner .more-button .entypo-cancel { display: none; } .header-banner .shipping-message { float: left; padding-left: 35px; letter-spacing: 0.15em; } .header-banner .shipping-message a { color: #999999; } .header-banner .more-options { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; overflow-y: hidden; clear: both; max-height: 0; text-transform: none; transition: max-height 0.75s; } .header-banner .more-options:before, .header-banner .more-options:after { content: " "; display: table; } .header-banner .more-options:after { clear: both; } .header-banner .more-options > .row { padding-top: 80px; padding-bottom: 40px; } .header-banner .more-options .email-signup { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .header-banner .more-options .email-signup:before, .header-banner .more-options .email-signup:after { content: " "; display: table; } .header-banner .more-options .email-signup:after { clear: both; } @media (min-width: 768px) { .header-banner .more-options .email-signup { float: left; width: 100%; } } @media (min-width: 992px) { .header-banner .more-options .email-signup { float: left; width: 41.6666666667%; } } .header-banner .more-options .email-signup-form { float: right; width: 272px; } .header-banner .more-options .email-signup-form .submit-email-btn { top: 30px; } .header-banner .more-options ul { padding: 0; list-style: none; letter-spacing: 0.24px; } .header-banner .more-options a { display: block; color: #999999; padding: 5px 0; } .header-banner .more-options a:hover { color: #ef4923; } .header-banner.active .more-button .close, .header-banner.active .more-button .entypo-cancel { display: inline-block; } .header-banner.active .more-button .more, .header-banner.active .more-button .entypo-down-open-big, .header-banner.active .more-button ul.category-and-sort > li > a .toggle-icon, ul.category-and-sort > li > a .header-banner.active .more-button .toggle-icon { display: none; } .header-banner.active .more-options { max-height: 750px; } .header-banner.active .header-promotion-item-wrapper { display: none; } .nav-options { display: table; position: relative; width: 100%; height: 60px; } @media only screen and (min-width: 768px) { .nav-options > *:not(:last-child) { border-right: 1px solid rgba(0, 0, 0, 0.2); } .nav-options > *:not(:last-child).primary-logo { /*border-right: 0 none;*/ } } .nav-options.toggled .menu-toggle .menu-icon { color: #ef4923; } #menu-toggle-2 { display: table-cell; cursor: pointer; padding: 28px 40px 16px 18px; transition: background-color ease 0.75s 0.75s; } #menu-toggle-2 span, #menu-toggle-2 span:before, #menu-toggle-2 span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 20px; background: #000000; position: absolute; display: block; content: ''; transition: all 500ms ease-in-out; } #menu-toggle-2 span:before { top: -8px; } #menu-toggle-2 span:after { bottom: -8px; } #menu-toggle-2.active { background-color: #FFFFFF; box-shadow: 2px -2px 4px 0 rgba(0, 0, 0, 0.15); transition: background-color 0s; } #menu-toggle-2.active span, #menu-toggle-2.active span:before, #menu-toggle-2.active span:after { background-color: #ef4923; } #menu-toggle-2.active span { background-color: transparent; } #menu-toggle-2.active span:before, #menu-toggle-2.active span:after { top: 0; } #menu-toggle-2.active span:before { transform: rotate(45deg); } #menu-toggle-2.active span:after { transform: rotate(-45deg); } @media only screen and (min-width: 768px) { #menu-toggle-2 { display: none; } } .menu-toggle { display: table-cell; line-height: 44px; padding: 8px 20px; text-align: center; vertical-align: middle; border-right: 1px solid transparent; } .no-touchevents .menu-toggle:hover, .menu-toggle.active { background-color: #FFFFFF; } .no-touchevents .menu-toggle:hover .glyphicon, .no-touchevents .menu-toggle:hover .photo-caption-icon, .no-touchevents .menu-toggle:hover .photo-icon, .no-touchevents .menu-toggle:hover .fa-bars, .menu-toggle.active .glyphicon, .menu-toggle.active .photo-caption-icon, .menu-toggle.active .photo-icon, .menu-toggle.active .fa-bars { color: #ef4923; } .menu-toggle.active.sale { background-color: #ef4923; } .menu-toggle .fa-bars { position: relative; top: 5px; } .menu-toggle .fa-bars:before { font-size: 24px; } @media only screen and (min-width: 768px) { .menu-toggle { display: none; } } .primary-logo { display: table-cell; line-height: 44px; padding: 8px 28px; text-align: center; vertical-align: middle; width: 100%; margin: 0; } .no-touchevents .primary-logo:hover, .primary-logo.active { background-color: #FFFFFF; } .no-touchevents .primary-logo:hover .glyphicon, .no-touchevents .primary-logo:hover .photo-caption-icon, .no-touchevents .primary-logo:hover .photo-icon, .no-touchevents .primary-logo:hover .fa-bars, .primary-logo.active .glyphicon, .primary-logo.active .photo-caption-icon, .primary-logo.active .photo-icon, .primary-logo.active .fa-bars { color: #ef4923; } .primary-logo.active.sale { background-color: #ef4923; } @media only screen and (min-width: 768px) { .primary-logo { width: auto; padding: 8px 35px; } } .primary-logo img { width: 137px; } @media only screen and (min-width: 768px) { .primary-logo.pro-test { padding: 8px 20px; } } @media only screen and (max-width: 767px) { .primary-logo.pro-test { padding: 8px 0; } } .primary-logo.pro-test img { width: 177px; } .live-chat .glyphicon, .live-chat .photo-caption-icon, .live-chat .photo-icon, .service-info .glyphicon, .service-info .photo-caption-icon, .service-info .photo-icon, .user-info .glyphicon, .user-info .photo-caption-icon, .user-info .photo-icon, .dealertracker-info .glyphicon, .dealertracker-info .photo-caption-icon, .dealertracker-info .photo-icon, .mini-cart .glyphicon, .mini-cart .photo-caption-icon, .mini-cart .photo-icon { top: 6px; font-size: 21px; } .user-info .glyphicon, .user-info .photo-caption-icon, .user-info .photo-icon { top: 2px; } .user-info .glyphicon.authenticated, .user-info .authenticated.photo-caption-icon, .user-info .authenticated.photo-icon { color: #ef4923; } .mini-cart .glyphicon, .mini-cart .photo-caption-icon, .mini-cart .photo-icon { transform: scaleX(-1); } .live-chat, .service-info, .user-info, .dealertracker-info { display: table-cell; line-height: 44px; padding: 8px 20px; text-align: center; vertical-align: middle; } .no-touchevents .live-chat:hover, .live-chat.active, .no-touchevents .service-info:hover, .service-info.active, .no-touchevents .user-info:hover, .user-info.active, .no-touchevents .dealertracker-info:hover, .dealertracker-info.active { background-color: #FFFFFF; } .no-touchevents .live-chat:hover .glyphicon, .no-touchevents .live-chat:hover .photo-caption-icon, .no-touchevents .live-chat:hover .photo-icon, .no-touchevents .live-chat:hover .fa-bars, .live-chat.active .glyphicon, .live-chat.active .photo-caption-icon, .live-chat.active .photo-icon, .live-chat.active .fa-bars, .no-touchevents .service-info:hover .glyphicon, .no-touchevents .service-info:hover .photo-caption-icon, .no-touchevents .service-info:hover .photo-icon, .no-touchevents .service-info:hover .fa-bars, .service-info.active .glyphicon, .service-info.active .photo-caption-icon, .service-info.active .photo-icon, .service-info.active .fa-bars, .no-touchevents .user-info:hover .glyphicon, .no-touchevents .user-info:hover .photo-caption-icon, .no-touchevents .user-info:hover .photo-icon, .no-touchevents .user-info:hover .fa-bars, .user-info.active .glyphicon, .user-info.active .photo-caption-icon, .user-info.active .photo-icon, .user-info.active .fa-bars, .no-touchevents .dealertracker-info:hover .glyphicon, .no-touchevents .dealertracker-info:hover .photo-caption-icon, .no-touchevents .dealertracker-info:hover .photo-icon, .no-touchevents .dealertracker-info:hover .fa-bars, .dealertracker-info.active .glyphicon, .dealertracker-info.active .photo-caption-icon, .dealertracker-info.active .photo-icon, .dealertracker-info.active .fa-bars { color: #ef4923; } .live-chat.active.sale, .service-info.active.sale, .user-info.active.sale, .dealertracker-info.active.sale { background-color: #ef4923; } .live-chat .menu-panel, .service-info .menu-panel, .user-info .menu-panel, .dealertracker-info .menu-panel { overflow-y: hidden; position: absolute; top: 60px; right: 0; width: 185px; max-height: 0; background-color: #FFFFFF; box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.15); transition: max-height 0.5s, padding 0.45s; z-index: 1031; visibility: hidden; } .live-chat .menu-panel a, .service-info .menu-panel a, .user-info .menu-panel a, .dealertracker-info .menu-panel a { display: block; line-height: 1.5; padding-top: 10px; } .live-chat .menu-panel a.inline, .service-info .menu-panel a.inline, .user-info .menu-panel a.inline, .dealertracker-info .menu-panel a.inline { display: inline-block; } .live-chat .menu-panel-header, .service-info .menu-panel-header, .user-info .menu-panel-header, .dealertracker-info .menu-panel-header { padding: 5px 0; margin: 0; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.7px; color: #999999; } .live-chat.active .menu-panel, .service-info.active .menu-panel, .user-info.active .menu-panel, .dealertracker-info.active .menu-panel { visibility: visible; max-height: 500px; padding: 10px 15px; } .user-info { line-height: inherit; } @media only screen and (max-width: 767px) { .live-chat.patagonia-jp { display: block; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; width: 150px; height: 77px; background-color: #342E7D; border-top-left-radius: 10px; border-top-right-radius: 10px; top: 214px; margin: auto; color: white; position: relative; font-size: 16px; text-align: center; padding-top: 5px; } } .live-chat { cursor: pointer; display: none; } @media only screen and (min-width: 1200px) { .live-chat { display: block; } } .dealertracker-info { padding-left: 15px; padding-right: 15px; } .dealertracker-info .tracker, .dealertracker-info .tracker::after { background: #f00; border-radius: 100%; display: inline-block; height: 8px; width: 8px; } .dealertracker-info .tracker::after { content: ""; display: block; animation: pulse-animation 2.5s ease-out infinite; } @keyframes pulse-animation { 0% { opacity: 0.0; -webkit-transform: scale(1, 1); } 20% { opacity: 1.0; -webkit-transform: scale(1.5, 1.5); } 40% { opacity: 0.0; -webkit-transform: scale(2, 2); } 100% { opacity: 0.0; -webkit-transform: scale(2, 2); } } /* VOP dialog should be removed after 2016 election campaign */ .ui-dialog.vop-dialog { max-width: 550px; padding: 0 5px; } .ui-dialog.vop-dialog .ui-dialog-content { padding: 0; } .eu-more-email-signup { color: #999; float: right; } .eu-more-email-signup-button { cursor: pointer; border: 1px solid #999; margin-left: 0; margin-top: 11px; display: block; padding-top: 6px; padding-bottom: 5px; padding-left: 26px; padding-right: 26px; user-select: none; } @media only screen and (max-width: 767px) { html[lang=ja] .live-chat.patagonia-jp { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } } html[lang=ja] .live-chat .menu-panel-header, html[lang=ja] .service-info .menu-panel-header, html[lang=ja] .user-info .menu-panel-header { padding: 5px 0; margin: 0; font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.7px; color: #999999; } .home.nav2 { background: #000000; } @media only screen and (min-width: 768px) { .home.nav2 { margin-top: 0 !important; } } @media only screen and (min-width: 768px) { .product-toast.nav2 { top: 71px; } } .navbar-dummy.ver2 { height: 104px; } .no-navbar-dummy .navbar-dummy.ver2 { display: none; } html #navbar.navbar.headroom { will-change: transform; transition: transform 200ms linear, opacity 0.3s ease-in; position: fixed !important; width: 100%; left: 0; right: 0; top: 0; opacity: 1; } html #navbar.navbar.headroom--not-top { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13); } html #navbar.navbar.headroom--pinned { transform: translateY(0%); } html #navbar.navbar.headroom--unpinned { transform: translateY(-100%); opacity: 0; } html.search-active { height: 100%; width: 100%; overflow: hidden; } html.search-active body { height: 100%; width: 100%; overflow: hidden; } @media only screen and (max-width: 1199px) and (orientation: portrait) { .touchevents.ios-keyboard-open .nav-v2 .simple-search-container { margin-bottom: 33vh; } } @media only screen and (max-width: 1199px) and (orientation: landscape) { .touchevents.ios-keyboard-open .nav-v2 .simple-search-container { margin-bottom: 67vh; } } .nav-v2 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .nav-v2 * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .nav-v2.header-search-wrap { height: 0; } .nav-v2.navbar { background-color: #FFFFFF; border: 0; z-index: 10000000 !important; box-shadow: initial; } .nav-v2.navbar + .nav-overlay { display: none; } @media only screen and (min-width: 992px) { .nav-v2.navbar + .nav-overlay { display: block; height: 100%; width: 100%; background-color: #000000; position: absolute; visibility: hidden; z-index: -1; opacity: 0; transition: opacity 0.3s ease-in, visibility 0s ease-in 0.4s, z-index 0s ease-in 0.4s; } } .nav-v2 ~ #main { min-height: calc(100vh - 657px); } @media (min-width: 992px) and (max-width: 1280px) { .nav-v2 ~ #main { min-height: calc(100vh - 267px); } } @media (min-width: 1281px) { .nav-v2 ~ #main { min-height: calc(100vh - 244px); } } @media only screen and (min-width: 992px) { .nav-v2.navbar.active + .nav-overlay { z-index: 9999999; opacity: .6; visibility: visible; transition: opacity 0.3s ease-in; } } .nav-v2 .header-banner { padding: 16px 40px 12px 40px; font-size: 12px; background-color: #FFFFFF; border-color: #FFFFFF; text-transform: none; line-height: 0; position: relative; z-index: 10; } @media (min-width: 992px) and (max-width: 1150px) { .nav-v2 .header-banner { font-size: 11px; } } @media only screen and (max-width: 991px) { .nav-v2 .header-banner { padding: 10px 40px 8px 40px; } } .nav-v2 .header-banner:before { content: ""; position: absolute; bottom: 0; height: 1px; border-bottom: 1px solid #efefef; left: 20px; width: calc(100vw - 32px); } @media only screen and (min-width: 768px) { .nav-v2 .header-banner:before { left: 20px; width: calc(100vw - 32px); } } .nav-v2 .header-banner .shipping-message { text-align: center; z-index: 1; margin: 0 auto; left: 0; right: 0; padding: 0; letter-spacing: .2px; color: #000000; line-height: 16px; display: block; float: none; } @media only screen and (min-width: 992px) { .nav-v2 .header-banner .shipping-message { float: right; text-align: right; margin-right: 25px; } } .nav-v2 .header-banner .shipping-message a { color: #000000; } @media only screen and (min-width: 768px) { .nav-v2 .header-banner .message { float: left; } .nav-v2 .header-banner .message a { color: #666666; } .nav-v2 .header-banner .message a .header-promotion { line-height: 0; } } @media only screen and (max-width: 991px) { .nav-v2 .header-banner .message { display: none !important; } } .nav-v2 .header-banner .header-promotion-item-wrapper:first-child { padding-left: 0; } .nav-v2 .header-banner .header-promotion-item-wrapper .header-promotion-item-text { letter-spacing: .2px; line-height: 16px; } .nav-v2 .header-banner .header-promotion-item-wrapper .header-promotion-item-hover-text { color: #666666; letter-spacing: .2px; line-height: 16px; } .nav-v2 .user-info { float: right; padding: 0; font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; display: none; } @media only screen and (min-width: 992px) { .nav-v2 .user-info { display: block; } } .nav-v2 .user-info a { color: rgba(52, 46, 125, 0.8); font-size: 12px; line-height: 16px; letter-spacing: .24px; padding: 10px 0; } .nav-v2 .user-info a:hover { color: #342e7d; } @media (min-width: 992px) and (max-width: 1150px) { .nav-v2 .user-info a { font-size: 11px; } } .nav-v2 .user-info .user-logout { margin-top: 10px; border-top: 1px solid #FFFFFF; } .nav-v2 .user-info .user-logout .blackcurrant-button { background-color: #171532; padding: 10px; margin-top: 20px; border-radius: 20px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .nav-v2 .user-info .user-logout .blackcurrant-button:hover { background-image: linear-gradient(-180deg, #2a2563 2%, #171532 100%); box-shadow: 0 1px 2px 0 transparent; } .nav-v2 .user-info .user-links { color: #FFFFFF; } .nav-v2 .user-info .menu-panel-header { color: #FFFFFF; font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; font-size: 16px; letter-spacing: .32px; padding: 0px; } .nav-v2 .user-info.active .menu-panel { padding: 0; top: 30px; right: 20px; box-shadow: none; } .nav-v2 .user-info.active .menu-panel a { color: #FFFFFF; } .nav-v2 .userinfo-arrowup { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #3e2f80; margin-left: 150px; margin-top: 5px; } .nav-v2 .userinfo-content { background-color: #3e2f80; padding: 20px 20px 24px 20px; } .nav-v2 .primary-logo { font-size: 18px; line-height: initial; width: 120px; padding: 16px 0 12px 20px; } @media only screen and (min-width: 992px) { .nav-v2 .primary-logo { padding: 0 20px 0 40px; height: 53px; line-height: 53px; width: auto; vertical-align: top; display: inline-block; } } @media (min-width: 992px) and (max-width: 1150px) { .nav-v2 .primary-logo { line-height: 55px; } } .nav-v2 .primary-logo img { width: 120px; } .nav-v2 .shop-menu { opacity: 1; transform: translateY(0); transition: all 0.3s ease-in 0.15s; } .nav-v2 .shop-menu:hover { cursor: pointer; } @media only screen and (max-width: 991px) { .nav-v2 .shop-menu { display: none !important; } } .nav-v2 .top-category { text-transform: none; font-size: 14px; letter-spacing: .24px; display: none; } @media (min-width: 992px) and (max-width: 1150px) { .nav-v2 .top-category { font-size: 13px; } } @media only screen and (min-width: 992px) { .nav-v2 .top-category { display: block; } } .nav-v2 .nav-options > *:not(:last-child) { border-right: none; } @media only screen and (min-width: 992px) { .nav-v2 .nav-options { display: block; font-size: 0; } } .nav-v2 .nav-options .desktop-nav-bg { background-color: #FFFFFF; width: 100%; height: 250px; position: absolute; top: 60px; left: 0; visibility: hidden; transition: height .5s ease-in .2s, opacity .3s ease-in; opacity: 0; overflow-y: hidden; } .nav-v2 .nav-options .follow-bar { position: absolute; background-color: #ef4923; opacity: 0; left: 0; } .nav-v2 .nav-options .follow-bar.horz { transition: left .3s ease-in .2s, width .3s ease-in .2s, opacity .2s ease-in; height: 2px; top: 0; } .nav-v2 .nav-options .follow-bar.vert { width: 2px; z-index: 1; transition: top .3s ease-in .2s, height .3s ease-in .2s, opacity .2s ease-in; } .nav-v2 .nav-options .follow-bar.active { transition: left .3s ease-in, width .3s ease-in, opacity .2s ease-in .2s; } .nav-v2 .nav-options .follow-bar.active.vert { transition: top .3s ease-in, height .3s ease-in, opacity .2s ease-in .2s; } .nav-v2 .nav-options.shop-active .shop-subitems { opacity: 1; visibility: visible; transition: all 0.3s ease-in; } .nav-v2 .nav-options.shop-active .shop-subitems .navigation-menu-option { margin-top: 0; transition: margin 0.3s ease-in; } .nav-v2 .nav-options.shop-active .shop-subitems .navigation-menu-option .top-category { color: #999999; } .nav-v2 .nav-options.shop-active .shop-subitems .navigation-menu-option .top-category > a { color: #999999; } .nav-v2 .nav-options.shop-active .shop-subitems .navigation-menu-option:hover .top-category a, .nav-v2 .nav-options.shop-active .shop-subitems .navigation-menu-option.active .top-category a { color: #000000; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .nav-v2 .nav-options.shop-active .shop-menu { transform: translateY(-20px); opacity: 0; font-size: 10px; transition: all 0.3s ease-in; z-index: -1; position: relative; } .nav-v2 .nav-options.shop-active .inside-patagonia:not(.active) .top-category { color: #999999; } .nav-v2 .nav-options.bg-active .desktop-nav-bg { opacity: 1; visibility: visible; transition: opacity .3s ease-in, height .3s ease-in; } .nav-v2 .nav-options .shop-subitems { vertical-align: middle; display: table-cell; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 338px; transition: all 0.3s ease-in; font-size: 0; } .nav-v2 .nav-options .shop-subitems .navigation-menu-option { margin-top: 25px; transition: margin 0.3s ease-in 0.15s; } @media (min-width: 992px) and (max-width: 1150px) { .nav-v2 .nav-options .shop-subitems { left: 312px; } } .nav-v2 .sale-menu ~ .shop-subitems { left: 407px; } @media (min-width: 992px) and (max-width: 1150px) { .nav-v2 .sale-menu ~ .shop-subitems { left: 361px; } } .nav-v2 .navigation-menu-option { line-height: 12px; padding: 0; display: inline-block; } @media only screen and (min-width: 992px) { .nav-v2 .navigation-menu-option { padding: 0 20px; display: inline-block; height: 60px; line-height: 60px; vertical-align: top; } .nav-v2 .navigation-menu-option.inside-patagonia { padding: 0 20px; } } @media (min-width: 992px) and (max-width: 1150px) { .nav-v2 .navigation-menu-option { padding: 0 11px; } .nav-v2 .navigation-menu-option.inside-patagonia { padding: 0 11px; } } .nav-v2 .navigation-menu-option.active { background-color: transparent; } .nav-v2 .nav-right { float: right; padding-right: 20px; display: table-cell; padding-top: 5px; } @media only screen and (min-width: 992px) { .nav-v2 .nav-right { display: inline-block; height: 60px; line-height: 60px; vertical-align: top; padding-top: 0; } } .nav-v2 .search-icon { cursor: pointer; display: inline-block; line-height: initial; padding: 8px 20px 8px 0; text-align: center; vertical-align: middle; } .nav-v2 .search-icon:hover .glyphicon, .nav-v2 .search-icon:hover .photo-caption-icon, .nav-v2 .search-icon:hover .photo-icon { color: #ef4923; } .nav-v2 .search-icon .glyphicon, .nav-v2 .search-icon .photo-caption-icon, .nav-v2 .search-icon .photo-icon { top: 0px; font-size: 16px; } @media only screen and (min-width: 992px) { .nav-v2 .search-icon .glyphicon, .nav-v2 .search-icon .photo-caption-icon, .nav-v2 .search-icon .photo-icon { line-height: 60px; } } @media only screen and (min-width: 992px) { .nav-v2 .search-icon { padding: 0 20px; height: 60px; line-height: 60px; vertical-align: top; } } .nav-v2 .mini-cart { line-height: initial; display: inline-block; padding-left: 0px; } .nav-v2 .mini-cart:hover .glyphicon, .nav-v2 .mini-cart:hover .photo-caption-icon, .nav-v2 .mini-cart:hover .photo-icon { color: #000000; } .nav-v2 .mini-cart:hover.has-products .glyphicon, .nav-v2 .mini-cart:hover.has-products .photo-caption-icon, .nav-v2 .mini-cart:hover.has-products .photo-icon, .nav-v2 .mini-cart:hover .has-products:hover .glyphicon, .nav-v2 .mini-cart:hover .has-products:hover .photo-caption-icon, .nav-v2 .mini-cart:hover .has-products:hover .photo-icon { color: #ef4923; } .nav-v2 .mini-cart.active:before { display: none; } .nav-v2 .mini-cart .glyphicon, .nav-v2 .mini-cart .photo-caption-icon, .nav-v2 .mini-cart .photo-icon { top: 0px; font-size: 16px; } @media only screen and (min-width: 992px) { .nav-v2 .mini-cart .glyphicon, .nav-v2 .mini-cart .photo-caption-icon, .nav-v2 .mini-cart .photo-icon { line-height: 60px; } } .nav-v2 .mini-cart .mini-cart-link .mini-cart-quantity { display: none; } .nav-v2 .mini-cart .mini-cart-content { top: 60px; } .nav-v2 .mini-cart .mini-cart-total a, .nav-v2 .mini-cart .mini-cart-total a:hover { color: #000000; } .nav-v2 .mini-cart.has-products, .nav-v2 .mini-cart .has-products:hover { background-color: #FFFFFF; } .nav-v2 .mini-cart.has-products .mini-cart-total a, .nav-v2 .mini-cart .has-products:hover .mini-cart-total a { color: #ef4923; } @media only screen and (max-width: 991px) { .nav-v2 .mini-cart .mini-cart-content { margin: 0 auto; left: auto; } } @media only screen and (min-width: 992px) { .nav-v2 .mini-cart { padding: 0 20px; line-height: 60px; height: 60px; vertical-align: top; } } .nav-v2 #menu-toggle-2 { display: inline-block; padding: 18px 0px 12px 0px; position: relative; width: 15px; } .nav-v2 #menu-toggle-2 span { top: 25px; right: 5px; height: 2px; width: 15px; } .nav-v2 #menu-toggle-2 span::before, .nav-v2 #menu-toggle-2 span::after { height: 2px; width: 15px; background-color: #000000; } .nav-v2 #menu-toggle-2 span::before { top: -5px; } .nav-v2 #menu-toggle-2 span::after { bottom: -5px; } @media only screen and (min-width: 992px) { .nav-v2 #menu-toggle-2 { display: none; } } .nav-v2 #menu-toggle-2 a, .nav-v2 #menu-toggle-2 a:hover, .nav-v2 #menu-toggle-2 a:focus { color: #000000; } .nav-v2 #menu-toggle-2.active { box-shadow: none; } .nav-v2 #menu-toggle-2.active span::before, .nav-v2 #menu-toggle-2.active span::after { width: 18px; left: -2px; } .nav-v2 #menu-toggle-2.active span::before { top: 0; } .nav-v2 #menu-toggle-2.active span::after { bottom: 0; } .nav-v2 .fa-bars { top: 0px; font-size: 16px; } .nav-v2 .service-info .glyphicon, .nav-v2 .service-info .photo-caption-icon, .nav-v2 .service-info .photo-icon { top: 0px; font-size: 16px; } @media only screen and (min-width: 992px) { .nav-v2 .service-info { padding-right: 20px; padding-left: 20px; } } .nav-v2 .simple-search-container { display: none; max-width: none; max-width: initial; min-height: 101vh; } @media only screen and (min-width: 768px) { .nav-v2 .simple-search-container { min-height: calc(100vh - 85px); } } @media only screen and (max-width: 991px) { .nav-v2 .header-search { display: none !important; } } @media only screen and (min-width: 992px) { .nav-v2 .header-search { display: inline-block; line-height: 60px; width: auto; } } .nav-v2 .header-search.active { padding: 0; position: absolute; width: 100%; height: 100vh; z-index: 10000002; left: 0; top: 0; display: block !important; overflow: scroll; -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { .nav-v2 .header-search.active { padding: 50px 100px; } } .nav-v2 .header-search.active fieldset { max-width: none; max-width: initial; } .nav-v2 .header-search.active fieldset input { border: none; border-bottom: solid 1px #cccccc; outline: none; font-size: 16px; line-height: 20px; color: #000000; padding: 0 0 20px; box-shadow: inset 0px 0px 0px 0px transparent; font-style: normal; margin-top: 20px; /* firefox 19+ */ /* ie */ } .nav-v2 .header-search.active fieldset input::-ms-clear { display: none; height: 0; width: 0; } .nav-v2 .header-search.active fieldset input::-webkit-input-placeholder { font-style: normal; color: #999999; } .nav-v2 .header-search.active fieldset input::-moz-placeholder { font-style: normal; color: #999999; } .nav-v2 .header-search.active fieldset input:-ms-input-placeholder { font-style: normal; color: #999999; } .nav-v2 .header-search.active fieldset input:-moz-placeholder { font-style: normal; color: #999999; } @media only screen and (min-width: 768px) { .nav-v2 .header-search.active fieldset input { font-size: 40px; line-height: 40px; margin-top: 0px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; /* firefox 19+ */ /* ie */ } .nav-v2 .header-search.active fieldset input::-webkit-input-placeholder { color: #aaaaaa; } .nav-v2 .header-search.active fieldset input::-moz-placeholder { color: #aaaaaa; } .nav-v2 .header-search.active fieldset input:-ms-input-placeholder { color: #aaaaaa; } .nav-v2 .header-search.active fieldset input:-moz-placeholder { color: #aaaaaa; } } .nav-v2 .header-search.active fieldset button { display: none; } .nav-v2 .header-search.active .search-form-wrapper { clear: both; padding: 0 20px; } .nav-v2 .header-search.active .simple-search-container { display: block; } .nav-v2 .inside-patagonia .social-list { float: none; } .nav-v2 .inside-patagonia .social-list li { float: left; } .nav-v2 .inside-patagonia .social-list li a { padding: 0 8px 0 0; font-size: 20px; } @media only screen and (max-width: 991px) { .nav-v2 .inside-patagonia .social-list li a { letter-spacing: 8px; } } .nav-v2 .email-signup { padding-top: 15px; clear: both; } .nav-v2 .email-signup .form-row { margin: 0; overflow: visible; } .nav-v2 .email-signup-form input[type="email"] { padding: 12px; font-style: normal; letter-spacing: 0; background-color: #fafafa; color: #999999; line-height: 16px; border: solid 1px #efefef; border-radius: 2px; } .nav-v2 .email-signup-form .submit-email-btn { top: 9px; color: #999999; } .nav-v2 .header-mini-cart.active .mini-cart-content { border: 0px; box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 2px 0px; font-size: 12px; } .nav-v2 .mobile-customerservice-menu { display: none; } .nav-v2.mobile-navigation-menu { box-shadow: none; } .nav-v2.mobile-navigation-menu.active { max-height: initial; overflow: auto; -webkit-overflow-scrolling: touch; position: relative; padding-bottom: 57px; position: fixed; top: 94px; left: 0; right: 0; height: calc(100% - 94px); z-index: 999999; } .nav-v2.mobile-navigation-menu.active .mobile-customerservice-menu { background-color: #edeced; position: fixed; bottom: 0; left: 0; right: 0; display: block; z-index: 1000000; } .nav-v2.mobile-navigation-menu.active .mobile-customerservice-menu .mobile-customerservice { float: left; padding: 20px; } .nav-v2.mobile-navigation-menu.active .mobile-customerservice-menu .mobile-user-info { float: right; padding: 20px; } .nav-v2.mobile-navigation-menu.active .mobile-customerservice-menu .mobile-user-info .menu-panel { display: none; } .nav-v2.mobile-navigation-menu.active .mobile-customerservice-menu .mobile-user-info a:not(.authenticated) { color: rgba(52, 46, 125, 0.8); font-size: 12px; line-height: 16px; letter-spacing: 0px; padding-top: 20px; font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; } .nav-v2.mobile-navigation-menu.active .mobile-customerservice-menu .mobile-user-info a:not(.authenticated):hover { color: #342e7d; } .nav-v2.mobile-navigation-menu.active .mobile-navigation-menu-options .sub-menu-options { z-index: 10000001; min-height: calc(100vh + 50px); bottom: 0; } .nav-v2.mobile-navigation-menu.active .mobile-navigation-menu-options .inside-patagonia .sub-menu-options { z-index: 999999; } .nav-v2.mobile-navigation-menu.active .mobile-navigation-menu-options .menu-option.back-option { background: none; color: #000000; margin: 0; font-size: 16px; border-bottom: none; } .nav-v2 .mobile-content-banner { width: 100%; height: 220px; background-size: cover; background-position: 50%; margin-bottom: 15px; display: table; } .nav-v2 .mobile-content-banner .content-logo img { width: 60%; padding-bottom: 30px; } .nav-v2 .mobile-content-banner .mobile-content-buttons { display: table-cell; vertical-align: middle; text-align: center; } .nav-v2 .mobile-content-banner .mobile-content-buttons .red-button, .nav-v2 .mobile-content-banner .mobile-content-buttons .purple-button { width: 42%; } .nav-v2 .mobile-content-banner .mobile-content-buttons .red-button { margin-right: 8px; } .nav-v2 .mobile-collections-list { overflow: scroll; } .nav-v2 .mobile-collections-list:after { clear: both; } .nav-v2 .mobile-collections-list ul { height: 220px; margin-bottom: 0; margin-top: 17px; background-color: #fafafa; padding: 12px 12px 0 20px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; width: 1000px; } .nav-v2 .mobile-collections-list ul:after { content: ""; display: table; clear: both; } .nav-v2 .mobile-collections-list ul li { float: left; padding-right: 8px; display: inline-block; text-align: center; } .nav-v2 .mobile-collections-list ul .content-item { background-size: cover; background-position: 50%; height: 196px; width: 140px; box-shadow: 1px 1px 1px 0 #cccccc; border-radius: 2px; padding-top: 116px; transition: 0.15s all ease; } .nav-v2 .mobile-collections-list ul .content-item .card-content { background-image: linear-gradient(-180deg, transparent 0%, rgba(0, 0, 0, 0.9) 99%); height: 80px; border-radius: 2px; padding: 0 10px; } .nav-v2 .mobile-collections-list ul .content-item .content-title { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 14px; line-height: 16px; letter-spacing: 0px; padding-top: 30px; } .nav-v2 .mobile-collections-list ul .content-item .content-links { display: none; } .nav-v2 .mobile-collections-list ul .content-item .content-links a { display: block; } .nav-v2 .mobile-collections-list ul .content-item .content-links a .red-button, .nav-v2 .mobile-collections-list ul .content-item .content-links a .opaque-button, .nav-v2 .mobile-collections-list ul .content-item .content-links a .white-button { width: 100%; } .nav-v2 .mobile-collections-list ul .content-item.active { padding-top: 0px; transition: 0.15s all ease; } .nav-v2 .mobile-collections-list ul .content-item.active .card-content { height: 196px; } .nav-v2 .mobile-collections-list ul .content-item.active .content-links { display: block; } .nav-v2 .mobile-menu-banner { width: 100%; height: 220px; margin-bottom: 15px; margin-top: 16px; } .nav-v2 .mobile-menu-banner .mobile-single-content { width: 50%; height: 220px; background-size: cover; background-position: 50%; float: left; } .nav-v2 .mobile-menu-banner .mobile-single-purple { width: 50%; background-color: #342e7d; float: right; height: 220px; padding: 28px; } .nav-v2 .mobile-menu-banner .mobile-single-purple .single-purple-content { color: #FFFFFF; font-size: 32px; line-height: 32px; letter-spacing: 0; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .nav-v2 .mobile-menu-banner .mobile-single-purple .red-button { margin-top: 60px; width: 100%; } body.home .navbar-fixed-top { position: fixed; } @media only screen and (max-width: 767px) { body.home .navbar-fixed-top { position: relative; } } .navbar { margin-bottom: 0; } .navbar.navbar-fixed-top { position: relative; border-bottom: none; background-color: rgba(255, 255, 255, 0.85); } @media only screen and (max-width: 767px) { .navbar.navbar-fixed-top { position: relative; } } .static-navbar .navbar { position: relative !important; z-index: 1040; } .navigation-menu-option { display: table-cell; line-height: 44px; padding: 8px 60px; text-align: center; vertical-align: middle; white-space: nowrap; } .no-touchevents .navigation-menu-option:hover, .navigation-menu-option.active { background-color: #FFFFFF; } .no-touchevents .navigation-menu-option:hover .glyphicon, .no-touchevents .navigation-menu-option:hover .photo-caption-icon, .no-touchevents .navigation-menu-option:hover .photo-icon, .no-touchevents .navigation-menu-option:hover .fa-bars, .navigation-menu-option.active .glyphicon, .navigation-menu-option.active .photo-caption-icon, .navigation-menu-option.active .photo-icon, .navigation-menu-option.active .fa-bars { color: #ef4923; } .navigation-menu-option.active.sale { background-color: #ef4923; } .navigation-menu-option a:hover { color: initial; } .navigation-menu-option:hover .top-category, .navigation-menu-option.active .top-category { color: #ef4923; } .navigation-menu-option:hover .top-category a, .navigation-menu-option:hover .top-category .fa-bars, .navigation-menu-option.active .top-category a, .navigation-menu-option.active .top-category .fa-bars { color: #ef4923; } .navigation-menu-option.active > .sub-categories { max-height: 768px; border-color: #e7e7e7; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15); border-left: 1px solid rgba(0, 0, 0, 0.2); } .navigation-menu-option.sale { position: relative; padding: 8px 50px; background-color: #ef4923; } .navigation-menu-option.sale:hover .top-category, .navigation-menu-option.sale.active .top-category { color: #FFFFFF; } .navigation-menu-option.sale .top-category { color: #FFFFFF; } .navigation-menu-option.sale .sub-categories.top-level { background-color: #ef4923; border-left: 0 none; border-right: 0 none; left: 0; min-width: calc(100% + 1px); border-right: 1px solid rgba(0, 0, 0, 0.2); } .navigation-menu-option.sale .sub-categories.top-level .column { padding: 0 50px 20px 50px; width: auto; white-space: nowrap; } .navigation-menu-option.sale .sub-categories.top-level a { color: #FFFFFF; } .navigation-menu-option.sale .sub-categories.top-level a:hover { color: #333333; } .navigation-menu-option.sale.active > .sub-categories { border-top-color: #ef4923; } .navigation-menu-option.inside-patagonia { padding: 8px 20px; } .navigation-menu-option.inside-patagonia .top-category { user-select: none; cursor: default; } .navigation-menu-option.tablet-menu { padding: 8px 20px; } .navigation-menu-option.tablet-menu .fa-bars { position: relative; top: 6px; line-height: 36px; font-size: 24px; } .navigation-menu-option.tablet-menu > .sub-categories { width: 100%; } .navigation-menu-option.tablet-menu .menu-panel-header { padding: 5px 0; margin: 0; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.7px; color: #999999; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navigation-menu-option .shop + .sub-categories { font-size: 10px; } } .top-category { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; color: #000000; letter-spacing: 1px; text-transform: uppercase; } .sub-categories.top-level { display: table-row; overflow-y: hidden; position: absolute; top: 60px; left: -1px; max-height: 0; border: 1px solid transparent; border-left-color: #e7e7e7; border-right-color: #e7e7e7; border-width: 0 1px 0; background-color: #FFFFFF; transition: max-height 1s, padding 0.9s; z-index: 999999; } .sub-categories .column { display: table-cell; line-height: 1.2em; padding: 10px 15px 20px 15px; text-align: left; } @media only screen and (min-width: 768px) and (max-width: 1199px) { .sub-categories .column { white-space: normal; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .sub-categories .column { min-width: 196px; } } .sub-categories .column:first-child > .inner:nth-child(1), .sub-categories .column:first-child > .inner:nth-child(2) { padding: 10px 15px; } .sub-categories .column:first-child > .inner:nth-child(1) { background-color: #cccccc; } .sub-categories .column:first-child > .inner:nth-child(1) > a { color: #FFFFFF; } .sub-categories .column:first-child > .inner:nth-child(2) { margin-top: 10px; background-color: #f0f0f0; } .sub-categories .column:first-child > .inner:nth-child(2) > a { margin-top: 0; color: #999999; } .sub-categories .column.center { text-align: center; } .sub-categories .column a { display: block; padding: 5px 0; } .sub-categories .column a.inline { display: inline; } @media only screen and (min-width: 768px) and (max-width: 1199px) { .sub-categories .column a.glyphicon-user { display: none; } } .sub-categories .level-1 > a { margin-bottom: 5px; letter-spacing: 1px; text-transform: uppercase; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .sub-categories .level-1 > a.sale { color: #ef4923; } .sub-categories .level-1:not(:first-child) > a { margin-top: 20px; } .mobile-navigation-menu { overflow: hidden; background: #FFFFFF; max-height: 0; transition: max-height 0.75s; box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.15); } .mobile-navigation-menu.active { max-height: 1100px; background: #FFFFFF; } .menu-option a:hover { color: #000000; } .mobile-navigation-menu-options { position: relative; background-color: #FFFFFF; } .mobile-navigation-menu-options .menu-option { margin: 0 20px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; padding: 12.5px 0; letter-spacing: 0.8px; border-bottom: 1px solid #cccccc; } .mobile-navigation-menu-options .menu-option--sale { color: #ef4923; } .mobile-navigation-menu-options .menu-option.back-option { color: #FFFFFF; letter-spacing: 0.7px; font-size: 14px; background-color: #999999; } .mobile-navigation-menu-options .menu-option.back-option > i { padding: 0 7px; } .mobile-navigation-menu-options .menu-option.last { border-bottom: none; } .mobile-navigation-menu-options .menu-option a { display: block; } .mobile-navigation-menu-options .menu-option .glyphicon-question-sign { margin-right: 5px; vertical-align: text-bottom; font-size: 18px; } .mobile-navigation-menu-options .sub-menu-options { position: absolute; top: 0px; width: 100%; background-color: #ffffff; display: none; } /******** START - mega menu *********/ #menu-sub-cat-section-1 { width: 100%; } #menu-sub-cat-section-1 .menu-content-container { width: 100%; max-width: 1140px; margin: 0 auto; padding-top: 30px; } #menu-sub-cat-section-1 .column { width: 20%; padding-left: 30px; } #menu-sub-cat-section-1 .column:first-child { padding-left: 15px; } #menu-sub-cat-section-1 .inner.level-2 a { font-size: 13px; } #menu-sub-cat-section-1 .column .level-1 > a:first-of-type { font-size: 16px; text-transform: capitalize; line-height: 20px; } .inside-patagonia a { cursor: pointer; } .inside-patagonia .menu-image { max-width: 100%; display: block; } .inside-patagonia .sub-categories { width: 100%; white-space: normal; text-align: left; line-height: 1; } .inside-patagonia .menu-container { width: 100%; max-width: 1160px; margin: 0 auto; font-size: 13px; padding: 20px 10px 40px; } .inside-patagonia .menu-container-content { margin: 0 0 0 -25px; } .inside-patagonia .menu-container h2 { line-height: 1.4; font-size: 16px; letter-spacing: 1px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .inside-patagonia .menu-container .menu-row { margin-top: 20px; } .inside-patagonia .menu-container .menu-col { display: inline-block; width: 25%; vertical-align: top; padding-left: 25px; } .inside-patagonia .menu-container .mission > a { color: #342e7d; font-size: 16px; text-decoration: none; letter-spacing: 1px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; line-height: 1.4; } .inside-patagonia .menu-container .mission > a:hover { text-decoration: underline; } .inside-patagonia .menu-container .basic-list { list-style: none; margin: 0; padding: 0; line-height: 1.4; } .inside-patagonia .menu-container .basic-list li { padding-bottom: 5px; } .inside-patagonia .sport > h2 { color: #999999; } .gray-menu-column .inner.level-1 { background: #CCC; padding: 10px 15px; } html[lang=ja] .top-category { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; color: #000000; } html[lang=ja] .sub-categories .level-1 > a { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .mobile-navigation-menu-options .menu-option { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .inside-patagonia .menu-container h2 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .inside-patagonia .menu-container .mission > a { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media screen and (min-width: 1240px) and (max-width: 1280px) { html[lang=ja] #menu-sub-cat-section-1 .menu-content-container { max-width: none; } } @media screen and (min-width: 1180px) and (max-width: 1350px) { html[lang=ja] body { -ms-overflow-x: hidden; } html[lang=ja] #menu-sub-cat-section-1 .menu-content-container { -ms-overflow-x: hidden; } } /******** END - mega menu *********/ /******** Start New Nav in Legacy Checkout *********/ .navigation-primary { position: relative; } @media screen and (min-width: 768px) and (max-width: 1199px) { .navigation-primary { width: 100%; } } @media screen and (min-width: 1200px) { .navigation-primary { padding: 0 35px; } } .navigation-primary__bar-wrapper { display: flex; position: relative; width: 100%; padding: 2rem 4rem; align-items: center; justify-content: space-between; z-index: 10; transition: opacity 0.3s cubic-bezier(0.38, 0.41, 0.27, 1), visibility 0.3s; } @media screen and (min-width: 768px) { .navigation-primary__bar-wrapper { padding: 2.2rem 0; } } .navigation-primary__link-back { display: inline-flex; } .navigation-primary__link-back svg { margin-right: 10px; } .navigation-primary__logo { position: relative; flex: 0 0 auto; z-index: 1; transition: opacity 0.3s cubic-bezier(0.38, 0.41, 0.27, 1); top: .3rem; display: none; } @media screen and (min-width: 768px) { .navigation-primary__logo { top: 0rem; display: block; } } .navigation-primary__logo svg:not(.colored) * { fill: #000000 !important; } .navigation-primary__logo svg { width: 10.7rem; height: 2.0rem; } @media screen and (min-width: 768px) { .navigation-primary__logo svg { width: 12.9rem; height: 2.4rem; } } @media screen and (min-width: 992px) { .navigation-primary__logo svg { width: 16.1rem; height: 3.1rem; } } .navigation-primary__btn { display: inline-block; font-weight: 400; font-family: 'Avenir Next LT W02 Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; text-align: center; white-space: nowrap; vertical-align: middle; border: 0.4rem solid transparent; padding: 0 3.1rem; font-size: 1rem; line-height: 1.6rem; border-radius: 3rem; transition: transform 0.2s cubic-bezier(0.235, 0, 0.05, 0.95); background-color: #000000; color: #FFFFFF; padding: 0 0.7rem; margin: 0 2rem; min-width: 80px; } @media screen and (min-width: 768px) { .navigation-primary__btn { font-size: 1.2rem; letter-spacing: -0.12px; padding: 0 1.1rem; min-width: 120px; } } .navigation-primary__btn:hover { transform: perspective(1px) scale3d(1.044, 1.044, 1) translate3d(0, 0, 0); color: #FFFFFF; } .icon--chevron-left { width: 10.5px; height: 16.2px; } /******** End New Nav in Legacy Checkout *********/ .nav-v2 .nav-options .navigation-menu-option .sub-categories { opacity: 0; max-height: 768px; z-index: -1; visibility: hidden; transform: translateY(-60px); transition: transform .5s ease-in, visibility 0s ease-in .3s, opacity .3s ease-in, z-index 0s ease-in .3s; cursor: auto; cursor: default; } .nav-v2 .nav-options .navigation-menu-option .sub-categories.stay-down { transform: translateY(0); } .nav-v2 .nav-options .navigation-menu-option.active { background-color: transparent; } .nav-v2 .nav-options .navigation-menu-option.active .sub-categories { opacity: 1; z-index: 1; visibility: visible; transition: transform 0.3s ease-in, visibility 0.3s ease-in, opacity 0.45s ease-in, z-index 0s; } .nav-v2 .nav-options .navigation-menu-option.active .top-category { color: #000000; } .nav-v2 .nav-options .navigation-menu-option.active .top-category .fa-bars { color: #000000; } .nav-v2 .nav-options .navigation-menu-option:hover { background-color: transparent; } .nav-v2 .nav-options .navigation-menu-option:hover .top-category { color: #000000; } .nav-v2 .nav-options .navigation-menu-option:hover .top-category a { color: #000000; } .nav-v2 .nav-options .navigation-menu-option:hover .fa-bars { color: #000000; } .nav-v2 .inside-patagonia .menu-container { display: block !important; /* Needed for the toggle button to work */ } .nav-v2 .inside-patagonia a, .nav-v2 .service-info a, .nav-v2 .sale-menu a, .nav-v2 .shop-subitem a { cursor: pointer; color: #000000; letter-spacing: .24px; opacity: .8; transition: opacity .3s ease-in; } .nav-v2 .inside-patagonia a:hover, .nav-v2 .service-info a:hover, .nav-v2 .sale-menu a:hover, .nav-v2 .shop-subitem a:hover { color: #000000; font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; opacity: 1; } .nav-v2 .inside-patagonia .basic-list .active a, .nav-v2 .service-info .basic-list .active a, .nav-v2 .sale-menu .basic-list .active a, .nav-v2 .shop-subitem .basic-list .active a { opacity: 1; } .nav-v2 .inside-patagonia li a, .nav-v2 .service-info li a, .nav-v2 .sale-menu li a, .nav-v2 .shop-subitem li a { letter-spacing: 0px; } .nav-v2 .inside-patagonia li a:after, .nav-v2 .service-info li a:after, .nav-v2 .sale-menu li a:after, .nav-v2 .shop-subitem li a:after { display: block; content: attr(data-text); font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; height: 1px; color: transparent; overflow: hidden; visibility: hidden; } .nav-v2 .inside-patagonia .menu-image, .nav-v2 .service-info .menu-image, .nav-v2 .sale-menu .menu-image, .nav-v2 .shop-subitem .menu-image { max-width: 100%; display: block; } .nav-v2 .inside-patagonia .sub-categories, .nav-v2 .service-info .sub-categories, .nav-v2 .sale-menu .sub-categories, .nav-v2 .shop-subitem .sub-categories { width: 100%; white-space: normal; text-align: left; line-height: 1; box-shadow: none; position: fixed; left: 0; top: 102px; width: 100%; } .nav-v2 .inside-patagonia .sub-categories.top-level, .nav-v2 .service-info .sub-categories.top-level, .nav-v2 .sale-menu .sub-categories.top-level, .nav-v2 .shop-subitem .sub-categories.top-level { left: 0; border-left: 0; border-right: 0; overflow-y: hidden; background-color: transparent; } @media only screen and (max-width: 991px) { .nav-v2 .inside-patagonia .sub-categories.top-level, .nav-v2 .service-info .sub-categories.top-level, .nav-v2 .sale-menu .sub-categories.top-level, .nav-v2 .shop-subitem .sub-categories.top-level { top: 105px; transition: initial; } } .nav-v2 .inside-patagonia .sub-categories.top-level .back-option, .nav-v2 .service-info .sub-categories.top-level .back-option, .nav-v2 .sale-menu .sub-categories.top-level .back-option, .nav-v2 .shop-subitem .sub-categories.top-level .back-option { display: block; } @media only screen and (min-width: 992px) { .nav-v2 .inside-patagonia .sub-categories.top-level .back-option, .nav-v2 .service-info .sub-categories.top-level .back-option, .nav-v2 .sale-menu .sub-categories.top-level .back-option, .nav-v2 .shop-subitem .sub-categories.top-level .back-option { display: none; } } .nav-v2 .inside-patagonia .menu-container, .nav-v2 .service-info .menu-container, .nav-v2 .sale-menu .menu-container, .nav-v2 .shop-subitem .menu-container { width: 100%; margin: 0 auto; font-size: 13px; padding: 0 0 40px; max-width: none; max-width: initial; min-height: 250px; } .nav-v2 .inside-patagonia .menu-container-content, .nav-v2 .service-info .menu-container-content, .nav-v2 .sale-menu .menu-container-content, .nav-v2 .shop-subitem .menu-container-content { margin: 0; } .nav-v2 .inside-patagonia .menu-container h2, .nav-v2 .service-info .menu-container h2, .nav-v2 .sale-menu .menu-container h2, .nav-v2 .shop-subitem .menu-container h2 { line-height: 12px; font-size: 10px; letter-spacing: .2px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #999999; text-transform: uppercase; margin: 15px 0 10px; } .nav-v2 .inside-patagonia .menu-container .environment h2, .nav-v2 .service-info .menu-container .environment h2, .nav-v2 .sale-menu .menu-container .environment h2, .nav-v2 .shop-subitem .menu-container .environment h2 { margin-bottom: -2px; } .nav-v2 .inside-patagonia .menu-container .menu-row, .nav-v2 .service-info .menu-container .menu-row, .nav-v2 .sale-menu .menu-container .menu-row, .nav-v2 .shop-subitem .menu-container .menu-row { margin-top: 0; } .nav-v2 .inside-patagonia .menu-container .menu-row.additional-links, .nav-v2 .service-info .menu-container .menu-row.additional-links, .nav-v2 .sale-menu .menu-container .menu-row.additional-links, .nav-v2 .shop-subitem .menu-container .menu-row.additional-links { margin-top: -28px; width: 50%; } .nav-v2 .inside-patagonia .menu-container .menu-row.additional-links .menu-col, .nav-v2 .service-info .menu-container .menu-row.additional-links .menu-col, .nav-v2 .sale-menu .menu-container .menu-row.additional-links .menu-col, .nav-v2 .shop-subitem .menu-container .menu-row.additional-links .menu-col { padding-top: 0; } .nav-v2 .inside-patagonia .menu-container .menu-row.additional-links a, .nav-v2 .service-info .menu-container .menu-row.additional-links a, .nav-v2 .sale-menu .menu-container .menu-row.additional-links a, .nav-v2 .shop-subitem .menu-container .menu-row.additional-links a { font-size: 12px; color: rgba(52, 46, 125, 0.8); letter-spacing: 0; line-height: 16px; font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; } .nav-v2 .inside-patagonia .menu-container .menu-row.additional-links a:hover, .nav-v2 .service-info .menu-container .menu-row.additional-links a:hover, .nav-v2 .sale-menu .menu-container .menu-row.additional-links a:hover, .nav-v2 .shop-subitem .menu-container .menu-row.additional-links a:hover { color: #342e7d; } @media only screen and (max-width: 991px) { .nav-v2 .inside-patagonia .menu-container .menu-row, .nav-v2 .service-info .menu-container .menu-row, .nav-v2 .sale-menu .menu-container .menu-row, .nav-v2 .shop-subitem .menu-container .menu-row { display: flex; -ms-flex-direction: row; -ms-flex-wrap: wrap; -ms-flex-align: start; -ms-flex-pack: center; -ms-justify-content: center; -ms-align-content: flex-start; -ms-align-items: flex-start; -webkit-flex-direction: row; -webkit-flex-wrap: wrap; -webkit-justify-content: center; -webkit-align-content: flex-start; -webkit-align-items: flex-start; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: flex-start; align-items: flex-start; } } .nav-v2 .inside-patagonia .menu-row, .nav-v2 .service-info .menu-row, .nav-v2 .sale-menu .menu-row, .nav-v2 .shop-subitem .menu-row { display: table; width: 100%; } .nav-v2 .inside-patagonia .menu-container .menu-col, .nav-v2 .service-info .menu-container .menu-col, .nav-v2 .sale-menu .menu-container .menu-col, .nav-v2 .shop-subitem .menu-container .menu-col { display: block; width: 100%; vertical-align: top; padding: 20px; clear: both; } @media only screen and (min-width: 992px) { .nav-v2 .inside-patagonia .menu-container .menu-col, .nav-v2 .service-info .menu-container .menu-col, .nav-v2 .sale-menu .menu-container .menu-col, .nav-v2 .shop-subitem .menu-container .menu-col { display: table-cell; width: 15%; padding: 0 0 0 40px; } } @media only screen and (max-width: 991px) { .nav-v2 .inside-patagonia .menu-container .menu-col.flex-mobile-first, .nav-v2 .service-info .menu-container .menu-col.flex-mobile-first, .nav-v2 .sale-menu .menu-container .menu-col.flex-mobile-first, .nav-v2 .shop-subitem .menu-container .menu-col.flex-mobile-first { order: 1; width: 100%; flex: 1 0 100%; flex-basis: auto; } .nav-v2 .inside-patagonia .menu-container .menu-col.flex-mobile-second, .nav-v2 .service-info .menu-container .menu-col.flex-mobile-second, .nav-v2 .sale-menu .menu-container .menu-col.flex-mobile-second, .nav-v2 .shop-subitem .menu-container .menu-col.flex-mobile-second { order: 2; width: 100%; flex: 1 0 100%; flex-basis: auto; position: relative; } .nav-v2 .inside-patagonia .menu-container .menu-col.flex-mobile-second .order-links, .nav-v2 .service-info .menu-container .menu-col.flex-mobile-second .order-links, .nav-v2 .sale-menu .menu-container .menu-col.flex-mobile-second .order-links, .nav-v2 .shop-subitem .menu-container .menu-col.flex-mobile-second .order-links { position: absolute; top: 20px; left: 20px; } .nav-v2 .inside-patagonia .menu-container .menu-col.flex-mobile-second .order-links + .basic-list, .nav-v2 .service-info .menu-container .menu-col.flex-mobile-second .order-links + .basic-list, .nav-v2 .sale-menu .menu-container .menu-col.flex-mobile-second .order-links + .basic-list, .nav-v2 .shop-subitem .menu-container .menu-col.flex-mobile-second .order-links + .basic-list { padding-left: 0; padding-right: 4%; margin-top: 33px; } .nav-v2 .inside-patagonia .menu-container .menu-col.flex-mobile-second .order-links + .basic-list + .basic-list, .nav-v2 .service-info .menu-container .menu-col.flex-mobile-second .order-links + .basic-list + .basic-list, .nav-v2 .sale-menu .menu-container .menu-col.flex-mobile-second .order-links + .basic-list + .basic-list, .nav-v2 .shop-subitem .menu-container .menu-col.flex-mobile-second .order-links + .basic-list + .basic-list { padding-left: 4%; padding-right: 0; } } .nav-v2 .inside-patagonia .menu-container .menu-col.mission, .nav-v2 .service-info .menu-container .menu-col.mission, .nav-v2 .sale-menu .menu-container .menu-col.mission, .nav-v2 .shop-subitem .menu-container .menu-col.mission { padding-bottom: 0px; } @media only screen and (min-width: 992px) { .nav-v2 .inside-patagonia .menu-container .menu-col.mission, .nav-v2 .service-info .menu-container .menu-col.mission, .nav-v2 .sale-menu .menu-container .menu-col.mission, .nav-v2 .shop-subitem .menu-container .menu-col.mission { padding-bottom: 20px; width: 27%; } } .nav-v2 .inside-patagonia .menu-container .menu-col.blog, .nav-v2 .service-info .menu-container .menu-col.blog, .nav-v2 .sale-menu .menu-container .menu-col.blog, .nav-v2 .shop-subitem .menu-container .menu-col.blog { padding-top: 0; } @media only screen and (min-width: 992px) { .nav-v2 .inside-patagonia .menu-container .menu-col.blog, .nav-v2 .service-info .menu-container .menu-col.blog, .nav-v2 .sale-menu .menu-container .menu-col.blog, .nav-v2 .shop-subitem .menu-container .menu-col.blog { width: 28%; padding: 0 40px; } } .nav-v2 .inside-patagonia .menu-container .menu-col.blog .social-header, .nav-v2 .service-info .menu-container .menu-col.blog .social-header, .nav-v2 .sale-menu .menu-container .menu-col.blog .social-header, .nav-v2 .shop-subitem .menu-container .menu-col.blog .social-header { padding-top: 5px; } .nav-v2 .inside-patagonia .menu-container .menu-col.no-header, .nav-v2 .service-info .menu-container .menu-col.no-header, .nav-v2 .sale-menu .menu-container .menu-col.no-header, .nav-v2 .shop-subitem .menu-container .menu-col.no-header { padding-top: 37px; } .nav-v2 .inside-patagonia .menu-container .mission .our-mission, .nav-v2 .service-info .menu-container .mission .our-mission, .nav-v2 .sale-menu .menu-container .mission .our-mission, .nav-v2 .shop-subitem .menu-container .mission .our-mission { color: #000000; letter-spacing: 0px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; line-height: 20px; font-size: 14px; } .nav-v2 .inside-patagonia .menu-container .basic-list, .nav-v2 .service-info .menu-container .basic-list, .nav-v2 .sale-menu .menu-container .basic-list, .nav-v2 .shop-subitem .menu-container .basic-list { list-style: none; margin: 0; padding: 0; line-height: 1.4; float: left; width: 50%; } .nav-v2 .inside-patagonia .menu-container .basic-list:last-child, .nav-v2 .service-info .menu-container .basic-list:last-child, .nav-v2 .sale-menu .menu-container .basic-list:last-child, .nav-v2 .shop-subitem .menu-container .basic-list:last-child { padding-bottom: 20px; } @media only screen and (max-width: 991px) { .nav-v2 .inside-patagonia .menu-container .basic-list:nth-child(odd), .nav-v2 .service-info .menu-container .basic-list:nth-child(odd), .nav-v2 .sale-menu .menu-container .basic-list:nth-child(odd), .nav-v2 .shop-subitem .menu-container .basic-list:nth-child(odd) { padding-right: 4%; } .nav-v2 .inside-patagonia .menu-container .basic-list:nth-child(even), .nav-v2 .service-info .menu-container .basic-list:nth-child(even), .nav-v2 .sale-menu .menu-container .basic-list:nth-child(even), .nav-v2 .shop-subitem .menu-container .basic-list:nth-child(even) { padding-left: 4%; } } @media only screen and (min-width: 992px) { .nav-v2 .inside-patagonia .menu-container .basic-list, .nav-v2 .service-info .menu-container .basic-list, .nav-v2 .sale-menu .menu-container .basic-list, .nav-v2 .shop-subitem .menu-container .basic-list { float: none; width: 100%; } .nav-v2 .inside-patagonia .menu-container .basic-list:first-child, .nav-v2 .service-info .menu-container .basic-list:first-child, .nav-v2 .sale-menu .menu-container .basic-list:first-child, .nav-v2 .shop-subitem .menu-container .basic-list:first-child { padding-top: 8px; } } .nav-v2 .inside-patagonia .menu-container .basic-list.logos, .nav-v2 .service-info .menu-container .basic-list.logos, .nav-v2 .sale-menu .menu-container .basic-list.logos, .nav-v2 .shop-subitem .menu-container .basic-list.logos { padding-top: 15px; padding-bottom: 0; } @media only screen and (min-width: 992px) { .nav-v2 .inside-patagonia .menu-container .basic-list.logos, .nav-v2 .service-info .menu-container .basic-list.logos, .nav-v2 .sale-menu .menu-container .basic-list.logos, .nav-v2 .shop-subitem .menu-container .basic-list.logos { padding-top: 28px; } } .nav-v2 .inside-patagonia .menu-container .basic-list.logos li, .nav-v2 .service-info .menu-container .basic-list.logos li, .nav-v2 .sale-menu .menu-container .basic-list.logos li, .nav-v2 .shop-subitem .menu-container .basic-list.logos li { float: left; padding-right: 15px; padding-top: 0; } @media only screen and (min-width: 992px) { .nav-v2 .inside-patagonia .menu-container .basic-list.logos li, .nav-v2 .service-info .menu-container .basic-list.logos li, .nav-v2 .sale-menu .menu-container .basic-list.logos li, .nav-v2 .shop-subitem .menu-container .basic-list.logos li { padding-right: 0px; float: none; } } .nav-v2 .inside-patagonia .menu-container .basic-list.logos li img, .nav-v2 .service-info .menu-container .basic-list.logos li img, .nav-v2 .sale-menu .menu-container .basic-list.logos li img, .nav-v2 .shop-subitem .menu-container .basic-list.logos li img { width: 40px; } .nav-v2 .inside-patagonia .menu-container .basic-list.logos .logo-text, .nav-v2 .service-info .menu-container .basic-list.logos .logo-text, .nav-v2 .sale-menu .menu-container .basic-list.logos .logo-text, .nav-v2 .shop-subitem .menu-container .basic-list.logos .logo-text { padding-left: 10px; display: none; } @media only screen and (min-width: 992px) { .nav-v2 .inside-patagonia .menu-container .basic-list.logos .logo-text, .nav-v2 .service-info .menu-container .basic-list.logos .logo-text, .nav-v2 .sale-menu .menu-container .basic-list.logos .logo-text, .nav-v2 .shop-subitem .menu-container .basic-list.logos .logo-text { display: inline-block; } } .nav-v2 .inside-patagonia .menu-container .basic-list li, .nav-v2 .service-info .menu-container .basic-list li, .nav-v2 .sale-menu .menu-container .basic-list li, .nav-v2 .shop-subitem .menu-container .basic-list li { font-size: 12px; line-height: 20px; letter-spacing: 0; padding: 6px 0; margin: 0; } .nav-v2 .service-info:hover { cursor: pointer; } .nav-v2 .service-info .menu-container .menu-col { font-size: 12px; line-height: 20px; letter-spacing: .2px; } @media only screen and (min-width: 992px) { .nav-v2 .service-info .menu-container .menu-col { width: 33%; border-left: solid 1px #efefef; } .nav-v2 .service-info .menu-container .menu-col:first-child, .nav-v2 .service-info .menu-container .menu-col.header { border-left: none; } .nav-v2 .service-info .menu-container .menu-col.contact-us { padding-top: 14px; } } @media only screen and (max-width: 991px) { .nav-v2 .service-info .sub-categories.top-level { background-color: #FFFFFF; top: 0; position: absolute; height: calc(100% - 104px); } } .nav-v2 .service-info .contact-us a { font-size: 12px; color: rgba(52, 46, 125, 0.8); letter-spacing: 0; line-height: 16px; font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; } .nav-v2 .service-info .contact-us a:hover { color: #342e7d; } .nav-v2 .service-info .contact-email { padding-top: 8px; } .nav-v2 .service-info .contact-email a { color: rgba(0, 0, 0, 0.8); } .nav-v2 .service-info .contact-email a:hover { color: #000000; font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; } .nav-v2 .service-info .contact-phone { padding-top: 20px; } .nav-v2 .service-info .grey-text { color: #666666; } .nav-v2 .service-info .live-chat { text-align: left; padding: 0; display: block; } .nav-v2 .service-info .live-chat a.opaque-button { margin-top: 40px; color: #FFFFFF; padding: 10px 45px; } .nav-v2 .inside-patagonia .menu-container .mission h2 { font-family: "Belwe W01 Bold_1118882", Helvetica, Arial, sans-serif; font-size: 32px; line-height: 34px; color: #000000; margin: 0 0 28px; text-transform: none; } @media only screen and (min-width: 992px) { .nav-v2 .inside-patagonia .menu-container .mission h2 { margin-top: 20px; } } @media only screen and (max-width: 991px) { .nav-v2 .inside-patagonia .sub-categories.top-level { background-color: #FFFFFF; top: 45px; position: absolute; padding-bottom: 50px; max-height: none; } } .nav-v2 .inside-patagonia .mobile-navigation-menu-options { padding-top: 20px; padding-bottom: 10px; clear: both; display: block; } .nav-v2 .inside-patagonia .mobile-navigation-menu-options .menu-option { margin: 0 -20px 0 0; padding-right: 20px; } .nav-v2 .inside-patagonia .mobile-navigation-menu-options .menu-option .glyphicon, .nav-v2 .inside-patagonia .mobile-navigation-menu-options .menu-option .photo-caption-icon, .nav-v2 .inside-patagonia .mobile-navigation-menu-options .menu-option .photo-icon { float: right; font-size: 12px; margin-top: 2px; } @media only screen and (min-width: 992px) { .nav-v2 .inside-patagonia .mobile-navigation-menu-options { display: none; } } .nav-v2 .shop-links, .nav-v2 .shop-content, .nav-v2 .shop-content-left { width: 50%; float: left; } .nav-v2 .shop-content-left { padding-left: 40px; padding-top: 37px; } .nav-v2 .shop-content-left .left-content-spot .left-content { display: table; height: 254px; width: 100%; background-size: cover; background-position: 50%; } .nav-v2 .shop-content-left .left-content-spot .left-content .content-logo img { width: 60%; padding-bottom: 30px; } .nav-v2 .shop-content-left .left-content-spot .left-content .left-buttons { display: table-cell; vertical-align: middle; text-align: left; padding-left: 40px; } .nav-v2 .shop-content-left .left-content-spot .left-content .left-buttons .red-button, .nav-v2 .shop-content-left .left-content-spot .left-content .left-buttons .purple-button { width: 27%; margin-right: 10px; } .nav-v2 .shop-content { padding-right: 40px; } .nav-v2 .shop-content .collections-list { width: 100%; margin-left: 40px; padding-top: 37px; padding-right: 40px; position: relative; } .nav-v2 .shop-content .collections-list .basic-list { border-left: solid 1px #efefef; padding-left: 20px; display: inline-block; position: relative; height: 254px; } .nav-v2 .shop-content .collections-list .basic-list li { transition: padding-left 0.2s ease-in, color 0.2s ease-in; width: 30%; } .nav-v2 .shop-content .collections-list .basic-list li a { color: #999999; font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; } .nav-v2 .shop-content .collections-list .basic-list li.active { padding-left: 8px; transition: padding-left 0.2s ease-in, color 0.2s ease-in; z-index: 1; } .nav-v2 .shop-content .collections-list .basic-list li.active a { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #000000; } .nav-v2 .shop-content .collections-list:hover .content-item:before { content: ""; } .nav-v2 .shop-content .collections-list:hover .content-links { transition: opacity 0.3s ease-in; opacity: 1; visibility: visible; } .nav-v2 .shop-content .collections-list:hover .active .content-item:hover .white-button, .nav-v2 .shop-content .collections-list:hover .active:hover .white-button { max-height: 100px; visibility: visible; opacity: 1; font-size: 12px; line-height: 16px; margin-top: 10px; padding: 10px; transition: all .3s ease-in .1s; } .nav-v2 .shop-content .collections-content { float: right; z-index: 2; position: relative; width: 57%; top: 37px; } .nav-v2 .shop-content .content-item { display: block; height: 254px; width: calc(70% - 21px); position: absolute; right: 0; top: 0; background-size: cover; background-position: 50%; visibility: hidden; opacity: 0; transition: opacity 0.3s ease-in, visibility 0.3s ease-in; } .nav-v2 .shop-content .content-item:not(.no-links):before { height: 100%; width: 100%; position: absolute; opacity: .2; background: #000000; display: block; top: 0; left: 0; } .nav-v2 .shop-content .content-links { display: block; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); text-align: center; visibility: hidden; opacity: 0; transition: opacity 0.3s ease-in; } .nav-v2 .shop-content .content-links a { display: block; } .nav-v2 .shop-content .content-links .red-button, .nav-v2 .shop-content .content-links .opaque-button, .nav-v2 .shop-content .content-links .white-button { width: 200px; transition: all 0.3s ease-in; } .nav-v2 .shop-content .content-links .white-button { visibility: hidden; opacity: 0; max-height: 0; padding: 0; font-size: 8px; margin: 0; line-height: 0; } .nav-v2 .shop-content .single-content { float: left; margin-top: 12px; z-index: 2; position: relative; height: 265px; width: auto; width: 60%; background-size: cover; background-position: 50%; } .nav-v2 .shop-content .single-purple { background-color: #342e7d; width: 49%; float: left; margin-left: -9%; height: 290px; display: table; } .nav-v2 .shop-content .single-purple .single-wrapper { display: table-cell; vertical-align: middle; padding: 0 7% 0 25%; } .nav-v2 .shop-content .single-purple .single-purple-content { color: #FFFFFF; font-size: 32px; letter-spacing: .64px; line-height: 36px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .nav-v2 .shop-content .single-purple .red-button { margin-top: 40px; width: 100%; } .nav-v2 .sale-menu.navigation-menu-option:hover .top-category, .nav-v2 .sale-menu.navigation-menu-option.active .top-category { color: #ef4923; } .nav-v2 .sale-menu .top-category { color: #ef4923; } .nav-v2 .sale-menu .menu-container { padding-right: 40px; } .nav-v2 .sale-menu .sale-content-spot .sale-content { display: table; height: 254px; width: 100%; background-size: cover; background-position: 50%; position: relative; } .nav-v2 .sale-menu .sale-content-spot .sale-content:after { position: absolute; content: ""; background-color: black; opacity: .2; width: 100%; height: 100%; left: 0; z-index: 1; } .nav-v2 .sale-menu .sale-content-spot .sale-content:hover:after { opacity: 0; } .nav-v2 .sale-menu .sale-content-spot .sale-content .sale-buttons { text-align: center; color: #FFFFFF; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 24px; letter-spacing: .48px; z-index: 2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .nav-v2 .red-button { background-color: #fa240c; color: #FFFFFF; border-radius: 20px; padding: 10px; text-align: center; margin-top: 10px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; letter-spacing: .24px; display: inline-block; } .nav-v2 .red-button:hover { background-image: linear-gradient(-180deg, #fa341e 2%, #fa240c 100%); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21); } .nav-v2 .purple-button { background-color: #342e7d; color: #FFFFFF; border-radius: 20px; padding: 10px; text-align: center; margin-top: 10px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; letter-spacing: .24px; display: inline-block; } .nav-v2 .purple-button:hover { background-image: linear-gradient(-180deg, #2A247C 2%, #342e7d 100%); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21); } .nav-v2 .opaque-button { background-color: rgba(0, 0, 0, 0.54); color: #FFFFFF; border-radius: 20px; padding: 10px; text-align: center; margin-top: 10px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; letter-spacing: .24px; display: inline-block; } .nav-v2 .opaque-button:hover { background-color: rgba(0, 0, 0, 0.65); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21); } .nav-v2 .white-button { background-color: #fafafa; color: #fa240c; border-radius: 20px; padding: 10px; text-align: center; margin-top: 10px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; letter-spacing: .24px; display: inline-block; } .nav-v2 .white-button:hover { background-image: linear-gradient(-180deg, #ffffff 0%, #f8f8f8 100%); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21); } .nav-v2 a.purple-link { color: rgba(52, 46, 125, 0.8); } .nav-v2 a.purple-link:hover { color: #342e7d; } .nav-v2 .menu-container .show-desktop-nav { display: none; } @media only screen and (min-width: 992px) { .nav-v2 .menu-container .show-desktop-nav { display: block; } } .nav-v2 .menu-container .menu-row.show-desktop-nav { display: none; } @media only screen and (min-width: 992px) { .nav-v2 .menu-container .menu-row.show-desktop-nav { display: table; } } .nav-v2 .menu-container .menu-col.show-desktop-nav { display: none; } @media only screen and (min-width: 992px) { .nav-v2 .menu-container .menu-col.show-desktop-nav { display: table-cell; } } .nav-v2.mobile-navigation-menu .toggle-wrapper { border: solid 1px #efefef; background-color: #fafafa; margin: 20px; border-radius: 20px; } .nav-v2.mobile-navigation-menu .toggle-wrapper:after { content: ""; display: table; clear: both; } .nav-v2.mobile-navigation-menu .toggle-wrapper .toggle-button { background-color: #fafafa; color: #000000; padding: 11px; border-radius: 20px; width: 50%; text-align: center; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .nav-v2.mobile-navigation-menu .toggle-wrapper .toggle-button.left { float: left; } .nav-v2.mobile-navigation-menu .toggle-wrapper .toggle-button.right { float: right; } .nav-v2.mobile-navigation-menu .toggle-wrapper .toggle-button.active { background-color: #000000; color: #FFFFFF; } .nav-v2 .mobile-navigation-menu-options .menu-option { margin: 0 0 0 20px; line-height: 20px; padding: 12px 0; letter-spacing: 0; border-bottom: 1px solid #efefef; } .nav-v2 .mobile-navigation-menu-options .menu-option.direct-link { border-bottom: none; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; line-height: 25px; } .nav-v2 .mobile-navigation-menu-options .menu-option[data-object-id="header-customer-info-mobile"] { display: none; } .nav-v2 .navigation-menu-option.active .shop-content .collections-list .basic-list li.active .content-item { transition: opacity 0.3s ease-in; opacity: 1; visibility: visible; z-index: 10; } .header-search, .mobile-search, .home-mobile-search { position: relative; width: 100%; } .header-search fieldset, .mobile-search fieldset, .home-mobile-search fieldset { position: relative; max-width: 500px; margin: 0 auto; } .header-search input[type="search"], .mobile-search input[type="search"], .home-mobile-search input[type="search"] { height: auto; padding: 6px 35px 6px 19px; margin: 0; font-weight: bold; } @media only screen and (max-width: 767px) { .header-search input[type="search"], .mobile-search input[type="search"], .home-mobile-search input[type="search"] { width: calc(100% - 2px); } } .header-search input[type="search"]::placeholder, .mobile-search input[type="search"]::placeholder, .home-mobile-search input[type="search"]::placeholder { font-style: italic; color: #555555; font-weight: normal; } .header-search button, .mobile-search button, .home-mobile-search button { position: absolute; top: 0; right: 0; background-color: transparent; color: #000000; padding: 2px 5px; } .header-search button:hover, .header-search button:focus, .mobile-search button:hover, .mobile-search button:focus, .home-mobile-search button:hover, .home-mobile-search button:focus { background-color: transparent; } .header-search button:hover .glyphicon, .header-search button:hover .photo-caption-icon, .header-search button:hover .photo-icon, .header-search button:focus .glyphicon, .header-search button:focus .photo-caption-icon, .header-search button:focus .photo-icon, .mobile-search button:hover .glyphicon, .mobile-search button:hover .photo-caption-icon, .mobile-search button:hover .photo-icon, .mobile-search button:focus .glyphicon, .mobile-search button:focus .photo-caption-icon, .mobile-search button:focus .photo-icon, .home-mobile-search button:hover .glyphicon, .home-mobile-search button:hover .photo-caption-icon, .home-mobile-search button:hover .photo-icon, .home-mobile-search button:focus .glyphicon, .home-mobile-search button:focus .photo-caption-icon, .home-mobile-search button:focus .photo-icon { color: #ef4923; } .header-search .glyphicon, .header-search .photo-caption-icon, .header-search .photo-icon, .mobile-search .glyphicon, .mobile-search .photo-caption-icon, .mobile-search .photo-icon, .home-mobile-search .glyphicon, .home-mobile-search .photo-caption-icon, .home-mobile-search .photo-icon { top: 3px; font-size: 21px; } .header-search { position: static; display: table-cell; line-height: 44px; padding: 8px 7px; text-align: center; vertical-align: middle; } .header-search.active { background: #FFFFFF; } .header-search.is-tiny:hover { background-color: #FFFFFF; color: #ef4923; } .header-search.is-tiny.active > .simple-search-container { max-height: 700px; overflow-y: visible; } .header-search.is-tiny.active > .simple-search-container .search-form-wrapper { padding: 30px 20px; } .header-search.is-tiny.active > .simple-search-container .search-suggestions { top: 65px; } .header-search.is-tiny .simple-search-container { max-height: 0; position: absolute; overflow-y: hidden; top: 60px; left: 0; max-width: 100%; z-index: 1030; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); } .header-search.is-tiny fieldset { max-width: 100%; } .header-search:not(.is-tiny) .tablet-search-icon { display: none; } .header-search .tablet-search-icon .glyphicon, .header-search .tablet-search-icon .photo-caption-icon, .header-search .tablet-search-icon .photo-icon { top: 7px; } .simple-search-container { margin: 0 auto; max-width: 500px; position: relative; width: 100%; } .simple-search { position: relative; margin: 0 auto; width: 100%; } .simple-search input[type="search"]:focus { box-shadow: none; } .mobile-search { width: auto; margin: 0 20px 15px; padding-top: 10px; } .mobile-search input[type="search"] { height: 50px; } .mobile-search button { padding: 10px 10px; } .mobile-search fieldset { max-width: 100%; } .search-suggestions { position: absolute; top: auto; right: 0; z-index: 1031; width: 100%; line-height: 1.5; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); } .mobile-search .search-suggestions { top: 60px; } .search-suggestions .hit-group { line-height: 2; margin-bottom: 15px; } .search-suggestions .hit { display: block; text-align: left; color: #666666; line-height: 2em; } .search-suggestions .hit:hover, .search-suggestions .hit:focus, .search-suggestions .hit:active { color: #ef4923; } .no-hits-search { position: relative; } .no-hits-search > .search-suggestions { width: 40%; left: 30%; top: 60px; border: 1px solid #cccccc; } @media (max-width: 767px) { .no-hits-search > .search-suggestions { width: 96%; left: 2%; } } .search-suggestion-wrapper { padding: 0 20px; text-align: left; } .search-suggestion-wrapper p { margin: 10px 0 5px 0; } .search-suggestion-popular { text-transform: capitalize; } .suggestions-needhelp { margin-top: 20px; padding: 10px 20px; background-color: #efefef; font-weight: bold; } .product-suggestions { padding-top: 10px; } .product-suggestion { padding-top: 15px; } .product-suggestion:before, .product-suggestion:after { content: " "; display: table; } .product-suggestion:after { clear: both; } .product-suggestion .product-image { float: left; width: 75px; text-align: center; } .product-suggestion .product-details { float: left; width: calc(100% - 115px); margin-left: 15px; text-align: left; display: table; height: 75px; } @media only screen and (min-width: 768px) { .product-suggestion .product-name { display: table-cell; vertical-align: middle; } } .product-suggestion .product-link:hover .product-name { color: #ef4923; } .sub-search-container { cursor: pointer; display: none; } .sub-search-form { background: #FFFFFF; display: none; left: 0; padding: 30px 20px; position: absolute; top: 60px; width: 100%; } .sub-search-form .simpleSearch input[type="search"] { height: auto; margin: 0; padding: 6px 35px 6px 5px; } .sub-search-form .simpleSearch button { display: none; } .sub-search-form .search-suggestions { left: 20px; top: 64px; transform: none; } .nav-v2 .search-suggestion-wrapper { padding: 20px 0; } @media only screen and (max-width: 767px) { .nav-v2 .search-suggestion-wrapper { -ms-flex-direction: row; -ms-flex-wrap: wrap; -ms-flex-align: start; -ms-flex-pack: center; -ms-justify-content: center; -ms-align-content: flex-start; -ms-align-items: flex-start; -webkit-flex-direction: row; -webkit-flex-wrap: wrap; -webkit-justify-content: center; -webkit-align-content: flex-start; -webkit-align-items: flex-start; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: flex-start; align-items: flex-start; } } @media only screen and (min-width: 768px) { .nav-v2 .search-suggestion-wrapper { padding: 20px; } } .nav-v2 .simple-search-close { font-size: 30px; cursor: pointer; float: right; margin: 20px 20px 0 0; } .nav-v2 .search-suggestions { box-shadow: none; padding: 0 20px 50px; position: static; } .nav-v2 .search-suggestions .product-suggestions { border-top: 0; } @media only screen and (max-width: 767px) { .nav-v2 .search-suggestions .product-suggestions { order: 2; width: 100%; flex: 1 0 100%; flex-basis: auto; } } .nav-v2 .search-suggestions .product-suggestions .product-suggestion { width: 50%; float: left; } .nav-v2 .search-suggestions .product-suggestions .product-suggestion:nth-child(odd) { padding-right: 10px; } .nav-v2 .search-suggestions .product-suggestions .product-suggestion:nth-child(even) { padding-left: 10px; } @media only screen and (min-width: 768px) { .nav-v2 .search-suggestions .product-suggestions .product-suggestion { width: 20%; padding: 20px; } } .nav-v2 .search-suggestions .product-suggestions .product-suggestion .product-image { float: none; width: 100%; } .nav-v2 .search-suggestions .product-suggestions .product-suggestion .product-image img { width: 100%; } .nav-v2 .search-suggestions .product-suggestions .product-suggestion .product-details { float: none; width: 100%; margin-left: 0; text-align: center; padding-top: 20px; font-size: 12px; } .nav-v2 .search-suggestions .product-suggestions .product-suggestion .product-name { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } .nav-v2 .search-suggestions .product-suggestions .product-suggestion .product-pricing { padding-top: 15px; } .nav-v2 .search-suggestions .phrase-suggestions { clear: both; padding-top: 30px; } @media only screen and (max-width: 767px) { .nav-v2 .search-suggestions .phrase-suggestions { padding-top: 0; order: 1; width: 100%; flex: 1 0 100%; flex-basis: auto; } } .nav-v2 .search-suggestions .phrase-suggestions .hit { color: #000000; font-size: 16px; line-height: 40px; } .nav-v2 .search-suggestions .suggestions-loading { text-align: center; background: url("../../images/infinite-loading-indicator.svg") center no-repeat; height: 17px; width: 100%; position: relative; z-index: 5; margin-top: 100px; } .search-suggestion-wrapper .product-image img { width: 100%; } .mini-cart { cursor: pointer; display: table-cell; line-height: 44px; padding: 8px 20px; text-align: center; vertical-align: middle; } .no-touchevents .mini-cart:hover, .mini-cart.active { background-color: #FFFFFF; } .no-touchevents .mini-cart:hover .glyphicon, .no-touchevents .mini-cart:hover .photo-caption-icon, .no-touchevents .mini-cart:hover .photo-icon, .no-touchevents .mini-cart:hover .fa-bars, .mini-cart.active .glyphicon, .mini-cart.active .photo-caption-icon, .mini-cart.active .photo-icon, .mini-cart.active .fa-bars { color: #ef4923; } .mini-cart.active.sale { background-color: #ef4923; } .mini-cart.has-products { background-color: #ef4923; } .mini-cart.has-products .mini-cart-link { color: #FFFFFF; } .no-touchevents .mini-cart.has-products:hover, .mini-cart.has-products.active { background-color: #FFFFFF; cursor: default; } .no-touchevents .mini-cart.has-products:hover .mini-cart-link, .mini-cart.has-products.active .mini-cart-link { color: #ef4923; } .touch-events .mini-cart.active { background-color: #FFFFFF; } .mini-cart .bonus-discount-container { display: none; } .mini-cart.patagonia-eu .mini-cart-subtotals .label { width: 60%; } .mini-cart.patagonia-eu .mini-cart-subtotals .value { width: 40%; } .header-mini-cart.active .mini-cart-content { border: solid 1px #cccccc; border-right: none; } .header-mini-cart.active:before { content: " "; position: absolute; bottom: -1px; background-color: #FFFFFF; width: 61px; height: 1px; right: 0; z-index: 1031; } .mini-cart-quantity { position: absolute; top: 22px; right: 6px; width: 16px; line-height: normal; text-align: center; font-size: larger; } .mini-cart-content { position: absolute; top: 57px; right: 0; width: 100%; max-width: 350px; line-height: 18px; padding: 0 20px; text-align: left; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); overflow-y: hidden; max-height: 0; z-index: 1030; } .header-mini-cart .mini-cart-content { top: 60px; max-width: 320px; box-shadow: none; } .mini-cart-content-transition { transition: max-height 0.5s, padding 0.45s; } .mini-cart.active .mini-cart-content { max-height: 622px; padding: 10px 20px 20px; } .mini-cart-header { font-size: 21px; letter-spacing: 1.05px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .header-mini-cart .mini-cart-header { float: left; } .mini-cart-products { max-height: 380px; overflow-y: auto; } .mini-cart-products-inner { position: relative; max-height: 360px; padding-right: 1.4285714286rem; overflow: hidden; } .mini-cart-products-inner .ps-scrollbar-y-rail { right: 0; } .mini-cart-product { border-bottom: 1px solid #d6d6d6; overflow: hidden; padding: 16px 5px 16px 0; position: relative; } .header-mini-cart .mini-cart-product { padding: 16px 0 0 0; border-bottom: 0; border-top: 1px solid #d6d6d6; } .header-mini-cart .mini-cart-product:first-child { border-top: 0; } .header-mini-cart .mini-cart-product .product-availability-list { clear: both; margin: 0; padding: 0; list-style: none; width: 100%; text-align: center; } .header-mini-cart .mini-cart-product .notavailable { color: #FFFFFF; background-color: #000000; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; line-height: 1; padding: 6px 0 5px; text-transform: uppercase; font-size: 12px; margin-bottom: 5px; } .mini-cart-image { float: left; width: 25%; } .header-mini-cart .mini-cart-image { padding: 0 0 0 10px; } .mini-cart-image img { width: 100%; } .mini-cart-name, .mini-cart-attributes, .mini-cart-pricing, .mini-cart-product .product-availability-list, .mini-cart-row { float: right; width: 70%; text-align: left; } .header-mini-cart .mini-cart-name, .header-mini-cart .mini-cart-attributes, .header-mini-cart .mini-cart-pricing, .header-mini-cart .mini-cart-product .product-availability-list, .header-mini-cart .mini-cart-row { padding-right: 5px; } .header-mini-cart .mini-cart-product .product-availability-list { float: none; width: auto; padding-right: 0; } .mini-cart-name a { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; color: #000000; } .touch-events .active .mini-cart-name a, .no-touchevents .mini-cart-name a:hover { color: #ef4923; } .mini-cart-attributes, .mini-cart-pricing { color: #666666; } .mini-cart-attributes .mini-cart-price, .mini-cart-pricing .mini-cart-price { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; color: #000000; float: right; } .mini-cart-pricing { clear: right; } .mini-cart-pricing::after { content: ""; dislay: inline-block; clear: both; } .mini-cart-instore { float: right; width: 70%; padding-top: 5px; } .mini-cart-totals { text-align: center; } .mini-cart-subtotals { padding: 20px 0; border-bottom: 1px solid #d6d6d6; } .mini-cart-subtotals:before, .mini-cart-subtotals:after { content: " "; display: table; } .mini-cart-subtotals:after { clear: both; } .header-mini-cart .mini-cart-subtotals { border: 0; border-top: 1px solid #d6d6d6; } .mini-cart-subtotals .label, .mini-cart-subtotals .value { display: block; float: left; width: 50%; text-align: left; } .mini-cart-subtotals .label { color: #666666; } .mini-cart-subtotals .value { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; color: #000000; text-align: right; } .mini-cart-slot { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; color: #000000; margin: 20px 0; } .mini-cart-checkout-options { padding: 1.4285714286rem 0 0.5714285714rem; } .mini-cart-checkout-links a { vertical-align: middle; } .mini-cart-link-cart { display: block; margin-top: 20px; margin-bottom: 20px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .header-mini-cart .mini-cart-link-cart { margin-bottom: 10px; } .mini-cart-link-cart .icon { margin-left: 0.3571428571rem; fill: #999999; } .no-touchevents .mini-cart-link-cart:hover .icon { fill: #999999; } .mini-cart-link-checkout { display: block; font-size: 14px; color: #ef4923; } .touch-events .active .mini-cart-link-checkout, .no-touchevents .mini-cart-link-checkout:hover { text-decoration: underline; } .header-mini-cart .mini-cart-button { border-radius: 2px; } .header-mini-cart .mini-cart-color { color: #666666; font-size: 10px; font-weight: 500; line-height: 1.5; } .header-mini-cart .mini-cart-row-last { padding-top: 10px; } .header-mini-cart .mini-cart-row-last .attribute[data-attribute=size] { float: left; } .header-mini-cart .mini-cart-row-last .attribute-quantity-price { float: right; } .header-mini-cart .mini-cart-row-last .value-quantity { width: 20px; padding-right: 5px; display: inline-block; } .header-mini-cart .mini-cart-row-last .value-price { display: inline-block; width: 65px; text-align: right; } .header-mini-cart .x-of { font-size: 12px; font-weight: 500; color: #999999; } .header-mini-cart .mini-cart-subtotals .label { text-transform: capitalize; color: #000000; font-size: 14px; } .patagonia-eu .header-mini-cart .mini-cart-subtotals .label { text-transform: none; } .header-mini-cart .mini-cart-subtotal-label { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.3px; } .header-mini-cart .mini-cart-subtotals .value { color: #000000; font-size: 14px; } .header-mini-cart .mini-cart-header-link { float: right; margin-top: 18px; } .header-mini-cart .mini-cart-header-link a { color: #ef4923; font-size: 14px; } .header-mini-cart .mini-cart-arrow { width: 7px; height: 12px; display: inline-block; margin: 0 0 0 6px; } .header-mini-cart .mini-cart-arrow .mini-cart-arrow-svg { fill: #ef4923; } .header-mini-cart .mini-cart-method-divider { overflow: hidden; } .header-mini-cart .mini-cart-method-divider-title { display: table; margin: 0 auto; padding: 0 10px; position: relative; } .header-mini-cart .mini-cart-method-divider-title:before, .header-mini-cart .mini-cart-method-divider-title:after { content: " "; width: 400px; height: 1px; background-color: #cccccc; position: absolute; top: 50%; transform: translate(0, -50%); } .header-mini-cart .mini-cart-method-divider-title:before { left: 100%; } .header-mini-cart .mini-cart-method-divider-title:after { right: 100%; } .header-mini-cart .mini-cart-method-container { margin: 10px 0 0 -4px; } .header-mini-cart .mini-cart-payment-button-container:first-child:nth-last-child(1) { width: 100%; } .header-mini-cart .mini-cart-payment-button-container { display: inline-block; padding: 0 0 0 4px; } .header-mini-cart .mini-cart-payment-button-container a { display: inline-block; } .header-mini-cart .mini-cart-payment-button-container .dw-apple-pay-button { height: 44px; } .header-mini-cart .mini-cart-payment-disabled { opacity: 0.3; } .header-mini-cart .mini-cart-payment-disabled a { cursor: not-allowed; } .header-mini-cart .mini-cart-payment-disabled a:hover { cursor: not-allowed; } .header-mini-cart .mini-cart-payment-button { text-align: center; color: #FFFFFF; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; padding: 15px 0; display: block; } .header-mini-cart .mini-cart-button-copy { position: relative; padding: 0 0 0 18px; color: #FFFFFF; } .header-mini-cart .mini-cart-button-copy svg { position: absolute; left: 0; top: 50%; transform: translate(0, -50%); } .header-mini-cart .mini-cart-paypal { background-color: #1c449c; } .header-mini-cart .mini-cart-applepay { background-color: #000000; } .header-mini-cart .on-order-info { line-height: 1; padding: 0 0 5px 0; color: #999999; } .header-mini-cart .on-order-info:first-child { padding-top: 6px; } .header-mini-cart .on-order-label { text-transform: uppercase; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.5px; color: #999999; font-size: 12px; } .header-mini-cart .on-order-value { letter-spacing: 0.5px; font-size: 12px; color: #999999; } .patagonia-eu .mini-cart-shipping { font-weight: bold; } .patagonia-eu .mini-cart-shipping::after { clear: both; content: ""; display: block; } .patagonia-eu .mini-cart-shipping .label, .patagonia-eu .mini-cart-shipping .value { font-size: 14px; } .patagonia-eu .mini-cart-shipping .label { float: left; text-align: left; width: 60%; } .patagonia-eu .mini-cart-shipping .value { float: right; text-align: right; width: 40%; } html[lang=ja] .mini-cart-name a { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; color: #000000; } html[lang=ja] .mini-cart-pricing .mini-cart-price { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; color: #000000; } html[lang=ja] .mini-cart-slot { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; color: #000000; } html[lang=ja] .mini-cart-header { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .header-mini-cart html[lang=ja] .mini-cart-product .notavailable { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .mini-cart-link-cart { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .header-mini-cart .mini-cart-subtotal-label { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .header-mini-cart .mini-cart-payment-button { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .header-mini-cart .on-order-label { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .product-toast { position: fixed; top: 87px; z-index: 1031; overflow: hidden; width: 100%; max-height: 0; transition: max-height 0.75s; background-color: #FFFFFF; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4); } .product-toast.active { max-height: 500px; border-top: 7px solid #ef4923; } @media only screen and (max-width: 767px) { .product-toast { top: 0; } } .product-toast .product-info, .product-toast .product-image { display: inline-block; width: 100%; text-align: center; vertical-align: middle; } @media only screen and (min-width: 768px) { .product-toast .product-info, .product-toast .product-image { width: auto; text-align: left; } } .product-toast .product-info { line-height: 23px; } @media only screen and (min-width: 768px) { .product-toast .product-info { width: 178px; } } .product-toast .product-name, .product-toast .product-attributes, .product-toast .product-pricing { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; color: #000000; } @media only screen and (max-width: 767px) { .product-toast .product-image { display: none; } } @media only screen and (min-width: 1200px) { .product-toast .product-image { width: 270px; padding: 0 60px; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .product-toast .product-image { width: 210px; padding: 0 30px; } } .product-toast .product-image img { width: 100%; } .product-toast .product-attributes .label { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } .product-toast.patagonia-eu .product-pricing .label { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } .product-toast .mini-cart-price:before { content: "-"; display: inline-block; margin-right: 4px; } .product-toast-wrapper { position: relative; padding: 40px 20px 20px; margin: 0 auto; text-align: center; } @media only screen and (max-width: 767px) { .product-toast-wrapper { border-top: 4px solid #ef4923; } } @media only screen and (min-width: 768px) { .product-toast-wrapper { width: 800px; padding: 40px 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .product-toast-wrapper { width: 768px; } } .product-toast-header { margin: 0; text-transform: uppercase; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 20px; color: #ef4923; } .product-toast-options { display: inline-block; padding-top: 35px; text-align: left; } .product-toast-options a { margin: 0 5px; } @media only screen and (max-width: 767px) { .product-toast-options a.button { padding: 9px 13px; font-size: 12px; } } .product-toast-options .continue-shopping { font-size: 14px; cursor: pointer; } .product-toast-close { display: block; margin-top: 30px; font-size: 25px; cursor: pointer; } @media only screen and (min-width: 768px) { .product-toast-close { position: absolute; top: 15px; right: 20px; margin: 0; } } footer { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; clear: both; z-index: 3; background-color: #FFFFFF; } footer:before, footer:after { content: " "; display: table; } footer:after { clear: both; } @media only screen and (max-width: 767px) { footer { padding: 20px 15px; border-top: 1px solid #cccccc; margin-top: 40px; } } footer #fitzroy { background: url(../images/interior-nav_fitzroy.png) no-repeat; background-position: 90% 0; background-size: cover; } @media only screen and (max-width: 767px) { footer #fitzroy { display: none; } } footer #fitzroy .fitzroy-img { height: 176px; width: 1px; visibility: hidden; } .footer-overlay footer #fitzroy, .home footer #fitzroy { position: absolute; top: -35px; right: 0; width: 533px; height: 35px; background-image: url("../images/fitzroy-cropped.png"); } .footer-overlay footer #fitzroy .fitzroy-img, .home footer #fitzroy .fitzroy-img { max-width: 100%; height: 0; } .footer-container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .footer-container:before, .footer-container:after { content: " "; display: table; } .footer-container:after { clear: both; } @media only screen and (min-width: 768px) { .footer-container { display: table-row; } } @media only screen and (min-width: 768px) { .footer-item { display: table-cell; } } .footer-item.country { white-space: nowrap; } @media only screen and (min-width: 768px) { .footer-item.country { height: 70px; padding: 27px 25px 0 65px; border-right: 1px solid rgba(0, 0, 0, 0.2); } } @media only screen and (min-width: 768px) { .footer-item.copy { padding-left: 25px; border-right: 1px solid rgba(0, 0, 0, 0.2); } } .footer-item.copy .content-asset { margin-bottom: 10px; } .footer-item.copy a { display: block; margin-top: 10px; outline: 0 none; } @media only screen and (min-width: 768px) { .footer-item.copy a { display: inline-block; padding: 0 20px 0 5px; } } .footer-item.email-signup { vertical-align: middle; } .footer-item.email-signup .form-row { max-width: 300px; margin: 0 auto; } @media only screen and (min-width: 768px) { .footer-item.email-signup .form-row { width: 300px; margin: 0 0 0 25px; } } .footer-item.email-signup .form-row input { margin-bottom: 0; } .footer-copy-wrapper { margin-bottom: 10px; } footer .eu-email-signup span { cursor: pointer; border: 1px solid #333; margin-left: 25px; display: inline-block; padding-top: 6px; padding-bottom: 5px; padding-left: 26px; padding-right: 26px; text-transform: uppercase; white-space: nowrap; user-select: none; } footer.footer-v2 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #000000; padding: 0; margin-top: 80px; } footer.footer-v2 * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 992px) and (max-width: 1280px) { footer.footer-v2 .footer-toplevel { display: table; margin: 0 auto; } } footer.footer-v2 .footer-container { display: block; padding: 28px 20px 23px; } @media only screen and (min-width: 992px) { footer.footer-v2 .footer-container { padding: 0; } } footer.footer-v2 .message-mobile { display: block; } footer.footer-v2 .message-mobile .header-promotion-item-wrapper { padding: 0 !important; line-height: 40px; } footer.footer-v2 .message-mobile a { line-height: 16px; } footer.footer-v2 .message-mobile a .header-promotion-item-text { color: #FFFFFF; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } footer.footer-v2 .message-mobile a .header-promotion-item-hover-text { color: #cccccc; } footer.footer-v2 .message-mobile a .header-promotion-item-hover-text:before { content: " - "; } @media only screen and (min-width: 992px) { footer.footer-v2 .message-mobile { display: none; } } footer.footer-v2 .footer-item.copy { display: block; text-align: center; z-index: 1; margin: 0 auto; left: 0; right: 0; padding: 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 2px 0 10px; margin-top: 20px; } @media (min-width: 992px) and (max-width: 1280px) { footer.footer-v2 .footer-item.copy { position: relative; width: auto; padding: 0; margin-top: 0; border: 0; } } @media (min-width: 1281px) { footer.footer-v2 .footer-item.copy { position: absolute; width: 65%; border: 0; margin-top: 0; padding: 0; } } footer.footer-v2 .footer-item.copy a { font-size: 12px; line-height: 12px; color: #cccccc; letter-spacing: 0; margin-top: 18px; display: block; text-align: left; } footer.footer-v2 .footer-item.copy a:hover { color: #FFFFFF; } @media only screen and (min-width: 992px) { footer.footer-v2 .footer-item.copy a { display: inline-block; border-left: solid 1px #cccccc; font-size: 10px; line-height: 11px; padding: 0px 10px; } footer.footer-v2 .footer-item.copy a:first-child { border-left: none; } } footer.footer-v2 .footer-item.country, footer.footer-v2 .footer-item.country-mobile { display: none; height: initial; padding: 17px 12px 17px 40px; color: #666666; font-size: 10px; letter-spacing: 0; } @media (min-width: 992px) and (max-width: 1280px) { footer.footer-v2 .footer-item.country, footer.footer-v2 .footer-item.country-mobile { display: table-cell; float: none; padding-right: 0px; padding-bottom: 10px; } } @media (min-width: 1281px) { footer.footer-v2 .footer-item.country, footer.footer-v2 .footer-item.country-mobile { display: table-cell; float: left; } } footer.footer-v2 .footer-item.country a, footer.footer-v2 .footer-item.country-mobile a { color: #cccccc; padding-right: 12px; } footer.footer-v2 .footer-item.country a:hover, footer.footer-v2 .footer-item.country-mobile a:hover { color: #FFFFFF; } footer.footer-v2 .footer-item.country a img, footer.footer-v2 .footer-item.country-mobile a img { width: 16px; margin-top: -3px; } @media (min-width: 992px) and (max-width: 1280px) { footer.footer-v2 .footer-item.country a, footer.footer-v2 .footer-item.country-mobile a { border-right: solid 1px #cccccc; padding-right: 10px; } } footer.footer-v2 .footer-item.country .copyright, footer.footer-v2 .footer-item.country-mobile .copyright { padding-left: 12px; } footer.footer-v2 .footer-item.country-mobile { display: inline-block; padding: 17px 0; } @media only screen and (min-width: 992px) { footer.footer-v2 .footer-item.country-mobile { display: none; } } footer.footer-v2 .footer-item.copyright { float: right; color: #666666; font-size: 10px; margin-right: 0; margin-top: 17px; font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; } @media (min-width: 1281px) { footer.footer-v2 .footer-item.copyright { margin-right: 40px; } } @media (min-width: 992px) and (max-width: 1280px) { footer.footer-v2 .footer-item.copyright { float: none; display: block; text-align: center; margin: 0; padding: 0px 0 15px; } } .home footer.footer-v2 { margin-top: 0; } .breadcrumb { padding: 15px 0; margin: 0 0 0 10px; } @media only screen and (min-width: 768px) { .breadcrumb { margin: 0 0 0 20px; } } @media only screen and (max-width: 991px) { .breadcrumb { display: none; margin: 0; } } @media only screen and (max-width: 767px) { .breadcrumb { text-align: center; } } @media only screen and (max-width: 767px) { .pt_product-details .breadcrumb { display: table; white-space: nowrap; overflow: hidden; height: 54px; position: relative; width: 100%; background-color: #f9f9f9; padding: 15px; margin: 0 auto; font-size: 14px; } .pt_product-details .breadcrumb-wrapper { position: absolute; } } @media only screen and (min-width: 768px) { .pt_account .breadcrumb, .pt_wish-list .breadcrumb { margin: 0 0 0 35px; } } .breadcrumb-element:before { display: inline-block; content: '\203A'; margin: 0 10px; font-size: 125%; } .breadcrumb-element.first:before, .breadcrumb-element:first-child:before { display: none; content: ''; } .no-touch .breadcrumb-element:hover:before { color: #000000; } .shadow-modal .dialog-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .basic-modal { background-color: #f0f0f0; } .success-modal-state { display: none; } @media screen and (max-width: 800px) { .ui-dialog.email-signup-dialog { width: 100% !important; } } .email-modal-content { padding: 0 15px; overflow: auto; } .email-modal-content .email-modal-title { font-size: 24px; letter-spacing: -.48px; padding-top: 40px; text-align: center; margin: 0; } .email-modal-content .email-modal-success-title { font-size: 24px; letter-spacing: -.48px; padding: 40px 20px; text-align: center; margin: 0; } .email-modal-content .email-modal-highlights { font-size: 12px; text-align: center; padding: 0 0 15px; } .email-modal-content .email-modal-highlight { padding-right: 7px; margin-left: 3px; } .email-modal-content .email-modal-highlight:after { content: '\2022'; display: inline; position: relative; max-width: 0; max-height: 0; left: 5px; top: 0; color: #000; font-size: 12px; } .email-modal-content .email-modal-highlight:last-child:after { display: none; } .email-modal-content .email-modal-address-container { padding: 5px 15% 20px; } .email-modal-content .email-modal-address { text-align: center; } .email-modal-content .email-modal-button { display: block; margin: 30px auto 30px; } .email-modal-content .popup-email .email-modal-address { margin-bottom: 30px; } .email-modal-content .popup-email .interested-checkbox-wrapper, .email-modal-content .popup-email .terms-checkbox-wrapper { margin-bottom: 30px; } .email-modal-content .popup-email .interested-checkbox-wrapper .checklist-header, .email-modal-content .popup-email .terms-checkbox-wrapper .checklist-header { font-size: 13px; } .email-modal-content .popup-email .interested-checkbox-wrapper label, .email-modal-content .popup-email .terms-checkbox-wrapper label { display: block; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-weight: normal; } .email-modal-content .popup-email .interested-checkbox-wrapper input[type="checkbox"], .email-modal-content .popup-email .terms-checkbox-wrapper input[type="checkbox"] { position: relative; opacity: 1; z-index: 0; margin-left: 0; margin-right: 5px; } .email-modal-content .popup-email .interested-checkbox-wrapper .privacy-link, .email-modal-content .popup-email .terms-checkbox-wrapper .privacy-link { color: #ef4923; } .pt_store-locator #main, .pt_store-details #main { width: 100%; padding: 0; } .pt_store-locator .content-section-header h1, .pt_store-details .content-section-header h1 { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.02em; } @media only screen and (max-width: 767px) { .pt_store-locator .content-section-header h1, .pt_store-details .content-section-header h1 { font-size: 18px; } } .pt_store-locator #primary { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .pt_store-locator #primary:before, .pt_store-locator #primary:after { content: " "; display: table; } .pt_store-locator #primary:after { clear: both; } @media only screen and (min-width: 768px) { .pt_store-locator #primary { margin-right: auto; margin-left: auto; padding-left: 65px; padding-right: 65px; } .pt_store-locator #primary:before, .pt_store-locator #primary:after { content: " "; display: table; } .pt_store-locator #primary:after { clear: both; } } .pt_store-details #primary .store-details-content { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; margin-top: 50px; max-width: 1488px; } .pt_store-details #primary .store-details-content:before, .pt_store-details #primary .store-details-content:after { content: " "; display: table; } .pt_store-details #primary .store-details-content:after { clear: both; } @media only screen and (min-width: 768px) { .pt_store-details #primary .store-details-content { margin-right: auto; margin-left: auto; padding-left: 65px; padding-right: 65px; } .pt_store-details #primary .store-details-content:before, .pt_store-details #primary .store-details-content:after { content: " "; display: table; } .pt_store-details #primary .store-details-content:after { clear: both; } } .stores-map { margin-left: -15px; margin-right: -15px; } .stores-map:before, .stores-map:after { content: " "; display: table; } .stores-map:after { clear: both; } @media only screen and (min-width: 768px) { .stores-map { margin-left: -65px; margin-right: -65px; } .stores-map:before, .stores-map:after { content: " "; display: table; } .stores-map:after { clear: both; } } .store-locator-frame { border: none; min-height: 335px; } @media only screen and (min-width: 768px) { .store-locator-frame { min-height: 570px; } } .store-locator-countries { margin-left: -15px; margin-right: -15px; } .store-locator-countries:before, .store-locator-countries:after { content: " "; display: table; } .store-locator-countries:after { clear: both; } .store-locator-countries .form-row { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .store-locator-countries .form-row { float: left; width: 33.3333333333%; } } @media (min-width: 992px) { .store-locator-countries .form-row { margin-left: 33.3333333333%; } } .store-locator-countries label { width: 100%; text-align: center; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-size: 14px; } .stores-header { padding: 19px 0 0; margin: 0; text-transform: uppercase; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 18px; } @media only screen and (max-width: 767px) { .stores-header { cursor: pointer; } } @media only screen and (min-width: 768px) { .stores-header { padding-bottom: 20px; } } .stores:before, .stores:after { content: " "; display: table; } .stores:after { clear: both; } @media only screen and (max-width: 767px) { .stores { display: none; } } .store-info { float: left; line-height: 22px; padding-right: 25px; font-size: 14px; } @media only screen and (max-width: 767px) { .store-info { width: 100%; height: 120px; padding-top: 10px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .store-info { width: 25%; height: 160px; } } @media only screen and (min-width: 992px) { .store-info { width: 20%; height: 140px; } } .store-name a { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .store-phone a { color: #ef4923; } .store-phone a:hover { color: #000000; } #store-photo img { max-width: 100%; height: auto !important; } .partner-section { background-color: #f0f0f0; padding-bottom: 70px; padding-left: 65px; padding-right: 65px; margin-left: 0; margin-right: 0; } @media only screen and (max-width: 767px) { .partner-section { padding-left: 15px; padding-right: 15px; } } .partner-section .subheading { position: relative; margin-bottom: 32px; padding-left: 0; padding-right: 0; margin-top: 40px; } .partner-section .subheading hr { position: absolute; left: 0; top: 57%; width: 100%; margin: 0; border-color: #b2b2b2; } @media only screen and (max-width: 767px) { .partner-section .subheading hr { top: 50%; } } .partner-section .subheading h2 { z-index: 1; position: relative; font-size: 40px; line-height: 47px; top: 0; left: 0; width: 100%; color: #333; } .partner-section .subheading h2 span { background-color: #f0f0f0; padding-left: 10px; padding-right: 10px; } .partner-section .partner-intro-text { text-align: center; font-size: 14px; line-height: 20px; padding-bottom: 30px; } .partner-section .partner-list { width: 33%; float: left; text-align: left; padding-left: 10%; } @media only screen and (max-width: 767px) { .partner-section .partner-list { width: 100%; padding-left: 25%; } } @media only screen and (max-width: 767px) { .partner-section .partner-list a { color: #f26525; } } .partner-section .partner-list a:hover { cursor: pointer; } .store-locator-details-wrap { margin: 0; } @media only screen and (min-width: 992px) { .store-locator-details-wrap { padding: 0; margin: 0 auto; } } .store-locator-details-wrap h1 { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 40px; letter-spacing: -0.6px; line-height: 48px; color: #FFFFFF; text-align: center; } @media only screen and (min-width: 768px) { .store-locator-details-wrap h1 { letter-spacing: -1.08px; line-height: 96px; font-size: 72px; margin-bottom: 20px; } } .store-locator-details { margin-bottom: 160px; } @media only screen and (min-width: 992px) { .store-locator-details { margin-bottom: 200px; } } .store-locator-image-wrap { text-align: center; margin-bottom: 64px; } @media only screen and (min-width: 992px) { .store-locator-image-wrap { margin-bottom: 80px; } } .store-locator-image-wrap img { width: 100%; margin: 0 auto; } .store-locator-image-wrap.has-overlay img { opacity: .3; max-width: 1358px; } @media only screen and (min-width: 768px) { .store-locator-image-wrap { position: relative; overflow: hidden; height: 600px; } .store-locator-image-wrap img { position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 100%; width: auto; } } .store-locator-image-wrap .store-content-overlay { max-width: 1358px; left: 50%; top: 0; transform: translateX(-50%); } .store-details-row { padding: 0 15px; } @media only screen and (min-width: 992px) { .store-details-row { padding: 0 105px; } } .store-info-col { float: none; position: static; margin-bottom: 20px; text-align: center; } @media only screen and (min-width: 768px) { .store-info-col { float: left; width: 33.33%; text-align: left; margin: 0; } } @media only screen and (min-width: 768px) { .store-info-col:last-child { width: 66.66%; } } .store-locator-iframe-wrap iframe { width: 1px !important; min-width: 100%; margin-bottom: 200px; } @media only screen and (min-width: 992px) { .store-locator-iframe-wrap iframe { margin-bottom: 240px; } } .store-locator-events { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .store-locator-events { margin-top: 48px; } } @media only screen and (min-width: 992px) { .store-locator-events { margin-bottom: 64px; } } .store-locator-events, .store-locator-handle { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; line-height: 28px; font-size: 24px; text-align: center; color: #121212; letter-spacing: -0.36px; } @media only screen and (min-width: 768px) { .store-locator-events, .store-locator-handle { line-height: 40px; letter-spacing: -0.48px; font-size: 32px; } } .store-info-details { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #121212; font-size: 15px; letter-spacing: -0.22px; line-height: 28px; margin-bottom: 50px; } @media only screen and (min-width: 768px) { .store-info-details { font-size: 20px; letter-spacing: -0.3px; line-height: 36px; margin-bottom: 0px; } } .store-info-details .store-info-phone { padding-bottom: 20px; } .store-info-details .store-info-directions { font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; color: #121212; letter-spacing: 0; line-height: 32px; font-size: 15px; border-bottom: 2px solid #121212; display: inline-block; } @media only screen and (min-width: 768px) { .store-info-details .store-info-directions { font-size: 18px; line-height: 24px; } } .store-info-description { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; color: #121212; font-size: 16px; color: #121212; letter-spacing: -0.24px; text-align: center; line-height: 28.8px; } @media only screen and (min-width: 768px) { .store-info-description { font-size: 18px; letter-spacing: -0.27px; line-height: 32px; text-align: left; } } .store-locator-map { height: 400px; } @media only screen and (min-width: 768px) { .store-locator-map { height: 600px; } } .store-locator-map-inner { height: 400px; width: 100%; background-position: 50%; background-repeat: no-repeat; background-size: cover; } @media only screen and (min-width: 768px) { .store-locator-map-inner { height: 600px; } } .store-locator-handle { margin-bottom: 10px; } @media only screen and (min-width: 768px) { .store-locator-handle { margin-bottom: 34px; } } @media only screen and (min-width: 992px) { .store-locator-handle { margin-bottom: 44px; } } .store-locator-follow { width: 173px; padding: 16px 10px; border-radius: 30px; line-height: 1; color: white; background-color: #333333; font-family: "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; background-position: left top; text-align: center; margin: 24px auto 176px; font-size: 13px; } @media only screen and (min-width: 768px) { .store-locator-follow { margin: 34px auto 151px; } } @media only screen and (min-width: 992px) { .store-locator-follow { margin: 44px auto 240px; } } .store-locator-follow a { color: inherit !important; } @media only screen and (max-device-width: 1010px) { .store-locator-follow { padding: 4% 6%; } } @media only screen and (max-width: 697px) { .store-locator-follow { padding: 4% 6%; } } @media only screen and (min-width: 1011px) { .store-locator-follow { padding: 1.2% 2%; } } .stores-supported-grantees { margin: 0 0 160px; border: solid 8px #000000; position: relative; padding: 90px 24px 46px; } @media only screen and (min-width: 768px) { .stores-supported-grantees { margin: 0 65px 200px; padding: 90px 69px 69px; } } @media only screen and (min-width: 992px) { .stores-supported-grantees { margin: 0 170px 240px; padding: 90px 139px 69px; } } .stores-supported-grantees .stores-grantees-image { height: 107px; position: absolute; top: -53px; left: 0; text-align: center; width: 100%; } .stores-supported-grantees .stores-grantees-image img { height: 100%; } .stores-supported-grantees .stores-grantees-header { font-size: 24px; letter-spacing: -0.36px; line-height: 28px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #121212; text-align: center; padding-bottom: 24px; } @media only screen and (min-width: 768px) { .stores-supported-grantees .stores-grantees-header { font-size: 32px; letter-spacing: -0.48px; line-height: 40px; } } .stores-supported-grantees .stores-grantees-text { font-size: 16px; letter-spacing: -0.24px; line-height: 28.8px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; color: #121212; text-align: center; } @media only screen and (min-width: 768px) { .stores-supported-grantees .stores-grantees-text { font-size: 18px; letter-spacing: -0.27px; line-height: 32px; } } .stores-supported-grantees .stores-grantees-link { text-align: center; padding-top: 40px; } .stores-supported-grantees .stores-grantees-link .stores-grantees-btn { background-color: #000000; border-radius: 24px; opacity: 0.9; font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; font-size: 15px; color: #FFFFFF; text-align: center; display: inline-block; padding: 10px 40px; } @media only screen and (min-width: 768px) { .stores-supported-grantees .stores-grantees-link .stores-grantees-btn { font-size: 18px; } } .stores-supported-grantees .stores-grantees-link .stores-grantees-btn:hover { opacity: 1; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.16); } .banner-slider-store-carousel-slider.banner-slider-container .slick-list, .banner-slider-store-carousel-slider.banner-slider-container .slick-track { height: 100%; width: 100%; } .banner-slider-store-carousel-slider.banner-slider-container .slick-slide { width: 100%; } .banner-slider-store-carousel-slider.banner-slider-container[device-size~="mobile"] .banner-slider-arrow { opacity: 1; width: 30px; } .banner-slider-store-carousel-slider.banner-slider-container[device-size~="mobile"] .banner-slider-arrow-next { right: 0; } .banner-slider-store-carousel-slider.banner-slider-container[device-size~="mobile"] .banner-slider-arrow-prev { left: 15px; } .banner-slider-store-carousel-slider.banner-slider-container[device-size~="mobile"] .slick-dots { bottom: 15px; } .banner-slider-store-carousel-slider.banner-slider-container[device-size~="mobile"] .photo-caption { bottom: 5px; right: 30px; } .banner-slider-store-carousel-slider .banner-slider .slick-dots { bottom: 20px; } .banner-slider-store-carousel-slider .banner-slider .slick-dots li { margin: 0 5px; } .banner-slider-store-carousel-slider .banner-slider .slick-dots li button { color: transparent; background-color: transparent; border: solid 1px #FFFFFF; } .banner-slider-store-carousel-slider .banner-slider-arrow { opacity: 0; color: #FFFFFF; font-size: 150%; } .banner-slider-store-carousel-slider .banner-slider-arrow:hover { opacity: 1; } .banner-slider-store-carousel-slider .banner-slider-arrow-next { right: 22px; } .banner-slider-store-carousel-slider .banner-slider-image-title-subtitle-image-container { display: table; position: relative; margin: 0 auto; } .banner-slider-store-carousel-slider .banner-slider-image-title-subtitle-image { position: relative; z-index: 2; transform: translateZ(0); width: 100%; } .banner-slider-store-carousel-slider .banner-slider-image-title-subtitle-image-container { display: block; } .banner-slider-store-carousel-slider .banner-slider-image-title-subtitle-image-content.has-overlay img { opacity: .3; } .store-title { position: relative; height: 100%; } .store-title-hours { height: 100%; width: 100%; position: absolute; top: 0; z-index: 2; transform: translateZ(0); } .store-content-overlay { position: absolute; height: 100%; width: 100%; background-color: #121212; top: 0; } .store-content-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; padding: 15px; z-index: 2; } .store-hours-status { padding-bottom: 40px; padding-top: 15px; } .store-hours-status .store-hours-details { overflow: hidden; display: block; width: auto; font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 13px; letter-spacing: -0.22px; line-height: 24px; } @media only screen and (min-width: 768px) { .store-hours-status .store-hours-details { font-size: 16px; letter-spacing: -0.3px; line-height: 36px; } } .store-places-hours { color: #FFFFFF; } .store-places-hours .store-hours-status { cursor: pointer; } .store-places-hours .store-hours-status .store-place-hours-openstatus { font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 15px; letter-spacing: -0.22px; line-height: 24px; } @media only screen and (min-width: 768px) { .store-places-hours .store-hours-status .store-place-hours-openstatus { font-size: 20px; letter-spacing: -0.3px; line-height: 36px; } } .store-places-hours .store-hours-status .store-place-chevron { padding-left: 20px; } .store-places-hours .store-hours-status .store-place-chevron:before { content: "\e114"; } .store-places-hours .store-hours-status .store-place-chevron.open:before { content: "\e113"; } .store-places-hours .store-hours-status .store-hours-details { transition: 1.5s; max-height: 0; } .store-places-hours .store-hours-status .store-hours-details.open { max-height: 400px; } .home { margin-top: 88px; } @media only screen and (max-width: 767px) { .home { margin-top: 0; } } .pt_storefront#wrapper { background-color: transparent; margin-top: 0; } .pt_storefront #main { padding: 0; } @media only screen and (min-width: 768px) { .pt_storefront footer { position: absolute; } } @media only screen and (max-width: 767px) { .pt_storefront footer { margin-top: 0; } } .home-slider { display: none; position: relative; top: 0; z-index: 1; overflow: hidden; margin-top: -56px; } @media only screen and (min-width: 768px) { .home-slider { display: block; } } .home-slider img { position: absolute; } .home-slider .slider-arrow { font-size: 500%; } .home-slider .photo-caption { bottom: 40px; } .home-slider .slider-buttons { bottom: 40px; left: 33px; text-align: left; } .home-slider .slider-buttons span { display: inline-block; width: 12px; height: 12px; border: 1px solid #FFFFFF; border-radius: 50%; margin: 0 5px; box-shadow: 1px 1px 4px #666666; } .home-slider .slider-buttons span.active { background-color: #FFFFFF; } .pt_storefront.patagonia-jp .home-slider { margin-top: -61px; } .home-mobile-background { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; } .home-mobile-background img { transform: translate3d(0, 0, 0); } .home-mobile-search { width: auto; margin: 40px 43px 18px; } .home-mobile-search fieldset { max-width: 100%; } .home-mobile-search input[type="search"] { height: 70px; padding: 10px 35px 10px 10px; border: 4px solid rgba(204, 204, 204, 0.7); } .home-mobile-search button { padding: 22px 10px; } .home-mobile-slots { margin: 15px 43px 40px; } .home-mobile-slots .menu-button { display: table; width: 100%; height: 100px; margin-bottom: 10px; text-align: center; letter-spacing: 0.9px; font-size: 18px; background-color: rgba(255, 255, 255, 0.8); color: #666666; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .home-mobile-slots .menu-button.sale { background-color: #ef4923; color: #FFFFFF; } .home-mobile-slots .menu-button span { display: table-cell; vertical-align: middle; } .home-mobile-slot { margin-left: -5px; margin-right: -5px; } .home-mobile-slot:before, .home-mobile-slot:after { content: " "; display: table; } .home-mobile-slot:after { clear: both; } .home-mobile-slot .half-column { position: relative; float: left; width: 50%; min-height: 1px; padding-left: 5px; padding-right: 5px; } .home-mobile-slot .full-column { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 5px; padding-right: 5px; } .home-mobile-slot div.no-margin .menu-button { margin-bottom: 0; } .home-mobile-slot-division { margin: 15px 0; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } #optanon-popup-wrapper input[type="checkbox"] + label:before { content: none; } .optanon-show-settings-popup-wrapper .optanon-show-settings-middle a.optanon-show-settings { color: #ef4923 !important; } footer .optanon-show-settings-popup-wrapper .optanon-show-settings-middle a.optanon-show-settings { color: #000000 !important; } .optanon-show-settings-popup-wrapper { font-family: inherit; font-size: inherit; height: auto; display: inline-block; } .optanon-show-settings-popup-wrapper *, .optanon-show-settings-popup-wrapper div { font-family: inherit !important; font-size: inherit !important; } .optanon-show-settings-popup-wrapper .optanon-show-settings-button * { width: auto !important; height: auto !important; border: none; float: none; background: none; } .optanon-show-settings-popup-wrapper a { margin-top: 0; font-family: inherit; } .optanon-show-settings-popup-wrapper .optanon-show-settings-middle { padding-top: 0; } .optanon-show-settings-popup-wrapper .optanon-show-settings-middle a.optanon-show-settings { font-size: inherit !important; font-weight: normal !important; } .optanon-alert-box-wrapper *, #optanon *, #optanon a, #optanon p, #optanon div { font-family: "Avenir Next W01", "Avenir Next W04", "Avenir Next", "Helvetica", Arial, sans-serif; } .optanon-alert-box-wrapper { background-color: #ffffff !important; padding: 60px 0 15px 0; box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, 0.1); } .optanon-alert-box-logo { display: none; } .optanon-alert-box-wrapper #alert-box-title { font-weight: 700; font-size: 24px; padding: 0 0 30px 0; } .optanon-alert-box-wrapper p { font-size: 16px; line-height: 24px; } .optanon-alert-box-wrapper .banner-content .banner-policy-link { color: #000; white-space: nowrap; } .optanon-alert-box-wrapper .optanon-alert-box-body { margin-left: 10%; margin-right: 10%; } .optanon-alert-box-bg .optanon-alert-box-button-container { position: relative; right: auto; top: auto; margin: 15px 0 0 0; } .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button { border: none; color: gray !important; } .optanon-alert-box-wrapper .optanon-alert-box-button-middle { border-radius: 30px; } .optanon-alert-box-bg .optanon-alert-box-button-container { margin: 15px 10% 0 0; } .optanon-alert-box-wrapper .optanon-alert-box-button-middle.accept-cookie-container button { font-size: 15px; padding: 5px 25px; } .optanon-alert-box-wrapper .optanon-alert-box-button-middle button.cookie-settings-button { margin-top: 6px; } .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button:before, .optanon-alert-box-wrapper .optanon-button-allow .optanon-alert-box-button-middle button:before { display: none; } @media only screen and (max-width: 47em) { .optanon-alert-box-wrapper .optanon-alert-box-bg p.banner-content { font-size: 12px; line-height: 18px; } .optanon-alert-box-wrapper { padding: 15px 0 15px 0; } .optanon-alert-box-wrapper .optanon-alert-box-body { margin-right: 20px; margin-left: 20px; } .optanon-alert-box-wrapper #alert-box-title { font-size: 20px; text-align: center; padding-bottom: 15px; } .optanon-alert-box-wrapper p { text-align: center; } .optanon-alert-box-wrapper .optanon-alert-box-button { float: none; margin: 15px auto 0; display: block; max-width: 90%; } .optanon-alert-box-wrapper .optanon-alert-box-button.optanon-button-more { margin: 0 auto; } .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle { text-align: center; padding-right: 0; margin-left: auto; margin-right: auto; } .optanon-alert-box-wrapper .optanon-alert-box-button-middle { text-align: center; } .optanon-alert-box-bg .optanon-alert-box-button-container { display: block; padding-right: 0; margin-right: 0; } #optanon #optanon-branding-top-logo { left: 50%; transform: translateX(-50%); width: 50%; } #optanon #optanon-popup-wrapper .h2 { font-size: 1.5rem; line-height: 2; } } #optanon #optanon-popup-body div.optanon-main-info-text a { text-decoration: underline; } #optanon #optanon-popup-wrapper .optanon-white-button-middle { border-radius: 25px; } #optanon #optanon-popup-wrapper .optanon-white-button-middle button { padding: 2px 20px; } legend { position: relative; width: 100%; } legend .dialog-required { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); text-transform: uppercase; font-size: 14px; } @media only screen and (max-width: 767px) { legend .dialog-required { float: right; position: relative; margin: 13px 0 0 0; } } legend .dialog-required em { font-style: normal; } .form-row { position: relative; margin: 0 0 2.5rem; overflow: hidden; } .form-row.no-label { margin: 0; } .form-row.checkbox { padding-top: 7px; } .form-row.small input[type="checkbox"] + label:before { width: 21px; height: 21px; } select, .dropdown-appearance, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { padding: 6px 24px; margin-bottom: 5px; } select:focus, .dropdown-appearance:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(128, 128, 128, 0.6); } select.error, select.error-message, .dropdown-appearance.error, .dropdown-appearance.error-message, textarea.error, textarea.error-message, input[type="text"].error, input[type="text"].error-message, input[type="password"].error, input[type="password"].error-message, input[type="datetime"].error, input[type="datetime"].error-message, input[type="datetime-local"].error, input[type="datetime-local"].error-message, input[type="date"].error, input[type="date"].error-message, input[type="month"].error, input[type="month"].error-message, input[type="time"].error, input[type="time"].error-message, input[type="week"].error, input[type="week"].error-message, input[type="number"].error, input[type="number"].error-message, input[type="email"].error, input[type="email"].error-message, input[type="url"].error, input[type="url"].error-message, input[type="search"].error, input[type="search"].error-message, input[type="tel"].error, input[type="tel"].error-message, input[type="color"].error, input[type="color"].error-message { border: 2px solid #ef4923; color: #ef4923; } select, .dropdown-appearance, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { height: 42px; } select, .dropdown-appearance { padding: 9px 12px 9px 24px; } select::-ms-expand { display: none; } @supports (-webkit-appearance: none) { select, .dropdown-appearance { -webkit-appearance: none; padding-right: 45px; background: url("../images/select-down.png") no-repeat 100% 50% #FFFFFF; } } @supports (-moz-appearance: meterbar) { select, .dropdown-appearance { -moz-appearance: none; padding-right: 45px; background: url("../images/select-down.png") no-repeat 100% 50% #FFFFFF; } } input[type="checkbox"], input[type="radio"] { position: absolute; z-index: -20; width: 15px; height: 15px; margin-left: -20px; opacity: 0; } input[type="checkbox"] + label:before, input[type="radio"] + label:before { content: ''; display: inline-block; margin-right: 12px; vertical-align: middle; background-repeat: no-repeat; } input[type="checkbox"] + label ~ label, input[type="radio"] + label ~ label { margin-left: 15px; } input[type="checkbox"] + label:before { width: 37px; height: 37px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%2020%2037%2037%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M0%2020h37v37H0z%22/%3E%3C/svg%3E"); } input[type="checkbox"]:checked + label:before { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%2020%2037%2037%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M8.5%2028.5l20%2020M28.5%2028.5l-20%2020M0%2020h37v37H0z%22/%3E%3C/svg%3E"); } .patagonia-jp input[type="checkbox"] + label:before { width: 37px; height: 37px; background-image: url("../images/box-grey.png"); background-size: 37px 37px; } .patagonia-jp input[type="checkbox"]:checked + label:before { background-image: url("../images/check-box-grey.png"); } input[type="radio"] + label:before { width: 31px; height: 31px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%222%2022%2033%2033%22%20enable-background%3D%22new%202%2022%2033%2033%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cline%20display%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%23999999%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%228.5%22%20y1%3D%2228.5%22%20x2%3D%2228.5%22%20y2%3D%2248.5%22/%3E%0D%0A%3Cline%20display%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%23999999%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2228.5%22%20y1%3D%2228.5%22%20x2%3D%228.5%22%20y2%3D%2248.5%22/%3E%0D%0A%3Ccircle%20fill%3D%22%23EEEEEE%22%20stroke%3D%22%23999999%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218.5%22%20cy%3D%2238.5%22%20r%3D%2215.5%22/%3E%0D%0A%3C/svg%3E%0D%0A"); } input[type="radio"]:checked + label:before { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%222%2022%2033%2033%22%20enable-background%3D%22new%202%2022%2033%2033%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cline%20display%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%23999999%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%228.5%22%20y1%3D%2228.5%22%20x2%3D%2228.5%22%20y2%3D%2248.5%22/%3E%0D%0A%3Cline%20display%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%23999999%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2228.5%22%20y1%3D%2228.5%22%20x2%3D%228.5%22%20y2%3D%2248.5%22/%3E%0D%0A%3Ccircle%20fill%3D%22%23EEEEEE%22%20stroke%3D%22%23999999%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218.5%22%20cy%3D%2238.5%22%20r%3D%2215.5%22/%3E%0D%0A%3Ccircle%20fill%3D%22%23999999%22%20cx%3D%2218.5%22%20cy%3D%2238.5%22%20r%3D%229.3%22/%3E%0D%0A%3C/svg%3E%0D%0A"); } .checkbox label, .radio label { padding: 0; } /* ::placeholder { color: $placeholder-color; } */ .form-caption { display: block; margin: 0.5rem 0; width: auto; font-size: 14px; color: #999999; } .error, .error-message { color: #ef4923; border-color: #ef4923; } .error:focus, .error-message:focus { outline: none; } .error::placeholder, .error-message::placeholder { line-height: 1.5; } span.error, span.error-message { display: block; font-size: 14px; } @media only screen and (min-width: 1200px) { span.error, span.error-message { margin: 0 0 5px 0; } } .error-form { color: #ef4923; margin: 1rem 0; padding: 0.5rem 0 0 4rem; } @media only screen and (max-width: 767px) { .error-form { padding: 15px; text-align: center; } } label { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 13px; } .form-label-text { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } .form-label-text span { margin-right: 5px; } .label-inline label { float: none; width: auto; max-width: 90%; margin: 0; font-size: 14px; } .label-inline input { margin: 0; } .label-removed label { left: -999rem; position: absolute; } .form-inline form { padding: 0 0 2rem; width: 98%; } .form-inline .form-row { clear: none; float: left; margin: 0.3571428571rem 2% 0 0; width: 78%; } .form-inline label { width: 30%; } .form-inline input[type="text"], .form-inline select, .form-inline .dropdown-appearance { margin-left: 2%; width: 68%; } .form-inline .form-row-button { float: left; width: 20%; margin-right: 0; } .form-inline button { padding-left: 0; padding-right: 0; width: 100%; } .row-inline { display: inline; } .row-inline label { width: auto; } .form-field-tooltip { float: right; margin: 0.5rem 0 0; width: 21%; } .with-helper-text { margin-top: -4.2142857143rem; } .input-value { display: inline-block; padding-top: 0.5rem; } @media only screen and (min-width: 1200px) { .input-value { margin-left: 2%; } } input[type="number"]:not(.arrows-true)::-webkit-outer-spin-button, input[type="number"]:not(.arrows-true)::-webkit-inner-spin-button { -webkit-appearance: none; } .full-width-label label { width: 100%; } .patagonia-jp .form-row input[type="checkbox"] + label:before { width: 37px; height: 37px; background-image: url("../images/box-grey.png"); background-size: 30px 30px; } .patagonia-jp .form-row input[type="checkbox"]:checked + label:before { background-image: url("../images/check-box-grey.png"); } .dark-theme .form-row select { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE2IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9ImZvcm0vZHJvcGRvd24vc2F2ZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNTkuMDAwMDAwLCAtMzEuMDAwMDAwKSIgZmlsbD0iIzk5OTk5OSI+DQogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiI+DQogICAgICAgICAgICAgICAgPHBhdGggZD0iTTM3My40MzE3NjIsMzEuMDU5NTUzMyBMMzc0Ljk0MDQ0NywzMi41NjgyMzgyIEMzNzUuMDE5ODUxLDMyLjY0NzY0MjcgMzc1LjAxOTg1MSwzMi43MjcwNDcxIDM3NC45NDA0NDcsMzIuODA2NDUxNiBMMzY3LjA3OTQwNCw0MC41ODgwODkzIEMzNjcsNDAuNjY3NDkzOCAzNjYuOTIwNTk2LDQwLjY2NzQ5MzggMzY2Ljg0MTE5MSw0MC41ODgwODkzIEwzNTkuMDU5NTUzLDMyLjgwNjQ1MTYgQzM1OC45ODAxNDksMzIuNzI3MDQ3MSAzNTguOTgwMTQ5LDMyLjU2ODIzODIgMzU5LjA1OTU1MywzMi41NjgyMzgyIEwzNjAuNTY4MjM4LDMxLjA1OTU1MzMgQzM2MC42NDc2NDMsMzAuOTgwMTQ4OSAzNjAuNzI3MDQ3LDMwLjk4MDE0ODkgMzYwLjgwNjQ1MiwzMS4wNTk1NTMzIEwzNjcsMzcuMjUzMTAxNyBMMzczLjE5MzU0OCwzMS4wNTk1NTMzIEMzNzMuMjcyOTUzLDMwLjk4MDE0ODkgMzczLjM1MjM1NywzMC45ODAxNDg5IDM3My40MzE3NjIsMzEuMDU5NTUzMyBMMzczLjQzMTc2MiwzMS4wNTk1NTMzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+") no-repeat right 50% #F0F0F0; background-size: 16px 10px; padding-right: 5px; background-origin: content-box; } .dark-theme .form-row input[type="checkbox"] + label:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiANCiAgICA8ZGVmcz4NCiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48L3JlY3Q+DQogICAgPC9kZWZzPg0KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9ImNoZWNrYm94L25vIj4NCiAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMTQiPg0KICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4NCiAgICAgICAgICAgICAgICA8cmVjdCBzdHJva2U9IiNDQ0NDQ0MiIHN0cm9rZS13aWR0aD0iMSIgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSI+PC9yZWN0Pg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+"); background-size: 20px 20px; width: 20px; height: 20px; } .dark-theme .form-row input[type="checkbox"]:checked + label:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxkZWZzPg0KICAgICAgICA8cGF0aCBkPSJNMCwzIEwyMCwzIEwyMCwyMyBMMCwyMyBMMCwzIFogTTE2LDEwLjMxMzIwNzUgQzE2LDEwLjMxMzIwNzUgMTYsMTAuMTkyNDUyOCAxNiwxMC4xMzIwNzU1IEwxNC45MTMyMDc1LDkuMDQ1MjgzMDIgQzE0Ljg1MjgzMDIsOC45ODQ5MDU2NiAxNC43OTI0NTI4LDguOTg0OTA1NjYgMTQuNzMyMDc1NSw5LjA0NTI4MzAyIEw4LjIxMTMyMDc1LDE1LjUwNTY2MDQgTDUuMzczNTg0OTEsMTIuNjA3NTQ3MiBDNS4zMTMyMDc1NSwxMi41NDcxNjk4IDUuMjUyODMwMTksMTIuNTQ3MTY5OCA1LjE5MjQ1MjgzLDEyLjYwNzU0NzIgTDQuMDQ1MjgzMDIsMTMuNzU0NzE3IEMzLjk4NDkwNTY2LDEzLjgxNTA5NDMgMy45ODQ5MDU2NiwxMy44NzU0NzE3IDQuMDQ1MjgzMDIsMTMuOTM1ODQ5MSBMOC4wOTA1NjYwNCwxNy45ODExMzIxIEM4LjE1MDk0MzQsMTguMDQxNTA5NCA4LjIxMTMyMDc1LDE4LjA0MTUwOTQgOC4yNzE2OTgxMSwxNy45ODExMzIxIEwxNiwxMC4zMTMyMDc1IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4NCiAgICA8L2RlZnM+DQogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0iY2hlY2tib3gveWVzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgLTMuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0iQ29tYmluZWQtU2hhcGUiPg0KICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4NCiAgICAgICAgICAgICAgICA8cGF0aCBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMSIgZD0iTTAuNSwzLjUgTDAuNSwyMi41IEwxOS41LDIyLjUgTDE5LjUsMy41IEwwLjUsMy41IFogTTguMjE2NzAyNjQsMTQuNzk2NDg4IEwxNC4zNzg1MjIxLDguNjkxNzI5NjMgQzE0LjYzNDE2MTYsOC40MzYwOTAxMiAxNS4wMTExMjE0LDguNDM2MDkwMTIgMTUuMjY2NzYwOSw4LjY5MTcyOTYzIEwxNi41LDkuOTI0OTY4NjkgTDE2LjUsMTAuNTIxNDYzOSBMMTYuMzUyMTY0MiwxMC42NjgxNDQ3IEw4LjYyNTI1MTUsMTguMzM0Njg1NSBDOC4zNjk2MTIsMTguNTkwMzI1IDcuOTkyNjUyMTUsMTguNTkwMzI1IDcuNzM3MDEyNjUsMTguMzM0Njg1NSBMMy42OTE3Mjk2MywxNC4yODk0MDI0IEMzLjQzNjA5MDEyLDE0LjAzMzc2MjkgMy40MzYwOTAxMiwxMy42NTY4MDMxIDMuNjkxNzI5NjMsMTMuNDAxMTYzNiBMNC44Mzg4OTk0NCwxMi4yNTM5OTM4IEM1LjA5NDUzODk0LDExLjk5ODM1NDMgNS40NzE0OTg3OSwxMS45OTgzNTQzIDUuNzMwODQwMTIsMTIuMjU3NzM0OCBMOC4yMTY3MDI2NCwxNC43OTY0ODggWiI+PC9wYXRoPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+"); } .dark-theme .form-row input[type="radio"] + label:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjIycHgiIGhlaWdodD0iMjJweCIgdmlld0JveD0iMCAwIDIyIDIyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJmb3JtL2Ryb3Bkb3duL29wZW4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS4wMDAwMDAsIC0xMDcuMDAwMDAwKSIgc3Ryb2tlPSIjQ0NDQ0NDIiBmaWxsPSIjRkZGRkZGIj4NCiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGN4PSIzMCIgY3k9IjExOCIgcj0iMTAiPjwvY2lyY2xlPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+"); background-size: 20px 20px; width: 20px; height: 20px; } .dark-theme .form-row input[type="radio"]:checked + label:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE4IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJmb3JtL2Ryb3Bkb3duL29wZW4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMC4wMDAwMDAsIC0xMi4wMDAwMDApIiBmaWxsPSIjMDAwMDAwIj4NCiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIj4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzgsMTMuOTY5ODExMyBMMjYuNDA3NTQ3MiwyNS40NzE2OTgxIEMyNi4zMTY5ODExLDI1LjU2MjI2NDIgMjYuMjI2NDE1MSwyNS41NjIyNjQyIDI2LjEzNTg0OTEsMjUuNDcxNjk4MSBMMjAuMDY3OTI0NSwxOS40MDM3NzM2IEMxOS45NzczNTg1LDE5LjMxMzIwNzUgMTkuOTc3MzU4NSwxOS4yMjI2NDE1IDIwLjA2NzkyNDUsMTkuMTMyMDc1NSBMMjEuNzg4Njc5MiwxNy40MTEzMjA4IEMyMS44NzkyNDUzLDE3LjMyMDc1NDcgMjEuOTY5ODExMywxNy4zMjA3NTQ3IDIyLjA2MDM3NzQsMTcuNDExMzIwOCBMMjYuMzE2OTgxMSwyMS43NTg0OTA2IEwzNi4wOTgxMTMyLDEyLjA2NzkyNDUgQzM2LjE4ODY3OTIsMTEuOTc3MzU4NSAzNi4yNzkyNDUzLDExLjk3NzM1ODUgMzYuMzY5ODExMywxMi4wNjc5MjQ1IEwzOCwxMy42OTgxMTMyIEMzOCwxMy43ODg2NzkyIDM4LDEzLjk2OTgxMTMgMzgsMTMuOTY5ODExMyBMMzgsMTMuOTY5ODExMyBaIiBpZD0iU2hhcGUiPjwvcGF0aD4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg=="); background-size: 18px 14px; width: 18px; height: 14px; } .dark-theme .error, .dark-theme .error-message, .dark-theme .error-message { color: #E54B4B; border-color: #E54B4B; } .dark-theme span.error, .dark-theme span.error-message { font-size: 10px; text-transform: uppercase; } .dark-theme legend { padding: 0 0 10px 0; font-size: 14px; text-transform: uppercase; } .dark-theme .input-text, .dark-theme .input-select, .dark-theme .input-textarea { background-color: #F0F0F0; } .dark-theme select, .dark-theme textarea, .dark-theme input[type="text"], .dark-theme input[type="password"], .dark-theme input[type="datetime"], .dark-theme input[type="datetime-local"], .dark-theme input[type="date"], .dark-theme input[type="month"], .dark-theme input[type="time"], .dark-theme input[type="week"], .dark-theme input[type="number"], .dark-theme input[type="email"], .dark-theme input[type="url"], .dark-theme input[type="search"], .dark-theme input[type="tel"], .dark-theme input[type="color"] { margin-bottom: 0; padding: 6px 15px; } .dark-theme .form-control, .dark-theme select, .dark-theme .dropdown-appearance, .dark-theme textarea, .dark-theme input[type="text"], .dark-theme input[type="password"], .dark-theme input[type="datetime"], .dark-theme input[type="datetime-local"], .dark-theme input[type="date"], .dark-theme input[type="month"], .dark-theme input[type="time"], .dark-theme input[type="week"], .dark-theme input[type="number"], .dark-theme input[type="email"], .dark-theme input[type="url"], .dark-theme input[type="search"], .dark-theme input[type="tel"], .dark-theme input[type="color"], .dark-theme select, .dark-theme textarea, .dark-theme input[type="text"], .dark-theme input[type="password"], .dark-theme input[type="datetime"], .dark-theme input[type="datetime-local"], .dark-theme input[type="date"], .dark-theme input[type="month"], .dark-theme input[type="time"], .dark-theme input[type="week"], .dark-theme input[type="number"], .dark-theme input[type="email"], .dark-theme input[type="url"], .dark-theme input[type="search"], .dark-theme input[type="tel"], .dark-theme input[type="color"] { box-shadow: none; } .dark-theme .form-row { margin: 0 0 1.0rem; } .dark-theme .form-row select, .dark-theme .form-row input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) { width: 100%; min-width: auto; } html[lang=ja] label { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } /* Google reCAPTCHA */ .recaptcha-container { position: relative; z-index: 5; } button, .button, button.btn-primary, .btn-primary.button, .btn-primary.btn { padding: 13px 19px; letter-spacing: 0.2em; text-transform: uppercase; background-color: #342e7d; color: #FFFFFF; outline: 0 none; } button:hover, button.hover, .button:hover, .button.hover, button.btn-primary:hover, .btn-primary.button:hover, .btn-primary.btn:hover, button.btn-primary.hover, .btn-primary.hover.button, .btn-primary.hover.btn { background-color: #67629e; color: #FFFFFF; } button:focus, .button:focus, button.btn-primary:focus, .btn-primary.button:focus, .btn-primary.btn:focus { outline: none; color: #FFFFFF; } button.secondary, .button.secondary, button.btn-primary.secondary, .btn-primary.secondary.button, .btn-primary.secondary.btn { background-color: #ef4923; } button.secondary:hover, button.secondary.hover, .button.secondary:hover, .button.secondary.hover, button.btn-primary.secondary:hover, .btn-primary.secondary.button:hover, .btn-primary.secondary.btn:hover, button.btn-primary.secondary.hover, .btn-primary.secondary.hover.button, .btn-primary.secondary.hover.btn { background-color: #f3775a; } button.secondary.disabled, button.secondary[disabled], .button.secondary.disabled, .button.secondary[disabled], button.btn-primary.secondary.disabled, .btn-primary.secondary.disabled.button, .btn-primary.secondary.disabled.btn, button.btn-primary.secondary[disabled], .btn-primary.secondary[disabled].button, .btn-primary.secondary[disabled].btn { border-color: #cccccc; background-color: #cccccc; color: #FFFFFF; cursor: not-allowed; } button.tertiary, .button.tertiary, button.btn-primary.tertiary, .btn-primary.tertiary.button, .btn-primary.tertiary.btn { border: 1px solid #999999; background-color: #999999; color: #FFFFFF; } button.tertiary:hover, button.tertiary.hover, .button.tertiary:hover, .button.tertiary.hover, button.btn-primary.tertiary:hover, .btn-primary.tertiary.button:hover, .btn-primary.tertiary.btn:hover, button.btn-primary.tertiary.hover, .btn-primary.tertiary.hover.button, .btn-primary.tertiary.hover.btn { border-color: #cccccc; background-color: #cccccc; color: #FFFFFF; } button.tertiary:focus, .button.tertiary:focus, button.btn-primary.tertiary:focus, .btn-primary.tertiary.button:focus, .btn-primary.tertiary.btn:focus { color: #FFFFFF; } button.quaternary, .button.quaternary, button.btn-primary.quaternary, .btn-primary.quaternary.button, .btn-primary.quaternary.btn { border: none; background-color: #333333; color: #FFFFFF; border-radius: 22px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); font-size: 14px; text-transform: none; letter-spacing: normal; line-height: 17px; padding-left: 30px; padding-right: 30px; } button.quaternary:focus, .button.quaternary:focus, button.btn-primary.quaternary:focus, .btn-primary.quaternary.button:focus, .btn-primary.quaternary.btn:focus { color: #FFFFFF; } button[disabled], button:disabled, button:hover:disabled, button.hover:disabled, .button[disabled], .button:disabled, .button:hover:disabled, .button.hover:disabled, button.btn-primary[disabled], .btn-primary[disabled].button, .btn-primary[disabled].btn, button.btn-primary:disabled, .btn-primary.button:disabled, .btn-primary.btn:disabled, button.btn-primary:hover:disabled, .btn-primary.button:hover:disabled, .btn-primary.btn:hover:disabled, button.btn-primary.hover:disabled, .btn-primary.hover.button:disabled, .btn-primary.hover.btn:disabled { border-color: #cccccc; background-color: #cccccc; color: #FFFFFF; cursor: not-allowed; } button + button, .button + button, button.btn-primary + button, .btn-primary.button + button, .btn-primary.btn + button { margin-left: 10px; } button, .button, .btn, button, .button, .btn.btn-primary { font-size: 16px; } .button:hover { text-decoration: none; } .button-text, .ui-dialog.manage-dialog .form-horizontal button.cancel-button { background-color: transparent; border-width: 0; text-transform: none; color: #000000; padding: 0; line-height: 150%; font-size: 14px; letter-spacing: 0; } .button-text:hover, .ui-dialog.manage-dialog .form-horizontal button.cancel-button:hover { background-color: transparent; text-decoration: underline; color: #ef4923; } .btn-primary { background-color: #342e7d; color: #FFFFFF; } body .dropdown-appearance { height: auto; padding: 0; position: relative; z-index: 1; } body .dropdown-appearance.toggled { border-color: #cccccc; } body .dropdown-appearance.toggled .dropdown-appearance__list { display: block; } body .dropdown-appearance input { position: absolute; visibility: hidden; } .dropdown-appearance__toggler { cursor: pointer; padding: 8px; } .dropdown-appearance__toggler img { height: 40px; } .dropdown-appearance__toggler img + .name { display: none; } .dropdown-appearance__list { background: #FFFFFF; border-color: inherit; border: 1px solid #cccccc; display: none; left: -1px; margin: 0; max-height: 200px; overflow: auto; padding: 0; position: absolute; right: -1px; top: 100%; } .dropdown-appearance__list:before, .dropdown-appearance__list:after { content: " "; display: table; } .dropdown-appearance__list:after { clear: both; } .dropdown-appearance__list-item { cursor: pointer; display: block; list-style: none; margin: 0; padding: 0; position: relative; } .dropdown-appearance__list-item::after { -webkit-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; background: #000000; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; } .dropdown-appearance__list-item:hover::after { opacity: .06; } .dropdown-appearance__list-item label { display: block; margin: 0; padding: 8px; } .dropdown-appearance__list-item img { height: 40px; } .has-dropdown-appearance .form-row { overflow: visible; } div.password-assist { width: 300px; min-height: 180px; background: #efefef; position: absolute; z-index: 1000; border: 1px solid #cccccc; padding: 15px; border-radius: 5px; display: none; } div.password-assist:before { content: ''; display: block; width: 20px; height: 20px; position: absolute; top: -11px; left: calc(50% - 10px); background: #efefef; z-index: 1001; transform: rotate(45deg); border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; } div.password-assist .check { color: #aaaaaa; line-height: 20px; } div.password-assist .check .glyphicon, div.password-assist .check .photo-caption-icon, div.password-assist .check .photo-icon { font-size: 16px; top: 3px; } div.password-assist .check.passed { color: #2a2563; } div.password-assist .strength { font-weight: 600; margin-top: 4px; } div.password-assist .bar-wrapper { height: 5px; background: #cccccc; width: 100%; margin: 6px 0; position: relative; } div.password-assist .bar-wrapper .bar { position: absolute; top: 0; left: 0; height: 5px; width: 0; background: transparent; } div.password-assist.weak .bar-wrapper .bar { background: #ef4923; width: 25%; } div.password-assist.moderate-1 .bar-wrapper .bar { background: #f3775a; width: 50%; } div.password-assist.moderate-2 .bar-wrapper .bar { background: #e5801a; width: 75%; } div.password-assist.strong .bar-wrapper .bar { background: #2a2563; width: 100%; } .product-tile { position: absolute; background-color: #FFFFFF; transition: box-shadow 0.6s; max-width: 300px; width: 100%; font-size: 14px; } @media only screen and (max-width: 767px) { .product-tile { padding: 0 2px; z-index: 1; } } .product-tile .product-image { height: auto; position: relative; } .product-tile .product-image img { max-width: 100%; min-width: 50%; height: auto; display: block; margin: 0 auto; } .product-tile .product-image img.featured-tile-image { position: absolute; top: 0; left: 0; background: #FFFFFF; -webkit-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .product-tile .product-image img.featured-tile-image:hover { opacity: 0; } .product-tile .product-text { margin: 10px 0; } .product-tile .product-name { font-size: 14px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; margin: 0; max-height: 79px; overflow: hidden; } @media only screen and (max-width: 767px) { .product-tile .product-name { max-height: 59px; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: block; display: -webkit-box; } } .product-tile .product-name a { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.7px; } .product-tile .product-pricing { margin: 0; } .product-tile .product-pricing .product-standard-price { text-decoration: line-through; } .product-tile .product-swatches-all { cursor: pointer; } .product-tile .product-swatches ul { list-style: none outside none; margin: 0; text-align: center; overflow: hidden; padding: 0; } .product-tile .product-swatches li { margin: 2px 2px 0 0; display: inline-block; } .product-tile .product-swatches li a img { height: 30px; width: 30px; } .product-tile .product-swatches li a.selected img { padding: 1px; border: 1px solid #000000; } .product-tile .product-promo { font-size: 0.8em; margin: 0.5em 0; text-transform: uppercase; } @media only screen and (max-width: 767px) { .product-tile .product-compare { display: none !important; } } .product-tile .product-compare .form-row { margin: 0; } .product-tile .product-compare label { line-height: 26px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-size: 14px; padding: 0; width: auto; } .product-tile .product-review { margin-bottom: 1em; } .product-tile .product-review .rating-title { display: inline-block; margin-right: 1em; } .product-tile .product-review .rating { display: inline-block; } .product-tile .badge { position: absolute; right: 10%; top: 10%; width: 18%; } @media only screen and (max-width: 991px) { .product-tile .badge { width: 20%; } } .product-tile .product-swatches { max-height: 97px; overflow: hidden; } @media only screen and (max-width: 767px) { .product-tile .product-swatches { display: none; } } .product-tile .bv-cv2-cleanslate, .product-tile .bv-cv2-cleanslate div, .product-tile .bv-cv2-cleanslate dl { display: inline-block !important; } .capture-product-id { left: -999em; position: absolute; } .PAWTile { position: relative; min-height: 460px; width: 285px; display: inline-block; text-align: center; vertical-align: top; background-color: white; border: 5px solid #698ce8; border-radius: 10px; padding-top: 0; } .PAWTile__HeadlineArea { background-color: #698ce8; height: 60px; } .PAWTile__Title { color: white; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 16px; padding-top: 16px; position: relative; } .PAWTile__Body { padding: 32px; padding-top: 60px; } .PAWTile__Content { font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; font-size: 16px; padding-top: 16px; line-height: 24px; color: #666666; } .PAWTile__City { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 15px; padding-top: 16px; line-height: 24px; color: #666666; } .PAWTile__City span { border-bottom: 2px solid black; padding-bottom: 7px; } .PAWTile__Headline { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 22px; line-height: 26px; color: #000000; } .PAWTile__Headline:hover { color: #000000; } .PAWTile__Button { background-color: #500778; font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; line-height: 18px; color: rgba(255, 255, 255, 0.85); text-align: center; text-decoration: none; display: inline-block; position: absolute; width: 211px; bottom: 44px; left: 32px; margin-top: 20px; font-size: 18px; padding: 16px 28px; border-radius: 30px; } @media only screen and (max-width: 767px) { .PAWTile__Button { left: 61px; position: static; margin-top: 0; } } .PAWTile__Button:focus { color: rgba(255, 255, 255, 0.85); } .PAWTile__Button:hover { color: white; cursor: pointer; } .PAWTile__Presented { color: #666666; font-size: 11px; font-weight: bold; padding-top: 10px; } .PAWTile__Grantee { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 15px; padding-top: 0; line-height: 24px; color: #666666; } .PAWTile__Grantee span { border-bottom: 2px solid black; padding-bottom: 7px; } .PAWTile__Logo { height: 48px; width: 48px; position: absolute; top: 40px; left: 112px; } .PAWTile--event { border: 5px solid #698ce8; } .PAWTile--event > .PAWTile__HeadlineArea { background-color: #698ce8; } .PAWTile--petition { border: 5px solid #4eb96e; } .PAWTile--petition > .PAWTile__HeadlineArea { background-color: #4eb96e; } .PAWDefaultTile { position: relative; min-height: 460px; width: 285px; display: inline-block; text-align: center; vertical-align: top; background-color: #efefef; padding: 20px 40px; font-size: 16px; border-radius: 10px; } .PAWDefaultTile__Logo { padding-top: 40px; width: 150px; padding-bottom: 40px; } .PAWDefaultTile__Text { font-family: Georgia, serif; } .PAWDefaultTile__City { font-weight: bold; } @media only screen and (max-width: 767px) { .search-result-items li.grid-tile.PAWTile-li { width: 100%; height: auto; } .search-result-items li.grid-tile.PAWTile-li .PAWTile, .search-result-items li.grid-tile.PAWTile-li .PAWDefaultTile { width: 100%; min-height: auto; height: 290px; overflow: hidden; } .search-result-items li.grid-tile.PAWTile-li .PAWTile__Logo, .search-result-items li.grid-tile.PAWTile-li .PAWDefaultTile__Logo { left: calc(50% - 32px); } .search-result-items li.grid-tile.PAWTile-li .PAWTile__Headline, .search-result-items li.grid-tile.PAWTile-li .PAWDefaultTile__Headline { font-size: 18px; line-height: 24px; } .search-result-items li.grid-tile.PAWTile-li .PAWTile__Body, .search-result-items li.grid-tile.PAWTile-li .PAWDefaultTile__Body { padding: 28px; padding-top: 40px; } .search-result-items li.grid-tile.PAWTile-li .PAWTile__City, .search-result-items li.grid-tile.PAWTile-li .PAWDefaultTile__City { padding-top: 0; font-size: 14px; } .search-result-items li.grid-tile.PAWTile-li .PAWTile__City .jsPAWTileCity, .search-result-items li.grid-tile.PAWTile-li .PAWDefaultTile__City .jsPAWTileCity { padding-bottom: 4px; } .search-result-items li.grid-tile.PAWTile-li .PAWTile__Content, .search-result-items li.grid-tile.PAWTile-li .PAWDefaultTile__Content { font-size: 14px; padding-top: 2px; line-height: 16px; } .search-result-items li.grid-tile.PAWTile-li .PAWTile__Content .no-mobile, .search-result-items li.grid-tile.PAWTile-li .PAWDefaultTile__Content .no-mobile { display: none; } .search-result-items li.grid-tile.PAWTile-li .PAWTile__Presented, .search-result-items li.grid-tile.PAWTile-li .PAWDefaultTile__Presented { padding-top: 0; font-size: 10px; } .search-result-items li.grid-tile.PAWTile-li .PAWTile__Grantee, .search-result-items li.grid-tile.PAWTile-li .PAWDefaultTile__Grantee { font-size: 14px; } .search-result-items li.grid-tile.PAWTile-li .PAWTile--event { border: 2px solid #698ce8; } .search-result-items li.grid-tile.PAWTile-li .PAWDefaultTile { min-height: 350px; height: auto; } } html[lang=ja] .product-tile .product-name { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .product-tile .product-name a { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .product-tile .product-compare label { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 991px) { .pt_product-search-noresult .breadcrumb, .pt_product-search-result .breadcrumb { display: block; } } .pt_product-search-noresult.show-navigation#wrapper, .pt_product-search-result.show-navigation#wrapper { margin-top: 0; } .pt_product-search-noresult.show-navigation #navbar, .pt_product-search-result.show-navigation #navbar { position: relative; } .pt_product-search-noresult #main, .pt_product-search-result #main { width: 100%; } .pt_product-search-noresult .primary-content, .pt_product-search-result .primary-content { position: static; } .pt_product-search-noresult .primary-content h1.content-header, .pt_product-search-result .primary-content h1.content-header { padding-left: 15px; } .pt_product-search-noresult .title-desktop-pill, .pt_product-search-result .title-desktop-pill { padding: 30px 0 20px; } .pt_product-search-noresult .parallax-navbar-wrapper, .pt_product-search-result .parallax-navbar-wrapper { min-height: 128px; } .pt_product-search-noresult .category-compare, .pt_product-search-result .category-compare { border-radius: 10px; background-clip: padding-box; background-color: #ef4923; color: #FFFFFF; display: none; padding: 7px 15px; margin: -7px 20px 0 20px; } @media only screen and (max-width: 767px) { .pt_product-search-noresult .category-compare, .pt_product-search-result .category-compare { display: none !important; } } .pt_product-search-noresult .category-compare.disabled, .pt_product-search-result .category-compare.disabled { float: right; color: #000000; border-radius: 0; background-color: transparent; } .category-main-banner img { max-width: 100%; } .no-hits-search-term { color: #990000; font-style: italic; } .no-hits-search-term-suggest { color: #ef4923; } .no-hits-footer { background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent; margin: 20px 0; padding: 20px 0; } .search-result-bookmarks { margin: 15px; } .search-result-bookmarks .first { border-right: 1px solid #999; padding-right: 5px; } .search-tabs-wrapper { margin-top: 30px; } @media only screen and (max-width: 767px) { .search-tabs-wrapper ul.nav { border: 0 none; } } .search-tabs-wrapper ul.nav li { width: 50%; text-align: center; margin-bottom: -1px; float: left; } @media only screen and (max-width: 767px) { .search-tabs-wrapper ul.nav li { float: none; width: 100%; } } .search-tabs-wrapper ul.nav li a { color: #ef4923; font-size: 14px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.02em; } @media only screen and (max-width: 767px) { .search-tabs-wrapper ul.nav li a { border: 1px solid transparent; border-radius: 4px; margin: 0 0 5px 0; } } .search-tabs-wrapper ul.nav li.active { background: #FFFFFF; } .search-tabs-wrapper ul.nav li.active a { color: #666666; } @media only screen and (max-width: 767px) { .search-tabs-wrapper ul.nav li.active a { border: 1px solid #dddddd; } } .search-result-options { margin-top: 10px; z-index: 3; width: 100%; overflow: hidden; } .search-result-options form { margin-bottom: 0; } .search-result-options select { padding-right: 60px; } .search-result-options select:focus { box-shadow: none; } .search-result-options .sort-by { float: none; } @media only screen and (min-width: 768px) { .search-result-options .sort-by { float: right; margin: 30px 120px 0 0; } } .search-result-options .items-per-page { float: right; } .search-result-options .pagination { float: right; line-height: 16px; } @media only screen and (max-width: 767px) { .search-result-options .pagination { width: 100%; } } .search-result-options .pagination .results-hits { float: right; } @media only screen and (max-width: 767px) { .search-result-options .pagination .results-hits { float: left; } } .search-result-options .pagination ul { float: right; margin: 0 0 0 6px; padding: 0; } .search-result-options .pagination ul li { font-size: 0; margin: 0 2px; display: inline-block; } .search-result-options .pagination ul li a { font-size: 12px; color: #000000; } .search-result-options .pagination ul li a:hover { color: #ef4923; } .search-result-options .pagination ul li.current-page { font-size: 12px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .nav .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #FFFFFF; margin: 0 0 0 3px; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #ef4923; border-radius: 10px; } .nav .active .badge { background-color: #666666; } .search-result-items { margin: 0; padding: 0; text-align: center; } @media only screen and (max-width: 767px) { .search-result-items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .search-result-items li.grid-tile { list-style: none outside none; position: relative; min-height: 508px; height: 1px; min-width: 285px; display: inline-block; margin: 16px 0 0 10px; text-align: center; vertical-align: top; } @media only screen and (min-width: 1200px) { .search-result-items li.grid-tile { width: 300px; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .search-result-items li.grid-tile { margin: 14px calc((100% - 600px)/4) 0; } } @media only screen and (max-width: 767px) { .search-result-items li.grid-tile { margin: 12px 0 0 0; width: 50%; min-width: initial; min-height: 275px; z-index: 0; } .search-result-items li.grid-tile.spiff { width: 100%; min-height: 0; height: auto; } .search-result-items li.grid-tile .product-tile.spiff { max-width: none; min-height: 0; height: auto; position: relative; } } @media only screen and (max-width: 767px) and (orientation: landscape) { .search-result-items li.grid-tile { min-height: 400px; } } @media only screen and (orientation: portrait) and (width: 712px) { .search-result-items li.grid-tile { min-height: 508px; } } .no-touchevents .search-result-items li.grid-tile { overflow: hidden; } .no-touchevents .search-result-items li.grid-tile:hover { overflow: visible; } @media only screen and (min-width: 768px) { .no-touchevents .search-result-items li.grid-tile:hover .product-tile { z-index: 25; box-shadow: 0 0 13px 0 #e0e0e0; } } @media only screen and (min-width: 768px) { .no-touchevents .search-result-items li.grid-tile:hover .short-description { transition: opacity 0.9s; opacity: 1; } } .search-result-items li.grid-tile .short-description { opacity: 0; display: block; padding: 5px 20px 20px 20px; } @media only screen and (max-width: 767px) { .search-result-items li.grid-tile-desktop { display: none; } } @media only screen and (min-width: 768px) { .search-result-items li.grid-tile-mobile { display: none; } } .search-result-items .invisible { display: none; } @media only screen and (max-width: 767px) { .search-result-items li.btl-wrapper-li { min-height: 500px; width: calc(100vw - 30px); height: calc(1.69333 * (100vw - 30px)); margin-bottom: 50px; } } @media only screen and (max-width: 767px) { .search-result-items.clearfix:before, .search-result-items.category-switch:before, .search-result-items.gift-cert-detail-content-wrap:before, .search-result-items.category-switch:before { display: block; } } .search-result-content { clear: both; } .search-result-content .product-price .price-standard { text-decoration: line-through; } .search-result-content .product-price .price-standard + .price-sales { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .search-promo { padding: 20px; } #results-content { background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent; padding-top: 30px; } #wrapper.pt_product-search-noresult.articles #main { padding: 0 15px; } #wrapper.pt_product-search-noresult.articles #main #primary { padding-top: 35px; } @media only screen and (max-width: 991px) { #wrapper.pt_product-search-noresult.articles #main #secondary { padding-bottom: 0; float: none; } #wrapper.pt_product-search-noresult.articles #main #primary { padding-top: 0; float: none; } #wrapper.pt_product-search-noresult.articles #main .search-tabs-wrapper { margin-top: 0; } } #wrapper.pt_product-search-noresult { padding-left: 0; padding-right: 0; } #wrapper.pt_product-search-noresult #main { padding-left: 0; padding-right: 0; } #wrapper.pt_product-search-noresult #main #primary { margin: 0; } #wrapper.pt_product-search-noresult #main #primary .no-hits-banner img { width: 100%; height: auto; } .no-results { padding: 20px; } .pt_product-search-noresult .folder-content-list, .folder-content-list { margin: 30px 0 0 0; padding: 0; list-style: none; } @media only screen and (max-width: 767px) { .pt_product-search-noresult .folder-content-list, .folder-content-list { margin: 15px 0 0 0; } } .pt_product-search-noresult .folder-content-list li, .folder-content-list li { background-color: #ecf0f1; border-radius: 5px; display: block; min-height: 86px; overflow: hidden; margin-top: 10px; padding: 10px; color: #000000; } .pt_product-search-noresult .folder-content-list li a .content-title, .folder-content-list li a .content-title { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; display: block; font-size: 14px; letter-spacing: 0.02em; line-height: 1.5em; } .pt_product-search-noresult .folder-content-list li a:hover .content-title, .folder-content-list li a:hover .content-title { color: #000000; } .pt_product-search-noresult .folder-content-list li a .high-light, .folder-content-list li a .high-light { color: #ef4923; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .search-results-content .form-row.articles { margin: 30px 0 0 0; text-align: right; } .pt_product-search-noresult ul { margin: 0; padding: 0; list-style: none; } .pt_product-search-noresult ul li { margin: 0 0 10px 0; } .pt_product-search-noresult #primary { margin: auto 10%; } @media only screen and (max-width: 991px) { .pt_product-search-noresult #primary { margin: auto 5%; } } .pt_product-search-noresult .section-header { border: 0 none; background-color: #eeeeee; padding: 30px 0 20px; margin: 15px 0; font-size: 16px; text-align: center; } .pt_product-search-noresult .section-header .no-hits-search-term { color: #ef4923; } .pt_product-search-noresult .no-hits-help, .pt_product-search-noresult .no-hits-footer { width: 50%; margin: 0; padding: 0 10px 0 0; font-size: 14px; background: none; float: left; } @media only screen and (max-width: 991px) { .pt_product-search-noresult .no-hits-help, .pt_product-search-noresult .no-hits-footer { width: 100%; } } .pt_product-search-noresult .no-hits-help ul, .pt_product-search-noresult .no-hits-footer ul { list-style: disc; padding: 0 0 0 16px; } .pt_product-search-noresult .no-hits-help a, .pt_product-search-noresult .no-hits-footer a { text-decoration: underline; } .pt_product-search-noresult .no-hits-search label { font-size: 15px; } .pt_product-search-noresult .no-hits-search input { width: 315px; height: 50px; display: inline; color: black; } @media only screen and (max-width: 767px) { .pt_product-search-noresult .no-hits-search input { text-align: center; font-size: 25px; } } .pt_product-search-noresult .no-hits-search input::-webkit-input-placeholder { /* Chrome */ color: #909090; } .pt_product-search-noresult .no-hits-search input:-webkit-input-placeholder { /* Chrome */ color: #909090; } .pt_product-search-noresult .no-hits-search input:-ms-input-placeholder { /* IE 10+ */ color: #909090; } .pt_product-search-noresult .no-hits-search input::-moz-placeholder { /* Firefox 19+ */ color: #909090; opacity: 1; } .pt_product-search-noresult .no-hits-search input:-moz-placeholder { /* Firefox 4 - 18 */ color: #909090; opacity: 1; } @media only screen and (max-width: 767px) { .pt_product-search-noresult .no-hits-search button { display: inline; padding: 0; padding-right: 17px; } } .no-hits-area { background-color: #f0f0f0; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; text-align: center; padding-bottom: 39px; } .no-hits-area .no-hits-banner { position: relative; } .no-hits-area h1 { font-size: 21px; color: #030303; padding-top: 64px; } .no-hits-area p.did-you-mean { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; } .no-hits-search .centered { text-align: centered; } .no-hits-search input { font-size: 30px; color: black; font-weight: bold; border: none; text-align: right; padding: 0; box-shadow: none; display: inline; background-color: #f0f0f0; width: 317px; } .no-hits-search input:focus { box-shadow: none; } .no-hits-search button { border: none; background-color: #f0f0f0; color: black; font-size: 30px; } .no-hits-cross-promo { text-align: center; } .no-hits-cross-promo h2 { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 21px; color: #222222; padding-top: 65px; } .no-hits-cross-promo h3.contact-us { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 21px; color: #030303; padding-bottom: 18px; clear: left; padding-top: 10px; } .no-hits-cross-promo a.btn, .no-hits-cross-promo a.button { margin: 0 15px; text-transform: none; } @media only screen and (max-width: 767px) { .no-hits-cross-promo a.btn, .no-hits-cross-promo a.button { width: 60%; margin-bottom: 20px; } } .no-hits-cross-promo .btn-no-hits-chat { display: none; } .no-hits-cross-promo .btn-no-hits-chat .glyphicon-comment { margin-right: 5px; vertical-align: bottom; line-height: 20px; } .no-search-results-category-shop-wrapper { width: 100%; padding-left: 10%; padding-right: 10%; padding-top: 18px; } @media only screen and (max-width: 991px) { .no-search-results-category-shop-wrapper { padding-left: 0; padding-right: 0; } } .no-search-results-category-shop { float: left; width: 25%; position: relative; text-align: center; } @media only screen and (max-width: 767px) { .no-search-results-category-shop { width: 50%; } } .no-search-results-category-shop img { border: 0; padding: 0 15px; width: 100%; max-width: 263px; } .no-search-results-category-shop h3 { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 18px; margin-top: 13px; color: #030303; } .btl-tile { height: 508px; width: 100%; position: relative; text-align: center; overflow: hidden; } @media only screen and (max-width: 767px) { .btl-tile { height: calc(1.693333 * 100vw - 30px); } } .btl-static { z-index: 10; } .btl-title, .btl-video-title { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 32px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 36px; padding-left: 35px; padding-right: 35px; width: 100%; } @media only screen and (max-width: 767px) { .btl-title, .btl-video-title { font-size: 40px; line-height: 46px; } } .btl-subtitle { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 32px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 36px; padding-left: 50px; padding-right: 50px; width: 100%; } .btl-text, .btl-video-text { font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; font-size: 16px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 24px; padding-left: 50px; padding-right: 50px; letter-spacing: 0; } @media only screen and (max-width: 767px) { .btl-text, .btl-video-text { font-size: 20px; line-height: 29px; } } .btl-title, .btl-subtitle, .btl-text, .btl-video-title, .btl-video-text { position: absolute; } .btl-title, .btl-video-title { top: 14%; } @media only screen and (max-width: 767px) { .btl-title, .btl-video-title { top: 9%; } } .btl-subtitle { top: 31%; } .btl-text, .btl-video-text { top: 34%; width: 100%; } .btl-static-text { top: 35%; } .btl-static-button-wrapper, .btl-button-wrapper { width: 100%; position: absolute; height: 44px; text-align: center; bottom: 50px; left: 0; } .btl-button-wrapper { bottom: 90px; } .btl-button { background-color: #FAFAFA; color: rgba(0, 0, 0, 0.85); font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 16px; letter-spacing: -0.16px; text-align: center; line-height: 18px; height: 44px; border-radius: 22px; padding-left: 22px; padding-right: 22px; text-transform: none; } .btl-button:hover { color: #000000; background-color: #FAFAFA; } .btl-button:hover a { color: #000000; background-color: #FAFAFA; } .btl-button:visited { color: rgba(0, 0, 0, 0.85); background-color: #FAFAFA; } .btl-caption-button { position: absolute; height: 24px; width: 24px; right: 27px; bottom: 32px; } .btl-caption-button { cursor: pointer; } .btl-caption-overlay { position: absolute; display: table; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); z-index: 11; } .btl-caption-overlay-hidden { display: none; } .btl-caption-overlay-close { position: absolute; height: 25px; width: 25px; right: 14px; top: 14px; background-size: cover; } .btl-caption-overlay-close:hover { cursor: pointer; } .btl-caption-text { color: white; display: table-cell; vertical-align: middle; font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; letter-spacing: 0; padding-left: 38px; padding-right: 38px; } .btl-slide-wrapper { position: absolute; top: 0; left: 0; height: 100%; z-index: 5; transition: left 0.5s ease; } .btl-slide { display: inline-block; float: left; height: 100%; width: 300px; position: relative; } .btl-inline-video { width: 300px; height: auto; } @media only screen and (max-width: 767px) { .btl-inline-video { width: 100%; } } .btl-video-play-button { position: absolute; top: 230px; left: 120px; height: 60px; width: 60px; } @media only screen and (max-width: 767px) { .btl-video-play-button { left: calc(50% - 30px); } } .btl-video-play-button:hover { cursor: pointer; } .btl-inline-video-link:hover { cursor: pointer; } .btl-slide-arrow { position: absolute; width: 15px; height: 22px; z-index: 6; top: 250px; background-repeat: no-repeat; background-size: cover; } .btl-slide-arrow:hover { cursor: pointer; } .btl-previous-arrow { left: 12px; } .btl-next-arrow { right: 12px; } .btl-arrow-hide { display: none; } .btl-arrows-hide { display: none; } @media only screen and (min-width: 768px) { .btl-arrows-hide-desktop { display: none; } } @media only screen and (max-width: 767px) { .btl-arrows-hide-mobile { display: none; } } @media only screen and (max-width: 767px) { .btl-slide-arrow { width: 60px; height: 60px; top: 210px; background-size: 15px; } .btl-previous-arrow { background-position: 20% 50%; left: 0; } .btl-next-arrow { background-position: 80% 50%; right: 0; } } .btl-slide-dots { height: 15px; position: absolute; z-index: 6; bottom: 36px; left: 50%; transform: translate(-50%, 0); white-space: nowrap; } .btl-dots-hide { display: none; } @media only screen and (min-width: 768px) { .btl-dots-hide-desktop { display: none; } } @media only screen and (max-width: 767px) { .btl-dots-hide-mobile { display: none; } } .btl-slide-dot { margin-left: 6.5px; margin-right: 6.5px; height: 15px; width: 15px; display: inline-block; } .btl-slide-dot:hover { cursor: pointer; } .btl-slide-dot:first-of-type { margin-left: 0; } .btl-slide-dot:last-of-type { margin-right: 0; } .btl-slide-dot-active:hover { cursor: default; } #secondary.refinements { background: #FFFFFF; border: 0; } .refinements { padding: 40px 22px; } @media only screen and (max-width: 991px) { .refinements { padding: 15px 0; border-bottom: 1px #cccccc solid; } } .refinements .refinement { border-bottom: 1px solid #cccccc; margin: 0 0 25px; padding: 0 0 25px; position: relative; } @media only screen and (max-width: 991px) { .refinements .refinement { border: 0 none; padding: 0; margin: 0; } } .refinements .refinement .clear-refinement { position: absolute; right: 15%; top: 0; } @media only screen and (max-width: 991px) { .refinements .refinement .clear-refinement { display: none; } } .refinements .refinement .refinement-link { font-size: 12px; } .refinements .refinement.color .swatches.color li a { border: 1px rgba(204, 204, 204, 0.7) solid; } .refinements .refinement ul { list-style: none; margin: 15px 0 0 0; padding: 0; } @media only screen and (max-width: 991px) { .refinements .refinement ul { margin: 0; border: 1px solid #cccccc; border-top: 0 none; } } @media only screen and (max-width: 991px) { .refinements .refinement ul ul { margin: 0; border: 0 none; } } .refinements .refinement li { margin-bottom: 10px; } @media only screen and (max-width: 991px) { .refinements .refinement li { margin: 0; } } @media only screen and (max-width: 991px) { .refinements .refinement li a { display: block; line-height: 40px; padding: 0 0 0 20px; font-size: 12px; } } .refinements .refinement li a:before { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%2020%2037%2037%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M0%2020h37v37H0z%22/%3E%3C/svg%3E"); content: ""; display: inline-block; height: 15px; margin-right: 5px; position: relative; top: 2px; width: 15px; } .refinements .refinement li.selected a:before { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%2020%2037%2037%22%3E%0A%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M8.5%2020M28.5%2020M0%2020h37v37H0z%22%2F%3E%0A%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23f26525%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M8.5%2028.5l20%2020M28.5%2028.5l-20%2020M0%22%2F%3E%0A%3C%2Fsvg%3E"); } .refinements .refinement li:last-child { margin-bottom: 0; } @media only screen and (max-width: 991px) { .refinements .refinement li:last-child { border: 0 none; } } @media only screen and (max-width: 767px) { .refinements .refinement li:last-child { margin-bottom: 10px; } } .refinements .refinement #category-level-3 { margin-left: 15px; } .refinements .refinement .refinement-toggle { cursor: pointer; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1.7px; margin: 0; padding: 0; text-transform: uppercase; } @media only screen and (max-width: 991px) { .refinements .refinement .refinement-toggle { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; padding: 15px; border: 1px #cccccc solid; margin: -1px 0 0 0; } } .refinements .refinement .refinement-toggle .toggle-icon { float: right; margin: -6px 0 0 0; transform: none; font-size: 22px; } .refinements .refinement .refinement-toggle .toggle-icon:before { font-family: "patagonia-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; } .refinements .refinement .refinement-toggle.expanded { color: #d6d6d6; } @media only screen and (max-width: 991px) { .refinements .refinement .refinement-toggle.expanded { border-bottom: 0 none; } } .refinements .refinement .refinement-toggle.expanded .toggle-icon { color: #000000; } @media only screen and (max-width: 991px) { .refinements .refinement ul.options { display: none; padding-left: 15px; } } .refinements .refinement ul.options.swatches li { margin: 0 15px 10px 0; } .refinements .refinement ul.options.swatches li a.swatch-white { border: solid 1px #cccccc; } @media only screen and (max-width: 991px) { .refinements .refinement ul.options li { border: 0 none; } } @media only screen and (max-width: 991px) { .refinements .refinement ul.options li a { padding: 0; } } @media only screen and (max-width: 991px) { .refinements .refinement ul.options.size { padding: 3% 0 0 3%; } } .refinements .refinement ul.options.size li { border: 1px solid #cccccc; clear: none; float: left; height: 30px; margin: 0 3% 3% 0; overflow: hidden; width: 17%; } .refinements .refinement ul.options.size li a { width: 100%; padding: 0; line-height: 30px; } .refinements .refinement ul.options.size li a:before { content: none; } @media only screen and (min-width: 768px) and (max-width: 991px) { .refinements .refinement ul.options.size li a { line-height: 25px; } } @media only screen and (max-width: 767px) { .refinements .refinement ul.options.size li a { line-height: 25px; } } .refinements .refinement ul.options.size li.selected { border: 1px solid #ef4923; } .refinements .refinement ul.options.size li:nth-child(5n) { margin-right: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .refinements .refinement ul.options.size li { height: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .refinements .refinement ul.options.size li { height: 25px; } } .refinements .refinement ul.options.size .selected a { border: none; outline: none; color: #ef4923; } .refinements .refinement-header { display: block; font-size: 24px; margin-bottom: 20px; letter-spacing: 0.05em; line-height: 1.5em; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 767px) { .refinements .refinement-header { text-align: center; } } .refinements .sort-list { border-bottom: 1px solid #cccccc; padding: 0 0 15px 0; } @media only screen and (max-width: 991px) { .refinements .sort-list { margin: 0 0 15px; border-bottom: 0 none; padding: 0; text-align: center; } } .refinements .sort-refinement { display: block; left: -20px; margin-bottom: 0; position: relative; width: 100%; } @media only screen and (max-width: 991px) { .refinements .sort-refinement { left: 0; } } .refinements .sort-refinement .sort-refinement-value { display: block; width: 100%; margin-bottom: 8px; font: 12px "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: .24px; color: #ef4923; } .refinements .sort-refinement .sort-refinement-value:last-child { margin-bottom: 0; margin-right: 0; } @media only screen and (max-width: 991px) { .refinements .sort-refinement .sort-refinement-value { margin-bottom: 12px; display: inline-block; width: auto; margin-right: 20px; } } .refinements .sort-refinement .sort-relax { color: rgba(239, 73, 35, 0.8); } .refinements .sort-refinement .sort-relax:before { font-size: 10px; color: rgba(239, 73, 35, 0.8); } .refinements .category-refinement { margin: 0 0 25px; padding: 0 0 25px; } .refinements .category-refinement h3 { display: none; } @media only screen and (max-width: 991px) { .refinements .category-refinement h3 { display: block; margin: 0; } } .refinements .category-refinement li a:before { content: none; } .refinements .category-refinement a.active { font: 12px "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #ef4923; } @media only screen and (max-width: 991px) { .refinements .category-refinement a.active { line-height: 40px; margin: 0; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } } .refinements .category-refinement .level1-title { display: block; margin-bottom: 10px; } @media only screen and (max-width: 991px) { .refinements .category-refinement { margin: 0; padding: 0; } .refinements .category-refinement .refinement-toggle { display: block; } .refinements .category-refinement #category-level-1 { display: none; } } /* babies toddlers sizes are visually wider */ .refinements.kids-babbies-toddlers-flag .refinement ul.options.size li { width: auto; padding: 0 5px; margin: 0 3% 3% 0; } .refinement:not(.category-refinement) > ul { display: none; } ul.category-and-sort { border: none; list-style: none; margin: 15px 0 0 0; padding: 0; } @media only screen and (max-width: 991px) { ul.category-and-sort { margin: 0; border-top: 0 none; } } ul.category-and-sort > li { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; display: table-cell; width: 1%; border: 1px solid #ccc; } ul.category-and-sort > li:nth-child(odd) { border-right: 1px transparent solid; } ul.category-and-sort > li.expanded { border-bottom: 1px transparent solid; } ul.category-and-sort > li.expanded > a .toggle-icon:before { transform: rotate(-90deg); } ul.category-and-sort > li > a { display: block; text-align: center; margin-bottom: 0; padding: 15px; } ul.category-and-sort > li > a:hover, ul.category-and-sort > li > a:focus { color: #000000; } ul.category-and-sort > li > a .toggle-icon { margin: -6px 0 0 0; transform: none; font-size: 14px; } ul.category-and-sort > li > a .toggle-icon:before { font-family: "patagonia-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; } ul.category-and-sort > li a:before { content: none; } .tab-content .sort-by .sort.active h3 { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #ef4923; } .tab-content .tab-pane.expanded .refinement.first h3 { border-top: 1px transparent solid; } .group-by .sort-by { display: none !important; } .group-by .refine-by { border: 1px solid #cccccc !important; } .group-by .search-result-items { text-align: left; } @media only screen and (max-width: 767px) { .group-by .search-result-items { text-align: center; } } .group-by .view-all-compare { position: absolute; left: 50%; transform: translate(-50%, -50%); background: white; padding: 0 15px; white-space: nowrap; cursor: pointer; } .group-by .view-all-compare:hover { text-decoration: underline; } .group-by .short-grouping-header { position: relative; margin-top: 30px; } .group-by .tall-grouping-header { position: relative; margin-top: 10px; margin-bottom: 130px; } @media only screen and (max-width: 767px) { .group-by .tall-grouping-header { margin-bottom: 65px; } } .group-by .grouping-header > .shop-all-link { background-color: white; text-align: center; left: 50%; padding: 10px 15px; margin-top: -18px; display: inline-block; position: absolute; min-width: 100px; margin-left: -90px; font-weight: bold; } .category-refinement-v2 { text-align: center; } .mobile-refinement-button-wrapper { position: relative; width: calc(100% + 30px); overflow: hidden; margin-left: -15px; height: 56px; overflow-x: scroll; } .mobile-refinement-button-slider { display: grid; grid-template-columns: repeat(50, auto); position: absolute; margin-left: 10px; top: 0; left: 0; } .mobile-refinement-button-slider:hover { cursor: pointer; } .mobile-refinement-button-slider.ui-draggable-handle { -ms-touch-action: auto; touch-action: auto; } .mobile-refinement-button { white-space: nowrap; margin-left: 20px; background-color: black; height: 56px; line-height: 56px; border-radius: 28px; padding: 0 20px; } .mobile-refinement-button-link { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; color: #ffffff; letter-spacing: -0.14px; } .mobile-refinement-button-link:hover, .mobile-refinement-button-link:focus { color: #ffffff; } .mobile-refinement-button-link .item-count { opacity: 0.8; padding-left: 10px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } .mobile-refinement-button-link .item-count:hover, .mobile-refinement-button-link .item-count:focus { opacity: 1.0; } .mobile-refinement-filtersort-button { color: black; white-space: nowrap; background-color: white; height: 48px; font-size: 14px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; line-height: 36px; border: 2px solid black; border-radius: 24px; margin-top: 24px; margin-bottom: 18px; padding: 5px 20px; display: inline-block; text-align: center; min-width: 140px; margin-left: calc(50% - 70px); } .mobile-refinement-filtersort-button:hover { cursor: pointer; } .mobile-refinement-v2-filtersort-modal-frame { position: fixed; width: 100vw; height: 100vh; top: 0; z-index: 1050; left: 0vw; overflow-y: auto; display: none; background-color: rgba(0, 0, 0, 0.4); } .mobile-refinement-v2-filtersort-modal-frame .mobile-refinement-v2-filtersort-modal-wrapper { text-align: left; background-color: white; top: 50px; position: relative; left: 1%; width: 98%; } .mobile-refinement-v2-filtersort-modal-frame .mobile-refinement-v2-filtersort-modal-wrapper .refinement .refinement-toggle { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .mobile-refinement-v2-filtersort-modal-frame .mobile-refinement-v2-filtersort-modal-wrapper .refinement .modal-refinement-v2-title { padding-top: 40px; font-size: 16px; } .refinement-toggle.modal-refinement-v2-title { padding-top: 40px; font-size: 16px; cursor: default; } .mobile-refinement-v2-filtersort-modal-frame.active { display: block; } body.lock-scroll { overflow-y: hidden; } .mobile-refinement-v2-modal-close { width: 24px; height: 24px; position: absolute; right: 7px; top: 51px; z-index: 2; } .mobile-refinement-v2-modal-close svg { fill: black; } .mobile-refinement-v2-modal-close svg:hover { cursor: pointer; } .mobile-refinement-v2-refine-button-wrapper { text-align: center; position: fixed; bottom: 13px; width: 100%; left: 0; z-index: 100; display: none; } .mobile-refinement-v2-refine-button-wrapper .mobile-refinement-v2-refine-button { display: inline-block; color: black; white-space: nowrap; background-color: white; height: 48px; font-size: 14px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; line-height: 48px; border: 2px solid black; border-radius: 24px; margin-top: 24px; margin-bottom: 18px; padding: 0px 20px; opacity: 0.0; transition: 1s opacity; } .mobile-refinement-v2-refine-button-wrapper .mobile-refinement-v2-refine-button:hover { cursor: pointer; } .mobile-refinement-v2-refine-button-wrapper.visible .mobile-refinement-v2-refine-button { opacity: 1.0; } @media only screen and (max-width: 767px) { .refinements .category-refinement h3.refinement-toggle.refinement-toggle-v1 { display: none; } } .mobile-refinement-button-wrapper { display: none; } .mobile-refinement-filtersort-button { display: none; } @media only screen and (max-width: 767px) { body.mobile-guided-shopping-v2 .mobile-refinement-button-wrapper { display: block; } body.mobile-guided-shopping-v2 .mobile-refinement-filtersort-button { display: inline-block; } body.mobile-guided-shopping-v2 .mobile-refinement-v2-refine-button-wrapper { display: block; } body.mobile-guided-shopping-v2 #category-level-1 { display: none; } body.mobile-guided-shopping-v2 .category-and-sort-v1 tab-content { display: none; } body.mobile-guided-shopping-v2 .category-and-sort-v1.visible-xs-block { display: none !important; } } html[lang=ja] .refinements .refinement .refinement-toggle { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 991px) { html[lang=ja] .refinements .refinement .refinement-toggle { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } } html[lang=ja] .refinements .refinement-header { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .refinements .category-refinement a.active { font-family: 12px "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 991px) { html[lang=ja] .refinements .category-refinement a.active { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } } html[lang=ja] ul.category-and-sort > li { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .tab-content .sort-by .sort.active h3 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } h5.DEBUG { font-size: 12px; color: #660000; } .infinite-scroll .search-result-content .infinite-scroll-loading { text-align: center; background: url("../images/infinite-loading-indicator.svg") center no-repeat; height: 17px; width: 100%; position: relative; z-index: 5; margin-top: 10px; margin-bottom: 10px; } .disable-infinite-scroll .search-result-content .page-element { display: none; } .pt_product-compare .full-width { padding: 20px 0 0 1.25em !important; } .pt_product-compare .full-width .print-page { float: right; } .pt_product-compare .full-width .back { padding: 1em 0; } .compare-items { display: none; position: fixed; left: 0; bottom: 0; z-index: 10000; width: 100%; padding: 0 15px 15px; border-top: 1px solid #cccccc; background-color: #FFFFFF; transition: bottom 0.5s; } @media only screen and (max-width: 767px) { .compare-items { display: none !important; } } .compare-items .compare-items-show, .compare-items .compare-items-number { display: none; } .compare-items.compact { bottom: -150px; } .compare-items.compact .compare-items-show { display: inline; } .compare-items.compact .compare-items-number { display: inline-block; } .compare-items.compact .compare-items-hide { display: none; } .compare-items.compact h2 .compare-items-button, .compare-items.compact .compare-items-inner .compare-items-button { display: inline-block; } .compare-items h2, .compare-items .compare-items-inner { position: relative; line-height: 48px; margin: 0; text-indent: 20px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 16px; } .compare-items h2 .compare-items-button, .compare-items .compare-items-inner .compare-items-button { display: none; } .compare-header-options { position: absolute; top: 50%; right: 0; transform: translateY(-50%); line-height: 1.4; text-indent: 0; } .compare-header-options > span { margin-left: 10px; } .compare-header-options .compare-items-button { margin-bottom: 0; } .compare-items-show-hide { font-size: 12px; color: #999999; cursor: pointer; } .compare-items-show { position: relative; padding-left: 20px; } .compare-items-show .entypo-down-open-big, .compare-items-show ul.category-and-sort > li > a .toggle-icon, ul.category-and-sort > li > a .compare-items-show .toggle-icon { position: absolute; left: 0; top: 0; transform: rotateX(180deg); } .compare-bar { position: relative; } .compare-bar:before, .compare-bar:after { content: " "; display: table; } .compare-bar:after { clear: both; } .compare-items-panel { float: left; width: calc(100% - 320px); } @media only screen and (min-width: 768px) and (max-width: 991px) { .compare-items-panel { width: calc(100% - 160px); } } .compare-item-remove { display: none; position: absolute; right: 0; top: 0; z-index: 1; padding: 0 .16em; font-size: 24px; color: #000000; cursor: pointer; } .compare-item { background-color: #cccccc; float: left; height: 135px; margin-right: calc(25% - 135px); overflow: hidden; position: relative; text-align: center; width: 135px; } .compare-item.active { background-color: #FFFFFF; } .compare-item.active .compare-item-remove { display: block; } .compare-item-number { position: relative; top: 50%; transform: translateY(-50%); font-size: 2.5em; color: #FFFFFF; } .compare-item-image { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 100%; } .compare-buttons { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 320px; text-align: center; } @media only screen and (min-width: 768px) and (max-width: 991px) { .compare-buttons { width: 160px; } } .compare-items-button { line-height: 1.529; padding: 5px 15px; border-radius: 10px; margin-bottom: 20px; text-transform: none; letter-spacing: 1.1px; font-size: 12px; background-color: #ef4923; } .compare-items-button:hover { background-color: #ef4923; } #clear-compared-items { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 12px; } .category-switch { display: table; margin: 15px auto 2em; } .category-switch label { margin-right: 15px; } .category-switch select { display: inline-block; width: auto; } #compare-table { border-collapse: collapse; margin-top: 105px; margin-bottom: 10px; } #compare-table th, #compare-table td { overflow: hidden; width: 304px; min-width: 225px; padding: 0.5em; } #compare-table tr:first-of-type th:first-of-type { vertical-align: top; } #compare-table a:hover { text-decoration: underline; } #compare-table .attribute-row { border-bottom: none; } #compare-table .attribute-row:nth-child(2n) { background-color: #efefef; } #compare-table .attribute-row.shortDescription td { font-size: 18px; } #compare-table .attribute-row th, #compare-table .attribute-row td { vertical-align: top; } #compare-table .product-attribute { border-right: none; word-break: break-all; } #compare-table .action { display: block; padding: 0.5em 0; } #compare-table .remove-link { color: #999999; float: right; padding: .3rem; z-index: 1; position: relative; transition: color .5s ease; } #compare-table .remove-link:hover { color: #000000; text-decoration: none; } #compare-table .value, #compare-table .product { border-left: none; } #compare-table .product { font-weight: normal; text-align: center; vertical-align: top; } #compare-table .product button.secondary { max-width: 300px; width: 100%; } #compare-table .value .value-item:after { content: ', '; } #compare-table .value .value-item:last-child:after { content: ''; } #compare-table .product-tile { margin: 0 auto; position: static; } #compare-table .product-tile .product-name { height: auto; margin: .2em 0 1em 0; } #compare-table .product-tile .swatch-list { display: inline-block; } #compare-table .product-image { height: auto; } #compare-table .product-image img { height: auto; } #compare-table .section-header { font-size: 0.9em; padding: 1em; text-transform: none; } #compare-table .selectcategory label { display: block; font-size: 0.9em; margin: 1em 0; text-transform: none; } #compare-table .selectcategory select { margin: 0; width: 100px; } #compare-table .comparelists { padding: 0; } #compare-table .compare-lists label, #compare-table .compare-lists select { float: none; text-align: left; width: 100%; } #compare-table .input-select { margin: 0; width: 100%; } #compare-table .add-to-cart { font-size: 15px; } #compare-table .category-switch label { margin-bottom: 0.5em; width: 100%; } #compare-table .addtocart-bottom { text-align: center; } .compare-back { display: block; } @keyframes draw-line { 0% { width: 0; } 100% { width: 100%; } } @keyframes undraw-line { 0% { width: 100%; } 100% { width: 0; } } .compare { overflow-x: auto; width: 100%; /* forgo BEM bc this class is in product tile */ } .compare__inner-wrapper { display: table; margin: 0 auto; } .compare .action { display: block; padding: .5em 0; } .compare .bv-cv2-cleanslate, .compare .bv-cv2-cleanslate div, .compare .bv-cv2-cleanslate dl { display: inline-block !important; } .compare__view-details-button { font-size: 14px; white-space: normal; max-width: 270px; } .compare .share-link-content { margin-top: 20px; } .compare__addtocart-top { padding: 5px 15px 15px; text-align: center; } .compare__addtocart-bottom { width: 300px; padding: 15px; text-align: center; } .compare__attribute-row { display: table; border-collapse: separate; border-spacing: 10px 0; } .compare__section-title { margin: 70px 10px 30px; font-size: 18px; text-transform: uppercase; font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; } .compare__more-button { margin: 5px 0; text-transform: uppercase; color: #ef4923; font-size: 12px; cursor: pointer; font-family: 'Avenir Next LT W01 Bold', Helvetica, Arial, sans-serif; } .compare__fancy-line { position: relative; } .compare__fancy-line.draw:after { content: ' '; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #ef4923; animation-name: draw-line; animation-duration: 0.2s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: forwards; } .compare__fancy-line.undraw:after { content: ' '; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #ef4923; animation-name: undraw-line; animation-duration: 0.2s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: forwards; } .compare__product-characteristics { margin-top: 30px; } .compare__product-row { display: table-row; } .compare__product-row:last-of-type .compare__attribute-column { border-top-width: 0 !important; border-bottom-width: 1px !important; } .compare__product-tiles { display: table; border-collapse: separate; border-spacing: 10px 0; background: #FFFFFF; z-index: 1; } .compare__product-tiles--fixed { position: fixed; top: 0px; padding-top: 112px; } .compare__product-tiles--fixed .compare__product-tile { /*box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);*/ } .compare__product-tiles--fixed-min { position: fixed; top: 0px; padding-top: 112px; } .compare__product-tiles--fixed-min .compare__product-tile { width: 302px; /*box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);*/ } .compare__product-tiles--fixed-min .product-image, .compare__product-tiles--fixed-min .product-swatches { display: none; } .compare__product-tile { display: table-cell; text-align: center; border: 1px solid #ccc; border-bottom-width: 0; min-width: 302px; } .compare__product-tile .product-name { margin: .2em 0 1em 0; } .compare__product-tile .remove-link { color: #999999; float: right; padding: .3rem; z-index: 1; position: relative; transition: color .5s ease; } .compare__product-tile .product-tile { position: static; } .compare__attribute-row:hover .compare__attribute-column { background: #fcfbdc; } .compare__attribute-row:last-of-type .compare__attribute-column { border-bottom-width: 1px !important; } .compare__attribute-row.shortDescription { font-size: 16px; } .compare__attribute-column { display: table-cell; border: 1px solid #ccc; border-bottom-width: 0; } .compare__attribute-column-wrapper { width: 300px; padding: 15px; } .compare-confirmation-modal.ui-dialog .ui-dialog-content { padding-top: 40px; } .compare-confirmation-modal .form-row { margin-top: 15px; } .compare-confirmation-modal .button { color: #FFFFFF; } .compare-confirmation-modal .compare-confirm-dialog { margin-right: 10px; } html[lang=ja] .compare-items h2, html[lang=ja] .compare-items .compare-items-inner { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] #clear-compared-items { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } #wrapper.pt_categorylanding { background: none; } .pt_categorylanding #main { width: 100%; background: #FFFFFF; } @media only screen and (max-width: 767px) { .pt_categorylanding #main { margin-top: 5%; } } .pt_categorylanding #main .breadcrumb { display: none; } .pt_categorylanding.show-navigation#wrapper { margin-top: 0; } .pt_categorylanding.show-navigation #navbar { position: relative; } @media only screen and (max-width: 991px) { .pt_categorylanding #secondary.refinements { background: #FFFFFF; } } .pt_categorylanding .breadcrumb { padding-left: 15px; } @media only screen and (max-width: 991px) { .pt_categorylanding .breadcrumb { display: block; } } @media only screen and (max-width: 991px) { .pt_categorylanding .refinements { width: 100%; padding: 0; margin: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_categorylanding .refinements .refinement-header { margin-top: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_categorylanding .hero { display: none; } } @media only screen and (max-width: 767px) { .pt_categorylanding .hero { display: none; } } @media only screen and (max-width: 991px) { .pt_categorylanding.has-hero-image #main { margin-top: 104px !important; } } @media only screen and (min-width: 768px) { .pt_categorylanding.has-hero-image .breadcrumb { position: absolute; top: 125px; left: 0; z-index: 1; width: 100%; padding-left: 35px; margin-left: 0; background-color: rgba(255, 255, 255, 0.85); } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_categorylanding.has-hero-image .breadcrumb { position: static; padding-left: 15px; } } @media only screen and (min-width: 768px) { .pt_categorylanding.has-hero-image #secondary.refinements { background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #FFFFFF), color-stop(1, #FFFFFF)); background-image: -o-linear-gradient(bottom, #eeeeee 0, #FFFFFF 100%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #eeeeee 0, #FFFFFF 100%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #eeeeee 0, #FFFFFF 100%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #eeeeee 0, #FFFFFF 100%, #FFFFFF 100%); background-image: linear-gradient(to bottom, #eeeeee 0, #FFFFFF 100%, #FFFFFF 100%); } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_categorylanding.has-hero-image #secondary.refinements { background: #FFFFFF; } } .pt_categorylanding.has-hero-image .refinements { margin: -104px 0 0 0; } .product-listing { clear: both; margin: 50px 0 0 0; } .product-listing h2 { text-align: center; font-size: 10px; line-height: 10px; margin: 0 0 20px 0; } .product-listing h2 span { line-height: 10px; color: #070707; padding: 0 10px; background: #FFFFFF; font-size: 12px; position: relative; text-transform: uppercase; } .product-listing h2 hr { margin: -7px 0 0 0; border: 0 none; border-top: 1px solid #cccccc; } .category-slot { clear: both; margin: 20px 0 0; } .category-tile { float: left; width: 50%; padding: 0 15px; margin: 30px 0 0 0; } @media only screen and (max-width: 767px) { .category-tile { width: 100%; } } .category-tile .video-container { overflow: hidden; } .category-tile .patagonia-video[data-video-fluid] { overflow: hidden; } .category-tile .patagonia-video[data-video-fluid] .thumb { top: 10px; } .category-tile .patagonia-video[data-video-fluid] iframe { top: 9px; } .category-tile .category-name { color: #000000; font-size: 24px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 1.2px; margin: 10px 0; display: block; text-align: center; line-height: 30px; } @media only screen and (min-width: 768px) and (max-width: 1199px) { .category-tile .category-name { font-size: 20px; margin: 10px 0; } } @media only screen and (max-width: 767px) { .category-tile .category-name { font-size: 18px; margin: 8px 0; } } .category-tile .category-name .entypo-right-open-big, .category-tile .category-name ul.category-and-sort > li.expanded > a .toggle-icon, ul.category-and-sort > li.expanded > a .category-tile .category-name .toggle-icon { font-size: 19px; font-weight: bold; } .category-tile:hover .category-name { color: #ef4923; cursor: pointer; } .category-tile a, .category-tile .pop-up-video { display: block; white-space: nowrap; } .category-tile a img, .category-tile .pop-up-video img { max-width: 100%; width: 100%; } @media only screen and (max-width: 767px) { .category-tile a img, .category-tile .pop-up-video img { max-width: none; width: 100%; } } .category-tile.odd { margin: 0 20px 0 0; float: left; } .category-tile.odd.last { max-width: 100%; margin: 0; } .category-tile.pop-up-video img { max-width: 100%; width: 100%; } @media only screen and (max-width: 767px) { .category-tile.pop-up-video img { max-width: none; width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .category-tile.pop-up-video .play-button { margin-top: -54px; } } .category-tile.patagonia-video-wrapper { position: relative; } .category-tile.patagonia-video-wrapper .video-icon-overlay { z-index: 1; } .category-tile.patagonia-video-wrapper .video-icon-overlay:hover { cursor: pointer; } .category-tile.patagonia-video-wrapper .video-icon-overlay img.icon-play { width: 70px; } @media only screen and (max-width: 767px) { .category-tile.patagonia-video-wrapper .video-icon-overlay { z-index: 0; } } .category-tile.patagonia-video-wrapper .patagonia-video { padding-top: 0 !important; } .category-tile.patagonia-video-wrapper .patagonia-video img { width: 100%; } .category-tile.patagonia-video-wrapper .patagonia-video[data-video-fluid] iframe { top: 0; } .separator { width: 100%; height: 0; line-height: 0; float: left; clear: both; } .gift-certificate-purchase { background-color: #FFFFFF; float: left; margin-bottom: 1.7em; padding: .83em; width: 50%; } .gift-certificate-purchase.gift-certificate-single-column { float: none; padding-left: 0; padding-right: 0; width: 100%; } .gift-certificate-purchase.gift-certificate-single-column .dialog-required { margin-bottom: 1em; } .gift-certificate-purchase .gift-certificate-image { text-align: center; } .gift-certificate-purchase .gift-certificate-image img { max-width: 100%; } .gift-certificate-purchase .header { font-size: 26px; } @media only screen and (max-width: 767px) { .gift-certificate-purchase .header { margin-top: 0; } } .gift-certificate-purchase .title-message { font-size: 16px; height: 3em; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 1199px) { .gift-certificate-purchase .content-asset { box-sizing: border-box; float: left; padding-right: 1rem; width: 50%; } } .gift-certificate-purchase .content-asset img { margin: 1.66em 0; } .gift-certificate-purchase form { background-color: #FFFFFF; box-sizing: border-box; float: left; padding: 0 1.66em 1.66em; width: 100%; } .gift-certificate-purchase form .cert-amount { clear: none; float: left; margin: 0; width: 40%; } .gift-certificate-purchase form button { margin-top: -4px; width: 12em; width: max-content; } .gift-certificate-purchase form .form-row-button { clear: none; float: left; margin: 2.1em 0 0 1.66em; width: 50%; } .gift-certificate-purchase .cert-amount .form-caption { margin: 1.66em 0 0; position: absolute; width: 40%; } .gift-certificate-purchase .cert-amount.error, .gift-certificate-purchase .cert-amount.error-message { padding-bottom: 2.92em; } .gift-certificate-purchase span.error, .gift-certificate-purchase span.error-message { margin-left: 2%; } @media only screen and (max-width: 767px) { .gift-certificate-purchase { width: 100%; } .gift-certificate-purchase.egift { margin-bottom: 0; } } .gift-check-balance { cursor: pointer; } .check-balance { margin: 0; padding: 0; } .gift-cert-balance { float: left; width: 40%; } .gift-cert-balance label { display: none; } .gift-cert-balance input { margin-top: 0; width: 93%; } .gift-cert-balance input::-webkit-input-placeholder { text-align: center; } .gift-cert-balance input::-moz-placeholder { text-align: center; } .gift-cert-balance input:-ms-input-placeholder { text-align: center; } .gift-cert-balance input:-moz-placeholder { text-align: center; } .gift-cert-balance .form-caption { margin-left: 0; } .gift-cert-balance-submit { clear: none; float: left; } .gift-cert-balance .label { display: none; } .gift-certificate-details { float: left; width: 100%; } .gift-button-wrapper { text-align: center; margin-bottom: 15px; } .gift-button-wrapper a { display: inline-block; margin-top: 10px; } .gift-button-wrapper .gift-check-balance { font-size: 16px; line-height: 24px; } .gift-details { border-top: 1px solid #cccccc; clear: both; font-size: 16px; line-height: 24px; padding-top: 20px; } .check-balance-modal { display: none; } .check-balance-modal .check-balance-cnt { display: block; } .egc-intercept-modal { display: none; } .ui-dialog.gift-cert-modal, .check-balance-cnt { display: none; /* .ui-dialog-content { @include clearfix; background: $grey-lighter; padding: 5px 5% 20px; } .form-row { margin: 0; width: 100%; label { display: none; } &.gift-cert-balance-submit { margin: 0 0 2.5em; } } .input-text { width: 100%; } .close-button { clear: both; width: 100%; .button { display: block; margin: 0 auto; } } .check-balance-modal { display: block; } */ } .ui-dialog.gift-cert-modal .ui-dialog-titlebar, .check-balance-cnt .ui-dialog-titlebar { position: relative; top: 0; left: 0; padding: 0; height: initial; } .ui-dialog.gift-cert-modal .ui-dialog-titlebar-close, .check-balance-cnt .ui-dialog-titlebar-close { right: 0; top: 5px; left: auto; position: absolute; } /* .check-balance-cnt { @include clearfix; background: $grey-lighter; padding: 20px; .form-row { margin: 0 0 1.5rem; } } */ .gift-cert-landing .header { font-size: 30px; } .gift-cert-landing .sub-header { font-size: 22px; } .gift-cert-landing .check-balance-btn { display: block; } .gift-cert-landing .egift-terms { border-top: 1px solid #cccccc; cursor: pointer; height: 30px; margin-top: 40px; position: relative; } .gift-cert-landing .egift-terms .title { background: #FFFFFF; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: -33%; width: 155px; } .gift-cert-landing .egift-terms .icon { display: block; margin: 7px auto 0; text-align: center; width: 100%; /* Transitions */ -moz-transition: all 250ms linear; -webkit-transition: all 250ms linear; -o-transition: all 250ms linear; transition: all 250ms linear; } .gift-cert-landing .egift-terms .icon.open { transform: rotate(180deg); transform-origin: center; } .gift-cert-landing .gift-links { margin: 20px 0; } .gift-cert-landing .egift-additional-details { margin-bottom: 40px; } @media only screen and (min-width: 992px) { .gift-cert-landing .GiftCertForm .col-md-6:first-child, .gift-cert-landing .GiftCertForm .col-lg-6:first-child { padding-left: 0; } .gift-cert-landing .GiftCertForm .col-md-6:last-child, .gift-cert-landing .GiftCertForm .col-lg-6:last-child { padding-right: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .gift-cert-landing .GiftCertForm .col-lg-6 { padding: 0; } } @media only screen and (max-width: 991px) { .gift-cert-landing .GiftCertForm .col-lg-6 { padding: 0; } } @media only screen and (max-width: 991px) { .gift-cert-landing .GiftCertForm .col-sm-12 { padding: 0; } } .gift-cert-landing .GiftCertForm .col-md-8, .gift-cert-landing .GiftCertForm .col-md-12 { padding: 0; } .gift-cert-landing .GiftCertForm .row { margin: 0; } .gift-cert-landing .GiftCertForm .row.border { border-bottom: 1px solid #cccccc; padding-bottom: 15px; } .gift-cert-landing .GiftCertForm .form-row { /* button { display: block; width: 100%; } */ } .gift-cert-landing .GiftCertForm .form-row label { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; margin-bottom: 5px; } .pt_account .gift-check-balance-non-modal { border-top: 1px solid #cccccc; clear: both; font-size: 16px; line-height: 24px; padding-top: 20px; } .pt_account .gift-check-balance-non-modal .gift-cert-balance, .pt_account .gift-check-balance-non-modal .gift-cert-balance-submit { clear: none; float: left; } .pt_account .gift-check-balance-non-modal .gift-cert-balance .input-text::placeholder, .pt_account .gift-check-balance-non-modal .gift-cert-balance-submit .input-text::placeholder { text-align: left; } .pt_account .gift-check-balance-non-modal .gift-cert-balance button, .pt_account .gift-check-balance-non-modal .gift-cert-balance-submit button { height: 42px; padding-bottom: 0; padding-top: 0; } @media only screen and (max-width: 767px) { .pt_account .gift-check-balance-non-modal .gift-cert-balance { margin-bottom: 0; width: 100%; } } .pt_account .gift-check-balance-non-modal .balance.success { margin-bottom: 2.5rem; } .gift-certificate-eu .gift-certificate-image { margin-bottom: 2rem; } .gift-certificate-eu .gift-details-eu-terms { padding-top: 2rem; } @media only screen and (max-width: 991px) { .gift-certificate-eu ul { padding-left: 20px; } .gift-certificate-eu form { padding-left: 0; padding-right: 0; } .gift-certificate-eu .giftcert-form { margin-top: 2rem; } } #main.gift-cert-landing.container, #main.gift-cert-landing { width: 100%; } @media only screen and (min-width: 768px) { #main.gift-cert-landing.container, #main.gift-cert-landing { padding: 0; } } .gift-cert-landing .breadcrumb { display: block !important; } .gift-cert-page-wrap { margin: 30px auto; max-width: 750px; text-align: center; font-size: 14px; } @media only screen and (min-width: 768px) { .gift-cert-page-wrap { margin: 60px auto; } } .gift-cert-page-wrap .required-indicator { display: none; } .gift-cert-page-wrap label { text-transform: uppercase; font-size: 14px !important; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif !important; font-weight: normal !important; } .gift-cert-page-wrap label .required-indicator { display: inline; } .gift-cert-page-wrap.gift-cert-digital .gift-cert-label-title { margin-top: 15px; } @media only screen and (min-width: 768px) { .gift-cert-page-wrap.gift-cert-digital .gift-cert-label-title { margin-top: 45px; } } .gift-cert-page-wrap.gift-cert-digital .col-xs-12 .gift-cert-label-title:first-child { margin-top: 0; } .gift-cert-page-wrap .button { box-shadow: none; background-color: black; color: rgba(255, 255, 255, 0.8); transition: color .3s ease-out; } .gift-cert-page-wrap .button:hover { color: white; } .pt_account #main h1.gift-cert-title { border-bottom: none; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 32px; letter-spacing: normal; padding: 0; line-height: 1; margin-top: 0; } @media only screen and (min-width: 768px) { .pt_account #main h1.gift-cert-title { font-size: 48px; } } @media only screen and (min-width: 768px) { .pt_account #main .gift-cert-detail-page h1.gift-cert-title { font-size: 32px; } } .gift-cert-content { margin: 15px 0 0; padding: 0 10%; text-align: center; line-height: 24px; } @media only screen and (min-width: 768px) { .gift-cert-content { margin: 15px auto 0; width: 540px; padding: 0; text-align: inherit; } } .gift-cert-cta-link { margin-top: 20px; font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; } .toggle-icons { display: none; margin-left: 5px; font-size: 12px; } .toggle-icons.active { display: inline-block; } .gift-cert-cta-wrap { margin: 30px 0 0; width: 100%; padding-bottom: 60px; border-bottom: 1px solid #cccccc; font-size: 0; } .gift-cert-cta-wrap .button { min-width: 200px; margin: 0; } @media only screen and (min-width: 768px) { .gift-cert-cta-wrap { margin: 40px 0 0; } .gift-cert-cta-wrap .button { min-width: auto; } } .gift-cert-cta-wrap .gift-cert-button-wrapper { display: block; margin-top: 15px; } @media only screen and (min-width: 768px) { .gift-cert-cta-wrap .gift-cert-button-wrapper { display: inline-block; margin: 0 15px; } } .gift-cert-content-secondary-wrap { margin-top: 40px; } @media only screen and (min-width: 768px) { .gift-cert-content-secondary-wrap { display: flex; align-items: center; flex-wrap: nowrap; } } .gift-cert-img-wrap { padding: 0 10px; } @media only screen and (min-width: 768px) { .gift-cert-img-wrap { flex-basis: 50%; } } .gift-cert-img { width: 100%; } .gift-cert-content-secondary { padding: 0 10px; } @media only screen and (min-width: 768px) { .gift-cert-content-secondary { flex-basis: 50%; text-align: left; } } .gift-cert-check-balance-title { margin: 25px 0 10px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 1; } @media only screen and (min-width: 768px) { .gift-cert-check-balance-title { margin-top: 0; margin-bottom: 5px; } } .gift-cert-check-balance-content { line-height: 24px; } .gift-cert-detail-page { width: 100%; } @media only screen and (min-width: 768px) { .gift-cert-detail-page { margin: 0; background-color: #f3f3f3; } .gift-cert-detail-page .gift-cert-page-wrap { margin: 0 auto; padding: 60px 0; } } .gift-cert-detail-page .gift-cert-page-wrap { text-align: left; } @media only screen and (max-width: 767px) { .gift-cert-detail-page .gift-cert-page-wrap { padding-bottom: 30px; border-bottom: 1px solid #cccccc; } } .gift-cert-detail-content-wrap { display: flex; flex-wrap: wrap; } .gift-cert-detail-content-wrap .gift-cert-title { order: 1; flex-basis: 100%; } .gift-cert-detail-content-wrap .gift-cert-content { order: 3; flex-basis: 100%; } .gift-cert-detail-content-wrap .gift-cert-img-wrap { order: 2; flex-basis: 100%; } @media only screen and (max-width: 767px) { .gift-cert-detail-content-wrap .gift-cert-detail-img-wrap { order: 2; } } .gift-cert-detail-content-wrap .gift-cert-detail-img-wrap img { width: 100%; } @media only screen and (min-width: 768px) { .gift-cert-detail-content-wrap { display: block; max-width: 750px; margin: 0 auto; } .gift-cert-detail-content-wrap .gift-cert-title, .gift-cert-detail-content-wrap .gift-cert-content { float: right; width: 55%; margin: 15px 0 0; } .gift-cert-detail-content-wrap .gift-cert-detail-img-wrap { float: left; width: 45%; padding-right: 5%; } } .gift-cert-more-content { display: none; } .gift-cert-detail-content-secondary-wrap { padding-bottom: 50px; border-bottom: 1px solid #cccccc; } @media only screen and (min-width: 768px) { .gift-cert-detail-content-secondary-wrap { padding-bottom: 100px; } .gift-cert-detail-content-secondary-wrap .gift-cert-form-row { display: flex; align-items: flex-start; max-width: 600px; margin: 0 auto !important; } } .gift-cert-detail-content-secondary-wrap .GiftCertForm { text-align: left; } .gift-cert-detail-content-secondary-wrap .GiftCertForm label { display: none !important; } .gift-cert-detail-content-secondary-wrap .GiftCertForm [class*="col-"] { padding-left: 0; padding-right: 0; } @media only screen and (min-width: 768px) { .padding-right-sm { padding-right: 50px !important; } } @media only screen and (min-width: 992px) { .padding-right-sm { padding-right: 100px !important; } } @media only screen and (min-width: 768px) { .padding-left-sm { padding-left: 50px !important; } } @media only screen and (min-width: 992px) { .padding-left-sm { padding-left: 100px !important; } } .GiftCertForm .gift-cert-input.form-row { margin: 0 0 10px; } .GiftCertForm .gift-cert-input.form-row .char-count { margin-top: 10px; font-size: 12px; } button.gift-cert-purchase-button { background-color: #ef4923; padding-left: 50px; padding-right: 50px; width: auto; margin-top: 15px; box-shadow: none; color: rgba(255, 255, 255, 0.8); transition: color .3s ease-out; } @media only screen and (min-width: 768px) { button.gift-cert-purchase-button { padding-left: 40px; padding-right: 40px; margin-top: 25px; } } button.gift-cert-purchase-button:hover { color: #FFFFFF; } .gift-cert-detail-content-secondary { text-align: center; margin-top: 40px; padding: 0 10px; } .gift-cert-label-title { font-size: 14px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; margin-top: 0; margin-bottom: 5px; text-transform: uppercase; } @media only screen and (min-width: 768px) { .border-left-sm { border-left: 1px solid #999999; } } @media only screen and (min-width: 768px) { .border-right-sm { border-right: 1px solid #cccccc; } } .ui-dialog.gift-cert-modal .ui-dialog-content, .ui-dialog.view-terms-modal .ui-dialog-content { overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100% !important; padding-top: 40px; } .ui-dialog.gift-cert-modal .ui-dialog-content.check-balance-modal, .ui-dialog.view-terms-modal .ui-dialog-content.check-balance-modal { padding: 0 40px; } @media only screen and (min-width: 768px) { .ui-dialog.gift-cert-modal .ui-dialog-content.check-balance-modal, .ui-dialog.view-terms-modal .ui-dialog-content.check-balance-modal { padding: 0; } } .ui-dialog.gift-cert-modal .button, .ui-dialog.gift-cert-modal .quaternary, .ui-dialog.view-terms-modal .button, .ui-dialog.view-terms-modal .quaternary { color: rgba(255, 255, 255, 0.8); transition: color .3s ease-out; box-shadow: none; } .ui-dialog.gift-cert-modal .button:hover, .ui-dialog.gift-cert-modal .quaternary:hover, .ui-dialog.view-terms-modal .button:hover, .ui-dialog.view-terms-modal .quaternary:hover { color: white; } .check-balance-form-wrap { margin: 30px auto; text-align: center; } @media only screen and (min-width: 768px) { .check-balance-form-wrap { margin: 30px auto 15px; max-width: 375px; } } .check-balance-form-wrap .gift-cert-input.form-row { display: block; } .check-balance-form-wrap .gift-cert-balance-check-submit { margin-bottom: 0; } .check-balance-form-wrap .gift-cert-balance-check-submit + .balance { margin-top: 10px; } .check-balance-form-wrap .gift-cert-check-balance label:not(.error):not(.error-message) { display: none !important; } .check-balance-form-wrap .gift-cert-check-balance label { font-size: 10px; text-transform: uppercase; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-weight: normal; } .check-balance-secondary { padding-top: 20px; margin-bottom: 20px; } @media only screen and (min-width: 768px) { .check-balance-secondary { margin-top: 15px; padding-top: 30px; padding-bottom: 0; border-top: 1px solid #cccccc; } } .check-balance-secondary-content { padding: 0 0 30px; display: none; text-align: center; } @media only screen and (min-width: 768px) { .check-balance-secondary-content { max-width: 700px; margin: 0 auto; padding: 0 15px; display: block; text-align: left; } } .check-balance-secondary-content strong, .check-balance-secondary-content h3 { font-size: 20px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; margin: 0; } @media only screen and (max-width: 767px) { .check-balance-secondary-content .col-sm-6 + .col-sm-6 { margin-top: 40px; } } .check-balance-toggle-link { margin-bottom: 40px; text-align: center; font-size: 16px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .check-balance-toggle-link a { color: #999999; } @media only screen and (min-width: 768px) { .check-balance-toggle-link { display: none; } } button.quaternary.check-balance-cta { background-color: #ef4923; padding-left: 50px; padding-right: 50px; } .terms-modal { display: none; } .dialog-open .view-terms-modal .terms-modal { display: block; } .gift-cert-digital-button-wrap { text-align: center; } @media only screen and (min-width: 768px) { .gift-cert-digital-button-wrap { text-align: left; } } .gift-cert-check-balance.deactive, .check-balance-amount-wrap { display: none; } .check-balance-amount-wrap.active { display: block; } .check-balance-amount { font-size: 20px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; margin-top: 30px; } @media only screen and (min-width: 768px) { .check-balance-amount { font-style: 30px; } } .button.check-balance-amount-close { margin-top: 30px; background-color: #ef4923; } .ui-dialog.view-terms-modal .ui-dialog-content { padding: 40px 40px 0; } @media only screen and (min-width: 768px) { .ui-dialog.view-terms-modal .ui-dialog-content { padding: 40px 60px 30px; } } .gift-cert-terms-accordion-wrap { border: 1px solid #cccccc; border-width: 1px 0 0; margin: 0; padding: 0; /* .accordion-wrap:not(:first-child) .accordion-content { display: none; } */ } .gift-cert-terms-accordion-wrap:last-child { border-bottom-width: 1px; } @media only screen and (min-width: 768px) { .gift-cert-terms-accordion-wrap:last-child { border-width: 0; } } @media only screen and (min-width: 768px) { .gift-cert-terms-accordion-wrap { border-width: 0; max-width: 760px; margin: 0 auto; } } .gift-cert-terms-accordion-wrap .accordion-content { padding-bottom: 20px; } .gift-cert-terms-accordion-wrap ul, .gift-cert-terms-accordion-wrap ol { margin: 0; } .gift-cert-terms-accordion-wrap li { margin: 0; padding: 0; } .gift-cert-terms-accordion-wrap h3 { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 16px; margin: 20px 0; position: relative; cursor: pointer; } @media only screen and (min-width: 768px) { .gift-cert-terms-accordion-wrap h3 { cursor: auto; } } .gift-cert-terms-accordion-wrap h3:before { position: absolute; top: 50%; right: 9px; width: 2px; height: 15px; background-color: #000000; transform: translateY(-50%); } .gift-cert-terms-accordion-wrap h3:after { content: ""; position: absolute; top: 50%; right: 3px; width: 15px; height: 2px; background-color: #000000; transform: translateY(-50%); } .gift-cert-terms-accordion-wrap h3.closed:before { content: ""; } @media only screen and (min-width: 768px) { .gift-cert-terms-accordion-wrap h3 { font-size: 28px; margin: 30px 0; } .gift-cert-terms-accordion-wrap h3:before, .gift-cert-terms-accordion-wrap h3:after { display: none; } } .egc-intercept-modal-inner { max-width: 80%; margin: 60px auto; text-align: center; } @media only screen and (min-width: 768px) { .egc-intercept-modal-inner { margin: 30px auto; max-width: 750px; } } .egc-intercept-modal-inner h3 { margin: 0 0 40px; font-size: 20px; } .egc-intercept-modal-inner .form-row { text-align: center; } .egc-intercept-modal-inner button.quaternary { display: block; margin: 20px auto; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.8); width: 200px; text-align: center; border: 1px solid #000000; } .egc-intercept-modal-inner button.quaternary:focus, .egc-intercept-modal-inner button.quaternary:hover { color: black; } .egc-intercept-modal-inner button.quaternary.egc-intercept-confirm-dialog, .egc-intercept-modal-inner button.quaternary.egc-intercept-cancel-dialog { background-color: #ef4923; color: rgba(255, 255, 255, 0.8); border: none; } .egc-intercept-modal-inner button.quaternary.egc-intercept-confirm-dialog:focus, .egc-intercept-modal-inner button.quaternary.egc-intercept-confirm-dialog:hover, .egc-intercept-modal-inner button.quaternary.egc-intercept-cancel-dialog:focus, .egc-intercept-modal-inner button.quaternary.egc-intercept-cancel-dialog:hover { color: white; } @media only screen and (min-width: 768px) { .egc-intercept-modal-inner button.quaternary { display: inline-block; margin: 40px 15px 0; } } @media only screen and (max-width: 991px) { .pt_product-details #main { padding: 0; } } .pt_product-details .bv-cv2-cleanslate .bv-shared .bv-write-review-container { float: none !important; margin: 0 !important; } .pt_product-details .bv-cv2-cleanslate .bv-shared .bv-action-bar button { margin: 0 auto !important; } .pdp-main { position: relative; } .pdp-main:before, .pdp-main:after { content: " "; display: table; } .pdp-main:after { clear: both; } .pdp-main .promotion { border-top: 1px solid #cccccc; padding-top: 15px; margin: 10px 0 0 0; } .pdp-main .promotion .promotion-title { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .pdp-main .promotion .tooltip { color: #ef4923; } .pdp-main .product-add-to-cart > div { border-top: 1px solid #cccccc; padding-top: 15px; margin: 10px 0 0 0; } .pdp-main .product-add-to-cart > div.apple-pay-container-pdp { border-top: none; padding-top: 0; } .pdp-main #add-to-cart { width: 100%; padding: 13px 5px; margin-top: 10px; white-space: normal; } .product-image-container { overflow: hidden; position: relative; right: -15px; } @media only screen and (max-width: 991px) { .product-image-container { right: 0; } } .product-image-container .slider-arrow { font-size: 5.5em; color: #666666; } .product-image-wrapper { overflow: hidden; } @media only screen and (min-width: 992px) { .product-image-wrapper { position: relative; margin-left: 232px; height: 750px; } } @media only screen and (max-width: 991px) { .product-image-wrapper { height: 560px; margin-left: 0; } } @media only screen and (max-width: 480px) { .product-image-wrapper { height: 300px; } } .product-image-wrapper.image-slider ul { height: 100%; } .product-image-wrapper.image-slider li { display: block; float: left; overflow: hidden; position: relative; width: 750px; height: 100%; opacity: 0.3; transition: opacity linear 0.5s; } .product-image-wrapper.image-slider li .pdp-badge { position: absolute; top: 8%; right: 10%; width: 19%; height: 19%; } @media only screen and (max-width: 991px) { .product-image-wrapper.image-slider li { width: 550px; } } @media only screen and (max-width: 480px) { .product-image-wrapper.image-slider li { width: 300px; } } .product-image-wrapper.image-slider li.selected { opacity: 1; cursor: pointer; } .product-image-wrapper.image-slider li img { height: 100%; } @media only screen and (max-width: 767px) { .product-image-wrapper.image-slider li img { width: 100%; height: auto; } } .product-image-wrapper.image-slider li.pdp-video { max-width: 100%; } .product-image-wrapper.image-slider li.pdp-video video { max-width: 100%; } .product-image-wrapper.image-slider li.pdp-video .play-button { width: 60px; height: 60px; position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); } .product-image-wrapper-json { display: none; } .product-detail { display: block; position: absolute; top: 0; z-index: 1021; width: 220px; padding: 10px; margin-left: 12px; background-color: rgba(255, 255, 255, 0.7); } @media only screen and (max-width: 991px) { .product-detail { position: static; width: 100%; margin: 0; } } @media only screen and (max-width: 767px) { .product-detail { padding: 10px 15px; } } @media only screen and (max-width: 480px) { .product-detail { width: 100%; } } .product-detail.fixed { position: fixed; top: 176px; } .product-detail .product-name { text-transform: capitalize; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.05em; font-size: 18px; text-align: left; line-height: 1.33em; } @media only screen and (min-width: 768px) and (max-width: 991px) { .product-detail .product-name { padding: 20px 0 0; margin-bottom: -2px; text-align: center; font-size: 24px; } } @media only screen and (max-width: 767px) { .product-detail .product-name { font-size: 21px; margin: 20px 0 10px 0; text-align: center; } } .product-detail .product-price { margin: 0 0 10px 0; letter-spacing: 0.02em; line-height: 1.33em; } @media only screen and (min-width: 1200px) { .product-detail .product-price.desktop { display: block; } } @media only screen and (max-width: 991px) { .product-detail .product-price.desktop { display: none; } } .product-detail .product-price.mobile { margin: 15px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .product-detail .product-price.mobile { text-align: center; font-size: 21px; } } @media only screen and (max-width: 767px) { .product-detail .product-price.mobile { text-align: center; font-size: 18px; } } @media only screen and (min-width: 992px) { .product-detail .product-price.mobile { display: none; } } .product-detail .product-price.mobile div { display: inline-block; } .product-detail .price-standard { text-decoration: line-through; margin: 0 0 0 4px; } .product-detail .price-sales.show-standard { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .product-detail .apple-pay-container-pdp { display: none; } .apple-pay-enabled .product-detail .apple-pay-container-pdp { display: block; } .product-detail .apple-pay-container-pdp .dw-apple-pay-button, .product-detail .apple-pay-container-pdp .apple-pay-placeholder { height: 50px; width: 100%; margin: 0; padding: 13px 5px; border-radius: 0px; /* -webkit-appearance: -apple-pay-button; */ /* -webkit-named-image(apple-pay-button); */ background-image: -webkit-named-image(apple-pay-logo-white); -apple-pay-button-type: buy; background-size: 100% 45%; background-position: 50% 50%; background-color: #000000; background-repeat: no-repeat; } .product-detail .apple-pay-container-pdp .apple-pay-button-with-text > .text { font-family: -apple-system; font-size: calc(1em * var(--apple-pay-scale)); font-weight: 300; align-self: center; margin-right: calc(2px * var(--apple-pay-scale)); } .product-detail .apple-pay-container-pdp .apple-pay-disabled { display: none; height: 50px; width: 100%; margin: 0; background: #000000; border: none; color: #FFFFFF; font-size: 14px; letter-spacing: normal; text-transform: none; opacity: 1; } @media only screen and (max-width: 991px) { #product-content { width: 445px; margin: 0 auto; } } @media only screen and (max-width: 767px) { #product-content { width: 100%; margin: 0; } } #product-content .review-cta .bv-cleanslate .bv-summary-bar-minimalist-horizontal .bv-stars-container { white-space: normal !important; } #product-content .review-cta .bv-cleanslate .bv-primarySummary-rating-container { text-align: right !important; } @media only screen and (max-width: 991px) { #product-content .review-cta .bv-cleanslate .bv-primarySummary-rating-container { text-align: center !important; margin-top: 20px !important; } } #product-content #BVRRContainer .bv-cleanslate .bv-action-bar { width: 150px !important; margin-left: auto !important; margin-right: auto !important; } #product-content #BVRRContainer .bv-cleanslate .bv-toplevel-actions, #product-content #BVRRContainer .bv-cleanslate .bv-write-review-container, #product-content #BVRRContainer .bv-cleanslate .bv-read-review-container, #product-content #BVRRContainer .bv-cleanslate .bv-ask-question-container, #product-content #BVRRContainer .bv-cleanslate .bv-client-logo-container { float: none !important; } #product-content .review-cta .bv-cleanslate .bv-focusable:focus, #product-content .review-cta .bv-cleanslate .bv-pseudo-focused, #product-content .review-cta .bv-cleanslate .bv-tc-footer .bv-accept-tc-button:focus { outline-style: none !important; } #product-content #BVRRContainer .bv-cleanslate .bv-focusable:focus, #product-content #BVRRContainer .bv-cleanslate .bv-pseudo-focused, #product-content #BVRRContainer .bv-cleanslate .bv-tc-footer .bv-accept-tc-button:focus { outline-style: none !important; } .swatches { margin: 0; padding: 0; list-style: none; } .swatches:before, .swatches:after { content: " "; display: table; } .swatches:after { clear: both; } .swatches li { float: left; margin: 2px 5px 5px 0; transition: background-color 0.25s ease-in; } @media only screen and (max-width: 991px) { .swatches li { margin: 0 15px 10px 0; } } .swatches li:focus, .swatches li:active { background-color: #f0f0f0; } .swatches li a { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.05em; } .swatches li a img { display: inline-block; width: 100%; height: 100%; vertical-align: baseline; } .swatches li.selected a { border: 1px solid #FFFFFF; outline: 1px solid #ef4923; } .swatches li.price-range { float: none; padding: 15px 5px; border-top: 1px solid #cccccc; margin: 0; } .swatches li.price-range:before, .swatches li.price-range:after { content: " "; display: table; } .swatches li.price-range:after { clear: both; } .swatches li.price-range:last-child { border-bottom: 1px solid #cccccc; } .swatches.color li a:before { content: none; } .swatches.color li a:active { outline: 1px solid #ef4923 !important; } .swatches .color-attributes { float: right; width: calc(100% - 40px); white-space: normal; } .swatches .color-name { color: #666666; line-height: 1; } .swatches .color-price { line-height: 1; margin: 6px 0 0 0; } .swatches .color-price .price-standard { margin: 0; } .swatches .color-price span:first-child { margin-left: 0; margin-right: 10px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .swatches .color-price span:last-child { margin-left: 4px; color: #666666; } .number-and-review { overflow: hidden; min-height: 85px; margin-bottom: 0; } .number-and-review .price-and-fit { float: left; width: 45%; } @media only screen and (max-width: 991px) { .number-and-review .price-and-fit { width: 100%; text-align: center; padding-bottom: 9px; } .number-and-review .price-and-fit > div { margin: 0 0 0 15px; display: inline-block; } } @media only screen and (max-width: 991px) { .number-and-review .price-and-fit .product-number { margin: 0; } } .number-and-review .price-and-fit .size-chart-link a:hover { text-decoration: underline; color: #ef4923; } .number-and-review .review-cta { float: right; text-align: right; width: 55%; } @media only screen and (max-width: 991px) { .number-and-review .review-cta { float: none; clear: both; margin: 0 auto; } } @media only screen and (max-width: 480px) { .number-and-review .review-cta { width: 100%; text-align: center; } } .alternate-products { width: 100%; height: auto; } .alternate-products .alternate-choices-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; } .alternate-products .alternate-product { border: 1px solid black; border-radius: 5px; text-align: center; height: 40px; line-height: 40px; } .alternate-products .alternate-product:hover { color: #ef4923; border: 1px solid #ef4923; background-color: #ededed; cursor: pointer; } .alternate-products .alternate-product.selected { color: white; background-color: black; } .alternate-products .alternate-product.selected:hover { color: white; border: 1px solid black; } .alternate-products .alt-product-count-4 { width: 95px; margin-bottom: 5px; } @media only screen and (max-width: 991px) { .alternate-products .alt-product-count-4 { width: 45%; margin-bottom: 5px; } } .alternate-products .alt-product-count-3 { width: 60px; } @media only screen and (max-width: 991px) { .alternate-products .alt-product-count-3 { width: 30%; margin-bottom: 5px; } } .alternate-products .alt-product-count-2 { width: 95px; } @media only screen and (max-width: 991px) { .alternate-products .alt-product-count-2 { width: 45%; margin-bottom: 5px; } } .product-variations:before, .product-variations:after { content: " "; display: table; } .product-variations:after { clear: both; } .product-variations ul { margin: 0; padding: 0; list-style: none; } .product-variations .attribute { position: relative; padding-top: 15px; } @media only screen and (min-width: 992px) { .product-variations .attribute { margin: 10px 0 0 0; } } .product-variations .attribute:first-of-type { padding-top: 0; margin-top: 0; } .product-variations .attribute.select { height: 50px; line-height: 36px; padding: 7px 12px; white-space: nowrap; border: 1px solid #cccccc; } .product-variations .attribute.select:hover { cursor: pointer; } .product-variations .attribute.select:hover .label, .product-variations .attribute.select:hover .selected-value, .product-variations .attribute.select:hover .select-arrow { color: #ef4923; } .product-variations .attribute.select.error, .product-variations .attribute.select.error-message { border: 1px solid #ef4923; } .product-variations .attribute.select.opened { overflow: visible; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); } .product-variations .attribute.select.opened:after { height: 2px; background: #FFFFFF; content: " "; display: block; position: absolute; top: 48px; z-index: 10; width: 100%; left: 0; } .product-variations .attribute.select.opened .swatches { display: block; } .product-variations .attribute.select.opened .swatches ~ .select-arrow { transform: translateY(-50%) rotateX(180deg); } .product-variations .attribute.select .swatches { display: none; position: absolute; top: 48px; border: 1px solid #cccccc; z-index: 5; width: 200px; padding: 15px; background-color: #FFFFFF; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); } .product-variations .attribute.select .swatches:before, .product-variations .attribute.select .swatches:after { content: " "; display: table; } .product-variations .attribute.select .swatches:after { clear: both; } @media only screen and (max-width: 991px) { .product-variations .attribute.select .swatches { width: 445px; } } @media only screen and (max-width: 767px) { .product-variations .attribute.select .swatches { width: calc(100vw - 30px); } } @media only screen and (max-width: 991px) { .product-variations .attribute.select .swatches.size { right: -115px; left: initial; } } @media only screen and (max-width: 767px) { .product-variations .attribute.select .swatches.size { right: initial; left: calc(-50vw + 14px); } } @media only screen and (max-width: 480px) { .product-variations .attribute.select .swatches.size { left: -1px; } } .product-variations .attribute.select .label, .product-variations .attribute.select .value { display: inline-block; vertical-align: top; } .product-variations .attribute.select.color .swatches { left: -1px; padding: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .product-variations .attribute.select.color .swatches { width: 729px; } } @media only screen and (min-width: 1200px) { .product-variations .attribute.select.color .swatches { width: 729px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .product-variations .attribute.select.color .swatches.one { width: 243.33px; } } @media only screen and (min-width: 1200px) { .product-variations .attribute.select.color .swatches.one { width: 243.33px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .product-variations .attribute.select.color .swatches.two { width: 486.66px; } } @media only screen and (min-width: 1200px) { .product-variations .attribute.select.color .swatches.two { width: 486.66px; } } @media only screen and (max-width: 991px) { .product-variations .attribute.select.color .swatches { width: 445px; } } @media only screen and (max-width: 767px) { .product-variations .attribute.select.color .swatches { padding: 0; width: calc(100vw - 30px); } } .product-variations .attribute .label { color: #666666; } .product-variations .attribute .selected-value { display: inline-block; overflow: hidden; max-width: 250px; vertical-align: text-bottom; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #000000; } @media only screen and (min-width: 480px) { .product-variations .attribute .selected-value { max-width: 118px; } } .product-variations .attribute .select-arrow { position: absolute; top: 50%; padding: 0 5px 0 0; right: 0; background: #FFFFFF; transform: translateY(-50%); color: #666666; } .product-variations > .size, .product-variations > .inventory { width: calc(50% - 5px); float: left; } .product-variations > .size .swatches, .product-variations > .inventory .swatches { left: -1px; } .product-variations > .size .swatches li[class^="fitanalytics"], .product-variations > .size .swatches .additional-info, .product-variations > .inventory .swatches li[class^="fitanalytics"], .product-variations > .inventory .swatches .additional-info { text-align: center; font-size: 16px; } .product-variations > .size .swatches li[class^="fitanalytics"] a, .product-variations > .size .swatches .additional-info a, .product-variations > .inventory .swatches li[class^="fitanalytics"] a, .product-variations > .inventory .swatches .additional-info a { width: inherit; text-decoration: underline; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; white-space: pre-wrap; height: auto; } .product-variations > .size .swatches li[class^="fitanalytics"], .product-variations > .inventory .swatches li[class^="fitanalytics"] { margin-top: 0 !important; /* TODO: Can this move to the JS file? */ } .product-variations > .size .swatches .additional-info-wrapper li:first-child, .product-variations > .inventory .swatches .additional-info-wrapper li:first-child { padding-top: 15px; } .product-variations > .size .swatches .additional-info-wrapper li:last-child, .product-variations > .inventory .swatches .additional-info-wrapper li:last-child { padding-bottom: 15px; } .product-variations > .size .swatches .additional-info-wrapper .additional-info, .product-variations > .inventory .swatches .additional-info-wrapper .additional-info { margin: 10px -15px -15px -15px; padding: 0 15px; display: block; background-color: #e2e2e2; width: calc(100% + 30px); } .product-variations > .size .swatches .additional-info-wrapper .additional-info p, .product-variations > .inventory .swatches .additional-info-wrapper .additional-info p { line-height: 1.33em; } .product-variations > .size .swatches .additional-info-wrapper .additional-info a.partner-link, .product-variations > .inventory .swatches .additional-info-wrapper .additional-info a.partner-link { line-height: inherit; height: unset; } .product-variations > .size .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]), .product-variations > .inventory .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]) { width: 33.33333%; height: 50px; line-height: 50px; border: 1px solid #cccccc; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; margin: -1px -1px 0 0; text-align: center; font-size: 16px; } .product-variations > .size .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]).unselectable, .product-variations > .inventory .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]).unselectable { cursor: default; background-color: #e2e2e2; color: #ffffff; } .product-variations > .size .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]).unselectable a, .product-variations > .inventory .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]).unselectable a { color: #ffffff; } .product-variations > .size .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]).size-chart-link, .product-variations > .inventory .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]).size-chart-link { width: calc(100% - 3px); margin-top: 15px; } .product-variations > .size .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]).size-chart-link a, .product-variations > .inventory .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]).size-chart-link a { width: 100%; font-size: 16px; } .product-variations > .size .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]).wide, .product-variations > .inventory .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]).wide { width: calc(100% - 3px); height: auto; padding: 10px 0 0 0; line-height: 25px; border: 0 none; } .product-variations > .size .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]).wide *, .product-variations > .inventory .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]).wide * { font-size: 10px; line-height: 1; text-align: left; margin: 2px 0px 0 0; } .product-variations > .size .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]) a, .product-variations > .inventory .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]) a { width: 100%; height: 100%; line-height: 50px; } .product-variations > .size .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]) a .long-size, .product-variations > .inventory .swatches li:not([class^="fitanalytics"]):not([class="additional-info"]) a .long-size { display: block; line-height: 12px; font-size: 13px; padding-top: 5px; } .product-variations > .size { margin-right: 10px; } @media only screen and (max-width: 991px) { .product-variations > .size .swatches li { width: 16.6666%; } } @media only screen and (max-width: 767px) { .product-variations > .size .swatches li { width: 33.3333%; } } .product-variations > .size .swatches li.selected a { color: #ef4923; outline: 0 none; border: 0 none; } .product-variations > .size .swatches li:hover { cursor: pointer; border-color: #ef4923; z-index: 2; position: relative; color: #000000; } .product-variations > .size .swatches li a:hover { color: #000000; } .product-variations > .size .swatches li.size-chart-link { width: calc(100% - 3px); margin-top: 15px; } @media only screen and (max-width: 991px) { .product-variations > .size .swatches li.size-chart-link { width: 240px; margin: 15px 0 0 calc(50% - 120px); } } @media only screen and (max-width: 767px) { .product-variations > .size .swatches li.size-chart-link { width: calc(100% - 3px); margin: 15px 0 0 0; } } .product-variations > .size .swatches li.size-chart-link a { width: 100%; font-size: 16px; } .product-variations > .inventory .swatches { left: -106px; } @media only screen and (max-width: 767px) { .product-variations > .inventory .swatches { left: 0; } } .product-variations > .inventory .swatches li.selected { color: #ef4923; } @media only screen and (max-width: 991px) { .product-variations > .inventory .swatches li { width: calc(20% + 1px); } } @media only screen and (max-width: 767px) { .product-variations > .inventory .swatches li { width: 33.33333%; } } .product-variations > .inventory .swatches li:hover { cursor: pointer; border-color: #ef4923; z-index: 2; position: relative; color: #000000; } @media only screen and (max-width: 991px) { .product-variations > .color.select { float: left; width: calc(50% - 5px); margin-right: 5px; } } @media only screen and (max-width: 480px) { .product-variations > .color.select { width: 100%; margin-bottom: 10px; } } @media only screen and (max-width: 991px) { .product-variations > .color.select ~ .size, .product-variations > .color.select ~ .inventory { width: calc(25% - 2.5px); margin-top: 0; } } @media only screen and (max-width: 480px) { .product-variations > .color.select ~ .size, .product-variations > .color.select ~ .inventory { width: calc(50% - 2.5px); } } @media only screen and (max-width: 991px) { .product-variations > .color.select ~ .size { margin-right: 5px; } } @media only screen and (max-width: 991px) { .product-variations > .color.select ~ .inventory .swatches { right: -1px; left: initial; } } .product-variations > .color.select .swatches li { width: 212.33px; height: 60px; padding: 15px 0; margin: 0 15px; border-bottom: 1px solid #cccccc; } @media only screen and (max-width: 991px) { .product-variations > .color.select .swatches li { width: 415px; } } @media only screen and (max-width: 767px) { .product-variations > .color.select .swatches li { width: calc(100vw - 67px); } } .product-variations > .color.select .swatches li.selected * { color: #ef4923; } .product-variations > .color.select .swatches li.selected a { border: 1px solid #FFFFFF; outline: 1px solid #ef4923; } .product-variations > .color.select .swatches li.last { border: none; } .product-variations > .color.select .swatches li.unselectable * { opacity: 0.6; } .radio-group { font-size: 0; margin: 25px 0; } @media only screen and (min-width: 768px) { .radio-group { margin: 15px 0; } } .radio-group-item { display: inline-block; width: 50%; margin: 0; font-size: 14px; position: relative; vertical-align: top; } @media only screen and (min-width: 992px) { .radio-group-item { display: block; margin: 15px 0; width: 100%; } } input[type="radio"].pretty-radio { height: 1px; width: 1px; opacity: 0; margin: 0; padding: 0; position: absolute; } input[type="radio"].pretty-radio:checked + .pretty-radio-label:before { content: ''; background: #000000 url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgdmVyc2lvbj0iMS4wIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5bGluZSBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgcG9pbnRzPSIgIDIwLDYgOSwxNyA0LDEyICIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==) no-repeat 50% !important; } .pretty-radio-label { display: block; padding: 0 0 0 31px; margin: 0; cursor: pointer; } .pretty-radio-label:before { content: ''; position: absolute; top: 0; left: 0; width: 21px !important; height: 21px !important; background: transparent !important; border: 1px solid #cccccc; border-radius: 50%; } input[type="radio"]:disabled.pretty-radio + .pretty-radio-label { color: #d6d6d6; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 767px) { .online-partner-dialog { width: calc(100% - 30px) !important; left: 15px !important; } } .availability-top-content { padding: 15px 15%; margin-bottom: 20px; text-align: center; background-color: #d6d6d6; } @media only screen and (min-width: 768px) { .availability-top-content { padding: 15px 85px; } } .availability-product-info { margin-bottom: 15px; } .availability-product-info:before, .availability-product-info:after { content: " "; display: table; } .availability-product-info:after { clear: both; } .availability-product-image, .availability-product-attributes { float: left; } .availability-product-image { width: 100px; text-align: center; } @media only screen and (min-width: 768px) { .availability-product-image { width: 200px; } } .availability-product-attributes { width: calc(100% - 100px); } @media only screen and (min-width: 768px) { .availability-product-attributes { width: calc(100% - 200px); } } .partner-add-product { margin-bottom: 15px; } .partner-no-stock { color: #999999; } .product-color-swatches, .product-thumbnails, .product-special-messaging, .product-social-sharing, .check-availability { padding-top: 15px; border-top: 1px solid #cccccc; margin-top: 15px; } @media only screen and (max-width: 991px) { .product-color-swatches, .product-thumbnails, .product-special-messaging, .product-social-sharing, .check-availability { display: none; } } .product-thumbnails { overflow: hidden; } .product-thumbnails .product-thumbnail { float: left; } @media only screen and (max-width: 991px) { .patagonia-jp .check-availability { display: block; } } .product-special-messaging a { color: #ef4923; } .product-special-messaging a:hover { color: #ef4923; text-decoration: underline; } .product-color-swatches .swatches li a { padding: 1px; border: 1px solid #FFFFFF; } .product-color-swatches .swatches li a:active { outline: none !important; } .product-color-swatches .swatches li.selected a { border: 1px solid #ef4923; outline: none !important; } .product-color-swatches .swatches li.unselectable a { opacity: 0.6; } .product-actions { margin-top: 15px; text-align: center; } .product-actions a { text-transform: lowercase; font-size: 14px; } .product-actions a:hover { color: #ef4923; } .patagonia-eu .product-actions a { text-transform: none; } .product-detail .product-thumbnail { border: 1px solid #FFFFFF; } .product-thumbnail { display: inline-block; } .product-thumbnail[data-variant='1'] { display: none; } .product-thumbnail[data-variant='1'].visible { display: inline-block; } .product-thumbnail.selected { display: inline-block; border: 1px solid #ef4923; } .product-thumbnail img { width: 50px; height: 50px; margin-right: 2px; cursor: pointer; } .product-thumbnail.pdp-video-thumbnail { position: relative; max-height: 52px; cursor: pointer; } .product-thumbnail.pdp-video-thumbnail svg.play-svg { cursor: pointer; position: absolute; width: 24px; height: 24px; pointer-events: none; top: calc(50% - 11px); left: calc(50% - 12px); } .product-detail .product-thumbnail img { margin-right: 0; } .product-social-header { text-transform: uppercase; font-size: 14px; cursor: pointer; } .product-social-icons { display: none; padding: 5px 0 10px; } .product-social-icons a { margin-right: 5px; font-size: 14px; color: #ef4923; } .product-social-icons a:hover { color: rgba(242, 101, 37, 0.6); } @media only screen and (min-width: 992px) { .product-info { position: relative; margin-left: 247px; } } .product-details__container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } .product-details__row:before, .product-details__row:after { content: " "; display: table; } .product-details__row:after { clear: both; } .product-details-column.reviews a { color: #ef4923; } .product-details-column.reviews a:hover { color: #ef4923; text-decoration: underline; } .product-details-column.reviews #BVRRContainer .bv-cleanslate .bv-content-placeholder { text-align: center !important; } .product-short-desc { margin-top: 20px; text-align: center; font-size: 18px; line-height: 1.5em; padding: 0 12%; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.02em; color: #333333; } .product-details-section { overflow: hidden; margin: 45px -15px 0 0; background-color: #f0f0f0; } @media only screen and (min-width: 768px) { .product-details-section { padding: 40px 0 0; margin: 95px -15px 0 0; } } @media only screen and (max-width: 991px) { .product-details-section { margin-right: 0; } } .product-details-section .description { margin: 0 0 40px; font-size: 14px; } @media only screen and (min-width: 480px) { .product-details-section .description { margin: 0 20px 55px; } } @media only screen and (min-width: 1200px) { .product-details-section .description { font-size: 16px; } } .product-details-section .description img { float: left; margin: 10px 15px 10px 0; } .product-details-section .description p { line-height: 20px; } .product-details-header { border-top: 1px solid #999999; margin: 55px 0 5px; text-align: center; background-color: #FFFFFF; } @media only screen and (min-width: 768px) { .product-details-header { margin: 115px 0 5px; } } .product-details-header span, .product-details-header h2, .product-details-header .h2-substitute { display: inline; position: relative; top: -0.7em; padding: 0 15px; white-space: pre-wrap; font-size: 20px; background-color: #FFFFFF; } @media only screen and (min-width: 480px) { .product-details-header span, .product-details-header h2, .product-details-header .h2-substitute { padding: 0 30px; } } @media only screen and (min-width: 768px) { .product-details-header span, .product-details-header h2, .product-details-header .h2-substitute { font-size: 40px; } } .product-details-header h2, .product-details-header .h2-substitute { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.05em; font-size: 30px; line-height: 1.5em; } @media only screen and (max-width: 767px) { .product-details-header h2, .product-details-header .h2-substitute { font-size: 24px; } } .product-learn-more .product-details-header { margin-top: 30px; } .product-learn-more .product-details-header:hover { color: #ef4923; cursor: pointer; } .product-learn-more .product-details-header span { text-transform: uppercase; font-size: 14px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.05em; color: #ef4923; } .product-learn-more .product-details-header .opened-text { display: none; } .product-learn-more .product-details-header .closed-text:hover { text-decoration: underline; } .product-learn-more .product-details-header .icon { display: block; position: static; } .product-learn-more .product-details-header.opened .opened-text { display: inline-block; } .product-learn-more .product-details-header.opened .closed-text { display: none; } .product-learn-more .product-details-header.opened .icon { transform: rotateZ(180deg); } .product-details-section .product-details-header { margin: 42px 20px 15px; background-color: #f0f0f0; } @media only screen and (min-width: 768px) { .product-details-section .product-details-header { margin: 62px 35px 15px; } } .product-details-section .product-details-header h2, .product-details-section .product-details-header .h2-substitute { font-size: 30px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.05em; background-color: #f0f0f0; } @media only screen and (max-width: 767px) { .product-details-section .product-details-header h2, .product-details-section .product-details-header .h2-substitute { font-size: 24px; } } .product-learn-more .product-details-row { display: none; } .product-learn-more a { color: #ef4923; } .product-details-row .product-learn-more-column { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; padding-top: 24px; padding-bottom: 40px; font-weight: bold; font-size: 16px; line-height: 24px; } @media (min-width: 992px) { .product-details-row .product-learn-more-column { float: left; width: 50%; } } .ch-right-column { font-size: 13px; line-height: 21.5px; } .ch-right-column .ch-item-0 { font-size: 13px; } .ch-right-column .size-chart-link.last-fit-link { margin-left: 5px; border-left: 1px solid black; padding-left: 5px; } .materials-header { padding-top: 40px; } .ch-left-column .left-footprint-chronicles { display: none; } @media (min-width: 992px) { .product-details-row .product-learn-more-column { width: 100%; padding-bottom: 60px; } .ch-border-fix .product-learn-more-column { width: 66.666666667%; padding-top: 0; } .ch-border-fix .product-learn-more-column .left-footprint-chronicles { display: none; } .ch-right-column { padding-left: 20px; width: 33.333333%; } .materials-header { padding-top: 20px; } } .ch-left-column.ch-full-width-left-column { width: 100%; } .ch-left-column.ch-full-width-left-column .left-footprint-chronicles { display: inline; font-size: 13px; font-weight: normal; } .ch-right-column.ch-full-width-left-column { display: none; } .ch-lm-section-header { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; letter-spacing: .05em; padding-bottom: 10px; } .product-learn-more .ch-left-column ul { padding-left: 0; } .product-learn-more .ch-left-column ul li { font-size: 13px; line-height: 21.5px; letter-spacing: .02em; padding-top: 5px; padding-bottom: 5px; list-style-type: none; } .modelDescription { padding-top: 8px; display: inline-block; width: 100%; } .product-detail .modelDescription { padding: 0 0 20px; color: #777777; } @media only screen and (max-width: 767px) { .recommendations-product { padding-top: 40px; } } .product-video.large-video { margin: 45px 0 20px; } @media only screen and (min-width: 768px) { .product-video.large-video { margin-top: 95px; } } .product-video-wrap { display: none; } .footprint-chronicles { text-align: center; } .footprint-chronicles .header { margin-bottom: 30px; } .footprint-chronicles .header div .footprint-chronicles-description { line-height: 21px; font-size: 14px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.02em; } .footprint-chronicles .header a { display: block; margin: 10px 0; } .footprint-chronicles .header a:hover { color: #ef4923; text-decoration: underline; } .footprint-chronicles .factory > span { font-size: 18px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.05em; } .footprint-chronicles .factory > img { margin-bottom: 10px; } @media only screen and (min-width: 1200px) { .footprint-chronicles #factory-info .row { text-align: left; } } @media only screen and (min-width: 1200px) { .footprint-chronicles #factory-info .row .col-sm-4 { text-align: center; width: 33%; float: none; margin: 0 0 15px 0; display: inline-block; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footprint-chronicles #factory-info .row { text-align: left; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footprint-chronicles #factory-info .row .col-sm-4 { text-align: center; width: 33%; vertical-align: top; float: none; margin: 0 0 15px 0; display: inline-block; } } #QuickViewDialog .product-detail { position: relative; float: left; margin-left: 10px; } #QuickViewDialog .product-detail.fixed { top: 0; } #QuickViewDialog .product-image-container { float: right; width: calc(100% - 230px); right: 0; } @media only screen and (max-width: 991px) { #QuickViewDialog .product-image-container { width: 450px; margin: 0 auto; float: none; } } #QuickViewDialog .product-image-container .product-image-wrapper { width: 100% !important; margin: 0; height: 715px; } @media only screen and (max-width: 991px) { #QuickViewDialog .product-image-container .product-image-wrapper { width: 300px; margin: 10px 0 0 0; height: 300px; } } #QuickViewDialog .product-image-container .product-image-wrapper ul li { width: 600px; } @media only screen and (max-width: 991px) { #QuickViewDialog .product-image-container .product-image-wrapper ul li { width: 300px; } } #QuickViewDialog .product-image-container .product-image-wrapper ul li img { height: auto; width: 100%; display: block; margin: 100px 0 0 0; } @media only screen and (max-width: 991px) { #QuickViewDialog .product-image-container .product-image-wrapper ul li img { margin: 0; } } #QuickViewDialog #pdpMain .product-detail .product-name { margin-top: 10px; } #QuickViewDialog .size-chart-link, #QuickViewDialog #zoom-button { display: none; } @media only screen and (max-width: 991px) { .size-chart-modal { width: calc(100% - 30px) !important; } } .size-chart-modal .dialog-content { border: 20px solid #FFFFFF; background-color: #f0f0f0; } .size-chart-modal .nav-tabs { border-bottom: 1px solid #cccccc; } .size-chart-modal .nav-tabs li.active a { background-color: #FFFFFF; } .size-chart-modal .mobile-table { display: none; } @media only screen and (max-width: 767px) { .size-chart-modal .mobile-table { display: block; } } .size-chart-modal .desktop-table { display: block; } @media only screen and (max-width: 767px) { .size-chart-modal .desktop-table { display: none; } } .size-chart-modal table { margin-bottom: 15px; } .size-chart-modal thead { background-color: #FFFFFF; } .size-chart-modal tr { border-bottom: 2px solid #FFFFFF; } .size-chart-modal th, .size-chart-modal td { padding: 7px 5px; } .size-chart-modal .modal-footer { margin-top: 20px; text-align: center; } .size-chart-modal .modal-footer button { margin: 20px 0; } .size-chart-header { margin: 10px 0; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 18px; } .in-wishlist { color: #ef4923; } .store-list-header { overflow: hidden; margin-bottom: 10px; } .store-list-header .product-title { margin-bottom: 0; font-size: 18px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .store-list-header .price-range { margin-bottom: 35px; } .store-list-header .size { float: left; margin-right: 3%; } .store-list-header .size .label { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .store-list-header .color { float: left; } .store-list-header .color .label { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .store-list-pdp-container .store-list-pdp { list-style-type: none; -webkit-padding-start: 0; max-height: 305px; overflow: scroll; } .store-list-pdp-container .store-list-pdp li:nth-child(odd) { background-color: #f0f0f0; } .store-list-pdp-container .store-list-item { overflow: hidden; } .store-list-pdp-container .store-list-item .store-info { width: 65%; height: 145px; float: left; padding: 25px; } .store-list-pdp-container .store-list-item .store-info .store-name { color: #ef4923; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 10px; } .store-list-pdp-container .store-list-item .store-inventory { width: 35%; float: right; padding: 25px; } .store-list-pdp-container .store-list-item .store-inventory .inventory { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 30px; } .store-list-pdp-container .store-list-item .store-inventory .inventory.lowstock { color: #ef4923; font-family: "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; } .store-list-pdp-container .store-list-item .store-inventory .inventory.instock { color: #000000; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .store-list-pdp-container .store-list-item .store-inventory .inventory.outofstock { color: #666666; font-family: "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; } .store-list-pdp-container.visi .store-list-item { margin: 10px 0; border: 1px solid #ececec; background-color: #FFF; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18); } .store-list-pdp-container.visi .store-list-item li:nth-child(odd) { background-color: #FFF; } .store-inventory-dialog .ui-dialog-titlebar-close { width: 30px; height: 30px; position: absolute; top: 15px; z-index: 100; right: 0; } .store-inventory-dialog .ui-dialog-titlebar-close .ui-icon { top: 5px; left: 3px; } .check-availability .title { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 15px; color: #666; } @media only screen and (max-width: 767px) { .check-availability .title { display: inline-block; } } .check-availability .description { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-size: 12px; color: #767676; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .check-availability .description { display: none; } } .check-availability a { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-size: 14px; color: #000; } .check-availability a:hover, .check-availability a.error, .check-availability a.error-message { color: #ef4923; } @media only screen and (max-width: 767px) { .check-availability a { float: right; } } .edit-product-modal-header { background-color: #f0f0f0; height: 60px; margin-left: -20px; margin-right: -20px; position: relative; margin-top: -40px; } .edit-product-modal-header h2 { font-size: 24px; letter-spacing: 0.5px; padding-left: 60px; padding-top: 20px; } .edit-product-modal-header .ui-dialog-titlebar-close { right: 20px; top: 20px; } .edit-product-modal-header .ui-icon-closethick { color: black; right: 25px; top: 20px; } #QuickViewDialog .cart_edit_v2 { padding-top: 30px; padding-left: 22px; } #QuickViewDialog .cart_edit_v2 .edit-product-modal-header h2 { font-size: 22px; font-weight: bold; } #QuickViewDialog .cart_edit_v2 .product-id-number { font-size: 12px; color: #999999; } #QuickViewDialog .cart_edit_v2 .product-name { font-size: 16px; line-height: 24px; letter-spacing: 0.3px; } #QuickViewDialog .cart_edit_v2 .product-detail { width: 345px; } #QuickViewDialog .cart_edit_v2 .product-detail .product-price { font-size: 13px; line-height: 21px; margin-bottom: 22px; font-weight: bold; } #QuickViewDialog .cart_edit_v2 #product-content { position: relative; } #QuickViewDialog .cart_edit_v2 .number-and-review { min-height: 0; padding-top: 80px; } #QuickViewDialog .cart_edit_v2 .number-and-review .price-and-fit { width: 100%; font-size: 14px; } #QuickViewDialog .cart_edit_v2 .number-and-review.swatch-one-row { padding-top: 80px; } @media only screen and (max-width: 991px) and (orientation: landscape) { #QuickViewDialog .cart_edit_v2 .number-and-review.swatch-one-row { padding-top: 0; } } #QuickViewDialog .cart_edit_v2 .number-and-review.swatch-two-rows { padding-top: 127px; } @media only screen and (max-width: 991px) { #QuickViewDialog .cart_edit_v2 .number-and-review.swatch-two-rows { padding-top: 42px; } } @media only screen and (max-width: 991px) and (orientation: landscape) { #QuickViewDialog .cart_edit_v2 .number-and-review.swatch-two-rows { padding-top: 0; } } #QuickViewDialog .cart_edit_v2 .number-and-review.swatch-three-rows { padding-top: 174px; } @media only screen and (max-width: 991px) { #QuickViewDialog .cart_edit_v2 .number-and-review.swatch-three-rows { padding-top: 94px; } } @media only screen and (max-width: 991px) and (orientation: landscape) { #QuickViewDialog .cart_edit_v2 .number-and-review.swatch-three-rows { padding-top: 0; } } #QuickViewDialog .cart_edit_v2 .number-and-review.swatch-four-rows { padding-top: 223px; } @media only screen and (max-width: 991px) { #QuickViewDialog .cart_edit_v2 .number-and-review.swatch-four-rows { padding-top: 142px; } } #QuickViewDialog .cart_edit_v2 .number-and-review.swatch-five-rows { padding-top: 272px; } @media only screen and (max-width: 991px) { #QuickViewDialog .cart_edit_v2 .number-and-review.swatch-five-rows { padding-top: 190px; } } #QuickViewDialog .cart_edit_v2 .number-and-review.swatch-six-rows { padding-top: 321px; } @media only screen and (max-width: 991px) { #QuickViewDialog .cart_edit_v2 .number-and-review.swatch-six-rows { padding-top: 238px; } } #QuickViewDialog .cart_edit_v2 .size-chart-link { display: block; float: left; } #QuickViewDialog .cart_edit_v2 .size-chart-link a.alt-link, #QuickViewDialog .cart_edit_v2 .size-chart-link .product-toast-options a.continue-shopping, .product-toast-options #QuickViewDialog .cart_edit_v2 .size-chart-link a.continue-shopping, #QuickViewDialog .cart_edit_v2 .size-chart-link a.compare-back, #QuickViewDialog .cart_edit_v2 .size-chart-link .footprint-chronicles .header a, .footprint-chronicles .header #QuickViewDialog .cart_edit_v2 .size-chart-link a, #QuickViewDialog .cart_edit_v2 .size-chart-link a.view-full-link, #QuickViewDialog .cart_edit_v2 .size-chart-link .avs-dialog tr.pListClickable a, .avs-dialog tr.pListClickable #QuickViewDialog .cart_edit_v2 .size-chart-link a, #QuickViewDialog .cart_edit_v2 .size-chart-link .avs-dialog a.inline-link, .avs-dialog #QuickViewDialog .cart_edit_v2 .size-chart-link a.inline-link, #QuickViewDialog .cart_edit_v2 .size-chart-link .avs-dialog a.showHide, .avs-dialog #QuickViewDialog .cart_edit_v2 .size-chart-link a.showHide, #QuickViewDialog .cart_edit_v2 .size-chart-link .pt_checkout .billing-discounts .gift-cert-eu .balance a, .pt_checkout .billing-discounts .gift-cert-eu .balance #QuickViewDialog .cart_edit_v2 .size-chart-link a, #QuickViewDialog .cart_edit_v2 .size-chart-link .pt_checkout .billing-discounts .gift-cert-eu .coupon-error a, .pt_checkout .billing-discounts .gift-cert-eu .coupon-error #QuickViewDialog .cart_edit_v2 .size-chart-link a, #QuickViewDialog .cart_edit_v2 .size-chart-link .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status a, .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status #QuickViewDialog .cart_edit_v2 .size-chart-link a, #QuickViewDialog .cart_edit_v2 .size-chart-link .pt_checkout .billing-discounts .gift-cert-eu .redemption.giftcert a, .pt_checkout .billing-discounts .gift-cert-eu .redemption.giftcert #QuickViewDialog .cart_edit_v2 .size-chart-link a, #QuickViewDialog .cart_edit_v2 .size-chart-link .pt_order .actions a, .pt_order .actions #QuickViewDialog .cart_edit_v2 .size-chart-link a, #QuickViewDialog .cart_edit_v2 .size-chart-link .orderdetails .name a, .orderdetails .name #QuickViewDialog .cart_edit_v2 .size-chart-link a, #QuickViewDialog .cart_edit_v2 .size-chart-link .rma-main-header-links a, .rma-main-header-links #QuickViewDialog .cart_edit_v2 .size-chart-link a { color: #ef4923; } #QuickViewDialog .cart_edit_v2 .current-color-name { font-size: 14px; line-height: 15px; } #QuickViewDialog .cart_edit_v2 .product-variations > .size { margin-right: 0; width: 50%; } #QuickViewDialog .cart_edit_v2 .product-variations > .inventory { margin-right: 0; width: 50%; border-left: 0; } #QuickViewDialog .cart_edit_v2 .product-actions { text-align: left; } #QuickViewDialog .cart_edit_v2 .product-actions .wishlist-link { display: none; } #QuickViewDialog .cart_edit_v2 .alignright { float: right; } #QuickViewDialog .cart_edit_v2 .product-image-container { float: right; width: calc(100% - 420px); right: 0; } @media only screen and (max-width: 991px) { #QuickViewDialog .cart_edit_v2 .product-image-container { width: 450px; float: none; } } #QuickViewDialog .cart_edit_v2 .product-image-container .product-image-wrapper { height: 480px; } #QuickViewDialog .cart_edit_v2 .product-image-container .product-image-wrapper ul li { width: 480px; } #QuickViewDialog .cart_edit_v2 .product-image-container .product-image-wrapper ul li.selected { cursor: default; } @media only screen and (max-width: 991px) { #QuickViewDialog .cart_edit_v2 .product-image-container .product-image-wrapper ul li { width: 300px; height: 300px; } } #QuickViewDialog .cart_edit_v2 .product-image-container .product-image-wrapper ul li img { margin-top: 0; } #QuickViewDialog .cart_edit_v2 .product-color-swatches { display: block; top: 50px; padding-left: 15px; position: absolute; border-top: none; min-width: 100%; background-color: #ffffff; padding-top: 0; } #QuickViewDialog .cart_edit_v2 .product-color-swatches .swatches li { margin: 0 5px 15px 0; } #QuickViewDialog .cart_edit_v2 .attribute.color.select { display: none; } #QuickViewDialog .cart_edit_v2 .product-thumbnails { border-top: none; } #QuickViewDialog .cart_edit_v2 .edit-v2-mobile-name-block { display: none; } #QuickViewDialog .cart_edit_v2 .number-and-review .price-and-fit > div { margin: 0; } @media only screen and (max-width: 767px) and (orientation: landscape) { #QuickViewDialog .cart_edit_v2 .product-variations .swatches { left: 0; right: 0; width: 100%; } } #QuickViewDialog.cart_edit_v2 { background-color: white; overflow-y: hidden; } .product-detail__recomendation { margin: 0; padding: 0; } .recommendations-div { width: 100%; } .recommendations-div .recommendations-header { width: 100%; border-bottom: 1px solid #333333; } #edit-item-v2-recommendation { padding-top: 40px; padding-left: 44px; padding-right: 30px; } #edit-item-v2-recommendation .rec-container .strategy-header { text-align: left; font-size: 16px; font-weight: bold; } #edit-item-v2-recommendation .rec-products { text-align: left; margin: 0 auto; vertical-align: top; border-top: 1px solid #cccccc; margin-top: 3px; padding-top: 15px; } #edit-item-v2-recommendation .rec-products .rec-product { padding-left: 15px; padding-right: 15px; text-align: center; } @media only screen and (max-width: 991px) { h5.debug { background-color: #ddff22; } .edit-product-modal-header { background-color: #f0f0f0; height: 46px; margin-left: -10px; margin-right: -10px; position: relative; margin-top: -30px; } .edit-product-modal-header h2 { font-size: 24px; letter-spacing: 0.5px; padding-left: 60px; padding-top: 20px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .edit-product-modal-header .ui-dialog-titlebar-close { right: 20px; top: 20px; } .edit-product-modal-header .ui-icon-closethick { color: black; right: 25px; top: 20px; } .edit-product-modal-header h2 { padding-left: 22px; font-size: 16px; padding-top: 12px; } #QuickViewDialog .cart_edit_v2 { padding-top: 0px; padding-left: 0px; margin-left: -10px; margin-right: -10px; } #QuickViewDialog .cart_edit_v2 .product-image-container { float: none; overflow: hidden; } #QuickViewDialog .cart_edit_v2 .product-image-container .product-image-wrapper { height: 300px; } #QuickViewDialog .cart_edit_v2 .product-image-wrapper.image-slider ul { height: 300px; } #QuickViewDialog .cart_edit_v2 .edit-product-modal-header { height: 42px; } #QuickViewDialog .cart_edit_v2 .edit-product-modal-header h2 { padding-left: 20px; } #QuickViewDialog .cart_edit_v2 #product-content { background-color: #f0f0f0; } } @media only screen and (max-width: 991px) and (max-width: 991px) { #QuickViewDialog .cart_edit_v2 #product-content { width: 80%; margin: 0 auto; } } @media only screen and (max-width: 991px) and (max-width: 767px) { #QuickViewDialog .cart_edit_v2 #product-content { width: 95%; } } @media only screen and (max-width: 991px) { #QuickViewDialog .cart_edit_v2 .product-detail { width: 100%; padding-left: 0; margin-left: 0px; margin-right: 0px; padding-right: 0; padding-top: 15px; } #QuickViewDialog .cart_edit_v2 .edit-product-modal-header { height: 50px; } #QuickViewDialog .cart_edit_v2 .edit-v2-mobile-name-block { display: block; padding: 15px 5px; } #QuickViewDialog .cart_edit_v2 .edit-v2-mobile-name-block .edit-v2-mobile-name { font-size: 14px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; float: left; } #QuickViewDialog .cart_edit_v2 .edit-v2-mobile-name-block .edit-v2-mobile-price { float: right; font-size: 14px; } #QuickViewDialog .cart_edit_v2 .edit-v2-mobile-name-block .edit-v2-mobile-product-number { clear: both; font-size: 10px; color: #999999; } #QuickViewDialog .cart_edit_v2 .product-detail .product-id-number { display: none; } #QuickViewDialog .cart_edit_v2 .product-detail h1.product-name { display: none; } #QuickViewDialog .cart_edit_v2 .current-color-name { text-align: center; font-size: 12px; background-color: white; padding-bottom: 20px; } #QuickViewDialog .cart_edit_v2 .product-color-swatches { top: 0; } #QuickViewDialog .cart_edit_v2 .number-and-review { background-color: #f0f0f0; padding: 10px 15px 0px; margin-top: -21px; } #QuickViewDialog .cart_edit_v2 .product-thumbnails { display: block; padding-left: 15px; margin-top: 0; padding-top: 0; } #QuickViewDialog .cart_edit_v2 .product-variations { padding-left: 15px; padding-right: 15px; background-color: #f0f0f0; } #QuickViewDialog .cart_edit_v2 .product-variations .attribute .select-arrow { background-color: #f0f0f0; } } @media only screen and (max-width: 991px) and (max-width: 991px) { #QuickViewDialog .cart_edit_v2 .attribute.select.opened, #QuickViewDialog .cart_edit_v2 .attribute.select.opened .entypo-down-open-big, #QuickViewDialog .cart_edit_v2 .attribute.select.opened ul.category-and-sort > li > a .toggle-icon, ul.category-and-sort > li > a #QuickViewDialog .cart_edit_v2 .attribute.select.opened .toggle-icon { background-color: white; } } @media only screen and (max-width: 991px) { #QuickViewDialog .cart_edit_v2 .product-add-to-cart { padding-left: 15px; padding-right: 15px; } #QuickViewDialog .cart_edit_v2 .product-add-to-cart > div { border-top: none; } #QuickViewDialog .cart_edit_v2 .product-actions { padding-left: 15px; padding-right: 15px; padding-bottom: 20px; } #edit-item-v2-recommendation { padding-top: 0px; padding-left: 0px; padding-right: 0px; } #edit-item-v2-recommendation .rec-container .strategy-header { font-size: 18px; } #edit-item-v2-recommendation .rec-products { border-top: none; } } @media only screen and (max-width: 767px) { body div.quickViewDialog { overflow-x: hidden; } } .ui-dialog .ui-dialog-titlebar-close { top: 35px; } .ui-dialog .ui-dialog-content { overflow-y: initial; } .ui-dialog .ui-dialog-content .age-popup-wrapper { width: 90%; margin: 0 auto; font-family: "Avenir Next LT Pro Regular", Helvetica, Arial, sans-serif; color: #000000; font-size: 24px; } .ui-dialog .ui-dialog-content .age-popup-wrapper .age-popup-header img { width: 120.7%; position: relative; left: -10.5%; } @media only screen and (min-width: 768px) and (max-width: 1199px) { .ui-dialog .ui-dialog-content .age-popup-wrapper .age-popup-header img { width: 118%; left: -9%; } } @media only screen and (max-width: 767px) { .ui-dialog .ui-dialog-content .age-popup-wrapper .age-popup-header img { width: 119.4%; } } .ui-dialog .ui-dialog-content .age-popup-wrapper .invalid-age { display: none; } .ui-dialog .ui-dialog-content .age-popup-wrapper .age-popup-copy { margin: 30px auto; } .ui-dialog .ui-dialog-content .age-popup-wrapper .form-row { margin: 0; } .ui-dialog .ui-dialog-content .age-popup-wrapper .form-row.select { width: 33%; float: left; } .ui-dialog .ui-dialog-content .age-popup-wrapper .age-popup-add-to-cart { display: none; border-radius: 20px; background-color: #FFFFFF; border: 2px solid #000000; color: #000000; float: left; line-height: 4px; text-transform: capitalize; letter-spacing: normal; font-size: 14px; } .ui-dialog .ui-dialog-content .age-popup-wrapper .age-popup-add-to-cart.visible { display: inline-block; } .ui-dialog .ui-dialog-content .age-popup-wrapper .age-popup-check-label { font-weight: normal; font-size: 18px; margin: 10px 0 60px 0; } .ui-dialog .ui-dialog-content .age-popup-wrapper .age-popup-actions { height: 40px; } .ui-dialog .ui-dialog-content .age-popup-wrapper .age-popup-actions .age-popup-return { float: right; color: #666666; cursor: pointer; font-size: 18px; } #QuickViewDialog.cart_edit_v2 { font-family: "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; } #QuickViewDialog.cart_edit_v2 .attribute { font-size: 14px; } #QuickViewDialog.cart_edit_v2 .loader .loader-bg, #QuickViewDialog.cart_edit_v2 .loader .loader-indicator { display: none; } .ui-dialog .ui-icon-closethick:before { color: #000000; } #pdpMain .yotpo div, #pdpMain .yotpo span, #pdpMain .yotpo p, #pdpMain .yotpo a, #pdpMain .yotpo img, #pdpMain .yotpo i, #pdpMain .yotpo strong, #pdpMain .yotpo sup, #pdpMain .yotpo ul, #pdpMain .yotpo li, #pdpMain .yotpo form, #pdpMain .yotpo label, #pdpMain .yotpo input, #pdpMain .yotpo .y-input, #pdpMain .yotpo .text-box, #pdpMain .yotpo .yotpo-text-box { font-family: "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; } #pdpMain .yotpo-bottomline.star-clickable { margin-left: 15px; } @media only screen and (max-width: 767px) { #pdpMain .yotpo-bottomline.star-clickable { margin-left: 0; } } #pdpMain .yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active span { color: black !important; } #pdpMain .yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper { border-color: black !important; } #pdpMain .yotpo .yotpo-small-box.yotpo-nav { margin-bottom: 6px; } #pdpMain .yotpo .yotpo-nav-primary ul { margin-bottom: -25px; } @media only screen and (max-width: 767px) { #pdpMain .yotpo .yotpo-nav-primary ul { margin-bottom: -6px; position: absolute; float: none; bottom: 0; } } .yotpo-product-related-field-name.text-s { color: black; } #pdpMain .yotpo .yotpo-size-bars .yotpo-product-related-field-score-bar.yotpo-size-bar-empty { border: 1px solid black; } #pdpMain .yotpo .yotpo-tool-tip .tool-tip-content { color: black; } #pdpMain .yotpo .y-label, #pdpMain .yotpo label.y-label, #pdpMain .yotpo .yotpo-review .yotpo-main .content-title, #pdpMain .yotpo .yotpo-comment .yotpo-main .content-title, #pdpMain .yotpo .yotpo-question .yotpo-main .content-title, #pdpMain .yotpo .yotpo-onsite-upload .yotpo-main .content-title { color: black; } #pdpMain .yotpo .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-user-related-fields .yotpo-user-field .yotpo-user-field-description, #pdpMain .yotpo .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-user-related-fields .yotpo-user-field .yotpo-user-field-answer { color: black; } #pdpMain .yotpo .yotpo-review .yotpo-main .content-review, #pdpMain .yotpo .yotpo-comment .yotpo-main .content-review, #pdpMain .yotpo .yotpo-question .yotpo-main .content-review, #pdpMain .yotpo .yotpo-onsite-upload .yotpo-main .content-review { color: black; } #pdpMain .yotpo .yotpo-review .yotpo-main .yotpo-multiple-rating-fields .yotpo-open-question-fields .yotpo-question-field .yotpo-question-field-description, #pdpMain .yotpo .yotpo-review .yotpo-main .yotpo-multiple-rating-fields .yotpo-open-question-fields .yotpo-question-field .yotpo-question-field-answer { color: black; } #pdpMain .yotpo-icon.yotpo-icon-thumbs-down, #pdpMain .yotpo-icon.yotpo-icon-thumbs-up { color: black !important; } #pdpMain .yotpo i { color: black; } #pdpMain .yotpo .yotpo-pager .yotpo-page-element { color: black; } #pdpMain .yotpo .yotpo-pager .yotpo-page-element.yotpo-icon-left-arrow, #pdpMain .yotpo .yotpo-pager .yotpo-page-element.yotpo-icon-right-arrow { color: black !important; } #pdpMain .yotpo .yotpo-pager .yotpo-page-element.yotpo-icon-left-arrow.yotpo-disabled, #pdpMain .yotpo .yotpo-pager .yotpo-page-element.yotpo-icon-right-arrow.yotpo-disabled { color: #a2a2a2 !important; } #pdpMain .yotpo input, #pdpMain .yotpo .y-input, #pdpMain .yotpo .text-box, #pdpMain .yotpo .yotpo-text-box { color: black; } #pdpMain .yotpo-or { color: black; } #pdpMain .yotpo .yotpo-nav-dropdown label, #pdpMain .yotpo .yotpo-nav-dropdown .selected, #pdpMain .yotpo .yotpo-nav-dropdown .yotpo-icon { color: black; } #pdpMain .yotpo .yotpo-dropdown .list-category a { color: black !important; } @media only screen and (max-width: 767px) { #pdpMain .yotpo.yotpo-main-widget.yotpo-small .yotpo-main { overflow-x: hidden; } } #pdpMain .yotpo .font-color-gray { color: black; } .yotpo-eu-language-selector-wrapper { position: relative; } .yotpo-language-selector-anchor { position: absolute; left: 0; top: -100px; } .yotpo-language-selector-label { font-size: 18px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.05em; text-align: center; } .yotpo-language-selector { width: 300px; margin-left: auto; margin-right: auto; } html[lang=ja] .pdp-main .promotion .promotion-title { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .product-detail .product-name { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-weight: bold; } html[lang=ja] .product-detail .price-sales.show-standard { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .swatches li a { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .swatches .color-price span:first-child { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .product-variations .attribute .selected-value { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .product-variations > .inventory .swatches li { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .product-variations > .size .swatches { font-weight: bold; } html[lang=ja] .product-variations .attribute.select .swatches { font-weight: bold; } html[lang=ja] input[type="radio"]:disabled.pretty-radio + .pretty-radio-label { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] .product-short-desc { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .product-learn-more .product-details-header span { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .product-details-header h2, html[lang=ja] .product-details-header .h2-substitute { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .product-learn-more html[lang=ja] .product-details-header span { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .product-details-section html[lang=ja] .product-details-header h2, .product-details-section html[lang=ja] .product-details-header .h2-substitute { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .ch-lm-section-header { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .footprint-chronicles .header div .footprint-chronicles-description { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .footprint-chronicles .factory > span { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .size-chart-header { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .store-list-header .product-title { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .store-list-header .size .label { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .store-list-header .color .label { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .store-list-pdp-container .store-list-item .store-info .store-name { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .store-list-pdp-container .store-list-item .store-inventory .inventory { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .check-availability .title { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .check-availability .description { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] .check-availability a { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] .JP-availability-msg { padding-top: 15px; border-top: 1px solid #cccccc; margin-top: 15px; } html[lang=ja] .JP-availability-msg .title { font-size: 16px; margin-bottom: 15px; color: #666; } html[lang=ja] .JP-availability-msg .description { font-size: 12px; margin-bottom: 20px; color: #767676; } html[lang=ja] .JP-availability-msg a { font-size: 14px; } html[lang=ja] .JP-availability-msg a:hover, html[lang=ja] .JP-availability-msg a.error, html[lang=ja] .JP-availability-msg a.error-message, html[lang=ja] .JP-availability-msg a.error-message { color: #ef4923; } html[lang=ja] .ui-dialog .ui-dialog-content .age-popup-wrapper { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] #QuickViewDialog.cart_edit_v2 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; } html[lang=ja] .login-box input { font-weight: bold; } @media only screen and (min-width: 768px) { html[lang=ja] .login-box input[type="password"] { font-size: 20px; letter-spacing: -3.0px; } } html[lang=ja] .alternate-products .alt-product-count-3 { font-size: 10px; white-space: nowrap; } html[lang=ja] .alternate-products .alt-product-count-3.selected { font-weight: 600; } @media only screen and (max-width: 991px) { html[lang=ja] .alternate-products .alt-product-count-3 { font-size: 12px; } } html[lang=ja] .bisn-modal button { right: 5px; } html[lang=ja] .bisn-wrapper .addtoemaillist label { float: left; } html[lang=ja] .bisn-wrapper .addtoemaillist label span { width: 360px; } html[lang=ja] .bisn-wrapper input[type="checkbox"]:checked + label:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE4IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJmb3JtL2Ryb3Bkb3duL29wZW4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMC4wMDAwMDAsIC0xMi4wMDAwMDApIiBmaWxsPSIjMDAwMDAwIj4NCiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIj4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzgsMTMuOTY5ODExMyBMMjYuNDA3NTQ3MiwyNS40NzE2OTgxIEMyNi4zMTY5ODExLDI1LjU2MjI2NDIgMjYuMjI2NDE1MSwyNS41NjIyNjQyIDI2LjEzNTg0OTEsMjUuNDcxNjk4MSBMMjAuMDY3OTI0NSwxOS40MDM3NzM2IEMxOS45NzczNTg1LDE5LjMxMzIwNzUgMTkuOTc3MzU4NSwxOS4yMjI2NDE1IDIwLjA2NzkyNDUsMTkuMTMyMDc1NSBMMjEuNzg4Njc5MiwxNy40MTEzMjA4IEMyMS44NzkyNDUzLDE3LjMyMDc1NDcgMjEuOTY5ODExMywxNy4zMjA3NTQ3IDIyLjA2MDM3NzQsMTcuNDExMzIwOCBMMjYuMzE2OTgxMSwyMS43NTg0OTA2IEwzNi4wOTgxMTMyLDEyLjA2NzkyNDUgQzM2LjE4ODY3OTIsMTEuOTc3MzU4NSAzNi4yNzkyNDUzLDExLjk3NzM1ODUgMzYuMzY5ODExMywxMi4wNjc5MjQ1IEwzOCwxMy42OTgxMTMyIEMzOCwxMy43ODg2NzkyIDM4LDEzLjk2OTgxMTMgMzgsMTMuOTY5ODExMyBMMzgsMTMuOTY5ODExMyBaIiBpZD0iU2hhcGUiPjwvcGF0aD4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg=="); border: 1px solid #999999; background-size: contain; background-size: 67%; background-position: 50% 50%; } html[lang=ja] .bisn-wrapper .bisemailadditional { text-align: left; width: 360px; display: inline-block; } html[lang=ja] .bisn-wrapper .bisemailadditional a { text-decoration: underline; } html[lang=ja] .bisn-wrapper .bisemailadditional a:hover, html[lang=ja] .bisn-wrapper .bisemailadditional a:active, html[lang=ja] .bisn-wrapper .bisemailadditional a:focus { color: #ef4923; } .rec-container-carousel { margin: 0 -15px; } @media only screen and (min-width: 992px) { .rec-container-carousel { margin: 0 60px; } } .rec-container-carousel .strategy-header { font-size: 16px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; margin-bottom: 15px; margin-left: 30px; } @media only screen and (min-width: 992px) { .rec-container-carousel .strategy-header { margin-left: 0; } } @media only screen and (max-width: 991px) { .rec-container-carousel .slick-list { padding: 0 0 0 14%; } } @media only screen and (max-width: 767px) { .rec-container-carousel .slick-list { padding: 0 0 0 20%; } } .rec-container-carousel .recommendation-carousel .rec-product { padding: 0; } @media only screen and (min-width: 992px) { .rec-container-carousel .recommendation-carousel .rec-product { padding: 10px; } } .rec-container-carousel .recommendation-carousel .rec-product .product-tile { position: initial; background-color: transparent; max-width: initial; } .rec-container-carousel .recommendation-carousel .rec-product .product-tile .product-text { margin: 10px 5%; } .rec-container-carousel .recommendation-carousel .rec-product .product-tile .product-text::after { clear: both; display: block; content: ""; } .rec-container-carousel .recommendation-carousel .rec-product .product-tile .main-widget.yotpo-display-wrapper { display: none; } .rec-container-carousel .recommendation-carousel .rec-product .product-name { text-align: center; font-size: 16px; height: 47px; max-height: 47px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: block; display: -webkit-box; animation: cssRepaint 5000ms; /* Repaint needed so the ... shows up when you resize the page */ } @media only screen and (max-width: 767px) { .rec-container-carousel .recommendation-carousel .rec-product .product-name { text-align: left; } } .rec-container-carousel .recommendation-carousel .rec-product .product-price { padding: 10px 0px 8px; float: left; font-size: 13px; } .rec-container-carousel .recommendation-carousel .rec-product .product-price .price-standard { text-decoration: line-through; } @media only screen and (max-width: 767px) { .rec-container-carousel .recommendation-carousel .rec-product .product-price { float: none; } } .rec-container-carousel .recommendation-carousel .rec-product .yotpo .text-m { display: none; } .rec-container-carousel .recommendation-carousel .rec-product .yotpo .yotpo-bottomline.pull-left { text-align: left !important; } .rec-container-carousel .recommendation-carousel .rec-product .product-swatch-count { float: right; font-size: 13px; color: #807E7E; padding: 10px 0px 8px; } @media only screen and (max-width: 767px) { .rec-container-carousel .recommendation-carousel .rec-product .product-swatch-count { float: none; padding: 0; } } .rec-container-carousel .carousel-arrow { width: 44px; height: 44px; position: absolute; top: calc(50% - 22px); transform: translate(0, -50%); opacity: 0; transition: .5s opacity; z-index: 2; border-radius: 44px; cursor: pointer; } .rec-container-carousel .carousel-arrow-prev { left: 0; } @media only screen and (min-width: 992px) { .rec-container-carousel .carousel-arrow-prev { left: -38px; } } .rec-container-carousel .carousel-arrow-next { right: 0; } @media only screen and (min-width: 992px) { .rec-container-carousel .carousel-arrow-next { right: -38px; } } .rec-container-carousel .slick-disabled { visibility: hidden !important; } .rec-container-carousel .recommender-category-tile .recommender-category-link { text-align: center; width: 100%; margin-top: 40%; } .rec-container-carousel .recommender-category-tile .recommender-category-link a { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; border-bottom: solid 2px #000; padding-bottom: 5px; } .rec-container-carousel .recommender-category-tile .recommender-category-link a.new-window { display: none; } .no-touchevents .rec-container-carousel:hover .carousel-arrow { opacity: .8; } .touchevents .rec-container-carousel .carousel-arrow, .no-touchevents .rec-container-carousel .carousel-arrow:hover { opacity: 1; } .recommendations-product:hover .slick-next, .recommendations-product:hover .slick-prev { visibility: visible; } @keyframes cssRepaint { from { width: 99.999%; } to { width: 100%; } } .product-tech__row { margin-left: -15px; margin-right: -15px; } .product-tech__row:before, .product-tech__row:after { content: " "; display: table; } .product-tech__row:after { clear: both; } @media only screen and (max-width: 991px) { .product-tech__row { margin-left: 0; margin-right: 0; } } .product-tech__header { border-top: 1px solid #d6d6d6; margin: 55px 0 5px; text-align: center; background-color: #FFFFFF; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 768px) { .product-tech__header { margin: 115px 0 25px; } } .product-tech__header h2 { display: inline; position: relative; top: -0.7em; padding: 0 75px; white-space: pre-wrap; font-size: 36px; background-color: #FFFFFF; color: #000000; } @media only screen and (max-width: 767px) { .product-tech__header h2 { padding: 0 15px; font-size: 24px; } } .product-tech__desc--long { font-size: 20px; letter-spacing: -0.3px; line-height: 36px; } @media only screen and (max-width: 991px) { .product-tech__desc--long { text-align: center; } } .product-tech__desc--short { font-size: 16px; line-height: 2em; } @media only screen and (max-width: 991px) { .product-tech__desc--short { text-align: center; } } .product-tech__bullets { margin: 60px 0; padding: 0 20px; font-size: 16px; line-height: 1.9em; } @media only screen and (max-width: 991px) { .product-tech__bullets { margin: 30px 0; } } .product-tech__bullets li { margin: 20px 0; } @media only screen and (min-width: 992px) { .product-tech__detail { display: block; height: 100px; min-height: 100px; overflow: hidden; } } .product-tech__detail.in { height: auto; } .product-tech__detail.in + span > .product-tech__more-detail--fade { background-image: none; } .product-tech__materials h4 { margin: 20px 0; font-size: 16px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .product-tech__materials p { font-size: 16px; line-height: 2em; } .product-tech__more-detail { display: block; } @media only screen and (max-width: 991px) { .product-tech__more-detail { text-align: center; } } @media only screen and (min-width: 992px) { .product-tech__more-detail--fade { position: relative; height: 60px; margin-top: -60px; width: 100%; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFFFFFFF', GradientType=0); } } .product-tech__more-detail a { display: inline-block; margin-top: 60px; text-transform: uppercase; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 16px; letter-spacing: -0.24px; } @media only screen and (max-width: 991px) { .product-tech__more-detail a { margin-top: 30px; } } .product-tech__more-detail a span.less { display: none; } .product-tech__more-detail a span.less .entypo-down-open-big:before, .product-tech__more-detail ul.category-and-sort > li > a span.less .toggle-icon:before { transform: rotate(180deg); } .product-tech__more-detail a[aria-expanded="true"] span.more { display: none; } .product-tech__more-detail a[aria-expanded="true"] span.less { display: inline-block; } .product-tech__specs { font-size: 16px; letter-spacing: -0.24px; line-height: 24px; } @media only screen and (max-width: 991px) { .product-tech__specs { margin-top: 60px; } } .product-tech__specs .table th, .product-tech__specs .table td { padding: 10px 20px; border: none; } .product-tech__specs .table th { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .product-tech__specs .table-striped > tbody > tr:nth-of-type(odd) { background-color: #eeeeee; } .product-tech__special-message { padding-top: 50px; font-size: 16px; letter-spacing: -0.24px; line-height: 24px; } .product-tech__special-message h4 { margin: 20px 0; font-size: 16px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .product-tech__special-message p { font-size: 16px; } .bonus-product-list .bonus-product-item { border-bottom: 1px solid #e0e0e0; } @media screen and (max-width: 768px) { .bonus-product-list .bonus-product-item .product-col-1, .bonus-product-list .bonus-product-item .product-col-2 { float: left; clear: none; } } .bonus-product-list .product-add-to-cart { padding-bottom: 0; } .bonus-product-list .product-add-to-cart .inventory { width: auto; } .bonus-product-list .product-name { float: none; margin: 1em 0; } .bonus-product-list .quantity-error { color: red; text-transform: inherit; } .bonus-product-list .bonus-product-list-footer { padding-top: 1em; padding-bottom: 1em; } .bonus-product-list .bonus-product-list-footer .add-to-cart-bonus { float: right; } .bonus-product-list .selected-bonus-item { margin: 1em 0 1em 1em; position: relative; } .bonus-product-list .selected-bonus-item .item-name { font-weight: bold; } .bonus-product-list .selected-bonus-item .remove-link { cursor: pointer; color: #990000; left: -1em; position: absolute; } .bonus-product-list .selected-bonus-item .remove-link:hover { color: #4D4D4D; } .bonus-discount-container .promo-details { display: none; } .bonus-discount-container .promo-details.visible { display: block; } .js .ui-dialog-content .product-col-1 { padding: 13px 1%; width: 39%; } .js .ui-dialog-content .product-col-1 .product-image { max-width: 100%; } .js .ui-dialog-content .product-col-2 { padding: 20px 0; width: 58%; } .js .ui-dialog-content .pdp-main .product-set-list { height: 500px; overflow: auto; } .js .zoomPad { position: relative; float: left; z-index: 99; cursor: crosshair; width: 100%; } .js .zoomPreload { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); color: #333333; font-size: 12px; font-family: Arial, sans-serif; text-decoration: none; border: 1px solid #ccc; background-color: #FFFFFF; padding: 8px; text-align: center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index: 110; width: 90px; height: 43px; position: absolute; top: 0px; left: 0px; *width: 100px; *height: 49px; } .js .zoomPup { overflow: hidden; background-color: #FFFFFF; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); z-index: 120; position: absolute; border: 1px solid #ccc; z-index: 101; cursor: crosshair; } .js .zoomOverlay { position: absolute; left: 0px; top: 0px; background: #FFFFFF; z-index: 5000; width: 100%; height: 100%; display: none; z-index: 101; } .js .zoomWindow { position: absolute; left: 110%; top: 40px; background: #FFFFFF; z-index: 6000; height: auto; z-index: 10000; z-index: 110; } .js .zoomWrapper { position: relative; border: 1px solid #999; z-index: 110; } .js .zoomWrapperTitle { display: block; background: #999; color: #FFFFFF; height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size: 10px; position: absolute; top: 0px; left: 0px; z-index: 120; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); } .js .zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 110; } .js .zoomWrapperImage img { border: 0px; display: block; position: absolute; z-index: 101; } .js .zoomIframe { z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position: absolute; display: block; } .quickview-nav .quickview-next { float: right; } .rr-container { overflow: hidden; } .rr-container .strategy-header { text-align: center; font-size: 14px; margin-top: 0; } .rr-container .border-right { border-right: 1px solid #d6d6d6; } .rr-products { text-align: center; margin: 0 auto; vertical-align: top; } .rr-products .rr-product { display: inline-block; vertical-align: top; width: 185px; margin: auto; min-height: 155px; } .rr-products .rr-product .rr-info { font-size: 12px; margin-bottom: 5px; } .rr-products .rr-product .rr-info a { color: #000; font-weight: 700; } .rr-products .rr-product .rr-info:visited { color: #000; } @media (min-width: 992px) { .recommendations-product .border-right { border-right: 1px solid #d6d6d6; } } .rec-container { overflow: hidden; } .rec-container .strategy-header { text-align: center; font-size: 14px; margin-top: 0; } @media only screen and (max-width: 767px) { .rec-container.a2c { overflow: visible; } } .rec-container.a2c .strategy-header { text-align: left; font-size: 16px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 767px) { .rec-container.a2c .rec-panning-wrapper { overflow: hidden; margin: 0; } } .rec-container.a2c .rec-product { margin: 0; } @media only screen and (max-width: 767px) { .rec-container.a2c .rec-products { position: relative; left: 0; padding: 0; } } @media only screen and (min-width: 768px) { .rec-container.a2c .rec-products { display: flex; justify-content: space-between; margin: 0; overflow: visible; white-space: normal; } .rec-container.a2c .rec-products .rec-product { margin: 0; } } .rec-products { text-align: center; margin: 0 auto; vertical-align: top; } .rec-products .rec-product { display: inline-block; vertical-align: top; width: 185px; margin: auto; min-height: 155px; } .rec-products .rec-product .product-tile { position: relative; font-size: 12px; } .rec-products .rec-product .product-tile .product-text { margin-top: 0; } @media only screen and (max-width: 767px) { .rec-products .rec-product .product-tile .product-name { padding: 0 10px; } } .rec-products .rec-product .product-tile .product-name a { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: normal; } .rec-products .rec-product .product-tile .product-price .price-standard { text-decoration: line-through; } .rec-products .rec-product .product-tile .badge { top: 10px; right: 10px; } @media (min-width: 768px) { .recommendations-product { padding-top: 95px; } } @media (min-width: 992px) { .recommendations-product .product-details-column > div:nth-of-type(1) .col-md-6 { border-right: 1px solid #d6d6d6; } } .a2c-main { background-color: #EEE; border-bottom: 2px #DDD solid; border-top: 5px #ef4923 solid; } .a2c-center-content { max-width: 820px; margin: 0 auto; } .a2c-title { font-size: 24px; } .a2c-bold { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .a2c-container { display: flex; } .a2c-or { border-top: 1px solid #CCC; text-align: center; margin-top: 18px; } .a2c-or > span { position: relative; padding: 0 10px; top: -.7em; background-color: #FFF; } .a2c-col-1 { width: 100%; padding-right: 60px; } .a2c-col-2 { flex: 0 0 280px; } .a2c-cart-item { width: 100%; display: inline-block; background-color: #FFF; } .a2c-cart-item-wrapper { display: table; padding: 15px; } .a2c-cart-image { width: 150px; } .a2c-cart-item-info { display: table-cell; width: 100%; padding: 0 15px; } .a2c-main .mini-cart-link-checkout.mobile { border-top: 1px #CCC solid; text-align: center; padding: 10px; display: none; } .a2c-cart-item-info-price { margin: 15px 0; } .a2c-alt-payments { text-align: center; } .a2c-alt-payments .paypal-container-a2c { display: inline-block; } .a2c-alt-payments .apple-pay-container-a2c { display: inline-block; } .a2c-alt-payments .apple-pay-container-a2c .dw-apple-pay-button { height: 44px; } #cyk-button { font-size: 14px; text-align: center; background-color: #FFF; margin: 20px auto 0; width: 250px; display: block; padding: 10px; border: 1px #CCC solid; } #cyk-row .cyk-title { display: none; } #cyk-row .cyk-fixed-view-cart { display: none; position: fixed; bottom: 0; left: 0; right: 0; background-color: #EEE; /*border-top: 1px #CCC solid;*/ box-shadow: 0 -2px 10px -1px rgba(0, 0, 0, 0.2); padding: 10px 15px; z-index: 1020; } #slider { position: absolute; width: 100px; height: 100px; background: blue; transform: translateX(-100%); -webkit-transform: translateX(-100%); } .slide-in { animation: slide-in 0.5s forwards; -webkit-animation: slide-in 0.5s forwards; } .slide-out { animation: slide-out 0.5s forwards; -webkit-animation: slide-out 0.5s forwards; } @keyframes slide-in { 100% { transform: translateX(0%); } } @-webkit-keyframes slide-in { 100% { -webkit-transform: translateX(0%); } } @keyframes slide-out { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } @-webkit-keyframes slide-out { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(-100%); } } @media only screen and (max-width: 767px) { .breadcrumb { display: none !important; } .a2c-main { border-top: 1px #EEE solid; } .a2c-title { text-align: center; font-size: 21px; margin-top: 15px; } .a2c-col-1 { padding-right: 0; } .a2c-col-2 { position: fixed; bottom: 0; left: 0; width: 100vw; z-index: 1020; box-shadow: 0 -2px 10px -1px rgba(0, 0, 0, 0.2); } .a2c-cart-item-wrapper { padding: 10px; } .a2c-cart-image { width: 78px; } .a2c-main .mini-cart-link-checkout { display: none; } .a2c-main .mini-cart-link-checkout.mobile { display: block; } .a2c-cart-item-info-price { float: right; margin: 0; } #cyk-row { display: none; } .pt-added-to-cart + footer { margin-bottom: 220px; } #cyk-row.active { display: block; margin-bottom: 70px; } #cyk-row.position { position: absolute; top: 0; z-index: 1030; width: 100vw; background-color: #FFF; } #cyk-row.position.offscreen { transform: translateX(100%); } #cyk-row.position.onscreen { transform: translateX(0); } #cyk-row.active .cyk-title { display: block; } #cyk-row.active .cyk-fixed-view-cart { display: block; } } .slide-in { animation: slide-in 0.5s forwards; -webkit-animation: slide-in 0.5s forwards; } .slide-out { animation: slide-out 0.5s forwards; -webkit-animation: slide-out 0.5s forwards; } @keyframes slide-in { 100% { transform: translateX(0%); } } @-webkit-keyframes slide-in { 100% { -webkit-transform: translateX(0%); } } @keyframes slide-out { 0% { transform: translateX(0%); } 100% { transform: translateX(100%); } } @-webkit-keyframes slide-out { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(100%); } } /* BOPIUS/VISI overrides */ .ui-dialog.ui-dialog-bopuis { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); max-height: 90%; } .ui-dialog.ui-dialog-bopuis .ui-dialog-content { padding: 0; height: 100% !important; background-color: #FFFFFF; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #333333; font-size: 18px; overflow: hidden; } @media only screen and (max-width: 991px) { .ui-dialog.ui-dialog-bopuis .ui-dialog-content { overflow-y: scroll; } } .ui-dialog.ui-dialog-bopuis .ui-dialog-titlebar { position: absolute; top: 0; left: 0; width: 100%; } .ui-dialog.ui-dialog-bopuis .ui-dialog-titlebar-close { left: 15px; top: 16px; } @media only screen and (min-width: 768px) { .ui-dialog.ui-dialog-bopuis .ui-dialog-titlebar-close { left: auto; right: 10px; top: 10px; } } .product-pickup-unavailable { padding: 20px 0; font-size: 12px; line-height: 20px; border-bottom: solid 1px #cfcfcf; display: none; } .product-pickup-unavailable .product-pickup-today { color: #666; } .product-pickup-unavailable .set-preferred-store { color: #000; } .product-pickup-unavailable .set-preferred-store.disabled a { opacity: .6; } .product-pickup-unavailable .set-preferred-store.disabled a:hover, .product-pickup-unavailable .set-preferred-store.disabled a:focus, .product-pickup-unavailable .set-preferred-store.disabled a:active { color: #000; } .product-pickup-unavailable-shown .product-pickup-unavailable { display: block; } .product-pickup-instore.radio-group { padding: 25px 0; margin: 0; border-bottom: solid 1px #cfcfcf; } @media only screen and (min-width: 768px) { .product-pickup-instore.radio-group { padding: 5px 0; } .product-pickup-instore.radio-group .radio-group-item { margin: 20px 0; } } .product-pickup-instore.radio-group input + label { color: #9b9b9b; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-size: 14px; } .product-pickup-instore.radio-group input + label .availability-results { font-size: 12px; padding-top: 4px; } .product-pickup-instore.radio-group input + label .availability-results .pickup-in-store-location { color: #9b9b9b; } .product-pickup-instore.radio-group input + label .availability-results .set-preferred-store a { color: #000; text-decoration: underline; } .product-pickup-instore.radio-group input + label .availability-results .set-preferred-store.disabled a { opacity: .6; } .product-pickup-instore.radio-group input + label .availability-results .set-preferred-store.disabled a:hover, .product-pickup-instore.radio-group input + label .availability-results .set-preferred-store.disabled a:focus, .product-pickup-instore.radio-group input + label .availability-results .set-preferred-store.disabled a:active { color: #000; } .product-pickup-instore.radio-group input:checked + label { color: #333333; } .product-pickup-instore.radio-group input:checked + label .pickup-in-store-location { color: #333333; } .product-pickup-instore.radio-group input:disabled + label .pickup-in-store-location { display: none; } .bopuis-select-size { color: #9b9b9b; font-size: 12px; } .bopuis-select-size.disabled { color: #ef4923; } .bopuis-preferred-store-panel { font-size: 0; text-align: center; padding: 15px; color: #000000; padding-bottom: 0; } @media only screen and (min-width: 768px) { .bopuis-preferred-store-panel { padding: 20px 15px; } } .bopuis-preferred-store-panel + .no-results { text-align: center; font-size: 14px; line-height: 21px; padding: 0 0 30px; margin: 0 auto; max-width: 260px; letter-spacing: .02em; word-spacing: -0.1em; } @media only screen and (max-width: 767px) { .bopuis-preferred-store-panel + .no-results { padding-bottom: 80px; } } .bopuis-preferred-store-panel .bopuis-preferred-store-input { padding: 10px 0 0; } .bopuis-preferred-store-title { width: 100%; padding: 15px 40px 10px; font-size: 20px; line-height: 28px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 767px) { .bopuis-preferred-store-title { padding: 15px 0 10px; } } .bopuis-preferred-store-text { font-size: 14px; line-height: 21px; padding: 0; width: 60%; min-width: 95%; margin: 0 auto; visibility: hidden; height: 0; letter-spacing: .02em; word-spacing: -0.1em; } .bopuis-preferred-store-text.expanded { visibility: visible; height: auto; padding: 0 0 10px; } @media only screen and (min-width: 768px) { .bopuis-preferred-store-text { min-width: 300px; } } .bopuis-preferred-store-learnmore { padding: 0 30px 20px; font-size: 12px; text-decoration: underline; } .bopuis-preferred-store-learnmore a { color: #000000; } .store-list-title { font-size: 20px; text-align: center; line-height: 28px; padding-bottom: 20px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .visi-content-slot { font-size: 14px; } input[type="text"].bopuis-search { display: inline-block; font-size: 16px; margin-bottom: 0; vertical-align: top; height: auto; padding: 13px 19px; width: 100%; -webkit-transform: translate3d(0, 0, 0); } input[type="text"].bopuis-search ::-webkit-input-placeholder { color: #d6d6d6; } input[type="text"].bopuis-search ::-moz-placeholder { color: #d6d6d6; } input[type="text"].bopuis-search :-ms-input-placeholder { color: #d6d6d6; } input[type="text"].bopuis-search :-moz-placeholder { color: #d6d6d6; } @media only screen and (min-width: 768px) { input[type="text"].bopuis-search { width: 305px; } } .product-pickup-instore { display: none; } .product-pickup-instore-shown .product-pickup-instore { display: block; } .bopuis-postal-code { position: relative; width: auto; margin: 0 auto; } @media only screen and (min-width: 768px) { .bopuis-postal-code { width: 305px; } } .bopuis-postal-code .bopuis-search-button { display: inline-block; background-color: #FFFFFF; position: absolute; top: 2px; right: 1px; height: 46px; } .bopuis-postal-code .bopuis-search-button:hover { background-color: #FFFFFF; } @media only screen and (min-width: 768px) { .bopuis-postal-code .bopuis-search-button { padding: 3px 7px; } } .bopuis-postal-code .bopuis-search-button .glyphicon-search { font-size: 14px; color: #000000; } .bopuis-postal-code .bopuis-search-button .glyphicon-refresh { font-size: 14px; color: #000000; width: 14px; height: 14px; animation: spin 1s infinite linear; position: relative; left: -4px; display: inline-block; } .bopuis-stores-list, .dealers-list { list-style-type: none; padding: 5px 15px 20px; margin: 0; font-size: 0; height: 100%; } .bopuis-stores-list:before, .bopuis-stores-list:after, .dealers-list:before, .dealers-list:after { content: " "; display: table; } .bopuis-stores-list:after, .dealers-list:after { clear: both; } @media only screen and (min-width: 768px) { .bopuis-stores-list, .dealers-list { padding: 5px 15px; } } .bopuis-stores-list .pretty-radio-label, .dealers-list .pretty-radio-label { font-size: 0; padding-left: 20px; display: table; width: 100%; } .bopuis-stores-list .pretty-radio-label:before, .dealers-list .pretty-radio-label:before { margin: 0; top: 50%; left: 15px; transform: translateY(-50%); } @media only screen and (min-width: 768px) { .bopuis-stores-list .pretty-radio-label:before, .dealers-list .pretty-radio-label:before { left: 20px; } } .bopuis-stores-list li.no-results, .dealers-list li.no-results { color: #000; font-size: 15px; text-align: center; } .dealers-list { border-top: 0; } .dealers-list .store-list-title { padding-bottom: 0; } @media only screen and (max-width: 767px) { .dealers-list { padding-bottom: 0; } } .store-tile { margin: 10px 0; border: 1px solid #ececec; background-color: #FFFFFF; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18); } .store-tile.selected { border-color: #ccc; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2); } .store-tile .stores-list { margin: 0; } .store-tile .radio-group-item { clear: both; overflow: hidden; margin: 0; width: 100%; } .store-tile .radio-group-item:after { content: ""; width: 100%; height: 100%; background: white; position: absolute; top: 0; opacity: 0; transition: visibility 2s, opacity 2s ease; visibility: hidden; } .store-tile .radio-group-item.lazy-load:after { opacity: .65; visibility: visible; } .store-tile .pretty-radio { display: none; } .store-tile .pretty-radio + .pretty-radio-label { cursor: auto; padding: 0; } .store-tile .pretty-radio + .pretty-radio-label:before { display: none; } @media only screen and (max-width: 767px) { .store-tile:last-child { margin: 0; } } .dealer-tile { margin: 0; border-top: 1px solid #d9d9d9; } .dealer-tile .stores-list { margin: 0; } .store-list-container { position: relative; } .store-list-container.dealers { background-color: #f0f0f0; margin-top: 20px; padding-top: 20px; border-top: solid 1px #d9d9d9; } .stores-list-content, .dealer-list-content { position: relative; display: table-cell; font-size: 12px; padding: 10px 15px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; color: #666666; } @media only screen and (min-width: 768px) { .stores-list-content, .dealer-list-content { padding: 20px 20px 20px 0; } } .stores-list-content .stores-list-title, .dealer-list-content .stores-list-title { font-size: 14px; line-height: 24px; color: #000000; } @media only screen and (max-width: 767px) { .stores-list-content .stores-list-title, .dealer-list-content .stores-list-title { margin-right: 75px; } } @media only screen and (min-width: 768px) { .stores-list-content .stores-list-title, .dealer-list-content .stores-list-title { font-size: 16px; } } .stores-list-content .stores-list-reset-date, .dealer-list-content .stores-list-reset-date { position: absolute; top: 20px; text-align: right; right: 20px; } .stores-list-content .stores-list-address, .dealer-list-content .stores-list-address { line-height: 18px; } .stores-list-content .stores-list-address a, .dealer-list-content .stores-list-address a { color: #666; } .stores-list-content .stores-list-phone, .dealer-list-content .stores-list-phone { border-bottom: solid 1px #666; } @media only screen and (max-width: 767px) { .stores-list-content .stores-list-phone.mobile-show, .dealer-list-content .stores-list-phone.mobile-show { display: inline-block; margin-right: 75px; } } @media only screen and (min-width: 768px) { .stores-list-content .stores-list-phone.not-mobile-show, .dealer-list-content .stores-list-phone.not-mobile-show { display: inline-block; } } .stores-list-content .stores-list-link, .dealer-list-content .stores-list-link { margin-left: 10px; display: inline-block; position: relative; z-index: 10; } .stores-list-content .stores-list-link a, .dealer-list-content .stores-list-link a { color: #ef4923; } @media only screen and (max-width: 767px) { .stores-list-content .stores-list-link, .dealer-list-content .stores-list-link { margin-left: 0; display: block; } } .stores-list-content .stores-list-availability-message, .dealer-list-content .stores-list-availability-message { position: absolute; bottom: 15px; right: 15px; font-size: 12px; line-height: 24px; } @media only screen and (min-width: 768px) { .stores-list-content .stores-list-availability-message, .dealer-list-content .stores-list-availability-message { right: 20px; bottom: 20px; } } .stores-list-content .stores-list-availability-message.lowstock, .dealer-list-content .stores-list-availability-message.lowstock { color: #ef4923; font-family: "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; } .stores-list-content .stores-list-availability-message.instock, .dealer-list-content .stores-list-availability-message.instock { color: #000000; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .stores-list-content .stores-list-availability-message.outofstock, .dealer-list-content .stores-list-availability-message.outofstock { color: #807E7E; font-family: "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; } .stores-list-content .stores-list-distance, .dealer-list-content .stores-list-distance { font-size: 12px; line-height: 14px; color: #666; margin-top: 20px; } .stores-list-content .stores-list-cta, .dealer-list-content .stores-list-cta { position: absolute; top: 15px; right: 15px; font-size: 12px; line-height: 24px; } @media only screen and (min-width: 768px) { .stores-list-content .stores-list-cta, .dealer-list-content .stores-list-cta { right: 20px; top: 20px; } } .dealer-list-content { display: inherit; } .dealer-list-content .stores-list-availability-message { right: 0; max-width: 85px; text-align: right; } @media only screen and (min-width: 768px) { .dealer-list-content .stores-list-availability-message { max-width: auto; } } .dealer-list-content .stores-list-distance { right: 0; } .bopuis.stores-list-content { padding: 10px 15px; } @media only screen and (min-width: 768px) { .bopuis.stores-list-content { padding: 20px; } } .bopuis.stores-list-content .stores-list-cta { background-color: #ef4923; cursor: pointer; } .bopuis.stores-list-content .stores-list-cta a { color: #FFFFFF; } .visi-enhanced .stores-list-content { padding: 10px 15px; } @media only screen and (min-width: 768px) { .visi-enhanced .stores-list-content { padding: 20px; } } .visi-enhanced .bopuis-preferred-store-text { visibility: visible; height: auto; padding: 0 0 10px; } .visi-enhanced .pretty-radio { display: none; } .visi-enhanced .pretty-radio + .pretty-radio-label { cursor: auto; padding: 0; } .visi-enhanced .pretty-radio + .pretty-radio-label:before { display: none; } .visi-enhanced .stores-list-cta { background-color: #000000; cursor: pointer; } .visi-enhanced .stores-list-cta a { color: #FFFFFF; } @media only screen and (min-width: 768px) { .visi-enhanced .stores-list-cta { cursor: default; } } .stores-list-cta-drawer { display: none; } .bopuis-radius-details { padding-top: 20px; position: relative; } .bopuis-radius-details:after { clear: both; display: block; content: ""; } .bopuis-radius-details .bopuis-radius-inner { margin: 0 auto; } .bopuis-radius-results { font-size: 14px; display: inline-block; padding-right: 5px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } #user-radius { border: 0; padding: 0 16px 0 0; height: 19px; background: url(../images/select-down-black.jpg) no-repeat right center; background-size: 13px 6px; box-shadow: none; border-bottom: solid 1px #000000; display: inline-block; width: auto; font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; } .bopuis-radius-dropdown-arrow { font-size: 12px; margin-left: -15px; } .bopuis.stores-list-cta-drawer { display: block; width: 100%; padding: 20px; background-color: #FFFFFF; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); text-align: center; } @media only screen and (max-width: 767px) { .bopuis.stores-list-cta-drawer { padding: 40px 20px 80px; font-size: 14px; background-color: #f0f0f0; } } .stores-list-cta { border-radius: 25px; padding: 4px 15px; color: #FFFFFF; } .visi-try-again-message { font-size: 14px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; color: #ef4923; } .stores-list-update { position: absolute; right: 21px; } @media only screen and (max-width: 991px) { .ui-dialog.ui-dialog-bopuis { height: 100% !important; position: fixed; top: 0 !important; left: 10% !important; width: 90% !important; background-color: #FFFFFF; max-height: 100%; } .stores-list-reset-date span { display: block; } } @media only screen and (max-width: 767px) { .stores-list-update { position: static; } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* JP specific overrides */ html[lang=ja] .stores-list-cta { display: none; } html[lang=ja] .stores-list-content .stores-list-address a, html[lang=ja] .dealer-list-content .stores-list-address a, html[lang=ja] .stores-list-content, html[lang=ja] .dealer-list-content, html[lang=ja] .stores-list-content .stores-list-title a, html[lang=ja] .dealer-list-content .stores-list-title a, html[lang=ja] .stores-list-content .stores-list-phone, html[lang=ja] .dealer-list-content .stores-list-phone { color: black; } html[lang=ja] .store-tile .radio-group-item.lazy-load:after, html[lang=ja] .lazy-load:after { opacity: 1.0; visibility: visible; } /* Locally product availability overrides */ li.store-tile:last-of-type { margin-bottom: 0; } .lcly-primary-trigger { display: none; } #lcly-button-0 > #lcly-link-0 { display: none; } .lcly-dealers-wrap-outer .lcly-dealers-wrap { margin: 0; } .lcly-dealers-wrap-outer .lcly-dealer { width: 770px; height: 154px; margin: 5px 15px; padding: 20px; background-color: #FFFFFF; border: 1px solid #ececec; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18); } .lcly-dealers-wrap-outer .lcly-icon-marker { display: none; } .lcly-dealers-wrap-outer .lcly-dealer-name { font-size: 16px; line-height: 24px; color: #333333; font-weight: bold; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; margin: 0; } .lcly-dealers-wrap-outer .lcly-dealer-address { font-size: 12px; line-height: 18px; color: #666666; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-weight: bold; margin-bottom: 0; } .lcly-dealers-wrap-outer .lcly-dealer-phone { color: #666666; border-bottom: 1px solid #666666; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-weight: bold; display: inline-block; } .lcly-dealers-wrap-outer .lcly-dealer-phone a { color: #666666; } .lcly-dealers-wrap-outer .lcly-dealer-stock { position: absolute; right: 20px; bottom: 20px; font-size: 12px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; color: #807E7E; } .lcly-dealers-wrap-outer .lcly-dealer-w-stock .lcly-dealer-stock { color: #807E7E; } .lcly-dealers-wrap-outer .lcly-icon-check-mark { display: none; } .lcly-dealers-wrap-outer .lcly-dealer-distance { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; color: #666666; font-size: 12px; top: auto; bottom: 20px; right: auto; left: 20px; } .lcly-dealers-wrap-outer .thing { position: absolute; right: 20px; top: 20px; font-weight: bold; color: #ffffff; font-family: "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 24px; background-color: #000000; border-radius: 24px; line-height: 24px; padding: 4px 15px; } @media only screen and (max-width: 767px) { .lcly-dealers-wrap-outer .lcly-dealer { width: calc(100% - 30px); padding: 10px 15px; } .lcly-dealers-wrap-outer .lcly-dealer-name { font-size: 14px; } } .bisn-wrapper { text-align: center; max-width: 500px; margin: 0 auto; } .bisn-wrapper .addtoemaillist label span { vertical-align: top; line-height: 1.4; display: inline-block; } .bisn-wrapper .bisn-tile-container .product-tile { position: static; margin: 0 auto; } .bisn-wrapper .bisn-tile-container .product-tile .product-price { display: inline-block; text-align: right; padding-right: 5px; line-height: 1em; } .bisn-wrapper .bisn-tile-container .product-tile .product-price .price-standard { text-decoration: line-through; } .bisn-wrapper .bisn-tile-container .product-tile .product-id { display: inline-block; text-align: left; padding-left: 5px; border-left: 1px solid #333333; line-height: 1em; } .bisn-wrapper .bisn-recommendations-wrapper { margin-top: 50px; } @media screen and (max-width: 767px) { .bisn-wrapper .bisn-recommendations-wrapper .rec-container .rec-products { padding: 0; } } .bisn-wrapper .bisn-recommendations-wrapper .rec-products .rec-product { width: 175px; } .availability-web .jsBISNLink { text-decoration: underline; display: inline-block; margin-left: 10px; } @media only screen and (max-width: 767px) { .avs-dialog { width: calc(100% - 30px) !important; left: 15px !important; } } .avs-dialog .ui-dialog-titlebar { display: none; } @media only screen and (min-width: 768px) { .avs-dialog .ui-dialog-content { overflow: auto; } } .avs-dialog .header_prompt { margin-bottom: 15px; } .avs-dialog .header_prompt strong { font-size: 18px; } .avs-dialog .header_prompt ~ table { width: 100%; } .avs-dialog .picklist { max-height: 200px; overflow: scroll; } .avs-dialog table { margin: 0; } .avs-dialog td { padding: 8px 0; } .avs-dialog tr.pListClickable a { cursor: pointer; } .avs-dialog .enter_partial table, .avs-dialog .enter_partial tbody, .avs-dialog .enter_partial tr, .avs-dialog .enter_partial td, .avs-dialog .newAddress table, .avs-dialog .newAddress tbody, .avs-dialog .newAddress tr, .avs-dialog .newAddress td { display: block; } .avs-dialog .enter_partial td, .avs-dialog .newAddress td { width: 100%; padding-bottom: 0; padding-top: 5px; } .avs-dialog .enter_partial td:first-child, .avs-dialog .newAddress td:first-child { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .avs-dialog .enter_partial form[id$=addForm] { line-height: 1.6; } .avs-dialog .enter_partial form[id$=addForm] button { margin-top: 10px; } .avs-dialog .oldAddress td { padding: 5px 15px 5px 0; } .avs-dialog .oldAddress td:first-child { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .avs-dialog .prompt { font-size: 16px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .avs-dialog .newAddressText { margin-left: 10px; } .avs-dialog .inline-link, .avs-dialog .showHide { cursor: pointer; } .avs-dialog .multPickList label span { float: right; width: calc(100% - 43px); } .shopping-cart .primary-content { float: none; width: 100%; } .cart-guest-message { padding: 0 20px 10px; display: inline-block; background: #efefef; } @media only screen and (max-width: 767px) { .cart-guest-message { text-align: center; } } .cart-guest-message h2 { margin-bottom: 0; font-size: 24px; } @media only screen and (max-width: 767px) { .cart-guest-message h2 { font-size: 18px; } } .cart-guest-message p { font-size: 14px; } .cart-guest-message a { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .cart-guest-message a:hover { text-decoration: underline; color: #ef4923; } .cart-actions-top { float: right; margin-top: 20px; padding-bottom: 14px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .cart-actions-top { margin-top: 40px; } } @media only screen and (max-width: 767px) { .cart-actions-top { float: none; margin-top: 14px; } } #cart-table thead { display: none; } @media only screen and (min-width: 768px) { #cart-table thead { display: table-header-group; } } #cart-table thead th.section-header p { margin: 0; } #cart-table thead th.section-header:first-child { padding-left: 175px; } @media only screen and (min-width: 768px) and (max-width: 991px) { #cart-table thead th.section-header:first-child { padding-left: 135px; } } #cart-table td { box-sizing: border-box; padding: 5px; } @media only screen and (max-width: 767px) { #cart-table td { display: block; } } #cart-table .header-total-price { text-align: right; } #cart-table .item-price { display: none; } @media only screen and (min-width: 1200px) { #cart-table .item-price { display: block; } } #cart-table tr.cart-row { vertical-align: top; } #cart-table tr.cart-row .item-image { float: left; } @media only screen and (max-width: 767px) { #cart-table tr.cart-row .item-image { width: 100%; float: none; } } #cart-table tr.cart-row .item-image img { width: 160px; } @media only screen and (min-width: 768px) and (max-width: 991px) { #cart-table tr.cart-row .item-image img { width: 120px; } } @media only screen and (max-width: 767px) { #cart-table tr.cart-row .item-image img { width: 240px; margin: 0 auto; display: block; } } #cart-table tr.cart-row .item-details .item-image { padding: 5px; } #cart-table tr.cart-row .item-details > div { padding-right: 5%; float: left; } #cart-table tr.cart-row .item-details > div:not(:first-child) { min-width: 50%; } @media only screen and (max-width: 767px) { #cart-table tr.cart-row .item-details { width: 90%; margin: auto; text-align: center; border-bottom: 1px solid #efefef; padding: 0; } #cart-table tr.cart-row .item-details > div { padding: 0; width: 100%; } #cart-table tr.cart-row .item-details .attribute { display: inline-block; width: auto; margin-right: 15px; } } #cart-table tr.cart-row .item-details a { color: #ef4923; } #cart-table tr.cart-row .item-details a:hover { color: #000000; } #cart-table tr.cart-row .item-details .name { font-size: 16px; } #cart-table tr.cart-row .item-details .name a { color: #000000; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } #cart-table tr.cart-row .item-details .name a:hover { color: #ef4923; } #cart-table tr.cart-row .item-details .gc-item-edit-details, #cart-table tr.cart-row .item-details .item-edit-details { margin: 16px 0; } #cart-table tr.cart-row .item-details .gc-item-edit-details a, #cart-table tr.cart-row .item-details .item-edit-details a { font-size: 12px; color: #000000; text-decoration: underline; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } #cart-table tr.cart-row .item-details .gc-item-edit-details a:hover, #cart-table tr.cart-row .item-details .item-edit-details a:hover { color: #ef4923; } #cart-table tr.cart-row .item-details .value { font-weight: bold; } #cart-table tr.cart-row .item-quantity-details { text-align: left; width: 30%; } @media only screen and (max-width: 767px) { #cart-table tr.cart-row .item-quantity-details { width: 100%; text-align: center; } } #cart-table tr.cart-row .item-quantity-details ul.product-availability-list { margin: 0; padding: 0; } #cart-table tr.cart-row .item-quantity-details ul.product-availability-list li { list-style: none outside none; } #cart-table tr.cart-row .item-quantity-details ul.product-availability-list .on-order, #cart-table tr.cart-row .item-quantity-details ul.product-availability-list .not-available { padding: 0 0 10px; color: #999999; font-size: 0.9em; } @media only screen and (max-width: 767px) { #cart-table tr.cart-row .item-quantity-details ul.product-availability-list { display: inline-block; margin: 0 15px 0 0; } } @media only screen and (max-width: 767px) { #cart-table tr.cart-row .item-quantity-details .item-user-actions { display: inline-block; } } #cart-table tr.cart-row .item-quantity-details .item-user-actions a, #cart-table tr.cart-row .item-quantity-details .item-user-actions button { background: transparent; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; margin: .3rem 0; text-align: left; padding: 0; text-transform: capitalize; width: 100%; } #cart-table tr.cart-row .item-quantity-details .item-user-actions a:hover, #cart-table tr.cart-row .item-quantity-details .item-user-actions button:hover { color: #ef4923; } @media only screen and (max-width: 767px) { #cart-table tr.cart-row .item-quantity-details .item-user-actions a, #cart-table tr.cart-row .item-quantity-details .item-user-actions button { width: auto; margin: 0 15px 0 0; } } .patagonia-eu #cart-table tr.cart-row .item-quantity-details .item-user-actions a, .patagonia-eu #cart-table tr.cart-row .item-quantity-details .item-user-actions button { text-transform: none; } #cart-table tr.cart-row .price-promotion .price-sales { color: #999999; } #cart-table tr.cart-row .price-promotion .price-standard { margin: 0 1em 0 0; text-decoration: line-through; } #cart-table tr.cart-row .item-quantity { text-align: center; } @media only screen and (max-width: 767px) { #cart-table tr.cart-row .item-quantity { width: 100%; } } #cart-table tr.cart-row .item-quantity select.quantity-dropdown { padding: 8px; width: 48px; background: url("../images/chevron-down.png") no-repeat; background-size: 12px 12px; background-position: 24px; } #cart-table tr.cart-row .item-quantity select.quantity-dropdown option:hover, #cart-table tr.cart-row .item-quantity select.quantity-dropdown option:focus, #cart-table tr.cart-row .item-quantity select.quantity-dropdown option:active { background: #ef4923; border: 1px solid #cccccc; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); } #cart-table tr.cart-row .item-quantity select.quantity-dropdown option[selected] { background-image: url("../images/check.png"); background-size: 12px 12px; background-position: 50px; } @media only screen and (max-width: 767px) { #cart-table tr.cart-row .item-quantity select.quantity-dropdown { margin: 0 auto; } } #cart-table tr.cart-row .item-total { font-size: 14px; word-wrap: break-word; text-align: center; } @media only screen and (min-width: 768px) { #cart-table tr.cart-row .item-total { text-align: right; font-size: 1em; } } #cart-table tr.cart-row .item-total .promo-adjustment { color: #ef4923; display: none; } #cart-table tr.cart-row .item-total .price-total { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } #cart-table .price-unadjusted { display: block; margin: 0 0 .42em; } #cart-table .price-unadjusted span { text-decoration: line-through; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; margin: 0 0 0 5px; } #cart-table .price-adjusted-total { display: block; margin: .42em 0 0; } #cart-table .price-adjusted-total span { color: #ef4923; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; margin: 0 0 0 5px; } #cart-table .gift-cert-delivery { color: #999999; } #cart-table .rowgiftcert .item-details .value { font-weight: normal; } .cart-promo { background: url("../images/interface/ui-promo-bg-gray-diag.png") repeat scroll 0 0 transparent; color: #333333; font-style: italic; margin: 0.3em 0; padding: 1em; } .cart-promo .bonus-item-actions { font-size: 1em !important; text-align: right; vertical-align: middle; } .cart-footer { margin: 1% 0; } .cart-coupon-code input { float: left; margin: 5px 0; } @media only screen and (min-width: 768px) { .cart-coupon-code input { width: 35%; max-width: 285px; } } @media only screen and (max-width: 767px) { .cart-coupon-code input { width: 65%; margin: 5px 0 0 0; padding: 6px 10px; float: left; } .cart-coupon-code input.not-mobile-show { display: none; } } .cart-coupon-code .error, .cart-coupon-code .error-message { clear: both; margin-left: 1px; padding-top: 0.4em; } .cart-coupon-code button { float: left; height: 42px; padding: 0 19px; line-height: 42px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; background-color: #999999; margin: 5px 0; } .cart-coupon-code button:hover { background-color: #666666; } @media only screen and (max-width: 767px) { .cart-coupon-code button { margin-right: 5px; } } .cart-coupon-code button#update-cart { float: right; font-size: 16px; color: #666666; text-decoration: underline; text-transform: capitalize; letter-spacing: 1px; background: none; } .patagonia-eu .cart-coupon-code button#update-cart { text-transform: none; } .cart-coupon-code button#update-cart:hover { color: #999999; } @media only screen and (max-width: 767px) { .cart-coupon-code button#update-cart { margin: 10px 0; width: 100%; } } @media only screen and (max-width: 767px) { .cart-coupon-code button#add-coupon { float: right; width: 35%; margin: 5px 0 0 0; } } @media only screen and (max-width: 767px) { .cart-coupon-code { border-bottom: 1px solid #efefef; } .cart-coupon-code .not-mobile { display: none; } } .cart-order-totals { margin: 1rem 0; } @media only screen and (min-width: 768px) { .cart-order-totals { float: right; margin-top: 0; width: 40%; } } @media only screen and (max-width: 767px) { .cart-order-totals td { width: 50%; } } .order-totals-table td { padding: .3rem; text-align: right; } .order-totals-table .order-totals-item { width: 60%; } .order-totals-table .order-totals-value { width: 40%; } .order-totals-table .order-subtotal { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .order-totals-table .order-total { font-size: 1rem; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .order-totals-table .order-total td { font-size: 16px; } .order-value { white-space: nowrap; } .cart-actions { float: right; } @media only screen and (max-width: 767px) { .cart-actions { float: none; } } .cart-action-checkout { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .cart-action-checkout > span { float: left; margin: 20px 0 0 -30px; } .cart-action-checkout > a { margin: 15px 0; display: block; } .cart-action-checkout > a > img { display: block; margin: 0 auto; } @media only screen and (max-width: 767px) { .cart-action-checkout button { width: 100%; } } .cart-empty { margin-top: 4rem; } .cart-empty h1 { text-align: center; } .cart-empty .cart-action-continue-shopping { float: none; text-align: center; margin-bottom: 4rem; } .cart-empty .product-listing { background-color: #efefef; padding: 1rem 0; } .cart-empty .product-listing .search-result-items { margin-top: 1em; } .account-welcome .welcome-message { font-size: 1.2em; font-style: italic; } .account-welcome .not-user { margin: .83em 0; } #password-reset { white-space: nowrap; } .cart-items-form { margin: 15px auto 0; width: 100%; } .cart-items-form .item-list { width: 100%; } .cart-items-form .item-list th { padding: 12px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; } .cart-items-form .item-list tr { border-bottom: 1px solid #efefef; } .cart-action-continue-shopping { float: left; } .shopping-cart .error-form { margin: 0 auto; padding: 20px 0 0; max-width: 960px; width: 100%; } .order-totals-table { width: 100%; } .cart-recommendations .product-listing { padding: 2rem 0; } .cart-recommendations .product-listing h2 { color: #ef4923; font-size: 28px; line-height: 28px; margin: 10px 0; padding: 0.1rem 15px; text-align: left; } .cart-recommendations .search-result-items .grid-tile .product-tile { margin: 0 auto; position: relative; } .pt_cart #main { font-size: 14px; } .pt_cart h1, .pt_cart h2 { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .pt_cart h1 { font-size: 30px; margin-top: 60px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_cart h1 { float: left; margin-top: 42px; } .pt_cart h1 + h3 { clear: both; } } @media only screen and (max-width: 767px) { .pt_cart h1 { text-align: center; margin-top: 30px; } } .apple-pay-container-cart .dw-apple-pay-button { display: inline-block; width: 100%; } .merged-cart-messaging { font-size: 24px; color: #ef4923; } @media only screen and (max-width: 991px) { .merged-cart-messaging { float: left; clear: left; font-size: 16px; } } @media only screen and (max-width: 767px) { .merged-cart-messaging { float: none; text-align: center; } } /* START new cart */ #main.new-cart { width: 100%; padding: 0; min-height: 100vh; background-color: #f0f0f0; } #main.new-cart ~ footer { display: none; } #main.new-cart ~ footer #fitzroy { margin: 0 -15px; background-color: #f0f0f0; } .new-view-cart-categories::after { display: block; content: ""; clear: both; } .new-cart-continue-shopping { position: relative; color: #ef4923; padding: 0 0 0 10px; margin: 15px 0 0 35px; font-size: 12px; display: block; line-height: 1; } .new-cart-continue-shopping-arrow { position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 10px; height: 6px; } .new-cart-top { max-width: 1160px; margin: 0 auto; padding: 0 10px; } .new-cart-basket-errors { padding: 10px 20px 25px; max-width: 860px; color: #ef4923; margin: 0 auto; } .new-cart-empty-shopping-cart-messaging { display: none; background-color: #FFFFFF; padding: 25px 20px; } .new-cart-empty-shopping-cart-messaging a { color: #ef4923; } .new-cart-container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; } .new-cart-summary-container { flex: 0 0 320px; padding-top: 25px; position: relative; } @media screen and (max-width: 880px) { .new-cart-summary-container { flex: 0 0 220px; } } .new-cart-summary-cart-wrapper { position: sticky; top: 95px; } .new-cart-summary-content { background: #FFFFFF; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); border-radius: 2px; position: relative; } .new-cart-top.empty-cart h2 { font-size: 24px; } .new-cart-summary-content.empty-cart-summary-content { display: none; } .chat-and-contact-buttons { position: relative; height: 80px; padding-top: 25px; margin-left: 14px; text-align: center; } .chat-and-contact-buttons .chat-and-contact-button { border: 1px solid #cccccc; padding: 10px; margin-right: 10px; width: 141px; float: left; } .chat-and-contact-buttons .chat-and-contact-button .glyphicon, .chat-and-contact-buttons .chat-and-contact-button .photo-caption-icon, .chat-and-contact-buttons .chat-and-contact-button .photo-icon { padding-right: 10px; } @media screen and (max-width: 880px) { .chat-and-contact-buttons { height: auto; } .chat-and-contact-buttons .chat-and-contact-button { float: none; width: 190px; display: inline-block; margin-bottom: 10px; } } .chat-and-contact-buttons.no-chat .btn-empty-cart-chat { display: none; } .chat-and-contact-buttons.no-chat .btn-empty-cart-contact { width: 290px; } .empty-cart-sidebar-text { padding: 15px; } .new-cart-summary-slot-top { position: absolute; top: 0; left: 0; right: 0; text-align: center; font-size: 10px; color: #666666; font-style: italic; } .new-cart-summary-slot-bottom { display: block; } .new-cart-summary-slot-bottom-mobile { display: none; } .new-cart-summary-header { border-bottom: solid 1px #cccccc; padding: 15px 15px 12px; position: relative; } .new-cart .new-cart-summary-header-title { margin: 0; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #333333; line-height: 1; font-size: 18px; } .new-cart-summary-header-count { position: absolute; right: 15px; top: 50%; transform: translate(0, -50%); color: #999999; font-size: 14px; } .new-cart-summary-details { padding: 20px 15px 0; color: #333333; } .new-cart-summary-details-mobile { display: none; } .new-cart-summary-details-detail { margin: 5px 0 0; } .new-cart-summary-details-detail:first-child { margin-top: 0; } .new-cart-summary-details-discount { color: #ef4923; } .new-cart-summary-details-label { float: left; font-size: 12px; } .new-cart-summary-details-value { float: right; font-size: 12px; } .new-cart-summary-details-separator { height: 1px; background-color: #cccccc; margin: 15px 0; } .new-cart-summary-total { padding: 0 15px 10px; } .new-cart-summary-promo-code-container { padding: 20px 15px; } .new-cart-summary-promo-code-container-prompt, .new-cart-summary-guarantee { font-size: 12px; color: #000000; text-decoration: underline; cursor: pointer; } .new-cart-summary-promo-code-container-prompt:hover, .new-cart-summary-guarantee:hover { color: #ef4923; } .new-cart-summary-promo-code-entry-submit { float: right; padding: 13px; color: #FFFFFF; background-color: #333333; border-radius: 0 2px 2px 0; cursor: pointer; } .new-cart-summary-promo-code-entry-input-container { overflow: hidden; border: solid 1px #333333; border-radius: 2px 0 0 2px; } .new-cart-promo-code-error .new-cart-summary-promo-code-entry-input-container { border-color: #E54B4B; } .new-cart-summary-promo-code-entry-input { width: 100%; border: 0; height: 100%; padding: 13px 5px 13px 12px; } .new-cart-promo-code-error-message { color: #E54B4B; text-transform: uppercase; size: 10px; display: none; } .new-cart-promo-code-error .new-cart-promo-code-error-message { display: block; } .new-cart-summary-checkout-btn-container { padding: 0 15px; margin: 0 0 10px; } .new-cart-summary-checkout-btn-total-mobile { display: none; } .new-cart-summary-checkout-btn { border-radius: 2px; text-transform: none; width: 100%; cursor: pointer; font-size: 16px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.32px; background-color: #ef4923; border: solid 2px #ef4923; } .new-cart-summary-checkout-btn:hover { background-color: #f3775a; } .new-cart-summary-payment-divider-container { padding: 0 15px; } .new-cart-summary-payment-divider-content { overflow: hidden; } .new-cart-summary-payment-divider { position: relative; display: table; margin: 0 auto 10px; padding: 0 10px; } .new-cart-summary-payment-divider:after, .new-cart-summary-payment-divider:before { content: ' '; position: absolute; top: 50%; transform: translate(0, -50%); height: 1px; width: 3000%; background-color: #cccccc; } .new-cart-summary-payment-divider:after { left: 100%; } .new-cart-summary-payment-divider:before { right: 100%; } .new-cart-summary-payment-types { padding: 0 15px 20px; text-align: center; } .new-cart-checkout-disabled .new-cart-summary-checkout-btn { border-color: #666666; background-color: #666666; color: #FFFFFF; cursor: not-allowed; } .new-cart-checkout-disabled .new-cart-summary-checkout-btn:hover { border-color: #666666; background-color: #666666; color: #FFFFFF; cursor: not-allowed; } .new-cart-checkout-disabled .new-cart-summary-payment-types, .new-cart-checkout-disabled .new-cart-summary-payment-divider-container { display: none; } .new-cart-summary-total-label { float: left; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #333333; font-size: 14px; } .new-cart-summary-total-value { float: right; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #333333; font-size: 14px; } .new-cart-shopping-cart { overflow: hidden; padding: 0 30px 0 0; flex: 0 1 auto; } .new-cart-shopping-cart-column-item, .new-cart-shopping-cart-column-delivery, .new-cart-shopping-cart-column-quantity, .new-cart-shopping-cart-column-price { flex-grow: 1; } .new-cart-shopping-cart-column-delivery { flex-grow: 0; position: relative; flex: 0 0 22%; } @media only screen and (max-width: 767px) { .new-cart-shopping-cart-column-delivery { flex-basis: 100%; font-size: 0; padding: 20px 15px; } .new-cart-shopping-cart-column-delivery .home-delivery { display: inline-block; width: 50%; } .new-cart-shopping-cart-column-delivery .home-delivery .radio-group-item { width: 100%; } .new-cart-shopping-cart-column-delivery input:not(:checked) + .pretty-radio-label { color: #999999; } } .new-cart-shopping-cart-column-quantity { flex-grow: 0; position: relative; flex: 0 0 17%; } .new-cart-shopping-cart-column-price { flex: 0 0 18%; flex-grow: 0; } .new-cart-shopping-cart-column-header { margin: 0; font-size: 10px; color: #666666; letter-spacing: 1px; } .new-cart-shopping-cart-products { position: relative; padding: 25px 0 0 0; } .new-cart-shopping-cart-product { padding: 15px 0 10px; background-color: #FFFFFF; border-radius: 2px; margin-bottom: 20px; position: relative; } .new-cart-shopping-cart-product-body { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; } @media only screen and (max-width: 767px) { .new-cart-shopping-cart-product-body { flex-wrap: wrap; } } .new-cart-shopping-cart-column-item { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; } @media only screen and (max-width: 767px) { .new-cart-shopping-cart-column-item { flex-basis: 100%; } } .new-cart-shopping-cart-column-item-image { width: 130px; height: 130px; margin-left: 15px; } .new-cart-shopping-cart-column-item-details-container { flex-grow: 1; padding: 0 10px 0 20px; position: relative; } .new-cart-shopping-cart-column-item-details-pid { font-size: 10px; color: #999999; margin-bottom: 5px; } .new-cart-shopping-cart-column-item-details-name { font-size: 14px; color: #000000; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.28; } .new-cart-shopping-cart-column-item-details-color { font-size: 10px; color: #666666; } .new-cart-shopping-cart-column-item-details-size { font-size: 12px; color: #000000; margin-top: 5px; } .new-cart-shopping-cart-column-delivery-title { font-size: 10px; color: #999999; margin-bottom: 5px; text-transform: uppercase; } .new-cart-line-item-error-quantity { font-size: 10px; padding: 10px 0 0 0; } .new-cart-line-item-error-quantity-message { font-size: 10px; padding: 0 0 30px; } .new-cart-shopping-cart-column-item-details-edit { position: absolute; bottom: 0; color: #666666; font-size: 12px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; cursor: pointer; } .new-cart-shopping-cart-column-quantity-content { position: relative; display: table; margin-top: 18px; } .new-cart-shopping-cart-column-quantity-total { position: absolute; bottom: 0; font-size: 14px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #000000; } .new-cart-shopping-cart-column-quantity input.new-cart-shopping-cart-column-quantity-input { width: 20px; height: 20px; text-align: center; padding: 0; margin: 0 20px; display: inline-block; } .new-cart-shopping-cart-quantity-control { width: 40px; position: absolute; top: 50%; transform: translate(0, -50%); padding: 15px 15px; } .new-cart-shopping-cart-quantity-control svg { width: 100%; height: 100%; } .new-cart-shopping-cart-quantity-control-active { cursor: pointer; } .new-cart-shopping-cart-quantity-control-active svg { fill: #000000; display: block; } .new-cart-shopping-cart-quantity-control-inactive { cursor: default; } .new-cart-shopping-cart-quantity-control-inactive svg { fill: #cccccc; display: block; } .new-cart-shopping-cart-quantity-increment { right: -15px; } .new-cart-shopping-cart-quantity-decrement { left: -15px; } .new-cart-shopping-cart-column-quantity-total-inactive { display: none; } .new-cart-shopping-cart-column-price-detail { position: relative; } .new-cart-shopping-cart-column-price-content { margin-top: 20px; } .new-cart-shopping-cart-strike-price-high { text-decoration: line-through; } .new-cart-shopping-cart-strike-price-low { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .new-cart-shopping-cart-column-price-total { position: absolute; bottom: 0; font-size: 14px; color: #000000; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .new-cart-shopping-cart-column-price-total-inactive { display: none; } .new-cart-item-promo-applied { display: inline-block; font-size: 10px; line-height: 10px; } .new-cart-shopping-cart-product-footer { padding: 0 15px; width: 100%; margin-top: 10px; } .new-cart-shopping-cart-product-footer-content { border-top: 1px solid #cccccc; padding: 10px 0 0; } .new-cart-shopping-cart-product-footer-side:first-child { float: left; } .new-cart-shopping-cart-product-footer-side:last-child { float: right; } .new-cart-shopping-cart-product-footer-status { line-height: 1; } .new-cart-shopping-cart-line-item-status-message { color: #666666; font-size: 12px; } .new-cart-shopping-cart-line-item-status-message-emph { color: #000000; font-size: 12px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.6px; text-transform: uppercase; } .new-cart-shopping-cart-line-item-status-date { color: #000000; font-size: 12px; letter-spacing: 0.24px; text-transform: uppercase; } .new-cart-shopping-cart-atw-container { position: relative; padding: 0 0 0 20px; font-size: 12px; color: #000000; line-height: 1; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: .24px; cursor: pointer; } .new-cart-shopping-cart-atw-container.new-cart-shopping-cart-atw-image-active { cursor: default; } .new-cart-shopping-cart-atw-image-hollow, .new-cart-shopping-cart-atw-image-full { width: 12px; fill: #000000; position: absolute; top: 50%; transform: translate(0, -50%); left: 0; } .new-cart-shopping-cart-atw-image-full { opacity: 0; } .new-cart-shopping-cart-atw-image-active .new-cart-shopping-cart-atw-image-full { opacity: 1; transition: opacity 0.5s ease; } .new-cart-shopping-cart-product-remove { position: absolute; top: 5px; right: 5px; cursor: pointer; color: #999999; width: 34px; padding: 10px; height: 34px; } .new-cart-shopping-cart-out-of-stock .new-cart-shopping-cart-product-remove { z-index: 40; fill: #FFFFFF; } .new-cart-shopping-cart-product-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); display: none; } .new-cart-shopping-cart-product-overlay-active { display: block; } .new-cart-shopping-cart-product-overlay-content { top: 50%; left: 0; bottom: 0; right: 0; transform: translate(0, -50%); margin: auto; position: absolute; text-align: center; } .new-cart-shopping-cart-product-overlay-title { color: #FFFFFF; font-size: 21px; letter-spacing: 0.4; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; text-align: center; margin: 0; line-height: 1; } .new-cart-shopping-cart-product-overlay-ctas { padding-top: 5%; } .new-cart-shopping-cart-product-overlay-cta { margin: 0 5px; color: #FFFFFF; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; padding: 8px 28px; display: inline-block; border-radius: 2px; background-color: #ef4923; border: solid 2px #ef4923; margin-bottom: 5px; } .new-cart-shopping-cart-product-overlay-cta:hover, .new-cart-shopping-cart-product-overlay-cta:active { color: #FFFFFF; } .new-cart-shopping-cart-product-overlay-cta:hover { background-color: #f3775a; } .new-cart-shopping-cart-recommendations-container { padding: 65px 0 0 0; } .new-cart-shopping-cart-recommendations-container.empty-cart { padding: 0 0 0 0; } .new-cart-shopping-cart-recommendations-content { background-color: #FFFFFF; padding: 25px 20px; } .new-cart-shopping-cart-recommendations-content .rec-panning-wrapper { overflow-x: scroll; } .new-cart-shopping-cart-recommendations-content .rec-products { display: table; width: 100%; min-width: 510px; } .new-cart-shopping-cart-recommendations-content .rec-products:before, .new-cart-shopping-cart-recommendations-content .rec-products:after { content: " "; display: table; } .new-cart-shopping-cart-recommendations-content .rec-products:after { clear: both; } @media only screen and (max-width: 767px) { .new-cart-shopping-cart-recommendations-content .rec-products { min-width: initial; } } .new-cart-shopping-cart-recommendations-content .rec-products .rec-product { float: left; width: 25%; min-width: 115px; } @media only screen and (max-width: 767px) { .new-cart-shopping-cart-recommendations-content .rec-products .rec-product { width: 50%; } .new-cart-shopping-cart-recommendations-content .rec-products .rec-product:nth-of-type(1n+3) { display: none; } } .new-cart-shopping-cart-recommendations-content .rec-products .rec-product .product-tile { padding: 0 2px; } .new-cart-guest-modal { position: fixed; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; } .new-cart-guest-modal-mask { background-color: rgba(0, 0, 0, 0.6); position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; } .rec-container .strategy-header { text-align: center; font-size: 16px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; letter-spacing: 0.32px; } .new-cart-applied-coupon-container { position: relative; margin: 0 0 10px; } .new-cart-coupon-text { color: #333333; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; padding: 7px 40px 7px 15px; background-color: #f0f0f0; border-radius: 2px; text-transform: uppercase; font-size: 12px; } .new-cart-remove-coupon { cursor: pointer; position: absolute; top: 50%; right: 15px; height: 14px; width: 14px; fill: #999999; transform: translate(0, -50%); } .new-cart-shopping-cart-quantity-amount-mobile { display: none; } .new-cart-summary-checkout-desktop { display: block; overflow: hidden; } .new-cart-summary-checkout-mobile { display: none; } .new-cart-summary-payment-type-paypal { display: inline-block; } .new-cart-summary-payment-type-applepay { display: inline-block; } .new-cart-summary-payment-type-applepay .dw-apple-pay-button { height: 44px; } .empty-cart-mobile-info { display: none; } @media only screen and (max-width: 991px) { .new-cart-top .merged-cart-messaging { float: none; padding-top: 8px; } } @media screen and (max-width: 767px) { .new-cart-top { padding: 0; } .new-cart-summary-container { display: none; } .new-cart-shopping-cart { padding: 0; } .new-cart-continue-shopping, .new-cart-shopping-cart-title { display: none; } .new-cart-shopping-cart-products { padding-left: 15px; padding-right: 15px; } .new-cart-shopping-cart-column-item-image { width: 78px; height: 78px; } .new-cart-shopping-cart-column-price-detail, .new-cart-shopping-cart-column-quantity-detail, .new-cart-shopping-cart-atw-container { display: none; } .new-cart-shopping-cart-details-mobile-top { min-height: 80px; margin-bottom: 5px; } .new-cart-shopping-cart-column-item-details-edit { left: -50px; } .new-cart-shopping-cart-product-footer-side:first-child { float: none; } .new-cart-shopping-cart-product-footer-side .new-cart-shopping-cart-line-item-status-message { display: block; } .new-cart-shopping-cart-product-footer-status { text-align: center; } .new-cart-summary-checkout-mobile { display: block; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; background: #FFFFFF; box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2); padding: 12px 35px; } .new-cart-summary-checkout-mobile .new-cart-summary-checkout-btn-container, .new-cart-summary-checkout-mobile .new-cart-summary-payment-types, .new-cart-summary-checkout-mobile .new-cart-summary-payment-divider-container { padding: 0; } .new-cart-summary-checkout-mobile .new-cart-summary-checkout-btn-total-mobile { display: inline; } .new-cart-summary-details-mobile { display: block; padding: 0 15px; background: #FFFFFF; } .new-cart-summary-slot-bottom { display: none; } .new-cart-summary-slot-bottom-mobile { display: block; } .new-cart-shopping-cart-column-item-details-container { padding-right: 15px; } .new-cart-shopping-cart-quantity-amount-mobile { float: right; display: block; } .new-cart-shopping-cart-recommendations-title { display: none; } .new-cart-shopping-cart-recommendations-content { background: none; padding: 0; } .new-cart-shopping-cart-recommendations-content > div { background-color: #FFFFFF; padding: 20px 0; border-bottom: solid 1px #f0f0f0; } .new-cart-shopping-cart-recommendations-content > div:last-child { border-bottom: none; } .rec-container { padding: 0; } .rec-container .strategy-header { margin-bottom: 20px; font-size: 18px; color: #000000; padding: 0 25px; } .rec-container hr { display: none; } .rec-container .rec-products { padding: 0 25px; } #main.new-cart { padding-bottom: 160px; } #main.new-cart ~ footer { margin-top: 0; } } /* turn some elements on and off depending on whether or not the cart is empty. */ .new-cart-top.empty-cart .new-cart-empty-shopping-cart-messaging { display: block; padding-top: 7px; padding-bottom: 40px; } @media only screen and (max-width: 767px) { .new-cart-top.empty-cart .new-cart-empty-shopping-cart-messaging { text-align: center; border: 10px solid #f0f0f0; width: 100%; border-top-width: 35px; } } @media only screen and (max-width: 767px) { .new-cart-top.empty-cart .empty-cart-mobile-info { display: block; background-color: #f0f0f0; } } .new-cart-top.empty-cart .empty-cart-mobile-info .new-cart-summary-header { padding-top: 15px; } .new-cart-top.empty-cart .empty-cart-mobile-info .shipping-message { padding-top: 11px; } .new-cart-top.empty-cart .empty-cart-mobile-info .chat-and-contact-buttons { margin-right: 10px; } .new-cart-top.empty-cart .empty-cart-mobile-info .chat-and-contact-buttons .chat-and-contact-button { width: 47%; } .new-cart-top.empty-cart .empty-cart-mobile-info .chat-and-contact-buttons.no-chat .btn-empty-cart-contact { width: 100%; } .new-cart-top.empty-cart .empty-cart-mobile-info .new-cart-summary-slot-bottom { display: block; } .new-cart-top.empty-cart .empty-cart-mobile-info .mobile-empty-cart-continue-shopping h2 { padding-left: 15px; padding-top: 30px; } .new-cart-top.empty-cart .rec-container.a2c { margin-top: 2px !important; } .new-cart-top.empty-cart .rec-container.a2c.Designed-to-go-with { display: none; } .new-cart-top.empty-cart .jsNewCartTotalsContainer, .new-cart-top.empty-cart .jsNewCartTotalsContainerMobile { display: none; } .new-cart-top.empty-cart .new-cart-summary-content.empty-cart-summary-content { display: block; } .new-cart-top.empty-cart .new-cart-summary-content.empty-cart-summary-content h2 { font-size: 18px; } .new-cart-top.empty-cart .new-cart-summary-checkout-mobile, .new-cart-top.empty-cart .new-cart-summary-details-mobile-content { display: none; } /* END new cart */ html[lang=ja] .cart-guest-message a { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] #cart-table tr.cart-row .item-details .name a { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] #cart-table tr.cart-row .item-details .gc-item-edit-details a, html[lang=ja] #cart-table tr.cart-row .item-details .item-edit-details a { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] #cart-table tr.cart-row .item-quantity-details .item-user-actions a, html[lang=ja] #cart-table tr.cart-row .item-quantity-details .item-user-actions button { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] #cart-table tr.cart-row .item-total .price-total { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] #cart-table .price-unadjusted span { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] #cart-table .price-adjusted-total span { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .cart-coupon-code button { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .order-totals-table .order-subtotal { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .order-totals-table .order-total { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .cart-action-checkout { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .cart-items-form .item-list th { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_cart h1, html[lang=ja] .pt_cart h2 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .new-cart .new-cart-summary-header-title { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .new-cart-summary-checkout-btn { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .new-cart-summary-total-label { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .new-cart-summary-total-value { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .new-cart-shopping-cart-column-item-details-name { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .new-cart-shopping-cart-column-item-details-edit { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .new-cart-shopping-cart-column-quantity-total { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .new-cart-shopping-cart-strike-price-low { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .new-cart-shopping-cart-column-price-total { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .new-cart-shopping-cart-line-item-status-message-emph { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .new-cart-shopping-cart-atw-container { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .new-cart-shopping-cart-product-overlay-title { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .new-cart-shopping-cart-product-overlay-cta { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .rec-container .strategy-header { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] .new-cart-coupon-text { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 1200px) { .pt_checkout #main { padding: 0 35px; } } @media only screen and (max-width: 767px) { .pt_checkout #main { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .pt_checkout #main { width: 100%; } } .pt_checkout .primary-content { position: relative; width: calc(100% - 330px); float: left; } @media only screen and (max-width: 767px) { .pt_checkout .primary-content { width: 100%; } } .pt_checkout #secondary { float: right; position: relative; width: 300px; padding: 0; } @media only screen and (max-width: 767px) { .pt_checkout #secondary { width: 100%; } } .pt_checkout #secondary .rma-main-header-options { float: none; width: 100%; } .pt_checkout #secondary .rma-main-header-options:before, .pt_checkout #secondary .rma-main-header-options:after { content: " "; display: table; } .pt_checkout #secondary .rma-main-header-options:after { clear: both; } .pt_checkout #secondary .rma-main-header-options .rma-main-header-links, .pt_checkout #secondary .rma-main-header-options .rma-progress { margin-top: 0; } .pt_checkout legend { padding: 36px 0 20px; border: none; margin: 0; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_checkout legend { font-size: 17px; padding-top: 30px; } } @media only screen and (max-width: 767px) { .pt_checkout legend { font-size: 17px; padding-top: 15px; } } .pt_checkout legend br { display: none; } @media only screen and (max-width: 767px) { .pt_checkout legend br { display: block; } } .pt_checkout .form-horizontal { background-color: #efefef; border-radius: 5px; padding: 0 15px; } .pt_checkout .privacy-policy, .pt_checkout .open-in-modal { margin: 10px 0; } .pt_checkout .emailList label span { float: right; width: calc(100% - 50px); line-height: 20px; } .pt_checkout .emailList label small { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_checkout .form-caption { margin: 10px 0; } } @media only screen and (max-width: 767px) { .pt_checkout .form-caption { margin: 10px 0; } } .pt_checkout .form-field-tooltip { float: right; margin: -47px 0 0; width: 26%; line-height: 42px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_checkout .form-field-tooltip { display: none; } } @media only screen and (max-width: 767px) { .pt_checkout .form-field-tooltip { display: none; } } .pt_checkout.patagonia-eu [id$=_address2] ~ .form-field-tooltip, .pt_checkout.patagonia-eu [id$=_address2] ~ .form-caption { display: none; } .pt_checkout .form-row { margin: 0 0 1.5rem; } @media only screen and (max-width: 767px) { .pt_checkout .form-row { margin: 0 0 12px; } } .pt_checkout .form-row.gift-radio { width: calc(80% - 20px); padding-top: 0; } .pt_checkout .form-row select, .pt_checkout .form-row input:not([type="checkbox"]):not([type="radio"]) { width: 70%; min-width: 290px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_checkout .form-row select, .pt_checkout .form-row input:not([type="checkbox"]):not([type="radio"]) { width: 100%; min-width: 1px; } } @media only screen and (max-width: 767px) { .pt_checkout .form-row select, .pt_checkout .form-row input:not([type="checkbox"]):not([type="radio"]) { width: 100%; min-width: 1px; } } .pt_checkout .form-row select { background: url("../images/chevron-down-grey.png") no-repeat 97% 50% #FFFFFF; background-size: 20px 20px; } .pt_checkout .form-row input[type="checkbox"] + label:before { width: 30px; height: 30px; background-image: url("../images/box-grey.png"); background-size: 30px 30px; } .pt_checkout .form-row input[type="checkbox"]:checked + label:before { background-image: url("../images/x-box-grey.png"); } .pt_checkout .form-row input[type="radio"] + label:before { width: 30px; height: 30px; background-image: url("../images/radio-btn-grey.png"); background-size: 30px 30px; } .pt_checkout .form-row input[type="radio"]:checked + label:before { background-image: url("../images/radio-btn-fill-grey.png"); } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_checkout .form-row .error, .pt_checkout .form-row .error-message { margin: 0 0 10px 0; } } @media only screen and (max-width: 767px) { .pt_checkout .form-row .error, .pt_checkout .form-row .error-message { margin: 0 0 10px 0; } } .pt_checkout .form-row.month, .pt_checkout .form-row.year { width: 23%; margin-right: 4%; } .pt_checkout .form-row.month select, .pt_checkout .form-row.year select { width: 100%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_checkout .form-row.month, .pt_checkout .form-row.year { width: 48%; margin-right: 0; } } @media only screen and (max-width: 767px) { .pt_checkout .form-row.month, .pt_checkout .form-row.year { width: 48%; margin-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_checkout .form-row.year { margin-left: 4%; } } @media only screen and (max-width: 767px) { .pt_checkout .form-row.year { margin-left: 4%; } } .pt_checkout .form-row.form-row-button { clear: both; margin: 25px 0 10px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_checkout .form-row.form-row-button { margin: 5px 0; } } @media only screen and (max-width: 767px) { .pt_checkout .form-row.form-row-button { text-align: center; margin-left: 0; } } .pt_checkout .form-row.form-row-button button { min-width: 130px; margin: 0 20px 0 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_checkout .form-row.form-row-button button { min-width: 0; margin: 5px 5px 0 0; } } @media only screen and (max-width: 767px) { .pt_checkout .form-row.form-row-button button { min-width: 0; margin: 5px 5px 0 5px; font-size: 14px; } } .pt_checkout .form-row.form-row-button button.secondary { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_checkout .form-row.form-row-button button.secondary { margin-bottom: 10px; } } .pt_checkout .form-row.form-row-button button.cancel-button { text-transform: none; } .pt_checkout .form-row.form-row-button.continue-container { margin: 0; padding: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_checkout .form-row.label-inline label { margin-left: 0; } } @media only screen and (max-width: 767px) { .pt_checkout .form-row.label-inline label { margin-left: 0; } } @media only screen and (max-width: 767px) { .pt_checkout .form-row.radio { clear: both; } } .pt_checkout .form-row.radio label { width: auto; margin: 7px 20px 0 0; } .pt_checkout .form-row.checkbox { clear: both; } .pt_checkout .form-row.select-address { clear: both; } .pt_checkout.patagonia-jp .form-row input[type="checkbox"] + label:before { width: 30px; height: 30px; background-image: url("../images/box-grey.png"); background-size: 30px 30px; } .pt_checkout.patagonia-jp .form-row input[type="checkbox"]:checked + label:before { background-image: url("../images/check-box-grey.png"); } .pt_checkout .checkout-shipping .form-row.form-row-button { margin: 25px 0; } .pt_checkout .checkout-billing .form-row.form-row-button { margin-bottom: 25px; } .pt_checkout .select-address .form-row-button { display: none; } .pt_checkout .summary { margin: 15px 0 0 0; font-size: 14px; } .pt_checkout.patagonia-eu .payment-method-options { position: relative; } .pt_checkout.patagonia-eu .payment-method-options::after { clear: both; content: ""; display: block; } .pt_checkout.patagonia-eu .payment-method-options .form-row--hasimage { overflow: visible; } .pt_checkout.patagonia-eu .payment-method-options input[value*="CREDIT_CARD"] ~ img { left: 43px; max-height: 20px; } .pt_checkout.patagonia-eu .form-row--hasimage { padding-bottom: 30px; position: relative; } .pt_checkout.patagonia-eu .form-row--hasimage img { top: 32px; display: none; left: 42px; position: absolute; } .pt_checkout.patagonia-eu .form-row--hasimage input:checked ~ img { display: block; } .checkout-header { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; margin-top: 60px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .checkout-header { margin-top: 42px; } } @media only screen and (max-width: 767px) { .checkout-header { margin-top: 30px; text-align: center; } } .summary-section .section-header { line-height: 50px; border-top: 1px #FFFFFF solid; border-bottom: 1px #ccc solid; margin: 46px 0 0 0; font-size: 21px; } .patagonia-eu .summary-section .section-header { line-height: 1.2em; padding-bottom: 12px; padding-top: 12px; } .summary-section .section-header .section-header-note { float: right; font-size: 14px; } .summary-section h3 { margin: 0; line-height: 46px; text-align: left; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 18px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .summary-section h3 { font-size: 17px; line-height: 43px; } } .summary-section h3.cs-contact-number { font-size: 16px; } .patagonia-eu .summary-section h3.cs-contact-number { padding-bottom: 10px; } .patagonia-eu .summary-section h3.cs-contact-number::after { clear: both; content: ""; display: block; } .summary-section h3.cs-contact-number span { vertical-align: middle; } .patagonia-eu .summary-section h3.cs-contact-number span { display: block; } .summary-section h3.cs-contact-number .glyphicon, .summary-section h3.cs-contact-number .photo-caption-icon, .summary-section h3.cs-contact-number .photo-icon { vertical-align: text-top; font-size: 18px; } .patagonia-eu .summary-section h3.cs-contact-number .glyphicon, .patagonia-eu .summary-section h3.cs-contact-number .photo-caption-icon, .patagonia-eu .summary-section h3.cs-contact-number .photo-icon { float: left; padding-top: 12px; width: 30px; } .patagonia-eu .summary-section h3.cs-contact-number .cs-contact-number__inner { float: left; line-height: 20px; width: calc(100% - 30px); } .summary-section h3 + .section-header { border-top: 1px #ccc solid; margin: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .summary-section h3 + .section-header { font-size: 18px; } } @media only screen and (max-width: 767px) { .summary-section h3 + .section-header { font-size: 18px; } } .patagonia-jp .minishipments-method { display: none; } .pt_checkout #cart-table { width: 100%; background: #FFFFFF; } .pt_checkout #cart-table td { padding: 8px; } .pt_checkout #cart-table .cart-row { border-bottom: 1px solid #cccccc; } .pt_checkout #cart-table .cart-row .item-image { float: none; } .pt_checkout #cart-table .cart-row .item-image img { width: 160px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_checkout #cart-table .cart-row .item-image img { width: 120px; float: left; } } @media only screen and (max-width: 767px) { .pt_checkout #cart-table .cart-row .item-image { width: 100%; } .pt_checkout #cart-table .cart-row .item-image img { width: 240px; } } .pt_checkout #cart-table .cart-row .item-details { vertical-align: top; width: 55%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_checkout #cart-table .cart-row .item-details { width: 100%; } } @media only screen and (max-width: 767px) { .pt_checkout #cart-table .cart-row .item-details { width: 100%; text-align: center; } } .pt_checkout #cart-table .cart-row .shipment-label { font-weight: 700; margin-top: 35px; font-size: 1.4em; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_checkout #cart-table thead { display: none; } } .pt_checkout #cart-table .section-header { border-bottom: 1px solid #cccccc; padding-bottom: 8px; padding-top: 8px; text-align: center; text-transform: uppercase; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; } .pt_checkout #cart-table .section-header:first-child { padding-left: 185px; text-align: left; } .pt_checkout #cart-table .section-header.header-total-price { padding-right: 8px; text-align: right; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_checkout #cart-table td.item-details { float: left; width: 100%; } } .pt_checkout #cart-table td.item-details a { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #000000; } .pt_checkout #cart-table td.item-details a:hover { color: #ef4923; } .pt_checkout #cart-table td.item-quantity-details, .pt_checkout #cart-table td.item-quantity, .pt_checkout #cart-table td.item-total { vertical-align: top; clear: none; width: 10%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_checkout #cart-table td.item-quantity-details, .pt_checkout #cart-table td.item-quantity, .pt_checkout #cart-table td.item-total { text-align: center; float: left; width: 33%; } } @media only screen and (max-width: 767px) { .pt_checkout #cart-table td.item-quantity-details, .pt_checkout #cart-table td.item-quantity, .pt_checkout #cart-table td.item-total { float: left; width: 33%; } } .pt_checkout #cart-table .item-total { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; text-align: right; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pt_checkout #cart-table .item-total { float: right; } } @media only screen and (max-width: 767px) { .pt_checkout #cart-table .item-total { float: right; } } @media only screen and (max-width: 767px) { .pt_checkout #cart-table .back-to-cart-row { text-align: center; } } .pt_checkout #cart-table .back-to-cart-row .back-to-cart { text-decoration: underline; font-size: 16px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #666666; letter-spacing: 1px; } .pt_checkout #cart-table .back-to-cart-row .back-to-cart:hover { color: #999999; } .summary-main-section { padding: 15px; background-color: #efefef; } .order-summary-footer .place-order-totals { margin-top: 20px; } .order-summary-footer .form-row { float: right; width: auto; } .order-summary-footer .form-row.form-row-button { margin-top: 0; } .order-summary-footer .form-row.form-row-button button { margin-right: 0; } @media only screen and (max-width: 767px) { .order-summary-footer .form-row.form-row-button { width: 100%; float: none; margin: auto; } .order-summary-footer .form-row.form-row-button button { width: 170px; } } .order-summary-footer .submit-order { margin-top: 20px; } .one-third-inputs .form-row select { background-position-x: 86% !important; } @media only screen and (max-width: 991px) { .one-third-inputs .form-row select { background-position-x: 97% !important; } } #shipping-method-list { position: relative; } #shipping-method-list fieldset.hideShippingMethod { display: none; } .checkoutlogin { padding-top: 35px; background: #FFFFFF; } .checkoutlogin .checkoutlogin-button { background-color: #ef4923; color: #FFFFFF; width: 100%; text-transform: capitalize; letter-spacing: 0.3px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .checkoutlogin .checkoutlogin-button, .checkoutlogin .form-row input { border-radius: 2px; } .checkoutlogin .checkoutlogin-checkout-button { margin-top: 10px; width: 100%; } .checkoutlogin .checkoutlogin-checkout-reset { margin-top: 15px; display: block; } .checkoutlogin .checkoutlogin-guest-header { margin-bottom: 5px; } .checkoutlogin .form-row { margin-bottom: 10px; } .checkoutlogin .form-row label { display: none; } .checkoutlogin .form-row input { background-color: #f0f0f0; border: solid 1px #cccccc; } .checkoutlogin .login-rememberme { text-align: left; } .checkoutlogin .login-rememberme label { display: inline-block; font-size: 13px; } .checkoutlogin .login-rememberme label:before { margin-top: -3px; margin-right: 11px; padding: 12px; width: 17px; height: 17px; background-color: #FFFFFF; background-image: none; border: 1px solid #cccccc; } .checkoutlogin .login-rememberme input[type="checkbox"]:checked + label:before { background-image: url("../images/check.png"); background-size: 15px 15px; background-position: 50%; } .checkoutlogin .login-box { float: left; width: 50%; border-right: solid 1px #cccccc; padding: 5.555555556%; text-align: center; } .checkoutlogin .login-box form { max-width: 290px; margin: 0 auto; } .checkoutlogin .login-box p { max-width: 170px; margin: 0 auto 25px; display: block; } .checkoutlogin.login-registered .login-box { float: none; width: 100%; } @media only screen and (max-width: 767px) { .checkoutlogin .login-box { width: 100%; float: none; border: none; border-bottom: solid 1px #cccccc; } .checkoutlogin .checkoutlogin-checkout-reset { margin-bottom: 20px; } } .checkoutlogin .checkoutlogin-col:last-child .login-box { border: none; } .checkoutlogin span.error, .checkoutlogin span.error-message { text-align: left; font-size: 10px; } .checkoutlogin .form-row input.error, .checkoutlogin .form-row input.error-message { border-color: #ef4923; color: #555555; } .checkoutlogin .input-text:focus { background-color: #FFFFFF; } .signup-for-promotions .banner { background: #3e2f80; color: #FFFFFF; font-size: 14px; line-height: 2.2rem; margin-bottom: 2rem; margin-top: 2rem; padding: 15px 20px; position: relative; } @media only screen and (min-width: 768px) { .signup-for-promotions .banner { padding: 20px 40% 20px 43px; } } .signup-for-promotions .banner p { margin: 0; } .signup-for-promotions .banner .btn, .signup-for-promotions .banner button, .signup-for-promotions .banner .button { background: #ef4923; font-size: 12px; margin-top: 2rem; padding: 8px 12px; } .signup-for-promotions .banner .btn:hover, .signup-for-promotions .banner button:hover, .signup-for-promotions .banner .button:hover { background: #f3775a; } @media only screen and (min-width: 768px) { .signup-for-promotions .banner .btn, .signup-for-promotions .banner button, .signup-for-promotions .banner .button { position: absolute; right: 40px; top: 20px; } } .signup-for-promotions .signup-confirmation { color: #342e7d; display: none; font-size: 14px; font-style: italic; margin: 1rem 0 2rem; } .signup-for-promotions.confirmed .banner { display: none; } .signup-for-promotions.confirmed .signup-confirmation { display: block; } .pt_checkout.patagonia-eu select[disabled] { background: #f0f0f0; color: #999999; } .pt_checkout.patagonia-eu .terms-reminder { font-size: 15px; margin: 20px auto; text-align: center; } .pt_checkout.patagonia-eu .terms-reminder + * { clear: both; } @media only screen and (min-width: 480px) { .pt_checkout.patagonia-eu .terms-reminder { max-width: 50%; } } @media only screen and (min-width: 768px) { .pt_checkout.patagonia-eu .terms-reminder { float: right; text-align: right; } } .pt_checkout.patagonia-eu input[id*="_emailAddress"] + .form-caption { color: #000000; font-size: 12px; } @media only screen and (min-width: 992px) { .pt_checkout.patagonia-eu input[id*="_emailAddress"] + .form-caption { width: 70%; } } .instore-pill { background-color: #ef4923; color: #FFFFFF; border-radius: 23px; font-size: 9px; padding: 3px 10px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; display: inline; } .pt_cart .instore-pill { position: absolute; bottom: 0; } .mini-shipment-instore { padding-bottom: 10px; } .summary-main-section .instore-pill { margin-top: 10px; display: inline-block; } .patagonia-eu .cs-shipping-asset { margin-top: 50px; } .patagonia-eu .cs-shipping__container { margin-bottom: 30px; } .patagonia-eu .cs-shipping__container::after { clear: both; content: ""; display: block; } .patagonia-eu .cs-shipping__logo { float: left; } .patagonia-eu .cs-shipping__logo img { width: 150px; } .patagonia-eu .cs-shipping__title { font-size: 16px; font-weight: bold; } .patagonia-eu .cs-shipping__description { float: left; width: calc(100% - 150px); } html[lang=ja] .pt_checkout legend { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_checkout .emailList label small { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_checkout .form-row.form-row-button button.secondary { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_checkout #cart-table .section-header { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_checkout #cart-table td.item-details a { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_checkout #cart-table .item-total { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_checkout #cart-table .back-to-cart-row .back-to-cart { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .checkout-header { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .summary-section h3 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .checkoutlogin .checkoutlogin-button { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .instore-pill { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } .ironclad-guarantee, .order-guarantee { font-size: 12px; float: left; width: 50%; text-align: center; margin-top: 0px; } @media only screen and (min-width: 768px) { .ironclad-guarantee, .order-guarantee { padding: 40px 47px; display: block; background-color: transparent; padding: 0; } } .ironclad-guarantee::after, .order-guarantee::after { clear: both; content: ""; display: table; } .ironclad-guarantee .order-guarentee-image, .order-guarantee .order-guarentee-image { padding: 5px; } .ironclad-guarantee .order-guarentee-image img, .order-guarantee .order-guarentee-image img { max-height: 42px; } .ironclad-guarantee .order-guarentee-text, .order-guarantee .order-guarentee-text { margin: 8px 15px; color: #999999; } .ironclad-guarantee a:hover .order-guarentee-link, .order-guarantee a:hover .order-guarentee-link { color: #ef4923; } .ironclad-guarantee a .order-guarentee-link, .order-guarantee a .order-guarentee-link { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #000000; text-decoration: underline; } @media only print { .ironclad-guarantee a .order-guarentee-link, .order-guarantee a .order-guarentee-link { display: none; } } .returns-wide::after { clear: both; content: ""; display: block; } .returns-wide .ironclad-guarantee { margin-top: 20px; padding-bottom: 20px; float: none; width: 100%; text-align: left; } @media only screen and (min-width: 768px) { .returns-wide .ironclad-guarantee { border-bottom: solid 1px #cfcfcf; } } .returns-wide .ironclad-guarantee .order-guarentee-image { max-height: 29px; float: right; padding: 0px; } .returns-wide .ironclad-guarantee .order-guarentee-image img { max-height: 29px; } .returns-wide .ironclad-guarantee .order-guarentee-text { max-width: calc(100% - 55px); margin: 5px 0; } @media only screen and (min-width: 768px) { .returns-wide .ironclad-guarantee .order-guarentee-text { margin: 15px 0; } } .pt_cart .order-guarantee a .order-guarentee-link, .pt_order-confirmation .order-guarantee a .order-guarentee-link { display: none; } @media only screen and (min-width: 768px) { .pt_cart .order-guarantee a .order-guarentee-link, .pt_order-confirmation .order-guarantee a .order-guarentee-link { display: block; } } body:not(.checkoutv2) .pt_checkout .returns-wide .ironclad-guarantee { border-top: solid 1px #cfcfcf; border-bottom: none; padding-top: 20px; } body:not(.checkoutv2) .pt_checkout .returns-wide .ironclad-guarantee .order-guarentee-image { max-height: 44px; } body:not(.checkoutv2) .pt_checkout .returns-wide .ironclad-guarantee .order-guarentee-image img { max-height: 44px; } body:not(.checkoutv2) .pt_checkout .returns-wide .ironclad-guarantee .order-guarentee-text { margin: 0 0 15px; } .checkoutv2 .pt_checkout .returns-wide .ironclad-guarantee { margin: 20px auto; max-width: 320px; padding: 0 30px; border-bottom: none; margin-bottom: 20px; } .checkoutv2 .pt_checkout .returns-wide .ironclad-guarantee .order-guarentee-image { float: left; max-height: 46px; } .checkoutv2 .pt_checkout .returns-wide .ironclad-guarantee .order-guarentee-image img { max-height: 36px; } .checkoutv2 .pt_checkout .returns-wide .ironclad-guarantee .order-guarentee-text { max-width: calc(100% - 50px); margin-left: 70px; line-height: 1.6; } .checkoutv2 .pt_checkout .returns-wide .ironclad-guarantee .order-guarentee-link { text-align: center; } .guarantee-dialog .dialog-content { padding: 30px 35px 55px; background: #FFFFFF; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5); } @media only screen and (min-width: 768px) { .guarantee-dialog .dialog-content { padding: 30px 100px 90px; } } .guarantee-dialog .ui-dialog-titlebar-close { right: 40px; top: 70px; } .guarantee-dialog .ui-dialog-titlebar-close span { font-size: 16px; } .guarantee-dialog .ui-dialog-titlebar-close .ui-icon-closethick:before { color: inherit; } .guarantee-dialog .guarantee-header::after { clear: both; content: ""; display: block; } .guarantee-dialog .guarantee-header h1 { font-size: 30px; width: 60%; float: left; margin-top: 35px; color: #000; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 768px) { .guarantee-dialog .guarantee-header h1 { font-size: 36px; width: initial; } } .guarantee-dialog .guarantee-header .guarantee-logo { float: right; margin-top: 40px; } @media only screen and (min-width: 768px) { .guarantee-dialog .guarantee-header .guarantee-logo { margin-top: 25px; } } .guarantee-dialog .guarantee-header .guarantee-logo img { height: 60px; } .guarantee-dialog .guarantee-body { font-size: 14px; line-height: 24px; margin-top: 25px; } @media only screen and (min-width: 768px) { .guarantee-dialog .guarantee-body { font-size: 17px; line-height: 30px; } } .guarantee-dialog .guarantee-return-info { margin-top: 40px; } .guarantee-dialog .guarantee-return-info h3 { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; } .guarantee-dialog .guarantee-return-info p { font-size: 14px; line-height: 24px; } .guarantee-dialog .guarantee-return-info a { border-bottom: 1px solid #000000; } .guarantee-dialog .guarantee-more-details { margin-top: 40px; } .guarantee-dialog .guarantee-more-details a { border-bottom: 1px solid #000000; font-size: 16px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } .checkout-country-selector { margin-bottom: 2rem; } .checkout-country-selector .current-country__label { display: inline-block; } .checkout-country-selector .current-country__country { display: inline-block; } .checkout-country-selector .current-country__link { color: #999999; cursor: pointer; text-decoration: underline; text-transform: uppercase; } .checkout-country-selector .current-country__link:hover { color: #000000; } .checkout-country-selector .form-select { position: absolute; visibility: hidden; } #checkout-country-selector__layover { display: none; } .country-selector-layover__buttons { border-top: 1px solid #e5e5e5; margin-top: 20px; padding-top: 10px; } .country-selector-layover__buttons:before, .country-selector-layover__buttons:after { content: " "; display: table; } .country-selector-layover__buttons:after { clear: both; } .country-selector-layover__buttons button { float: none; width: 100%; margin: 0; } .country-selector-layover__buttons button:not(:first-child) { margin-top: 10px; } .checkout-country-selector__list { list-style-type: none; margin: 0; max-height: 237px; overflow: auto; padding: 0; } .checkout-country-selector__list__region { color: #999999; display: block; padding-bottom: 3px; text-transform: uppercase; } .checkout-country-selector__list__region:not(:first-child) { margin-top: 1rem; } .checkout-country-selector__list__item { cursor: pointer; margin: 0; padding: 6px 10px; } .checkout-country-selector__list__item:hover, .checkout-country-selector__list__item.active { background: #f0f0f0; } .checkout-country-selector__list__image { display: inline-block; margin-right: 8px; vertical-align: middle; } .checkout-progress-indicator { width: 100%; line-height: 18px; padding: 0; margin: 15px 0 0 0; text-align: center; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 16px; } @media only screen and (max-width: 991px) { .checkout-progress-indicator { display: block; } } .checkout-progress-indicator > div { display: inline-block; width: 29%; max-width: 200px; padding: 10px 0; border-bottom: 4px #FFFFFF solid; margin: 0 4px; text-align: center; } @media only screen and (min-width: 768px) and (max-width: 991px) { .checkout-progress-indicator > div { font-size: 17px; } } @media only screen and (max-width: 767px) { .checkout-progress-indicator > div { font-size: 15px; } } .checkout-progress-indicator > div.active { border-bottom: 4px #ef4923 solid; } html[lang=ja] .checkout-progress-indicator { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .checkout-mini-cart .mini-cart-product .label { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .order-shipping a { display: none; } .order-subtotal td { padding-top: 15px; } .summary-section .order-component-block .section-header { margin-bottom: 10px; } .false-gift { margin: 15px 20px 0 0; clear: left; } #shipping-method-list { position: relative; } #shipping-method-list .label-inline label { float: left; } #shipping-method-list .form-caption { float: left; clear: none; margin: 5px 0 0 10px; } @media only screen and (max-width: 991px) { #shipping-method-list .form-caption { float: none; clear: left; margin: 5px 0 0 43px; } } .pt_checkout legend.select-shipping-header { display: block; padding: 0 0 20px; } .edd-shipping-header { padding: 0 0 25px; border: none; margin: 0; width: 100%; font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; font-size: 14px; color: #999999; letter-spacing: -0.4px; display: none; } .shipping-method-label { float: right; width: calc(100% - 43px); margin-top: 7px; } .shipping-method-label .standard-shipping { text-decoration: line-through; } .shipping-method-label .shipping-method-edd { display: none; } .shipping-method-label .shipping-method-name { display: inline-block; } .shipping-method-label .edd-description { display: none; } .shipping-method-label .tooltip { white-space: nowrap; } .shipping-price { display: inline-block; } .edd-shipping-date { display: none; } .edd-shipping-date.edd-checkout-enabled { display: block; } .edd-checkout-enabled .edd-shipping-date { display: block; } .edd-checkout-enabled .confirmation-shipping-speed { display: none; } .pt_checkout .edd-checkout-enabled legend.select-shipping-header { padding: 0 0 5px; } .pt_checkout .edd-checkout-enabled.closed .edd-shipping-header { display: none; } .pt_checkout .edd-checkout-enabled #shipping-method-list .label-inline label { width: 100%; } .pt_checkout .edd-checkout-enabled .edd-shipping-header { display: block; } .pt_checkout .edd-checkout-enabled .shipping-method-edd { display: inline-block; } .pt_checkout .edd-checkout-enabled .shipping-method-name { display: none; } .pt_checkout .edd-checkout-enabled .shipping-description { display: none; } .pt_checkout .edd-checkout-enabled .form-caption { display: none; } .pt_checkout .edd-checkout-enabled .form-row input[type="radio"] + label:before { margin-top: 15px; } .pt_checkout .edd-checkout-enabled .shipping-price { font-family: "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; padding-top: 5px; } .pt_checkout .edd-checkout-enabled .shipping-price-zero { display: none; } .pt_checkout .edd-checkout-enabled .edd-description { display: inline-block; } .checkoutv2 .edd-checkout-enabled .select-shipping-header { display: none; } .checkoutv2 .edd-checkout-enabled .edd-shipping-header { font-size: 14px; color: #000; } .checkoutv2 .edd-checkout-enabled .edd-shipping-header::after { clear: both; } .checkoutv2 .edd-checkout-enabled .shipping-price { padding-top: 3px; } .checkoutv2 .edd-checkout-enabled .form-row input[type="radio"] + label:before { margin-top: 3px; } .checkoutv2 .edd-checkout-enabled .label-inline label { width: 100%; } .checkoutv2 .shipping-method-name { display: block; } .shipping-delivery-block .shipping-delivery { display: none; } .shipping-delivery-block .shipping-delivery .head-date-delivery-shipping h4 { font-weight: bold; } @media (max-width: 1199px) { .shipping-delivery-block .shipping-delivery .head-date-delivery-shipping h4 { font-size: 16px; } } .shipping-delivery-block .shipping-delivery .date-delivery-shipping { float: left; width: 50%; padding: 36px; } .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-corner-all, .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-corner-bottom, .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-corner-right, .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-corner-br, .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-corner-left, .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-corner-bl, .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-corner-tr, .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-corner-tr { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; width: inherit; } .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-widget-header { border: 2px solid #f0f0f0; background: #342e7d url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; height: 46px; padding: 10px; } .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-datepicker th { padding: 0.7em .3em; text-align: center; font-weight: bold; border: 2px solid #f0f0f0; color: #ffffff; background: #333333; } .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-datepicker .ui-datepicker-next span, .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-datepicker .ui-datepicker-prev span { display: block; position: absolute; width: 40px; background: #342e7d; height: 46px; top: 20%; left: 0; margin-left: -4px; border: 2px solid #f0f0f0; background-size: 15px; background-position: center; background-repeat: no-repeat; cursor: pointer; } .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-datepicker .ui-datepicker-next .ui-icon-circle-triangle-w, .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-datepicker .ui-datepicker-prev .ui-icon-circle-triangle-w { background-image: url(../images/back-icon.png); } .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-datepicker .ui-datepicker-next span { left: auto; right: -2px; width: 41px; } .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-datepicker .ui-datepicker-next .ui-icon-circle-triangle-e { background-image: url(../images/next-icon.png); } .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-state-default { border: 1px solid #cccccc; background: #cccccc url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #333333; height: 33px; text-align: center; padding-top: 8px; } .shipping-delivery-block .shipping-delivery .date-delivery-shipping #datepicker .ui-state-active { border: 1px solid #342e7d !important; background: #342e7d url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x !important; } @media (max-width: 1199px) { .shipping-delivery-block .shipping-delivery .date-delivery-shipping { float: none; width: 100%; } } .shipping-delivery-block .shipping-delivery .time-delivery-shipping { float: right; display: block; width: 50%; padding: 37px; } .shipping-delivery-block .shipping-delivery .time-delivery-shipping .radio, .shipping-delivery-block .shipping-delivery .time-delivery-shipping input[type="radio"] { position: relative; margin-left: -20px; display: block; } .shipping-delivery-block .shipping-delivery .time-delivery-shipping .radio + label:before, .shipping-delivery-block .shipping-delivery .time-delivery-shipping input[type="radio"] + label:before { content: ''; display: inline-block; margin-right: 12px; vertical-align: middle; background-repeat: no-repeat; } .shipping-delivery-block .shipping-delivery .time-delivery-shipping .radio + label ~ label, .shipping-delivery-block .shipping-delivery .time-delivery-shipping input[type="radio"] + label ~ label { margin-left: 0px; } @media (max-width: 1199px) { .shipping-delivery-block .shipping-delivery .time-delivery-shipping { float: none; width: 100%; } } .shipping-delivery-block .shipping-delivery .time-delivery-only { float: none; } .ui-dialog.address-suggestion { max-width: 530px; text-align: center; } .ui-dialog.address-suggestion .popup-content-wrapper { padding: 20px; } @media (min-width: 768px) { .ui-dialog.address-suggestion .popup-content-wrapper { padding-left: 60px; padding-right: 60px; } } @media (max-width: 767px) { .ui-dialog.address-suggestion .column-modified { margin-top: 2em; } .ui-dialog.address-suggestion .column-modified .suggestedAddresses { max-width: 200px; } } @media (min-width: 768px) { .ui-dialog.address-suggestion .multiple-suggestions .column-original { margin-top: 62px; } .ui-dialog.address-suggestion .multiple-suggestions .column-modified { margin-top: 10px; } } .ui-dialog.address-suggestion .suggestedAddresses { margin: 0 auto 10px; font-size: 13px; } .ui-dialog.address-suggestion [data-address-suggestion] { font-size: 11px; letter-spacing: 1px; margin-top: 1em; white-space: normal; width: 90%; } .ui-dialog.address-suggestion .row-buttons { margin-top: 1em; } .instore-shipment-message .instore-text { color: #ef4923; } .instore-shipment-message .instore-name { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .instore-shipment-message .instore-phone.mobile-show a { color: #ef4923; } @media (min-width: 768px) { .patagonia-eu #shipping-method-list .form-row { padding-left: 140px; position: relative; } .patagonia-eu #shipping-method-list label { left: 0; position: absolute; width: 130px; } .patagonia-eu #shipping-method-list label .shipping-method-label span { white-space: nowrap; } .patagonia-eu #shipping-method-list .form-caption { clear: none; float: none; margin-bottom: 1.5rem; margin-left: 0; width: calc(100% - 140px); } } .patagonia-eu #shipping-method-list .hideShippingMethod { display: block; } .billing-address-info { padding: 5px 0 20px; margin-left: 50px; } .billing-address-info h5 span:first-child { margin-right: 10px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .billing-address-info h5 .edit-billing-address { margin-left: 10px; cursor: pointer; } .billing-address-form.collapse { display: none; } .billing-discounts legend { position: relative; padding: 0; margin: 10px 0 20px; } .billing-discounts legend:hover { color: #ef4923; cursor: pointer; } .billing-discounts legend .discount-toggle { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .billing-discounts .form-row:before, .billing-discounts .form-row:after { content: " "; display: table; } .billing-discounts .form-row:after { clear: both; } .billing-discounts label[for$=couponCode] { width: 100%; } .billing-discounts input[name$=couponCode] { float: left; } .billing-discounts #add-coupon, .billing-discounts #add-giftcert { padding: 9px 19px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; background-color: #999999; } .billing-discounts #add-coupon:hover, .billing-discounts #add-giftcert:hover { background-color: #999999; } .billing-discounts #add-coupon { float: left; } @media only screen and (max-width: 767px) { .billing-discounts .tooltip { display: none; } } .billing-coupon-code { display: none; } .giftcert-apply:before, .giftcert-apply:after { content: " "; display: table; } .giftcert-apply:after { clear: both; } @media only screen and (max-width: 767px) { .giftcert-apply button { float: left; clear: both; margin-bottom: 10px; margin-left: 0; } } #payment-select-go { display: none; } .payment-methods-hr { margin-top: 0; } .payment-method { border: none; display: none; width: 100%; } .payment-method.payment-method-expanded { display: block; } .payment-method .form-row.year, .payment-method .form-row.month { width: 100%; } .payment-method .form-row.year select, .payment-method .form-row.month select { width: 50%; } .payment-method .form-row .form-label-text { padding-left: 21.5%; text-align: left; } .payment-method-options .form-row { float: left; margin-right: 30px; } .payment-method-options label { cursor: pointer; max-width: 100%; } .new-card-row { display: none; } #chase-errors { padding: 0; } #ChaseHPFiFrame { width: 100%; height: 515px; } @media only screen and (min-width: 992px) { #ChaseHPFiFrame { width: 70%; } } .gift-cert-used { margin-bottom: 25px; } @media only screen and (max-width: 767px) { #jpPaymentIframeDiv iframe { width: 100%; max-width: 559px; } } .pt_checkout .billing-discounts .gift-cert-eu .enter-gift-code { margin-bottom: 0; } @media only screen and (max-width: 991px) { .pt_checkout .billing-discounts .gift-cert-eu .apply-gift-code { margin-bottom: 1rem; } } .pt_checkout .billing-discounts .gift-cert-eu .apply-gift-code button { clear: none; float: left; margin: 0; padding: 9px 19px; } .pt_checkout .billing-discounts .gift-cert-eu .apply-gift-code button:not(:first-child) { margin-left: 10px; } .pt_checkout .billing-discounts .gift-cert-eu .balance, .pt_checkout .billing-discounts .gift-cert-eu .coupon-error, .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status, .pt_checkout .billing-discounts .gift-cert-eu .redemption.giftcert { clear: both; } .pt_checkout .billing-discounts .gift-cert-eu .balance:empty, .pt_checkout .billing-discounts .gift-cert-eu .coupon-error:empty, .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status:empty, .pt_checkout .billing-discounts .gift-cert-eu .redemption.giftcert:empty { display: none; } .pt_checkout .billing-discounts .gift-cert-eu .balance span.error, .pt_checkout .billing-discounts .gift-cert-eu .balance span.error-message, .pt_checkout .billing-discounts .gift-cert-eu .coupon-error span.error, .pt_checkout .billing-discounts .gift-cert-eu .coupon-error span.error-message, .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status span.error, .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status span.error-message, .pt_checkout .billing-discounts .gift-cert-eu .redemption.giftcert span.error, .pt_checkout .billing-discounts .gift-cert-eu .redemption.giftcert span.error-message { font-size: 12px; } .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status:not(:empty) ~ .giftcert-status, .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status:not(:empty) ~ .balance.success, .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status:not(:empty) ~ .balance.error, .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status:not(:empty) ~ .balance.error-message, .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status:not(:empty) ~ .balance .error, .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status:not(:empty) ~ .balance .error-message { display: none; } .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status:not(:empty) ~ .balance { margin: 0; } @media only screen and (min-width: 992px) { .pt_checkout .billing-discounts .gift-cert-eu .enter-gift-code { float: left; width: calc(100% - 355px); } .pt_checkout .billing-discounts .gift-cert-eu .enter-gift-code input { min-width: 0; width: 100%; } .pt_checkout .billing-discounts .gift-cert-eu .apply-gift-code { float: left; margin: 2.3rem 0 0 10px; } } .pt_checkout .form-creditcard-adyen .cvn input[type="text"] { min-width: 0; width: 85px; } .pt_checkout .form-creditcard-adyen .cvn span.error, .pt_checkout .form-creditcard-adyen .cvn span.error-message { float: left; } .pt_checkout .form-creditcard-adyen .cvn .form-field-tooltip { float: none; margin-left: 100px; position: absolute; } .pt_checkout .form-creditcard-adyen .form-expiration .month, .pt_checkout .form-creditcard-adyen .form-expiration .year { float: left; margin: 0 10px 10px 0; width: 140px; } .pt_checkout .form-creditcard-adyen .form-expiration .month select, .pt_checkout .form-creditcard-adyen .form-expiration .year select { background-position: 90% 50%; min-width: 0; width: 100%; } @media only screen and (max-width: 767px) { .form-row-button.continue-container .fraudprotection { margin-top: 6px; } } .checkout-billing .billing-sal { top: 75px; } .billing-email { position: relative; top: -92px; } .pt_checkout.patagonia-eu #main { position: relative; z-index: 4; } .patagonia-eu .checkout-billing:not(.checkout-billing--us) .form-row-state, .patagonia-eu .checkout-billing:not(.checkout-billing--us) .form-row-state .form-caption { display: none; } html[lang=ja] .billing-address-info h5 span:first-child { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .billing-discounts #add-coupon, html[lang=ja] .billing-discounts #add-giftcert { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .confirmation-v1 .orderdetails { margin: 0 1%; } .confirmation-v1 .orderdetails h2 { clear: both; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 21px; } .confirmation-v1 .orderdetails .label { margin-bottom: .3rem; margin-top: .3rem; text-transform: uppercase; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .confirmation-v1 .orderdetails .order-shipment-table { background-color: #efefef; border-radius: 5px; padding: 1em; } .confirmation-v1 .orderdetails .order-shipment-details .order-shipment-address { float: left; } .confirmation-v1 .orderdetails .order-shipment-left-details, .confirmation-v1 .orderdetails .order-gift-cert-attributes { float: left; width: calc(40% - 20px); max-width: 250px; margin-right: 20px; } @media only screen and (max-width: 480px) { .confirmation-v1 .orderdetails .order-shipment-left-details, .confirmation-v1 .orderdetails .order-gift-cert-attributes { float: none; width: 100%; max-width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .confirmation-v1 .orderdetails .order-shipment-left-details, .confirmation-v1 .orderdetails .order-gift-cert-attributes { width: calc(50% - 20px); } } .confirmation-v1 .orderdetails .order-shipment-gift-cert .label { padding-top: 2rem; } .confirmation-v1 .orderdetails .order-shipment-gift-cert .order-gift-cert-to .label { padding-top: 0; } @media only screen and (max-width: 480px) { .confirmation-v1 .orderdetails .order-shipment-gift-cert .order-gift-cert-amount .label { clear: both; } } @media only screen and (min-width: 768px) { .confirmation-v1 .orderdetails .order-shipment-gift-cert .order-gift-cert-amount .label { padding-top: 0; } } .confirmation-v1 .orderdetails .shipping-status, .confirmation-v1 .orderdetails .shipping-method, .confirmation-v1 .orderdetails .tracking-number { margin-bottom: 15px; } .confirmation-v1 .orderdetails .line-items { clear: both; padding-top: 1rem; } .confirmation-v1 .orderdetails .line-items .line-item { padding-bottom: 1rem; } .confirmation-v1 .orderdetails .line-items .line-item:before, .confirmation-v1 .orderdetails .line-items .line-item:after { content: " "; display: table; } .confirmation-v1 .orderdetails .line-items .line-item:after { clear: both; } .confirmation-v1 .orderdetails .line-items .line-item .line-item-details, .confirmation-v1 .orderdetails .line-items .line-item .line-item-quantity, .confirmation-v1 .orderdetails .line-items .line-item .line-item-price { float: left; } .confirmation-v1 .orderdetails .line-items .line-item .line-item-quantity, .confirmation-v1 .orderdetails .line-items .line-item .line-item-price { width: 24%; max-width: 200px; } .confirmation-v1 .orderdetails .line-items .line-item .line-item-details { width: 50%; max-width: 324px; } .confirmation-v1 .orderdetails .line-items .line-item .line-item-details a { font-size: 14px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: black; } .confirmation-v1 .orderdetails .line-items .line-item .line-item-quantity { text-align: center; } .confirmation-v1 .orderdetails .line-items .line-item .line-item-price { text-align: right; } .confirmation-v1 .orderdetails .order-information { padding-bottom: .5em; padding-top: .5em; } .confirmation-v1 .orderdetails .order-information .label { text-transform: none; } .confirmation-v1 .orderdetails .order-information .value { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .confirmation-v1 .orderdetails .order-information .order-number { font-size: 18px; } .confirmation-v1 .orderdetails .payment-type { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .confirmation-v1 .orderdetails .payment-amount .label { font-weight: normal; text-transform: none; } .confirmation-v1 .orderdetails .order-totals-table td:first-child { padding-right: 5rem; text-align: left; } .pt_order .actions, .confirmation-v1 .confirmation .actions { padding: 0.5em 1%; } @media only screen and (max-width: 767px) { .pt_order .actions, .confirmation-v1 .confirmation .actions { float: left; margin-top: 15px; width: 100%; } } .pt_order .actions a, .confirmation-v1 .confirmation .actions a { margin-right: 2rem; } .confirmation-v1 .confirmation-message { position: relative; border-bottom: 1px solid #cccccc; padding: 0 1%; } .confirmation-v1 .confirmation-message h1 { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 30px; margin-top: 60px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .confirmation-v1 .confirmation-message h1 { margin-top: 42px; } } @media only screen and (max-width: 767px) { .confirmation-v1 .confirmation-message h1 { margin-top: 30px; font-size: 24px; text-align: center; } } .confirmation-v1 .confirmation-message .print-page { position: absolute; bottom: 15px; right: 0; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; background-color: #999999; } @media only screen and (max-width: 767px) { .confirmation-v1 .confirmation-message .print-page { display: none; } } .confirmation-v1 .confirmation-message .print-logo { display: none; position: absolute; top: 5px; width: 137px; right: 0; } @media only print { .confirmation-v1 .confirmation-message .print-logo { display: block; } } @media only screen and (min-width: 768px) { .confirmation-v1 .confirmation-message-asset { width: 75%; } } .confirmation-v1 .order-shipments { clear: both; } @media only screen and (min-width: 768px) { .confirmation-v1 .confirmation .orderdetails .order-billing, .confirmation-v1 .confirmation .orderdetails .order-payment-instruments, .confirmation-v1 .confirmation .orderdetails .order-payment-summary { float: left; margin-right: 20px; } } @media only print { .confirmation-v1 .confirmation .orderdetails .order-billing, .confirmation-v1 .confirmation .orderdetails .order-payment-instruments, .confirmation-v1 .confirmation .orderdetails .order-payment-summary { clear: none; float: left; width: 30%; } } @media only screen and (min-width: 480px) { .confirmation-v1 .confirmation .orderdetails .order-billing, .confirmation-v1 .confirmation .orderdetails .order-payment-instruments { width: calc(30% - 20px); max-width: 200px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .confirmation-v1 .confirmation .orderdetails .order-billing, .confirmation-v1 .confirmation .orderdetails .order-payment-instruments { width: 45%; } } .confirmation-v1 .confirmation .orderdetails .order-billing { margin-top: 0; } @media only screen and (max-width: 767px) { .confirmation-v1 .confirmation .orderdetails .order-payment-instruments { margin-bottom: 20px; } } .confirmation-v1 .confirmation .orderdetails .order-payment-summary { margin-right: 0; } @media only screen and (max-width: 767px) { .confirmation-v1 .confirmation .orderdetails .order-payment-summary { max-width: 320px; } } @media only screen and (min-width: 480px) { .confirmation-v1 .confirmation .orderdetails .order-payment-summary { width: 60%; } } @media only screen and (min-width: 768px) { .confirmation-v1 .confirmation .orderdetails .order-payment-summary { width: 40%; max-width: 300px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .confirmation-v1 .confirmation .orderdetails .order-payment-summary { clear: left; width: auto; } } @media only print { .confirmation-v1 .confirmation .orderdetails .order-payment-summary { float: right; width: 38%; } } .confirmation-v1 .confirmation .orderdetails .order-payment-summary .order-totals-table td { padding-top: 0; padding-left: 0; } .confirmation-v1 .confirmation.create-account .login-create-account, .confirmation-v1 .confirmation.create-account .order-confirmation-details { display: inline-block; vertical-align: top; } .confirmation-v1 .confirmation.create-account .login-create-account { float: right; padding: 0 1%; width: 34.5%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .confirmation-v1 .confirmation.create-account .login-create-account { width: 38%; } } @media only screen and (max-width: 767px) { .confirmation-v1 .confirmation.create-account .login-create-account { width: 100%; } } .confirmation-v1 .confirmation.create-account .login-create-account h2 { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .confirmation-v1 .confirmation.create-account .order-confirmation-details { width: 62%; } @media only screen and (max-width: 767px) { .confirmation-v1 .confirmation.create-account .order-confirmation-details { width: 100%; } } .confirmation-v1 .confirmation.create-account .login-box-content { background-color: #efefef; border: 1px solid #e0e0e0; border-radius: 5px; padding: 1em; } .confirmation-v1 .confirmation.create-account .login-box-content p { margin-top: 0; margin-bottom: 0; } .confirmation-v1 .confirmation.create-account .login-box-content .form-row { margin-top: 10px; } .confirmation-v1 .confirmation.create-account .login-box-content .form-row label { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-size: 15px; } .confirmation-v1 .confirmation.create-account .login-box-content .largebutton { margin-top: 10px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 767px) { .confirmation-v1 .confirmation.create-account .login-box-content .largebutton { display: block; margin: auto; } } @media only print { .confirmation-v1 .confirmation .order-confirmation-details > :not(.orderdetails) { display: none; } } .confirmation-v1 .patagonia-eu .orderdetails .order-shipment-address, .confirmation-v1 .patagonia-eu .orderdetails .order-shipment-left-details, .confirmation-v1 .patagonia-eu .orderdetails .order-shipment-gift-message, .confirmation-v1 .patagonia-eu .orderdetails .line-items .line-item .line-item-details, .confirmation-v1 .patagonia-eu .orderdetails .line-items .line-item .line-item-quantity, .confirmation-v1 .patagonia-eu .orderdetails .line-items .line-item .line-item-price, .confirmation-v1 .patagonia-eu .orderdetails .order-gift-cert-to, .confirmation-v1 .patagonia-eu .orderdetails .order-gift-cert-from, .confirmation-v1 .patagonia-eu .orderdetails .order-gift-cert-amount, .confirmation-v1 .patagonia-eu .orderdetails .order-shipment-gift-cert .shipping-method { margin-left: 0; margin-right: 0; padding-left: 15px; padding-right: 0; text-align: left; } .confirmation-v1 .patagonia-eu .orderdetails .order-shipment-left-details, .confirmation-v1 .patagonia-eu .orderdetails .order-shipment-gift-message { display: inline-block; float: none; vertical-align: top; } .confirmation-v1 .patagonia-eu .orderdetails .order-shipment-address, .confirmation-v1 .patagonia-eu .orderdetails .line-items .line-item .line-item-details { padding-left: 0; width: 43.3%; } .confirmation-v1 .patagonia-eu .orderdetails .order-shipment-left-details, .confirmation-v1 .patagonia-eu .orderdetails .line-items .line-item .line-item-quantity { width: 23.3%; } .confirmation-v1 .patagonia-eu .orderdetails .order-shipment-gift-message, .confirmation-v1 .patagonia-eu .orderdetails .line-items .line-item .line-item-price { width: 32%; } .confirmation-v1 .patagonia-eu .orderdetails .order-shipment-gift-cert { overflow: hidden; } .confirmation-v1 .patagonia-eu .orderdetails .order-shipment-gift-cert .label { margin-top: 0; padding-top: 0; } .confirmation-v1 .patagonia-eu .orderdetails .order-shipment-gift-cert .order-shipment-address { float: none; margin-bottom: 2rem; max-width: none; overflow: hidden; width: 100%; } .confirmation-v1 .patagonia-eu .orderdetails .order-shipment-gift-cert .order-gift-cert-to, .confirmation-v1 .patagonia-eu .orderdetails .order-shipment-gift-cert .order-gift-cert-amount { float: left; width: 43.4%; padding-left: 0; } .confirmation-v1 .patagonia-eu .orderdetails .order-shipment-gift-cert .order-gift-cert-from { float: left; width: 55.3%; } .confirmation-v1 .patagonia-eu .orderdetails .order-shipment-gift-cert .shipping-method { float: left; width: 23.5%; } .confirmation-v1 .patagonia-eu .orderdetails .order-shipment-gift-cert .order-shipment-gift-message { clear: both; padding: 0 0 1rem; width: 100%; } html[lang=ja] .confirmation-v1 .orderdetails h2 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .confirmation-v1 .orderdetails .label { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .confirmation-v1 .orderdetails .line-items .line-item .line-item-details a { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .confirmation-v1 .orderdetails .order-information .value { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .confirmation-v1 .orderdetails .payment-type { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .confirmation-v1 .confirmation-message h1 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .confirmation-v1 .confirmation-message .print-page { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .confirmation-v1 .confirmation.create-account .login-create-account h2 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .confirmation-v1 .confirmation.create-account .login-box-content .form-row label { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] .confirmation-v1 .confirmation.create-account .login-box-content .largebutton { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2#wrapper { background-color: #f0f0f0; } } .pt_order-confirmation.confirmation-v2#wrapper footer:not(.footer-v2) { background-color: #f0f0f0; } .pt_order-confirmation.confirmation-v2 #main { width: 100%; padding: 0; max-width: 1440px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 #main { padding: 40px; } } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup input[type="text"], .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup input[type="email"] { display: none; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup input[type="text"], .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup input[type="email"] { display: block; } } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup .error input[type="text"], .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup .error-message input[type="text"], .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup .error input[type="email"], .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup .error-message input[type="email"], .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup .error input[type="password"], .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup .error-message input[type="password"], .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup .error input[type="tel"], .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup .error-message input[type="tel"] { border: 2px solid #ef4923; color: #ef4923; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup .error .form-caption, .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup .error-message .form-caption { color: #ef4923; } .pt_order-confirmation.confirmation-v2.patagonia-jp .confirmation .confirmation-signup-grantees .confirmation-signup input[type="text"], .pt_order-confirmation.confirmation-v2.patagonia-jp .confirmation .confirmation-signup-grantees .confirmation-signup input[type="email"] { display: block; } .pt_order-confirmation.confirmation-v2.patagonia-jp .confirmation .confirmation-signup-grantees .confirmation-signup .phone { display: block; } .pt_order-confirmation.confirmation-v2.patagonia-jp .confirmation .confirmation-signup-grantees .confirmation-signup .password .form-caption { display: block; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-overview::after { clear: both; content: ""; display: table; } .pt_order-confirmation.confirmation-v2 .confirmation h1 { font-size: 24px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; line-height: 30px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation h1 { font-size: 32px; line-height: 44px; color: #333; } } .pt_order-confirmation.confirmation-v2 .confirmation h2 { font-size: 21px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; line-height: 25px; text-align: center; padding-top: 40px; margin-bottom: 0px; margin-top: 0; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation h2 { color: #333; margin-bottom: 30px; padding-top: 43px; } } @media only print { .pt_order-confirmation.confirmation-v2 .confirmation h2 { margin-bottom: 30px; } } .pt_order-confirmation.confirmation-v2 .confirmation .print-page { position: absolute; right: 25px; top: 25px; background-color: #FFFFFF; color: #333; font-size: 14px; text-transform: initial; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; letter-spacing: 0; padding: 0; display: none; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .print-page { display: block; } } .pt_order-confirmation.confirmation-v2 .confirmation .print-page:hover { text-decoration: underline; } .pt_order-confirmation.confirmation-v2 .confirmation .print-page i { padding-right: 10px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-message { position: relative; background-color: #FFFFFF; text-align: center; margin-bottom: 10px; font-size: 14px; line-height: 21px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-message { box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.12); margin-bottom: 3%; } } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-message .label { color: #666; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-message .confirmation-top { padding: 20px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-message .confirmation-top { padding: 20px 20px 0; } } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-message .confirmation-top > div:not(:last-child) { padding-bottom: 15px; } .pt_order-confirmation.confirmation-v2 .confirmation .instore-reminder .instore-pill { margin-right: 10px; } .pt_order-confirmation.confirmation-v2 .confirmation .instore-reminder .label { vertical-align: middle; } @media only screen and (min-width: 1024px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-details { float: left; width: 70%; margin-right: 3%; } } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-details .orderdetails { background-color: #FFFFFF; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .order-shipments h2 { text-align: left; } } @media only print { .pt_order-confirmation.confirmation-v2 .confirmation .order-shipments h2 { text-align: left; } } .pt_order-confirmation.confirmation-v2 .confirmation .order-shipments h2.show-mobile-receipt { padding-left: 75px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .order-shipments { box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.12); } } .pt_order-confirmation.confirmation-v2 .confirmation .order-shipments .order-shipment { display: table; width: 100%; } .pt_order-confirmation.confirmation-v2 .confirmation .order-shipments .order-shipment:not(:first-child) { border-top: solid 1px #dcdcdc; } .pt_order-confirmation.confirmation-v2 .confirmation .order-shipments .order-shipment-items { position: relative; background-color: #f3f3f3; padding-top: 20px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .order-shipments .order-shipment-items { padding-top: 0; display: table-cell; background-color: #fafafa; } } @media only print { .pt_order-confirmation.confirmation-v2 .confirmation .order-shipments .order-shipment-items { padding-top: 0; display: table-cell; } } .pt_order-confirmation.confirmation-v2 .confirmation .order-shipments .order-shipment-items .instore-pill { margin: 0 5px 0 0; } .pt_order-confirmation.confirmation-v2 .confirmation .order-shipment-details { padding-bottom: 43px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .order-shipment-details { padding-bottom: 0px; } } .pt_order-confirmation.confirmation-v2 .confirmation .order-shipment-details::after { clear: both; content: ""; display: table; } .pt_order-confirmation.confirmation-v2 .confirmation .order-detail-summary { padding: 43px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .order-detail-summary { padding: 0; } } .pt_order-confirmation.confirmation-v2 .confirmation .line-items { padding: 40px; } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item { position: relative; background-color: #FFFFFF; width: 100%; overflow: hidden; padding: 12px 18px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18); margin-top: 10px; border-radius: 3px; padding-bottom: 5%; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item { padding-bottom: 18px; } } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item.instore-pickup { border: solid 1px #ef4923; } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item img { width: 20%; float: left; } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .instore-pill { display: block; line-height: 11px; position: absolute; margin: 0; right: 0; } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .line-item-details { width: 80%; float: left; padding: 10px 0 10px 20px; } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .line-item-details .name, .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .line-item-details .name a, .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .line-item-details .pli-price { color: #333; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .line-item-details .name { float: left; width: calc(100% - 75px); } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .line-item-details .promo { clear: both; } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .line-item-details .pli-price { float: right; text-align: right; padding: 0; line-height: 22px; position: relative; min-width: 75px; } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .line-item-details .pli-price .percentage-promo { position: absolute; right: 0; color: #666; } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .line-item-details .promo { color: #666; } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .product-list-item { position: relative; } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .product-list-item:after { clear: both; content: ""; display: table; } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .product-list-item .color { clear: both; padding: 7px 0 20px; } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .attribute-items { display: flex; flex-flow: row-reverse wrap; } @media only screen and (max-width: 767px) { .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .attribute-items { position: absolute; bottom: 18px; left: 18px; right: 18px; } } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .sku, .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .attribute, .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .line-item-quantity { color: #666; } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .sku { flex: 1 1 auto; } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .attribute[data-attribute="size"] { flex: 1 1 auto; text-align: center; } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .attribute[data-attribute="color"] { display: none; } .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .line-item-quantity { flex: 1 1 auto; text-align: right; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .order-payment-info { background-color: #FFFFFF; overflow: hidden; width: 40%; padding: 0 59px 50px; border-left: solid 1px #dcdcdc; display: table-cell; vertical-align: top; } } @media only print { .pt_order-confirmation.confirmation-v2 .confirmation .order-payment-info { background-color: #FFFFFF; overflow: hidden; width: 40%; padding: 0 20px 50px; border-left: solid 1px #dcdcdc; display: table-cell; vertical-align: top; } } .pt_order-confirmation.confirmation-v2 .confirmation .order-payment-info::after { clear: both; content: ""; display: table; } .pt_order-confirmation.confirmation-v2 .confirmation .order-payment-info .order-payment-instruments { padding-bottom: 43px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .order-payment-info .order-payment-instruments { padding-bottom: 0px; } } .pt_order-confirmation.confirmation-v2 .confirmation .order-payment-info .order-payment-instruments::after { clear: both; content: ""; display: table; } .pt_order-confirmation.confirmation-v2 .confirmation .order-payment-info .order-payment-instruments .payment-type-card::after { clear: both; content: ""; display: table; } .pt_order-confirmation.confirmation-v2 .confirmation .order-payment-info .order-payment-instruments .payment-type-card .payment-type-image, .pt_order-confirmation.confirmation-v2 .confirmation .order-payment-info .order-payment-instruments .payment-type-card .payment-type-details { float: left; } .pt_order-confirmation.confirmation-v2 .confirmation .order-payment-info .order-payment-instruments .payment-type-card .payment-type-image { width: 39px; } .pt_order-confirmation.confirmation-v2 .confirmation .order-payment-info .order-payment-instruments .payment-type-card .payment-type-image img { width: 100%; } .pt_order-confirmation.confirmation-v2 .confirmation .order-payment-info .order-payment-instruments .payment-type-card .payment-type-details { padding-right: 10px; } .pt_order-confirmation.confirmation-v2 .confirmation .order-payment-info .order-payment-instruments .payment-type-card .label { color: #666; } .pt_order-confirmation.confirmation-v2 .confirmation .order-payment-info .order-payment-instruments .value { color: #333; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; padding-bottom: 12px; } .pt_order-confirmation.confirmation-v2 .confirmation .address { color: #666; } .pt_order-confirmation.confirmation-v2 .confirmation .address div:first-child { color: #333; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .pt_order-confirmation.confirmation-v2 .confirmation .phone { display: none; } .pt_order-confirmation.confirmation-v2 .confirmation .shipping-method { color: #666; } .pt_order-confirmation.confirmation-v2 .confirmation .shipping-method .value:first-child { color: #333; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .pt_order-confirmation.confirmation-v2 .confirmation .order-totals-table td:first-child { text-align: left; } .pt_order-confirmation.confirmation-v2 .confirmation .order-shipment-method { margin-bottom: 10px; } .pt_order-confirmation.confirmation-v2 .confirmation .order-shipment-gift-message h2 { margin-bottom: 20px; } .pt_order-confirmation.confirmation-v2 .confirmation .order-shipment-gift-message .value { color: #666; font-size: 14px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .order-detail-summary { padding: 0 75px; color: #666; } } @media only print { .pt_order-confirmation.confirmation-v2 .confirmation .order-detail-summary { padding: 0 75px; color: #666; } } .pt_order-confirmation.confirmation-v2 .confirmation .order-information { display: block; } .pt_order-confirmation.confirmation-v2 .confirmation .orderdetails .order-billing { margin-top: 0; } .pt_order-confirmation.confirmation-v2 .confirmation .orderdetails .order-date { clear: both; margin-bottom: 0; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .orderdetails .order-date { background-color: #ccc; } } .pt_order-confirmation.confirmation-v2 .confirmation .order-totals-table { background-color: #f3f3f3; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .order-totals-table { background-color: transparent; } } .pt_order-confirmation.confirmation-v2 .confirmation .order-totals-table .order-subtotal { display: none; } .pt_order-confirmation.confirmation-v2 .confirmation .order-totals-table .order-total { color: #333; border-top: solid 1px #ccc; } .pt_order-confirmation.confirmation-v2 .confirmation .order-totals-table .order-sales-tax td { padding-bottom: 30px; text-transform: capitalize; } .pt_order-confirmation.confirmation-v2 .confirmation .order-totals-table td { min-width: 70px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .order-payment-summary { padding-bottom: 50px; background-color: #FFFFFF; overflow: hidden; } } .pt_order-confirmation.confirmation-v2 .confirmation .order-payment-summary::after { clear: both; content: ""; display: table; } .pt_order-confirmation.confirmation-v2 .confirmation .orderpaymentinstrumentsgc { margin-bottom: 10px; } .pt_order-confirmation.confirmation-v2 .confirmation .orderpaymentinstrumentsgc .label { color: #333; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; padding-bottom: 12px; display: block; } .pt_order-confirmation.confirmation-v2 .confirmation .orderpaymentinstrumentsgc .payment-amount .value { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; color: #666; } @media only screen and (max-width: 767px) { .pt_order-confirmation.confirmation-v2 .confirmation .order-payments, .pt_order-confirmation.confirmation-v2 .confirmation .order-address-method, .pt_order-confirmation.confirmation-v2 .confirmation .order-shipment-gift-message .value { background-color: #FFFFFF; width: calc(100% - 86px); padding: 12px 18px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18); border-radius: 3px; margin: 10px 43px 0; } } .pt_order-confirmation.confirmation-v2 .confirmation .order-payments::after, .pt_order-confirmation.confirmation-v2 .confirmation .order-address-method::after, .pt_order-confirmation.confirmation-v2 .confirmation .order-shipment-gift-message .value::after { clear: both; content: ""; display: table; } .pt_order-confirmation.confirmation-v2 .confirmation .order-payments h2, .pt_order-confirmation.confirmation-v2 .confirmation .order-address-method h2, .pt_order-confirmation.confirmation-v2 .confirmation .order-shipment-gift-message .value h2 { padding-top: 0px; } .pt_order-confirmation.confirmation-v2 .confirmation .order-shipment-gift-message { padding-bottom: 43px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .order-shipment-gift-message { padding-bottom: 0px; } } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees { margin-top: 0; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees { margin-top: 35px; } } @media only screen and (min-width: 1024px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees { margin-top: 0; float: right; width: 27%; } } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup { background-color: #FFFFFF; padding: 0 30px 43px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup { box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.12); padding-bottom: 30px; border-bottom: 0; } } @media only print { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup { display: none; } } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup.account { padding: 0; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup .login-create-account { max-width: 480px; margin: 0 auto; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup h2 { margin: 0; } } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup p { color: #666; font-size: 14px; text-align: center; padding: 5px 0 15px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup input[type="text"], .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup input[type="password"], .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup input[type="email"], .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup input[type="tel"], .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup select { margin-bottom: 12px; border-color: #d9d9d9; border-radius: 2px; font-weight: bold; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup input[type="password"]::placeholder { font-size: 14px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup input[value=""] { background-color: #fafafa; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup button { border-radius: 100px; background-color: rgba(0, 0, 0, 0.8); font-size: 16px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0; width: 100%; text-transform: inherit; max-width: 300px; margin: 0 auto; display: block; letter-spacing: .1px; margin-top: 20px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup button:hover { background-color: black; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21); } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup .form-row { clear: both; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup .login-fullname .form-row { width: 50%; float: left; clear: none; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup .login-fullname .form-row:first-child input { border-right: 0; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup .login-fullname::after { clear: both; content: ""; display: table; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup .form-caption { display: none; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup .form-caption.error-message { display: block; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-grantees { background-color: #FFFFFF; margin-top: 30px; padding: 30px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-account { text-align: center; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-account .confirmation-account-name { background-color: #fafafa; padding-bottom: 21px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-account .confirmation-account-name h2 { padding-top: 21px; padding-bottom: 10px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-account .confirmation-account-name .confirmation-account-link a { color: #ef4923; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-account .confirmation-account-links { padding: 43px 20px 13px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-account .confirmation-account-links .confirmation-account-link { padding-bottom: 30px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-help { text-align: center; background-color: #fafafa; padding: 8px; margin-top: 20px; font-size: 12px; color: #333; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-help .value { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional { width: 100%; } @media only screen and (min-width: 1024px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional { width: 70%; } } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional { margin-top: 30px; } } @media only print { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional { display: none; } } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional .confirmation-additional-inner { display: flex; align-items: stretch; } } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional .confirmation-content-spot { text-align: center; background-color: #fff; padding: 43px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional .confirmation-content-spot { float: left; width: calc(50% - 10px); box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.12); padding: 0; } } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional .confirmation-content-spot:first-child { border-bottom: solid 1px #dadada; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional .confirmation-content-spot:first-child { margin-right: 20px; border-bottom: 0; } } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional .confirmation-content-spot h2 { margin-top: 0; margin-bottom: 15px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional .confirmation-content-spot h2 { margin-top: 17px; padding-left: 43px; padding-right: 43px; } } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional .confirmation-content-spot .confirmation-content-image .content-image { height: 230px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional .confirmation-content-spot .confirmation-content-text { color: #666; font-size: 14px; padding: 0 0 30px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional .confirmation-content-spot .confirmation-content-text { padding: 0 43px 30px; } } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional .confirmation-content-spot .confirmation-content-link { border-radius: 100px; background-color: #342e7d; color: #FFFFFF; font-size: 16px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; padding: 14px 19px; max-width: 300px; margin: 0 auto; cursor: pointer; letter-spacing: .1px; display: block; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional .confirmation-content-spot .confirmation-content-link:hover { text-decoration: underline; } } @media only screen and (max-width: 767px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional .confirmation-content-spot .confirmation-content-link:hover { background-image: linear-gradient(-180deg, #2A247C 2%, #342e7d 100%); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21); } } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional .confirmation-content-spot .confirmation-content-link { color: #342e7d; font-size: 12px; padding-bottom: 44px; background-color: transparent; border-radius: 0; } } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional::after { clear: both; content: ""; display: table; } .pt_order-confirmation.confirmation-v2 .confirmation .print-logo { display: none; position: absolute; top: 5px; width: 137px; right: 0; } @media only print { .pt_order-confirmation.confirmation-v2 .confirmation .print-logo { display: block; } } .pt_order-confirmation.confirmation-v2 .confirmation .instore-pill { background-color: #ef4923; color: #FFFFFF; border-radius: 23px; font-size: 9px; padding: 3px 10px; margin-left: 10px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } @media only print { .pt_order-confirmation.confirmation-v2 .confirmation .instore-pill { border: solid 1px #ef4923; } } .pt_order-confirmation.confirmation-v2 .confirmation .instore-pickup-info { text-align: left; padding: 0 43px 43px; border-bottom: solid 1px #dadada; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .instore-pickup-info { padding: 0; border-bottom: 0; } } @media only print { .pt_order-confirmation.confirmation-v2 .confirmation .instore-pickup-info { padding: 0; border-bottom: 0; } } .pt_order-confirmation.confirmation-v2 .confirmation .instore-pickup-info .address { color: #666; } .pt_order-confirmation.confirmation-v2 .confirmation .instore-pickup-info .address > div:first-child { padding-bottom: 5px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .instore-pickup-info .address > div:first-child { padding-bottom: 0px; } } .pt_order-confirmation.confirmation-v2 .confirmation .instore-pickup-info .order-shipment-address .instore-pill { margin-left: 0; padding: 0px 10px; line-height: 18px; margin-top: 0; display: inline-block; vertical-align: top; margin-bottom: 4px; } .pt_order-confirmation.confirmation-v2 .confirmation .instore-pickup-info .instore-pickup-text { font-size: 14px; padding: 5px 0 25px; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .instore-pickup-info .instore-pickup-text { padding: 0 0 25px; } } .pt_order-confirmation.confirmation-v2 .confirmation .instore-pickup-info .instore-pickup-text .label { color: #666; } .pt_order-confirmation.confirmation-v2 .confirmation .instore-pickup-info .instore-pickup-text .value { color: #333; } .pt_order-confirmation.confirmation-v2 .confirmation .instore-pickup-info .order-shipment-address { float: none; width: 100%; } @media only screen and (max-width: 767px) { .pt_order-confirmation.confirmation-v2 .confirmation .toggle-wrapper { border: solid 1px #efefef; background-color: #fafafa; margin: 20px 40px 0; border-radius: 20px; } .pt_order-confirmation.confirmation-v2 .confirmation .toggle-wrapper:after { content: ""; display: table; clear: both; } .pt_order-confirmation.confirmation-v2 .confirmation .toggle-wrapper .toggle-button { background-color: #FFFFFF; color: #000000; padding: 11px; border-radius: 23px; width: 50%; text-align: center; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: .2px; } .pt_order-confirmation.confirmation-v2 .confirmation .toggle-wrapper .toggle-button.left { float: left; } .pt_order-confirmation.confirmation-v2 .confirmation .toggle-wrapper .toggle-button.right { float: right; } .pt_order-confirmation.confirmation-v2 .confirmation .toggle-wrapper .toggle-button.active { background-color: #000000; color: #FFFFFF; } .pt_order-confirmation.confirmation-v2 .confirmation .toggle-wrapper .toggle-button h2 { padding: 0; font-size: 12px; text-transform: uppercase; } } .pt_order-confirmation.confirmation-v2 .confirmation .show-mobile-details { display: block; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .show-mobile-details { display: none; } } @media only print { .pt_order-confirmation.confirmation-v2 .confirmation .show-mobile-details { display: none; } } .pt_order-confirmation.confirmation-v2 .confirmation .mobile-details { display: none; background-color: #f3f3f3; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .mobile-details { background-color: transparent; display: block; } } .pt_order-confirmation.confirmation-v2 .confirmation .mobile-details.active { display: block; } @media only print { .pt_order-confirmation.confirmation-v2 .confirmation .mobile-details { display: block; } } @media only screen and (max-width: 767px) { .pt_order-confirmation.confirmation-v2 .confirmation .mobile-details h2 { padding-top: 0; } } .pt_order-confirmation.confirmation-v2 .confirmation .mobile-receipt { display: none; } @media only screen and (min-width: 768px) { .pt_order-confirmation.confirmation-v2 .confirmation .mobile-receipt { display: block; } } @media only print { .pt_order-confirmation.confirmation-v2 .confirmation .mobile-receipt { display: block; } } .pt_order-confirmation.confirmation-v2 .confirmation .mobile-receipt.active { display: block; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees { box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.12); margin-bottom: 3%; background-color: #fafafa; text-align: center; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantees-top { background-color: #FFFFFF; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees h1 { padding: 20px 45px 0px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantee-subheading { text-align: center; font-size: 18px; line-height: 21px; color: #666; padding: 0 15px 20px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantee-carousel { background-color: #fafafa; padding: 0 30px 20px; display: none; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantee-carousel .grantee { padding: 10px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantee-carousel .grantee .grantee-data { background-color: #FFFFFF; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18); min-height: 300px; position: relative; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantee-carousel .grantee .grantee-actions { position: absolute; bottom: 10px; width: calc(100% - 40px); } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantee-carousel .grantee .grantee-image { width: 100%; } @media only screen and (min-width: 992px) { .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantee-carousel .grantee .grantee-image { max-height: 60px; overflow: hidden; } } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantee-carousel .grantee .grantee-image img { width: 100%; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantee-carousel .grantee .grantee-info { padding: 0 20px 90px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantee-carousel .grantee .grantee-location { color: #666; font-size: 9px; padding: 7px 0 5px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantee-carousel .grantee .grantee-name { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantee-carousel .grantee .grantee-mission { font-size: 11px; margin-top: 5px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantee-carousel .grantee .grantee-donate { padding-top: 40px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantee-carousel .grantee .grantee-donate .donateButton { border-radius: 100px; background-color: #500778; font-size: 12px; text-transform: capitalize; padding: 13px 35px; letter-spacing: .14px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantee-carousel .grantee .grantee-profile { padding-top: 10px; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantee-explore { padding: 0 0 40px; background-color: #fafafa; } .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-grantees .grantee-explore button { border-radius: 100px; background-color: rgba(0, 0, 0, 0.8); font-size: 15px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; text-transform: inherit; padding: 9px 30px; letter-spacing: .14px; } .pt_order-confirmation.confirmation-v2 .confirmation .slick-next, .pt_order-confirmation.confirmation-v2 .confirmation .slick-prev { position: absolute; top: calc(50% - 25px); background-color: rgba(0, 0, 0, 0.8); border-radius: 100px; height: 25px; width: 25px; padding: 1px 6px; font-size: 12px; overflow: hidden; z-index: 10; } .pt_order-confirmation.confirmation-v2 .confirmation .slick-next:hover, .pt_order-confirmation.confirmation-v2 .confirmation .slick-prev:hover { background-color: #000000; } .pt_order-confirmation.confirmation-v2 .confirmation .slick-next { right: 25px; } .pt_order-confirmation.confirmation-v2 .confirmation .slick-prev { left: 25px; } .pt_order-confirmation.confirmation-v2 .confirmation .slick-disabled { display: none !important; } .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper { height: 82px; width: 100%; background-color: #d8d8d8; position: relative; text-align: center; } @media only screen and (max-width: 767px) { .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper { height: 185px; } } .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper .narvar-notification-image { width: 100px; padding-top: 18px; margin-right: 5px; vertical-align: top; } @media only screen and (max-width: 767px) { .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper .narvar-notification-image { width: 120px; } } .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper .narvar-notification-form { display: inline-block; width: 345px; margin: 0; height: 48px; margin-top: 25px; } @media only screen and (max-width: 767px) { .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper .narvar-notification-form { float: none; position: relative; top: 0; width: 100%; } } .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper .narvar-notification-phonenumber { display: inline-block; width: 140px; height: 31px; border: none; font-size: 12px; background: url("../images/narvar-notification-phone-icon.svg") left no-repeat; background-size: 24px; background-color: white; } .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper .narvar-notification-phonenumber:hover { background-color: white; } .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper .narvar-notification-phonenumber:focus { background-color: white; } .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper .narvar-notification-phonenumber::placeholder { color: #666666; } .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper .narvar-title-text { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 13px; vertical-align: top; display: inline-block; padding-top: 30px; text-align: left; max-width: 395px; } @media only screen and (max-width: 767px) { .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper .narvar-title-text { display: block; text-align: center; max-width: 100%; padding-top: 17px; } } .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper .narvar-title-text.narvar-title-text-two-lines { padding-top: 22px; } @media only screen and (max-width: 767px) { .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper .narvar-title-text.narvar-title-text-two-lines { padding-top: 5px; } } .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper .narvar-notification { font-size: 12px; padding: 6px 24px; text-transform: none; } .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper span.error, .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper span.error-message { display: inline-block; text-align: right; width: 100%; padding-right: 25px; } .pt_order-confirmation.confirmation-v2 .confirmation .narvar-notify-wrapper .narvar-stop-text-updates { text-decoration: underline; cursor: pointer; } .no-touchevents .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-help .phone-no-desktop { pointer-events: none; cursor: text; } html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation h1 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation h2 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation .print-page { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .line-item-details .name, html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .line-item-details .name a, html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation .line-items .line-item .line-item-details .pli-price { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation .order-payment-info .order-payment-instruments .value { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation .address div:first-child { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation .shipping-method .value:first-child { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation .order-guarantees .order-guarentee-link a { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation .orderpaymentinstrumentsgc .label { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation .orderpaymentinstrumentsgc .payment-amount .value { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-signup-grantees .confirmation-signup button { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-account .confirmation-account-name .confirmation-account-link a { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-account .confirmation-account-links .confirmation-account-link { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-help .value { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation .confirmation-additional .confirmation-content-spot .confirmation-content-link { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation .instore-pill { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 767px) { html[lang=ja] .pt_order-confirmation.confirmation-v2 .confirmation .toggle-wrapper .toggle-button { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } } .system-error { position: fixed; top: -999999px; z-index: 999999; } .system-error__exclamation { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIgNTEyIj48cGF0aCBkPSJNMTc2IDQzMmMwIDQ0LjExMi0zNS44ODggODAtODAgODBzLTgwLTM1Ljg4OC04MC04MCAzNS44ODgtODAgODAtODAgODAgMzUuODg4IDgwIDgwek0yNS4yNiAyNS4xOTlsMTMuNiAyNzJDMzkuNDk5IDMwOS45NzIgNTAuMDQxIDMyMCA2Mi44MyAzMjBoNjYuMzRjMTIuNzg5IDAgMjMuMzMxLTEwLjAyOCAyMy45Ny0yMi44MDFsMTMuNi0yNzJDMTY3LjQyNSAxMS40OSAxNTYuNDk2IDAgMTQyLjc3IDBINDkuMjNDMzUuNTA0IDAgMjQuNTc1IDExLjQ5IDI1LjI2IDI1LjE5OXoiIGZpbGw9IiNFNTRCNEIiLz48L3N2Zz4=") no-repeat 50% 50%; height: 40px; width: 20px; margin-right: 15px; } .system-error__wrapper { display: flex; max-width: 600px; border-bottom: 3px solid #E54B4B; border-right: 3px solid #E54B4B; border-left: 3px solid #E54B4B; text-align: left; background-color: #f3e1e1; border-radius: 0 0 10px 10px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); padding: 15px 20px; font-size: 14px; overflow: hidden; } @media only screen and (max-width: 767px) { .system-error__wrapper { width: initial; margin: 0 15px 15px 15px; } } .system-error__message { color: #E54B4B; -webkit-font-smoothing: antialiased; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .system-error__message a { color: #f4e1e1; text-decoration: underline; } .system-error.inversed .system-error__exclamation { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIgNTEyIj48cGF0aCBkPSJNMTc2IDQzMmMwIDQ0LjExMi0zNS44ODggODAtODAgODBzLTgwLTM1Ljg4OC04MC04MCAzNS44ODgtODAgODAtODAgODAgMzUuODg4IDgwIDgwek0yNS4yNiAyNS4xOTlsMTMuNiAyNzJDMzkuNDk5IDMwOS45NzIgNTAuMDQxIDMyMCA2Mi44MyAzMjBoNjYuMzRjMTIuNzg5IDAgMjMuMzMxLTEwLjAyOCAyMy45Ny0yMi44MDFsMTMuNi0yNzJDMTY3LjQyNSAxMS40OSAxNTYuNDk2IDAgMTQyLjc3IDBINDkuMjNDMzUuNTA0IDAgMjQuNTc1IDExLjQ5IDI1LjI2IDI1LjE5OXoiIGZpbGw9IiNGM0UxRTEiLz48L3N2Zz4=") no-repeat 50% 50%; } .system-error.inversed .system-error__wrapper { background-color: #E54B4B; } .system-error.inversed .system-error__message { color: #f3e1e1; } input[type=text], input[type=email], input[type=tel] { appearance: none; } .btn-wrapper { text-align: center; } .btn2 { color: #FFFFFF; text-transform: capitalize; margin: 0 auto; width: 240px; border-radius: 2px; background-color: #ef4923; border: 2px solid transparent; padding: 10px 12px; letter-spacing: 0.1em; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 16px; } .btn2:hover, .btn2:focus { color: #FFFFFF; border: 2px solid #ef4923; background-color: #F3775A; } .section-overlay { background-color: RGBA(246, 246, 246, 0.6); width: 100%; top: 0; left: 0; height: 100%; z-index: 1; display: none; } .section-overlay__info { background-color: #DC1222; color: #FFFFFF; font-size: 14px; text-align: center; padding: 5px; letter-spacing: 0.7px; height: 30px; opacity: 0; transition: opacity 1s; } .section-overlay__info--active { opacity: 1; transition: opacity 1s; } .section-overlay-edit-button { color: #FFFFFF; border: 2px solid transparent; bottom: 25px; left: 50%; position: absolute; text-transform: capitalize; border-radius: 30px; background-color: #222222; padding: 10px 45px; letter-spacing: 0.1em; transform: translateX(-50%); font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 16px; } .section-overlay-edit-button:hover, .section-overlay-edit-button:focus { color: #FFFFFF; background-color: #666666; border: 2px solid #222222; } body.checkoutv2 .security-message__lock-icon { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjYgMjYiIHZlcnNpb249IjEuMSIgd2lkdGg9IjI2cHgiIGhlaWdodD0iMjZweCI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgIiBkPSJNIDE2IDAgQyAxMy43ODkwNjMgMCAxMS44Nzg5MDYgMC45MTc5NjkgMTAuNjg3NSAyLjQwNjI1IEMgOS40OTYwOTQgMy44OTQ1MzEgOSA1LjgyNDIxOSA5IDcuOTA2MjUgTCA5IDkgTCAxMiA5IEwgMTIgNy45MDYyNSBDIDEyIDYuMzI4MTI1IDEyLjM5MDYyNSA1LjA4NTkzOCAxMy4wMzEyNSA0LjI4MTI1IEMgMTMuNjcxODc1IDMuNDc2NTYzIDE0LjU0Mjk2OSAzIDE2IDMgQyAxNy40NjA5MzggMyAxOC4zMjgxMjUgMy40NDkyMTkgMTguOTY4NzUgNC4yNSBDIDE5LjYwOTM3NSA1LjA1MDc4MSAyMCA2LjMwODU5NCAyMCA3LjkwNjI1IEwgMjAgOSBMIDIzIDkgTCAyMyA3LjkwNjI1IEMgMjMgNS44MTI1IDIyLjQ3MjY1NiAzLjg2MzI4MSAyMS4yODEyNSAyLjM3NSBDIDIwLjA4OTg0NCAwLjg4NjcxOSAxOC4yMDcwMzEgMCAxNiAwIFogTSA5IDEwIEMgNy4zNDM3NSAxMCA2IDExLjM0Mzc1IDYgMTMgTCA2IDIzIEMgNiAyNC42NTYyNSA3LjM0Mzc1IDI2IDkgMjYgTCAyMyAyNiBDIDI0LjY1NjI1IDI2IDI2IDI0LjY1NjI1IDI2IDIzIEwgMjYgMTMgQyAyNiAxMS4zNDM3NSAyNC42NTYyNSAxMCAyMyAxMCBaIE0gMTYgMTUgQyAxNy4xMDU0NjkgMTUgMTggMTUuODk0NTMxIDE4IDE3IEMgMTggMTcuNzM4MjgxIDE3LjU5NzY1NiAxOC4zNzEwOTQgMTcgMTguNzE4NzUgTCAxNyAyMSBDIDE3IDIxLjU1MDc4MSAxNi41NTA3ODEgMjIgMTYgMjIgQyAxNS40NDkyMTkgMjIgMTUgMjEuNTUwNzgxIDE1IDIxIEwgMTUgMTguNzE4NzUgQyAxNC40MDIzNDQgMTguMzcxMDk0IDE0IDE3LjczODI4MSAxNCAxNyBDIDE0IDE1Ljg5NDUzMSAxNC44OTQ1MzEgMTUgMTYgMTUgWiAiLz4KPC9nPgo8L3N2Zz4="); background-repeat: no-repeat; background-size: contain; display: inline-block; height: 16px; width: 16px; } body.checkoutv2 .checkoutv2-link .back-arrow, body.checkoutv2 .gift-card__check-balance-link .back-arrow, body.checkoutv2 .headerbar__backarrow { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTcuNCAxMi41bC0zLjYtMy41aDEyLjJ2LTJoLTEyLjJsMy42LTMuNS0xLjUtMS40LTUuOSA1LjkgNS45IDUuOXoiPjwvcGF0aD4KPC9zdmc+"); background-repeat: no-repeat; background-size: contain; height: 14px; width: 14px; } body.checkoutv2 .checkoutv2-link:hover .back-arrow, body.checkoutv2 .gift-card__check-balance-link:hover .back-arrow, body.checkoutv2 .checkoutv2-link:focus .back-arrow, body.checkoutv2 .gift-card__check-balance-link:focus .back-arrow, body.checkoutv2 .headerbar__left > a:hover .headerbar__backarrow { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KPHBhdGggZmlsbD0iI2VmNDkyMyIgZD0iTTcuNCAxMi41bC0zLjYtMy41aDEyLjJ2LTJoLTEyLjJsMy42LTMuNS0xLjUtMS40LTUuOSA1LjkgNS45IDUuOXoiPjwvcGF0aD4KPC9zdmc+"); background-repeat: no-repeat; background-size: contain; height: 14px; width: 14px; } span.im-caret { -webkit-animation: 1s blink step-end infinite; -moz-animation: 1s blink step-end infinite; -ms-animation: 1s blink step-end infinite; -o-animation: 1s blink step-end infinite; animation: 1s blink step-end infinite; } @keyframes blink { from, to { border-right-color: black; } 50% { border-right-color: transparent; } } @-moz-keyframes blink { from, to { border-right-color: black; } 50% { border-right-color: transparent; } } @-webkit-keyframes blink { from, to { border-right-color: black; } 50% { border-right-color: transparent; } } @-ms-keyframes blink { from, to { border-right-color: black; } 50% { border-right-color: transparent; } } @-o-keyframes blink { from, to { border-right-color: black; } 50% { border-right-color: transparent; } } span.im-static { color: grey; } div.im-colormask { /*display: inline-block;*/ border-style: inset; border-width: 2px; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } div.im-colormask > input { position: absolute; display: inline-block; background-color: transparent; color: transparent; -webkit-appearance: caret; -moz-appearance: caret; appearance: caret; border-style: none; left: 0; /*calculated*/ } div.im-colormask > input:focus { outline: none; } div.im-colormask > input::selection { background: none; } div.im-colormask > input::-moz-selection { background: none; } div.im-colormask > div { color: black; display: inline-block; width: 100px; /*calculated*/ } .summary-details { padding: 20px 0; color: #333333; max-width: 310px; margin: 0 auto; } .summary-details__detail { margin: 5px 0 0; } .summary-details__detail:first-child { margin-top: 0; } .summary-details__discount { color: #ef4923; } .summary-details__gift-card { color: #ef4923; } .summary-details__label { float: left; font-size: 12px; } .summary-details__value { float: right; font-size: 12px; } .summary-details__separator { height: 1px; background-color: #cccccc; margin: 15px 0; } .summary-details__total-label { float: left; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #333333; font-size: 14px; } .summary-details__total-value { float: right; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #333333; font-size: 14px; } .promo-code { padding: 20px 15px 0; } .promo-code__entry-container { margin-top: 20px; margin-bottom: 15px; } .promo-code__applied-coupon-container { position: relative; margin: 0 0 10px; } .promo-code__coupon-text { color: #333333; padding: 7px 15px; background-color: #FFFFFF; border-radius: 2px; font-size: 12px; } .promo-code__coupon-text-title { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .promo-code__remove-coupon { cursor: pointer; position: absolute; top: 50%; right: 15px; height: 14px; width: 14px; fill: #999999; transform: translate(0, -50%); } .promo-code__container-prompt { font-size: 12px; color: #ef4923; cursor: pointer; } .promo-code__entry-submit { float: right; border: 1px solid #333; padding: 13px; color: #FFFFFF; background-color: #333333; border-radius: 0 2px 2px 0; cursor: pointer; } .promo-code__entry-input-container { overflow: hidden; border: solid 1px #333333; border-radius: 2px 0 0 2px; } .promo-code__entry-input-container--has-error { border-color: #E54B4B; } .promo-code__entry-input { width: 100%; border: 0; padding: 13px 5px 13px 12px; } .promo-code__error-message { color: #E54B4B; text-transform: uppercase; font-size: 10px; display: none; margin-top: 5px; } .promo-code__error-message--has-error { display: block; } .gift-card { overflow: hidden; } .gift-card__entry-container { margin-top: 20px; } .gift-card__applied-gift-card-container { position: relative; margin: 0 0 10px; border: 1px solid #DDD; } .gift-card__applied-gift-card-container:first-child { margin-top: 30px; } .gift-card__card-text { color: #333333; padding: 7px 15px; background-color: #FFFFFF; border-radius: 2px; font-size: 12px; } .gift-card__card-text-title { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .gift-card__remove-card { cursor: pointer; position: absolute; top: 50%; right: 15px; height: 14px; width: 14px; fill: #999999; transform: translate(0, -50%); } .gift-card__container-prompt { font-size: 12px; color: #ef4923; cursor: pointer; } .gift-card__entry-input-container { overflow: hidden; border: solid 1px #DDD; border-radius: 2px 0 0 2px; background-color: #fff; } .gift-card__entry-input-container--error { border-color: #E54B4B; } .gift-card__entry-submit { float: right; border: 1px solid #333; padding: 12px 20px; color: #FFFFFF; background-color: #333333; border-radius: 0 2px 2px 0; cursor: pointer; font-size: 14px; } .gift-card__code-input-wrapper { position: relative; float: left; } .gift-card__code-input-wrapper div.im-colormask > div { padding: 13px 10px; } .gift-card__code-input { background: transparent; border: none; display: inline-block; width: 160px !important; padding: 13px 5px 13px 12px !important; font-size: 12px !important; } @media only screen and (max-width: 767px) { .gift-card__code-input { width: 150px; padding: 13px 0px 13px 5px; } .gift-card__code-input--transitioning-in { transition: width 0s linear; width: 150px; } } .gift-card__code-input--transitioning-out { animation-iteration-count: 1; animation-duration: .4s; animation-fill-mode: both; animation-name: slide; } .gift-card__code-input--transitioning-in { transition: width 0s linear; width: 160px; } .gift-card__pin-input-wrapper { position: relative; float: left; } .gift-card__pin-input-wrapper--hide { position: absolute; left: -999999px; } .gift-card__pin-input-wrapper div.im-colormask > div { padding: 13px 0; } .gift-card__pin-input { background: transparent; border: none; /*border-left: 1px solid $night-rider;*/ display: inline-block; width: 75px !important; padding: 13px 5px 13px 0 !important; font-size: 12px !important; } @media only screen and (max-width: 767px) { .gift-card__pin-input { width: 20%; padding: 13px 2px 13px 0; } } .gift-card__pin-input--hide { position: absolute; left: -999999px; } .gift-card__messages-container { display: flex; } .gift-card__message { margin-top: 8px; padding-left: 5px; flex: 1; } .gift-card__message--has-error { text-transform: uppercase; font-size: 10px; color: #E54B4B; } .gift-card__check-balance-text { float: left; display: block; margin-top: 5px; font-size: 12px; } .gift-card__check-balance-link { margin-top: 5px; font-size: 12px; cursor: pointer; } @keyframes slide { 0%, 10% { text-indent: 0; width: 146px; transform: translateX(-10%); } 10%, 20% { text-indent: -15px; width: 126px; transform: translateX(-10%); } 20%, 30% { text-indent: -30px; width: 116px; transform: translateX(-10%); } 30%, 40% { text-indent: -45px; width: 106px; transform: translateX(-10%); } 40%, 50% { text-indent: -60px; width: 96px; transform: translateX(-10%); } 50%, 60% { text-indent: -75px; width: 86px; transform: translateX(-15%); } 60%, 70% { text-indent: -90px; width: 76px; transform: translateX(-15%); } 70%, 80% { text-indent: -105px; width: 66px; transform: translateX(-10%); } 80%, 90% { text-indent: -108px; width: 56px; transform: translateX(-5%); } 90%, 100% { text-indent: -110px; width: 46px; transform: translateX(0); } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .shopping-cart__product-container { max-width: 310px; margin: 0 auto; display: none; } } @media only screen and (max-width: 767px) { .shopping-cart__product-container { max-width: 310px; margin: 0 auto; display: none; } } .shopping-cart__product { padding: 15px 0 10px; border-bottom: 1px solid #DDD; margin-bottom: 20px; } .shopping-cart__product:last-child { /*border: none;*/ margin: 0; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .shopping-cart__product:last-child { border: none; } } @media only screen and (max-width: 767px) { .shopping-cart__product:last-child { border: none; } } .shopping-cart__product--mock .shopping-cart__product-image, .shopping-cart__product--mock .shopping-cart__product-details-pid, .shopping-cart__product--mock .shopping-cart__product-details-name, .shopping-cart__product--mock .shopping-cart__product-details-color, .shopping-cart__product--mock .shopping-cart__product-details-size, .shopping-cart__product--mock .shopping-cart__edit-product-link, .shopping-cart__product--mock .shopping-cart__product-footer-qty, .shopping-cart__product--mock .shopping-cart__price-low { background-color: #eeeeee; color: #eeeeee; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .shopping-cart__product--mock { display: none; } } .shopping-cart__product-body { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; } .shopping-cart__product-details-container { flex-grow: 1; padding: 0 10px 0 20px; position: relative; } .shopping-cart__product-image { flex: 0 0 130px; height: 130px; margin-left: 15px; } .shopping-cart__product-details-name { font-size: 14px; color: #000000; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.28; } .shopping-cart__product-details-pid { float: left; font-size: 10px; color: #999999; margin-bottom: 5px; } .shopping-cart__product-details-color { font-size: 10px; color: #666666; } .shopping-cart__product-details-size { font-size: 12px; color: #000000; margin-top: 5px; } .shopping-cart__product-details-instore { display: inline; float: right; background-color: #ef4923; color: #FFFFFF; border-radius: 23px; font-size: 9px; padding: 3px 10px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } .shopping-cart__product-footer { width: 100%; margin-top: 10px; } .shopping-cart__product-footer-content { display: flex; align-items: baseline; } .shopping-cart__product-footer-item { text-align: center; } .shopping-cart__product-footer-item:first-child { flex: 0 0 130px; text-align: center; margin-left: 15px; } .shopping-cart__product-footer-item:last-child { flex: 1; text-align: right; } .shopping-cart__edit-product-link { color: #666666; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; cursor: pointer; } .shopping-cart__price-content { margin-right: 15px; } .shopping-cart__strike-price-low { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; padding-left: 5px; } .shopping-cart__strike-price-high { text-decoration: line-through; color: #777777; } .shopping-cart__price-adj-message { text-align: center; color: #777777; margin-top: 10px; } .shopping-cart__subtotal-label { display: inline-block; font-size: 14px; padding-top: 3px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .shopping-cart__subtotal-value { float: right; font-weight: 500; font-size: 18px; color: #333333; } .shopping-cart__header { font-size: 14px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; padding: 20px 30px; display: none; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .shopping-cart__header { display: block; } } @media only screen and (max-width: 767px) { .shopping-cart__header { display: block; } } .shopping-cart__header-items { display: inline-block; font-size: 14px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.7px; text-transform: uppercase; } .shopping-cart__header-items .instore-pill { position: relative; left: 10px; } .shopping-cart__header-total { float: right; font-size: 14px; } .shopping-cart__header-expand { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImZvcm0vZHJvcGRvd24vc2F2ZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNTkuMDAwMDAwLCAtMzEuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNzMuNDMxNzYyLDMxLjA1OTU1MzMgTDM3NC45NDA0NDcsMzIuNTY4MjM4MiBDMzc1LjAxOTg1MSwzMi42NDc2NDI3IDM3NS4wMTk4NTEsMzIuNzI3MDQ3MSAzNzQuOTQwNDQ3LDMyLjgwNjQ1MTYgTDM2Ny4wNzk0MDQsNDAuNTg4MDg5MyBDMzY3LDQwLjY2NzQ5MzggMzY2LjkyMDU5Niw0MC42Njc0OTM4IDM2Ni44NDExOTEsNDAuNTg4MDg5MyBMMzU5LjA1OTU1MywzMi44MDY0NTE2IEMzNTguOTgwMTQ5LDMyLjcyNzA0NzEgMzU4Ljk4MDE0OSwzMi41NjgyMzgyIDM1OS4wNTk1NTMsMzIuNTY4MjM4MiBMMzYwLjU2ODIzOCwzMS4wNTk1NTMzIEMzNjAuNjQ3NjQzLDMwLjk4MDE0ODkgMzYwLjcyNzA0NywzMC45ODAxNDg5IDM2MC44MDY0NTIsMzEuMDU5NTUzMyBMMzY3LDM3LjI1MzEwMTcgTDM3My4xOTM1NDgsMzEuMDU5NTUzMyBDMzczLjI3Mjk1MywzMC45ODAxNDg5IDM3My4zNTIzNTcsMzAuOTgwMTQ4OSAzNzMuNDMxNzYyLDMxLjA1OTU1MzMgTDM3My40MzE3NjIsMzEuMDU5NTUzMyBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat right 50%; background-size: 16px 10px; width: 16px; height: 10px; cursor: pointer; float: right; margin-top: 5px; } .shopping-cart__header-expand--expanded { transform: rotate(180deg); } .guarantee-wrapper { margin: 20px 0; font-size: 10px; color: #666666; } .guarantee-col { font-size: 12px; width: 50%; float: left; text-align: center; } .guarantee-image { padding: 5px; } .guarantee-copy { margin: 8px 15px; } html[lang=ja] .shopping-cart__product-details-name { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .shopping-cart__product-details-instore { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] .shopping-cart__edit-product-link { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .shopping-cart__strike-price-low { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .shopping-cart__subtotal-label { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .shopping-cart__header-items { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .gift-message__readonly { margin: 15px 0 0 0; font-size: 16px; } .gift-message__editmode { margin: 15px 0 0 0; } .gift-message__link { display: inline-block; margin-bottom: 6px; cursor: pointer; } .gift-message__close-link { margin-top: 4px; width: 12px; float: right; } .gift-message__char-count { margin-top: 5px; } .your-details__readonly-container { border: 1px solid #cccccc; padding: 10px 15px; position: relative; } .your-details__readonly-container--is-registered-customer { border: none; padding: 0; } .your-details__readonly-container--is-registered-customer .your-details__edit-button { display: none; } .your-details__edit-button { cursor: pointer; position: absolute; top: 10px; right: 15px; color: #666666; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } #cvv-modal { color: #333; font-size: 14px; } .cvv-modal__title { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.7px; margin-bottom: 10px; } .cvv-modal__description { margin-bottom: 20px; } .cvv-modal__cvv-image img { max-width: 100%; height: auto; } .cvv-modal__close { float: right; width: 12px; height: 12px; } .shipping-methods { margin: 20px 0; } .addressbook__back { margin-bottom: 25px; } .addressbook__addresses { display: none; } .addressbook--active .addressbook__back { display: none; } .addressbook--active .addressbook__addresses { display: block; } .addressbook--hidden .addressbook__back { display: none; } .addressbook--hidden .addressbook__addresses { display: none; } .addressbook__add-new-button { margin: 15px 0 0 30px; } .stored-cc-options__cards { display: none; } .stored-cc-options__back { margin-bottom: 25px; display: block; } .stored-cc-options--active .stored-cc-options__cards { display: block; } .stored-cc-options--active .stored-cc-options__back { display: none; } #shipping-section { display: flex; flex-flow: column; justify-content: space-between; border-right: 1px solid #DDDDDD; } @media only screen and (max-width: 767px) { #shipping-section { border: none; padding-bottom: 50px; } } #shipping-section .shipping-section__wrapper { flex: 1; flex-shrink: 0; transition: flex-shrink all 2s; } #shipping-section .shipping-section__wrapper.shipping-section--collapsed { flex: 0; flex-shrink: 1; } #shipping-section .shipping-section__wrapper .checkout-section--first { margin-top: 15px !important; } #shipping-section .shipping-section__wrapper .shipping-method-message { margin: 35px auto 25px; } #shipping-section .shipping-section__next-button-wrapper { flex: 0 0 45px; width: 100%; } @media only screen and (max-width: 767px) { #shipping-section .shipping-section__next-button-wrapper { position: fixed; left: 0; bottom: 0; } } #shipping-section .shipping-section__next-button { width: 100%; padding: 13px; background-color: #ef4923; border: none; color: white; text-align: center; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-size: 16px; text-transform: none; letter-spacing: 0; pointer-events: none; } #shipping-section .shipping-promos { margin: 0; } #shipping-section .shipping-method-label { margin-top: 0; width: calc(100% - 33px); } #shipping-section .shipping-methods__inputs .checkout-rb__label .checkoutv2-link, #shipping-section .shipping-methods__inputs .checkout-rb__label .gift-card__check-balance-link { display: none; } #shipping-section.completed .shipping-section__next-button { display: none; } #shipping-section.completed .readonly-section.shipping-address, #shipping-section.completed body.checkoutv2 #main #payment-section .shipping-address.billing-address-readonly, body.checkoutv2 #main #payment-section #shipping-section.completed .shipping-address.billing-address-readonly, #shipping-section.completed body.checkoutv2 #main #payment-section .shipping-address.payment-instruments-readonly, body.checkoutv2 #main #payment-section #shipping-section.completed .shipping-address.payment-instruments-readonly { display: flex; } #shipping-section.completed .alternate-payment-methods-section { display: none; } #shipping-section.completed .shipping-method-message { display: none; } #shipping-section.completed .address-entry-form { display: none; } #shipping-section.completed .shipping-methods { margin: 20px 0 0 0; } #shipping-section.completed .shipping-methods .checkout-rb.checked { margin: 0; } #shipping-section.completed .shipping-methods__inputs .checkout-rb__radio-button { display: none; } #shipping-section.completed .shipping-methods__inputs .checkout-rb:not(.checked) { display: none; } #shipping-section.completed .shipping-methods__inputs .checkout-rb__label .checkoutv2-link, #shipping-section.completed .shipping-methods__inputs .checkout-rb__label .gift-card__check-balance-link { display: initial; } html.js .checkout-dropdown { display: flex; flex-wrap: wrap; width: 100%; align-items: center; border: 1px solid #CCC; padding: 10px 15px; } html.js .checkout-dropdown .checkout-dropdown-inputs { flex: 1; } html.js .checkout-dropdown .checkout-dropdown-button { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE2IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9ImZvcm0vZHJvcGRvd24vc2F2ZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNTkuMDAwMDAwLCAtMzEuMDAwMDAwKSIgZmlsbD0iIzk5OTk5OSI+DQogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiI+DQogICAgICAgICAgICAgICAgPHBhdGggZD0iTTM3My40MzE3NjIsMzEuMDU5NTUzMyBMMzc0Ljk0MDQ0NywzMi41NjgyMzgyIEMzNzUuMDE5ODUxLDMyLjY0NzY0MjcgMzc1LjAxOTg1MSwzMi43MjcwNDcxIDM3NC45NDA0NDcsMzIuODA2NDUxNiBMMzY3LjA3OTQwNCw0MC41ODgwODkzIEMzNjcsNDAuNjY3NDkzOCAzNjYuOTIwNTk2LDQwLjY2NzQ5MzggMzY2Ljg0MTE5MSw0MC41ODgwODkzIEwzNTkuMDU5NTUzLDMyLjgwNjQ1MTYgQzM1OC45ODAxNDksMzIuNzI3MDQ3MSAzNTguOTgwMTQ5LDMyLjU2ODIzODIgMzU5LjA1OTU1MywzMi41NjgyMzgyIEwzNjAuNTY4MjM4LDMxLjA1OTU1MzMgQzM2MC42NDc2NDMsMzAuOTgwMTQ4OSAzNjAuNzI3MDQ3LDMwLjk4MDE0ODkgMzYwLjgwNjQ1MiwzMS4wNTk1NTMzIEwzNjcsMzcuMjUzMTAxNyBMMzczLjE5MzU0OCwzMS4wNTk1NTMzIEMzNzMuMjcyOTUzLDMwLjk4MDE0ODkgMzczLjM1MjM1NywzMC45ODAxNDg5IDM3My40MzE3NjIsMzEuMDU5NTUzMyBMMzczLjQzMTc2MiwzMS4wNTk1NTMzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+") no-repeat 50% 50%; background-size: 16px 10px; width: 16px; height: 16px; } html.js .checkout-dropdown.closed { cursor: pointer; } html.js .checkout-dropdown.closed .checkout-dropdown-footer, html.js .checkout-dropdown.closed .checkout-dropdown-add-button { display: none !important; } html.js .checkout-dropdown.closed .checkout-dropdown-button { display: block !important; } html.js .checkout-dropdown.closed .form-row, html.js .checkout-dropdown.closed .checkout-dropdown-input { display: none; } html.js .checkout-dropdown.closed .form-row.no-selection.selected, html.js .checkout-dropdown.closed .checkout-dropdown-input.no-selection.selected { display: block; } html.js .checkout-dropdown.closed .form-row.checked, html.js .checkout-dropdown.closed .form-row.selected, html.js .checkout-dropdown.closed .checkout-dropdown-input.checked, html.js .checkout-dropdown.closed .checkout-dropdown-input.selected { display: block; margin: 0; } html.js .checkout-dropdown.closed .form-row.checked label::before, html.js .checkout-dropdown.closed .form-row.selected label::before, html.js .checkout-dropdown.closed .checkout-dropdown-input.checked label::before, html.js .checkout-dropdown.closed .checkout-dropdown-input.selected label::before { display: none; } html.js .checkout-dropdown.closed .form-row.checked label .shipping-method-label, html.js .checkout-dropdown.closed .form-row.selected label .shipping-method-label, html.js .checkout-dropdown.closed .checkout-dropdown-input.checked label .shipping-method-label, html.js .checkout-dropdown.closed .checkout-dropdown-input.selected label .shipping-method-label { float: none; margin: 0; width: auto !important; } html.js .checkout-dropdown.open .checkout-dropdown-footer, html.js .checkout-dropdown.open .checkout-dropdown-add-button { display: block !important; } html.js .checkout-dropdown.open .checkout-dropdown-button { display: none; } html.js .checkout-dropdown.open .form-row, html.js .checkout-dropdown.open .checkout-dropdown-input { color: #999; /* &:first-child { display: block; margin: 0 0 1.0rem; } */ } html.js .checkout-dropdown.open .form-row.checked, html.js .checkout-dropdown.open .form-row.selected, html.js .checkout-dropdown.open .checkout-dropdown-input.checked, html.js .checkout-dropdown.open .checkout-dropdown-input.selected { color: #000000; } html.js .checkout-dropdown.open .form-row.no-selection, html.js .checkout-dropdown.open .checkout-dropdown-input.no-selection { display: none; } html.js .checkout-dropdown.open .form-row:last-child, html.js .checkout-dropdown.open .checkout-dropdown-input:last-child { margin: 0; } html.js .checkoutv2 #shipping-method-list fieldset { border-bottom: none; } html.js .checkoutv2 #shipping-method-list legend { display: none; } html[lang=ja] html.js .checkout-dropdown .checkout-dropdown-add-button { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } body.checkoutv2 { /* override Bootstrap's styling of tabs */ } body.checkoutv2 ::-webkit-scrollbar { width: 8px; } body.checkoutv2 ::-webkit-scrollbar-track { width: 5px; } body.checkoutv2 ::-webkit-scrollbar-thumb { border-radius: 0; background-color: #CCC; background-clip: padding-box; border-left: 2px solid transparent; border-right: 2px solid transparent; } body.checkoutv2 .security-message { margin: 10px 0 20px 0; } body.checkoutv2 .security-message__lock-icon { margin-right: 5px; } body.checkoutv2 .checkoutv2-link, body.checkoutv2 .gift-card__check-balance-link { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; cursor: pointer; border-bottom: 2px solid #000; display: inline-block; } body.checkoutv2 .checkoutv2-link .back-arrow, body.checkoutv2 .gift-card__check-balance-link .back-arrow { display: inline-block; height: 12px; width: 12px; margin-right: 8px; } body.checkoutv2 .checkoutv2-link:hover, body.checkoutv2 .gift-card__check-balance-link:hover, body.checkoutv2 .checkoutv2-link:focus, body.checkoutv2 .gift-card__check-balance-link:focus { border-bottom: 2px solid #ef4923; } body.checkoutv2 .checkoutv2-link:hover .back-arrow, body.checkoutv2 .gift-card__check-balance-link:hover .back-arrow, body.checkoutv2 .checkoutv2-link:focus .back-arrow, body.checkoutv2 .gift-card__check-balance-link:focus .back-arrow { height: 12px; width: 12px; } body.checkoutv2 #wrapper { background-color: #F5F5F5; height: 100vh; display: flex; flex-flow: column; /*border: 3px solid red;*/ } @media only screen and (max-width: 1023px) { body.checkoutv2 #wrapper { height: auto; } } body.checkoutv2 #main { max-width: 1440px; display: flex; margin: 0 auto; min-height: 0; /* fixes firefox issue: https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size */ height: 100%; width: 100%; padding: 0; } @media only screen and (min-width: 768px) and (max-width: 1023px) { body.checkoutv2 #main { width: 480px; padding-top: 30px; flex-flow: column; } } @media only screen and (max-width: 767px) { body.checkoutv2 #main { flex-flow: column; } } body.checkoutv2 #main .billing-address.billing-address--use-shipping-selected { margin-bottom: 8px !important; } body.checkoutv2 #main .billing-address.checkout-section { margin: 0 auto 35px; } @media only screen and (max-width: 1023px) { body.checkoutv2 #main.main--shipping-active #shipping-section { display: block; } body.checkoutv2 #main.main--shipping-active #payment-section { display: none; } body.checkoutv2 #main.main--shipping-active #order-summary-section { display: none; } } body.checkoutv2 #main > div { /*flex items*/ background-color: white; flex-basis: 33.333333333%; } body.checkoutv2 #main > div#order-summary-section { display: flex; flex-flow: column; justify-content: space-between; } @media only screen and (max-width: 1023px) { body.checkoutv2 #main > div#order-summary-section { flex-direction: column-reverse; } } body.checkoutv2 #main .checkout-title { width: 100%; text-align: center; padding: 20px 0; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 25px; /*letter-spacing: 1.2px;*/ } body.checkoutv2 #main .active .checkout-title { /*color: $orange;*/ } body.checkoutv2 #main .checkout-section { position: relative; background-color: #FFFFFF; max-width: 310px; margin: 35px auto; } body.checkoutv2 #main .alternate-payment-methods-section { text-align: center; margin: 0 5%; } @media only screen and (max-width: 1023px) { body.checkoutv2 #main #order-summary-section .checkout-title { display: none; } } body.checkoutv2 #main #order-summary-section .order-summary__details { box-shadow: 0 -4px 3px -3px rgba(119, 119, 119, 0.3); background-color: #F5F5F5; } body.checkoutv2 #main #order-summary-section .checkout-mini-cart { margin-top: 20px; } @media only screen and (max-width: 1023px) { body.checkoutv2 #main #order-summary-section .checkout-mini-cart { margin-top: 0; } } body.checkoutv2 #main #order-summary-section .checkout-mini-cart .mini-cart-product { padding: 16px 0 16px 0; } body.checkoutv2 #main #order-summary-section .checkout-mini-cart .mini-cart-product:last-child { border: none; } body.checkoutv2 #main #order-summary-section .checkout-mini-cart .mini-cart-medium-image { float: left; width: 36%; } body.checkoutv2 #main #order-summary-section .checkout-mini-cart .mini-cart-name, body.checkoutv2 #main #order-summary-section .checkout-mini-cart .mini-cart-attributes, body.checkoutv2 #main #order-summary-section .checkout-mini-cart .mini-cart-pricing, body.checkoutv2 #main #order-summary-section .checkout-mini-cart .mini-cart-product .product-availability-list { width: 58%; } @media only screen and (max-width: 1023px) { body.checkoutv2 #main #order-summary-section .checkout-mini-cart { border-bottom: 1px solid #cccccc; } } body.checkoutv2 #main .order-summary-section__wrapper { overflow: auto; } body.checkoutv2 #main .order-summary-section__inner { max-width: 310px; margin: 0 auto; } @media only screen and (max-width: 1023px) { body.checkoutv2 #main .order-summary-section__inner { margin: 0; max-width: unset; } } body.checkoutv2 #main #payment-section { display: flex; flex-direction: column; border-right: 1px solid #DDDDDD; overflow: auto; } body.checkoutv2 #main #payment-section .billing-payment-methods .nav .badge { background-color: #000; } body.checkoutv2 #main #payment-section .billing-payment-methods .active .badge { background-color: #000; } body.checkoutv2 #main #payment-section .billing-payment-methods .nav-tabs > li > a:hover .badge { background-color: #ef4923; } body.checkoutv2 #main #payment-section .billing-payment-methods .nav-tabs > li.active > a:hover .badge { background-color: #000; } body.checkoutv2 #main #payment-section .payment-section__submit-button { background-color: #ef4923; border: none; color: white; text-align: center; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-size: 16px; text-transform: none; letter-spacing: 0; flex: 0 0 45px; display: block; width: 100%; } @media only screen and (max-width: 767px) { body.checkoutv2 #main #payment-section { border: none; } } body.checkoutv2 #main #payment-section .payment-section { overflow: auto; flex: 1; } body.checkoutv2 #main #payment-section .payment-instruments-readonly { margin-bottom: 20px; } body.checkoutv2 #main #payment-section .payment-instruments-readonly ul { margin: 0; } body.checkoutv2 #main #payment-section .payment-instruments-readonly .cc-img { margin-right: 5px; vertical-align: unset; max-height: 20px; } body.checkoutv2 #main #payment-section .payment-method { display: block; } body.checkoutv2 #main #payment-section .payment-method-options .form-row { float: none; } body.checkoutv2 .pt_checkout { /* .form-row input[type="radio"] + label:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjIycHgiIGhlaWdodD0iMjJweCIgdmlld0JveD0iMCAwIDIyIDIyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJmb3JtL2Ryb3Bkb3duL29wZW4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS4wMDAwMDAsIC0xMDcuMDAwMDAwKSIgc3Ryb2tlPSIjQ0NDQ0NDIiBmaWxsPSIjRkZGRkZGIj4NCiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGN4PSIzMCIgY3k9IjExOCIgcj0iMTAiPjwvY2lyY2xlPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+"); background-size: 20px 20px; width: 20px; height: 20px; } .form-row input[type="radio"]:checked + label:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE4IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJmb3JtL2Ryb3Bkb3duL29wZW4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMC4wMDAwMDAsIC0xMi4wMDAwMDApIiBmaWxsPSIjMDAwMDAwIj4NCiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIj4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzgsMTMuOTY5ODExMyBMMjYuNDA3NTQ3MiwyNS40NzE2OTgxIEMyNi4zMTY5ODExLDI1LjU2MjI2NDIgMjYuMjI2NDE1MSwyNS41NjIyNjQyIDI2LjEzNTg0OTEsMjUuNDcxNjk4MSBMMjAuMDY3OTI0NSwxOS40MDM3NzM2IEMxOS45NzczNTg1LDE5LjMxMzIwNzUgMTkuOTc3MzU4NSwxOS4yMjI2NDE1IDIwLjA2NzkyNDUsMTkuMTMyMDc1NSBMMjEuNzg4Njc5MiwxNy40MTEzMjA4IEMyMS44NzkyNDUzLDE3LjMyMDc1NDcgMjEuOTY5ODExMywxNy4zMjA3NTQ3IDIyLjA2MDM3NzQsMTcuNDExMzIwOCBMMjYuMzE2OTgxMSwyMS43NTg0OTA2IEwzNi4wOTgxMTMyLDEyLjA2NzkyNDUgQzM2LjE4ODY3OTIsMTEuOTc3MzU4NSAzNi4yNzkyNDUzLDExLjk3NzM1ODUgMzYuMzY5ODExMywxMi4wNjc5MjQ1IEwzOCwxMy42OTgxMTMyIEMzOCwxMy43ODg2NzkyIDM4LDEzLjk2OTgxMTMgMzgsMTMuOTY5ODExMyBMMzgsMTMuOTY5ODExMyBaIiBpZD0iU2hhcGUiPjwvcGF0aD4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg=="); background-size: 18px 14px; width: 18px; height: 14px; }*/ /* reset the label:before pseudo from the _form-components.scss */ } body.checkoutv2 .pt_checkout legend { padding: 0 0 10px 0; font-size: 14px; text-transform: uppercase; } body.checkoutv2 .pt_checkout .form-horizontal { background-color: #FFFFFF; border-radius: 0; padding: 0; } body.checkoutv2 .pt_checkout .emailList label span { float: none; width: auto; } body.checkoutv2 .pt_checkout .form-row select { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE2IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9ImZvcm0vZHJvcGRvd24vc2F2ZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNTkuMDAwMDAwLCAtMzEuMDAwMDAwKSIgZmlsbD0iIzk5OTk5OSI+DQogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiI+DQogICAgICAgICAgICAgICAgPHBhdGggZD0iTTM3My40MzE3NjIsMzEuMDU5NTUzMyBMMzc0Ljk0MDQ0NywzMi41NjgyMzgyIEMzNzUuMDE5ODUxLDMyLjY0NzY0MjcgMzc1LjAxOTg1MSwzMi43MjcwNDcxIDM3NC45NDA0NDcsMzIuODA2NDUxNiBMMzY3LjA3OTQwNCw0MC41ODgwODkzIEMzNjcsNDAuNjY3NDkzOCAzNjYuOTIwNTk2LDQwLjY2NzQ5MzggMzY2Ljg0MTE5MSw0MC41ODgwODkzIEwzNTkuMDU5NTUzLDMyLjgwNjQ1MTYgQzM1OC45ODAxNDksMzIuNzI3MDQ3MSAzNTguOTgwMTQ5LDMyLjU2ODIzODIgMzU5LjA1OTU1MywzMi41NjgyMzgyIEwzNjAuNTY4MjM4LDMxLjA1OTU1MzMgQzM2MC42NDc2NDMsMzAuOTgwMTQ4OSAzNjAuNzI3MDQ3LDMwLjk4MDE0ODkgMzYwLjgwNjQ1MiwzMS4wNTk1NTMzIEwzNjcsMzcuMjUzMTAxNyBMMzczLjE5MzU0OCwzMS4wNTk1NTMzIEMzNzMuMjcyOTUzLDMwLjk4MDE0ODkgMzczLjM1MjM1NywzMC45ODAxNDg5IDM3My40MzE3NjIsMzEuMDU5NTUzMyBMMzczLjQzMTc2MiwzMS4wNTk1NTMzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+") no-repeat right 50%; background-size: 16px 10px; padding-right: 5px; background-origin: content-box; } body.checkoutv2 .pt_checkout .form-row input[type="checkbox"] + label:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiANCiAgICA8ZGVmcz4NCiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48L3JlY3Q+DQogICAgPC9kZWZzPg0KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9ImNoZWNrYm94L25vIj4NCiAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMTQiPg0KICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4NCiAgICAgICAgICAgICAgICA8cmVjdCBzdHJva2U9IiNDQ0NDQ0MiIHN0cm9rZS13aWR0aD0iMSIgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSI+PC9yZWN0Pg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+"); background-size: 20px 20px; width: 20px; height: 20px; } body.checkoutv2 .pt_checkout .form-row input[type="checkbox"]:checked + label:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNMCwzIEwyMCwzIEwyMCwyMyBMMCwyMyBMMCwzIFogTTE2LDEwLjMxMzIwNzUgQzE2LDEwLjMxMzIwNzUgMTYsMTAuMTkyNDUyOCAxNiwxMC4xMzIwNzU1IEwxNC45MTMyMDc1LDkuMDQ1MjgzMDIgQzE0Ljg1MjgzMDIsOC45ODQ5MDU2NiAxNC43OTI0NTI4LDguOTg0OTA1NjYgMTQuNzMyMDc1NSw5LjA0NTI4MzAyIEw4LjIxMTMyMDc1LDE1LjUwNTY2MDQgTDUuMzczNTg0OTEsMTIuNjA3NTQ3MiBDNS4zMTMyMDc1NSwxMi41NDcxNjk4IDUuMjUyODMwMTksMTIuNTQ3MTY5OCA1LjE5MjQ1MjgzLDEyLjYwNzU0NzIgTDQuMDQ1MjgzMDIsMTMuNzU0NzE3IEMzLjk4NDkwNTY2LDEzLjgxNTA5NDMgMy45ODQ5MDU2NiwxMy44NzU0NzE3IDQuMDQ1MjgzMDIsMTMuOTM1ODQ5MSBMOC4wOTA1NjYwNCwxNy45ODExMzIxIEM4LjE1MDk0MzQsMTguMDQxNTA5NCA4LjIxMTMyMDc1LDE4LjA0MTUwOTQgOC4yNzE2OTgxMSwxNy45ODExMzIxIEwxNiwxMC4zMTMyMDc1IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iY2hlY2tib3gveWVzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgLTMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJDb21iaW5lZC1TaGFwZSI+CiAgICAgICAgICAgICAgICA8dXNlIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8cGF0aCBzdHJva2U9IiNDQ0NDQ0MiIHN0cm9rZS13aWR0aD0iMSIgZD0iTTAuNSwzLjUgTDAuNSwyMi41IEwxOS41LDIyLjUgTDE5LjUsMy41IEwwLjUsMy41IFogTTguMjE2NzAyNjQsMTQuNzk2NDg4IEwxNC4zNzg1MjIxLDguNjkxNzI5NjMgQzE0LjYzNDE2MTYsOC40MzYwOTAxMiAxNS4wMTExMjE0LDguNDM2MDkwMTIgMTUuMjY2NzYwOSw4LjY5MTcyOTYzIEwxNi41LDkuOTI0OTY4NjkgTDE2LjUsMTAuNTIxNDYzOSBMMTYuMzUyMTY0MiwxMC42NjgxNDQ3IEw4LjYyNTI1MTUsMTguMzM0Njg1NSBDOC4zNjk2MTIsMTguNTkwMzI1IDcuOTkyNjUyMTUsMTguNTkwMzI1IDcuNzM3MDEyNjUsMTguMzM0Njg1NSBMMy42OTE3Mjk2MywxNC4yODk0MDI0IEMzLjQzNjA5MDEyLDE0LjAzMzc2MjkgMy40MzYwOTAxMiwxMy42NTY4MDMxIDMuNjkxNzI5NjMsMTMuNDAxMTYzNiBMNC44Mzg4OTk0NCwxMi4yNTM5OTM4IEM1LjA5NDUzODk0LDExLjk5ODM1NDMgNS40NzE0OTg3OSwxMS45OTgzNTQzIDUuNzMwODQwMTIsMTIuMjU3NzM0OCBMOC4yMTY3MDI2NCwxNC43OTY0ODggWiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="); background-color: #000; } body.checkoutv2 .pt_checkout .form-row input[type="radio"] + label:before, body.checkoutv2 .pt_checkout .form-row input[type="radio"]:checked + label:before { background-image: none; width: auto; height: auto; content: none; } body.checkoutv2 .pt_checkout .form-row input[type="radio"] + label { cursor: pointer; display: flex; align-items: center; flex: 2; max-width: unset; font-family: "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; line-height: 20px; letter-spacing: -.14px; } body.checkoutv2 .pt_checkout .form-row input[type="radio"]:checked + label { font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; } body.checkoutv2 .pt_checkout .checkout-rb { font-size: 14px; } body.checkoutv2 .pt_checkout .checkout-rb__label { display: flex; } body.checkoutv2 .pt_checkout .checkout-rb__label .checkoutv2-link, body.checkoutv2 .pt_checkout .checkout-rb__label .gift-card__check-balance-link { align-self: flex-start; } body.checkoutv2 .pt_checkout .form-row input[type="radio"] + label > .checkout-rb__radio-button:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjIycHgiIGhlaWdodD0iMjJweCIgdmlld0JveD0iMCAwIDIyIDIyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJmb3JtL2Ryb3Bkb3duL29wZW4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS4wMDAwMDAsIC0xMDcuMDAwMDAwKSIgc3Ryb2tlPSIjQ0NDQ0NDIiBmaWxsPSIjRkZGRkZGIj4NCiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGN4PSIzMCIgY3k9IjExOCIgcj0iMTAiPjwvY2lyY2xlPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+"); background-size: 20px 20px; width: 20px; height: 20px; content: ''; display: inline-block; margin-right: 12px; background-repeat: no-repeat; } body.checkoutv2 .pt_checkout .form-row input[type="radio"]:checked + label > .checkout-rb__radio-button:before { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%222%2022%2033%2033%22%20enable-background%3D%22new%202%2022%2033%2033%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cline%20display%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%228.5%22%20y1%3D%2228.5%22%20x2%3D%2228.5%22%20y2%3D%2248.5%22/%3E%0D%0A%3Cline%20display%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2228.5%22%20y1%3D%2228.5%22%20x2%3D%228.5%22%20y2%3D%2248.5%22/%3E%0D%0A%3Ccircle%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23000000%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218.5%22%20cy%3D%2238.5%22%20r%3D%2215.5%22/%3E%0D%0A%3Ccircle%20fill%3D%22%23000000%22%20cx%3D%2218.5%22%20cy%3D%2238.5%22%20r%3D%229.3%22/%3E%0D%0A%3C/svg%3E%0D%0A"); background-size: 20px 20px; width: 20px; height: 20px; content: ''; display: inline-block; margin-right: 12px; background-repeat: no-repeat; } body.checkoutv2 .primary-section { position: relative; } body.checkoutv2 .primary-section.completed .form-row input[type="radio"]:checked + label, body.checkoutv2 .primary-section.completed .form-row input[type="radio"]:checked + label + a { font-size: 16px; } body.checkoutv2 .primary-section.disabled { overflow-y: hidden !important; } body.checkoutv2 .primary-section.disabled .section-overlay { position: absolute; display: block; cursor: not-allowed; } body.checkoutv2 .gift-cert-used { margin: 25px 0; } body.checkoutv2 .error, body.checkoutv2 .error-message, body.checkoutv2 .error-message { color: #E54B4B; border-color: #E54B4B; } body.checkoutv2 select.error, body.checkoutv2 select.error-message, body.checkoutv2 select.error-message, body.checkoutv2 textarea.error, body.checkoutv2 textarea.error-message, body.checkoutv2 textarea.error-message, body.checkoutv2 input[type="text"].error, body.checkoutv2 input[type="text"].error-message, body.checkoutv2 input[type="text"].error-message, body.checkoutv2 input[type="password"].error, body.checkoutv2 input[type="password"].error-message, body.checkoutv2 input[type="password"].error-message, body.checkoutv2 input[type="datetime"].error, body.checkoutv2 input[type="datetime"].error-message, body.checkoutv2 input[type="datetime"].error-message, body.checkoutv2 input[type="datetime-local"].error, body.checkoutv2 input[type="datetime-local"].error-message, body.checkoutv2 input[type="datetime-local"].error-message, body.checkoutv2 input[type="date"].error, body.checkoutv2 input[type="date"].error-message, body.checkoutv2 input[type="date"].error-message, body.checkoutv2 input[type="month"].error, body.checkoutv2 input[type="month"].error-message, body.checkoutv2 input[type="month"].error-message, body.checkoutv2 input[type="time"].error, body.checkoutv2 input[type="time"].error-message, body.checkoutv2 input[type="time"].error-message, body.checkoutv2 input[type="week"].error, body.checkoutv2 input[type="week"].error-message, body.checkoutv2 input[type="week"].error-message, body.checkoutv2 input[type="number"].error, body.checkoutv2 input[type="number"].error-message, body.checkoutv2 input[type="number"].error-message, body.checkoutv2 input[type="email"].error, body.checkoutv2 input[type="email"].error-message, body.checkoutv2 input[type="email"].error-message, body.checkoutv2 input[type="url"].error, body.checkoutv2 input[type="url"].error-message, body.checkoutv2 input[type="url"].error-message, body.checkoutv2 input[type="search"].error, body.checkoutv2 input[type="search"].error-message, body.checkoutv2 input[type="search"].error-message, body.checkoutv2 input[type="tel"].error, body.checkoutv2 input[type="tel"].error-message, body.checkoutv2 input[type="tel"].error-message, body.checkoutv2 input[type="color"].error, body.checkoutv2 input[type="color"].error-message, body.checkoutv2 input[type="color"].error-message { border: 1px solid #E54B4B; color: #E54B4B; } body.checkoutv2 span.error, body.checkoutv2 span.error-message, body.checkoutv2 span.error-message { font-size: 10px; text-transform: uppercase; } body.checkoutv2 .readonly-section, body.checkoutv2 #main #payment-section .billing-address-readonly, body.checkoutv2 #main #payment-section .payment-instruments-readonly { font-family: "Avenir Next LT W02 Demi", Helvetica, Arial, sans-serif; font-size: 16px; position: relative; line-height: 24px; letter-spacing: -.16px; } body.checkoutv2 .readonly-section.shipping-address, body.checkoutv2 #main #payment-section .shipping-address.billing-address-readonly, body.checkoutv2 #main #payment-section .shipping-address.payment-instruments-readonly { display: none; } body.checkoutv2 .readonly-section .edit-button, body.checkoutv2 #main #payment-section .billing-address-readonly .edit-button, body.checkoutv2 #main #payment-section .payment-instruments-readonly .edit-button { cursor: pointer; position: absolute; top: 10px; right: 15px; } body.checkoutv2 .new-cart-summary-promo-code-container { font-size: 14px; } body.checkoutv2 .billing-address-form { display: none; } body.checkoutv2 .nav-tabs > li.active > a, body.checkoutv2 .nav-tabs > li.active > a:hover, body.checkoutv2 .nav-tabs > li.active > a:focus { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; border: none; border-bottom: 2px solid; color: #000; } body.checkoutv2 .nav-tabs { font-size: 1.1666666em; } body.checkoutv2 .nav-tabs.nav-fill { display: flex; align-items: flex-end; } body.checkoutv2 .nav-tabs.nav-fill > li { text-align: center; flex: 1; } body.checkoutv2 #stored-credit-card-options { margin-bottom: 20px; } body.checkoutv2 .order-totals-table .order-totals-table td:first { text-align: left; } body.checkoutv2 #ChaseHPFiFrame { width: 100%; height: 385px; } body.checkoutv2 form select, body.checkoutv2 form textarea, body.checkoutv2 form input[type="text"], body.checkoutv2 form input[type="password"], body.checkoutv2 form input[type="datetime"], body.checkoutv2 form input[type="datetime-local"], body.checkoutv2 form input[type="date"], body.checkoutv2 form input[type="month"], body.checkoutv2 form input[type="time"], body.checkoutv2 form input[type="week"], body.checkoutv2 form input[type="number"], body.checkoutv2 form input[type="email"], body.checkoutv2 form input[type="url"], body.checkoutv2 form input[type="search"], body.checkoutv2 form input[type="tel"], body.checkoutv2 form input[type="color"] { margin-bottom: 0; padding: 6px 15px; } body.checkoutv2 form .form-control, body.checkoutv2 form select, body.checkoutv2 form .dropdown-appearance, body.checkoutv2 form textarea, body.checkoutv2 form input[type="text"], body.checkoutv2 form input[type="password"], body.checkoutv2 form input[type="datetime"], body.checkoutv2 form input[type="datetime-local"], body.checkoutv2 form input[type="date"], body.checkoutv2 form input[type="month"], body.checkoutv2 form input[type="time"], body.checkoutv2 form input[type="week"], body.checkoutv2 form input[type="number"], body.checkoutv2 form input[type="email"], body.checkoutv2 form input[type="url"], body.checkoutv2 form input[type="search"], body.checkoutv2 form input[type="tel"], body.checkoutv2 form input[type="color"], body.checkoutv2 form select, body.checkoutv2 form textarea, body.checkoutv2 form input[type="text"], body.checkoutv2 form input[type="password"], body.checkoutv2 form input[type="datetime"], body.checkoutv2 form input[type="datetime-local"], body.checkoutv2 form input[type="date"], body.checkoutv2 form input[type="month"], body.checkoutv2 form input[type="time"], body.checkoutv2 form input[type="week"], body.checkoutv2 form input[type="number"], body.checkoutv2 form input[type="email"], body.checkoutv2 form input[type="url"], body.checkoutv2 form input[type="search"], body.checkoutv2 form input[type="tel"], body.checkoutv2 form input[type="color"] { box-shadow: none; } body.checkoutv2 form .address-entry-form > .form-row:last-child { margin: 0; } body.checkoutv2 form .form-row { margin: 0 0 1.0rem; } body.checkoutv2 form .form-row select, body.checkoutv2 form .form-row input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) { width: 100%; min-width: auto; } body.checkoutv2 form .form-row.emailList { margin: 0; } body.checkoutv2 .row-no-padding { margin-left: 0; margin-right: 0; } body.checkoutv2 .row-no-padding [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } body.checkoutv2 .headerbar { display: flex; max-width: 1440px; flex: 0 0 75px; width: 100%; margin: 0 auto; justify-content: space-between; background-color: white; border-bottom: 1px solid #DDDDDD; } @media only screen and (max-width: 767px) { body.checkoutv2 .headerbar { flex: 0 0 50px; } } body.checkoutv2 .headerbar > div { flex: 1; display: flex; /* align-items: stretch by default */ } body.checkoutv2 .headerbar > div > * { display: flex; align-items: center; padding: 0 20px; } @media only screen and (max-width: 767px) { body.checkoutv2 .headerbar__signin-link--authenticated { display: none !important; } } body.checkoutv2 .headerbar__left > *:first-child { margin-left: 20px; } @media only screen and (max-width: 767px) { body.checkoutv2 .headerbar__left > *:first-child { margin-left: 0; } } body.checkoutv2 .headerbar__backarrow { margin-right: 5px; } @media only screen and (max-width: 767px) { body.checkoutv2 .headerbar__backtocart { display: none; } } body.checkoutv2 .headerbar__middle { justify-content: center; } body.checkoutv2 .headerbar__middle h2 { font-size: 0; margin: 0; } body.checkoutv2 .headerbar__middle img { width: 137px; } body.checkoutv2 .headerbar__right { justify-content: flex-end; } body.checkoutv2 .headerbar__right > *:last-child { margin-right: 20px; } @media only screen and (max-width: 767px) { body.checkoutv2 .headerbar__right > *:last-child { margin-right: 0; } } body.checkoutv2 .headerbar__cs-menu { position: relative; } @media only screen and (max-width: 767px) { body.checkoutv2 .headerbar__cs-menu:not(.headerbar__cs-menu--authenticated) { display: none; } body.checkoutv2 .headerbar__cs-menu--authenticated { display: block; } } body.checkoutv2 .headerbar__cs-menu .glyphicon, body.checkoutv2 .headerbar__cs-menu .photo-caption-icon, body.checkoutv2 .headerbar__cs-menu .photo-icon { font-size: 21px; } body.checkoutv2 .headerbar__cs-menu .menu-panel { overflow-y: hidden; position: absolute; top: 60px; right: 0; width: 185px; max-height: 0; background-color: #FFFFFF; box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.15); transition: max-height 0.5s, padding 0.45s; text-align: center; top: 74px; right: -20px; z-index: 1031; visibility: hidden; } @media only screen and (max-width: 767px) { body.checkoutv2 .headerbar__cs-menu .menu-panel { top: 49px; right: 0; } } body.checkoutv2 .headerbar__cs-menu .menu-panel a { display: block; line-height: 1.5; padding-top: 10px; } body.checkoutv2 .headerbar__cs-menu .menu-panel a.inline { display: inline-block; } body.checkoutv2 .headerbar__cs-menu .menu-panel-header { padding: 5px 0; margin: 0; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.7px; color: #999999; } body.checkoutv2 .headerbar__cs-menu--active .menu-panel { visibility: visible; max-height: 500px; padding: 10px 15px; transition: max-height 0.5s; } body.checkoutv2 .headerbar__cs-menu--active .glyphicon, body.checkoutv2 .headerbar__cs-menu--active .photo-caption-icon, body.checkoutv2 .headerbar__cs-menu--active .photo-icon { color: #ef4923; } body.checkoutv2 .instore-pill { display: inline; float: right; background-color: #ef4923; color: #FFFFFF; border-radius: 23px; font-size: 9px; padding: 3px 10px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } body.checkoutv2 .checkout-progress-container { position: relative; position: sticky; z-index: 10; } .csspositionsticky body.checkoutv2 .checkout-progress-container { top: 0; } body.checkoutv2 .checkout-progress { height: 6px; width: 100%; background-color: #f0f0f0; } body.checkoutv2 .checkout-progress span { display: block; height: 6px; width: 20px; background-color: #ef4923; transition-property: width; transition-duration: 0.35s; transition-timing-function: ease; } body.checkoutv2 .checkout-progress span.step-1 { width: 33%; } body.checkoutv2 .checkout-progress span.step-2 { width: 66%; } body.checkoutv2 .checkout-progress span.step-3 { width: 100%; } body.checkoutv2 tr.creTypeRow { width: 51%; } body.checkoutv2 tr.creExpirationRow { width: 45%; } @media only screen and (max-width: 767px) { body.checkoutv2 footer { padding: 0; margin: 0; border: none; } body.checkoutv2 label[for$=_billingAddress_useShippingAddress] { font-size: 13px; } } div.im-colormask { border-style: none; border-width: 0; height: 43px; } div.im-colormask > div { font-size: 12px; } html[lang=ja] .checkoutv2 .readonly-section .edit-button, html[lang=ja] body.checkoutv2 #main #payment-section .billing-address-readonly .edit-button, html[lang=ja] body.checkoutv2 #main #payment-section .payment-instruments-readonly .edit-button { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .checkoutv2 .checkout-dropdown label { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] .checkoutv2 .checkout-dropdown label strong { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .checkoutv2 #main .checkout-title { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] .checkoutv2 #navbar .cs-info-menu .call-us { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .checkoutv2 .instore-pill { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } .img-responsive { margin: auto; } .img-responsive.extra-bottom-margin { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .img-inline-float-left { margin: 30px auto 55px; display: block; } } @media only screen and (min-width: 768px) { .img-inline-float-left { margin: 0 40px 40px 0; float: left; } } @media only screen and (min-width: 1200px) { .img-inline-float-left { margin-left: -16.666667%; } } .img-inline-float-left.img-responsive { width: auto !important; } .zcomponent-wrapper .section-header { margin-top: 40px !important; margin-bottom: 25px !important; } .section-header span { font-size: 12px; text-transform: uppercase; } @media only screen and (max-width: 767px) { .hide-mobile { display: none; } } .zcomponent-wrapper h2 { font-size: 45px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: .05em; font-weight: 500; } @media only screen and (max-width: 767px) { .zcomponent-wrapper h2 { font-size: 35px; } } .ambassadors-wrapper { margin-bottom: 60px; } #ambassador-landing .btn-ambassadors { margin-bottom: 60px; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; transition: background 0.3s ease-out; } @media only screen and (max-width: 767px) { #ambassador-landing .btn-ambassadors { display: block; margin: auto; max-width: 420px; white-space: normal; } } #ambassador-landing .btn-ambassadors:hover { background: #67629e; } html.parallax { height: 100%; } html.parallax .container-none { height: 100%; } html.parallax body { margin-top: 0; height: 100%; } html.parallax footer { display: none !important; } html.parallax #navbar { position: relative !important; z-index: 1040; } html.parallax-footer #skrollr-body footer { display: block !important; } .skrollr-desktop body { height: 100% !important; } .parallax-image-wrapper { position: fixed; left: 0; width: 100%; overflow: hidden; } .parallax-image-wrapper-100 { height: 100%; top: -100%; } .parallax-image { display: none; position: absolute; bottom: 0; left: 0; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .parallax-image-100 { top: 0; height: 100%; } @media only screen and (min-width: 768px) { .parallax-image-100 { height: 100%; } } .parallax-image.skrollable-between { display: block; } .no-skrollr .parallax-image-wrapper { display: none !important; } .gap { background: transparent center no-repeat; background-size: cover; } .skrollr .gap { background: transparent !important; position: relative; } .gap-100 { height: 100%; } @media only screen and (min-width: 768px) { .gap-100 { height: 100%; } } .gap-aspect-56-25 { padding-bottom: 56.25%; } /* overrides to make full-width image ZArticle component with parallax=true with text overlay elements layout properly at mobile. forces correct background positioning for bkg image. forces correct background color for text area.*/ @media only screen and (max-width: 767px) { .background-position-override { background-size: contain !important; background-position-y: 0 !important; } } #skrollr-body { height: 100%; overflow: visible; position: relative; } #skrollr-body .slide-container { display: table; table-layout: fixed; width: 100%; height: 100%; overflow: hidden; position: relative; } #skrollr-body .photo-credits { bottom: 25px; right: 25px; z-index: 200 !important; } #skrollr-body .btn-wider { font-size: 22px; } .btn.btn-wider, button.btn-wider, .btn-wider.button { padding-left: 60px; padding-right: 60px; } .zcomponent-wrapper .btn-default { color: #333333; background-color: #FFFFFF; border-color: #cccccc; } .zcomponent-wrapper .btn-default:hover, .zcomponent-wrapper .btn-default:focus, .zcomponent-wrapper .btn-default:active { color: #333333; background-color: rgba(255, 255, 255, 0.5); border-color: #adadad; } .zcomponent-wrapper .btn-default:active { background-image: none; } .zcomponent-wrapper .btn-primary { color: #FFFFFF; background-color: #ef4923; border-color: #ef4923; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 16px; } .zcomponent-wrapper .btn-primary:hover, .zcomponent-wrapper .btn-primary:focus, .zcomponent-wrapper .btn-primary:active { color: #FFFFFF; background-color: #f3775a; border-color: #f3775a; } .zcomponent-wrapper .btn-primary:active { background-image: none; } .zcomponent-wrapper .btn-success { color: #FFFFFF; background-color: #27ae60; border-color: #27ae60; } .zcomponent-wrapper .btn-success:hover, .zcomponent-wrapper .btn-success:focus, .zcomponent-wrapper .btn-success:active { color: #FFFFFF; background-color: rgba(39, 174, 96, 0.5); border-color: #1c7c44; } .zcomponent-wrapper .btn-success:active { background-image: none; } .zcomponent-wrapper .btn-info { color: #FFFFFF; background-color: #342e7d; border-color: #342e7d; font-size: 16px; } .zcomponent-wrapper .btn-info:hover, .zcomponent-wrapper .btn-info:focus, .zcomponent-wrapper .btn-info:active { color: #FFFFFF; background-color: #67629e; border-color: #67629e; text-decoration: none; } .zcomponent-wrapper .btn-info:active { background-image: none; } .zcomponent-wrapper .btn-warning { color: #FFFFFF; background-color: #c0392b; border-color: #c0392b; } .zcomponent-wrapper .btn-warning:hover, .zcomponent-wrapper .btn-warning:focus, .zcomponent-wrapper .btn-warning:active { color: #FFFFFF; background-color: rgba(192, 57, 43, 0.6); border-color: #8e2a20; } .zcomponent-wrapper .btn-warning:active { background-image: none; } .zcomponent-wrapper .btn, .zcomponent-wrapper button, .zcomponent-wrapper .button { letter-spacing: .05em; text-transform: none; font-weight: 700; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (max-width: 767px) { .zcomponent-wrapper .btn, .zcomponent-wrapper button, .zcomponent-wrapper .button { width: 100%; max-width: 280px; margin-left: auto; margin-right: auto; } } .media-wrapper { position: relative; } .media-wrapper .photo-credits { bottom: 25px; right: 25px; z-index: 200 !important; } .media-wrapper:hover .icon-play, .gap:hover .icon-play, .container-video-panel:hover .icon-play { opacity: .6; } .flex-hero-wrapper { display: table; height: 100%; width: 100%; position: relative; background-color: white; } .flex-hero-wrapper:before, .flex-hero-wrapper:after { content: " "; display: table; } .flex-hero-wrapper:after { clear: both; } .flex-hero-wrapper h2 { font-size: 26px; line-height: 36px; font-weight: 600; } .flex-hero-wrapper p { font-size: 16px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; line-height: 1.9em; } .flex-hero-row { display: table-row; } @media only screen and (min-width: 992px) { .localism-landing { margin-top: -60px; } .localism-landing .hero-media-copy:first-of-type { margin-top: 60px; } } @media only screen and (min-width: 992px) { .localism-landing .flex-hero-wrapper { padding-bottom: 80px; } } @media only screen and (min-width: 992px) { .localism-detail .hero-media-copy:first-of-type { margin-top: -75px; } } .flex-hero-btn { margin-top: 25px; margin-bottom: 30px; } .hero-scale { background-color: white; position: relative; display: table-cell; vertical-align: top; } .hero-scale .patagonia-video { z-index: 100; } .hero-scale .vertical-center-parent { height: 100%; position: relative; padding-top: 56.25% !important; margin-top: -56.25% !important; display: table; width: 100%; } .hero-scale .hm-copy-wrapper { height: 100%; position: relative; display: table; width: 100%; } @media only screen and (min-width: 768px) { .hero-scale .hm-copy-wrapper { padding: 0; } } .hero-scale .hm-copy-inner { display: table-row; width: 100%; } .hero-scale .hero-media-copy { display: table-cell; padding: 30px; vertical-align: top; } @media only screen and (max-width: 767px) { .hero-scale .hero-media-copy { padding: 20px 10px 30px; } } .hero-scale .hero-media-img { bottom: auto !important; } @media only screen and (min-width: 768px) { .hero-scale { height: 100%; } } @media only screen and (max-width: 767px) { .hero-scale { width: 100%; float: left; } } @media only screen and (min-width: 768px) { .hero-width-50 { width: 50%; } .hero-width-50:nth-of-type(2n+0) { border-top: 4px solid white; border-left: 2px solid white; } .hero-width-50:nth-of-type(2n+0) ::after { content: " "; } .hero-width-50:nth-of-type(2n+0) ::after:before, .hero-width-50:nth-of-type(2n+0) ::after:after { content: " "; display: table; } .hero-width-50:nth-of-type(2n+0) ::after:after { clear: both; } .hero-width-50:nth-of-type(2n+1) { border-right: 2px solid white; border-top: 4px solid white; } } @media only screen and (min-width: 768px) { .hero-width-33 { width: 33.33%; float: left; padding: 4px; } } .patagonia-video .hero-media-img { position: absolute; top: 0; bottom: 0; left: 0; } .zcomponent-wrapper .patagonia-video { padding-top: 56.25%; background: #eeeeee; background: -moz-radial-gradient(center, ellipse cover, #f7f7f7 0%, #eaeaea 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%, #f7f7f7), color-stop(100%, #eaeaea)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #f7f7f7 0%, #eaeaea 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #f7f7f7 0%, #eaeaea 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #f7f7f7 0%, #eaeaea 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #f7f7f7 0%, #eaeaea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#eaeaea', GradientType=1); /* IE6-8 fallback on horizontal gradient */ -webkit-box-shadow: inset 0 0 60px 1px #555555; -moz-box-shadow: inset 0 0 60px 1px #555555; box-shadow: inset 0 0 60px 1px #555555; } .parallax-image-wrapper .video-container { height: 100% !important; position: absolute; bottom: 0; left: 0; } @media only screen and (min-width: 768px) { .hero-img-wrapper { padding-bottom: 56.25%; } } .hero-img-wrapper img { -webkit-transition: opacity 0.75s ease-in-out; -moz-transition: opacity 0.75s ease-in-out; -o-transition: opacity 0.75s ease-in-out; transition: opacity 0.75s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); } .hero-media-img { display: block; width: 100% \9; max-width: 100%; height: auto; margin: auto; width: 100%; } @media only screen and (min-width: 768px) { .hero-media-img { position: absolute; top: 0; left: 0; } } .relative-hero-media-img { position: relative; } .hm-copy-wrapper { color: #FFFFFF; text-align: center; } @media only screen and (min-width: 768px) { .media-wrapper:not(.hero-scale) .hm-copy-wrapper, .container-video-panel .hm-copy-wrapper, .slide-content-center .hm-copy-wrapper { width: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; text-align: center; z-index: 100; } .media-wrapper:not(.hero-scale) .hm-copy-wrapper:after, .container-video-panel .hm-copy-wrapper:after, .slide-content-center .hm-copy-wrapper:after { content: ''; display: inline-block; width: 1px; margin-left: -1px; height: 100%; vertical-align: middle; } } @media only screen and (max-width: 767px) { .video-image { position: relative; } } .hero-media-copy { display: inline-block; max-width: 600px; vertical-align: middle; } @media only screen and (max-width: 767px) { .hero-media-copy { padding: 55px 10px; } } .tnl-hero-media-copy { max-width: 700px !important; } @media only screen and (max-width: 767px) { .hero-media-copy.video-panel { max-width: 100%; display: block; padding: 30px 0 15px; } } .hero-media-btns { display: inline-block; vertical-align: middle; } .hm-title { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: .1em; margin-top: 0; } .hm-title span { font-size: 1.33em; display: block; line-height: 1em; } .h2-70 h2 { font-size: 70px; line-height: 75px; letter-spacing: 6px; } @media only screen and (max-width: 767px) { .h2-70 h2 { font-size: 35px; line-height: 46px; letter-spacing: 2px; color: black; } } .hm-subtitle { text-transform: uppercase; font-size: 14px; display: block; line-height: 1em; padding-top: 20px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: .3em; } .hm-summary { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.7em; letter-spacing: .05em; } .hm-summary a { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 768px) { .hm-summary { font-size: 18px; } } .icon-play { max-width: 60px; margin-top: 10px; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .icon-play:hover { opacity: .6; } @media only screen and (min-width: 768px) { .icon-play { margin-top: 20px; } } @media only screen and (min-width: 992px) { .icon-play { max-width: 80px; margin-top: 40px; } } .video-icon-overlay { width: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; text-align: center; } .video-icon-overlay:after { content: ''; display: inline-block; width: 1px; margin-left: -1px; height: 100%; vertical-align: middle; } .btn.btn-white-box, button.btn-white-box, .btn-white-box.button { display: block; background-color: rgba(0, 0, 0, 0.8); color: #FFFFFF; font-weight: 700; border: 3px solid #FFFFFF; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } .btn.btn-white-box:hover, button.btn-white-box:hover, .btn-white-box.button:hover { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.3); } .btn-white-base, .btn-white, .btn-white.btn-white-no-hover:hover { color: #333333; background-color: #FFFFFF; border-color: #FFFFFF; } .btn-white-base:hover, .btn-white-base:focus, .btn-white-base:active, .btn-white-base.active, .open > .dropdown-toggle.btn-white-base { color: #333333; background-color: #e6e6e6; border-color: #e0e0e0; } .btn-white-base:active, .btn-white-base.active, .open > .dropdown-toggle.btn-white-base { background-image: none; } .btn-white-base.disabled, .btn-white-base[disabled], fieldset[disabled] .btn-white-base, .btn-white-base.disabled:hover, .btn-white-base[disabled]:hover, fieldset[disabled] .btn-white-base:hover, .btn-white-base.disabled:focus, .btn-white-base[disabled]:focus, fieldset[disabled] .btn-white-base:focus, .btn-white-base.disabled:active, .btn-white-base[disabled]:active, fieldset[disabled] .btn-white-base:active, .btn-white-base.disabled.active, .btn-white-base[disabled].active, fieldset[disabled] .btn-white-base.active { background-color: #FFFFFF; border-color: #FFFFFF; } .btn-white-base .badge { color: #FFFFFF; background-color: #333333; } .btn-white { display: block; text-transform: uppercase !important; } .btn-white:hover { background-color: rgba(255, 255, 255, 0.6); } @media only screen and (max-width: 767px) { .btn-white { width: 100%; max-width: 100% !important; } } .btn-white.btn-white-no-hover { cursor: auto; } .btn-white.btn-white-no-hover:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .two-col-bg { color: #000000; background-color: #FFFFFF; } .two-col-wrapper { padding-top: 120px; padding-bottom: 120px; } @media only screen and (max-width: 767px) { .two-col-wrapper { padding-top: 120px; padding-bottom: 120px; } .two-col-wrapper .img-responsive { max-width: 80%; } } .two-column { font-size: 16px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; line-height: 1.9em; } .two-column p { margin-bottom: 1.9em; } @media only screen and (max-width: 767px) { .two-column img { margin-bottom: 20px; } } @media only screen and (min-width: 768px) { .two-column { text-align: left; padding-left: 30px; padding-right: 30px; } } .two-column h2.larger { font-size: 34px; } @media only screen and (max-width: 480px) { .two-column h2.larger { font-size: 20px; } } .two-column p.lighter-two-column-text { font-size: 16px; line-height: 34px; } .two-col-title { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: .05em; } @media only screen and (min-width: 768px) { .two-col-title { margin-top: 0; margin-bottom: 80px; } } .btns-wrapper { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; clear: both; margin-top: 30px; } @media only screen and (min-width: 768px) { .btns-wrapper { margin-top: 120px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } } @media only screen and (max-width: 767px) { .btns-wrapper .btn, .btns-wrapper button, .btns-wrapper .button { display: block; width: 100%; max-width: 280px; margin: auto; } .btns-wrapper .btn:first-child, .btns-wrapper button:first-child, .btns-wrapper .button:first-child { margin-bottom: 20px; } } @media only screen and (min-width: 768px) { .btns-wrapper .btn, .btns-wrapper button, .btns-wrapper .button { -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 310px; -ms-flex: 0 1 310px; flex: 0 1 310px; } } @media only screen and (min-width: 768px) { .btns-wrapper .btn:nth-child(2n), .btns-wrapper button:nth-child(2n), .btns-wrapper .button:nth-child(2n) { margin-left: 15px; } } .btn.btn-wrap, button.btn-wrap, .btn-wrap.button { white-space: normal; } .btns-wrapper .btn.btn-no-wrap, .btns-wrapper button.btn-no-wrap, .btns-wrapper .btn-no-wrap.button { white-space: nowrap; flex: initial; -moz-flex: initial; -webkit-flex: initial; } @media only screen and (max-width: 767px) { .btns-wrapper .btn.btn-no-wrap, .btns-wrapper button.btn-no-wrap, .btns-wrapper .btn-no-wrap.button { white-space: normal; } } @media only screen and (min-width: 768px) { .two-col-wrapper .btns-wrapper { margin-top: 30px; } } .two-col-subtitle { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-top: 30px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 18px; letter-spacing: .05em; } @media only screen and (min-width: 768px) { .two-col-subtitle { margin-top: 80px; } } .layout-right .two-column:first-of-type { margin-bottom: 0; } .layout-right .two-column:nth-of-type(2) { float: right !important; } @media only screen and (min-width: 1200px) { .layout-right .two-column:nth-of-type(2) { margin-right: 8.3333333%; } } .two-column .two-col-title { margin: 0 auto 10px; } .img-wrapper { position: relative; text-align: center; } .img-responsive.has-caption { margin: 0; display: inline-block; } .img-caption { text-transform: uppercase; font-weight: normal; position: absolute; bottom: 0; right: -125px; width: 125px; text-align: left; line-height: 1.3em; font-size: 12px; letter-spacing: .1em; } @media (max-width: 1199px) { .img-caption { display: none; } } .hero-two-col-bg, .hero-four-col-bg { color: #000000; background-color: #FFFFFF; padding-top: 75px; } .hero-two-col-wrapper { padding-bottom: 120px; } .hero-four-column-text-wrapper { padding-top: 120px; padding-bottom: 120px; } @media only screen and (max-width: 767px) { .hero-four-column-text-wrapper { padding-top: 40px; } } .two-column { font-size: 16px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; line-height: 1.9em; } .two-column p { margin-bottom: 1.9em; } @media only screen and (max-width: 767px) { .two-column img { margin-bottom: 20px; } } @media only screen and (min-width: 768px) { .two-column { text-align: left; padding-left: 30px; padding-right: 30px; } } .four-column { text-align: left; width: 25%; float: left; padding-left: 2%; padding-right: 2%; font-size: 16px; line-height: 24px; } @media only screen and (max-width: 767px) { .four-column { width: 100%; padding-left: 25%; padding-right: 25%; } } .hero-two-col-title { font-size: 45px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: .05em; } @media only screen and (min-width: 768px) { .hero-two-col-title { margin-top: 0; margin-bottom: 80px; } } .pbl-hero-two-column-text-wrapper { margin-top: 12px; } .pbl-hero-two-column-text { text-align: left; font-size: 18px; } .pbl-hero-two-column-text .pbl-number { color: #ef4923; } .two-col-subtitle { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-top: 30px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 18px; letter-spacing: .05em; } @media only screen and (min-width: 768px) { .two-col-subtitle { margin-top: 80px; } } .layout-right .two-column:first-of-type { margin-bottom: 0; } .layout-right .two-column:nth-of-type(2) { float: right !important; } @media only screen and (min-width: 1200px) { .layout-right .two-column:nth-of-type(2) { margin-right: 8.3333333%; } } .two-column .two-col-title { margin: 0 auto 10px; } .img-wrapper { position: relative; text-align: center; } .img-responsive.has-caption { margin: 0; display: inline-block; } .img-caption { text-transform: uppercase; font-weight: normal; position: absolute; bottom: 0; right: -125px; width: 125px; text-align: left; line-height: 1.3em; font-size: 12px; letter-spacing: .1em; } @media (max-width: 1199px) { .img-caption { display: none; } } .three-column-image-text-image { margin-left: 0; margin-right: 0; text-align: center; padding-bottom: 50px; } .three-column-image-text-image h2 { font-size: 45px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: .05em; font-weight: 500; margin-bottom: 50px; } @media only screen and (max-width: 991px) { .three-column-image-text-image h2 { font-size: 40px; margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .three-column-image-text-image h2 { font-size: 35px; } } .three-column-image-text-image .image-column { width: 37.5%; float: left; } .three-column-image-text-image .image-column p { font-size: 16px; line-height: 24px; } .three-column-image-text-image .image-column a > img { -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .three-column-image-text-image .image-column a > img:hover { opacity: .6; } @media only screen and (max-width: 991px) { .three-column-image-text-image .image-column { width: 30%; margin-bottom: 60px; } .three-column-image-text-image .image-column p { font-size: 12px; line-height: 12px; } } @media only screen and (max-width: 767px) { .three-column-image-text-image .image-column { width: 100%; float: none; } } .three-column-image-text-image .center-text-column { float: left; width: 25%; margin-top: 4%; } .three-column-image-text-image .center-text-column p { font-size: 16px; line-height: 24px; } .three-column-image-text-image .center-text-column h3.subhead, .three-column-image-text-image .center-text-column p.subhead { font-size: 16px; line-height: 24px; color: #ef4923; font-weight: bold; } @media only screen and (max-width: 991px) { .three-column-image-text-image .center-text-column { width: 40%; } } @media only screen and (max-width: 767px) { .three-column-image-text-image .center-text-column { width: 100%; float: none; padding-left: 20px; padding-right: 20px; } } .three-column-image-text-image .image-caption { width: 50%; } .three-images-with-captions { margin-left: 0; margin-right: 0; text-align: center; padding-top: 75px; padding-bottom: 75px; font-size: 16px; } .three-images-with-captions h2 { font-size: 45px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: .05em; font-weight: 500; margin-bottom: 10px; } @media only screen and (max-width: 991px) { .three-images-with-captions h2 { font-size: 40px; } } @media only screen and (max-width: 767px) { .three-images-with-captions h2 { font-size: 35px; } } @media only screen and (max-width: 767px) { .three-images-with-captions h3 { padding-left: 15px; padding-right: 15px; } } .three-images-with-captions .image-column { width: 33.3333%; float: left; } .three-images-with-captions .image-column h3, .three-images-with-captions .image-column p.head { font-weight: bold; font-size: 20px; line-height: 28px; } .three-images-with-captions .image-column p.subhead { font-size: 16px; font-weight: bold; } .three-images-with-captions .image-column p { font-size: 16px; line-height: 24px; } .three-images-with-captions .image-column a > img { -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .three-images-with-captions .image-column a > img:hover { opacity: .6; } @media only screen and (max-width: 767px) { .three-images-with-captions .image-column { width: 100%; float: none; } } .three-images-with-captions .half-width-image img { width: 50%; } .three-images-with-captions .image-caption { width: 50%; } .three-images-with-captions .caption-div { padding-left: 50px; padding-right: 50px; } .full-bleed-image-with-text, .centered-text-with-icon-and-background { margin-bottom: 75px; } .full-bleed-image-with-text .center-text-wrapper, .centered-text-with-icon-and-background .center-text-wrapper { overflow: hidden; position: relative; padding-top: 10%; padding-bottom: 45px; margin-left: 25%; margin-right: auto; width: 50%; text-align: center; } @media (max-width: 1199px) { .full-bleed-image-with-text .center-text-wrapper, .centered-text-with-icon-and-background .center-text-wrapper { top: 20%; } } .full-bleed-image-with-text .center-text-wrapper h2, .centered-text-with-icon-and-background .center-text-wrapper h2 { font-size: 100px; line-height: 100px; font-weight: bold; padding-bottom: 40px; } @media only screen and (max-width: 991px) { .full-bleed-image-with-text .center-text-wrapper h2, .centered-text-with-icon-and-background .center-text-wrapper h2 { font-size: 60px; line-height: 65px; } } @media only screen and (max-width: 767px) { .full-bleed-image-with-text .center-text-wrapper h2, .centered-text-with-icon-and-background .center-text-wrapper h2 { font-size: 28px; line-height: 32px; } } .full-bleed-image-with-text .center-text-wrapper p, .centered-text-with-icon-and-background .center-text-wrapper p { font-size: 24px; } @media only screen and (max-width: 767px) { .full-bleed-image-with-text .center-text-wrapper p, .centered-text-with-icon-and-background .center-text-wrapper p { font-size: 15px; } } .full-bleed-image-with-text .center-text-wrapper { position: absolute; top: 10%; padding: 0; } @media only screen and (max-width: 767px) { .full-bleed-image-with-text .center-text-wrapper { top: 0; padding-top: 0; } } .image-with-target-shift.no-bottom-margin, .full-bleed-image-with-text.no-bottom-margin, .centered-text-with-icon-and-background.no-bottom-margin { margin-bottom: 0; } .centered-text-with-icon-and-background h2 { font-size: 45px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-weight: 500; letter-spacing: 0.24px; } @media only screen and (max-width: 767px) { .centered-text-with-icon-and-background h2 { font-size: 35px; } } .centered-text-with-icon-and-background .relative-hero-media-img { width: auto; height: 100%; } .centered-text-with-icon-and-background .media-wrapper { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } @media only screen and (max-width: 767px) { .centered-text-with-icon-and-background .hero-media-img { display: none; } } .centered-text-with-icon-and-background .center-text-wrapper { padding-top: 40px; padding-bottom: 50px; margin-left: 20%; width: 60%; } .centered-text-with-icon-and-background .center-text-wrapper h2 { font-size: 45px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: .05em; font-weight: 500; line-height: 75px; margin-top: 0; } .centered-text-with-icon-and-background .center-text-wrapper p { font-size: 18px; line-height: 30px; } @media (max-width: 1199px) { .centered-text-with-icon-and-background .center-text-wrapper { margin-left: 15%; width: 70%; } .centered-text-with-icon-and-background .center-text-wrapper h2 { font-size: 36px; line-height: 50px; } .centered-text-with-icon-and-background .center-text-wrapper p { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 991px) { .centered-text-with-icon-and-background .center-text-wrapper { margin-left: 5%; width: 90%; } } @media only screen and (max-width: 767px) { .centered-text-with-icon-and-background .center-text-wrapper { overflow: hidden; position: static; padding: 30px 0 20px; } .centered-text-with-icon-and-background .center-text-wrapper h2, .centered-text-with-icon-and-background .center-text-wrapper h3 { margin-top: 10px; } .centered-text-with-icon-and-background .center-text-wrapper h2 { font-size: 24px; line-height: 24px; padding-bottom: 15px; } .centered-text-with-icon-and-background .center-text-wrapper h3 { font-size: 16px; } .centered-text-with-icon-and-background .center-text-wrapper .icon-image { width: 15%; } .centered-text-with-icon-and-background .center-text-wrapper p { font-size: 14px; line-height: 20px; } } .four-disc { margin-bottom: 0; padding-top: 75px; padding-bottom: 75px; } .four-disc-wrapper h2 { font-size: 45px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: .05em; font-weight: 500; padding-bottom: 50px; } @media only screen and (max-width: 767px) { .four-disc-wrapper h2 { font-size: 35px; padding-bottom: 25px; } } .four-disc-wrapper .disc-column-wrapper { width: 25%; float: left; padding-left: 2%; padding-right: 2%; } @media only screen and (max-width: 767px) { .four-disc-wrapper .disc-column-wrapper { width: 100%; padding-left: 25%; padding-right: 25%; } } .four-disc-wrapper .disc-column-wrapper .disc-wrapper { position: relative; transition: opacity 0.3s ease-out; } .four-disc-wrapper .disc-column-wrapper .disc-wrapper h3 { color: white; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 30px; margin: 0; } @media only screen and (max-width: 991px) { .four-disc-wrapper .disc-column-wrapper .disc-wrapper h3 { font-size: 22px; } } .four-disc-wrapper .disc-column-wrapper a > .disc-wrapper:hover { opacity: 0.6; } .four-disc-wrapper .disc-column-wrapper .disc-text { font-size: 16px; margin-top: 20px; line-height: 24px; color: black; } .four-disc-wrapper .disc-column-wrapper .disc-text p.head { font-weight: bold; font-size: 20px; line-height: 28px; } .four-disc-wrapper .disc-column-wrapper .disc-text p.subhead { font-size: 16px; font-weight: bold; } @media only screen and (max-width: 991px) { .four-disc-wrapper .disc-column-wrapper .disc-text { font-size: 16px; margin-top: 20px; line-height: 20px; } } @media only screen and (max-width: 767px) { .four-disc-wrapper .disc-column-wrapper .disc-text { margin-bottom: 75px; } } .container-article { padding-bottom: 60px; } .mysnapt { padding-bottom: 50px; } .single-column { color: #FFFFFF; } .single-column p { font-size: 16px; line-height: 2.1em; letter-spacing: .05em; margin-bottom: 2.1em; } .single-column p:last-of-type { margin-bottom: 0; } .single-column.black-text { color: black; } .single-column.small-headline h2 { font-size: 24px; } .single-column.small-headline h2.single-col-title { margin-top: 20px; } .single-col-title { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; text-align: center; margin: 60px 0 40px; letter-spacing: .05em; } .single-col-title-no-bottom { margin-bottom: 0; } .single-col-subtitle { text-align: center; color: #000000; font-weight: 600; } @media only screen and (max-width: 767px) { .single-col-subtitle { margin-bottom: 30px; margin-top: 10px; } } .full-bleed-image-with-color-reveal { overflow: hidden; } .full-bleed-image-with-color-reveal .color-cover { position: absolute; width: 100%; height: 100%; left: 0; z-index: 1; } .full-bleed-image-with-color-reveal .center-text-wrapper { position: absolute; top: 40%; width: 100%; text-align: center; z-index: 2; } @media only screen and (max-width: 767px) { .full-bleed-image-with-color-reveal .center-text-wrapper { top: 25%; } } .full-bleed-image-with-color-reveal .center-text-wrapper h2 { color: white; font-size: 100px; line-height: 90px; margin-top: 35px; } @media only screen and (max-width: 767px) { .full-bleed-image-with-color-reveal .center-text-wrapper h2 { font-size: 35px; line-height: 35px; margin-top: 25px; } } .full-bleed-image-with-color-reveal .center-text-wrapper .pill { background-color: #ef4923; border: 2px solid #ef4923; color: white; letter-spacing: .05em; padding: 3px 30px; border-radius: 10px; font-size: 18px; line-height: 18px; } @media only screen and (max-width: 767px) { .full-bleed-image-with-color-reveal .center-text-wrapper .pill { font-size: 12px; line-height: 12px; } } .full-bleed-image-with-color-reveal .center-text-wrapper .pill:hover { text-decoration: none; } .full-bleed-image-with-color-reveal .media-wrapper .photo-credits { z-index: 1 !important; bottom: 42px; } .image-with-target-shift { position: relative; overflow: hidden; margin-bottom: 75px; } .image-with-target-shift .target-shift-image { position: absolute; top: 0; } .split-panel { margin-bottom: -7px; } @media only screen and (max-width: 767px) { .split-panel { margin-bottom: 0; } } .split-panel .outer-wrapper { width: 100%; } .split-panel .outer-wrapper .split-panel-column-wrapper { position: relative; display: inline-block; width: 50%; } @media only screen and (max-width: 767px) { .split-panel .outer-wrapper .split-panel-column-wrapper { display: block; width: 100%; } } .split-panel .outer-wrapper .split-panel-column-wrapper .overlay { position: absolute; z-index: 1; text-align: center; color: white; width: 100%; bottom: 73%; } @media only screen and (max-width: 480px) { .split-panel .outer-wrapper .split-panel-column-wrapper .overlay { bottom: 70%; } } .split-panel .outer-wrapper .split-panel-column-wrapper .overlay h2 { font-size: 45px; letter-spacing: .05em; font-weight: 500; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 767px) { .split-panel .outer-wrapper .split-panel-column-wrapper .overlay h2 { font-size: 35px; } } @media only screen and (max-width: 480px) { .split-panel .outer-wrapper .split-panel-column-wrapper .overlay a.btn-wide { width: auto; } } .two-column-buttons { color: #FFFFFF; } .two-column-buttons .title-wrapper { position: absolute; top: 0; width: 100%; padding-top: 5%; text-align: center; } .two-column-buttons .title-wrapper h2 { font-size: 45px; letter-spacing: .05em; font-weight: 500; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 767px) { .two-column-buttons .title-wrapper h2 { font-size: 35px; line-height: 40px; } } .two-column-buttons .column-wrapper { position: absolute; top: 0; height: 100%; width: 100%; padding-top: 14%; text-align: center; } .two-column-buttons .column-wrapper h3 { font-size: 30px; line-height: 30px; } @media only screen and (max-width: 767px) { .two-column-buttons .column-wrapper { position: relative; color: black; padding-bottom: 75px; } .two-column-buttons .column-wrapper .row { margin-left: 0; margin-right: 0; } } .two-column-buttons a.white-pill { border: 2px solid white; color: white; letter-spacing: .05em; padding: 8px 10px 7px; border-radius: 18px; line-height: 1em; display: inline-block; min-width: 186px; margin: 10px 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .two-column-buttons a.white-pill:hover { text-decoration: none; opacity: 0.6; } @media only screen and (max-width: 767px) { .two-column-buttons a.white-pill { color: black; border: 2px solid black; min-width: 125px; } } .hor-rule-header-with-text { color: black; text-align: center; margin-top: 120px; margin-bottom: 55px; } @media only screen and (max-width: 767px) { .hor-rule-header-with-text { margin-top: 85px; } } .hor-rule-header-with-text .title-wrapper-div { margin: 62px 30px 35px; background-color: white; border-top: 2px solid #808080; padding-left: 20px; padding-right: 20px; } .hor-rule-header-with-text .title-wrapper-div h2 { font-size: 45px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: .05em; font-weight: 500; margin-top: -27px; } @media only screen and (max-width: 767px) { .hor-rule-header-with-text .title-wrapper-div h2 { background-color: white; font-size: 35px; } } .hor-rule-header-with-text .title-wrapper-div h2 span { background-color: white; font-size: 48px; line-height: 48px; letter-spacing: 2.4px; padding: 0 20px; } @media only screen and (max-width: 767px) { .hor-rule-header-with-text .title-wrapper-div h2 span { font-size: 20px; line-height: 26px; letter-spacing: 1px; } } .hor-rule-header-with-text .content-div { font-size: 18px; line-height: 28px; padding-left: 25%; padding-right: 25%; margin-bottom: 48px; } @media only screen and (max-width: 767px) { .hor-rule-header-with-text .content-div { font-size: 14px; line-height: 22px; padding-left: 10%; padding-right: 10%; } } @media only screen and (max-width: 767px) { .hor-rule-header-with-text a.btn-primary { width: 50%; } } .two-col-wide-image { padding-top: 120px; padding-bottom: 120px; text-align: center; } @media only screen and (max-width: 767px) { .two-col-wide-image { padding-top: 50px; } } .two-col-wide-image .image-div { width: 66.6%; float: left; padding: 40px; } .two-col-wide-image .image-div img { width: 100%; } .two-col-wide-image .copy-div { width: 33%; margin-left: 66.6%; text-align: left; font-size: 16px; padding-top: 40px; padding-right: 40px; margin-bottom: 40px; } .two-col-wide-image .copy-div h2 { font-size: 45px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: .05em; font-weight: 500; } @media only screen and (max-width: 767px) { .two-col-wide-image .copy-div h2 { font-size: 35px; } } .two-col-wide-image .copy-div h3 { font-size: 20px; color: #ef4923; } @media only screen and (max-width: 767px) { .two-col-wide-image .image-div { width: 100%; float: none; padding: 15px; } .two-col-wide-image .copy-div { width: 100%; margin-left: 0; text-align: center; padding-top: 0; padding-right: 0; padding-right: 20px; padding-left: 20px; font-size: 16px; line-height: 2; } .two-col-wide-image .copy-div h2 { font-size: 45px; } } .two-col-wide-image.right .image-div { float: right; } .two-col-wide-image.right .copy-div { margin-left: 0; padding-left: 40px; padding-right: 0; } @media only screen and (max-width: 767px) { .two-col-wide-image.right .copy-div { padding-right: 40px; } } .img-cont-wrapper { padding: 30px 0; background: #FFFFFF; text-align: center; } @media only screen and (min-width: 768px) { .img-cont-wrapper { padding: 75px 0; } } .img-cont-wrapper .btns-wrapper { margin-top: 55px; margin-bottom: 0; } .img-container { width: 100%; margin: 0 auto; } @media only screen and (min-width: 480px) { .img-container { width: 80%; } } .img-caption-col { float: left; width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; float: none !important; line-height: 2em; letter-spacing: .05em; margin-top: 20px; text-align: left; } @media only screen and (min-width: 768px) { .img-caption-col { float: left; width: 50%; } } .img-cont-title { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; margin-top: 0; margin-bottom: 55px; } .img-cont-title.small-bottom-margin { margin-bottom: 10px; } .img-cont-subtitle { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; margin-top: 0; margin-bottom: 55px; } .container-social { display: block; padding-top: 60px; padding-bottom: 60px; } @media only screen and (min-width: 768px) { .container-social { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .social-column { width: 100%; } @media only screen and (min-width: 768px) { .social-column { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media only screen and (max-width: 767px) { .social-column.column-left .social-pane { margin: 2px 0 5px 0; } } @media only screen and (min-width: 768px) { .social-column.column-left .social-pane { float: left; margin: 2px 2px 2px 0; } } .social-column.column-right { display: block; } @media only screen and (min-width: 768px) { .social-column.column-right { padding-left: 2px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .social-column.column-right .social-pane { display: block; width: 100%; } @media only screen and (max-width: 767px) { .social-column.column-right .social-pane { margin: 2px 0 2px 0; } } @media only screen and (min-width: 768px) { .social-column.column-right .social-pane { margin: 2px 0 2px 2px; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .social-pane { background-color: #FFFFFF; color: #000000; width: 100%; padding: 40px; } .social-pane .tnl-social-icons { margin-top: 20px; } .social-pane.twitter { padding-bottom: 30px; } .social-header { text-transform: uppercase; font-size: 18px; letter-spacing: .05em; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #342e7d; padding-top: 0; margin-top: 0; } .social-content { max-width: 320px; margin: 0 auto; color: #000000; font-size: 14px; line-height: 1.7em; letter-spacing: .05em; margin-bottom: 1.7em; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .social-button { padding: 30px 60px; width: 320px; font-size: 18px; letter-spacing: .05em; font-weight: normal !important; text-transform: uppercase !important; line-height: 1.708; } @media only screen and (max-width: 767px) { .social-button { max-width: 320px; width: 90%; padding: 13px 19px; } } .parallax-navbar-wrapper { min-height: 106px; } #parallax-navbar { padding-bottom: 35px; } .desktop-pill-nav { text-align: center; } .mobile-pill-nav { text-align: center; } @media only screen and (max-width: 767px) { .mobile-pill-nav { padding: 10px 0; background-color: #FFFFFF; } .mobile-pill-nav .pill { width: 100%; } } .pill-nav { width: 100%; z-index: 1000; transform: translate3d(0, 0, 0); background-color: #FFFFFF; } .pill-nav .anchor-links { display: none; } @media only screen and (min-width: 768px) { .pill-nav .anchor-links { display: block; } } .pill-nav .anchor-links li { font-weight: bold; } .pill-nav .anchor-links li.active { color: #ef4923; } .pill-nav div { padding: 15px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } @media only screen and (max-width: 767px) { .pill-nav div { width: 100%; } } @media only screen and (min-width: 768px) { .pill-nav div { padding: 20px 0; } } .pill-nav span.title { text-transform: uppercase; font-size: 18px; letter-spacing: .1em; } @media only screen and (min-width: 768px) { .pill-nav span.title { font-size: 20px; } } @media only screen and (max-width: 767px) { .pill-nav span.title { font-size: 13px; line-height: 30px; } } .pill-nav .pill { letter-spacing: .05em; padding: 8px 10px 7px; border-radius: 10px; line-height: 1.5em; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (min-width: 768px) { .pill-nav .pill { margin: 0 17px; width: 210px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 210px; -ms-flex: 0 1 210px; flex: 0 1 210px; } } .pill-nav .white-pill { background-color: transparent; border: 2px solid #999999; color: #666666; } .pill-nav .white-pill:hover { text-decoration: none; cursor: default; } .pill-nav .gray-pill { background-color: #999999; border: 2px solid #999999; color: white; } .pill-nav .gray-pill:hover { text-decoration: none; background-color: #cccccc; border-color: #cccccc; } .pill-nav .orange-pill { background-color: #ef4923; border: 2px solid #ef4923; color: white; } .pill-nav .orange-pill:hover { text-decoration: none; background-color: #f3775a; border-color: #f3775a; } .pill-nav .white-pill-orange-border { background-color: white; border: 2px solid #ef4923; color: #ef4923; } .pill-nav .white-pill-orange-border:hover { text-decoration: none; cursor: default; } @media only screen and (max-width: 767px) { .disable-pills .white-pill-orange-border { display: none; } } .disable-pills .mobile-accordion-nav.sport-nav { padding: 20px 0 20px 0; } .disable-pills .mobile-pill-nav { display: none !important; } .purple-pill { background-color: #342e7d; color: white; } .purple-pill:hover, .purple-pill:active, .purple-pill:focus { color: white; text-decoration: none; background-color: #67629e; border-color: #67629e; } .title-desktop-pill { line-height: 1.5em; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 36px; margin: 0; padding: 55px 0 20px; letter-spacing: 0.05em; background-color: rgba(255, 255, 255, 0.85); } .avenir-bold { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .tt-c { text-transform: capitalize; } h1.reduced-top-padding { padding-top: 20px; } .nav-logo { padding-top: 20px; } .mobile-accordion-nav.sport-nav { padding: 10px 15px 0; margin-bottom: 0; background-color: rgba(255, 255, 255, 0.85); } .mobile-accordion-nav.sport-nav .ul-left-nav { display: none; margin: 0; } @media only screen and (min-width: 768px) { .mobile-accordion-nav.sport-nav .collapsible { max-width: 50%; margin: auto; } } .pill-nav.social-nav { text-align: right; min-height: 52px; } .pill-nav.social-nav .purple-pill { text-align: center; display: inline-block; padding: 4px 2px; } .pill-nav.social-nav > div { padding: 10px 0; float: right; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .pill-nav.social-nav > div span { float: left; display: inline-block; } @media only screen and (max-width: 767px) { .pill-nav.social-nav { min-height: 61px; } .pill-nav.social-nav .purple-pill { width: 100%; } .pill-nav.social-nav > div { padding: 15px; } } .tnl-social-icons a { color: #999999; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } .tnl-social-icons a:hover, .tnl-social-icons a:active, .tnl-social-icons a:focus { color: rgba(153, 153, 153, 0.4); } @media only screen and (max-width: 767px) { .tnl-social-icons { font-size: 8px; } } .social-nav-label { margin-left: 25px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #999999; letter-spacing: .1em; } .list-inline > li { vertical-align: middle; } .footer-ul-wrapper > .list-inline > li { vertical-align: inherit; } .social-nav .purple-pill { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .pill-nav div .purple-pill { padding: 10px 12px 9px; } .product-wrapper { text-align: center; padding-top: 30px; padding-bottom: 30px; background-color: #FFFFFF; } .product-wrapper .product-details { position: relative; } .product-wrapper .product-details .product-panel-swatch { margin: 2px 2px 0 0; display: inline-block; height: 30px; width: 30px; } .product-wrapper .product-details .swatchOn { padding: 1px; border: 1px solid #ef4923; } @media only screen and (min-width: 768px) { .product-wrapper { padding-top: 120px; padding-bottom: 120px; } } .product-title { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: .05em; margin-top: 0; } @media only screen and (min-width: 768px) { .product-title { margin-bottom: 80px; } } .zcomponent-wrapper .product-list-item { display: inline-block; width: 300px; vertical-align: top; } .zcomponent-wrapper .product-list-item a { color: #000000; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .zcomponent-wrapper .product-list-item a:hover { text-decoration: none; } .product-button-wrapper { padding-top: 30px; } @media only screen and (min-width: 768px) { .product-button-wrapper { padding-top: 100px; } } .product-detail-description { padding-left: 20px; padding-right: 20px; font-size: 14px; margin: 10px 0; } .zcomponent-wrapper .page-content { color: #FFFFFF; position: relative; z-index: 100; } .container-video-panel { position: relative; } .page-content .container-video-panel { position: relative; } @media only screen and (min-width: 992px) { .page-content .container-video-panel { top: -60px; margin-bottom: -60px; } } @media only screen and (min-width: 1200px) { .page-content .container-video-panel { top: -108px; margin-bottom: -108px; } } .media-wrapper.hero-img-wrapper.fixed img { position: fixed; } .social-links-wrapper { background-color: #FFFFFF; padding-top: 30px; padding-bottom: 30px; } .social-links-wrapper .tnl-social-icons { padding-left: 2px; padding-right: 2px; font-size: 16px; } .social-links-subtitle { font-size: 12px; padding-bottom: 8px; } .text-italic { font-style: italic; } .full-width-header, .full-width-link { display: table; width: 100%; background-color: #FFFFFF; } .full-width-header { padding-left: 15px; padding-right: 15px; } .full-width-header .section-header { border-top: 1px solid #aaaaaa; text-align: center; margin-top: 40px; margin-bottom: 0 !important; } .full-width-header .section-header span span { padding: 0 !important; top: 0 !important; } #full-width-header-title-wrap.section-header { margin: 20px 0 2px 0 !important; } @media only screen and (min-width: 992px) { .full-width-link { padding: 30px; } } .full-width-link-title { margin-bottom: 7px; } .image-columns .image-column { width: 33%; float: left; text-align: center; padding-left: 10%; padding-right: 10%; } .image-columns .image-column img { width: 100%; padding-bottom: 20px; } .image-columns .image-column p { font-weight: bold; } @media only screen and (max-width: 767px) { .image-columns { display: none; } } .narrow-divider { width: 170px; height: 1px; background-color: #aaaaaa; margin-left: auto; margin-right: auto; margin-bottom: 18px; } .zarticle-landing .padded-row { padding-top: 20px !important; } .zarticle-landing .story-title { margin: 20px 0 0 0; } .zarticle-landing .story-author { margin: 0; } .marketing-baselayer .new-top-panel h2, .marketing-baselayer .introducing-merino-air-hero-panel h2 { font-size: 70px; line-height: 75px; letter-spacing: 6px; } @media only screen and (max-width: 767px) { .marketing-baselayer .new-top-panel h2, .marketing-baselayer .introducing-merino-air-hero-panel h2 { font-size: 35px; line-height: 46px; letter-spacing: 2px; } } .marketing-baselayer .introducing-merino-air-hero-panel p.hm-subtitle { text-transform: none; font-size: 30px; line-height: 40px; letter-spacing: 0; } @media only screen and (max-width: 767px) { .marketing-baselayer .introducing-merino-air-hero-panel p.hm-subtitle { text-transform: none; font-size: 20px; line-height: 30px; letter-spacing: 0; padding-left: 10%; padding-right: 10%; } } .marketing-baselayer .baselayer-type-header { letter-spacing: 6px; } @media only screen and (max-width: 767px) { .marketing-baselayer .baselayer-type-header { letter-spacing: 3px; } } .patagonia-repair-guide-panel .left-margin-row { margin-left: 20px; } .patagonia-repair-guide-panel .right-margin-row { margin-right: 20px; } .patagonia-repair-guide-panel h1 { font-size: 14px; line-height: 14px; } .patagonia-repair-guide-panel h1 a { color: black; } .patagonia-repair-guide-panel h1 a:hover { text-decoration: none; color: #ef4923; } .patagonia-repair-guide-panel .centered-text { text-align: center; } .patagonia-repair-guide-panel .faq-question { padding-bottom: 20px; } .patagonia-repair-guide-panel .faq-item { margin-bottom: 50px; } .patagonia-repair-guide-panel .faq-item .faq-question { cursor: default; } .patagonia-repair-guide-panel .sidebar { float: right; z-index: 1; } .patagonia-repair-guide-panel .repair-sidebar-item { margin: 0; color: #ef4923; cursor: pointer; } .patagonia-repair-guide-panel .repair-sidebar-item:hover { text-decoration: underline; } .csv-table { -webkit-font-smoothing: antialiased; padding: 40px 20px 60px; font-size: 17px; } .csv-table .cvs-title { text-align: center; } .csv-table .copy-container { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; line-height: 2; margin: 40px auto; max-width: 915px; } @media (max-width: 600px) { .csv-table .copy-container { text-align: center; } } .csv-table .one-and-two { margin: 0 0 0 -60px; } .csv-table .column { float: left; padding: 0 0 0 60px; width: 50%; } @media (max-width: 600px) { .csv-table .column { float: none; margin: 20px 0 0; width: 100%; } .csv-table .column:first-child { margin: 0; } } .csv-table .just-one { margin: 0 auto; max-width: 50%; text-align: center; } @media (max-width: 600px) { .csv-table .just-one { margin: 20px 0 0; width: 100%; } } .csv-table table { border: 0; border-collapse: collapse; border-spacing: 0; margin: 0; margin-left: auto; margin-right: auto; max-width: 915px; padding: 0 20px; padding: 0; width: 100%; } .csv-table table thead { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .csv-table table tr { padding: 5px; } .csv-table table th, .csv-table table td { padding: 10px; } .csv-table table th { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; } .csv-table table tbody tr { border: 0; border-bottom-style: solid; border-bottom-width: 1px; } .csv-table table tbody tr:first-child { border-top-style: solid; border-top-width: 1px; } .csv-table .ticket-btn { -webkit-border-radius: 15px; -webkit-background-clip: padding-box; -moz-border-radius: 15px; -moz-background-clip: padding; border-radius: 15px; background-clip: padding-box; display: inline-block; padding: 2px 17px; } .no-touch .csv-table .ticket-btn:hover { zoom: 1; filter: alpha(opacity=60); -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; text-decoration: none; } @media (max-width: 600px) { .csv-table .copy-container { margin-bottom: 0; } .csv-table table { padding: 0; } .csv-table table thead { display: none; } .csv-table table tbody tr { border: 0; display: block; margin: 40px 0; padding: 0; } .csv-table table tbody tr:first-child { border: 0; } .csv-table table td { display: block; font-size: 13px; } .csv-table .value { overflow: hidden; } .csv-table table td:before { content: attr(data-label); float: left; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; padding: 0 20px 0 0; width: 100px; } } .black-hole-bags .basic-a { color: #000000; } .no-touch.black-hole-bags .basic-a:hover { color: #ef4923; text-decoration: none; } .black-hole-bags .basic-a::selection, .black-hole-bags .basic-a::-moz-selection, .black-hole-bags .basic-a:active, .black-hole-bags .basic-a:link { text-decoration: none; } .black-hole-bags .naverage-container { height: 55px; position: relative; width: 100%; z-index: 1039; } .black-hole-bags .naverage-box { background-color: white; padding: 0 15px; position: absolute; width: 100%; z-index: 1039; } .black-hole-bags .naverage-content { margin: 0 auto; max-width: 1240px; overflow: hidden; padding-bottom: 10px; padding-top: 10px; position: relative; width: 100%; z-index: 1039; } .black-hole-bags .orange-button { background-clip: padding-box; background-color: #ef4923; border-radius: 10px; color: white; float: right; margin: 4px auto 0; padding: 7px 15px; text-decoration: none; } @media only screen and (max-width: 767px) { .black-hole-bags .shop-bhb { display: block; float: none; margin: 0 auto; max-width: 400px; text-align: center; } } .black-hole-bags .line-header { margin: 0; position: relative; } .black-hole-bags .line-header:after { background-color: #000000; content: " "; height: 1px; left: 0; position: absolute; right: 0; top: 45%; z-index: 1; } .black-hole-bags .line-header-text { background-color: #FFFFFF; display: table; font-size: 16px; font-weight: normal; margin: 0 auto; padding: 0 20px; position: relative; text-transform: uppercase; z-index: 5; } .black-hole-bags .hero-caption { text-align: left; } .black-hole-bags .common-element { padding: 0 15px; } .black-hole-bags .common-narrow-element { display: table; margin-bottom: 150px; margin-left: auto; margin-right: auto; max-width: 1270px; } @media only screen and (max-width: 991px) { .black-hole-bags .common-narrow-element { display: block; } } .black-hole-bags .first-common-narrow { margin-top: 0; } .black-hole-bags .common-element-comprehensive { margin-left: auto; margin-right: auto; max-width: 1270px; padding: 0 15px; } .black-hole-bags .product-carousel { display: table; margin-bottom: 175px; margin-top: 175px; width: 100%; } @media only screen and (max-width: 991px) { .black-hole-bags .product-carousel { display: block; margin-bottom: 0; margin-top: 0; padding: 0 0 55px 0; } } .black-hole-bags .product-info { display: table-cell; vertical-align: middle; width: 300px; } @media only screen and (max-width: 991px) { .black-hole-bags .product-info { display: block; text-align: center; width: 100%; } } .black-hole-bags .product-section { padding: 0 0 25px 0; } @media only screen and (max-width: 991px) { .black-hole-bags .product-section { padding: 0 0 15px 0; } } .black-hole-bags .product-meta-1 { display: inline-block; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 46px; margin: 0 0 10px 0; padding: 0 0 9px 0; position: relative; } @media only screen and (max-width: 991px) { .black-hole-bags .product-meta-1 { font-size: 46px; } } .black-hole-bags .product-meta-1:before { background-color: #000000; bottom: 0; content: " "; height: 8px; left: 0; position: absolute; right: 0; } .black-hole-bags .products-names { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 26px; margin: 0; } .black-hole-bags .product-meta-2 { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; } .black-hole-bags .product-description { font-size: 14px; margin: 0; } .black-hole-bags .product-dimensions { font-size: 14px; margin: 0; } .black-hole-bags .checkbox-lg { margin: 0; padding-left: 28px; } .black-hole-bags .swatch-block { margin: 0 0 20px 0; } .black-hole-bags .product-link { color: #ef4923; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 1px; } .black-hole-bags .prod-swatch { display: inline-block; margin: 10px 5px 10px 0; } .black-hole-bags .compare-text-active { color: #ef4923; font-size: 14px; } .black-hole-bags .product-carousel-carousel { display: table; padding: 0 0 0 50px; vertical-align: middle; width: 100%; } @media only screen and (max-width: 991px) { .black-hole-bags .product-carousel-carousel { padding: 0; } } @media (max-width: 500px) { .black-hole-bags .product-carousel-carousel { display: block; } } .black-hole-bags .owl-item { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .black-hole-bags .owl-item.active { zoom: 1; filter: alpha(opacity=30); -webkit-opacity: 0.3; -moz-opacity: 0.3; opacity: 0.3; } .black-hole-bags .product-carousel-item { display: table-cell; text-align: center; vertical-align: middle; width: 50%; } @media (max-width: 500px) { .black-hole-bags .product-carousel-item { display: block; width: auto; } } .black-hole-bags .product-carousel-asset { max-width: 100%; vertical-align: middle; } .black-hole-bags .hor-rule-header-with-text .title-wrapper-div { border-top: 1px solid #aaaaaa; font-size: 16px; margin: 0; padding: 0; text-transform: uppercase; } .black-hole-bags .hor-rule-header-with-text .title-wrapper-div h2 { margin-top: -42px; } @media only screen and (max-width: 767px) { .black-hole-bags .hor-rule-header-with-text .title-wrapper-div h2 { background-color: transparent; margin-top: -31px; } } .black-hole-bags .hor-rule-header-with-text .title-wrapper-div h2 span { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-size: 15px; top: -0.7em; } .provisions-logo { padding-top: 38px; padding-bottom: 30px; } .padding-top-0 { padding-top: 0; } .padding-top-10 { padding-top: 10px; } .padding-top-20 { padding-top: 20px; } .padding-top-25 { padding-top: 25px; } .padding-top-30 { padding-top: 30px; } .padding-top-40 { padding-top: 40px; } .padding-top-50 { padding-top: 50px; } .padding-top-60 { padding-top: 50px; } .padding-top-70 { padding-top: 50px; } .padding-top-75 { padding-top: 75px; } .padding-top-80 { padding-top: 80px; } .padding-top-90 { padding-top: 90px; } .padding-top-100 { padding-top: 100px; } .padding-bottom-0 { padding-bottom: 0; } .padding-bottom-10 { padding-bottom: 10px; } .padding-bottom-20 { padding-bottom: 20px; } .padding-bottom-25 { padding-bottom: 25px; } .padding-bottom-30 { padding-bottom: 30px; } .padding-bottom-40 { padding-bottom: 40px; } .padding-bottom-50 { padding-bottom: 50px; } .padding-bottom-60 { padding-bottom: 50px; } .padding-bottom-70 { padding-bottom: 50px; } .padding-bottom-75 { padding-bottom: 75px; } .padding-bottom-80 { padding-bottom: 80px; } .padding-bottom-90 { padding-bottom: 90px; } .padding-bottom-100 { padding-bottom: 100px; } .padding-left-0 { padding-left: 0 !important; } .padding-right-0 { padding-right: 0 !important; } .margin-top-0 { margin-top: 0; } .margin-top-10 { margin-top: 10px; } .margin-top-20 { margin-top: 20px; } .margin-top-25 { margin-top: 25px; } .margin-top-30 { margin-top: 30px; } .margin-top-40 { margin-top: 40px; } .margin-top-50 { margin-top: 50px; } .margin-top-60 { margin-top: 50px; } .margin-top-70 { margin-top: 50px; } .margin-top-75 { margin-top: 75px; } .margin-top-80 { margin-top: 80px; } .margin-top-90 { margin-top: 90px; } .margin-top-100 { margin-top: 100px; } .margin-bottom-0 { margin-bottom: 0; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-25 { margin-bottom: 25px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-50 { margin-bottom: 50px; } .margin-bottom-60 { margin-bottom: 50px; } .margin-bottom-70 { margin-bottom: 50px; } .margin-bottom-75 { margin-bottom: 75px; } .margin-bottom-80 { margin-bottom: 80px; } .margin-bottom-90 { margin-bottom: 90px; } .margin-bottom-100 { margin-bottom: 100px; } @media only screen and (max-width: 767px) { .mobile-padding-top-0 { padding-top: 0; } .mobile-padding-top-10 { padding-top: 10px; } .mobile-padding-top-20 { padding-top: 20px; } .mobile-padding-top-25 { padding-top: 25px; } .mobile-padding-top-30 { padding-top: 30px; } .mobile-padding-top-40 { padding-top: 40px; } .mobile-padding-top-50 { padding-top: 50px; } .mobile-padding-top-60 { padding-top: 50px; } .mobile-padding-top-70 { padding-top: 50px; } .mobile-padding-top-75 { padding-top: 75px; } .mobile-padding-top-80 { padding-top: 80px; } .mobile-padding-top-90 { padding-top: 90px; } .mobile-padding-top-100 { padding-top: 100px; } .mobile-padding-bottom-0 { padding-bottom: 0; } .mobile-padding-bottom-10 { padding-bottom: 10px; } .mobile-padding-bottom-20 { padding-bottom: 20px; } .mobile-padding-bottom-25 { padding-bottom: 25px; } .mobile-padding-bottom-30 { padding-bottom: 30px; } .mobile-padding-bottom-40 { padding-bottom: 40px; } .mobile-padding-bottom-50 { padding-bottom: 50px; } .mobile-padding-bottom-60 { padding-bottom: 50px; } .mobile-padding-bottom-70 { padding-bottom: 50px; } .mobile-padding-bottom-75 { padding-bottom: 75px; } .mobile-padding-bottom-80 { padding-bottom: 80px; } .mobile-padding-bottom-90 { padding-bottom: 90px; } .mobile-padding-bottom-100 { padding-bottom: 100px; } .mobile-padding-left-0 { padding-left: 0; } .mobile-padding-right-0 { padding-right: 0; } .mobile-margin-top-0 { margin-top: 0; } .mobile-margin-top-10 { margin-top: 10px; } .mobile-margin-top-20 { margin-top: 20px; } .mobile-margin-top-25 { margin-top: 25px; } .mobile-margin-top-30 { margin-top: 30px; } .mobile-margin-top-40 { margin-top: 40px; } .mobile-margin-top-50 { margin-top: 50px; } .mobile-margin-top-60 { margin-top: 50px; } .mobile-margin-top-70 { margin-top: 50px; } .mobile-margin-top-75 { margin-top: 75px; } .mobile-margin-top-80 { margin-top: 80px; } .mobile-margin-top-90 { margin-top: 90px; } .mobile-margin-top-100 { margin-top: 100px; } .mobile-margin-bottom-0 { margin-bottom: 0; } .mobile-margin-bottom-10 { margin-bottom: 10px; } .mobile-margin-bottom-20 { margin-bottom: 20px; } .mobile-margin-bottom-25 { margin-bottom: 25px; } .mobile-margin-bottom-30 { margin-bottom: 30px; } .mobile-margin-bottom-40 { margin-bottom: 40px; } .mobile-margin-bottom-50 { margin-bottom: 50px; } .mobile-margin-bottom-60 { margin-bottom: 50px; } .mobile-margin-bottom-70 { margin-bottom: 50px; } .mobile-margin-bottom-75 { margin-bottom: 75px; } .mobile-margin-bottom-80 { margin-bottom: 80px; } .mobile-margin-bottom-90 { margin-bottom: 90px; } .mobile-margin-bottom-100 { margin-bottom: 100px; } } html[lang=ja] .zcomponent-wrapper h2 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .zcomponent-wrapper .btn-primary { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .flex-hero-wrapper p { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .hm-title, html[lang=ja] .hm-subtitle, html[lang=ja] .hm-summary, html[lang=ja] .two-column, html[lang=ja] .two-col-title, html[lang=ja] .hero-two-col-title, html[lang=ja] .two-col-subtitle, html[lang=ja] .two-column, html[lang=ja] .hero-two-col-title, html[lang=ja] .two-col-subtitle, html[lang=ja] .three-column-image-text-image h2, html[lang=ja] .three-images-with-captions h2, html[lang=ja] .centered-text-with-icon-and-background h2, html[lang=ja] .centered-text-with-icon-and-background .center-text-wrapper h2, html[lang=ja] .four-disc-wrapper h2, html[lang=ja] .single-col-title, html[lang=ja] .split-panel .outer-wrapper .split-panel-column-wrapper .overlay h2, html[lang=ja] .two-column-buttons .title-wrapper h2, html[lang=ja] .hor-rule-header-with-text .title-wrapper-div h2, html[lang=ja] .two-col-wide-image .copy-div h2, html[lang=ja] .img-cont-title, html[lang=ja] .img-cont-subtitle, html[lang=ja] .social-header, html[lang=ja] .social-content, html[lang=ja] .pill-nav .pill, html[lang=ja] .title-desktop-pill, html[lang=ja] .avenir-bold, html[lang=ja] .social-nav-label, html[lang=ja] .social-nav .purple-pill, html[lang=ja] .product-title, html[lang=ja] .zcomponent-wrapper .product-list-item a, html[lang=ja] .csv-table .copy-container, html[lang=ja] .csv-table table thead, html[lang=ja] .csv-table table td:before, html[lang=ja] .black-hole-bags .product-meta-1, html[lang=ja] .black-hole-bags .products-names, html[lang=ja] .black-hole-bags .product-meta-2, html[lang=ja] .black-hole-bags .product-link { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .hm-summary a { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .black-hole-bags .hor-rule-header-with-text .title-wrapper-div h2 span { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] .pill-nav .gray-pill, html[lang=ja] .pill-nav .white-pill, html[lang=ja] .pill-nav .orange-pill { font-weight: bold; } .pt_content #main { width: 100%; } .hero { /*@include make-row();*/ } @media only screen and (min-width: 768px) { .hero { position: fixed; top: 65px; left: 0; right: 0; z-index: -1; } } .hero-no-parallax { margin: 0 -15px; } .hero-no-parallax #hero-iframe { border: 0; } .hero-image { width: 100%; position: relative; } .hero-image img { display: block; width: 100%; height: auto; } .hero-title { line-height: 54px; padding-left: 15px; padding-right: 15px; letter-spacing: 1.8px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 36px; } @media only screen and (min-width: 768px) { .hero-title { width: 768px; line-height: 72px; padding: 20px 0; margin: auto; text-align: center; font-size: 48px; letter-spacing: 2.4px; color: #FFFFFF; } } @media only screen and (min-width: 768px) { .hero-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } .hero-main-title { line-height: 54px; padding-left: 15px; padding-right: 15px; letter-spacing: 1.8px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 36px; top: 39%; } @media only screen and (min-width: 768px) { .hero-main-title { width: 768px; line-height: 72px; padding: 20px 0; margin: auto; text-align: center; font-size: 48px; letter-spacing: 2.4px; color: #FFFFFF; } } @media only screen and (min-width: 768px) { .hero-main-title { position: absolute; top: 39%; left: 50%; transform: translate(-50%, -39%); } } @media only screen and (max-width: 767px) { .hero-main-title { text-align: center; font-size: 30px; line-height: 33px; } } .hero-sub-title { line-height: 54px; padding-left: 15px; padding-right: 15px; letter-spacing: 1.8px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 36px; top: 55%; } @media only screen and (min-width: 768px) { .hero-sub-title { width: 768px; line-height: 72px; padding: 20px 0; margin: auto; text-align: center; font-size: 48px; letter-spacing: 2.4px; color: #FFFFFF; } } @media only screen and (min-width: 768px) { .hero-sub-title { position: absolute; font-size: 36px; line-height: 48px; top: 55%; left: 50%; transform: translate(-50%, -55%); } } @media only screen and (max-width: 767px) { .hero-sub-title { font-size: 18px; line-height: 28px; text-align: center; } } .photo-caption { position: absolute; bottom: 20px; right: 50px; } .photo-caption-tight { bottom: 10px; right: 10px; } .photo-caption-icon, .photo-icon { z-index: 100; font-size: 250%; color: rgba(255, 255, 255, 0.6); } .photo-caption-text { display: none; position: absolute; bottom: 0; right: -7px; z-index: 3; width: 200px; padding: 10px 40px 10px 10px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.65); } .photo-caption-text a { color: #ef4923; } .photo-caption-text a:hover { text-decoration: underline; } .hero-image-video-overlay { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; display: none; } @media only screen and (min-width: 992px) { .hero-image-video-overlay { display: block; } } .photo-caption-text-dark { background-color: rgba(0, 0, 0, 0.65); } .hover-panel { margin-left: -15px; margin-right: -15px; position: relative; background-color: #FFFFFF; } .hover-panel:before, .hover-panel:after { content: " "; display: table; } .hover-panel:after { clear: both; } .hover-panel-inner { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } .content-section-header { border-top: 1px solid #cccccc; margin: 40px 0 25px; text-align: center; } .content-section-header h1, .content-section-header h2, .content-section-header span { display: inline-block; position: relative; margin: 0; white-space: pre-wrap; background-color: #FFFFFF; } .content-section-header h1 { top: -0.6em; padding: 0 20px; letter-spacing: -0.6px; font-family: "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; } .content-section-header h2, .content-section-header span { top: -0.7em; padding: 0 15px; } .content-section-header h1 { font-size: 30px; } .content-section-header h2 { font-size: 40px; } .content-section-header span { text-transform: none; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.05em; font-size: 14px; } .pt_content .breadcrumb { display: none; } @media only screen and (min-width: 768px) { .pt_content .breadcrumb { display: block; padding: 10px 0 10px 0; letter-spacing: 0.24px; } } .content-nav { margin-left: 20px; } .content-nav-header { font-size: 24px; margin-top: 0; margin-bottom: 20px; letter-spacing: 0.05em; line-height: 1.5em; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .content-nav-sub-header { line-height: 24px; letter-spacing: 0.8px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 16px; } .content-nav-links { margin-top: 10px; } .content-nav-links ul { list-style-type: none; padding: 0; } .content-nav-links a { display: block; line-height: 28px; } .content-nav-links a:hover { color: #ef4923; } .patagonia-video .video-container { max-width: 100%; max-height: 100%; } .patagonia-video[data-video-fluid] { position: relative; width: 100%; max-width: 100%; } .patagonia-video[data-video-fluid] iframe, .patagonia-video[data-video-fluid] .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: bottom; } .patagonia-video .play-button { background-color: #FFFFFF; border-radius: 30px; color: #000000; cursor: pointer; height: 60px; left: 50%; margin-left: -30px; margin-top: -30px; opacity: 0.8; position: absolute; top: 50%; width: 60px; z-index: 1; } .patagonia-video .play-button:hover { opacity: 1; } .patagonia-video .play-button:after { border-color: transparent #555555; border-style: solid; border-width: 10px 0 10px 15px; bottom: 0; content: " "; height: 0; margin-right: -10px; margin-top: -10px; position: absolute; right: 50%; top: 50%; width: 0; } .pop-up-video { position: relative; } .pop-up-video .play-button { background-color: #FFFFFF; border-radius: 30px; color: #000000; cursor: pointer; height: 60px; left: 50%; margin-left: -30px; margin-top: -30px; opacity: 0.8; position: absolute; top: 50%; width: 60px; z-index: 1; } .pop-up-video .play-button:hover { opacity: 1; } .pop-up-video .play-button:after { border-color: transparent #555555; border-style: solid; border-width: 10px 0 10px 15px; bottom: 0; content: " "; height: 0; margin-right: -10px; margin-top: -10px; position: absolute; right: 50%; top: 50%; width: 0; } html[lang=ja] .hero-title { line-height: 54px; padding-left: 15px; padding-right: 15px; letter-spacing: 1.8px; font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 36px; } @media only screen and (min-width: 768px) { html[lang=ja] .hero-title { width: 768px; line-height: 72px; padding: 20px 0; margin: auto; text-align: center; font-size: 48px; letter-spacing: 2.4px; color: #FFFFFF; } } html[lang=ja] .hero-main-title { line-height: 54px; padding-left: 15px; padding-right: 15px; letter-spacing: 1.8px; font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 36px; } @media only screen and (min-width: 768px) { html[lang=ja] .hero-main-title { width: 768px; line-height: 72px; padding: 20px 0; margin: auto; text-align: center; font-size: 48px; letter-spacing: 2.4px; color: #FFFFFF; } } html[lang=ja] .hero-sub-title { line-height: 54px; padding-left: 15px; padding-right: 15px; letter-spacing: 1.8px; font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 36px; } @media only screen and (min-width: 768px) { html[lang=ja] .hero-sub-title { width: 768px; line-height: 72px; padding: 20px 0; margin: auto; text-align: center; font-size: 48px; letter-spacing: 2.4px; color: #FFFFFF; } } html[lang=ja] .content-section-header h1 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; } html[lang=ja] .content-nav-header { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-weight: bold; } html[lang=ja] .content-nav-sub-header { font-weight: bold; font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .product-listing-1x4 { background: none repeat scroll 0 0 #FFFFFF; overflow: hidden; padding: .83em 0; } .product-listing-1x4 .search-result-items .grid-tile { margin: 0 1% 0 2%; width: 18%; } .content-asset p { line-height: 1.6em; margin: 1em 0; } .content-asset ul, .content-asset ol { line-height: 1.6em; margin: 1em 0; padding: 0 1.5em; } .content-asset address { margin: 1em 0; } .content-asset ul li { list-style: square outside none; } .content-asset ol li { list-style: decimal outside none; } .content-asset .account-options { align-items: stretch; display: flex; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; } .content-asset .account-options li { background-color: #666; border: 3px solid #ccc; border-radius: 5px; list-style-type: none; margin: 1rem; text-align: center; width: 35%; transition: all 1000ms ease; } .content-asset .account-options li:hover { background-color: #64772d; border-color: #64772d; } .content-asset .account-options li a { color: #FFFFFF; display: block; padding: 1rem; } .content-asset .account-options li a i { font-size: 6rem; } .browser-compatibility-alert { background-color: #990000; color: #FFFFFF; font-size: 1.3em; line-height: 2em; padding: 0.8em; } .folder-slot { border-style: solid; border-color: #019328; border-width: 1px; background-color: white; padding: 0.5em 0.5em; } .folder-slot h2 { color: #019328; margin: 0.5em 0em; } .menu-slot { display: none; border-top: 1px solid #faeded; margin-top: 0.5em; padding-top: 1.5em; } .menu-slot .social-links { padding-left: 0; } .menu-slot .social-links li { display: inline-block; padding-left: 0; } @media screen and (min-width: 768px) { .menu-slot { width: 13.5rem; display: block; } } #homepage-slides { margin: 0; position: relative; width: 20000em; } #homepage-slides .slide { float: left; overflow: hidden; position: relative; } #homepage-slides .slide img { height: auto; max-width: 160%; } @media screen and (min-width: 768px) { #homepage-slides .slide img { max-width: 100%; } } #homepage-slides .slide .banner-message { position: absolute; top: 10%; } @media screen and (min-width: 768px) { #homepage-slides .slide .banner-message { top: 2%; } } #homepage-slides .slide .banner-message .banner-text1 { font-family: Lato, sans-serif; font-size: 2rem; font-weight: 300; text-transform: uppercase; } @media screen and (min-width: 768px) { #homepage-slides .slide .banner-message .banner-text1 { font-size: 5rem; font-weight: 200; } } #homepage-slides .slide .banner-message .banner-text2 { font-family: Crete Round, serif; font-size: 1.5rem; font-style: italic; text-transform: lowercase; } @media screen and (min-width: 768px) { #homepage-slides .slide .banner-message .banner-text2 { font-size: 4rem; } } #homepage-slides .slide .banner-message .banner-text3 { font-family: Lato, sans-serif; font-size: 0.5rem; font-weight: 400; text-transform: uppercase; } @media screen and (min-width: 768px) { #homepage-slides .slide .banner-message .banner-text3 { font-size: 1.3rem; font-weight: 200; } } #homepage-slides .slide1 .banner-message { left: 3%; } #homepage-slides .slide1 .banner-message .banner-text1 { color: #00629b; display: inline; } #homepage-slides .slide1 .banner-message .banner-text2 { color: #FFFFFF; display: inline; } #homepage-slides .slide1 .banner-message .banner-text3 { color: #FFFFFF; text-align: right; } #homepage-slides .slide2 .banner-message { left: 3%; } #homepage-slides .slide2 .banner-message .banner-text1 { color: #84bd00; display: inline; letter-spacing: -0.1rem; } #homepage-slides .slide2 .banner-message .banner-text2 { color: #aaaaaa; display: inline; } #homepage-slides .slide2 .banner-message .banner-text3 { color: #000000; } #homepage-slides .slide3 .banner-message { left: 3%; } #homepage-slides .slide3 .banner-message .banner-text1 { color: #84bd00; display: inline; margin-top: -2rem; } #homepage-slides .slide3 .banner-message .banner-text2 { color: #FFFFFF; display: inline; } #homepage-slides .slide3 .banner-message .banner-text3 { color: #000000; } #homepage-slides .slide4 .banner-message { right: 3%; } #homepage-slides .slide4 .banner-message .banner-text1 { color: #84bd00; margin-top: 0rem; text-indent: 3rem; } @media screen and (min-width: 768px) { #homepage-slides .slide4 .banner-message .banner-text1 { margin-top: -1rem; } } #homepage-slides .slide4 .banner-message .banner-text2 { color: #FFFFFF; } #homepage-slides .slide4 .banner-message .banner-text3 { color: #FFFFFF; } #homepage-slides .slide5 .banner-message { left: 15%; } #homepage-slides .slide5 .banner-message .banner-text1 { color: #00629b; display: inline; } #homepage-slides .slide5 .banner-message .banner-text2 { color: #990000; display: inline; } #homepage-slides .slide5 .banner-message .banner-text3 { color: #FFFFFF; } #home-bottom-left { margin: auto; max-width: 320px; position: relative; text-align: center; width: 100%; } #home-bottom-left h2 { color: #000000; font-family: Lato, sans-serif; font-size: 2rem; font-weight: 100; margin: 0; padding: 1rem 0; text-transform: uppercase; } @media screen and (min-width: 768px) { #home-bottom-left h2 { font-size: 2.3rem; } } #home-bottom-left ul { margin: -.5em 0 .5em 0; } #home-bottom-left ul li { border-right: 1px solid #666; color: #666; display: inline; font-family: Lato, sans-serif; font-size: .8rem; font-weight: 400; list-style: none outside none; margin: 0 5px 0 0; padding: 0 5px 0 0; text-transform: uppercase; } #home-bottom-left ul li:last-child { border: 0 none; } #home-bottom-left ul li span { margin: 0 10px 0 0; } #home-bottom-left img { display: block; } #home-bottom-center { width: 100%; margin: auto; max-width: 320px; position: relative; } #home-bottom-center .home-bottom-center-text { position: absolute; text-align: center; top: 18%; width: 100%; } #home-bottom-center .home-bottom-center-text h1 { color: #00629b; font-family: Crete Round, serif; font-size: 4rem; font-style: italic; font-weight: normal; margin: 0; padding: 0; text-transform: lowercase; } #home-bottom-center .home-bottom-center-text h2 { color: #666; font-family: Lato, sans-serif; font-size: 1.3rem; font-weight: 100; letter-spacing: .2em; margin-top: -.05rem; text-transform: uppercase; } #home-bottom-center .home-bottom-center-text h3 { color: #666; font-family: Crete Round, serif; font-size: .8rem; font-weight: normal; margin-top: -1rem; text-transform: uppercase; } #home-bottom-center img { display: block; } .home-bottom-right { font-family: Lato, sans-serif; width: 100%; margin: auto; max-width: 320px; position: relative; text-align: center; } .home-bottom-right .home-bottom-right-header h2 { color: #666; font-size: 0.7rem; font-weight: 400; padding: .5em 0 0 0; margin: 0; } @media screen and (min-width: 768px) { .home-bottom-right .home-bottom-right-header h2 { font-size: 2.3rem; font-weight: 200; } } .home-bottom-right .home-bottom-right-header h3 { color: #64772d; font-size: 2.2rem; font-style: normal; font-weight: 200; margin: 0; padding: 0; text-transform: uppercase; } @media screen and (min-width: 768px) { .home-bottom-right .home-bottom-right-header h3 { font-size: 2.3rem; } } .home-bottom-right .home-bottom-right-header img { display: block; } .home-bottom-right .product-tile { border: 0 none; margin: 1em auto 0; min-height: 255px; width: 90%; } .home-bottom-right .product-tile img { box-shadow: 0px 0px 5px 3px #ccc; max-width: 90%; } .home-bottom-right .product-tile .product-name { height: auto; } .home-bottom-right .product-tile .product-sales-price { color: #000000; } .cart-recommendations { margin-top: 1rem; } .cart-recommendations .product-listing { background-color: #efefef; padding: 1rem 0; } .cart-recommendations .tiles-container { display: flex; flex-flow: row wrap; justify-content: center; } .cart-recommendations .tiles-container .grid-tile { box-shadow: none; margin: 1rem; padding: 1rem; width: 25%; } .cart-recommendations h1 { color: #FFFFFF; font-family: Lato, sans-serif; font-size: 3rem; font-weight: 300; position: absolute; text-align: right; bottom: 2%; left: 2%; } @media screen and (min-width: 768px) { .cart-recommendations h1 { font-weight: 100; } } .cart-recommendations h2 { color: #008578; font-family: Crete Round, serif; font-size: 1.5rem; font-style: italic; margin: 0; padding: .1rem .5rem; } .cart-recommendations h3 { background-color: #FFFFFF; bottom: 0; color: #000000; font-family: Lato, sans-serif; font-size: 2rem; font-weight: 300; margin: 0; opacity: .6; padding: 2rem; position: absolute; text-transform: uppercase; width: 100%; } .cart-recommendations .catlanding-banner { overflow: hidden; position: relative; width: 100%; } .cart-recommendations .catlanding-banner img { height: auto; width: 100%; } .cart-recommendations .category-tile { float: left; overflow: hidden; padding: 0 .15%; position: relative; width: 100%; } @media screen and (min-width: 768px) { .cart-recommendations .category-tile { width: 33%; } } .cart-recommendations .category-tile img { height: auto; width: 100%; } .cart-recommendations .cat-banner { overflow: hidden; position: relative; width: 100%; } .cart-recommendations .cat-banner img { height: auto; width: 100%; } .cart-recommendations .cat-banner h1 { color: #333333; right: 2%; } .cart-recommendations .search-result-items .grid-tile { box-shadow: none; margin: 0; padding: 0 .15%; width: 100%; } @media screen and (min-width: 768px) { .cart-recommendations .search-result-items .grid-tile { width: 33%; } } .cart-recommendations .search-result-items .grid-tile .product-tile { margin: 0 .15%; padding: 1rem 0; width: 100%; } .cart-recommendations .search-result-items .grid-tile .product-tile .product-name { font-family: Lato, sans-serif; font-size: 1.2rem; font-weight: 100; height: auto; margin-top: .5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cart-recommendations .search-result-items .grid-tile .product-tile .product-name a { color: #00629b; } .cart-recommendations .search-result-items .grid-tile .product-tile .product-pricing { font-family: Lato, sans-serif; font-size: 1rem; } .html-slot { background-color: #efefef; border-color: #e0e0e0; border-style: solid; border-width: 1px 0; } .html-slot h1 { color: #00629b; font-family: Lato, sans-serif; font-size: 1.5rem; font-weight: 300; margin: 1rem; text-align: center; } @media screen and (min-width: 768px) { .html-slot h1 { font-weight: 100; } } .html-slot h1 a { font-family: Crete Round, serif; } .content-slot img { height: auto; max-width: 100%; width: 100%; } .slot-grid-header { overflow: hidden; max-height: 621px; max-width: 1104px; margin: 50px auto 15px auto; } @media only screen and (max-width: 767px) { .slot-grid-header { margin: 0 0 15px 0; } } .slot-grid-header p { margin: 0; padding: 0; } .account-nav-asset { margin: 10px 0; padding: 0; line-height: 28px; } .account-nav-asset h2 { text-transform: uppercase; line-height: 16px; display: block; color: #999999; font-size: 12px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.15em; } @media only screen and (min-width: 480px) { .article-header, .article-body { margin-left: 20px; margin-right: 40px; } } .article-header h1 { line-height: 45px; letter-spacing: 1.5px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 30px; } @media only screen and (min-width: 992px) { .article-header h1 { margin-top: 40px; } } .article-body { font-size: 16px; line-height: 24px; } .article-body .orange { color: #ef4923; } .article-body .orange:hover { text-decoration: underline; } .article-options { margin-top: 20px; } @media only screen and (min-width: 480px) { .article-options { margin-left: 20px; } } .essay { margin-bottom: 40px; } .essay:first-of-type { padding: 15px 0 10px 0; } .essay-image img { display: block; width: 400px; max-width: 100%; margin: 0 auto; } .essay-text { line-height: 20px; padding: 0 15px; margin-top: 10px; text-align: center; } .essay-text strong { letter-spacing: 0.15em; text-transform: uppercase; } .essay-text a { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; } html[lang=ja] .article-header h1 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .essay-text a { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .ambassadors { text-align: center; } .ambassador { display: inline-block; position: relative; margin: 0 5px 10px; } .ambassador:hover .ambassador-link span { opacity: 1; } .ambassador-page-header { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 36px; letter-spacing: 0.05em; } .content-section-header.ambassador-section-header span { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.05em; text-transform: none; } .ambassador-link span { display: block; position: absolute; top: 0; z-index: 2; opacity: 0; width: 100%; height: 250px; transition: opacity 0.3s linear; background-color: rgba(52, 46, 125, 0.6); color: #FFFFFF; line-height: 250px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .ambassador-name { padding: 10px 0; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 0.05em; } .ambassador-slider { margin-left: -15px; margin-right: -15px; position: absolute; top: 0; z-index: 2; overflow: hidden; } .ambassador-slider:before, .ambassador-slider:after { content: " "; display: table; } .ambassador-slider:after { clear: both; } @media only screen and (min-width: 768px) { .ambassador-slider { position: fixed; top: 28px; } } .ambassador-slider .slider-arrow { font-size: 35px; } .ambassador-details { margin-left: -15px; margin-right: -15px; position: relative; z-index: 3; padding: 15px 15px 0; background-color: #FFFFFF; } .ambassador-details:before, .ambassador-details:after { content: " "; display: table; } .ambassador-details:after { clear: both; } @media only screen and (min-width: 768px) { .ambassador-details { padding: 60px 40px 0; } } .ambassador-biography, .ambassador-image { text-align: center; } @media only screen and (min-width: 768px) { .ambassador-biography, .ambassador-summary, .ambassador-highlights { float: right; width: calc(100% - 350px); } } .ambassador-biography .content-section-header { margin: 0 0 40px; } @media only screen and (max-width: 991px) { .ambassador-biography .content-section-header { border-top: none; } } .ambassador-biography .content-section-header h1 { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 30px; letter-spacing: 0.05em; } @media only screen and (max-width: 991px) { .ambassador-biography .content-section-header h1 { display: block; top: auto; margin: 0 0 10px; } } .ambassador-type { margin-top: 0; letter-spacing: 1.2px; text-transform: uppercase; font-size: 14px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.12em; } .ambassador-locations { margin-left: -15px; margin-right: -15px; } .ambassador-locations:before, .ambassador-locations:after { content: " "; display: table; } .ambassador-locations:after { clear: both; } .ambassador-location { position: relative; float: left; width: 50%; min-height: 1px; padding-left: 15px; padding-right: 15px; } .ambassador-location h3 { margin-top: 0; letter-spacing: 1.2px; text-transform: uppercase; font-size: 12px; } .ambassador-location p { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.05em; } @media only screen and (min-width: 768px) { .ambassador-image { float: left; width: 320px; } } .ambassador-image > img { width: 66%; padding-top: 20px; } @media only screen and (min-width: 768px) { .ambassador-image > img { width: 100%; padding: 0; } } .ambassador-social-links img { margin: 20px 5px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .ambassador-summary, .ambassador-highlights { float: none; clear: both; width: 100%; } } .ambassador-summary { padding: 0 15%; margin-top: 25px; text-align: center; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 16px; letter-spacing: 0.05em; line-height: 1.5em; } @media only screen and (min-width: 768px) { .ambassador-summary { line-height: 30px; padding: 40px 10% 0; border-top: 1px solid #cccccc; margin-top: 35px; letter-spacing: 0.44px; font-size: 22px; } } @media only screen and (max-width: 991px) { .ambassador-summary { padding-top: 0; border-top: none; } } .ambassador-highlights .content-section-header { margin: 50px 0 0; } .ambassador-highlights .content-section-header span { margin-bottom: 10px; text-transform: none; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.05em; } .ambassador-highlights ul { line-height: 18px; padding-left: 20px; letter-spacing: 0.28px; font-size: 12px; } @media only screen and (min-width: 768px) { .ambassador-highlights ul { padding-left: 44px; } } .ambassador-highlights li { padding-bottom: 8px; } @media only screen and (max-width: 767px) { .ambassador-highlights li { list-style: none; } } .ambassador-social-posts { clear: both; } .all-ambassadors { margin-top: 30px; text-align: center; } .all-ambassadors .button { padding: 13px 55px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 767px) { .all-ambassadors .button { font-size: 12px; padding: 8px 5px; max-width: 250px; } } html[lang=ja] .ambassador-page-header { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .content-section-header.ambassador-section-header span { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .ambassador-link span { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .ambassador-name { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .ambassador-biography .content-section-header h1 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .ambassador-type { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .ambassador-location p { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .ambassador-summary { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .ambassador-highlights .content-section-header span { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .all-ambassadors .button { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .localism-landing .hero-img-wrapper { padding-bottom: 46.7857142%; } @media only screen and (max-width: 767px) { .localism-landing .hero-img-wrapper { background-color: #e7e7e7; padding: 0; } } .localism-landing .hero-media-copy { background-color: rgba(231, 231, 231, 0.6); max-width: 700px; padding: 35px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .localism-landing .hero-media-copy { padding: 2% 35px; } } @media only screen and (max-width: 767px) { .localism-landing .hero-media-copy { width: 100%; max-width: 100%; padding: 55px 10px; } } .localism-landing .hero-media-copy .flex-hero-btn { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; padding: 13px 19px; font-size: 16px; border: 0 none; } @media only screen and (max-width: 767px) { .localism-landing .hero-media-copy .flex-hero-btn { font-size: 14px; } } .localism-landing .hero-slide-img { position: absolute; top: 0; left: 0; max-width: 100%; width: 100%; display: none; } .localism-landing .hero-media-img-still-link { display: inline-block; position: relative; width: 100%; z-index: 100; } .localism-landing .hero-media-img-still { position: relative; } .localism-landing .hm-title { color: #342e7d; font-size: 48px; } .localism-landing .flex-hero-wrapper h2 { font-size: 30px; } .localism-landing .patagonia-video-wrapper { background-color: #e7e7e7; } .localism-landing .hm-summary-flex, .localism-landing .hm-summary, .localism-landing .hm-subtitle { color: #000000; } .nav-options.white-background { background: #FFFFFF; } .localism-detail .container, .localism-detail #main { max-width: 1170px; width: auto; } .localism-detail .container.container-article a:hover, .localism-detail .container-article#main a:hover, .localism-detail .container.csv-table a:hover, .localism-detail .csv-table#main a:hover { text-decoration: underline; } @media only screen and (max-width: 767px) { .localism-detail .interactive-map-2 { display: none; } } .localism-detail .pill-nav.social-nav .purple-pill { padding: 0 2px; line-height: 31px; } .localism-detail .tnl-social-icons a { float: left; } .localism-detail .tnl-social-icons a:hover { cursor: pointer; } .localism-detail .tnl-social-icons a .fa-stack-1x:before { margin: 0 -3px 0 0; } .localism-detail .single-column { width: 66.66666667%; margin: 0 auto; float: none; } @media only screen and (min-width: 768px) and (max-width: 991px) { .localism-detail .single-column { float: left; width: 100%; position: relative; padding: 0 15px; } } @media only screen and (max-width: 767px) { .localism-detail .single-column { float: left; width: 100%; position: relative; padding: 0 15px; } } @media only screen and (max-width: 767px) { .localism-detail .img-inline-float-left.img-responsive { margin: 0 auto; float: none; } } .localism-detail .pill-nav.social-nav { top: 87px; } @media only screen and (max-width: 767px) { .localism-detail .pill-nav.social-nav { top: 0; } } .localism-detail .two-column { float: left; position: relative; padding: 0 30px; width: 50%; } @media only screen and (max-width: 767px) { .localism-detail .two-column { width: 100%; padding: 0 15px; } } .localism-detail .two-col-bg { color: #FFFFFF; } .localism-detail .two-col-bg a { color: #FFFFFF; } .localism-detail .social-column.column-left .btn.btn-wrap, .localism-detail .social-column.column-left button.btn-wrap, .localism-detail .social-column.column-left .btn-wrap.button { white-space: normal; } .localism-detail .social-column.column-left .btn:hover, .localism-detail .social-column.column-left button:hover, .localism-detail .social-column.column-left .button:hover { text-decoration: none; } .pt_dynamic-navigation #main { padding: 0; } .pt_dynamic-navigation .btns-wrapper .btn, .pt_dynamic-navigation .btns-wrapper button, .pt_dynamic-navigation .btns-wrapper .button { padding-top: 13px; padding-bottom: 13px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; border: 0 none; } html[lang=ja] .localism-landing .hero-media-copy .flex-hero-btn { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_dynamic-navigation .btns-wrapper .btn, html[lang=ja] .pt_dynamic-navigation .btns-wrapper button, html[lang=ja] .pt_dynamic-navigation .btns-wrapper .button { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .two-column-content .left-column, .two-column-content .right-column { margin-top: 48px; } @media only screen and (min-width: 768px) { .two-column-content.pt_content #main { display: flex; } } .two-column-content .left-column { top: 70px; } @media only screen and (min-width: 768px) { .two-column-content .left-column { flex: 0 0 260px; order: 1; margin-right: 30px; } } @media only screen and (max-width: 767px) { .two-column-content .right-column { margin-top: 30px; padding: 0 0 0 15px; } } @media only screen and (min-width: 768px) { .two-column-content .right-column { order: 2; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .two-column-content .right-column { margin-left: -15px; margin-right: -15px; } .two-column-content .right-column:before, .two-column-content .right-column:after { content: " "; display: table; } .two-column-content .right-column:after { clear: both; } } @media only screen and (min-width: 1200px) { .two-column-content .right-column { margin-left: -15px; margin-right: -15px; margin-right: 0; } .two-column-content .right-column:before, .two-column-content .right-column:after { content: " "; display: table; } .two-column-content .right-column:after { clear: both; } } @media only screen and (max-width: 991px) { .two-column-content .left-column, .two-column-content .right-column { float: none; width: 100%; } } .two-column-content.pt_request-catalog .request-catalog-page { padding: 20px; background-color: #f0f0f0; } .two-column-content.pt_request-catalog .request-catalog-page .form-row { float: left; width: 100%; } @media only screen and (min-width: 768px) { .two-column-content.pt_request-catalog .input-text, .two-column-content.pt_request-catalog .input-select { width: 70%; } } .two-column-content.pt_request-catalog .checkbox label span { float: right; width: calc(100% - 50px); line-height: 28px; margin-top: 8px; } .two-column-content.pt_request-catalog .radio > label:first-child { display: block; margin-bottom: 5px; } .two-column-content.pt_request-catalog .form-field-tooltip { width: 26%; margin: -47px 0 0; line-height: 42px; } .two-column-body { margin-left: -15px; } .two-column-body:before, .two-column-body:after { content: " "; display: table; } .two-column-body:after { clear: both; } @media only screen and (max-width: 767px) { .two-column-body { margin-left: 0; } } .two-column-body .orange { color: #ef4923; } .two-column-body .orange:hover { text-decoration: underline; } .article-section-header { border-top: 1px solid #cccccc; margin: 60px 15px 20px; text-align: center; } .article-section-header h2 { background: #FFFFFF; display: inline; margin: 0; padding: 0 15px; position: relative; top: -8px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.7px; } .one-column-content.parralax .row { margin: 0; } .one-column-content.parralax .hover-panel .row:first-child { margin-top: 26px; } @media only screen and (max-width: 767px) { .one-column-content .hero-title { text-align: center; width: 100%; } } .article-listing { margin-bottom: 40px; } .article-listing img { width: 100%; } .article-listing:nth-of-type(3n+1) { clear: left; } html[lang=ja] .article-section-header h2 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .article-header .jobs-header { margin-top: 0; } .job-info-bold { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .rss-logo { margin-right: 5px; } .rss-text { border-bottom: 1px solid #cccccc; margin: 0 0 10px; padding: 0 0 20px; } .content-list { list-style: none; padding: 0; } .content-list li { margin: 5px 0; } .opening-listing, .listing-header { display: block; font-size: 14px; } .retail-listings, .hq-listings { border-top: 1px solid #cccccc; margin: 15px 0 0; padding: 20px 0 0; } .retail-listings { margin: 20px 0 0; } .retail-listings .content-list { margin-top: 0; } .retail-listings .content-list a { font-size: 14px; line-height: 24px; } .retail-listings .content-list li { margin: 0; } @media only screen and (min-width: 992px) { .jobs .right-column { width: calc(100% - 285px); } } .jobs .left-column { width: 295px; } .jobs .article-header, .jobs .article-body { margin-right: 0; } .pt_jobs .job-content { font-size: 16px; line-height: 24px; } .pt_jobs .job-content > div:first-child { padding: 20px; background-color: #eeeeee; border-radius: 10px; margin: 25px 0 40px 0; } .request-form-container { background: #f0f0f0; margin-left: 8.33333%; padding: 20px; } .request-form-container label span { position: relative; top: 3px; } .request-form-container .privacy-policy { display: block; margin: 20px 0; } .return-repairs .container, .return-repairs #main { text-align: center; } .return-repairs .container a, .return-repairs #main a { color: #ef4923; white-space: nowrap; } .return-repairs .introHeader { text-align: center; margin: 20px 0 10px; } @media only screen and (min-width: 1200px) { .return-repairs .introHeader { margin: 40px 0 10px; } } .return-repairs .start-heading1 { font-size: 18px; color: #50504E; text-align: center; padding: 10px; } .return-repairs .start-content1 { display: block; margin: 15px auto 50px; font-size: 12px; line-height: 20px; max-width: 900px; } @media only screen and (min-width: 768px) { .return-repairs .equal-columns { display: flex; } } .return-repairs .equal-column { width: 50%; padding: 0 15px; float: left; position: relative; display: block; } @media only screen and (max-width: 767px) { .return-repairs .equal-column { width: 100%; } } .return-repairs .equal-column .start-box { display: block; background: #dddddd; text-align: left; margin-bottom: 20px; padding: 25px; min-height: 475px; } .return-repairs .equal-column .start-box h2 { margin-top: 0; } .return-repairs .equal-column .start-box a.button { color: #FFFFFF; margin: 0 20px 20px 0; vertical-align: sub; } .return-repairs .essay { padding: 0 15px; float: left; } @media only screen and (min-width: 1200px) { .return-repairs .essay { width: 33.3333%; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .return-repairs .essay { width: 50%; } } @media only screen and (max-width: 767px) { .return-repairs .essay { width: 100%; padding: 0; } } .return-repairs .essay .essay-text { margin: 15px 0 30px 0; } .rma-dialog { width: auto !important; margin: 30px 45px; top: 0 !important; } @media only screen and (min-width: 768px) { .rma-dialog { width: 500px !important; margin: 30px auto; } } .rma-dialog .ui-dialog-title { height: 0; } .rma-dialog .dialog-content { background: #f0f0f0; padding: 15px; font-size: 12px; } @media only screen and (min-width: 768px) { .rma-dialog .dialog-content { padding: 25px 15% 25px; } } .rma-dialog .dialog-content a { color: #ef4923; } .rma-dialog .dialog-content blockquote { padding-left: 0; border-left: none; font-size: 12px; } .rma-dialog .dialog-content ul { padding-left: 15px; } .rma-packingslip-container { padding: 0 10px; } .rma-modal { display: none; max-width: 550px; } .rma-modal .ui-dialog-content { background: #f0f0f0; padding: 5px 5% 20px; } .rma-modal .ui-dialog-content:before, .rma-modal .ui-dialog-content:after { content: " "; display: table; } .rma-modal .ui-dialog-content:after { clear: both; } .rma-modal .form-row { margin: 0; width: 100%; } .rma-modal .form-row label { display: none; } .rma-modal .input-text { width: 100%; } .rma-modal .button { color: #FFFFFF; } .rma-modal .close-button { clear: both; width: 100%; } .rma-modal .close-button .button { display: block; margin: 0 auto; } .rma-modal .rma-intercept-close-dialog { margin-left: 10px; } .pt_pro .primary-content { font-size: 14px; } .pt_pro .primary-content li a, .pt_pro .primary-content p a { text-decoration: underline; } .pt_pro .primary-content form { margin-top: 20px; } .pt_pro .page-content .form-row.half-button button { float: left; width: 150px; margin: 0 20px 0 0; } @media only screen and (max-width: 767px) { .pt_pro .page-content .form-row.half-button button { width: 100%; margin: 20px 0 0 0; } } .pt_pro .page-content .column { font-size: 14px; } .pt_pro .page-content .column h1 { margin-bottom: 20px; } .pt_pro .page-content .column label { font-size: 15px; } .pt_pro .page-content .column .form-row-productassortment label { display: block; margin-left: 0; margin-top: 10px; } .pt_pro .page-content .column p a, .pt_pro .page-content .column li a { text-decoration: underline; } @media only screen and (max-width: 767px) { .pt_pro .page-content .column .button, .pt_pro .page-content .column button { width: 100%; margin: 10px 0; } } .pt_pro .page-content .column .requirements { margin: 20px 0; padding: 0; list-style: none; } .pt_pro .page-content .column .requirements li p { padding: 0 0 0 20px; } .pt_pro .pro-landing { font-size: 14px; width: 100%; } .pt_pro .pro-landing .account-options a { text-decoration: underline; } .pt_pro .pro-landing h1 a { float: right; } @media only screen and (max-width: 991px) { .pt_pro .pro-landing h1 { text-align: center; } .pt_pro .pro-landing h1 a { float: none; margin: 15px auto; display: block; } } .pro-sign-up h3 { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 20px; } .pro-sign-up p { margin-bottom: 25px; } .pro-sign-up .button { width: 100%; } @media only screen and (min-width: 768px) { .pro-sign-up .button { width: 175px; } } .pro-sign-up .button + .button { margin: 10px 20px; } @media only screen and (max-width: 767px) { .pro-sign-up .button + .button { margin: 10px 0; } } @media only screen and (min-width: 768px) { .select-pro-category .form-row-button button { margin-right: 20px; } } html.parallax > body.worn-wear > footer { display: block !important; } #worn-wear-repairs { overflow: hidden; margin-top: 15px; } @media (min-width: 768px) { #worn-wear-repairs { margin-top: 0; } } #worn-wear-repairs #article-landing { min-height: 900px; } #worn-wear-repairs .category-section { position: relative; min-height: 400px; } #worn-wear-repairs .detail-section-header.small h2, #worn-wear-repairs .detail-section-header.small span { font-size: 14px; text-transform: uppercase; letter-spacing: .0875em; margin: 70px -30px 26px -30px; } @media (max-width: 767px) { #worn-wear-repairs .detail-section-header.small h2, #worn-wear-repairs .detail-section-header.small span { font-size: 20px; letter-spacing: 0.125px; } } #worn-wear-repairs .detail-section-header.small { margin-top: 75px; margin-bottom: 26px; margin-right: -25px; margin-left: -25px; } @media (max-width: 767px) { #worn-wear-repairs .detail-section-header.small { margin-top: 60px; margin-bottom: 40px; } } #worn-wear-repairs .detail-section { background-color: #f0f0f0; overflow: hidden; margin: 45px -15px 0 0; } @media (min-width: 768px) { #worn-wear-repairs .detail-section { margin: 95px -15px 0 0; } } #worn-wear-repairs .detail-section .detail-section-header { margin: 42px 20px 15px; background-color: #f0f0f0; /* .detail-section-header { margin: 50px 0; } */ } @media (min-width: 768px) { #worn-wear-repairs .detail-section .detail-section-header { margin: 62px 20px 15px; } } #worn-wear-repairs .detail-section .detail-section-header span, #worn-wear-repairs .detail-section .detail-section-header h2 { background-color: #f0f0f0; } #worn-wear-repairs .detail-section .detail-section-header .detail-section-header-line { border-top: 1px solid #AAA; } #worn-wear-repairs .detail-section .description { margin: 0 0 40px; font-size: 14px; } @media (min-width: 480px) { #worn-wear-repairs .detail-section .description { margin: 0 10px 40px; } } @media (min-width: 1200px) { #worn-wear-repairs .detail-section .description { font-size: 16px; } } #worn-wear-repairs .detail-section .description p { line-height: 20px; color: black; } #worn-wear-repairs .detail-section .description img { float: left; margin-right: 15px; margin-bottom: 10px; margin-top: 10px; } #worn-wear-repairs .step-container { background-color: #f0f0f0; padding: 20px; margin: 30px 15px 0; } @media (min-width: 768px) { #worn-wear-repairs .step-container .step-table { display: table; width: 100%; } } @media (min-width: 768px) { #worn-wear-repairs .step-container .step-table .step-cell { display: table-cell; width: 50%; } } #worn-wear-repairs .step-container .step-table .step-cell .step-image-thumbs { margin: 10px 0; overflow: hidden; } @media (min-width: 768px) { #worn-wear-repairs .step-container .step-table .step-cell .step-image-thumbs { margin: 0 10px 10px; } } #worn-wear-repairs .video-js { width: 100% !important; height: auto !important; } #worn-wear-repairs .video-js:after { content: '.'; display: block; position: relative; padding: 0; padding-top: 75%; /* set this to (height/width)*100% (eg. 56%=16:9, 75%=4:3) */ margin: 0 0 0 -100%; visibility: hidden; height: 0; } #worn-wear-repairs .vjs-poster { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } #worn-wear-repairs .repair-intro { font-size: 18px; line-height: 24px; padding-top: 65px; padding-bottom: 0; text-align: center; } @media (max-width: 767px) { #worn-wear-repairs .repair-intro { padding-top: 55px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-size: 28px; line-height: 40px; padding-left: 10%; padding-right: 10%; text-align: center; } } #worn-wear-repairs .essay { margin-bottom: 65px; min-height: 400px; } @media (max-width: 767px) { #worn-wear-repairs .essay { padding-left: 40px; padding-right: 40px; margin-bottom: 85px; } #worn-wear-repairs .essay .essay-text { margin-top: 22px; } #worn-wear-repairs .essay .essay-text .read-more { margin-top: 30px; } } .worn-wear-container, #worn-wear-tumblr { margin-top: 15px; } @media (min-width: 768px) { .worn-wear-container, #worn-wear-tumblr { margin-top: 0; } } .container-article a, .two-col-wrapper a { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media (max-width: 991px) { .worn-wear-container { margin-top: 25px; } .worn-wear-container .two-col-wrapper { padding-top: 33px; } } .repairs-feature { width: 50%; float: left; text-align: center; margin-bottom: 110px; } @media (max-width: 767px) { .repairs-feature { width: 100%; float: none; margin-bottom: 0; } } .repairs-feature .inner { background-color: #f8d3a5; color: #613d1a; min-height: 850px; font-size: 19px; line-height: 35px; letter-spacing: 0.95px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; position: relative; } .repairs-feature .inner:first-of-type { border-right: 2px solid white; } .repairs-feature .inner:last-of-type { border-left: 2px solid white; } @media (max-width: 767px) { .repairs-feature .inner { font-size: 22px; line-height: 34px; border-left: 0; border-right: 0; } } .repairs-feature .inner h2 { font-size: 31px; line-height: 42px; letter-spacing: 1.55px; } @media (max-width: 767px) { .repairs-feature .inner h2 { padding-bottom: 15px; } } .repairs-feature .inner .content { padding-left: 5%; padding-right: 5%; } .repairs-feature .inner .button-wrapper { width: 100%; position: absolute; bottom: 45px; } .repairs-feature .inner .btn, .repairs-feature .inner button, .repairs-feature .inner .button { min-width: 274px; margin-top: 43px; bottom: 50px; } .repairs-feature img.top-image { width: 100%; padding-bottom: 40px; } @media (max-width: 767px) { .repairs-feature img.top-image { padding-bottom: 29px; } } .ww-simple-list { list-style: none; margin: 0; padding: 0 0 0 25px; } .ww-simple-list li { overflow: hidden; } .ww-simple-list li:before { content: "• "; float: left; margin: 0 10px 0 0; } .ww-list-content { color: #000000; overflow: hidden; } @media (max-width: 767px) { html[lang=ja] #worn-wear-repairs .repair-intro { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } } html[lang=ja] .container-article a, html[lang=ja] .two-col-wrapper a { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .repairs-feature .inner { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .nf-wrapper { position: relative; display: inline-block; margin: 30px 0; } .nf-wrapper .nf-content { color: #d6d6d6; position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.75); } @media (max-width: 767px) { .nf-wrapper .nf-content { position: static; padding: 10px 0; background-color: #000; } } .nf-wrapper .nf-content .volume { margin: 35px; width: 100px; } @media (max-width: 767px) { .nf-wrapper .nf-content .volume { margin: 0; } } .sitemap-wrapper { display: flex; flex-wrap: wrap; } @media only screen and (min-width: 768px) { .sitemap-wrapper { margin-left: 20px; } } .sitemap-only { display: none; } .sitemap-section { width: 25%; } @media (max-width: 1180px) { .sitemap-section { width: 33.3333333333333%; } } @media (max-width: 767px) { .sitemap-section { width: 50%; } } @media only screen and (max-width: 767px) { .sitemap-section:nth-of-type(even) { padding-left: 10px; } .sitemap-section:nth-of-type(odd) { padding-right: 15px; } } @media only screen and (min-width: 768px) { .sitemap-section { padding-right: 15px; } } .sitemap-section h2 { font-size: 24px; margin-bottom: 0; } .sitemap-section .level-2 { font-size: 14px; padding-left: 10px; line-height: 22px; } .sitemap-section .no-sitemap { display: none; } .sitemap-section .sitemap-only { display: block; } .sitemap-section .menu-col.mission, .sitemap-section .menu-col img { display: none; } .sitemap-section ul.basic-list { list-style-type: none; padding: 0; font-size: 14px; padding-left: 10px; padding-top: 10px; } .sitemap-section ul.basic-list > li { padding-top: 0; } ul.outer { list-style-type: none; padding: 0; font-size: 16px; padding-left: 10px; } ul.outer > li { padding-top: 10px; } .gray-menu-column { display: none; } ul.subsub { list-style-type: none; padding-left: 10px; font-size: 14px; margin-bottom: 6px; margin-top: 4px; } @media only screen and (max-width: 991px) { .pt_pro #main .primary-content, .pt_account #main .primary-content, .pt_wish-list #main .primary-content, .pt_order #main .primary-content { width: 100%; } } .pt_pro #main h1, .pt_account #main h1, .pt_wish-list #main h1, .pt_order #main h1 { border-bottom: 1px solid #cccccc; padding: 0 0 5px 0; font-size: 30px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.05em; line-height: 1.5em; } @media only screen and (max-width: 767px) { .pt_pro #main h1, .pt_account #main h1, .pt_wish-list #main h1, .pt_order #main h1 { font-size: 24px; } } .pt_pro #main h1 span, .pt_account #main h1 span, .pt_wish-list #main h1 span, .pt_order #main h1 span { float: right; font-size: 14px; line-height: 50px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 767px) { .pt_pro #main h1, .pt_account #main h1, .pt_wish-list #main h1, .pt_order #main h1 { font-size: 24px; text-align: center; } } @media only screen and (max-width: 991px) { .pt_pro #main h1.login, .pt_account #main h1.login, .pt_wish-list #main h1.login, .pt_order #main h1.login { text-align: left; font-size: 24px; } } @media only screen and (max-width: 991px) { .pt_pro #main h1.login span, .pt_account #main h1.login span, .pt_wish-list #main h1.login span, .pt_order #main h1.login span { line-height: 3; } } .pt_pro #main .set-new-pass h1, .pt_account #main .set-new-pass h1, .pt_wish-list #main .set-new-pass h1, .pt_order #main .set-new-pass h1 { font-size: 30px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.05em; line-height: 1.5em; } @media only screen and (max-width: 767px) { .pt_pro #main .set-new-pass h1, .pt_account #main .set-new-pass h1, .pt_wish-list #main .set-new-pass h1, .pt_order #main .set-new-pass h1 { font-size: 24px; } } .pt_pro #main .set-new-pass p, .pt_account #main .set-new-pass p, .pt_wish-list #main .set-new-pass p, .pt_order #main .set-new-pass p { font-size: 16px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.05em; line-height: 1.5em; margin: 25px 0; } .pt_pro #main .set-new-pass .asset-buttons, .pt_account #main .set-new-pass .asset-buttons, .pt_wish-list #main .set-new-pass .asset-buttons, .pt_order #main .set-new-pass .asset-buttons { font-size: 0; } .pt_pro #main .set-new-pass .asset-buttons a, .pt_account #main .set-new-pass .asset-buttons a, .pt_wish-list #main .set-new-pass .asset-buttons a, .pt_order #main .set-new-pass .asset-buttons a { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; padding: 6px 24px; letter-spacing: 0.05em; margin: 0 calc((100% - 667px)/6); display: inline-block; } .pt_pro #main .set-new-pass .asset-buttons a:last-child, .pt_account #main .set-new-pass .asset-buttons a:last-child, .pt_wish-list #main .set-new-pass .asset-buttons a:last-child, .pt_order #main .set-new-pass .asset-buttons a:last-child { margin-right: 0; } .pt_pro #main .set-new-pass .asset-buttons a:first-child, .pt_account #main .set-new-pass .asset-buttons a:first-child, .pt_wish-list #main .set-new-pass .asset-buttons a:first-child, .pt_order #main .set-new-pass .asset-buttons a:first-child { margin-left: 0; } @media only screen and (max-width: 767px) { .pt_pro #main .set-new-pass .asset-buttons a, .pt_account #main .set-new-pass .asset-buttons a, .pt_wish-list #main .set-new-pass .asset-buttons a, .pt_order #main .set-new-pass .asset-buttons a { width: 100%; margin: 10px 0; } } .pt_pro #main .set-new-pass .asset-buttons a.narrowgap, .pt_account #main .set-new-pass .asset-buttons a.narrowgap, .pt_wish-list #main .set-new-pass .asset-buttons a.narrowgap, .pt_order #main .set-new-pass .asset-buttons a.narrowgap { margin: 0 calc((100% - 666px)/8); } .pt_pro #main .address-list h1 span, .pt_pro #main .paymentslist h1 span, .pt_account #main .address-list h1 span, .pt_account #main .paymentslist h1 span, .pt_wish-list #main .address-list h1 span, .pt_wish-list #main .paymentslist h1 span, .pt_order #main .address-list h1 span, .pt_order #main .paymentslist h1 span { float: none; line-height: 50px; font-size: 36px; } @media only screen and (min-width: 768px) and (max-width: 1199px) { .pt_pro #main .address-list h1 span, .pt_pro #main .paymentslist h1 span, .pt_account #main .address-list h1 span, .pt_account #main .paymentslist h1 span, .pt_wish-list #main .address-list h1 span, .pt_wish-list #main .paymentslist h1 span, .pt_order #main .address-list h1 span, .pt_order #main .paymentslist h1 span { font-size: 20px; } } @media only screen and (max-width: 767px) { .pt_pro #main .address-list h1 span, .pt_pro #main .paymentslist h1 span, .pt_account #main .address-list h1 span, .pt_account #main .paymentslist h1 span, .pt_wish-list #main .address-list h1 span, .pt_wish-list #main .paymentslist h1 span, .pt_order #main .address-list h1 span, .pt_order #main .paymentslist h1 span { font-size: 20px; } } .pt_pro #main .address-list h1 a, .pt_pro #main .paymentslist h1 a, .pt_account #main .address-list h1 a, .pt_account #main .paymentslist h1 a, .pt_wish-list #main .address-list h1 a, .pt_wish-list #main .paymentslist h1 a, .pt_order #main .address-list h1 a, .pt_order #main .paymentslist h1 a { float: right; } @media only screen and (min-width: 768px) and (max-width: 1199px) { .pt_pro #main .address-list h1 a, .pt_pro #main .paymentslist h1 a, .pt_account #main .address-list h1 a, .pt_account #main .paymentslist h1 a, .pt_wish-list #main .address-list h1 a, .pt_wish-list #main .paymentslist h1 a, .pt_order #main .address-list h1 a, .pt_order #main .paymentslist h1 a { font-size: 13px; padding: 0 10px; line-height: 50px; } } @media only screen and (max-width: 767px) { .pt_pro #main .address-list h1 a, .pt_pro #main .paymentslist h1 a, .pt_account #main .address-list h1 a, .pt_account #main .paymentslist h1 a, .pt_wish-list #main .address-list h1 a, .pt_wish-list #main .paymentslist h1 a, .pt_order #main .address-list h1 a, .pt_order #main .paymentslist h1 a { font-size: 13px; line-height: 50px; width: 100%; display: block; margin: 0 0 5px 0; padding: 0 15px; float: none; } } .pt_pro #main #NewPasswordForm .form-row-button button, .pt_account #main #NewPasswordForm .form-row-button button, .pt_wish-list #main #NewPasswordForm .form-row-button button, .pt_order #main #NewPasswordForm .form-row-button button { font-size: 16px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.05em; text-transform: capitalize; } .pt_pro #main .barcode, .pt_account #main .barcode, .pt_wish-list #main .barcode, .pt_order #main .barcode { padding-top: 15px; padding-bottom: 10px; } .pt_pro #main svg, .pt_account #main svg, .pt_wish-list #main svg, .pt_order #main svg { display: block; align: left; border: 1px solid #cccccc; } @media only screen and (max-width: 767px) { .pt_pro #main svg, .pt_account #main svg, .pt_wish-list #main svg, .pt_order #main svg { margin-right: auto; margin-left: auto; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .pt_pro #main svg, .pt_account #main svg, .pt_wish-list #main svg, .pt_order #main svg { margin-right: auto; margin-left: auto; } } .pt_pro #main .login-rememberme, .pt_account #main .login-rememberme, .pt_wish-list #main .login-rememberme, .pt_order #main .login-rememberme { margin: 25px 0; } .pt_pro #main .login-rememberme label, .pt_account #main .login-rememberme label, .pt_wish-list #main .login-rememberme label, .pt_order #main .login-rememberme label { font-size: 13px; } .pt_pro #main .login-rememberme label:before, .pt_account #main .login-rememberme label:before, .pt_wish-list #main .login-rememberme label:before, .pt_order #main .login-rememberme label:before { margin-top: -3px; margin-right: 11px; padding: 12px; width: 17px; height: 17px; background-color: #FFFFFF; background-image: none; border: 1px solid #cccccc; } .pt_pro #main .login-rememberme input[type="checkbox"]:checked + label:before, .pt_account #main .login-rememberme input[type="checkbox"]:checked + label:before, .pt_wish-list #main .login-rememberme input[type="checkbox"]:checked + label:before, .pt_order #main .login-rememberme input[type="checkbox"]:checked + label:before { background-image: url("../images/check.png"); background-size: 15px 15px; background-position: 50%; } .pt_pro #secondary nav, .pt_account #secondary nav, .pt_wish-list #secondary nav, .pt_order #secondary nav { padding: 0; } @media only screen and (max-width: 991px) { .pt_pro #secondary nav, .pt_account #secondary nav, .pt_wish-list #secondary nav, .pt_order #secondary nav { width: 100%; } } .pt_pro .nav, .pt_account .nav, .pt_wish-list .nav, .pt_order .nav { font-size: 12px; list-style-type: none; margin: 30px 0 0 0; width: 260px; padding: 0; float: left; word-wrap: break-word; } .pt_pro .nav .secondary-navigation .toggle, .pt_account .nav .secondary-navigation .toggle, .pt_wish-list .nav .secondary-navigation .toggle, .pt_order .nav .secondary-navigation .toggle { text-transform: uppercase; line-height: 16px; display: block; color: #999999; font-size: 12px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.15em; } .pt_pro .nav .secondary-navigation ul, .pt_account .nav .secondary-navigation ul, .pt_wish-list .nav .secondary-navigation ul, .pt_order .nav .secondary-navigation ul { margin: 10px 0; list-style-type: none; line-height: 28px; padding: 0; } .pt_pro .nav .secondary-navigation ul li a, .pt_account .nav .secondary-navigation ul li a, .pt_wish-list .nav .secondary-navigation ul li a, .pt_order .nav .secondary-navigation ul li a { text-decoration: none; color: #000000; } .pt_pro .nav .secondary-navigation ul li a:hover, .pt_account .nav .secondary-navigation ul li a:hover, .pt_wish-list .nav .secondary-navigation ul li a:hover, .pt_order .nav .secondary-navigation ul li a:hover { color: #ef4923; } .pt_pro legend, .pt_pro .legend, .pt_account legend, .pt_account .legend, .pt_wish-list legend, .pt_wish-list .legend, .pt_order legend, .pt_order .legend { border: 0 none; float: left; margin: 0; padding: 10px 0 20px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 991px) { .pt_pro legend, .pt_pro .legend, .pt_account legend, .pt_account .legend, .pt_wish-list legend, .pt_wish-list .legend, .pt_order legend, .pt_order .legend { font-size: 18px; } } .pt_pro .legend, .pt_account .legend, .pt_wish-list .legend, .pt_order .legend { float: none; font-size: 21px; } @media only screen and (max-width: 991px) { .pt_pro .legend, .pt_account .legend, .pt_wish-list .legend, .pt_order .legend { font-size: 18px; } } .pt_pro .col-1, .pt_pro .col-2, .pt_account .col-1, .pt_account .col-2, .pt_wish-list .col-1, .pt_wish-list .col-2, .pt_order .col-1, .pt_order .col-2 { float: left; position: relative; padding: 0 15px; width: 50%; } @media only screen and (max-width: 991px) { .pt_pro .col-1, .pt_pro .col-2, .pt_account .col-1, .pt_account .col-2, .pt_wish-list .col-1, .pt_wish-list .col-2, .pt_order .col-1, .pt_order .col-2 { width: 100%; padding: 0 5px; } } .pt_pro .false-list, .pt_account .false-list, .pt_wish-list .false-list, .pt_order .false-list { margin: 5px 0 15px; text-align: center; } .pt_pro .form-row, .pt_account .form-row, .pt_wish-list .form-row, .pt_order .form-row { margin: 15px 0; overflow: hidden; clear: both; } .pt_pro .form-row + .form-row, legend + .pt_pro .form-row, .pt_account .form-row + .form-row, legend + .pt_account .form-row, .pt_wish-list .form-row + .form-row, legend + .pt_wish-list .form-row, .pt_order .form-row + .form-row, legend + .pt_order .form-row { margin: 0 0 15px; } .pt_pro .label-subline, .pt_account .label-subline, .pt_wish-list .label-subline, .pt_order .label-subline { margin: -48px 0 0 49px; float: left; position: relative; z-index: 2; } @media only screen and (max-width: 991px) { .pt_pro .label-subline, .pt_account .label-subline, .pt_wish-list .label-subline, .pt_order .label-subline { margin: -38px 0 0 49px; } } @media only screen and (max-width: 480px) { .pt_pro .label-subline, .pt_account .label-subline, .pt_wish-list .label-subline, .pt_order .label-subline { margin: -20px 0 10px 49px; } } .pt_pro .label-subline a, .pt_account .label-subline a, .pt_wish-list .label-subline a, .pt_order .label-subline a { color: #ef4923; } .pt_pro .label-subline a:hover, .pt_account .label-subline a:hover, .pt_wish-list .label-subline a:hover, .pt_order .label-subline a:hover { color: #ef4923; text-decoration: underline; } .pt_pro .login-oauth, .pt_account .login-oauth, .pt_wish-list .login-oauth, .pt_order .login-oauth { text-align: center; padding: 0 0 15px 0; } .pt_pro .login-oauth p:first-child, .pt_account .login-oauth p:first-child, .pt_wish-list .login-oauth p:first-child, .pt_order .login-oauth p:first-child { font-size: 2em; text-align: center; margin: 0; text-transform: uppercase; } .pt_pro .login-box, .pt_account .login-box, .pt_wish-list .login-box, .pt_order .login-box { border-radius: 5px; background: #efefef; padding: 0 10px; margin: 15px 0 0 0; } .pt_pro .login-box.login-order-track .dialog-required, .pt_pro .login-box.login-account .dialog-required, .pt_account .login-box.login-order-track .dialog-required, .pt_account .login-box.login-account .dialog-required, .pt_wish-list .login-box.login-order-track .dialog-required, .pt_wish-list .login-box.login-account .dialog-required, .pt_order .login-box.login-order-track .dialog-required, .pt_order .login-box.login-account .dialog-required { float: right; line-height: 42px; text-transform: uppercase; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; } .pt_pro .login-box.login-order-track .dialog-required em, .pt_pro .login-box.login-account .dialog-required em, .pt_account .login-box.login-order-track .dialog-required em, .pt_account .login-box.login-account .dialog-required em, .pt_wish-list .login-box.login-order-track .dialog-required em, .pt_wish-list .login-box.login-account .dialog-required em, .pt_order .login-box.login-order-track .dialog-required em, .pt_order .login-box.login-account .dialog-required em { font-style: normal; } .pt_pro .login-box.login-order-track .error-form, .pt_pro .login-box.login-account .error-form, .pt_account .login-box.login-order-track .error-form, .pt_account .login-box.login-account .error-form, .pt_wish-list .login-box.login-order-track .error-form, .pt_wish-list .login-box.login-account .error-form, .pt_order .login-box.login-order-track .error-form, .pt_order .login-box.login-account .error-form { padding: 0; } .pt_pro .login-box .dialog-required.popup, .pt_account .login-box .dialog-required.popup, .pt_wish-list .login-box .dialog-required.popup, .pt_order .login-box .dialog-required.popup { display: none; } .pt_pro .login-box h2, .pt_account .login-box h2, .pt_wish-list .login-box h2, .pt_order .login-box h2 { font-size: 24px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.05em; } .pt_pro .login-box p, .pt_account .login-box p, .pt_wish-list .login-box p, .pt_order .login-box p { margin: 1em 0; } .pt_pro .login-box .error, .pt_pro .login-box .error-message, .pt_account .login-box .error, .pt_account .login-box .error-message, .pt_wish-list .login-box .error, .pt_wish-list .login-box .error-message, .pt_order .login-box .error, .pt_order .login-box .error-message { margin-left: 0; } @media only screen and (max-width: 767px) { .pt_pro .address-list, .pt_pro .paymentslist, .pt_account .address-list, .pt_account .paymentslist, .pt_wish-list .address-list, .pt_wish-list .paymentslist, .pt_order .address-list, .pt_order .paymentslist { padding: 0 0 15px 0; } } .pt_pro .address-list .address-list, .pt_pro .address-list .payment-list, .pt_pro .paymentslist .address-list, .pt_pro .paymentslist .payment-list, .pt_account .address-list .address-list, .pt_account .address-list .payment-list, .pt_account .paymentslist .address-list, .pt_account .paymentslist .payment-list, .pt_wish-list .address-list .address-list, .pt_wish-list .address-list .payment-list, .pt_wish-list .paymentslist .address-list, .pt_wish-list .paymentslist .payment-list, .pt_order .address-list .address-list, .pt_order .address-list .payment-list, .pt_order .paymentslist .address-list, .pt_order .paymentslist .payment-list { clear: both; padding: 10px 10px 0 10px; font-size: 14px; list-style: none; margin: 15px 0 0 0; background: #efefef; border-radius: 5px; } .pt_pro .address-list .address-list li, .pt_pro .address-list .payment-list li, .pt_pro .paymentslist .address-list li, .pt_pro .paymentslist .payment-list li, .pt_account .address-list .address-list li, .pt_account .address-list .payment-list li, .pt_account .paymentslist .address-list li, .pt_account .paymentslist .payment-list li, .pt_wish-list .address-list .address-list li, .pt_wish-list .address-list .payment-list li, .pt_wish-list .paymentslist .address-list li, .pt_wish-list .paymentslist .payment-list li, .pt_order .address-list .address-list li, .pt_order .address-list .payment-list li, .pt_order .paymentslist .address-list li, .pt_order .paymentslist .payment-list li { max-width: 290px; margin: 0 10px 20px 0; width: 100%; display: inline-block; } .pt_pro .address-list .address-list li h3, .pt_pro .address-list .payment-list li h3, .pt_pro .paymentslist .address-list li h3, .pt_pro .paymentslist .payment-list li h3, .pt_account .address-list .address-list li h3, .pt_account .address-list .payment-list li h3, .pt_account .paymentslist .address-list li h3, .pt_account .paymentslist .payment-list li h3, .pt_wish-list .address-list .address-list li h3, .pt_wish-list .address-list .payment-list li h3, .pt_wish-list .paymentslist .address-list li h3, .pt_wish-list .paymentslist .payment-list li h3, .pt_order .address-list .address-list li h3, .pt_order .address-list .payment-list li h3, .pt_order .paymentslist .address-list li h3, .pt_order .paymentslist .payment-list li h3 { margin: 0 0 15px 0; } .pt_pro .address-list .address-list li .mini-address-title, .pt_pro .address-list .address-list li .cc-owner, .pt_pro .address-list .payment-list li .mini-address-title, .pt_pro .address-list .payment-list li .cc-owner, .pt_pro .paymentslist .address-list li .mini-address-title, .pt_pro .paymentslist .address-list li .cc-owner, .pt_pro .paymentslist .payment-list li .mini-address-title, .pt_pro .paymentslist .payment-list li .cc-owner, .pt_account .address-list .address-list li .mini-address-title, .pt_account .address-list .address-list li .cc-owner, .pt_account .address-list .payment-list li .mini-address-title, .pt_account .address-list .payment-list li .cc-owner, .pt_account .paymentslist .address-list li .mini-address-title, .pt_account .paymentslist .address-list li .cc-owner, .pt_account .paymentslist .payment-list li .mini-address-title, .pt_account .paymentslist .payment-list li .cc-owner, .pt_wish-list .address-list .address-list li .mini-address-title, .pt_wish-list .address-list .address-list li .cc-owner, .pt_wish-list .address-list .payment-list li .mini-address-title, .pt_wish-list .address-list .payment-list li .cc-owner, .pt_wish-list .paymentslist .address-list li .mini-address-title, .pt_wish-list .paymentslist .address-list li .cc-owner, .pt_wish-list .paymentslist .payment-list li .mini-address-title, .pt_wish-list .paymentslist .payment-list li .cc-owner, .pt_order .address-list .address-list li .mini-address-title, .pt_order .address-list .address-list li .cc-owner, .pt_order .address-list .payment-list li .mini-address-title, .pt_order .address-list .payment-list li .cc-owner, .pt_order .paymentslist .address-list li .mini-address-title, .pt_order .paymentslist .address-list li .cc-owner, .pt_order .paymentslist .payment-list li .mini-address-title, .pt_order .paymentslist .payment-list li .cc-owner { font-size: 16px; } .pt_pro .address-list .address-list button.delete, .pt_pro .address-list .payment-list button.delete, .pt_pro .paymentslist .address-list button.delete, .pt_pro .paymentslist .payment-list button.delete, .pt_account .address-list .address-list button.delete, .pt_account .address-list .payment-list button.delete, .pt_account .paymentslist .address-list button.delete, .pt_account .paymentslist .payment-list button.delete, .pt_wish-list .address-list .address-list button.delete, .pt_wish-list .address-list .payment-list button.delete, .pt_wish-list .paymentslist .address-list button.delete, .pt_wish-list .paymentslist .payment-list button.delete, .pt_order .address-list .address-list button.delete, .pt_order .address-list .payment-list button.delete, .pt_order .paymentslist .address-list button.delete, .pt_order .paymentslist .payment-list button.delete { text-decoration: underline; margin: 20px 0 0 0; } .pt_pro .address-list .address-list .cc-owner, .pt_pro .address-list .payment-list .cc-owner, .pt_pro .paymentslist .address-list .cc-owner, .pt_pro .paymentslist .payment-list .cc-owner, .pt_account .address-list .address-list .cc-owner, .pt_account .address-list .payment-list .cc-owner, .pt_account .paymentslist .address-list .cc-owner, .pt_account .paymentslist .payment-list .cc-owner, .pt_wish-list .address-list .address-list .cc-owner, .pt_wish-list .address-list .payment-list .cc-owner, .pt_wish-list .paymentslist .address-list .cc-owner, .pt_wish-list .paymentslist .payment-list .cc-owner, .pt_order .address-list .address-list .cc-owner, .pt_order .address-list .payment-list .cc-owner, .pt_order .paymentslist .address-list .cc-owner, .pt_order .paymentslist .payment-list .cc-owner { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .pt_pro .address-list .address-list, .pt_pro .paymentslist .address-list, .pt_account .address-list .address-list, .pt_account .paymentslist .address-list, .pt_wish-list .address-list .address-list, .pt_wish-list .paymentslist .address-list, .pt_order .address-list .address-list, .pt_order .paymentslist .address-list { float: left; width: 100%; } .pt_pro .address-list .address-list li, .pt_pro .paymentslist .address-list li, .pt_account .address-list .address-list li, .pt_account .paymentslist .address-list li, .pt_wish-list .address-list .address-list li, .pt_wish-list .paymentslist .address-list li, .pt_order .address-list .address-list li, .pt_order .paymentslist .address-list li { vertical-align: top; } .pt_pro .address-list .address-list li.default, .pt_pro .paymentslist .address-list li.default, .pt_account .address-list .address-list li.default, .pt_account .paymentslist .address-list li.default, .pt_wish-list .address-list .address-list li.default, .pt_wish-list .paymentslist .address-list li.default, .pt_order .address-list .address-list li.default, .pt_order .paymentslist .address-list li.default { max-width: 100%; padding: 0 0 10px 0; border-bottom: 1px solid #ccc; } .pt_pro .address-list .address-list li .mini-address-title, .pt_pro .paymentslist .address-list li .mini-address-title, .pt_account .address-list .address-list li .mini-address-title, .pt_account .paymentslist .address-list li .mini-address-title, .pt_wish-list .address-list .address-list li .mini-address-title, .pt_wish-list .paymentslist .address-list li .mini-address-title, .pt_order .address-list .address-list li .mini-address-title, .pt_order .paymentslist .address-list li .mini-address-title { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .pt_pro .address-list .address-list li a, .pt_pro .paymentslist .address-list li a, .pt_account .address-list .address-list li a, .pt_account .paymentslist .address-list li a, .pt_wish-list .address-list .address-list li a, .pt_wish-list .paymentslist .address-list li a, .pt_order .address-list .address-list li a, .pt_order .paymentslist .address-list li a { text-decoration: underline; } .pt_pro .form-horizontal fieldset, .pt_account .form-horizontal fieldset, .pt_wish-list .form-horizontal fieldset, .pt_order .form-horizontal fieldset { background: #efefef; border-radius: 5px; padding: 0 15px; margin: 0 0 10px 0; } .pt_pro .form-horizontal .form-caption, .pt_account .form-horizontal .form-caption, .pt_wish-list .form-horizontal .form-caption, .pt_order .form-horizontal .form-caption { margin: 15px 0; clear: both; } @media only screen and (max-width: 991px) { .pt_pro .form-horizontal .form-caption, .pt_account .form-horizontal .form-caption, .pt_wish-list .form-horizontal .form-caption, .pt_order .form-horizontal .form-caption { margin: 10px 0; } } @media only screen and (max-width: 991px) { .pt_pro .form-horizontal .form-row, .pt_account .form-horizontal .form-row, .pt_wish-list .form-horizontal .form-row, .pt_order .form-horizontal .form-row { margin: 0 0 12px; } } .pt_pro .form-horizontal .form-row .form-field-tooltip, .pt_account .form-horizontal .form-row .form-field-tooltip, .pt_wish-list .form-horizontal .form-row .form-field-tooltip, .pt_order .form-horizontal .form-row .form-field-tooltip { display: none; } .pt_pro .form-horizontal .form-row textarea, .pt_pro .form-horizontal .form-row select, .pt_pro .form-horizontal .form-row input:not([type="checkbox"]):not([type="radio"]), .pt_account .form-horizontal .form-row textarea, .pt_account .form-horizontal .form-row select, .pt_account .form-horizontal .form-row input:not([type="checkbox"]):not([type="radio"]), .pt_wish-list .form-horizontal .form-row textarea, .pt_wish-list .form-horizontal .form-row select, .pt_wish-list .form-horizontal .form-row input:not([type="checkbox"]):not([type="radio"]), .pt_order .form-horizontal .form-row textarea, .pt_order .form-horizontal .form-row select, .pt_order .form-horizontal .form-row input:not([type="checkbox"]):not([type="radio"]) { width: 70%; min-width: 290px; } @media only screen and (max-width: 991px) { .pt_pro .form-horizontal .form-row textarea, .pt_pro .form-horizontal .form-row select, .pt_pro .form-horizontal .form-row input:not([type="checkbox"]):not([type="radio"]), .pt_account .form-horizontal .form-row textarea, .pt_account .form-horizontal .form-row select, .pt_account .form-horizontal .form-row input:not([type="checkbox"]):not([type="radio"]), .pt_wish-list .form-horizontal .form-row textarea, .pt_wish-list .form-horizontal .form-row select, .pt_wish-list .form-horizontal .form-row input:not([type="checkbox"]):not([type="radio"]), .pt_order .form-horizontal .form-row textarea, .pt_order .form-horizontal .form-row select, .pt_order .form-horizontal .form-row input:not([type="checkbox"]):not([type="radio"]) { width: 100%; min-width: 1px; } } .pt_pro .form-horizontal .form-row .error, .pt_pro .form-horizontal .form-row .error-message, .pt_account .form-horizontal .form-row .error, .pt_account .form-horizontal .form-row .error-message, .pt_wish-list .form-horizontal .form-row .error, .pt_wish-list .form-horizontal .form-row .error-message, .pt_order .form-horizontal .form-row .error, .pt_order .form-horizontal .form-row .error-message { margin: 0 0 10px 0; } .pt_pro .form-horizontal .form-row.month, .pt_pro .form-horizontal .form-row.year, .pt_account .form-horizontal .form-row.month, .pt_account .form-horizontal .form-row.year, .pt_wish-list .form-horizontal .form-row.month, .pt_wish-list .form-horizontal .form-row.year, .pt_order .form-horizontal .form-row.month, .pt_order .form-horizontal .form-row.year { width: 23%; float: left; margin-right: 4%; clear: none; } .pt_pro .form-horizontal .form-row.month select, .pt_pro .form-horizontal .form-row.year select, .pt_account .form-horizontal .form-row.month select, .pt_account .form-horizontal .form-row.year select, .pt_wish-list .form-horizontal .form-row.month select, .pt_wish-list .form-horizontal .form-row.year select, .pt_order .form-horizontal .form-row.month select, .pt_order .form-horizontal .form-row.year select { width: 100%; min-width: 100%; } @media only screen and (max-width: 991px) { .pt_pro .form-horizontal .form-row.month, .pt_pro .form-horizontal .form-row.year, .pt_account .form-horizontal .form-row.month, .pt_account .form-horizontal .form-row.year, .pt_wish-list .form-horizontal .form-row.month, .pt_wish-list .form-horizontal .form-row.year, .pt_order .form-horizontal .form-row.month, .pt_order .form-horizontal .form-row.year { width: 48%; margin-right: 0; } } .pt_pro .form-horizontal .form-row.month label, .pt_pro .form-horizontal .form-row.year label, .pt_account .form-horizontal .form-row.month label, .pt_account .form-horizontal .form-row.year label, .pt_wish-list .form-horizontal .form-row.month label, .pt_wish-list .form-horizontal .form-row.year label, .pt_order .form-horizontal .form-row.month label, .pt_order .form-horizontal .form-row.year label { display: none; } @media only screen and (max-width: 991px) { .pt_pro .form-horizontal .form-row.year, .pt_account .form-horizontal .form-row.year, .pt_wish-list .form-horizontal .form-row.year, .pt_order .form-horizontal .form-row.year { margin-left: 4%; } } .pt_pro .form-horizontal .form-row.form-row-button, .pt_account .form-horizontal .form-row.form-row-button, .pt_wish-list .form-horizontal .form-row.form-row-button, .pt_order .form-horizontal .form-row.form-row-button { clear: both; } @media only screen and (max-width: 991px) { .pt_pro .form-horizontal .form-row.form-row-button, .pt_account .form-horizontal .form-row.form-row-button, .pt_wish-list .form-horizontal .form-row.form-row-button, .pt_order .form-horizontal .form-row.form-row-button { text-align: center; } } .pt_pro .form-horizontal .form-row.form-row-button .button, .pt_pro .form-horizontal .form-row.form-row-button button, .pt_account .form-horizontal .form-row.form-row-button .button, .pt_account .form-horizontal .form-row.form-row-button button, .pt_wish-list .form-horizontal .form-row.form-row-button .button, .pt_wish-list .form-horizontal .form-row.form-row-button button, .pt_order .form-horizontal .form-row.form-row-button .button, .pt_order .form-horizontal .form-row.form-row-button button { min-width: 130px; margin: 0 20px 0 0; } @media only screen and (max-width: 991px) { .pt_pro .form-horizontal .form-row.form-row-button .button, .pt_pro .form-horizontal .form-row.form-row-button button, .pt_account .form-horizontal .form-row.form-row-button .button, .pt_account .form-horizontal .form-row.form-row-button button, .pt_wish-list .form-horizontal .form-row.form-row-button .button, .pt_wish-list .form-horizontal .form-row.form-row-button button, .pt_order .form-horizontal .form-row.form-row-button .button, .pt_order .form-horizontal .form-row.form-row-button button { min-width: 0; margin: 5px 5px 0 5px; } } .pt_pro .form-horizontal .form-row.label-inline label, .pt_account .form-horizontal .form-row.label-inline label, .pt_wish-list .form-horizontal .form-row.label-inline label, .pt_order .form-horizontal .form-row.label-inline label { width: auto; } @media only screen and (max-width: 991px) { .pt_pro .form-horizontal .form-row.label-inline label, .pt_account .form-horizontal .form-row.label-inline label, .pt_wish-list .form-horizontal .form-row.label-inline label, .pt_order .form-horizontal .form-row.label-inline label { margin-left: 0; } } .pt_pro .form-horizontal .form-row.select-auto-width select, .pt_account .form-horizontal .form-row.select-auto-width select, .pt_wish-list .form-horizontal .form-row.select-auto-width select, .pt_order .form-horizontal .form-row.select-auto-width select { width: auto; } @media only screen and (max-width: 767px) { .pt_pro .form-horizontal .form-row.addtoemaillist label, .pt_account .form-horizontal .form-row.addtoemaillist label, .pt_wish-list .form-horizontal .form-row.addtoemaillist label, .pt_order .form-horizontal .form-row.addtoemaillist label { min-width: 100%; } } .pt_pro .form-horizontal .form-row.addtoemaillist label span, .pt_account .form-horizontal .form-row.addtoemaillist label span, .pt_wish-list .form-horizontal .form-row.addtoemaillist label span, .pt_order .form-horizontal .form-row.addtoemaillist label span { vertical-align: top; } @media only screen and (max-width: 767px) { .pt_pro .form-horizontal .form-row.addtoemaillist label span, .pt_account .form-horizontal .form-row.addtoemaillist label span, .pt_wish-list .form-horizontal .form-row.addtoemaillist label span, .pt_order .form-horizontal .form-row.addtoemaillist label span { text-align: left; width: calc(100% - 49px); font-size: 13px; line-height: 1.4; float: right; } } .pt_pro .account-logout, .pt_account .account-logout, .pt_wish-list .account-logout, .pt_order .account-logout { float: right; } .pt_pro .account-logout a, .pt_account .account-logout a, .pt_wish-list .account-logout a, .pt_order .account-logout a { color: #999999; vertical-align: inherit; } .pt_pro .account-logout a:hover, .pt_account .account-logout a:hover, .pt_wish-list .account-logout a:hover, .pt_order .account-logout a:hover { color: #000000; } .pt_pro .pro-content-wrapper .account-options, .pt_account .pro-content-wrapper .account-options, .pt_wish-list .pro-content-wrapper .account-options, .pt_order .pro-content-wrapper .account-options { float: right; clear: right; width: 50%; } @media only screen and (max-width: 991px) { .pt_pro .pro-content-wrapper .account-options, .pt_account .pro-content-wrapper .account-options, .pt_wish-list .pro-content-wrapper .account-options, .pt_order .pro-content-wrapper .account-options { width: 100%; } } .pt_pro .pro-content-wrapper .account-options li, .pt_account .pro-content-wrapper .account-options li, .pt_wish-list .pro-content-wrapper .account-options li, .pt_order .pro-content-wrapper .account-options li { width: 100%; } .pt_pro .account-options, .pt_account .account-options, .pt_wish-list .account-options, .pt_order .account-options { padding: 0; margin: 0; list-style: none; clear: both; } .pt_pro .account-options li, .pt_account .account-options li, .pt_wish-list .account-options li, .pt_order .account-options li { padding: 15px; width: calc(50% - 15px); float: right; margin: 0; border-bottom: 1px solid #cccccc; } .pt_pro .account-options li:nth-child(odd), .pt_account .account-options li:nth-child(odd), .pt_wish-list .account-options li:nth-child(odd), .pt_order .account-options li:nth-child(odd) { float: left; } @media only screen and (max-width: 991px) { .pt_pro .account-options li, .pt_account .account-options li, .pt_wish-list .account-options li, .pt_order .account-options li { width: 100%; margin: 0 0 5px 0; padding: 15px 0; } } .pt_pro .account-options li .icon, .pt_account .account-options li .icon, .pt_wish-list .account-options li .icon, .pt_order .account-options li .icon { float: left; margin: 0 15px 0 0; } .pt_pro .account-options li .title, .pt_account .account-options li .title, .pt_wish-list .account-options li .title, .pt_order .account-options li .title { width: calc(100% - 65px); float: left; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; } .pt_pro .account-options li .body, .pt_account .account-options li .body, .pt_wish-list .account-options li .body, .pt_order .account-options li .body { width: calc(100% - 65px); float: left; } .pt_pro .pro-status, .pt_account .pro-status, .pt_wish-list .pro-status, .pt_order .pro-status { font-size: 14px; } .pt_pro .pro-status .pro-support, .pt_account .pro-status .pro-support, .pt_wish-list .pro-status .pro-support, .pt_order .pro-status .pro-support { float: right; width: 48%; margin-left: 2%; } @media only screen and (max-width: 991px) { .pt_pro .pro-status .pro-support, .pt_account .pro-status .pro-support, .pt_wish-list .pro-status .pro-support, .pt_order .pro-status .pro-support { width: 100%; } } .pt_pro .pro-status .pro-support a, .pt_account .pro-status .pro-support a, .pt_wish-list .pro-status .pro-support a, .pt_order .pro-status .pro-support a { text-decoration: underline; } .pt_pro .pro-status .pro-info, .pt_account .pro-status .pro-info, .pt_wish-list .pro-status .pro-info, .pt_order .pro-status .pro-info { margin: 25px 0 0 0; padding: 0; width: 50%; float: left; list-style: none; } @media only screen and (max-width: 991px) { .pt_pro .pro-status .pro-info, .pt_account .pro-status .pro-info, .pt_wish-list .pro-status .pro-info, .pt_order .pro-status .pro-info { width: 100%; } } .pt_pro .pro-status .pro-info li, .pt_account .pro-status .pro-info li, .pt_wish-list .pro-status .pro-info li, .pt_order .pro-status .pro-info li { float: left; width: 100%; font-size: 15px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; text-align: left; line-height: 28px; } .pt_pro .pro-status .pro-info li span, .pt_account .pro-status .pro-info li span, .pt_wish-list .pro-status .pro-info li span, .pt_order .pro-status .pro-info li span { font-size: 14px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; display: inline-block; width: 200px; } .pt_pro .pro-status .dynamic-block, .pt_account .pro-status .dynamic-block, .pt_wish-list .pro-status .dynamic-block, .pt_order .pro-status .dynamic-block { float: left; width: 50%; } @media only screen and (max-width: 991px) { .pt_pro .pro-status .dynamic-block, .pt_account .pro-status .dynamic-block, .pt_wish-list .pro-status .dynamic-block, .pt_order .pro-status .dynamic-block { width: 100%; } } .pt_pro .no-pan .pan-details, .pt_account .no-pan .pan-details, .pt_wish-list .no-pan .pan-details, .pt_order .no-pan .pan-details { display: none; } .popup-content-wrapper:before, .popup-content-wrapper:after { content: " "; display: table; } .popup-content-wrapper:after { clear: both; } .pt_account .primary-content .login-box, .pt_wish-list .primary-content .login-box { padding: 0 15px 30px; } @media only screen and (min-width: 768px) { .pt_account .primary-content .login-box, .pt_wish-list .primary-content .login-box { padding: 0 30px 30px; } } @media only screen and (max-width: 480px) { .pt_account .primary-content .login-box h2, .pt_wish-list .primary-content .login-box h2 { font-size: 26px; } } .pt_account .primary-content .login-box button, .pt_wish-list .primary-content .login-box button { width: 100%; } @media only screen and (max-width: 480px) { .pt_account .primary-content .login-box button, .pt_wish-list .primary-content .login-box button { font-size: 14px; } } .one-third-inputs, .two-column-content.pt_request-catalog .request-catalog-page .one-third-inputs { width: 70%; min-width: 290px; } @media only screen and (max-width: 991px) { .one-third-inputs, .two-column-content.pt_request-catalog .request-catalog-page .one-third-inputs { width: 100%; } } .one-third-inputs .form-row, .two-column-content.pt_request-catalog .request-catalog-page .one-third-inputs .form-row { float: left; clear: none; width: 31%; box-sizing: border-box; margin: 0; margin-right: 10px; } @media only screen and (max-width: 991px) { .one-third-inputs .form-row, .two-column-content.pt_request-catalog .request-catalog-page .one-third-inputs .form-row { width: 100%; margin-right: 0; margin-bottom: 10px; } } .one-third-inputs .form-row select, .two-column-content.pt_request-catalog .request-catalog-page .one-third-inputs .form-row select { width: 100% !important; max-width: 100%; min-width: 0 !important; box-sizing: border-box; background-position-x: 100%; padding-right: 45px; } .one-third-inputs .form-row + .form-row, .two-column-content.pt_request-catalog .request-catalog-page .one-third-inputs .form-row + .form-row { margin: 0; margin-right: 10px; } @media only screen and (max-width: 991px) { .one-third-inputs .form-row + .form-row, .two-column-content.pt_request-catalog .request-catalog-page .one-third-inputs .form-row + .form-row { margin-bottom: 10px; } } .one-third-inputs .form-row + .form-row.last, .two-column-content.pt_request-catalog .request-catalog-page .one-third-inputs .form-row + .form-row.last { margin-right: 0 !important; } .patagonia-jp.pt_account .form-row.addtoemaillist { margin: 15px 0 0 0; } .patagonia-jp.pt_account .form-row.addtoemaillist label span { display: inline-block; width: 90%; } .patagonia-jp.pt_account #RegistrationForm .label-subline { margin: 10px 0; } .patagonia-eu.pt_account #RegistrationForm .emailPolicy { display: none; left: calc(69% + 20px); margin-top: 80px; position: absolute; right: 20px; } @media only screen and (min-width: 992px) { .patagonia-eu.pt_account #RegistrationForm .emailPolicy { display: block; } } .patagonia-eu.pt_account #RegistrationForm .form-row { width: 69%; } .patagonia-eu.pt_account #RegistrationForm .form-row input { width: 100%; } .oAuthWrapper { width: 100%; height: 50px; text-align: left; padding-top: 5px; padding-left: 8px; margin-bottom: 15px; text-transform: none; letter-spacing: inherit; letter-spacing: initial; margin-left: 0; } .registration-oauth { padding: 20px 0 10px; } @media only screen and (max-width: 991px) { .registration-oauth { padding: 10px 0 0; } } .registration-oauth .oAuthWrapper { width: auto; margin-right: 10px; } @media only screen and (max-width: 991px) { .registration-oauth .oAuthWrapper { width: 100%; } } @media only screen and (max-width: 991px) { .registration-oauth-header { text-align: center; } } .registration-oauth-header h2 { position: relative; padding: 20px 0 5px; font-size: 21px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; border-bottom: 1px solid #cccccc; z-index: 1; } @media only screen and (max-width: 991px) { .registration-oauth-header h2 { width: auto; margin-bottom: 20px; padding-top: 0; text-align: center; } } .registration-form legend { margin: 10px 0 -15px; } .registration-form legend .dialog-required { position: absolute; margin: 0; } .facebookoAuthIcon { background-color: #3a579b; } .facebookoAuthIcon:hover { background-color: #3a579b; } .googlePlusoAuthIcon { background-color: white; border: 2px solid #cbcbcb; color: #000000; } .googlePlusoAuthIcon:hover { background-color: white; color: #000000; } .MicrosoftoAuthIcon { background-color: white; border: 2px solid #cbcbcb; color: #000000; } .MicrosoftoAuthIcon:hover { background-color: white; color: #000000; } .pt_account .login-oauth .error-form, .pt_wish-list .login-oauth .error-form { padding: 10px 10px; } .pt_account .login-oauth .oAuthOrDiv, .pt_wish-list .login-oauth .oAuthOrDiv { border-top: 1px solid #bababa; height: 30px; position: relative; margin-top: 19px; } .pt_account .login-oauth .oAuthOrDiv p.orMessage, .pt_wish-list .login-oauth .oAuthOrDiv p.orMessage { font-size: 18px; text-transform: none; display: inline-block; top: -14px; position: absolute; width: 50px; background-color: #efefef; left: 50%; margin-left: -30px; font-weight: bold; } .login-page-rma-header-wrapper { text-align: center; margin-bottom: 70px; } .login-page-rma-header-wrapper h3 { font-size: 30px; line-height: 56px; letter-spacing: -0.4px; } .login-page-rma-header-wrapper p { font-size: 16px; line-height: 32px; letter-spacing: 0; } html[lang=ja] .pt_pro #main h1, html[lang=ja] .pt_account #main h1, html[lang=ja] .pt_wish-list #main h1, html[lang=ja] .pt_order #main h1 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_pro #main h1 span, html[lang=ja] .pt_account #main h1 span, html[lang=ja] .pt_wish-list #main h1 span, html[lang=ja] .pt_order #main h1 span { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_pro #main .set-new-pass h1, html[lang=ja] .pt_account #main .set-new-pass h1, html[lang=ja] .pt_wish-list #main .set-new-pass h1, html[lang=ja] .pt_order #main .set-new-pass h1 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_pro #main .set-new-pass p, html[lang=ja] .pt_account #main .set-new-pass p, html[lang=ja] .pt_wish-list #main .set-new-pass p, html[lang=ja] .pt_order #main .set-new-pass p { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_pro #main .set-new-pass .asset-buttons a, html[lang=ja] .pt_account #main .set-new-pass .asset-buttons a, html[lang=ja] .pt_wish-list #main .set-new-pass .asset-buttons a, html[lang=ja] .pt_order #main .set-new-pass .asset-buttons a { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_pro #main #NewPasswordForm .form-row-button button, html[lang=ja] .pt_account #main #NewPasswordForm .form-row-button button, html[lang=ja] .pt_wish-list #main #NewPasswordForm .form-row-button button, html[lang=ja] .pt_order #main #NewPasswordForm .form-row-button button { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_pro .nav .secondary-navigation .toggle, html[lang=ja] .pt_account .nav .secondary-navigation .toggle, html[lang=ja] .pt_wish-list .nav .secondary-navigation .toggle, html[lang=ja] .pt_order .nav .secondary-navigation .toggle { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_pro legend, html[lang=ja] .pt_pro .legend, html[lang=ja] .pt_account legend, html[lang=ja] .pt_account .legend, html[lang=ja] .pt_wish-list legend, html[lang=ja] .pt_wish-list .legend, html[lang=ja] .pt_order legend, html[lang=ja] .pt_order .legend { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_pro .login-box.login-order-track .dialog-required, html[lang=ja] .pt_pro .login-box.login-account .dialog-required, html[lang=ja] .pt_account .login-box.login-order-track .dialog-required, html[lang=ja] .pt_account .login-box.login-account .dialog-required, html[lang=ja] .pt_wish-list .login-box.login-order-track .dialog-required, html[lang=ja] .pt_wish-list .login-box.login-account .dialog-required, html[lang=ja] .pt_order .login-box.login-order-track .dialog-required, html[lang=ja] .pt_order .login-box.login-account .dialog-required { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_pro .login-box h2, html[lang=ja] .pt_account .login-box h2, html[lang=ja] .pt_wish-list .login-box h2, html[lang=ja] .pt_order .login-box h2 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_pro .address-list .address-list .cc-owner, html[lang=ja] .pt_pro .address-list .payment-list .cc-owner, html[lang=ja] .pt_pro .paymentslist .address-list .cc-owner, html[lang=ja] .pt_pro .paymentslist .payment-list .cc-owner, html[lang=ja] .pt_account .address-list .address-list .cc-owner, html[lang=ja] .pt_account .address-list .payment-list .cc-owner, html[lang=ja] .pt_account .paymentslist .address-list .cc-owner, html[lang=ja] .pt_account .paymentslist .payment-list .cc-owner, html[lang=ja] .pt_wish-list .address-list .address-list .cc-owner, html[lang=ja] .pt_wish-list .address-list .payment-list .cc-owner, html[lang=ja] .pt_wish-list .paymentslist .address-list .cc-owner, html[lang=ja] .pt_wish-list .paymentslist .payment-list .cc-owner, html[lang=ja] .pt_order .address-list .address-list .cc-owner, html[lang=ja] .pt_order .address-list .payment-list .cc-owner, html[lang=ja] .pt_order .paymentslist .address-list .cc-owner, html[lang=ja] .pt_order .paymentslist .payment-list .cc-owner { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_pro .address-list .address-list li .mini-address-title, html[lang=ja] .pt_pro .paymentslist .address-list li .mini-address-title, html[lang=ja] .pt_account .address-list .address-list li .mini-address-title, html[lang=ja] .pt_account .paymentslist .address-list li .mini-address-title, html[lang=ja] .pt_wish-list .address-list .address-list li .mini-address-title, html[lang=ja] .pt_wish-list .paymentslist .address-list li .mini-address-title, html[lang=ja] .pt_order .address-list .address-list li .mini-address-title, html[lang=ja] .pt_order .paymentslist .address-list li .mini-address-title { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_pro .account-options li .title, html[lang=ja] .pt_account .account-options li .title, html[lang=ja] .pt_wish-list .account-options li .title, html[lang=ja] .pt_order .account-options li .title { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_pro .pro-status .pro-info li, html[lang=ja] .pt_account .pro-status .pro-info li, html[lang=ja] .pt_wish-list .pro-status .pro-info li, html[lang=ja] .pt_order .pro-status .pro-info li { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_pro .pro-status .pro-info li span, html[lang=ja] .pt_account .pro-status .pro-info li span, html[lang=ja] .pt_wish-list .pro-status .pro-info li span, html[lang=ja] .pt_order .pro-status .pro-info li span { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] .registration-oauth-header h2 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .pt_account #main .mc-subscriber-profile { margin-top: 39px; } .pt_account #main .mc-subscriber-profile.logged-in { margin-top: 21px; } @media only screen and (max-width: 767px) { .pt_account #main .mc-subscriber-profile h1 { text-align: center; margin: 0 auto 20px; } } .pt_account #main .mc-subscriber-profile .mc-preference-heading { margin: 60px 0 10px; } @media only screen and (min-width: 768px) { .pt_account #main .mc-subscriber-profile .mc-preference-heading { border-bottom: 1px solid #cccccc; padding-bottom: 10px; } } .pt_account #main .mc-subscriber-profile .mc-preference-heading::after { display: block; content: ""; clear: both; } .pt_account #main .mc-subscriber-profile .heading-text { font-size: 16px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; text-align: center; border-bottom: solid 1px #ccc; padding-bottom: 5px; } @media only screen and (min-width: 768px) { .pt_account #main .mc-subscriber-profile .heading-text { width: 50%; float: left; font-size: 16px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; text-align: left; border-bottom: none; padding-bottom: 0; } } .pt_account #main .mc-subscriber-profile .subheading-text { font-size: 12px; color: #807E7E; text-align: right; padding-top: 20px; } @media only screen and (max-width: 767px) { .pt_account #main .mc-subscriber-profile .subheading-text { text-align: center; max-width: 240px; margin: 0 auto; } } @media only screen and (min-width: 768px) { .pt_account #main .mc-subscriber-profile .subheading-text { width: 50%; float: right; text-align: right; padding-top: 3px; } } .pt_account #main .mc-subscriber-profile .subheading-text.required-fields { padding-top: 0; padding-bottom: 10px; } @media only screen and (min-width: 768px) { .pt_account #main .mc-subscriber-profile .subheading-text.required-fields { text-align: right; width: 100%; padding-top: 5px; padding-bottom: 0; } } .pt_account #main .mc-subscriber-profile .mc-profile-subheading { color: #4A4A4A; font-size: 16px; } @media only screen and (max-width: 767px) { .pt_account #main .mc-subscriber-profile .mc-profile-subheading { text-align: center; max-width: 240px; margin: 0 auto; } } .pt_account #main .mc-subscriber-profile .mc-profile-subheading span { color: #000000; } .pt_account #main .mc-subscriber-profile .mc-profile-unsubscribe, .pt_account #main .mc-subscriber-profile .mc-profile-subscribe { margin: 0 0 100px 0; } .pt_account #main .mc-subscriber-profile .mc-profile-unsubscribe button, .pt_account #main .mc-subscriber-profile .mc-profile-subscribe button { margin-top: 50px; } .pt_account #main .mc-subscriber-profile .mc-profile-unsubscribe span, .pt_account #main .mc-subscriber-profile .mc-profile-subscribe span { color: #000000; } .pt_account #main .mc-subscriber-profile .mc-preference-group { margin-top: 25px; } .pt_account #main .mc-subscriber-profile .mc-preference-group::before { display: block; content: ""; clear: both; } .pt_account #main .mc-subscriber-profile .mc-preference-group .preference-row { width: 100%; } .pt_account #main .mc-subscriber-profile .mc-preference-group .preference-row::after { display: block; content: ""; clear: both; } .pt_account #main .mc-subscriber-profile .mc-preference-group .preference-row.mc-unsubscribe-all { margin-top: 20px; padding-top: 20px; border-top: 1px solid #cccccc; } .pt_account #main .mc-subscriber-profile .mc-preference-group .preference-col { width: 50%; float: left; } @media only screen and (min-width: 768px) { .pt_account #main .mc-subscriber-profile .mc-preference-group .preference-col:nth-child(1) { padding-right: 10px; } } @media only screen and (min-width: 768px) { .pt_account #main .mc-subscriber-profile .mc-preference-group .preference-col:nth-child(1) { padding-right: 10px; } } .pt_account #main .mc-subscriber-profile .mc-preference-group .preference-col .field-wrapper { float: left; margin-right: 25px; } .pt_account #main .mc-subscriber-profile .mc-preference-group .preference-col .field-wrapper:last-child { margin: 0; } .pt_account #main .mc-subscriber-profile .mc-preference-group .preference-col::after { display: block; content: ""; clear: both; } .pt_account #main .mc-subscriber-profile .mc-preference-group .preference-col.thirds-col { width: 50%; } .pt_account #main .mc-subscriber-profile .mc-preference-group .preference-col.thirds-col .field-wrapper { float: none; } @media only screen and (min-width: 768px) { .pt_account #main .mc-subscriber-profile .mc-preference-group .preference-col.thirds-col { width: 33%; } } .pt_account #main .mc-subscriber-profile .mc-preference-group .gender-col { float: left; } @media only screen and (min-width: 768px) { .pt_account #main .mc-subscriber-profile .mc-preference-group .gender-col { float: right; } } .pt_account #main .mc-subscriber-profile .mc-preference-group .gender-col::after { display: block; content: ""; clear: both; } .pt_account #main .mc-subscriber-profile .mc-preference-group .preference-label { display: block; font-size: 10px; margin: 0; padding-bottom: 10px; } @media only screen and (max-width: 767px) { .pt_account #main .mc-subscriber-profile .mc-preference-group > .preference-row > .preference-col { width: 100%; } } @media only screen and (max-width: 767px) { .pt_account #main .mc-subscriber-profile .mc-preference-group.mc-lists-frequency .preference-col { width: 100%; } } .pt_account #main .mc-subscriber-profile .mc-preference-submit { margin-top: 60px; } .pt_account #main .mc-subscriber-profile .mc-subscriber-consent { margin-top: 60px; font-style: italic; color: #9B9B9B; font-size: 11px; } .pt_account #main .mc-subscriber-profile .mc-subscriber-advertisements { margin-top: 60px; } .pt_account #main .mc-subscriber-profile .mc-subscriber-advertisements .ad-heading-text { font-size: 13px; margin: 0 0 5px; } .pt_account #main .mc-subscriber-profile .mc-subscriber-advertisements .ad-subheading-text { color: #9B9B9B; font-size: 11px; margin: 0 0 10px; } .pt_account #main .mc-subscriber-profile .mc-subscriber-advertisements .ad-subheading-text a { color: #ef4923; } .pt_account #main .mc-subscriber-profile .mc-subscriber-success .left-content { float: left; } .pt_account #main .mc-subscriber-profile .mc-subscriber-success .right-content { float: right; } .pt_account #main .mc-subscriber-profile .mc-subscriber-success::after { clear: both; content: ""; display: block; } .pt_account #main .mc-subscriber-profile .mc-subscriber-success a { color: #ef4923; } .pt_account #main .new-form .form-horizontal fieldset { background: transparent; padding: 0px; } .pt_account #main .new-form .form-horizontal fieldset .form-row.empty-value label { visibility: hidden; } .pt_account #main .new-form .form-horizontal fieldset .form-row.empty-value input, .pt_account #main .new-form .form-horizontal fieldset .form-row.empty-value select { background-color: #F0F0F0; color: #807E7E; border-color: #ccc; } .pt_account #main .new-form .form-horizontal fieldset .form-row.empty-value input::placeholder, .pt_account #main .new-form .form-horizontal fieldset .form-row.empty-value select::placeholder { color: #807E7E; } .pt_account #main .new-form .form-horizontal fieldset .form-row.empty-value input.error, .pt_account #main .new-form .form-horizontal fieldset .form-row.empty-value input.error-message, .pt_account #main .new-form .form-horizontal fieldset .form-row.empty-value select.error, .pt_account #main .new-form .form-horizontal fieldset .form-row.empty-value select.error-message { border: 1px solid #ef4923; } .pt_account #main .new-form .form-horizontal fieldset button { text-transform: none; letter-spacing: .02em; background-color: black; border-radius: 25px; padding: 10px 35px; } @media only screen and (max-width: 767px) { .pt_account #main .new-form .form-horizontal fieldset button { width: 100%; } } .pt_account #main .new-form .form-horizontal fieldset label { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } .pt_account #main .new-form .form-horizontal fieldset .input label, .pt_account #main .new-form .form-horizontal fieldset .select label { font-size: 12px; margin: 0 0 3px; } .pt_account #main .new-form .form-horizontal fieldset input[type="checkbox"] + label:before, .pt_account #main .new-form .form-horizontal fieldset input[type="radio"] + label:before { margin-right: 5px; width: 20px; height: 20px; } .pt_account #main .new-form .form-horizontal fieldset input[type="checkbox"] + label:before { background-image: url("../images/newform/checkbox-off.svg"); } .pt_account #main .new-form .form-horizontal fieldset input[type="checkbox"]:checked + label:before { background-image: url("../images/newform/checkbox-on.svg"); } .pt_account #main .new-form .form-horizontal fieldset input[type="checkbox"][disabled] + label { color: #807E7E; } .pt_account #main .new-form .form-horizontal fieldset input[type="radio"] + label:before { background-image: url("../images/newform/radio-off.svg"); } .pt_account #main .new-form .form-horizontal fieldset input[type="radio"]:checked + label:before { background-image: url("../images/newform/radio-on.svg"); } .pt_account #main .new-form .form-horizontal fieldset select { background: url("../images/newform/arrow.svg") 95% 50% no-repeat; } .pt_account #main .new-form .form-horizontal fieldset .radio label, .pt_account #main .new-form .form-horizontal fieldset .checkbox label { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-size: 14px; } .pt_account #main .new-form .form-horizontal fieldset .form-row { margin: 0; } @media only screen and (max-width: 767px) { .pt_account #main .new-form .form-horizontal fieldset .form-row { margin-left: -1px; } } .pt_account #main .new-form .form-horizontal fieldset .form-row.error label, .pt_account #main .new-form .form-horizontal fieldset .form-row.error-message label { color: #000; } .pt_account #main .new-form .form-horizontal fieldset .form-row select, .pt_account #main .new-form .form-horizontal fieldset .form-row input:not([type="checkbox"]):not([type="radio"]) { box-shadow: none; min-width: auto; width: 100%; padding: 6px 15px; margin-bottom: 5px; } .pt_account #main .new-form .form-horizontal fieldset .required-indicator { float: right; margin-left: 5px; } .pt_account #main .new-form .form-horizontal fieldset .form-row span.error, .pt_account #main .new-form .form-horizontal fieldset .form-row span.error-message, .pt_account #main .new-form .form-horizontal fieldset .form-row span.error-message { font-size: 10px; text-transform: uppercase; } .pt_account #main .new-form .form-horizontal fieldset .form-row span.error, .pt_account #main .new-form .form-horizontal fieldset .form-row span.error-message, .pt_account #main .new-form .form-horizontal fieldset .form-row span.error-message { margin-top: -3px; margin-bottom: 5px; } .pt_account #main .new-form .form-horizontal fieldset .form-caption { margin: 21px 0; } .pt_wish-list .product-social-header { display: none; } @media only screen and (min-width: 1200px) { .pt_wish-list #main { padding: 0 35px; width: 1170px; } } .pt_wish-list .share-link-content { font-size: 15px; } .pt_wish-list .share-link-content a { font-size: 12px; } .pt_wish-list .notavailable { color: #ef4923; } .pt_wish-list .certificate button { float: right; margin-left: 25px; width: 282px; } @media only screen and (max-width: 767px) { .pt_wish-list .certificate button { margin-left: 0; width: 100%; } } .pt_wish-list .certificate p { line-height: 25px; float: right; width: calc(100% - 307px); } @media only screen and (max-width: 767px) { .pt_wish-list .certificate p { width: 100%; margin: 10px 0; } } .pt_wish-list .list-share { padding: 0 0 10px 0; } .pt_wish-list .list-share fieldset { padding: 10px; } .pt_wish-list .list-share .share-link-content { line-height: 25px; float: right; width: calc(100% - 307px); margin: 10px 0; } @media only screen and (max-width: 767px) { .pt_wish-list .list-share .share-link-content { width: 100%; } } .pt_wish-list .list-share .share-link-content .wishlist-link { color: #ef4923; } .pt_wish-list .list-share .share-link-content .wishlist-link:hover { text-decoration: underline; } .pt_wish-list .list-share .share-link-content .copy-wishlist-link { color: #FFFFFF; margin: 5px 0 0 0; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .pt_wish-list .list-share .share-list-checkbox { float: left; width: 290px; } @media only screen and (max-width: 767px) { .pt_wish-list .list-share .form-row { width: 100%; } } .pt_wish-list .list-share .form-row.label-inline label { margin-left: 0; } .pt_wish-list .form-horizontal.shipping label { width: auto; } .pt_wish-list .item-list { width: 100%; font-size: 15px; margin: -11px 0 0 0; } .pt_wish-list .item-list tr { border-top: 1px solid #cccccc; vertical-align: top; } .pt_wish-list .item-list td { padding: 10px 0; } @media only screen and (max-width: 767px) { .pt_wish-list .item-list td { float: left; } } .pt_wish-list .item-list td.item-image { width: 90px; text-align: center; } .pt_wish-list .item-list td.item-details { padding: 10px; line-height: 150%; } @media only screen and (max-width: 767px) { .pt_wish-list .item-list td.item-details { width: calc(100% - 90px); } } .pt_wish-list .item-list td.item-details .name { font-size: 17px; margin: 0 0 10px 0; } .pt_wish-list .item-list td.item-details .name, .pt_wish-list .item-list td.item-details .label { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .pt_wish-list .item-list td.item-details > a { margin: 15px 0 0 0; display: inline-block; text-decoration: underline; } .pt_wish-list .item-list td.item-details .sku { font-size: 13px; } .pt_wish-list .item-list td.item-details .sku .label { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } .pt_wish-list .item-list td.item-availability { text-align: left; width: 80px; line-height: 42px; } @media only screen and (min-width: 768px) { .pt_wish-list .item-list td.item-availability { padding: 10px; } } @media only screen and (max-width: 767px) { .pt_wish-list .item-list td.item-availability { width: 100%; line-height: 1; } } .pt_wish-list .item-list td.item-availability .product-availability-list { padding: 0; } .pt_wish-list .item-list td.item-availability .product-availability-list li { list-style-type: none; font-size: 14px; line-height: 20px; } .pt_wish-list .item-list td.item-dashboard { min-width: 250px; } @media only screen and (max-width: 767px) { .pt_wish-list .item-list td.item-dashboard { width: 100%; } } .pt_wish-list .item-list td.item-dashboard .form-row { margin: 0; } .pt_wish-list .item-list td.item-dashboard label { width: auto; float: left; line-height: 42px; } .pt_wish-list .item-list td.item-dashboard .field-wrapper { line-height: 42px; text-align: right; } .pt_wish-list .item-list td.item-dashboard .option-quantity-desired .field-wrapper { width: 50px; float: right; } .pt_wish-list .item-list td.item-dashboard .option-quantity-desired .field-wrapper input { min-width: 1px; width: 50px; float: right; padding: 6px; text-align: center; } .pt_wish-list .item-list td.item-dashboard .option-priority select { float: right; width: 150px; min-width: 1px; margin: 0; } .pt_wish-list .item-list td.item-dashboard .option-toggle-public .form-row label { margin-left: 0; } .pt_wish-list .item-list td.item-dashboard .option-update { text-align: right; line-height: 42px; } .pt_wish-list .item-list td.item-dashboard .option-update button { text-decoration: underline; } .pt_wish-list .item-list td.item-dashboard .option-add-to-cart label { float: left; line-height: 45px; font-size: 15px; margin: 0 10px 0 0; } .pt_wish-list .item-list td.item-dashboard .option-add-to-cart input { width: 50px; float: left; margin: 1.5px 0; padding: 6px; text-align: center; } .pt_wish-list .item-list td.item-dashboard .option-add-to-cart .button, .pt_wish-list .item-list td.item-dashboard .option-add-to-cart button { float: right; width: calc(100% - 112px); font-size: 12px; padding: 13px; } .pt_wish-list .item-list td.item-dashboard .option-add-to-cart .button.jpwishlist, .pt_wish-list .item-list td.item-dashboard .option-add-to-cart button.jpwishlist { min-width: 150px; } html[lang=ja] .pt_wish-list .list-share .share-link-content .copy-wishlist-link { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_wish-list .item-list td.item-details .name, html[lang=ja] .pt_wish-list .item-list td.item-details .label { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .pt_wish-list .item-list td.item-details .sku .label { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } .order { margin: 10px 0 0; } .order__header { display: flex; position: relative; line-height: 1.6; padding: 15px; background-color: #f0f0f0; } .order__header:first-child { margin: 0; } @media only screen and (max-width: 767px) { .order__header { flex-direction: column; } } .order__header--blur-appear { filter: blur(3px); } .order__header--blur-appear.order-list__header--blur-appear-active { filter: blur(0px); transition: 1s filter linear; } .order__header-item { flex: 1 1 auto; } .order__header-right-section { display: flex; flex-direction: column; } .order__header-right-section * { flex: 1 1 auto; text-align: right; } @media only screen and (max-width: 767px) { .order__header-right-section * { text-align: center; } } .order__options-link { padding: 0 10px; color: #342e7d; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .order__toggle { position: relative; } .order__toggle-button { position: absolute; bottom: 0; right: 0; background: url("../images/select-down.png") no-repeat 8px -8px; } .order__toggle-button:hover { background-color: transparent; } @media only screen and (max-width: 767px) { .order__toggle-button { position: static; letter-spacing: 0.6px; font-size: 10px; } } .order__toggle-button.order-opened { background: url("../images/select-up.png") no-repeat 8px -8px; } .order-details { padding: 0 15px 15px; background-color: #f0f0f0; } .order-details--toggle { overflow: hidden; display: none; } .order-details .order-info-table tr td:nth-child(1), .order-details .order-info-table tr td:nth-child(2) { width: 33.33333%; } .order-details .order-shipment-table tr td.shipping-address { width: 25%; } .order-details .order-shipment-table tr td.the-item { width: 55%; } @media only screen and (max-width: 767px) { .order-details .order-shipment-table tr td.the-item { line-height: 2; } } .order-details .order-shipment-table tr .the-item__product-image { width: 135px; height: 135px; float: left; margin-right: 15px; border-radius: 5px; } @media only screen and (max-width: 767px) { .order-details .order-shipment-table tr .the-item__product-image { width: 115px; height: 115px; } } .order-details .order-shipment-table tr .the-item__wrapper { margin-right: 10px; overflow: hidden; } @media only screen and (max-width: 767px) { .order-details .order-shipment-table tr .the-item__wrapper { margin-right: 0; } } @media only screen and (max-width: 767px) { .order-details .order-shipment-table tr .the-item__wrapper > div:last-child { content: ""; padding-bottom: 10px; display: block; } } .order-details .order-extra-info { padding-top: 10px; } .order-details .order-extra-info hr { margin-bottom: 10px; } .order-details .order-extra-info p:last-child { margin: 0; } .order-details > hr:first-child { margin-top: 0; } .order-details .order-shipment-table th, .order-details .order-info-table th { color: #666666; text-transform: none; border: none; padding: 10px 0 0; font-size: 14px; } .order-details .order-info-table td { padding: 10px 0; } .order-details .order-shipment-table .product-name { font-size: 12px; padding-top: 15px; } @media only screen and (max-width: 767px) { .order-details .order-shipment-table .product-name { padding-top: 10px; } } @media only screen and (max-width: 767px) { .order-details .order-shipment-table td.shipping-address div { padding-top: 0; } } .order-details .order-shipment-table td .order-shipment-table th.price { white-space: nowrap; } .order-details .order-shipment-table td .order-shipment-table td.price { font-family: "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; } .order-details .order-shipment-table td .order-shipment-table td.price a { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .order-details .order-shipment-table td .order-extra-info { padding-top: 10px; } .order-details .order-shipment-table td .order-extra-info hr { margin-bottom: 10px; } .order-details .order-shipment-table td .order-extra-info p:last-child { margin: 0; } .date-chooser__options { padding: 10px 15px 20px; margin-bottom: 10px; } @media only screen and (min-width: 768px) { .date-chooser__options { padding: 10px 0 20px; border-bottom: 1px solid #cccccc; } } @media only screen and (min-width: 768px) { .date-chooser__date-range-select { display: inline-block; width: 200px; margin-left: 10px; } } @media only screen and (max-width: 767px) { .progress-indicator { text-align: center; } } .progress-indicator__indicator { text-align: center; background: url("../images/infinite-loading-indicator.svg") center no-repeat; height: 17px; position: relative; width: 75px; display: inline-block; margin: 0 10px; } @media only screen and (max-width: 767px) { .progress-indicator__indicator { margin: 0 auto; display: block; } } .progress-indicator span { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 1200px) { .pt_order #main { padding: 0 35px; max-width: 1170px; } } .order-history-options { padding: 10px 15px 20px; margin-bottom: 10px; } @media only screen and (min-width: 768px) { .order-history-options { padding: 10px 0 20px; border-bottom: 1px solid #cccccc; } } .order-history-options .pending-label { opacity: 0; } @media only screen and (min-width: 768px) { .rma-options { position: absolute; right: 0; top: 16px; } } @media only screen and (max-width: 767px) { .rma-options { text-align: center; } } .rma-options .repair-btn { font-size: 12px; background-color: #FFF; color: #000; text-transform: inherit; border: solid 2px #000; border-radius: 2px; padding: 13px 17px; } .rma-options .return-btn { font-size: 12px; text-transform: inherit; background-color: #000; border-radius: 2px; border: solid 2px #000; padding: 13px 17px; } @media only screen and (min-width: 768px) { .order-history-date-range { display: inline-block; width: 200px; margin-left: 10px; } } .order-history-main-details { position: relative; line-height: 1.6; padding: 15px; background-color: #f0f0f0; margin: 10px 0 0; } .order-history-main-details:first-child { margin: 0; } .order-history-main-details button { position: absolute; top: 30px; right: 10px; background: url("../images/select-down.png") no-repeat; } @media only screen and (max-width: 767px) { .order-history-main-details button { top: 60px; right: -5px; letter-spacing: 0.6px; font-size: 10px; } } @media only screen and (min-width: 768px) { .order-history-main-details button { right: 20px; } } .order-history-main-details button.order-opened { background: url("../images/select-up.png") no-repeat; } .order-history-main-details.version-sg button { top: auto; bottom: 0; right: 0; } @media only screen and (max-width: 767px) { .order-history-main-details.version-sg button { right: 50%; margin-right: -31px; } } .order-history-main-details .order-options { float: right; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; color: #999999; } .order-history-main-details .order-options a { padding: 0 10px; color: #342e7d; } @media only screen and (max-width: 767px) { .order-history-main-details .order-options { display: block; float: none; padding: 20px 0 30px; text-align: center; } } .order-history-product-details { padding: 15px; background-color: #f0f0f0; } .order-history-product-details:before, .order-history-product-details:after { content: " "; display: table; } .order-history-product-details:after { clear: both; } .order-history-product-details > div { float: left; padding-right: 10px; } .order-history-product-details label { display: block; } @media only screen and (max-width: 767px) { .order-history-product-details .name { display: block; } } .order-info-table, .order-shipment-table { width: 100%; } .order-info-table th, .order-info-table td, .order-shipment-table th, .order-shipment-table td { padding: 10px 0; } .order-info-table th, .order-shipment-table th { border-bottom: 1px solid #cccccc; text-transform: uppercase; font-size: 16px; } .order-info-table td, .order-shipment-table td { vertical-align: top; } @media only screen and (min-width: 768px) { .order-info-table td, .order-shipment-table td { line-height: 2; } } @media only screen and (max-width: 767px) { .order-info-table td, .order-shipment-table td { line-height: 1.5; display: block; width: 100% !important; } } @media only screen and (max-width: 767px) { .order-info-table thead, .order-shipment-table thead { display: none; } } .order-info-table tbody tr:first-child td, .order-shipment-table tbody tr:first-child td { padding: 10px 0 10px; } .order-info-table .country-label, .order-shipment-table .country-label { text-transform: uppercase; } .order-info-table .payment-total:before, .order-info-table .payment-total:after { content: " "; display: table; } .order-info-table .payment-total:after { clear: both; } .order-info-table .payment-total span { display: block; float: left; width: 50%; } .order-info-table .order-sub-total, .order-info-table .order-total { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .order-info-table .order-total { font-size: 18px; } @media only screen and (max-width: 767px) { .order-info-table .order-total { font-size: 15px; } } @media only screen and (max-width: 767px) { .order-shipment-table td { float: left; } } @media only screen and (max-width: 767px) { .order-shipment-table .product-info { width: 50%; } } .order-shipment-table .product-name { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .order-shipment-table .product-number, .order-shipment-table .product-status { font-family: "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; color: #999999; } @media only screen and (max-width: 767px) { .order-shipment-table td.quantity { width: 20%; } .order-shipment-table td.quantity:before { content: "Qty: "; } } .order-shipment-table td.price { text-align: right; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 767px) { .order-shipment-table td.price { width: 30%; text-align: left; } .order-shipment-table td.price:before { content: "Price: "; } } .order-details-options { text-align: left; } @media only screen and (min-width: 768px) { .order-details-options { text-align: right; } } @media only screen and (max-width: 767px) { .order-details-options a { display: block; margin-bottom: 10px; } } .order-details-options a:not(.button) { text-decoration: underline; } .order-details-options .button { margin-left: 0; } @media only screen and (min-width: 768px) { .order-details-options .button { margin-left: 10px; } } .order-history-details-container { padding: 0 15px 15px; background-color: #f0f0f0; } .order-history-details-container hr { border-color: #cccccc; margin: 0 0 20px; } .order-history-details-container .product-image { width: 135px; height: 135px; float: left; margin-right: 15px; } @media only screen and (max-width: 767px) { .order-history-details-container .product-image { width: 115px; height: 115px; } } .order-history-details-container .product-image img { width: 100%; } .order-history-details-container .order-shipment-table th, .order-history-details-container .order-info-table th { color: #666666; text-transform: none; border: none; padding: 10px 0 0; font-size: 14px; } .order-history-details-container .order-info-table td { padding: 10px 0; } .order-history-details-container .order-shipment-table .product-name { font-size: 12px; } .order-history-details-container .order-shipment-table .product-name.single-product { padding-top: 0; } .order-history-details-container .order-shipment-table td { line-height: 1; } .order-history-details-container .order-shipment-table td div { padding-top: 15px; } .order-history-details-container .order-shipment-table td div:first-child { padding-top: 0; } .order-history-details-container .order-shipment-table th.price { white-space: nowrap; } .order-history-details-container .order-shipment-table td.price { width: 10%; font-family: "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; } .order-history-details-container .order-shipment-table td.price a { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .order-history-details-container .order-extra-info { padding-top: 10px; } .order-history-details-container .order-extra-info p:last-child { margin: 0; } .order-history-details-toggle { overflow: hidden; display: none; } @media only screen and (min-width: 768px) { .order-history-form .order-history-product-details > div:nth-child(1), .order-history-form .order-history-product-details > div:nth-child(2), .order-history-form .order-history-details-container tr th:nth-child(1), .order-history-form .order-history-details-container tr th:nth-child(2), .order-history-form .order-history-details-container tr td:nth-child(1), .order-history-form .order-history-details-container tr td:nth-child(2), .order-history-form .order-shipment-table tr th:nth-child(1), .order-history-form .order-shipment-table tr th:nth-child(2), .order-history-form .order-shipment-table tr td:nth-child(1), .order-history-form .order-shipment-table tr td:nth-child(2) { width: 33.3333333333%; } } .order-history-form a.orange { color: #ef4923; } .order-history-form a.orange:hover { text-decoration: underline; } .order-status-form .dialog-required { float: right; line-height: 42px; text-transform: uppercase; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; } .order-status-form .dialog-required em { font-style: normal; } .mobile-title { display: none; color: #666666; text-transform: none; border: none; font-size: 14px; font-weight: bold; } @media only screen and (max-width: 767px) { .mobile-title { display: block; } } @media only screen and (max-width: 767px) { .order-shipment-table .quantity, .order-shipment-table td.price .order-shipment-table .product-info { display: block; width: 100%; } } @media only screen and (max-width: 767px) { .order-history-details-container .order-shipment-table td div { padding-top: 5px; } } .track-order-button { display: inline-block; width: 140px; height: 40px; color: white; background-color: #6e6e6e; text-align: center; line-height: 40px; position: absolute; right: 80px; top: 32px; border-radius: 20px; } @media only screen and (max-width: 767px) { .track-order-button { top: 20px; right: 10px; } } .track-order-button:hover { opacity: 0.8; color: white; } .track-order-button.order-status-page { position: static; margin-top: 20px; } td.the-item.item-has-tracking { padding-top: 38px !important; } td.quantity.item-has-tracking { padding-top: 43px !important; } @media only screen and (max-width: 767px) { td.quantity.item-has-tracking { padding-top: 0 !important; } } td.price.item-has-tracking { text-align: right; white-space: nowrap; } @media only screen and (max-width: 767px) { td.price.item-has-tracking { text-align: left; padding-left: 0; } } td.price.item-has-tracking a { color: #342e7d; display: inline-block; margin-bottom: 20px; } .mobile-only { display: none; } @media only screen and (max-width: 767px) { .mobile-only { display: inline; } } .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper { height: 66px; width: 100%; background-color: #f0f0f0; position: relative; } @media only screen and (max-width: 767px) { .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper { margin-top: 20px; height: 190px; } } .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper .narvar-notification-image { padding: 1px 20px; position: absolute; top: 4px; width: 150px; } @media only screen and (max-width: 767px) { .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper .narvar-notification-image { top: 11px; width: 164px; left: calc(50% - 82px); } } .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper .narvar-notification-form { display: inline-block; float: right; width: 345px; } @media only screen and (max-width: 767px) { .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper .narvar-notification-form { float: none; position: relative; top: 125px; width: 100%; } } .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper .narvar-notification-phonenumber { display: inline-block; width: 40%; } .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper .narvar-title-text { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 13px; margin-left: 135px; padding-top: 22px; display: inherit; } @media only screen and (max-width: 767px) { .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper .narvar-title-text { display: inline-block; width: 90%; margin: 0 5%; text-align: center; position: absolute; top: 55px; left: 0; } } .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper .narvar-title-text-two-lines { padding-top: 14px; } .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper .narvar-notification { float: right; margin-right: 20px; margin-top: 15px; font-size: 12px; padding: 6px 24px; text-transform: none; } @media only screen and (max-width: 767px) { .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper .narvar-notification { width: 40%; margin-right: 10%; } } .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper .narvar-notification-phonenumber { float: right; height: 31px; margin-top: 15px; border: none; min-width: 138px; font-size: 12px; background: url("../images/narvar-notification-phone-icon.svg") left no-repeat; background-size: 24px; background-color: white; } .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper .narvar-notification-phonenumber:hover { background-color: white; } .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper .narvar-notification-phonenumber:focus { background-color: white; } @media only screen and (max-width: 767px) { .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper .narvar-notification-phonenumber { width: 40%; } } .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper .narvar-notification-phonenumber::placeholder { color: #666666; } .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper span.error, .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper span.error-message { display: inline-block; text-align: right; width: 100%; padding-right: 25px; } @media only screen and (max-width: 767px) { .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper span.error, .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper span.error-message { font-size: 13px; white-space: nowrap; text-align: left; margin-left: 7%; width: 80%; } } .order-history-page-narvar-notify-wrapper.narvar-notify-wrapper .narvar-stop-text-updates { text-decoration: underline; cursor: pointer; } html[lang=ja] .order-info-table .order-sub-total, html[lang=ja] .order-info-table .order-total { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .order-shipment-table .product-name { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .order-shipment-table .product-number, html[lang=ja] .order-shipment-table .product-status { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; } html[lang=ja] .order-shipment-table td.price { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .order-history-main-details button { top: 20px; } html[lang=ja] .order-history-details-container .order-shipment-table td.price { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; } html[lang=ja] .order-history-details-container .order-shipment-table td.price a { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .order-history-details-container .order-shipment-table td div { line-height: 15px; } html[lang=ja] .order-status-form .dialog-required { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .ui-dialog { /********* My account section "sign in", "sign up", "password help" dialog styles *********/ /********* My account section "add cart" dialog styles *********/ } .ui-dialog.account-dialog { top: 90px !important; text-align: center; } @media screen and (max-width: 800px) { .ui-dialog.account-dialog { width: 100% !important; } } @media screen and (max-width: 800px) and (orientation: landscape) { .ui-dialog.account-dialog { top: 0px !important; } } .ui-dialog.account-dialog .col-2 { display: none; } .ui-dialog.account-dialog p { padding: 0 15%; } .ui-dialog.account-dialog input::placeholder, .ui-dialog.account-dialog .form-row-button { text-align: center; } .ui-dialog.account-dialog input::placeholder button, .ui-dialog.account-dialog .form-row-button button { float: none !important; } .ui-dialog.account-dialog input::placeholder { font-size: 14px; font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; color: #999999; letter-spacing: 0.02em; line-height: 1.5; text-align: left; } .ui-dialog.account-dialog legend, .ui-dialog.account-dialog .login-order-track { display: none; } .ui-dialog.account-dialog .dialog-content { background: #FFFFFF; padding: 20px; } .ui-dialog.account-dialog .dialog-content h1, .ui-dialog.account-dialog .dialog-content h2 { color: #000000; margin: 0; padding: 40px 0 15px 0; font-size: 30px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; line-height: 1.5em; letter-spacing: 0.05em; } @media only screen and (max-width: 767px) { .ui-dialog.account-dialog .dialog-content h1, .ui-dialog.account-dialog .dialog-content h2 { font-size: 24px; } } .ui-dialog.account-dialog .dialog-content .orange-bar { background-color: #ef4923; width: 60px; height: 6px; margin: 20px auto; } .ui-dialog.account-dialog .dialog-content ul.inline { list-style: none; text-align: center; padding: 0; } .ui-dialog.account-dialog .dialog-content ul.inline li { display: inline-block; margin: 0 2px; } .ui-dialog.account-dialog .dialog-content .sub-head { font-size: 14px; line-height: 1.5em; letter-spacing: 0.02em; } .ui-dialog.account-dialog .dialog-content .login-oauth { padding: 0 0 15px 0; } .ui-dialog.account-dialog .dialog-content .form-caption { padding: 0 15%; } .ui-dialog.account-dialog .dialog-content .form-row { padding: 0 15%; margin: 0 0 5px; display: block; } @media only screen and (max-width: 767px) { .ui-dialog.account-dialog .dialog-content .form-row { padding: 0 15px; } } .ui-dialog.account-dialog .dialog-content .form-row.form-row-button { margin: 20px 0 35px 0; } .ui-dialog.account-dialog .dialog-content .form-row.addtoemaillist label { font-family: "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; } .ui-dialog.account-dialog .dialog-content .form-row.addtoemaillist label span { text-align: left; width: calc(100% - 49px); font-size: 13px; float: right; line-height: 1.4; } .ui-dialog.account-dialog .dialog-content .form-row label { display: none; } .ui-dialog.account-dialog .dialog-content .form-row.checkbox label { display: initial; } .ui-dialog.account-dialog .dialog-content .dialog-required { line-height: 12px; padding-top: 10px; margin: 0; background: #FFFFFF; letter-spacing: 0.24px; text-align: center; color: #666666; } .ui-dialog.account-dialog .dialog-content .false-list { margin: 30px 0; } .ui-dialog.account-dialog .dialog-content a { letter-spacing: .24px; } .ui-dialog.account-dialog .dialog-content a:hover { color: #ef4923; } .ui-dialog.account-dialog .dialog-content a.orange { color: #ef4923; } .ui-dialog.account-dialog .dialog-content a.orange:hover { text-decoration: underline; } .ui-dialog.account-dialog #PasswordResetForm .form-row, .ui-dialog.account-dialog #password-confirm .form-row { float: left; padding: 0 0 0 15%; margin: 20px 0; width: calc(85% - 120px); } @media only screen and (max-width: 767px) { .ui-dialog.account-dialog #PasswordResetForm .form-row, .ui-dialog.account-dialog #password-confirm .form-row { width: 100%; padding: 0 15px; } } .ui-dialog.account-dialog #PasswordResetForm .form-row.form-row-button, .ui-dialog.account-dialog #password-confirm .form-row.form-row-button { float: right; padding: 0; margin: 0 15% 0 0; width: 120px; } @media only screen and (max-width: 767px) { .ui-dialog.account-dialog #PasswordResetForm .form-row.form-row-button, .ui-dialog.account-dialog #password-confirm .form-row.form-row-button { width: 100%; padding: 0 15px; margin: 0; } } .ui-dialog.account-dialog #PasswordResetForm .form-row.form-row-button button, .ui-dialog.account-dialog #password-confirm .form-row.form-row-button button { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; letter-spacing: 0.05em; margin: 20px 0; padding: 9px 19px; width: 100%; } @media only screen and (max-width: 767px) { .ui-dialog.account-dialog #PasswordResetForm .form-row.form-row-button button, .ui-dialog.account-dialog #password-confirm .form-row.form-row-button button { margin: 0 0 20px; width: auto; } } .ui-dialog.manage-dialog { max-width: calc(100% - 20px) !important; } .ui-dialog.manage-dialog .dialog-content { padding: 20px; } .ui-dialog.manage-dialog h1 { border: 0 none; margin: 0; position: relative; color: #333333; font-size: 21px; padding: 10px 20px 20px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; width: 95%; float: left; } @media only screen and (max-width: 991px) { .ui-dialog.manage-dialog h1 { font-size: 18px; } } .ui-dialog.manage-dialog h1 span { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-transform: uppercase; font-size: 14px; } .ui-dialog.manage-dialog h1 .account-required-fields { float: right; } .ui-dialog.manage-dialog .form-horizontal fieldset { padding: 0 20px 20px; } @media only screen and (max-width: 767px) { .ui-dialog.manage-dialog .form-horizontal fieldset { padding: 0 10px; } } .ui-dialog.manage-dialog .form-horizontal .form-row { margin: 0 0 12px; } .ui-dialog.manage-dialog .form-horizontal .form-row .form-field-tooltip { display: none; } .ui-dialog.manage-dialog .form-horizontal .form-row textarea, .ui-dialog.manage-dialog .form-horizontal .form-row select, .ui-dialog.manage-dialog .form-horizontal .form-row input:not([type="checkbox"]):not([type="radio"]) { width: 100%; min-width: 290px; } @media only screen and (max-width: 991px) { .ui-dialog.manage-dialog .form-horizontal .form-row textarea, .ui-dialog.manage-dialog .form-horizontal .form-row select, .ui-dialog.manage-dialog .form-horizontal .form-row input:not([type="checkbox"]):not([type="radio"]) { min-width: 1px; } } .ui-dialog.manage-dialog .form-horizontal .form-row .error, .ui-dialog.manage-dialog .form-horizontal .form-row .error-message { margin: 0 0 10px 0; } .ui-dialog.manage-dialog .form-horizontal .form-row .form-caption { margin: 10px 0; } .ui-dialog.manage-dialog .form-horizontal .form-row.month, .ui-dialog.manage-dialog .form-horizontal .form-row.year { width: 48%; margin-right: 0; float: left; } .ui-dialog.manage-dialog .form-horizontal .form-row.month select, .ui-dialog.manage-dialog .form-horizontal .form-row.year select { width: 100%; } .ui-dialog.manage-dialog .form-horizontal .form-row.month label, .ui-dialog.manage-dialog .form-horizontal .form-row.year label { display: none; } @media only screen and (max-width: 767px) { .ui-dialog.manage-dialog .form-horizontal .form-row.year { margin-left: 4%; } } .ui-dialog.manage-dialog .form-horizontal .form-row.form-row-button { clear: both; } @media only screen and (max-width: 767px) { .ui-dialog.manage-dialog .form-horizontal .form-row.form-row-button { text-align: center; } } .ui-dialog.manage-dialog .form-horizontal .form-row.form-row-button button { min-width: 130px; margin: 0 20px 0 0; } @media only screen and (max-width: 767px) { .ui-dialog.manage-dialog .form-horizontal .form-row.form-row-button button { min-width: 0; margin: 5px 5px 0 5px; } } .ui-dialog.manage-dialog .form-horizontal button.cancel-button { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; text-decoration: underline; } .ui-dialog.manage-dialog #ChaseHPFiFrame { overflow: hidden; } .ui-dialog.fancy-dialog .dialog-content { background: #FFFFFF; padding: 20px; } .ui-dialog.fancy-dialog .dialog-content .product-toast-options .continue-shopping, .product-toast-options .ui-dialog.fancy-dialog .dialog-content .continue-shopping, .ui-dialog.fancy-dialog .dialog-content .compare-back, .ui-dialog.fancy-dialog .dialog-content .footprint-chronicles .header a, .footprint-chronicles .header .ui-dialog.fancy-dialog .dialog-content a, .ui-dialog.fancy-dialog .dialog-content #QuickViewDialog .view-full-link, #QuickViewDialog .ui-dialog.fancy-dialog .dialog-content .view-full-link, .ui-dialog.fancy-dialog .dialog-content .avs-dialog tr.pListClickable a, .avs-dialog tr.pListClickable .ui-dialog.fancy-dialog .dialog-content a, .ui-dialog.fancy-dialog .dialog-content .avs-dialog .inline-link, .avs-dialog .ui-dialog.fancy-dialog .dialog-content .inline-link, .ui-dialog.fancy-dialog .dialog-content .avs-dialog .showHide, .avs-dialog .ui-dialog.fancy-dialog .dialog-content .showHide, .ui-dialog.fancy-dialog .dialog-content .pt_checkout .billing-discounts .gift-cert-eu .balance a, .pt_checkout .billing-discounts .gift-cert-eu .balance .ui-dialog.fancy-dialog .dialog-content a, .ui-dialog.fancy-dialog .dialog-content .pt_checkout .billing-discounts .gift-cert-eu .coupon-error a, .pt_checkout .billing-discounts .gift-cert-eu .coupon-error .ui-dialog.fancy-dialog .dialog-content a, .ui-dialog.fancy-dialog .dialog-content .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status a, .pt_checkout .billing-discounts .gift-cert-eu .giftcert-status .ui-dialog.fancy-dialog .dialog-content a, .ui-dialog.fancy-dialog .dialog-content .pt_checkout .billing-discounts .gift-cert-eu .redemption.giftcert a, .pt_checkout .billing-discounts .gift-cert-eu .redemption.giftcert .ui-dialog.fancy-dialog .dialog-content a, .ui-dialog.fancy-dialog .dialog-content .alt-link, .ui-dialog.fancy-dialog .dialog-content .pt_order .actions a, .pt_order .actions .ui-dialog.fancy-dialog .dialog-content a, .ui-dialog.fancy-dialog .dialog-content .orderdetails .name a, .orderdetails .name .ui-dialog.fancy-dialog .dialog-content a, .ui-dialog.fancy-dialog .dialog-content .rma-main-header-links a, .rma-main-header-links .ui-dialog.fancy-dialog .dialog-content a { cursor: pointer; } html[lang=ja] .ui-dialog.account-dialog input::placeholder { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] .ui-dialog.account-dialog .dialog-content h1, html[lang=ja] .ui-dialog.account-dialog .dialog-content h2 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .ui-dialog.account-dialog .dialog-content .form-row.addtoemaillist label { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; } html[lang=ja] .ui-dialog.account-dialog #PasswordResetForm .form-row.form-row-button button { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .ui-dialog.manage-dialog h1 { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .ui-dialog.manage-dialog .form-horizontal button.cancel-button { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } /* Constent Management module */ .consent-module { max-height: 500px; width: 100%; overflow-y: auto; } @media only screen and (max-width: 991px) { .consent-module { max-height: inherit; position: fixed; bottom: 0; left: 0; height: 100%; } } @media only screen and (max-width: 991px) { .consent-module__panes { position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; } } .consent-module .tab-content > .tab-pane { max-height: 500px; width: 100%; padding-bottom: 48px; overflow: auto; background: #FFFFFF; } .consent-module .tab-content > .tab-pane.first { /* height: auto; */ } @media only screen and (max-width: 991px) { .consent-module .tab-content > .tab-pane { height: 100%; max-height: none; } } .consent-module__header { display: none; height: 100px; background-image: url("../images/logo.png"); background-size: 150px; background-repeat: no-repeat; background-position: 50%; border-bottom: 1px solid #999999; } @media only screen and (max-width: 991px) { .consent-module__header { display: block; } } .consent-module__page { padding: 60px 0; } @media only screen and (max-width: 991px) { .consent-module__page { padding: 15px 20px 35px 20px; text-align: center; } } .consent-module__page h4 { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 22px; } .consent-module__page .body { padding: 15px 0; font-size: 15px; } @media only screen and (max-width: 991px) { .consent-module__page .body { max-width: 75%; margin: 0 auto; } } .consent-module__page .body p { float: left; } @media only screen and (max-width: 991px) { .consent-module__page .body p { float: none; } } @media only screen and (max-width: 991px) { .consent-module__page .body-wide { max-width: 90%; font-size: 12.5px; } } .consent-module__page .btn, .consent-module__page button, .consent-module__page .button { float: right; } @media only screen and (max-width: 991px) { .consent-module__page .btn, .consent-module__page button, .consent-module__page .button { float: none; margin-top: 20px; } } @media only screen and (max-width: 991px) { .consent-module__page .form-row-btn { text-align: center; } } .consent-module__page .col-sm-8 { width: 100%; } .consent-module__levels { clear: both; padding-top: 15px; text-align: left; } .consent-module__levels--label { position: relative; display: inline-block; width: calc(100% - 50px); margin-top: 5px; -webkit-transform: translateZ(0); } .consent-module__levels--desc { padding-top: 4px; font-size: 12px; font-family: "AvenirNextLTW02-Regular", Helvetica, Arial, sans-serif; } .consent-module__levels label { float: left; width: 100%; max-width: 100%; } .consent-module__levels input[type="radio"] + label:before { vertical-align: top; margin-top: 10px; -webkit-transform: translateZ(0); } .consent-module__footer { position: fixed; bottom: 0; left: 0; min-height: 48px; width: 100%; background: #FFFFFF; border-top: 1px solid #999999; -webkit-overflow-scrolling: touch; } .consent-module__nav ul { margin: 0; padding: 0; border: none; } @media only screen and (max-width: 991px) { .consent-module__nav ul { text-align: center; } } .consent-module__nav ul li { display: inline; padding-right: 40px; float: none; background: none; } @media only screen and (max-width: 991px) { .consent-module__nav ul li { padding: 0 10px; } } .consent-module__nav ul li a { display: inline-block; margin: 0; padding: 15px 0; color: #999999; font-size: 12px; border: none; } .consent-module__nav ul li a:hover, .consent-module__nav ul li a:focus { border: none; background: none; } /* dialog overrides */ .consent-modal { position: fixed; top: auto !important; bottom: 0 !important; height: auto; width: 100%; } @media only screen and (max-width: 991px) { .consent-modal { height: 100% !important; } } .consent-modal.ui-dialog .ui-dialog-content { padding: 0; } @media only screen and (max-width: 991px) { .consent-modal.ui-dialog .ui-dialog-content { position: fixed; bottom: 0; height: 100% !important; max-height: 100% !important; width: 100% !important; overflow: auto; -webkit-overflow-scrolling: touch; } } .consent-modal.ui-dialog .ui-dialog-titlebar { display: none; } .contact-us-form legend { font-family: "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; font-size: 36px; } .contact-us-form legend .dialog-required em { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .contact-confirmation-message { font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 18px; } html[lang=ja] .contact-us-form legend { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "AvenirNextLTW02-Medium", Helvetica, Arial, sans-serif; } html[lang=ja] .contact-us-form legend .dialog-required em { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } html[lang=ja] .contact-confirmation-message { font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "Hiragino Sans", "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; } .orderdetails .order-date { margin-bottom: 15px; } .orderdetails .order-billing { margin-top: 10px; } .pt_account #main h1.rma-header { border: none; } @media only screen and (min-width: 768px) { .pt_account #main h1.rma-header { float: left; width: 60%; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .pt_account #main h1.rma-header { font-size: 32px; } } .rma-container { min-height: 500px; } @media only screen and (max-width: 767px) { .rma-header { text-align: center; font-size: 26px; } } .rma-main-header:before, .rma-main-header:after { content: " "; display: table; } .rma-main-header:after { clear: both; } @media only screen and (min-width: 768px) { .rma-main-header-options { float: left; width: 40%; } } @media only screen and (max-width: 767px) { .rma-main-header-options { margin: 15px 0; text-align: center; } } @media only screen and (min-width: 768px) { .rma-main-header-links, .rma-progress { float: right; margin-top: 35px; } } .rma-progress:before, .rma-progress:after { content: " "; display: table; } .rma-progress:after { clear: both; } @media only screen and (min-width: 768px) { .rma-progress { margin-left: 15px; } } @media only screen and (max-width: 767px) { .rma-progress { display: inline-block; margin-bottom: 10px; } } .rma-progress .circle, .rma-progress .line, .rma-progress .finished { float: left; } .rma-progress .circle { text-align: center; } .rma-progress .circle.current, .rma-progress .circle.visited, .rma-progress .circle.unvisited { border-radius: 50%; } .rma-progress .circle.current { width: 34px; height: 34px; line-height: 34px; margin-top: -7px; background-color: #666666; } .rma-progress .circle.visited, .rma-progress .circle.unvisited { width: 19px; height: 19px; } .rma-progress .circle.visited { background-color: #666666; } .rma-progress .circle.unvisited { border: 3px solid #ef4923; background-color: #FFFFFF; } .rma-progress .circle .label { font-size: 24px; color: #FFFFFF; } .rma-progress .line { width: 24px; height: 3px; margin-top: 8px; background-color: #ef4923; } .rma-progress .finished { position: relative; height: 19px; line-height: 19px; padding: 0 8px; background-color: #ef4923; color: #FFFFFF; } .rma-progress .finished:after { display: block; content: ""; border-top: 8.5px solid transparent; border-bottom: 8.5px solid transparent; border-right: 5px solid white; position: absolute; right: 1px; top: 1px; } .rma-form { padding: 15px; border: 1px solid #cccccc; background-color: #f0f0f0; } .rma-form .checkbox label span { float: right; width: calc(100% - 50px); } .rma-orders-form-header, .rma-products-form-header { display: none; width: 100%; padding: 10px 15px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; font-family: "Avenir Next LT W02 Bold", Helvetica, Arial, sans-serif; font-size: 14px; } @media only screen and (min-width: 768px) { .rma-orders-form-header, .rma-products-form-header { display: table; } } .rma-orders-form-header > span, .rma-products-form-header > span { display: table-cell; } .rma-orders-form { display: table; width: 100%; } @media only screen and (min-width: 768px) { .rma-order, .rma-product { display: table-row; } } @media only screen and (max-width: 767px) { .rma-order, .rma-product { border-top: 1px solid #cccccc; margin: 10px 0; } .rma-order:first-child, .rma-product:first-child { border: none; margin-top: 0; } .rma-order:last-child, .rma-product:last-child { margin-bottom: 0; } } .rma-order > div, .rma-product > div { padding: 10px 0; vertical-align: middle; } @media only screen and (min-width: 768px) { .rma-order > div, .rma-product > div { display: table-cell; font-size: 14px; } } @media only screen and (min-width: 768px) { .rma-order .mobile-label, .rma-product .mobile-label { display: none; } } .rma-order .select-order, .rma-product .select-order { padding: 7px 19px; font-size: 12px; } @media only screen and (max-width: 767px) { .rma-product:before, .rma-product:after { content: " "; display: table; } .rma-product:after { clear: both; } } @media only screen and (min-width: 768px) { .rma-product { display: table; width: 100%; } } @media only screen and (max-width: 767px) { .rma-product > div { float: left; } } .rma-order-number-header, .rma-order-number, .rma-order-date-header, .rma-order-date { width: 50%; } @media only screen and (min-width: 768px) { .rma-order-number-header, .rma-order-number, .rma-order-date-header, .rma-order-date { width: 20%; } } @media only screen and (max-width: 767px) { .rma-order-number-header, .rma-order-number, .rma-order-date-header, .rma-order-date { float: left; } } @media only screen and (max-width: 767px) { .rma-order-date { text-align: right; } } @media only screen and (max-width: 767px) { .rma-order-products, .rma-order-selector { text-align: center; } } .rma-order-products img { border: 1px solid #cccccc; margin: 5px 5px 5px 0; } @media only screen and (min-width: 768px) { .rma-order-selector { text-align: right; } } .order-locate-form:before, .order-locate-form:after { content: " "; display: table; } .order-locate-form:after { clear: both; } .order-locate-form .form-row { width: 220px; } @media only screen and (min-width: 768px) { .order-locate-form .form-row { float: left; clear: none; margin-right: 5px; margin-bottom: 0; } .order-locate-form .form-row + .form-row { margin: 15px 5px 15px 0; } } @media only screen and (max-width: 767px) { .order-locate-form .form-row { margin-right: auto; margin-left: auto; } .order-locate-form .form-row + .form-row { margin-right: auto; margin-left: auto; } } @media only screen and (max-width: 767px) { .order-locate-form .form-row-button { text-align: center; } } .order-locate-form button { padding: 9px 19px; } @media only screen and (max-width: 767px) { .order-number-message { text-align: center; } } @media only screen and (max-width: 767px) { .rma-manual-entry-form .form-row-button { text-align: center; } } .reason-radio { margin-bottom: 0 !important; } .reason-radio label { margin-bottom: 10px; } @media only screen and (min-width: 768px) { .reason-radio label { width: 25%; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .reason-radio label { width: 50%; } } @media only screen and (max-width: 767px) { .reason-radio label { display: block; } } .reason-radio label:first-child { width: 100%; } .reason-radio input[type="radio"] ~ label { margin-left: 0; } .rma-manual-reason-note { font-style: italic; } .rma-return-products-form .rma-form, .rma-repair-products-form .rma-form { padding: 0 15px; margin-bottom: 10px; } .rma-items-to-return-header, .rma-items-to-repair-header, .rma-items-to-return, .rma-items-to-repair { width: 30%; } @media only screen and (min-width: 768px) { .rma-items-to-return-header, .rma-items-to-repair-header, .rma-items-to-return, .rma-items-to-repair { width: 20%; } } .rma-items-to-return .form-row.checkbox, .rma-items-to-repair .form-row.checkbox { margin: 0; padding-top: 0; } .rma-product-description-header, .rma-product-description { width: 40%; } @media only screen and (min-width: 768px) { .rma-product-description-header, .rma-product-description { width: 45%; } } @media only screen and (max-width: 767px) { .rma-product-price-header, .rma-product-price { width: 30%; padding-bottom: 0 !important; } } @media only screen and (min-width: 768px) { .rma-product-price-header, .rma-product-price { width: 20%; } } .rma-product-description:before, .rma-product-description:after { content: " "; display: table; } .rma-product-description:after { clear: both; } @media only screen and (min-width: 768px) { .rma-product-image { float: left; } } .rma-product-image img { border: 1px solid #cccccc; margin-bottom: 10px; } @media only screen and (min-width: 768px) { .rma-product-right-details { float: left; margin-left: 15px; } } .rma-product-number, .rma-product-color, .rma-product-size { font-size: 12px; color: #999999; } @media only screen and (min-width: 1200px) { .rma-product-number, .rma-product-color, .rma-product-size { float: left; } } .rma-product-number, .rma-product-color { margin-right: 20px; } .rma-additional-fields { display: none; } .irrepairable-radio label { width: 100%; } .irrepairable-radio label:not(:first-child) { margin-bottom: 5px; } .irrepairable-radio input[type="radio"] + label ~ label { margin-left: 0; } .rma-selection-options { margin-top: 20px; text-align: right; } @media only screen and (max-width: 767px) { .rma-selection-options { text-align: center; } } .rma-selection-options p { color: #999999; } @media only screen and (max-width: 767px) { .rma-selection-options p { text-align: left; } } .rma-selection-options button { width: 230px; } .pt_rma-checkout .form-horizontal fieldset { padding: 0; background: #FFFFFF; } .pt_rma-checkout .form-horizontal .form-row select, .pt_rma-checkout .form-horizontal .form-row input:not([type="checkbox"]):not([type="radio"]) { width: 100%; } .pt_rma-checkout .form-horizontal .form-row.form-row-button { text-align: right; } .pt_rma-checkout .form-horizontal .form-row.form-row-button button { min-width: 260px; margin: 0; } @media only screen and (max-width: 767px) { .pt_rma-checkout legend, .pt_rma-checkout .legend { text-align: center; } } @media only screen and (min-width: 768px) { .rma-shipping-cost { float: left; width: 35%; } } .rma-shipping-cost-text { font-style: italic; color: #cccccc; } .rma-shipping-step:before, .rma-shipping-step:after { content: " "; display: table; } .rma-shipping-step:after { clear: both; } @media only screen and (min-width: 768px) { .rma-shipping-step .checkout-shipping { float: right; width: 55%; } } @media only screen and (min-width: 768px) { .rma-billing-step { width: 66%; margin: 0 auto; } } .rma-billing-step legend br { display: none; } @media only screen and (max-width: 767px) { .rma-billing-step legend .dialog-required { position: static; margin-top: 15px; } } @media only screen and (min-width: 768px) { .rma-payment-step { width: 66%; margin: 0 auto; } } .rma-payment-step #ChaseHPFiFrame { width: 100%; } .rma-payment-step .continue-container { display: none; } .rma-confirmation-step { border: 1px solid #cccccc; background-color: #f0f0f0; } .rma-confirmation-step .success-form, .rma-confirmation-step .error-form { padding: 15px 15px 0; } .rma-confirmation-step .rma-confirmation { padding: 0 15px 15px; } @media only screen and (max-width: 767px) { .rma-confirmation-step .rma-confirmation h2 { font-size: 24px; } } @media only screen and (max-width: 767px) { .rma-confirmation-step .rma-confirmation button { padding: 13px 11px; margin: 0 0 15px 0; font-size: 14px; } } @media only screen and (max-width: 767px) { .rma-confirmation-step .rma-confirmation .button { display: none; } } @media only screen and (min-width: 768px) { .rma-confirmation-step .rma-confirmation .button + button { margin-left: 5%; } } @media only screen and (max-width: 767px) { .rma-confirmation-step .rma-confirmation-options { text-align: center; } } .rma-shipping-step { margin-bottom: 20px; } .rma-shipping-step:before, .rma-shipping-step:after { content: " "; display: table; } .rma-shipping-step:after { clear: both; } .rma-shipping-step-num, .rma-shipping-step-text { display: block; float: left; } .rma-shipping-step-num { width: 30px; height: 30px; line-height: 30px; margin-right: 20px; text-align: center; font-size: 20px; background-color: #cccccc; } @media only screen and (min-width: 768px) { .rma-shipping-step-num { margin-right: 50px; } } .rma-shipping-step-text { font-style: italic; color: #666666; } @media only screen and (max-width: 767px) { .rma-shipping-step-text { max-width: calc(100% - 60px); } } .rma-shipping-step-text small { font-size: 100%; font-style: normal; color: #cccccc; } .rma-confirmation-survey { font-style: italic; } @media only screen and (min-width: 768px) { .rma-confirmation-survey { display: inline-block; margin-left: 5%; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .rma-confirmation-survey { margin: 15px 0 0 0; } } .rma-confirmation-survey > a span { color: #cccccc; } .rma-confirmation-survey > div { color: #cccccc; } @media only print { .pt_order-confirmation #mini-cart, .pt_order-confirmation .menu-utility-user, .pt_order-confirmation .menu-utility, .pt_order-confirmation .header-banner, .pt_order-confirmation #navigation, .pt_order-confirmation .product-list-item .label, .confirmation.create-account .login-create-account, .confirmation .actions a, footer, #navbar, .print-page { display: none; } } @media only print { .x-panel, .x-shadow { display: none !important; } } @media only print { .confirmation { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } } @media only print { .rma-packingslip-container { background: none; border: none; } } .flag-icon-background, .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; } .flag-icon { position: relative; display: inline-block; width: 1.3333333333em; line-height: 1em; } .flag-icon:before { content: '\00a0'; } .flag-icon.flag-icon-squared { width: 1em; } .flag-icon-ad { background-image: url(../lib/flag-icon-css/flags/4x3/ad.svg); } .flag-icon-ad.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ad.svg); } .flag-icon-ae { background-image: url(../lib/flag-icon-css/flags/4x3/ae.svg); } .flag-icon-ae.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ae.svg); } .flag-icon-af { background-image: url(../lib/flag-icon-css/flags/4x3/af.svg); } .flag-icon-af.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/af.svg); } .flag-icon-ag { background-image: url(../lib/flag-icon-css/flags/4x3/ag.svg); } .flag-icon-ag.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ag.svg); } .flag-icon-ai { background-image: url(../lib/flag-icon-css/flags/4x3/ai.svg); } .flag-icon-ai.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ai.svg); } .flag-icon-al { background-image: url(../lib/flag-icon-css/flags/4x3/al.svg); } .flag-icon-al.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/al.svg); } .flag-icon-am { background-image: url(../lib/flag-icon-css/flags/4x3/am.svg); } .flag-icon-am.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/am.svg); } .flag-icon-ao { background-image: url(../lib/flag-icon-css/flags/4x3/ao.svg); } .flag-icon-ao.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ao.svg); } .flag-icon-aq { background-image: url(../lib/flag-icon-css/flags/4x3/aq.svg); } .flag-icon-aq.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/aq.svg); } .flag-icon-ar { background-image: url(../lib/flag-icon-css/flags/4x3/ar.svg); } .flag-icon-ar.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ar.svg); } .flag-icon-as { background-image: url(../lib/flag-icon-css/flags/4x3/as.svg); } .flag-icon-as.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/as.svg); } .flag-icon-at { background-image: url(../lib/flag-icon-css/flags/4x3/at.svg); } .flag-icon-at.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/at.svg); } .flag-icon-au { background-image: url(../lib/flag-icon-css/flags/4x3/au.svg); } .flag-icon-au.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/au.svg); } .flag-icon-aw { background-image: url(../lib/flag-icon-css/flags/4x3/aw.svg); } .flag-icon-aw.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/aw.svg); } .flag-icon-ax { background-image: url(../lib/flag-icon-css/flags/4x3/ax.svg); } .flag-icon-ax.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ax.svg); } .flag-icon-az { background-image: url(../lib/flag-icon-css/flags/4x3/az.svg); } .flag-icon-az.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/az.svg); } .flag-icon-ba { background-image: url(../lib/flag-icon-css/flags/4x3/ba.svg); } .flag-icon-ba.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ba.svg); } .flag-icon-bb { background-image: url(../lib/flag-icon-css/flags/4x3/bb.svg); } .flag-icon-bb.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/bb.svg); } .flag-icon-bd { background-image: url(../lib/flag-icon-css/flags/4x3/bd.svg); } .flag-icon-bd.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/bd.svg); } .flag-icon-be { background-image: url(../lib/flag-icon-css/flags/4x3/be.svg); } .flag-icon-be.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/be.svg); } .flag-icon-bf { background-image: url(../lib/flag-icon-css/flags/4x3/bf.svg); } .flag-icon-bf.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/bf.svg); } .flag-icon-bg { background-image: url(../lib/flag-icon-css/flags/4x3/bg.svg); } .flag-icon-bg.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/bg.svg); } .flag-icon-bh { background-image: url(../lib/flag-icon-css/flags/4x3/bh.svg); } .flag-icon-bh.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/bh.svg); } .flag-icon-bi { background-image: url(../lib/flag-icon-css/flags/4x3/bi.svg); } .flag-icon-bi.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/bi.svg); } .flag-icon-bj { background-image: url(../lib/flag-icon-css/flags/4x3/bj.svg); } .flag-icon-bj.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/bj.svg); } .flag-icon-bl { background-image: url(../lib/flag-icon-css/flags/4x3/bl.svg); } .flag-icon-bl.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/bl.svg); } .flag-icon-bm { background-image: url(../lib/flag-icon-css/flags/4x3/bm.svg); } .flag-icon-bm.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/bm.svg); } .flag-icon-bn { background-image: url(../lib/flag-icon-css/flags/4x3/bn.svg); } .flag-icon-bn.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/bn.svg); } .flag-icon-bo { background-image: url(../lib/flag-icon-css/flags/4x3/bo.svg); } .flag-icon-bo.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/bo.svg); } .flag-icon-bq { background-image: url(../lib/flag-icon-css/flags/4x3/bq.svg); } .flag-icon-bq.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/bq.svg); } .flag-icon-br { background-image: url(../lib/flag-icon-css/flags/4x3/br.svg); } .flag-icon-br.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/br.svg); } .flag-icon-bs { background-image: url(../lib/flag-icon-css/flags/4x3/bs.svg); } .flag-icon-bs.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/bs.svg); } .flag-icon-bt { background-image: url(../lib/flag-icon-css/flags/4x3/bt.svg); } .flag-icon-bt.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/bt.svg); } .flag-icon-bv { background-image: url(../lib/flag-icon-css/flags/4x3/bv.svg); } .flag-icon-bv.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/bv.svg); } .flag-icon-bw { background-image: url(../lib/flag-icon-css/flags/4x3/bw.svg); } .flag-icon-bw.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/bw.svg); } .flag-icon-by { background-image: url(../lib/flag-icon-css/flags/4x3/by.svg); } .flag-icon-by.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/by.svg); } .flag-icon-bz { background-image: url(../lib/flag-icon-css/flags/4x3/bz.svg); } .flag-icon-bz.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/bz.svg); } .flag-icon-ca { background-image: url(../lib/flag-icon-css/flags/4x3/ca.svg); } .flag-icon-ca.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ca.svg); } .flag-icon-cc { background-image: url(../lib/flag-icon-css/flags/4x3/cc.svg); } .flag-icon-cc.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/cc.svg); } .flag-icon-cd { background-image: url(../lib/flag-icon-css/flags/4x3/cd.svg); } .flag-icon-cd.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/cd.svg); } .flag-icon-cf { background-image: url(../lib/flag-icon-css/flags/4x3/cf.svg); } .flag-icon-cf.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/cf.svg); } .flag-icon-cg { background-image: url(../lib/flag-icon-css/flags/4x3/cg.svg); } .flag-icon-cg.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/cg.svg); } .flag-icon-ch { background-image: url(../lib/flag-icon-css/flags/4x3/ch.svg); } .flag-icon-ch.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ch.svg); } .flag-icon-ci { background-image: url(../lib/flag-icon-css/flags/4x3/ci.svg); } .flag-icon-ci.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ci.svg); } .flag-icon-ck { background-image: url(../lib/flag-icon-css/flags/4x3/ck.svg); } .flag-icon-ck.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ck.svg); } .flag-icon-cl { background-image: url(../lib/flag-icon-css/flags/4x3/cl.svg); } .flag-icon-cl.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/cl.svg); } .flag-icon-cm { background-image: url(../lib/flag-icon-css/flags/4x3/cm.svg); } .flag-icon-cm.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/cm.svg); } .flag-icon-cn { background-image: url(../lib/flag-icon-css/flags/4x3/cn.svg); } .flag-icon-cn.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/cn.svg); } .flag-icon-co { background-image: url(../lib/flag-icon-css/flags/4x3/co.svg); } .flag-icon-co.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/co.svg); } .flag-icon-cr { background-image: url(../lib/flag-icon-css/flags/4x3/cr.svg); } .flag-icon-cr.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/cr.svg); } .flag-icon-cu { background-image: url(../lib/flag-icon-css/flags/4x3/cu.svg); } .flag-icon-cu.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/cu.svg); } .flag-icon-cv { background-image: url(../lib/flag-icon-css/flags/4x3/cv.svg); } .flag-icon-cv.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/cv.svg); } .flag-icon-cw { background-image: url(../lib/flag-icon-css/flags/4x3/cw.svg); } .flag-icon-cw.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/cw.svg); } .flag-icon-cx { background-image: url(../lib/flag-icon-css/flags/4x3/cx.svg); } .flag-icon-cx.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/cx.svg); } .flag-icon-cy { background-image: url(../lib/flag-icon-css/flags/4x3/cy.svg); } .flag-icon-cy.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/cy.svg); } .flag-icon-cz { background-image: url(../lib/flag-icon-css/flags/4x3/cz.svg); } .flag-icon-cz.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/cz.svg); } .flag-icon-de { background-image: url(../lib/flag-icon-css/flags/4x3/de.svg); } .flag-icon-de.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/de.svg); } .flag-icon-dj { background-image: url(../lib/flag-icon-css/flags/4x3/dj.svg); } .flag-icon-dj.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/dj.svg); } .flag-icon-dk { background-image: url(../lib/flag-icon-css/flags/4x3/dk.svg); } .flag-icon-dk.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/dk.svg); } .flag-icon-dm { background-image: url(../lib/flag-icon-css/flags/4x3/dm.svg); } .flag-icon-dm.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/dm.svg); } .flag-icon-do { background-image: url(../lib/flag-icon-css/flags/4x3/do.svg); } .flag-icon-do.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/do.svg); } .flag-icon-dz { background-image: url(../lib/flag-icon-css/flags/4x3/dz.svg); } .flag-icon-dz.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/dz.svg); } .flag-icon-ec { background-image: url(../lib/flag-icon-css/flags/4x3/ec.svg); } .flag-icon-ec.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ec.svg); } .flag-icon-ee { background-image: url(../lib/flag-icon-css/flags/4x3/ee.svg); } .flag-icon-ee.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ee.svg); } .flag-icon-eg { background-image: url(../lib/flag-icon-css/flags/4x3/eg.svg); } .flag-icon-eg.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/eg.svg); } .flag-icon-eh { background-image: url(../lib/flag-icon-css/flags/4x3/eh.svg); } .flag-icon-eh.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/eh.svg); } .flag-icon-er { background-image: url(../lib/flag-icon-css/flags/4x3/er.svg); } .flag-icon-er.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/er.svg); } .flag-icon-es { background-image: url(../lib/flag-icon-css/flags/4x3/es.svg); } .flag-icon-es.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/es.svg); } .flag-icon-et { background-image: url(../lib/flag-icon-css/flags/4x3/et.svg); } .flag-icon-et.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/et.svg); } .flag-icon-fi { background-image: url(../lib/flag-icon-css/flags/4x3/fi.svg); } .flag-icon-fi.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/fi.svg); } .flag-icon-fj { background-image: url(../lib/flag-icon-css/flags/4x3/fj.svg); } .flag-icon-fj.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/fj.svg); } .flag-icon-fk { background-image: url(../lib/flag-icon-css/flags/4x3/fk.svg); } .flag-icon-fk.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/fk.svg); } .flag-icon-fm { background-image: url(../lib/flag-icon-css/flags/4x3/fm.svg); } .flag-icon-fm.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/fm.svg); } .flag-icon-fo { background-image: url(../lib/flag-icon-css/flags/4x3/fo.svg); } .flag-icon-fo.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/fo.svg); } .flag-icon-fr { background-image: url(../lib/flag-icon-css/flags/4x3/fr.svg); } .flag-icon-fr.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/fr.svg); } .flag-icon-ga { background-image: url(../lib/flag-icon-css/flags/4x3/ga.svg); } .flag-icon-ga.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ga.svg); } .flag-icon-gb { background-image: url(../lib/flag-icon-css/flags/4x3/gb.svg); } .flag-icon-gb.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gb.svg); } .flag-icon-gd { background-image: url(../lib/flag-icon-css/flags/4x3/gd.svg); } .flag-icon-gd.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gd.svg); } .flag-icon-ge { background-image: url(../lib/flag-icon-css/flags/4x3/ge.svg); } .flag-icon-ge.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ge.svg); } .flag-icon-gf { background-image: url(../lib/flag-icon-css/flags/4x3/gf.svg); } .flag-icon-gf.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gf.svg); } .flag-icon-gg { background-image: url(../lib/flag-icon-css/flags/4x3/gg.svg); } .flag-icon-gg.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gg.svg); } .flag-icon-gh { background-image: url(../lib/flag-icon-css/flags/4x3/gh.svg); } .flag-icon-gh.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gh.svg); } .flag-icon-gi { background-image: url(../lib/flag-icon-css/flags/4x3/gi.svg); } .flag-icon-gi.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gi.svg); } .flag-icon-gl { background-image: url(../lib/flag-icon-css/flags/4x3/gl.svg); } .flag-icon-gl.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gl.svg); } .flag-icon-gm { background-image: url(../lib/flag-icon-css/flags/4x3/gm.svg); } .flag-icon-gm.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gm.svg); } .flag-icon-gn { background-image: url(../lib/flag-icon-css/flags/4x3/gn.svg); } .flag-icon-gn.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gn.svg); } .flag-icon-gp { background-image: url(../lib/flag-icon-css/flags/4x3/gp.svg); } .flag-icon-gp.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gp.svg); } .flag-icon-gq { background-image: url(../lib/flag-icon-css/flags/4x3/gq.svg); } .flag-icon-gq.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gq.svg); } .flag-icon-gr { background-image: url(../lib/flag-icon-css/flags/4x3/gr.svg); } .flag-icon-gr.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gr.svg); } .flag-icon-gs { background-image: url(../lib/flag-icon-css/flags/4x3/gs.svg); } .flag-icon-gs.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gs.svg); } .flag-icon-gt { background-image: url(../lib/flag-icon-css/flags/4x3/gt.svg); } .flag-icon-gt.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gt.svg); } .flag-icon-gu { background-image: url(../lib/flag-icon-css/flags/4x3/gu.svg); } .flag-icon-gu.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gu.svg); } .flag-icon-gw { background-image: url(../lib/flag-icon-css/flags/4x3/gw.svg); } .flag-icon-gw.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gw.svg); } .flag-icon-gy { background-image: url(../lib/flag-icon-css/flags/4x3/gy.svg); } .flag-icon-gy.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gy.svg); } .flag-icon-hk { background-image: url(../lib/flag-icon-css/flags/4x3/hk.svg); } .flag-icon-hk.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/hk.svg); } .flag-icon-hm { background-image: url(../lib/flag-icon-css/flags/4x3/hm.svg); } .flag-icon-hm.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/hm.svg); } .flag-icon-hn { background-image: url(../lib/flag-icon-css/flags/4x3/hn.svg); } .flag-icon-hn.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/hn.svg); } .flag-icon-hr { background-image: url(../lib/flag-icon-css/flags/4x3/hr.svg); } .flag-icon-hr.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/hr.svg); } .flag-icon-ht { background-image: url(../lib/flag-icon-css/flags/4x3/ht.svg); } .flag-icon-ht.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ht.svg); } .flag-icon-hu { background-image: url(../lib/flag-icon-css/flags/4x3/hu.svg); } .flag-icon-hu.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/hu.svg); } .flag-icon-id { background-image: url(../lib/flag-icon-css/flags/4x3/id.svg); } .flag-icon-id.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/id.svg); } .flag-icon-ie { background-image: url(../lib/flag-icon-css/flags/4x3/ie.svg); } .flag-icon-ie.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ie.svg); } .flag-icon-il { background-image: url(../lib/flag-icon-css/flags/4x3/il.svg); } .flag-icon-il.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/il.svg); } .flag-icon-im { background-image: url(../lib/flag-icon-css/flags/4x3/im.svg); } .flag-icon-im.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/im.svg); } .flag-icon-in { background-image: url(../lib/flag-icon-css/flags/4x3/in.svg); } .flag-icon-in.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/in.svg); } .flag-icon-io { background-image: url(../lib/flag-icon-css/flags/4x3/io.svg); } .flag-icon-io.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/io.svg); } .flag-icon-iq { background-image: url(../lib/flag-icon-css/flags/4x3/iq.svg); } .flag-icon-iq.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/iq.svg); } .flag-icon-ir { background-image: url(../lib/flag-icon-css/flags/4x3/ir.svg); } .flag-icon-ir.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ir.svg); } .flag-icon-is { background-image: url(../lib/flag-icon-css/flags/4x3/is.svg); } .flag-icon-is.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/is.svg); } .flag-icon-it { background-image: url(../lib/flag-icon-css/flags/4x3/it.svg); } .flag-icon-it.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/it.svg); } .flag-icon-je { background-image: url(../lib/flag-icon-css/flags/4x3/je.svg); } .flag-icon-je.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/je.svg); } .flag-icon-jm { background-image: url(../lib/flag-icon-css/flags/4x3/jm.svg); } .flag-icon-jm.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/jm.svg); } .flag-icon-jo { background-image: url(../lib/flag-icon-css/flags/4x3/jo.svg); } .flag-icon-jo.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/jo.svg); } .flag-icon-jp { background-image: url(../lib/flag-icon-css/flags/4x3/jp.svg); } .flag-icon-jp.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/jp.svg); } .flag-icon-ke { background-image: url(../lib/flag-icon-css/flags/4x3/ke.svg); } .flag-icon-ke.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ke.svg); } .flag-icon-kg { background-image: url(../lib/flag-icon-css/flags/4x3/kg.svg); } .flag-icon-kg.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/kg.svg); } .flag-icon-kh { background-image: url(../lib/flag-icon-css/flags/4x3/kh.svg); } .flag-icon-kh.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/kh.svg); } .flag-icon-ki { background-image: url(../lib/flag-icon-css/flags/4x3/ki.svg); } .flag-icon-ki.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ki.svg); } .flag-icon-km { background-image: url(../lib/flag-icon-css/flags/4x3/km.svg); } .flag-icon-km.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/km.svg); } .flag-icon-kn { background-image: url(../lib/flag-icon-css/flags/4x3/kn.svg); } .flag-icon-kn.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/kn.svg); } .flag-icon-kp { background-image: url(../lib/flag-icon-css/flags/4x3/kp.svg); } .flag-icon-kp.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/kp.svg); } .flag-icon-kr { background-image: url(../lib/flag-icon-css/flags/4x3/kr.svg); } .flag-icon-kr.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/kr.svg); } .flag-icon-kw { background-image: url(../lib/flag-icon-css/flags/4x3/kw.svg); } .flag-icon-kw.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/kw.svg); } .flag-icon-ky { background-image: url(../lib/flag-icon-css/flags/4x3/ky.svg); } .flag-icon-ky.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ky.svg); } .flag-icon-kz { background-image: url(../lib/flag-icon-css/flags/4x3/kz.svg); } .flag-icon-kz.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/kz.svg); } .flag-icon-la { background-image: url(../lib/flag-icon-css/flags/4x3/la.svg); } .flag-icon-la.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/la.svg); } .flag-icon-lb { background-image: url(../lib/flag-icon-css/flags/4x3/lb.svg); } .flag-icon-lb.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/lb.svg); } .flag-icon-lc { background-image: url(../lib/flag-icon-css/flags/4x3/lc.svg); } .flag-icon-lc.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/lc.svg); } .flag-icon-li { background-image: url(../lib/flag-icon-css/flags/4x3/li.svg); } .flag-icon-li.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/li.svg); } .flag-icon-lk { background-image: url(../lib/flag-icon-css/flags/4x3/lk.svg); } .flag-icon-lk.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/lk.svg); } .flag-icon-lr { background-image: url(../lib/flag-icon-css/flags/4x3/lr.svg); } .flag-icon-lr.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/lr.svg); } .flag-icon-ls { background-image: url(../lib/flag-icon-css/flags/4x3/ls.svg); } .flag-icon-ls.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ls.svg); } .flag-icon-lt { background-image: url(../lib/flag-icon-css/flags/4x3/lt.svg); } .flag-icon-lt.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/lt.svg); } .flag-icon-lu { background-image: url(../lib/flag-icon-css/flags/4x3/lu.svg); } .flag-icon-lu.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/lu.svg); } .flag-icon-lv { background-image: url(../lib/flag-icon-css/flags/4x3/lv.svg); } .flag-icon-lv.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/lv.svg); } .flag-icon-ly { background-image: url(../lib/flag-icon-css/flags/4x3/ly.svg); } .flag-icon-ly.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ly.svg); } .flag-icon-ma { background-image: url(../lib/flag-icon-css/flags/4x3/ma.svg); } .flag-icon-ma.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ma.svg); } .flag-icon-mc { background-image: url(../lib/flag-icon-css/flags/4x3/mc.svg); } .flag-icon-mc.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/mc.svg); } .flag-icon-md { background-image: url(../lib/flag-icon-css/flags/4x3/md.svg); } .flag-icon-md.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/md.svg); } .flag-icon-me { background-image: url(../lib/flag-icon-css/flags/4x3/me.svg); } .flag-icon-me.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/me.svg); } .flag-icon-mf { background-image: url(../lib/flag-icon-css/flags/4x3/mf.svg); } .flag-icon-mf.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/mf.svg); } .flag-icon-mg { background-image: url(../lib/flag-icon-css/flags/4x3/mg.svg); } .flag-icon-mg.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/mg.svg); } .flag-icon-mh { background-image: url(../lib/flag-icon-css/flags/4x3/mh.svg); } .flag-icon-mh.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/mh.svg); } .flag-icon-mk { background-image: url(../lib/flag-icon-css/flags/4x3/mk.svg); } .flag-icon-mk.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/mk.svg); } .flag-icon-ml { background-image: url(../lib/flag-icon-css/flags/4x3/ml.svg); } .flag-icon-ml.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ml.svg); } .flag-icon-mm { background-image: url(../lib/flag-icon-css/flags/4x3/mm.svg); } .flag-icon-mm.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/mm.svg); } .flag-icon-mn { background-image: url(../lib/flag-icon-css/flags/4x3/mn.svg); } .flag-icon-mn.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/mn.svg); } .flag-icon-mo { background-image: url(../lib/flag-icon-css/flags/4x3/mo.svg); } .flag-icon-mo.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/mo.svg); } .flag-icon-mp { background-image: url(../lib/flag-icon-css/flags/4x3/mp.svg); } .flag-icon-mp.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/mp.svg); } .flag-icon-mq { background-image: url(../lib/flag-icon-css/flags/4x3/mq.svg); } .flag-icon-mq.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/mq.svg); } .flag-icon-mr { background-image: url(../lib/flag-icon-css/flags/4x3/mr.svg); } .flag-icon-mr.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/mr.svg); } .flag-icon-ms { background-image: url(../lib/flag-icon-css/flags/4x3/ms.svg); } .flag-icon-ms.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ms.svg); } .flag-icon-mt { background-image: url(../lib/flag-icon-css/flags/4x3/mt.svg); } .flag-icon-mt.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/mt.svg); } .flag-icon-mu { background-image: url(../lib/flag-icon-css/flags/4x3/mu.svg); } .flag-icon-mu.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/mu.svg); } .flag-icon-mv { background-image: url(../lib/flag-icon-css/flags/4x3/mv.svg); } .flag-icon-mv.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/mv.svg); } .flag-icon-mw { background-image: url(../lib/flag-icon-css/flags/4x3/mw.svg); } .flag-icon-mw.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/mw.svg); } .flag-icon-mx { background-image: url(../lib/flag-icon-css/flags/4x3/mx.svg); } .flag-icon-mx.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/mx.svg); } .flag-icon-my { background-image: url(../lib/flag-icon-css/flags/4x3/my.svg); } .flag-icon-my.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/my.svg); } .flag-icon-mz { background-image: url(../lib/flag-icon-css/flags/4x3/mz.svg); } .flag-icon-mz.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/mz.svg); } .flag-icon-na { background-image: url(../lib/flag-icon-css/flags/4x3/na.svg); } .flag-icon-na.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/na.svg); } .flag-icon-nc { background-image: url(../lib/flag-icon-css/flags/4x3/nc.svg); } .flag-icon-nc.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/nc.svg); } .flag-icon-ne { background-image: url(../lib/flag-icon-css/flags/4x3/ne.svg); } .flag-icon-ne.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ne.svg); } .flag-icon-nf { background-image: url(../lib/flag-icon-css/flags/4x3/nf.svg); } .flag-icon-nf.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/nf.svg); } .flag-icon-ng { background-image: url(../lib/flag-icon-css/flags/4x3/ng.svg); } .flag-icon-ng.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ng.svg); } .flag-icon-ni { background-image: url(../lib/flag-icon-css/flags/4x3/ni.svg); } .flag-icon-ni.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ni.svg); } .flag-icon-nl { background-image: url(../lib/flag-icon-css/flags/4x3/nl.svg); } .flag-icon-nl.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/nl.svg); } .flag-icon-no { background-image: url(../lib/flag-icon-css/flags/4x3/no.svg); } .flag-icon-no.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/no.svg); } .flag-icon-np { background-image: url(../lib/flag-icon-css/flags/4x3/np.svg); } .flag-icon-np.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/np.svg); } .flag-icon-nr { background-image: url(../lib/flag-icon-css/flags/4x3/nr.svg); } .flag-icon-nr.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/nr.svg); } .flag-icon-nu { background-image: url(../lib/flag-icon-css/flags/4x3/nu.svg); } .flag-icon-nu.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/nu.svg); } .flag-icon-nz { background-image: url(../lib/flag-icon-css/flags/4x3/nz.svg); } .flag-icon-nz.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/nz.svg); } .flag-icon-om { background-image: url(../lib/flag-icon-css/flags/4x3/om.svg); } .flag-icon-om.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/om.svg); } .flag-icon-pa { background-image: url(../lib/flag-icon-css/flags/4x3/pa.svg); } .flag-icon-pa.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/pa.svg); } .flag-icon-pe { background-image: url(../lib/flag-icon-css/flags/4x3/pe.svg); } .flag-icon-pe.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/pe.svg); } .flag-icon-pf { background-image: url(../lib/flag-icon-css/flags/4x3/pf.svg); } .flag-icon-pf.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/pf.svg); } .flag-icon-pg { background-image: url(../lib/flag-icon-css/flags/4x3/pg.svg); } .flag-icon-pg.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/pg.svg); } .flag-icon-ph { background-image: url(../lib/flag-icon-css/flags/4x3/ph.svg); } .flag-icon-ph.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ph.svg); } .flag-icon-pk { background-image: url(../lib/flag-icon-css/flags/4x3/pk.svg); } .flag-icon-pk.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/pk.svg); } .flag-icon-pl { background-image: url(../lib/flag-icon-css/flags/4x3/pl.svg); } .flag-icon-pl.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/pl.svg); } .flag-icon-pm { background-image: url(../lib/flag-icon-css/flags/4x3/pm.svg); } .flag-icon-pm.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/pm.svg); } .flag-icon-pn { background-image: url(../lib/flag-icon-css/flags/4x3/pn.svg); } .flag-icon-pn.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/pn.svg); } .flag-icon-pr { background-image: url(../lib/flag-icon-css/flags/4x3/pr.svg); } .flag-icon-pr.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/pr.svg); } .flag-icon-ps { background-image: url(../lib/flag-icon-css/flags/4x3/ps.svg); } .flag-icon-ps.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ps.svg); } .flag-icon-pt { background-image: url(../lib/flag-icon-css/flags/4x3/pt.svg); } .flag-icon-pt.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/pt.svg); } .flag-icon-pw { background-image: url(../lib/flag-icon-css/flags/4x3/pw.svg); } .flag-icon-pw.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/pw.svg); } .flag-icon-py { background-image: url(../lib/flag-icon-css/flags/4x3/py.svg); } .flag-icon-py.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/py.svg); } .flag-icon-qa { background-image: url(../lib/flag-icon-css/flags/4x3/qa.svg); } .flag-icon-qa.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/qa.svg); } .flag-icon-re { background-image: url(../lib/flag-icon-css/flags/4x3/re.svg); } .flag-icon-re.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/re.svg); } .flag-icon-ro { background-image: url(../lib/flag-icon-css/flags/4x3/ro.svg); } .flag-icon-ro.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ro.svg); } .flag-icon-rs { background-image: url(../lib/flag-icon-css/flags/4x3/rs.svg); } .flag-icon-rs.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/rs.svg); } .flag-icon-ru { background-image: url(../lib/flag-icon-css/flags/4x3/ru.svg); } .flag-icon-ru.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ru.svg); } .flag-icon-rw { background-image: url(../lib/flag-icon-css/flags/4x3/rw.svg); } .flag-icon-rw.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/rw.svg); } .flag-icon-sa { background-image: url(../lib/flag-icon-css/flags/4x3/sa.svg); } .flag-icon-sa.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/sa.svg); } .flag-icon-sb { background-image: url(../lib/flag-icon-css/flags/4x3/sb.svg); } .flag-icon-sb.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/sb.svg); } .flag-icon-sc { background-image: url(../lib/flag-icon-css/flags/4x3/sc.svg); } .flag-icon-sc.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/sc.svg); } .flag-icon-sd { background-image: url(../lib/flag-icon-css/flags/4x3/sd.svg); } .flag-icon-sd.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/sd.svg); } .flag-icon-se { background-image: url(../lib/flag-icon-css/flags/4x3/se.svg); } .flag-icon-se.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/se.svg); } .flag-icon-sg { background-image: url(../lib/flag-icon-css/flags/4x3/sg.svg); } .flag-icon-sg.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/sg.svg); } .flag-icon-sh { background-image: url(../lib/flag-icon-css/flags/4x3/sh.svg); } .flag-icon-sh.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/sh.svg); } .flag-icon-si { background-image: url(../lib/flag-icon-css/flags/4x3/si.svg); } .flag-icon-si.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/si.svg); } .flag-icon-sj { background-image: url(../lib/flag-icon-css/flags/4x3/sj.svg); } .flag-icon-sj.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/sj.svg); } .flag-icon-sk { background-image: url(../lib/flag-icon-css/flags/4x3/sk.svg); } .flag-icon-sk.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/sk.svg); } .flag-icon-sl { background-image: url(../lib/flag-icon-css/flags/4x3/sl.svg); } .flag-icon-sl.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/sl.svg); } .flag-icon-sm { background-image: url(../lib/flag-icon-css/flags/4x3/sm.svg); } .flag-icon-sm.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/sm.svg); } .flag-icon-sn { background-image: url(../lib/flag-icon-css/flags/4x3/sn.svg); } .flag-icon-sn.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/sn.svg); } .flag-icon-so { background-image: url(../lib/flag-icon-css/flags/4x3/so.svg); } .flag-icon-so.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/so.svg); } .flag-icon-sr { background-image: url(../lib/flag-icon-css/flags/4x3/sr.svg); } .flag-icon-sr.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/sr.svg); } .flag-icon-ss { background-image: url(../lib/flag-icon-css/flags/4x3/ss.svg); } .flag-icon-ss.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ss.svg); } .flag-icon-st { background-image: url(../lib/flag-icon-css/flags/4x3/st.svg); } .flag-icon-st.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/st.svg); } .flag-icon-sv { background-image: url(../lib/flag-icon-css/flags/4x3/sv.svg); } .flag-icon-sv.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/sv.svg); } .flag-icon-sx { background-image: url(../lib/flag-icon-css/flags/4x3/sx.svg); } .flag-icon-sx.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/sx.svg); } .flag-icon-sy { background-image: url(../lib/flag-icon-css/flags/4x3/sy.svg); } .flag-icon-sy.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/sy.svg); } .flag-icon-sz { background-image: url(../lib/flag-icon-css/flags/4x3/sz.svg); } .flag-icon-sz.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/sz.svg); } .flag-icon-tc { background-image: url(../lib/flag-icon-css/flags/4x3/tc.svg); } .flag-icon-tc.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/tc.svg); } .flag-icon-td { background-image: url(../lib/flag-icon-css/flags/4x3/td.svg); } .flag-icon-td.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/td.svg); } .flag-icon-tf { background-image: url(../lib/flag-icon-css/flags/4x3/tf.svg); } .flag-icon-tf.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/tf.svg); } .flag-icon-tg { background-image: url(../lib/flag-icon-css/flags/4x3/tg.svg); } .flag-icon-tg.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/tg.svg); } .flag-icon-th { background-image: url(../lib/flag-icon-css/flags/4x3/th.svg); } .flag-icon-th.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/th.svg); } .flag-icon-tj { background-image: url(../lib/flag-icon-css/flags/4x3/tj.svg); } .flag-icon-tj.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/tj.svg); } .flag-icon-tk { background-image: url(../lib/flag-icon-css/flags/4x3/tk.svg); } .flag-icon-tk.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/tk.svg); } .flag-icon-tl { background-image: url(../lib/flag-icon-css/flags/4x3/tl.svg); } .flag-icon-tl.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/tl.svg); } .flag-icon-tm { background-image: url(../lib/flag-icon-css/flags/4x3/tm.svg); } .flag-icon-tm.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/tm.svg); } .flag-icon-tn { background-image: url(../lib/flag-icon-css/flags/4x3/tn.svg); } .flag-icon-tn.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/tn.svg); } .flag-icon-to { background-image: url(../lib/flag-icon-css/flags/4x3/to.svg); } .flag-icon-to.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/to.svg); } .flag-icon-tr { background-image: url(../lib/flag-icon-css/flags/4x3/tr.svg); } .flag-icon-tr.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/tr.svg); } .flag-icon-tt { background-image: url(../lib/flag-icon-css/flags/4x3/tt.svg); } .flag-icon-tt.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/tt.svg); } .flag-icon-tv { background-image: url(../lib/flag-icon-css/flags/4x3/tv.svg); } .flag-icon-tv.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/tv.svg); } .flag-icon-tw { background-image: url(../lib/flag-icon-css/flags/4x3/tw.svg); } .flag-icon-tw.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/tw.svg); } .flag-icon-tz { background-image: url(../lib/flag-icon-css/flags/4x3/tz.svg); } .flag-icon-tz.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/tz.svg); } .flag-icon-ua { background-image: url(../lib/flag-icon-css/flags/4x3/ua.svg); } .flag-icon-ua.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ua.svg); } .flag-icon-ug { background-image: url(../lib/flag-icon-css/flags/4x3/ug.svg); } .flag-icon-ug.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ug.svg); } .flag-icon-um { background-image: url(../lib/flag-icon-css/flags/4x3/um.svg); } .flag-icon-um.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/um.svg); } .flag-icon-us { background-image: url(../lib/flag-icon-css/flags/4x3/us.svg); } .flag-icon-us.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/us.svg); } .flag-icon-uy { background-image: url(../lib/flag-icon-css/flags/4x3/uy.svg); } .flag-icon-uy.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/uy.svg); } .flag-icon-uz { background-image: url(../lib/flag-icon-css/flags/4x3/uz.svg); } .flag-icon-uz.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/uz.svg); } .flag-icon-va { background-image: url(../lib/flag-icon-css/flags/4x3/va.svg); } .flag-icon-va.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/va.svg); } .flag-icon-vc { background-image: url(../lib/flag-icon-css/flags/4x3/vc.svg); } .flag-icon-vc.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/vc.svg); } .flag-icon-ve { background-image: url(../lib/flag-icon-css/flags/4x3/ve.svg); } .flag-icon-ve.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ve.svg); } .flag-icon-vg { background-image: url(../lib/flag-icon-css/flags/4x3/vg.svg); } .flag-icon-vg.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/vg.svg); } .flag-icon-vi { background-image: url(../lib/flag-icon-css/flags/4x3/vi.svg); } .flag-icon-vi.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/vi.svg); } .flag-icon-vn { background-image: url(../lib/flag-icon-css/flags/4x3/vn.svg); } .flag-icon-vn.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/vn.svg); } .flag-icon-vu { background-image: url(../lib/flag-icon-css/flags/4x3/vu.svg); } .flag-icon-vu.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/vu.svg); } .flag-icon-wf { background-image: url(../lib/flag-icon-css/flags/4x3/wf.svg); } .flag-icon-wf.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/wf.svg); } .flag-icon-ws { background-image: url(../lib/flag-icon-css/flags/4x3/ws.svg); } .flag-icon-ws.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ws.svg); } .flag-icon-ye { background-image: url(../lib/flag-icon-css/flags/4x3/ye.svg); } .flag-icon-ye.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/ye.svg); } .flag-icon-yt { background-image: url(../lib/flag-icon-css/flags/4x3/yt.svg); } .flag-icon-yt.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/yt.svg); } .flag-icon-za { background-image: url(../lib/flag-icon-css/flags/4x3/za.svg); } .flag-icon-za.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/za.svg); } .flag-icon-zm { background-image: url(../lib/flag-icon-css/flags/4x3/zm.svg); } .flag-icon-zm.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/zm.svg); } .flag-icon-zw { background-image: url(../lib/flag-icon-css/flags/4x3/zw.svg); } .flag-icon-zw.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/zw.svg); } .flag-icon-es-ct { background-image: url(../lib/flag-icon-css/flags/4x3/es-ct.svg); } .flag-icon-es-ct.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/es-ct.svg); } .flag-icon-eu { background-image: url(../lib/flag-icon-css/flags/4x3/eu.svg); } .flag-icon-eu.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/eu.svg); } .flag-icon-gb-eng { background-image: url(../lib/flag-icon-css/flags/4x3/gb-eng.svg); } .flag-icon-gb-eng.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gb-eng.svg); } .flag-icon-gb-nir { background-image: url(../lib/flag-icon-css/flags/4x3/gb-nir.svg); } .flag-icon-gb-nir.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gb-nir.svg); } .flag-icon-gb-sct { background-image: url(../lib/flag-icon-css/flags/4x3/gb-sct.svg); } .flag-icon-gb-sct.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gb-sct.svg); } .flag-icon-gb-wls { background-image: url(../lib/flag-icon-css/flags/4x3/gb-wls.svg); } .flag-icon-gb-wls.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/gb-wls.svg); } .flag-icon-un { background-image: url(../lib/flag-icon-css/flags/4x3/un.svg); } .flag-icon-un.flag-icon-squared { background-image: url(../lib/flag-icon-css/flags/1x1/un.svg); } .patagonia-eu.pt_dealers .primary-content { margin: 3rem 25% 0 0; width: 50%; } .patagonia-eu.pt_dealers .dealer-stores { margin-bottom: 20px; max-width: 250px; } .patagonia-eu.pt_dealers .dealer-add_cookie, .patagonia-eu.pt_dealers .dealer-remove_cookie { float: left; margin: 0 20px 20px 0; } /*# sourceMappingURL=style.css.map */