@charset "UTF-8"; /* ! not importing "_neat-grid" due to limitation in neat that requires grid override imports in a specific order. see: - scss/_init.scss */ /* settings i. bourbon settings ii. colors iii. typography iv. responsive breakpoints */ /* colors dict notes: - use the get() function to access values (helpers/_functions.scss) see: - http://chir.ag/projects/name-that-color/#6195ED - for color names */ /* neat-grid i. grid settings ii. breakpoints */ /* line 2, ../scss/vendor/neat/grid/_grid.scss */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*! TYPEPLATE URL ........... http://typeplate.com VERSION ....... 1.1.4 Github ........ https://github.com/typeplate/bower AUTHORS ....... Dennis Gaebel (@gryghostvisuals) & Zachary Kain (@zakkain) LICENSE ....... Creative Commmons Attribution 3.0 (http://creativecommons.org/licenses/by/3.0) LICENSE URL ... https://github.com/typeplate/bower/blob/master/license.txt */ @font-face { font-family: "Ampersand"; src: local("Georgia"), local("Garamond"), local("Palatino"), local("Book Antiqua"); unicode-range: U+0026; } @font-face { font-family: "Ampersand"; src: local("Georgia"); unicode-range: U+270C; } /* line 397, ../scss/vendor/typeplate/_typeplate.scss */ body { word-wrap: break-word; } /* line 401, ../scss/vendor/typeplate/_typeplate.scss */ pre code { word-wrap: normal; } /** * Dropcap Sass @include * Use the following Sass @include with any selector you feel necessary. * @include dropcap($dropcap-float-position, $dropcap-font-size, $dropcap-font-family, $dropcap-txt-indent, $dropcap-margin, $dropcap-padding, $dropcap-color, $dropcap-line-height, $dropcap-bg); * * Extend this object into your custom stylesheet. Let the variables do the work. * */ /* line 571, ../scss/vendor/typeplate/_typeplate.scss */ h1, h2, h3, h4, h5, h6 { text-rendering: optimizeLegibility; line-height: 1; margin-top: 0; } /* line 718, ../scss/vendor/typeplate/_typeplate.scss */ p + .drop-cap { text-indent: 0; margin-top: 0; } /* line 428, ../scss/vendor/typeplate/_typeplate.scss */ .drop-cap:first-letter { float: left; margin: inherit; padding: inherit; font-size: 4em; font-family: inherit; line-height: 1; text-indent: 0; background: transparent; color: inherit; } /** * Lining Definition Style Markup *
* * Extend this object into your markup. * */ /* line 467, ../scss/vendor/typeplate/_typeplate.scss */ .lining dt, .lining dd { display: inline; margin: 0; } /* line 474, ../scss/vendor/typeplate/_typeplate.scss */ .lining dt + dt:before, .lining dd + dt:before { content: "\A"; white-space: pre; } /* line 482, ../scss/vendor/typeplate/_typeplate.scss */ .lining dd + dd:before { content: ", "; } /* line 486, ../scss/vendor/typeplate/_typeplate.scss */ .lining dd:before { content: ": "; margin-left: -0.2rem; } /** * Dictionary Definition Style Markup *
* * Extend this object into your markup. * */ /* line 494, ../scss/vendor/typeplate/_typeplate.scss */ .dictionary-style dt { display: inline; counter-reset: definitions; } /* line 498, ../scss/vendor/typeplate/_typeplate.scss */ .dictionary-style dt + dt:before { content: ", "; margin-left: -0.2rem; } /* line 504, ../scss/vendor/typeplate/_typeplate.scss */ .dictionary-style dd { display: block; counter-increment: definitions; } /* line 507, ../scss/vendor/typeplate/_typeplate.scss */ .dictionary-style dd:before { content: counter(definitions,decimal) ". "; } /** * Blockquote Markup *

* * Extend this object into your markup. * */ /** * Pull Quotes Markup * * * Extend this object into your custom stylesheet. * */ /* line 802, ../scss/vendor/typeplate/_typeplate.scss */ .pull-quote { position: relative; padding: 1em; } /* line 369, ../scss/vendor/typeplate/_typeplate.scss */ .pull-quote:before, .pull-quote:after { height: 1em; opacity: 0.5; position: absolute; font-size: 4em; color: #dc976e; } /* line 376, ../scss/vendor/typeplate/_typeplate.scss */ .pull-quote:before { content: '“'; top: 0; left: 0; } /* line 381, ../scss/vendor/typeplate/_typeplate.scss */ .pull-quote:after { content: '”'; bottom: 0; right: 0; } /** * Figures Markup *
Fig. 4.2 | Type Anatomy, an excerpt from Mark Boulton's book"Designing for the Web"
* * Extend this object into your markup. * */ /** * Footnote Markup : Replace 'X' with your unique number for each footnote *

* * Extend this object into your markup. * */ /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ /* line 9, ../scss/vendor/scrollpane/_jquery.jscrollpane.scss */ .jspContainer { overflow: hidden; position: relative; } /* line 15, ../scss/vendor/scrollpane/_jquery.jscrollpane.scss */ .jspPane { position: absolute; } /* line 20, ../scss/vendor/scrollpane/_jquery.jscrollpane.scss */ .jspVerticalBar { position: absolute; top: 0; right: 0; width: 12px; height: 100%; background: red; } /* line 30, ../scss/vendor/scrollpane/_jquery.jscrollpane.scss */ .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } /* line 40, ../scss/vendor/scrollpane/_jquery.jscrollpane.scss */ .jspCap { display: none; } /* line 45, ../scss/vendor/scrollpane/_jquery.jscrollpane.scss */ .jspHorizontalBar .jspCap { float: left; } /* line 50, ../scss/vendor/scrollpane/_jquery.jscrollpane.scss */ .jspTrack { background: #FFBAD7; position: relative; } /* line 56, ../scss/vendor/scrollpane/_jquery.jscrollpane.scss */ .jspDrag { background: #ff3995; position: relative; top: 0; left: 0; cursor: pointer; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } /* line 67, ../scss/vendor/scrollpane/_jquery.jscrollpane.scss */ .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } /* line 73, ../scss/vendor/scrollpane/_jquery.jscrollpane.scss */ .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; } /* line 83, ../scss/vendor/scrollpane/_jquery.jscrollpane.scss */ .jspArrow.jspDisabled { cursor: default; background: #80808d; } /* line 89, ../scss/vendor/scrollpane/_jquery.jscrollpane.scss */ .jspVerticalBar .jspArrow { height: 16px; } /* line 94, ../scss/vendor/scrollpane/_jquery.jscrollpane.scss */ .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } /* line 101, ../scss/vendor/scrollpane/_jquery.jscrollpane.scss */ .jspVerticalBar .jspArrow:focus { outline: none; } /* line 106, ../scss/vendor/scrollpane/_jquery.jscrollpane.scss */ .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ /* line 114, ../scss/vendor/scrollpane/_jquery.jscrollpane.scss */ * html .jspCorner { margin: 0 -3px 0 0; } /* functions: i. utils ii. units iii. photoshop helpers */ /* mixins i. display ii. responsive iii. misc */ /* show-*: class shows element only for * device hide-*: class hides element only for * device */ /* Mobile bracket */ @media screen and (min-width: 0em) and (max-width: 47.9375em) { /* line 11, ../scss/helpers/_responsive.scss */ .show-mobile { display: inherit; } /* line 15, ../scss/helpers/_responsive.scss */ .hide-mobile { display: none !important; } } /* tablet bracket */ @media screen and (min-width: 48em) and (max-width: 61.1875em) { /* line 26, ../scss/helpers/_responsive.scss */ .show-tablet { display: inherit; } /* line 30, ../scss/helpers/_responsive.scss */ .hide-tablet { display: none !important; } } /* mobile start point */ @media screen and (min-width: 0em) { /* line 39, ../scss/helpers/_responsive.scss */ .show-tablet { display: none !important; } /* line 43, ../scss/helpers/_responsive.scss */ .show-desktop { display: none !important; } } /* tablet start point */ @media screen and (min-width: 48em) { /* line 52, ../scss/helpers/_responsive.scss */ .show-mobile { display: none !important; } /* line 56, ../scss/helpers/_responsive.scss */ .hide-mobile { display: inherit; } /* line 60, ../scss/helpers/_responsive.scss */ .show-tablet { display: inherit; } } /* desktop start point */ @media screen and (min-width: 61.25em) { /* line 69, ../scss/helpers/_responsive.scss */ .show-tablet { display: none !important; } /* line 73, ../scss/helpers/_responsive.scss */ .show-desktop { display: inherit; } /* line 77, ../scss/helpers/_responsive.scss */ .hide-desktop { display: none !important; } } /* line 3, ../scss/vendor/typeplate/_globals.scss */ html { font: normal 112.5%/1.65 sans-serif; } /* line 11, ../scss/vendor/typeplate/_globals.scss */ body { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; color: #444444; } /* line 22, ../scss/vendor/typeplate/_globals.scss */ small { font-size: 65%; } /* line 39, ../scss/vendor/typeplate/_globals.scss */ .tera { font-size: 117px; font-size: 6.5rem; margin-bottom: 4.56923px; margin-bottom: 0.25385rem; } /* line 39, ../scss/vendor/typeplate/_globals.scss */ .giga { font-size: 90px; font-size: 5rem; margin-bottom: 5.94px; margin-bottom: 0.33rem; } /* line 39, ../scss/vendor/typeplate/_globals.scss */ .mega { font-size: 72px; font-size: 4rem; margin-bottom: 7.425px; margin-bottom: 0.4125rem; } /* line 39, ../scss/vendor/typeplate/_globals.scss */ .alpha, h1 { font-size: 60px; font-size: 3.33333rem; margin-bottom: 8.91px; margin-bottom: 0.495rem; } /* line 39, ../scss/vendor/typeplate/_globals.scss */ .beta, h2 { font-size: 48px; font-size: 2.66667rem; margin-bottom: 11.1375px; margin-bottom: 0.61875rem; } /* line 39, ../scss/vendor/typeplate/_globals.scss */ .gamma, h3 { font-size: 36px; font-size: 2rem; margin-bottom: 14.85px; margin-bottom: 0.825rem; } /* line 39, ../scss/vendor/typeplate/_globals.scss */ .delta, h4 { font-size: 24px; font-size: 1.33333rem; margin-bottom: 22.275px; margin-bottom: 1.2375rem; } /* line 39, ../scss/vendor/typeplate/_globals.scss */ .epsilon, h5 { font-size: 21px; font-size: 1.16667rem; margin-bottom: 25.45714px; margin-bottom: 1.41429rem; } /* line 39, ../scss/vendor/typeplate/_globals.scss */ .zeta, h6 { font-size: 18px; font-size: 1rem; margin-bottom: 29.7px; margin-bottom: 1.65rem; } /* line 79, ../scss/vendor/typeplate/_globals.scss */ p { margin: auto auto 1.5em; } /* line 109, ../scss/vendor/typeplate/_globals.scss */ abbr, acronym, blockquote, code, dir, kbd, listing, plaintext, q, samp, tt, var, xmp { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; } /* line 117, ../scss/vendor/typeplate/_globals.scss */ pre code { white-space: -moz-pre-wrap; white-space: pre-wrap; } /* line 122, ../scss/vendor/typeplate/_globals.scss */ pre { white-space: pre; } /* line 126, ../scss/vendor/typeplate/_globals.scss */ code { white-space: pre; font-family: monospace; } /** * Abbreviations Markup * HMTL * * Extend this object into your markup. * */ /* line 142, ../scss/vendor/typeplate/_globals.scss */ abbr { font-variant: small-caps; font-weight: 600; text-transform: lowercase; color: gray; } /* line 144, ../scss/vendor/typeplate/_globals.scss */ abbr[title]:hover { cursor: help; } /* line 158, ../scss/vendor/typeplate/_globals.scss */ h1, h2, h3, h4, h5, h6 { color: #222222; } /* resets: - import *after* _normalize.scss - helpful, but limited, resets note: - use restraint - this set of styles should be vers small - this file is global! - use common sense when adding settings to this file */ /* line 12, ../scss/base/_resets.scss */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1; -webkit-font-smoothing: antialiased; } /* line 19, ../scss/base/_resets.scss */ h1, h2, h3, h4, h5, h6, blockquote { padding: 0; margin: 0; font-weight: normal; } /* line 28, ../scss/base/_resets.scss */ a { text-decoration: none; } /* line 32, ../scss/base/_resets.scss */ input::-ms-clear { display: none; } /* line 36, ../scss/base/_resets.scss */ html { font-size: 1em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* line 42, ../scss/base/_resets.scss */ fieldset { padding: 1.5em; margin: 0; } /* line 47, ../scss/base/_resets.scss */ ul { padding: 0; list-style-type: none; } /* line 53, ../scss/base/_resets.scss */ .notransition { -moz-transition: none !important; -webkit-transition: none !important; transition: none !important; } /* fonts */ /* buttons */ /* line 3, ../scss/base/_buttons.scss */ button, .button, input[type="submit"], input[type="button"] { display: inline-block; padding: 0.5625em 1.875em; text-decoration: none; text-transform: uppercase; background: #777; border: none; color: white; font-size: 0.825em; vertical-align: middle; text-align: center; } /* line 15, ../scss/base/_buttons.scss */ button:hover, .button:hover, input[type="submit"]:hover, input[type="button"]:hover { background: #ccc; color: black; } /* line 20, ../scss/base/_buttons.scss */ button.button-tooltip, .button.button-tooltip, input[type="submit"].button-tooltip, input[type="button"].button-tooltip { position: relative; padding: 0.375em 1.875em; line-height: 1.1; font-size: 0.6875em; margin-right: 20px; } /* line 27, ../scss/base/_buttons.scss */ button.button-tooltip:hover:before, .button.button-tooltip:hover:before, input[type="submit"].button-tooltip:hover:before, input[type="button"].button-tooltip:hover:before { border-left-color: #ccc; } /* line 32, ../scss/base/_buttons.scss */ button.button-tooltip:before, .button.button-tooltip:before, input[type="submit"].button-tooltip:before, input[type="button"].button-tooltip:before { content: ""; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-top: 16px solid transparent; border-left: 16px solid #777; border-bottom: 16px solid transparent; } /* line 44, ../scss/base/_buttons.scss */ button.button-with-icon, .button.button-with-icon, input[type="submit"].button-with-icon, input[type="button"].button-with-icon { padding: 0em 1.875em; } /* line 47, ../scss/base/_buttons.scss */ button.button-with-icon span, .button.button-with-icon span, input[type="submit"].button-with-icon span, input[type="button"].button-with-icon span { margin-right: 0.9375em; } /* line 52, ../scss/base/_buttons.scss */ button.button-small, .button.button-small, input[type="submit"].button-small, input[type="button"].button-small { padding: 0.4375em 1em; font-size: 0.6875em; } /* forms */ /* line 5, ../scss/base/_forms.scss */ form label { display: block; font-weight: bold; } /* line 10, ../scss/base/_forms.scss */ form input[type="text"], form input[type="password"], form textarea { width: 100%; padding: .5em; border: 1px solid #c0c0c0; box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px inset; } /* lists */ /* line 3, ../scss/base/_lists.scss */ .no-styling { margin: 0; padding: 0; list-style: none; } /* tables */ /* line 4, ../scss/base/_tables.scss */ table { width: 100%; border-collapse: collapse; } /* line 8, ../scss/base/_tables.scss */ table td, table th { vertical-align: middle; padding: .75em 0; } /* line 13, ../scss/base/_tables.scss */ table th { text-align: left; border-bottom: 2px solid #c0c0c0; } /* line 18, ../scss/base/_tables.scss */ table td { border-bottom: 1px solid #c0c0c0; } /* messages */ /* line 4, ../scss/base/_messages.scss */ .message { padding: .75em; margin-bottom: .75em; font-weight: bold; } /* line 9, ../scss/base/_messages.scss */ .message.success { background: #e6efc2; color: #56651a; } /* line 13, ../scss/base/_messages.scss */ .message.success a { color: #333c10; } /* line 18, ../scss/base/_messages.scss */ .message.error { background: #fbe3e4; color: #96151b; } /* line 22, ../scss/base/_messages.scss */ .message.error a { color: #6a0f13; } /* line 27, ../scss/base/_messages.scss */ .message.notice, .message.alert { background: #fff6bf; color: #8c7800; } /* line 31, ../scss/base/_messages.scss */ .message.notice a, .message.alert a { color: #594c00; } /* sprites */ /* line 274, sprites/*.png */ .sprites-sprite, .sprite-arrow-left-mobile, .sprite-arrow-left, .sprite-arrow-right-mobile, .sprite-arrow-right, .sprite-bullet, .sprite-delete, .sprite-modal-close, .sprite-plus-button, .sprite-search, .sprite-social-email, .sprite-social-facebook, .sprite-social-pinterest, .sprite-social-share, .sprite-social-twitter, .sprite-stars-empty, .sprite-stars-full, .sprite-wishlist-added, .sprite-wishlist-big, .sprite-wishlist-email-icon, .sprite-wishlist-mms-icon, .sprite-wishlist-printer-icon, .sprite-wishlist-share-icon, .sprite-wishlist, .product-tile.product-tile--added .wishlist-action { background: url('../img/sprites-s4f4699279f.png') no-repeat; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-arrow-left-mobile { background-position: 0 -907px; height: 28px; width: 27px; } /* line 43, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-arrow-left-mobile:hover, .sprite-arrow-left-mobile.arrow-left-mobile_hover, .sprite-arrow-left-mobile.arrow-left-mobile-hover { background-position: 0 -1081px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-arrow-left { background-position: 0 -747px; height: 80px; width: 35px; } /* line 43, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-arrow-left:hover, .sprite-arrow-left.arrow-left_hover, .sprite-arrow-left.arrow-left-hover { background-position: 0 -827px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-arrow-right-mobile { background-position: 0 -992px; height: 28px; width: 27px; } /* line 43, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-arrow-right-mobile:hover, .sprite-arrow-right-mobile.arrow-right-mobile_hover, .sprite-arrow-right-mobile.arrow-right-mobile-hover { background-position: 0 -1053px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-arrow-right { background-position: 0 -587px; height: 80px; width: 35px; } /* line 43, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-arrow-right:hover, .sprite-arrow-right.arrow-right_hover, .sprite-arrow-right.arrow-right-hover { background-position: 0 -667px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-bullet { background-position: 0 -565px; height: 22px; width: 22px; } /* line 43, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-bullet:hover, .sprite-bullet.bullet_hover, .sprite-bullet.bullet-hover { background-position: 0 -300px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-delete { background-position: 0 -972px; height: 20px; width: 20px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-modal-close { background-position: 0 -65px; height: 47px; width: 42px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-plus-button { background-position: 0 -1020px; height: 33px; width: 33px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-search { background-position: 0 -543px; height: 22px; width: 21px; } /* line 43, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-search:hover, .sprite-search.search_hover, .sprite-search.search-hover { background-position: 0 -521px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-social-email { background-position: 0 -403px; height: 27px; width: 27px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-social-facebook { background-position: 0 -460px; height: 27px; width: 27px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-social-pinterest { background-position: 0 -322px; height: 27px; width: 27px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-social-share { background-position: 0 -376px; height: 27px; width: 27px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-social-twitter { background-position: 0 -349px; height: 27px; width: 27px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-stars-empty { background-position: 0 -243px; height: 20px; width: 97px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-stars-full { background-position: 0 -223px; height: 20px; width: 97px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-wishlist-added { background-position: 0 -149px; height: 37px; width: 37px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-wishlist-big { background-position: 0 0; height: 65px; width: 70px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-wishlist-email-icon { background-position: 0 -430px; height: 30px; width: 49px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-wishlist-mms-icon { background-position: 0 -263px; height: 37px; width: 53px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-wishlist-printer-icon { background-position: 0 -935px; height: 37px; width: 43px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-wishlist-share-icon { background-position: 0 -487px; height: 34px; width: 39px; } /* line 60, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-wishlist { background-position: 0 -112px; height: 37px; width: 37px; } /* line 43, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ .sprite-wishlist:hover, .sprite-wishlist.wishlist_hover, .sprite-wishlist.wishlist-hover { background-position: 0 -186px; } /* line 9, ../scss/base/_sprites.scss */ [class^=sprite-] { display: inline-block; vertical-align: middle; cursor: pointer; } /* line 1, ../scss/base/_breadcrumbs.scss */ .breadcrumb { font-size: 0.8125em; line-height: 40px; padding: 0 20px; } /* line 6, ../scss/base/_breadcrumbs.scss */ .breadcrumb p { margin: 0; padding: 0; } /* line 11, ../scss/base/_breadcrumbs.scss */ .breadcrumb .breadcrumb__link { color: black; } @media print { /* line 2, ../scss/base/_print.scss */ a[href]:after { content: "" !important; } } /* typography */ /* line 4, ../scss/base/typography/_mobile.scss */ blockquote { border-left: 2px solid #ddd; color: #595959; margin: 1.5em 0; padding-left: 0.75em; } /* line 11, ../scss/base/typography/_mobile.scss */ .page-header { font-size: 1.5625em; font-weight: bold; padding: 0.625em 1.5625em; background: black; color: white; text-transform: uppercase; margin-bottom: 0.9375em; } /* line 21, ../scss/base/typography/_mobile.scss */ .section-header { font-size: 0.9375em; padding: 0.625em 0.9375em; font-weight: bold; min-width: 250px; display: inline-block; text-transform: uppercase; background: #777; color: white; margin-bottom: 0.9375em; } /* line 1, ../scss/blocks/general/_mobile.scss */ .section-header { margin: 20px 0; } /* custom select boxes */ /* line 6, ../scss/blocks/general/_mobile.scss */ .select-style { padding: 0; margin: 0; border: 1px solid #ccc; width: 220px; border-radius: 3px; overflow: hidden; background-color: #fff; /*background: url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 195px 50%;*/ margin-right: 30px; } /* line 18, ../scss/blocks/general/_mobile.scss */ .select-style select { padding: 5px 8px; width: 100%; margin: 0; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 30, ../scss/blocks/general/_mobile.scss */ .select-style select:focus { outline: none; } /* line 34, ../scss/blocks/general/_mobile.scss */ .select-style select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } /* line 39, ../scss/blocks/general/_mobile.scss */ .not-visible { visibility: hidden; height: 0 !important; position: absolute !important; } /* Tooltip */ /* line 47, ../scss/blocks/general/_mobile.scss */ .tooltip-message { display: none; } /* Scrollbar */ /* line 53, ../scss/blocks/general/_mobile.scss */ .scroll-bar { overflow-y: auto; line-height: 1em; } /* line 58, ../scss/blocks/general/_mobile.scss */ .scroll-bar::-webkit-scrollbar { -webkit-appearance: none; } /* line 62, ../scss/blocks/general/_mobile.scss */ .scroll-bar::-webkit-scrollbar:vertical { width: 11px; } /* line 66, ../scss/blocks/general/_mobile.scss */ .scroll-bar::-webkit-scrollbar:horizontal { height: 11px; } /* line 70, ../scss/blocks/general/_mobile.scss */ .scroll-bar::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid white; /* should match background, can't be transparent */ background-color: rgba(0, 0, 0, 0.5); } /* customSelect */ /* line 80, ../scss/blocks/general/_mobile.scss */ span.customSelect { font: 12px sans-serif; background: white url(../img/barbie/modals/select-arrow.png) right center no-repeat; color: #555; padding: 7px 9px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px; } /* line 1, ../scss/blocks/shop-nav/_mobile.scss */ .shop-nav { position: relative; } /* line 15, ../scss/vendor/bourbon/addons/_clearfix.scss */ .shop-nav:after { content: ""; display: table; clear: both; } /* line 4, ../scss/blocks/shop-nav/_mobile.scss */ .shop-nav .shop-nav__title { float: left; } /* line 6, ../scss/blocks/shop-nav/_mobile.scss */ .shop-nav .shop-nav__title .title-arrow { display: inline-block; border-bottom: 0; margin-left: 10px; height: 0; width: 0; border-left: 0.4em solid transparent; border-right: 0.4em solid transparent; border-top: 0.6em solid black; } /* line 14, ../scss/blocks/shop-nav/_mobile.scss */ .shop-nav.shop-nav--active .shop-nav__menu { max-height: 1000px; } /* line 19, ../scss/blocks/shop-nav/_mobile.scss */ .shop-nav.shop-nav--active .shop-nav__title .title-arrow { height: 0; width: 0; border-left: 0.4em solid transparent; border-right: 0.4em solid transparent; border-bottom: 0.6em solid black; border-top: 0; } /* line 26, ../scss/blocks/shop-nav/_mobile.scss */ .shop-nav .shop-nav__side { float: right; display: inline-block; } /* line 32, ../scss/blocks/shop-nav/_mobile.scss */ .shop-nav__menu { width: 100%; background: white; max-height: 0; margin: 0; overflow: hidden; clear: both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } /* line 42, ../scss/blocks/shop-nav/_mobile.scss */ .shop-nav__menu .shop-nav__item { padding: 5px; padding: 0; border-bottom: 1px solid #777777; cursor: text; /* property for mobile detection */ /* remove all selection outlines, highlights on elements (mostly affects touch) */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* line 49, ../scss/blocks/shop-nav/_mobile.scss */ .shop-nav__menu .shop-nav__item .action { padding: 5px; display: inline-block; color: black; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 57, ../scss/blocks/shop-nav/_mobile.scss */ .shop-nav__menu > .shop-nav__item { background: white; position: relative; display: block !important; } /* line 61, ../scss/blocks/shop-nav/_mobile.scss */ .shop-nav__menu > .shop-nav__item:hover { background: #d7d8d6; } /* line 67, ../scss/blocks/shop-nav/_mobile.scss */ .shop-nav__menu .shop__sub-nav .shop-nav__item { background-color: #d7d8d6; border-bottom: 0; } /* line 71, ../scss/blocks/shop-nav/_mobile.scss */ .shop-nav__menu .shop__sub-nav .action { color: #3ea3cd; } /* line 75, ../scss/blocks/shop-nav/_mobile.scss */ .shop-nav__menu .shop__sub-nav .shop-nav__item:hover .action { color: black; } /* line 81, ../scss/blocks/shop-nav/_mobile.scss */ .shop-nav__menu > .item--active { background: #d7d8d6; } /* line 83, ../scss/blocks/shop-nav/_mobile.scss */ .shop-nav__menu > .item--active .shop-nav__dropdown { max-height: 800px; opacity: 1; visibility: visible; } /* line 90, ../scss/blocks/shop-nav/_mobile.scss */ .shop-nav__menu .shop-nav__dropdown { max-height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } /* line 1, ../scss/blocks/product-tile/_mobile.scss */ .product-tile { display: inline-block; width: 232px; max-width: 232px; height: auto; padding: 12px; background: black; cursor: pointer; font-weight: bold; font-size: 0.6875em; color: white; text-align: left; position: relative; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* remove all selection outlines, highlights on elements (mostly affects touch) */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* line 18, ../scss/blocks/product-tile/_mobile.scss */ .product-tile.product-tile--empty { background: white; color: #777777; font-size: 14px; height: 302px; text-align: center; } /* line 24, ../scss/blocks/product-tile/_mobile.scss */ .product-tile.product-tile--empty .add-to-wishlist { width: 140px; height: 50px; /* center content with an unknown width or height (or both) param: $orientation (scss param) the orientation you wish to set note: - $orientation accepts: - both (default) - horizontal (centers width only) - verticle (centers height only) see: - http://css-tricks.com/centering-percentage-widthheight-elements/ */ -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } /* line 29, ../scss/blocks/product-tile/_mobile.scss */ .product-tile.product-tile--empty .plus-button { margin-bottom: 5px; } /* line 33, ../scss/blocks/product-tile/_mobile.scss */ .product-tile .product-tile__image-link { width: 208px; height: 198px; display: table; text-align: center; background: white; } /* line 40, ../scss/blocks/product-tile/_mobile.scss */ .product-tile .product-tile__image-link .product-tile__image-wrap { display: table-cell; vertical-align: middle; line-height: 0; } /* line 45, ../scss/blocks/product-tile/_mobile.scss */ .product-tile .product-tile__image-link .product-tile__image-wrap .product-tile__image { max-width: 208px; max-height: 198px; display: inline-block; } /* line 53, ../scss/blocks/product-tile/_mobile.scss */ .product-tile.product-tile--added { background: #777777; } /* line 55, ../scss/blocks/product-tile/_mobile.scss */ .product-tile.product-tile--added .wishlist-action { /* remove all selection outlines, highlights on elements (mostly affects touch) */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-position: 0 -186px; } /* line 61, ../scss/blocks/product-tile/_mobile.scss */ .product-tile:hover .product-tile__image-wrap { outline: 2px solid red; } /* line 65, ../scss/blocks/product-tile/_mobile.scss */ .product-tile [class^=sprite-wishlist] { float: right; } /* line 69, ../scss/blocks/product-tile/_mobile.scss */ .product-tile .product-tile__info { height: 50px; } /* line 15, ../scss/vendor/bourbon/addons/_clearfix.scss */ .product-tile .product-tile__info:after { content: ""; display: table; clear: both; } /* line 74, ../scss/blocks/product-tile/_mobile.scss */ .product-tile .product-tile__text { width: 160px; max-height: 51px; padding: 0; margin: 0; display: block; white-space: normal; color: #777777; line-height: 1.5; text-overflow: ellipsis; overflow: hidden; } /* line 85, ../scss/blocks/product-tile/_mobile.scss */ .product-tile .product-tile__text:nth-of-type(1) { margin-top: 10px; } /* line 90, ../scss/blocks/product-tile/_mobile.scss */ .product-tile:hover .product-tile__text { text-decoration: underline; } /* line 94, ../scss/blocks/product-tile/_mobile.scss */ .product-tile .product-tile__rating { height: 20px; } /* line 96, ../scss/blocks/product-tile/_mobile.scss */ .product-tile .product-tile__rating .rating-count { color: #777777; left: 112px; position: absolute; bottom: 11px; } /* line 104, ../scss/blocks/product-tile/_mobile.scss */ .product-tile .product-tile__stars [class^=sprite-] { position: absolute; left: 10px; } /* line 109, ../scss/blocks/product-tile/_mobile.scss */ .product-tile .product-tile__stars [class$=-full] { z-index: 2; width: 0; } /* line 1, ../scss/blocks/product-carousel/_mobile.scss */ .product-carousel { text-align: center; position: relative; /* remove all selection outlines, highlights on elements (mostly affects touch) */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* line 6, ../scss/blocks/product-carousel/_mobile.scss */ .product-carousel .carousel-wrap { white-space: nowrap; overflow: hidden; position: relative; } /* line 13, ../scss/blocks/product-carousel/_mobile.scss */ .product-carousel .carousel__prev, .product-carousel .carousel__next { position: absolute; top: 50%; margin-top: -45px; display: none; z-index: 2; } /* line 21, ../scss/blocks/product-carousel/_mobile.scss */ .product-carousel .carousel__prev { left: 10px; } /* line 25, ../scss/blocks/product-carousel/_mobile.scss */ .product-carousel .carousel__next { right: 10px; } /* line 33, ../scss/blocks/product-carousel/_mobile.scss */ .product-carousel .touch-lock { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; z-index: 2; background-color: white; display: none; } /* line 46, ../scss/blocks/product-carousel/_mobile.scss */ .product-carousel .bx-loading { display: none !important; } /* line 51, ../scss/blocks/product-carousel/_mobile.scss */ .product-carousel .bx-wrapper, .product-carousel .bx-viewport { /*height: 325px !important;*/ } /* line 1, ../scss/blocks/marquee/_mobile.scss */ .marquee { position: relative; /* overflow: hidden; */ } /* line 6, ../scss/blocks/marquee/_mobile.scss */ .marquee .marquee__prev, .marquee .marquee__next { position: absolute; top: 20px; z-index: 4; } /* line 12, ../scss/blocks/marquee/_mobile.scss */ .marquee .marquee__prev { left: 5px; } /* line 16, ../scss/blocks/marquee/_mobile.scss */ .marquee .marquee__next { right: 5px; } /* line 20, ../scss/blocks/marquee/_mobile.scss */ .marquee .marquee__slides { height: 120px; position: relative; z-index: 1; } /* line 25, ../scss/blocks/marquee/_mobile.scss */ .marquee .marquee__slides .marquee__slide { position: absolute; height: 120px; width: 100%; left: 100%; z-index: 2; cursor: pointer; -webkit-transition: left 0.25s ease; -moz-transition: left 0.25s ease; transition: left 0.25s ease; } /* line 34, ../scss/blocks/marquee/_mobile.scss */ .marquee .marquee__slides .marquee__slide.marquee__slide--active { left: 0; z-index: 3; } /* line 39, ../scss/blocks/marquee/_mobile.scss */ .marquee .marquee__slides .marquee__slide.marquee__slide--before { left: -100%; z-index: 1; } /* line 46, ../scss/blocks/marquee/_mobile.scss */ .marquee .marquee__captions { background: #ccc; min-height: 100px; font-size: 0.75em; position: relative; z-index: 2; } /* line 53, ../scss/blocks/marquee/_mobile.scss */ .marquee .marquee__captions .marquee__caption { opacity: 0; width: 100%; padding: 8px; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; transition: opacity 0.25s ease; position: absolute; z-index: 1; } /* line 61, ../scss/blocks/marquee/_mobile.scss */ .marquee .marquee__captions .marquee__caption.marquee__caption--active { opacity: 1; z-index: 2; position: relative; } /* line 67, ../scss/blocks/marquee/_mobile.scss */ .marquee .marquee__captions .marquee__caption .marquee__caption__heading { margin-bottom: 0; font-weight: bold; text-align: left; } /* line 75, ../scss/blocks/marquee/_mobile.scss */ .marquee .marquee__bullets { display: none; } /* line 1, ../scss/blocks/wishlist/_mobile.scss */ .wishlist-wrap { width: 100%; margin: 0 auto; } /* line 5, ../scss/blocks/wishlist/_mobile.scss */ .wishlist-wrap .wishlist-footer { padding: 20px; } /* line 15, ../scss/vendor/bourbon/addons/_clearfix.scss */ .wishlist-wrap .wishlist-footer:after { content: ""; display: table; clear: both; } /* line 9, ../scss/blocks/wishlist/_mobile.scss */ .wishlist-wrap .wishlist-footer .button { float: right; padding: 0 1.25em; } /* line 14, ../scss/blocks/wishlist/_mobile.scss */ .wishlist-wrap .wishlist-footer .legend { float: left; width: 125px; text-align: center; font-size: 0.875em; line-height: 1.2; } /* line 24, ../scss/blocks/wishlist/_mobile.scss */ .wishlist-wrap.wishlist__recipient-view .wishlist__arrows, .wishlist-wrap.wishlist__recipient-view .wishlist__delete { display: none; } /* line 30, ../scss/blocks/wishlist/_mobile.scss */ .wishlist { border-top: 1px solid #ccc; margin: 0; padding: 0; } /* line 35, ../scss/blocks/wishlist/_mobile.scss */ .wishlist__user-view .wishlist { background: #fff; } /* line 39, ../scss/blocks/wishlist/_mobile.scss */ .wishlist .wishlist__item { cursor: pointer; border-bottom: 1px solid #ccc; padding: 15px 10px; } /* line 44, ../scss/blocks/wishlist/_mobile.scss */ .wishlist .wishlist__item:first-child .wishlist__up-arrow, .wishlist .wishlist__item:last-child .wishlist__down-arrow { display: none; } /* line 49, ../scss/blocks/wishlist/_mobile.scss */ .wishlist .wishlist__order, .wishlist .wishlist__image-container, .wishlist .wishlist__info, .wishlist .wishlist__delete, .wishlist .wishlist__where-to-buy, .wishlist .select-style { display: inline-block; vertical-align: middle; } /* line 54, ../scss/blocks/wishlist/_mobile.scss */ .wishlist .wishlist__arrows { display: inline-block; vertical-align: middle; width: 24px; margin-right: 10px; } /* line 61, ../scss/blocks/wishlist/_mobile.scss */ .wishlist .wishlist__order { font-size: 1.875em; font-weight: bold; } /* line 65, ../scss/blocks/wishlist/_mobile.scss */ .wishlist .wishlist__order .wishlist__up-arrow { height: 0; width: 0; border-left: 0.4em solid transparent; border-right: 0.4em solid transparent; border-bottom: 0.6em solid #777777; display: inline-block; float: left; margin-bottom: 5px; } /* line 72, ../scss/blocks/wishlist/_mobile.scss */ .wishlist .wishlist__order .wishlist__down-arrow { height: 0; width: 0; border-left: 0.4em solid transparent; border-right: 0.4em solid transparent; border-top: 0.6em solid #777777; display: inline-block; float: left; } /* line 79, ../scss/blocks/wishlist/_mobile.scss */ .wishlist .wishlist__info { line-height: 1; font-weight: bold; font-size: 0.75em; width: 130px; } /* line 85, ../scss/blocks/wishlist/_mobile.scss */ .wishlist .wishlist__info .wishlist__item-number { font-size: 0.91667em; } /* line 89, ../scss/blocks/wishlist/_mobile.scss */ .wishlist .wishlist__info .wishlist__title { padding: 2px 0 5px; text-decoration: underline; } /* line 95, ../scss/blocks/wishlist/_mobile.scss */ .wishlist .wishlist__image-container { margin: 0 5px; } /* line 98, ../scss/blocks/wishlist/_mobile.scss */ .wishlist .wishlist__image-container .wishlist__image-link { border: 1px solid #ccc; display: table; width: 127px; height: 121px; text-align: center; background: white; } /* line 106, ../scss/blocks/wishlist/_mobile.scss */ .wishlist .wishlist__image-container .wishlist__image-link .wishlist__image-wrap { display: table-cell; vertical-align: middle; line-height: 0; } /* line 111, ../scss/blocks/wishlist/_mobile.scss */ .wishlist .wishlist__image-container .wishlist__image-link .wishlist__image-wrap .wishlist__image { max-width: 127px; max-height: 121px; } /* line 120, ../scss/blocks/wishlist/_mobile.scss */ .wishlist .wishlist__where-to-buy { margin-left: 25px; } /* line 122, ../scss/blocks/wishlist/_mobile.scss */ .wishlist .wishlist__where-to-buy .wishlist__buy { font-size: 0.625em; font-weight: bold; } /* line 128, ../scss/blocks/wishlist/_mobile.scss */ .wishlist .wishlist__delete { margin-top: 12px; } /* line 1, ../scss/blocks/wishlist-preview/_mobile.scss */ .wishlist-preview { margin-top: 10px; display: block; } /* line 5, ../scss/blocks/wishlist-preview/_mobile.scss */ .wishlist-preview .wishlist__header { width: 100%; height: 80px; position: relative; background-image: url(../img/default/wishlist-preview/wishlist-preview-header-bg-mobile.jpg); background-position: center; background-repeat: repeat-x; } /* line 14, ../scss/blocks/wishlist-preview/_mobile.scss */ .wishlist-preview .wishlist__title { width: 320px; bottom: 5px; font-weight: bold; font-size: 2.25em; /* center content with an unknown width or height (or both) param: $orientation (scss param) the orientation you wish to set note: - $orientation accepts: - both (default) - horizontal (centers width only) - verticle (centers height only) see: - http://css-tricks.com/centering-percentage-widthheight-elements/ */ -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); position: absolute; left: 50%; } /* line 22, ../scss/blocks/wishlist-preview/_mobile.scss */ .wishlist-preview .wishlist__main { width: 100%; height: 390px; padding: 40px 10px; background-image: url(../img/default/wishlist-preview/wishlist-preview-pattern-bg.png); /*background-position: center;*/ /*background-repeat: repeat-y;*/ background-repeat: repeat; background-position-x: 62px; background-position-y: -7px; } /* line 35, ../scss/blocks/wishlist-preview/_mobile.scss */ .wishlist-preview .wishlist-tile .sprite-wishlist { opacity: .4; } /* line 1, ../scss/blocks/wishlist-share/_mobile.scss */ .wishlist-share { max-width: 400px; width: 100%; height: 50px; overflow: hidden; margin: 0 auto; background-color: #777777; } /* line 15, ../scss/vendor/bourbon/addons/_clearfix.scss */ .wishlist-share:after { content: ""; display: table; clear: both; } /* line 10, ../scss/blocks/wishlist-share/_mobile.scss */ .wishlist-share .wishlist-share__container { width: 90%; display: block; margin: 0 auto; overflow: hidden; } /* line 17, ../scss/blocks/wishlist-share/_mobile.scss */ .wishlist-share .wishlist-share__tab { float: left; margin-top: 8px; text-align: center; /*width: 33%;*/ width: 48%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 24, ../scss/blocks/wishlist-share/_mobile.scss */ .wishlist-share .wishlist-share__tab .action { padding: 10px; display: inline-block; } /* line 1, ../scss/blocks/footer/_mobile.scss */ .shop-footer { margin: auto; text-align: center; width: 100%; min-height: 140px; background: url(../img/default/footer/footer-bg.png) repeat-x; } /* line 8, ../scss/blocks/footer/_mobile.scss */ .shop-footer .shop-footer__wrap { width: auto; margin-top: 30px; position: relative; display: inline-block; } /* line 15, ../scss/blocks/footer/_mobile.scss */ .shop-footer .shop-footer__title { height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.75em; display: block; } /* line 23, ../scss/blocks/footer/_mobile.scss */ .shop-footer .shop-footer__brands { display: inline-block; width: auto; height: 29px; padding: 0; top: 0; clear: both; margin: 20px 0; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 35, ../scss/blocks/footer/_mobile.scss */ .shop-footer .shop-footer__brand-logo { float: left; margin-left: 0.9375em; width: auto; display: inline-block; } /* line 41, ../scss/blocks/footer/_mobile.scss */ .shop-footer .shop-footer__brand-logo:nth-child(4) { clear: both; } /* line 44, ../scss/blocks/footer/_mobile.scss */ .shop-footer .shop-footer__brand-logo:nth-child(n + 4) { margin-top: 20px; } /* line 1, ../scss/blocks/modal/_mobile.scss */ .modal { background: #efefef; display: block; z-index: 10; /* center content with an unknown width or height (or both) param: $orientation (scss param) the orientation you wish to set note: - $orientation accepts: - both (default) - horizontal (centers width only) - verticle (centers height only) see: - http://css-tricks.com/centering-percentage-widthheight-elements/ */ -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); top: 20%; position: absolute; width: 300px; } /* line 11, ../scss/blocks/modal/_mobile.scss */ .modal .modal__header { background: #777777; text-align: center; padding: 11px; box-sizing: border-box; height: 45px; margin: 0; } /* line 20, ../scss/blocks/modal/_mobile.scss */ .modal .modal__container { padding: 20px 20px 100px; min-height: 306px; } /* line 25, ../scss/blocks/modal/_mobile.scss */ .modal .modal__character { position: absolute; left: 0; bottom: 0; line-height: 0; } /* line 32, ../scss/blocks/modal/_mobile.scss */ .modal .modal__description { width: 100%; } /* line 36, ../scss/blocks/modal/_mobile.scss */ .modal .modal__footer { position: absolute; bottom: 20px; left: 0; width: 100%; margin: 0 auto; height: 50px; text-align: center; } /* line 46, ../scss/blocks/modal/_mobile.scss */ .modal .close-icon { position: absolute; right: -22px; top: -16px; } /* line 53, ../scss/blocks/modal/_mobile.scss */ .modal.empty .modal__container { padding: 0 0 100px; } /* line 56, ../scss/blocks/modal/_mobile.scss */ .modal.empty .section-header { width: 100%; } /* line 60, ../scss/blocks/modal/_mobile.scss */ .modal.empty .modal__description, .modal.empty .modal__you-may-like { padding: 20px 20px 0; } /* line 63, ../scss/blocks/modal/_mobile.scss */ .modal.empty .modal__description .modal__description__title, .modal.empty .modal__you-may-like .modal__description__title { font-weight: bold; margin-bottom: 10px; } /* line 69, ../scss/blocks/modal/_mobile.scss */ .modal.empty .modal__you-may-like { text-align: center; } /* line 73, ../scss/blocks/modal/_mobile.scss */ .modal.empty .modal__add-to-wishlist, .modal.empty .modal__description__copy { font-size: 13px; text-align: left; } /* line 79, ../scss/blocks/modal/_mobile.scss */ .modal fieldset { margin: 0 0 10px; padding: 0; border: none; } /* line 85, ../scss/blocks/modal/_mobile.scss */ .modal .modal__input { font-size: 10px; padding: 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; } /* line 89, ../scss/blocks/modal/_mobile.scss */ .modal .modal__input.error { border: 1px solid red; } /* line 94, ../scss/blocks/modal/_mobile.scss */ .modal textarea { min-height: 100px; } /* line 99, ../scss/blocks/modal/_mobile.scss */ .modal .email-error-message, .modal .text-error-message { font-size: 11px; color: red; position: absolute; display: none; bottom: 95px; } /* line 106, ../scss/blocks/modal/_mobile.scss */ .modal .text-error-message { bottom: 80px; } /* line 110, ../scss/blocks/modal/_mobile.scss */ .modal .modal__success { display: none; } /* line 114, ../scss/blocks/modal/_mobile.scss */ .modal .modal__fail { display: none; } /* line 120, ../scss/blocks/modal/_mobile.scss */ .modal.mms .mms__confirmation, .modal.mms .modal-close { display: none; } /* line 125, ../scss/blocks/modal/_mobile.scss */ .modal.mms.modal--submitted .modal__form, .modal.mms.modal--submitted .modal-submit { display: none; } /* line 129, ../scss/blocks/modal/_mobile.scss */ .modal.mms.modal--submitted .mms__confirmation, .modal.mms.modal--submitted .modal-close { display: inline-block; max-width: 100%; overflow: hidden; } /* line 138, ../scss/blocks/modal/_mobile.scss */ .modal-background-screen { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: block; position: fixed; top: 0; left: 0; padding: 0; margin: 0; z-index: 10; } /* line 1, ../scss/blocks/wishlist-header/_mobile.scss */ .wishlist-header { text-align: center; padding: 20px; position: relative; } /* line 15, ../scss/vendor/bourbon/addons/_clearfix.scss */ .wishlist-header:after { content: ""; display: table; clear: both; } /* line 7, ../scss/blocks/wishlist-header/_mobile.scss */ .wishlist-header .wishlist__title { font-weight: bold; } /* line 11, ../scss/blocks/wishlist-header/_mobile.scss */ .wishlist-header .wishlist-header__left { float: inherit; } /* line 16, ../scss/blocks/wishlist-header/_mobile.scss */ .wishlist-header .wishlist-header__right { float: right; } /* line 18, ../scss/blocks/wishlist-header/_mobile.scss */ .wishlist-header .wishlist-header__right .legend { margin-top: 10px; } /* line 23, ../scss/blocks/wishlist-header/_mobile.scss */ .wishlist-header .legend { display: block; } /* line 26, ../scss/blocks/wishlist-header/_mobile.scss */ .wishlist__user-view .wishlist-header .legend { font-size: 0.75em; line-height: 1.5; text-align: left; } /* line 33, ../scss/blocks/wishlist-header/_mobile.scss */ .wishlist-header .wishlist-action { margin-top: 10px; } /* line 37, ../scss/blocks/wishlist-header/_mobile.scss */ .wishlist-header .legend--bold { font-weight: bold; } /* line 1, ../scss/blocks/product-images/_mobile.scss */ .product-images { position: relative; margin: 0 auto; } /* line 5, ../scss/blocks/product-images/_mobile.scss */ .product-images .product-images__prev, .product-images .product-images__next { position: absolute; top: 155px; left: 0; } /* line 11, ../scss/blocks/product-images/_mobile.scss */ .product-images .product-images__next { left: auto; right: 0; } /* line 16, ../scss/blocks/product-images/_mobile.scss */ .product-images .product-images__thumbs-wrap { height: 0; overflow: hidden; display: block; -webkit-transition: height 0.25s ease; -moz-transition: height 0.25s ease; transition: height 0.25s ease; } /* line 22, ../scss/blocks/product-images/_mobile.scss */ .product-images .product-images__thumbs-wrap .product-images__thumb { max-width: 98px; max-height: 98px; width: 98px; height: 98px; cursor: pointer; border: 2px solid transparent; display: table-cell; text-align: center; margin-left: 1px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 34, ../scss/blocks/product-images/_mobile.scss */ .product-images .product-images__thumbs-wrap .product-images__thumb .product-images__img { max-width: 100%; max-height: 100%; vertical-align: middle; } /* line 39, ../scss/blocks/product-images/_mobile.scss */ .product-images .product-images__thumbs-wrap .product-images__thumb.product-images__thumb--active { border-color: red; } /* line 46, ../scss/blocks/product-images/_mobile.scss */ .product-images__slides { margin: 0; background: cyan; position: relative; height: 390px; width: 100%; overflow: hidden; } /* line 54, ../scss/blocks/product-images/_mobile.scss */ .product-images__slides .product-images__slide { display: table; height: 390px; text-align: center; width: 100%; /*position: absolute;*/ -webkit-transition: left 0.25s ease; -moz-transition: left 0.25s ease; transition: left 0.25s ease; } /* line 62, ../scss/blocks/product-images/_mobile.scss */ .product-images__slides .product-images__slide.product-images__slide--active { left: 0; } /* line 66, ../scss/blocks/product-images/_mobile.scss */ .product-images__slides .product-images__slide.product-images__slide--before { left: -100%; } /* line 70, ../scss/blocks/product-images/_mobile.scss */ .product-images__slides .product-images__slide .product-images__image-wrap { display: table-cell; vertical-align: middle; line-height: 0; } /* line 74, ../scss/blocks/product-images/_mobile.scss */ .product-images__slides .product-images__slide .product-images__image-wrap .product-images__image { max-width: 100%; max-height: 390px; display: inline-block; } /* line 1, ../scss/blocks/product-detail/_mobile.scss */ .product-detail { font-size: 11px; line-height: 1.7; } /* line 5, ../scss/blocks/product-detail/_mobile.scss */ .product-detail .more-text { display: none; } /* line 8, ../scss/blocks/product-detail/_mobile.scss */ .product-detail .product-detail__title { font-weight: bold; line-height: 1.2; margin-bottom: 0; } /* line 14, ../scss/blocks/product-detail/_mobile.scss */ .product-detail .product-detail__age { font-weight: bold; } /* line 18, ../scss/blocks/product-detail/_mobile.scss */ .product-detail .product-detail__more-info { text-decoration: underline; font-weight: bold; } /* line 23, ../scss/blocks/product-detail/_mobile.scss */ .product-detail .product-detail__rating { margin: 5px 0; height: 20px; position: relative; } /* line 27, ../scss/blocks/product-detail/_mobile.scss */ .product-detail .product-detail__rating .rating-count { text-decoration: underline; left: 100px; position: absolute; bottom: 0; font-weight: bold; } /* line 36, ../scss/blocks/product-detail/_mobile.scss */ .product-detail .product-detail__stars [class^=sprite-] { position: absolute; } /* line 40, ../scss/blocks/product-detail/_mobile.scss */ .product-detail .product-detail__stars [class$=-full] { z-index: 2; width: 0; } /* line 45, ../scss/blocks/product-detail/_mobile.scss */ .product-detail .product-detail__where-to-buy { width: 100%; display: block; margin: 20px auto; box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.2); } /* line 51, ../scss/blocks/product-detail/_mobile.scss */ .product-detail .product-detail__where-to-buy .where-to-buy__heading { text-align: center; color: white; background: #333; text-transform: uppercase; font-weight: bold; line-height: 25px; border-radius: 5px 5px 0 0; } /* line 61, ../scss/blocks/product-detail/_mobile.scss */ .product-detail .product-detail__where-to-buy .where-to-buy__item { background: white; padding: 10px 0; border: 1px solid #ccc; border-top: 0; display: table; width: 100%; } /* line 15, ../scss/vendor/bourbon/addons/_clearfix.scss */ .product-detail .product-detail__where-to-buy .where-to-buy__item:after { content: ""; display: table; clear: both; } /* line 70, ../scss/blocks/product-detail/_mobile.scss */ .product-detail .product-detail__where-to-buy .where-to-buy__item .where-to-buy__logo, .product-detail .product-detail__where-to-buy .where-to-buy__item .where-to-buy__status { vertical-align: middle; width: 50%; text-align: center; display: table-cell; } /* line 76, ../scss/blocks/product-detail/_mobile.scss */ .product-detail .product-detail__where-to-buy .where-to-buy__item .where-to-buy__logo img, .product-detail .product-detail__where-to-buy .where-to-buy__item .where-to-buy__status img { height: 20px; width: auto; vertical-align: middle; display: inline-block; } /* line 88, ../scss/blocks/product-detail/_mobile.scss */ .product-detail .button-with-icon { width: 100%; margin-bottom: 20px; } /* line 93, ../scss/blocks/product-detail/_mobile.scss */ .product-detail .product-detail__share { text-align: center; margin-bottom: 20px; } /* line 97, ../scss/blocks/product-detail/_mobile.scss */ .product-detail .product-detail__share [class^=sprite-] { margin: 0 5px; } /* line 104, ../scss/blocks/product-detail/_mobile.scss */ .breadcrumb p { line-height: 60px; } /* line 15, ../scss/vendor/bourbon/addons/_clearfix.scss */ .product-detail-top:after { content: ""; display: table; clear: both; } /* line 112, ../scss/blocks/product-detail/_mobile.scss */ .product-detail__detail-description-wrap { height: auto; font-size: 15px; -webkit-transition: height 0.25s ease; -moz-transition: height 0.25s ease; transition: height 0.25s ease; } /* line 1, ../scss/blocks/category-grid/_mobile.scss */ .category-grid { background: white; } /* line 4, ../scss/blocks/category-grid/_mobile.scss */ .category-grid .category-header { padding: 5px 10px; font-size: 13px; margin-bottom: 15px; } /* line 15, ../scss/vendor/bourbon/addons/_clearfix.scss */ .category-grid .category-header:after { content: ""; display: table; clear: both; } /* line 10, ../scss/blocks/category-grid/_mobile.scss */ .category-grid .category-header .category-header__left { float: left; vertical-align: middle; line-height: 23px; } /* line 15, ../scss/blocks/category-grid/_mobile.scss */ .category-grid .category-header .category-header__left a { font-weight: bold; color: #48b3c6; } /* line 21, ../scss/blocks/category-grid/_mobile.scss */ .category-grid .category-header .category-header__right { float: right; } /* line 24, ../scss/blocks/category-grid/_mobile.scss */ .category-grid .category-header .category-header__right .select-style { display: inline-block; width: 160px; background-position: 136px 50%; margin-right: 0; vertical-align: middle; font-size: 13px; } /* line 35, ../scss/blocks/category-grid/_mobile.scss */ .category-grid .category-grid__title { font-weight: bold; padding: 0 10px; } /* line 40, ../scss/blocks/category-grid/_mobile.scss */ .category-grid .product-tiles { width: 232px; margin: 0 auto; text-align: left; } /* line 45, ../scss/blocks/category-grid/_mobile.scss */ .category-grid .product-tiles .product-tile { margin-bottom: 15px; } @media screen and (min-width: 48em) { /* line 1, ../scss/base/typography/_tablet.scss */ .section-header { min-width: 396px; font-size: 1.5625em; padding: 0.3125em 3.125em; } /* line 1, ../scss/blocks/shop-nav/_tablet.scss */ .shop-nav { z-index: 2; } /* line 2, ../scss/blocks/shop-nav/_tablet.scss */ .shop-nav .shop-nav__side { position: absolute; top: 0; right: 20px; } /* line 9, ../scss/blocks/shop-nav/_tablet.scss */ .shop-nav .shop-nav__title { float: none; } /* line 14, ../scss/blocks/shop-nav/_tablet.scss */ .shop-nav__menu { display: inline; max-height: inherit; width: auto; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } /* line 20, ../scss/blocks/shop-nav/_tablet.scss */ .shop-nav__menu > .shop-nav__item { display: inline-block !important; position: inherit; padding: 10px 15px; border-bottom: 0px; background: none; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 29, ../scss/blocks/shop-nav/_tablet.scss */ .shop-nav__menu > .shop-nav__item:hover .shop-nav__dropdown { opacity: 1; max-height: 500px; visibility: visible; } /* line 34, ../scss/blocks/shop-nav/_tablet.scss */ .shop-nav__menu > .shop-nav__item:hover .action { background: #d7d8d6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 42, ../scss/blocks/shop-nav/_tablet.scss */ .shop-nav__menu .shop-nav__dropdown { position: absolute; max-height: 0; visibility: hidden; width: 100%; left: 0px; background: #d7d8d6; opacity: 0; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } /* line 55, ../scss/blocks/shop-nav/_tablet.scss */ .shop-nav__menu .shop__sub-nav { width: 20%; float: left; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 59, ../scss/blocks/shop-nav/_tablet.scss */ .shop-nav__menu .shop__sub-nav .shop-nav__item { text-align: left; color: #3ea3cd; background-color: inherit; border-bottom: 0px; } /* line 3, ../scss/blocks/product-carousel/_tablet.scss */ .product-carousel .carousel__prev, .product-carousel .carousel__next { display: inline-block; } /* line 5, ../scss/blocks/product-carousel/_tablet.scss */ .product-carousel .carousel__prev.arrow--disabled, .product-carousel .carousel__next.arrow--disabled { opacity: 0; cursor: inherit; } /* line 11, ../scss/blocks/product-carousel/_tablet.scss */ .product-carousel .carousel-wrap { width: 100%; margin: 0 auto; } /* line 16, ../scss/blocks/product-carousel/_tablet.scss */ .product-carousel .bx-wrapper { min-width: 945px; } /* line 3, ../scss/blocks/marquee/_tablet.scss */ .marquee .marquee__prev, .marquee .marquee__next { top: 50%; margin-top: -40px; } /* line 8, ../scss/blocks/marquee/_tablet.scss */ .marquee .marquee__slides { height: 220px; } /* line 11, ../scss/blocks/marquee/_tablet.scss */ .marquee .marquee__slides .marquee__slide { height: 220px; } /* line 16, ../scss/blocks/marquee/_tablet.scss */ .marquee .marquee__captions { position: absolute; z-index: 2; top: 30px; right: 50px; width: 220px; background: none; } /* line 24, ../scss/blocks/marquee/_tablet.scss */ .marquee .marquee__captions .marquee__caption { padding: 0; } /* line 27, ../scss/blocks/marquee/_tablet.scss */ .marquee .marquee__captions .marquee__caption.marquee__caption--active { position: absolute; } /* line 33, ../scss/blocks/marquee/_tablet.scss */ .marquee .marquee__bullets { display: block; position: absolute; right: 50px; width: 220px; z-index: 2; bottom: 20px; } /* line 41, ../scss/blocks/marquee/_tablet.scss */ .marquee .marquee__bullets .marquee__bullet--active { background-position: 0 -300px; } /* line 1, ../scss/blocks/wishlist/_tablet.scss */ .wishlist-wrap { max-width: 740px; border: 5px solid #777777; } /* line 5, ../scss/blocks/wishlist/_tablet.scss */ .wishlist-wrap.wishlist__user-view { border: none; max-width: 100%; padding-bottom: 40px; } /* line 10, ../scss/blocks/wishlist/_tablet.scss */ .wishlist-wrap.wishlist__user-view .wishlist { border: 5px solid #777777; max-width: 740px; margin: 0 auto; } /* line 17, ../scss/blocks/wishlist/_tablet.scss */ .wishlist-wrap.wishlist__recipient-view { margin-bottom: 40px; } /* line 22, ../scss/blocks/wishlist/_tablet.scss */ .wishlist { margin-bottom: 40px; } /* line 25, ../scss/blocks/wishlist/_tablet.scss */ .wishlist__recipient-view .wishlist { margin-bottom: 0; } /* line 29, ../scss/blocks/wishlist/_tablet.scss */ .wishlist .wishlist__image-container { margin: 0 15px; } /* line 33, ../scss/blocks/wishlist/_tablet.scss */ .wishlist .wishlist__item { padding-left: 30px; } /* line 37, ../scss/blocks/wishlist/_tablet.scss */ .wishlist .wishlist__info { width: 170px; } /* line 41, ../scss/blocks/wishlist/_tablet.scss */ .wishlist .wishlist__retailers-title { width: 210px; text-align: center; font-size: 0.6875em; text-transform: uppercase; background: #777777; color: white; display: block; padding: 5px 0; } /* line 52, ../scss/blocks/wishlist/_tablet.scss */ .wishlist .wishlist__retailers-box { font-size: 0.625em; font-weight: bold; width: 210px; margin-right: 15px; height: 120px; margin-left: 0; } /* line 59, ../scss/blocks/wishlist/_tablet.scss */ .wishlist .wishlist__retailers-box .wishlist__retailers-box__item { padding: 5px 10px; } /* line 60, ../scss/blocks/wishlist/_tablet.scss */ .wishlist .wishlist__retailers-box .wishlist__retailers-box__item:hover { background: red; } /* line 15, ../scss/vendor/bourbon/addons/_clearfix.scss */ .wishlist .wishlist__retailers-box .wishlist__retailers-box__item:after { content: ""; display: table; clear: both; } /* line 67, ../scss/blocks/wishlist/_tablet.scss */ .wishlist .wishlist__retailers-box .wishlist__retailers-box__item .wishlist__retailers-box__name, .wishlist .wishlist__retailers-box .wishlist__retailers-box__item .wishlist__retailers-box__status { display: inline-block; width: 50%; float: left; } /* line 73, ../scss/blocks/wishlist/_tablet.scss */ .wishlist .wishlist__retailers-box .wishlist__retailers-box__item .wishlist__retailers-box__status a { text-decoration: underline; } /* line 79, ../scss/blocks/wishlist/_tablet.scss */ .wishlist .wishlist__delete, .wishlist .wishlist__where-to-buy { vertical-align: middle; } /* line 83, ../scss/blocks/wishlist/_tablet.scss */ .wishlist .wishlist__delete { margin-top: 0; } /* line 4, ../scss/blocks/wishlist-preview/_tablet.scss */ .wishlist-preview .wishlist__header { height: 290px; background: url(../img/default/wishlist-preview/wishlist-preview-header-bg.jpg) repeat-x; background-position: center; } /* line 13, ../scss/blocks/wishlist-preview/_tablet.scss */ .wishlist-preview .wishlist__main { padding: 0; } /* line 15, ../scss/blocks/wishlist-preview/_tablet.scss */ .wishlist-preview .wishlist__main .wishlist_container { /* center content with an unknown width or height (or both) param: $orientation (scss param) the orientation you wish to set note: - $orientation accepts: - both (default) - horizontal (centers width only) - verticle (centers height only) see: - http://css-tricks.com/centering-percentage-widthheight-elements/ */ -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); position: absolute; left: 50%; max-width: 61.25em; } /* line 4, ../scss/blocks/wishlist-share/_tablet.scss */ .wishlist-share .wishlist-share__tab { /*width: 25%;*/ width: 48%; } /* line 2, ../scss/blocks/footer/_tablet.scss */ .shop-footer .shop-footer__wrap { max-width: 980px; overflow: hidden; text-align: left; margin-top: 30px; } /* line 9, ../scss/blocks/footer/_tablet.scss */ .shop-footer .shop-footer__title { font-size: 1.625em; display: inline-block; position: relative; top: 0; } /* line 16, ../scss/blocks/footer/_tablet.scss */ .shop-footer .shop-footer__brands { margin: 0; position: relative; } /* line 21, ../scss/blocks/footer/_tablet.scss */ .shop-footer .shop-footer__brand-logo { margin-top: 0; margin-left: 1.125em; } /* line 25, ../scss/blocks/footer/_tablet.scss */ .shop-footer .shop-footer__brand-logo:nth-child(4) { clear: none; } /* line 28, ../scss/blocks/footer/_tablet.scss */ .shop-footer .shop-footer__brand-logo:nth-child(n + 4) { margin-top: 0; } /* line 1, ../scss/blocks/modal/_tablet.scss */ .modal { z-index: 16; width: 690px; } /* line 5, ../scss/blocks/modal/_tablet.scss */ .modal.empty { width: 780px; } /* line 8, ../scss/blocks/modal/_tablet.scss */ .modal.empty .modal__add-to-wishlist { display: inline-block; padding-left: 20px; } /* line 13, ../scss/blocks/modal/_tablet.scss */ .modal.empty .modal__you-may-like { text-align: left; padding: 20px 0 0; } /* line 17, ../scss/blocks/modal/_tablet.scss */ .modal.empty .modal__you-may-like .modal__add-to-wishlist-image { vertical-align: middle; margin-left: 20px; } /* line 23, ../scss/blocks/modal/_tablet.scss */ .modal.empty .section-header { margin: 0; padding-left: 20px; } /* line 28, ../scss/blocks/modal/_tablet.scss */ .modal.empty .product-carousel { padding: 0 35px; } /* line 31, ../scss/blocks/modal/_tablet.scss */ .modal.empty .product-carousel .carousel-wrap { overflow: visible; } /* line 35, ../scss/blocks/modal/_tablet.scss */ .modal.empty .product-carousel .carousel__prev { left: -35px; } /* line 39, ../scss/blocks/modal/_tablet.scss */ .modal.empty .product-carousel .carousel__next { right: -35px; } /* line 43, ../scss/blocks/modal/_tablet.scss */ .modal.empty .product-carousel .bx-wrapper { min-width: 0; } /* line 15, ../scss/vendor/bourbon/addons/_clearfix.scss */ .modal .modal__form:after { content: ""; display: table; clear: both; } /* line 53, ../scss/blocks/modal/_tablet.scss */ .modal .modal__form__left { width: 46%; float: left; margin-right: 1%; } /* line 59, ../scss/blocks/modal/_tablet.scss */ .modal .modal__form__right { width: 51%; float: right; margin-left: 1%; } /* line 1, ../scss/blocks/wishlist-header/_tablet.scss */ .wishlist-header { padding: 20px; } /* line 4, ../scss/blocks/wishlist-header/_tablet.scss */ .wishlist-header .wishlist-header__wrap { max-width: 728px; margin: 0 auto; } /* line 9, ../scss/blocks/wishlist-header/_tablet.scss */ .wishlist-header .wishlist-header__left { float: left; } /* line 13, ../scss/blocks/wishlist-header/_tablet.scss */ .wishlist__user-view .wishlist-header { height: 200px; background: url(http://placehold.it/980x200/cccccc) center top no-repeat; } /* line 18, ../scss/blocks/wishlist-header/_tablet.scss */ .wishlist__user-view .wishlist-header .legend { width: 100%; font-weight: bold; } /* line 1, ../scss/blocks/product-images/_tablet.scss */ .product-images { width: 493px; } /* line 4, ../scss/blocks/product-images/_tablet.scss */ .product-images .product-images__prev, .product-images .product-images__next { top: 205px; left: -25px; /* remove all selection outlines, highlights on elements (mostly affects touch) */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* line 10, ../scss/blocks/product-images/_tablet.scss */ .product-images .product-images__next { left: auto; right: -25px; } /* line 15, ../scss/blocks/product-images/_tablet.scss */ .product-images .product-images__thumbs-wrap { height: auto; } /* line 18, ../scss/blocks/product-images/_tablet.scss */ .product-images .bx-wrapper, .product-images .bx-viewport { height: 500px; } /* line 23, ../scss/blocks/product-images/_tablet.scss */ .product-images__slides { height: 490px; } /* line 26, ../scss/blocks/product-images/_tablet.scss */ .product-images__slides .product-images__slide { height: 490px; } /* line 29, ../scss/blocks/product-images/_tablet.scss */ .product-images__slides .product-images__slide .product-images__image-wrap .product-images__image { max-height: 490px; } /* line 2, ../scss/blocks/product-detail/_tablet.scss */ .product-detail .product-images { float: left; margin-left: 28px; } /* line 7, ../scss/blocks/product-detail/_tablet.scss */ .product-detail .product-detail__main { float: right; width: 200px; padding: 0; margin-right: 28px; } /* line 15, ../scss/blocks/product-detail/_tablet.scss */ .product-detail .product-detail__share [class^=sprite-] { margin: 0; } /* line 2, ../scss/blocks/category-grid/_tablet.scss */ .category-grid .category-header { width: 768px; margin: 0 auto 15px; } /* line 7, ../scss/blocks/category-grid/_tablet.scss */ .category-grid .product-tiles { width: 768px; margin: 0 auto; padding-left: 250px; } } @media screen and (min-width: 61.25em) { /* line 1, ../scss/blocks/general/_desktop.scss */ .tooltip-message { max-width: 180px; width: auto; height: auto; background: gray; z-index: 25; position: absolute; display: none; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } /* line 12, ../scss/blocks/general/_desktop.scss */ .tooltip-message .tooltip__text { word-wrap: break-word; word-break: break-all; white-space: normal; margin: 0; font-size: 12px; } /* line 2, ../scss/blocks/shop-nav/_desktop.scss */ .shop-nav .shop-nav__full-dropdown { position: absolute; -webkit-columns: 5 2em; -moz-columns: 5 2em; columns: 5 2em; } /* line 2, ../scss/blocks/product-carousel/_desktop.scss */ .product-carousel .carousel-wrap { width: 100%; max-width: 1080px; } /* line 1, ../scss/blocks/wishlist/_desktop.scss */ .wishlist-wrap { max-width: 870px; } /* line 4, ../scss/blocks/wishlist/_desktop.scss */ .wishlist-wrap.wishlist__user-view { border: none; max-width: 100%; } /* line 8, ../scss/blocks/wishlist/_desktop.scss */ .wishlist-wrap.wishlist__user-view .wishlist { max-width: 870px; } /* line 14, ../scss/blocks/wishlist/_desktop.scss */ .wishlist { margin: 0 auto; } /* line 17, ../scss/blocks/wishlist/_desktop.scss */ .wishlist .wishlist__info { width: 250px; } /* line 21, ../scss/blocks/wishlist/_desktop.scss */ .wishlist .wishlist__retailers-title { width: 240px; } /* line 25, ../scss/blocks/wishlist/_desktop.scss */ .wishlist .wishlist__retailers-box { width: 240px; } /* line 29, ../scss/blocks/wishlist/_desktop.scss */ .wishlist .wishlist__where-to-buy { margin-left: 35px; } /* line 33, ../scss/blocks/wishlist/_desktop.scss */ .wishlist .wishlist__image-container { margin: 0 20px; } /* line 6, ../scss/blocks/footer/_desktop.scss */ .shop-footer .shop-footer__title { font-size: 1.875em; top: 0; position: relative; } /* line 12, ../scss/blocks/footer/_desktop.scss */ .shop-footer .shop-footer__brand-logo { margin-left: 1.875em; } /* line 2, ../scss/blocks/wishlist-header/_desktop.scss */ .wishlist-header .wishlist-header__wrap { max-width: 840px; } /* line 3, ../scss/blocks/product-images/_desktop.scss */ .product-images .product-images__prev, .product-images .product-images__next { left: -35px; } /* line 7, ../scss/blocks/product-images/_desktop.scss */ .product-images .product-images__next { left: auto; right: -35px; } /* line 1, ../scss/blocks/product-detail/_desktop.scss */ .product-detail, .breadcrumb { width: 980px; margin: 0 auto; } /* line 5, ../scss/blocks/product-detail/_desktop.scss */ .product-detail .product-detail__share [class^=sprite-], .breadcrumb .product-detail__share [class^=sprite-] { margin: 0 5px; } /* line 12, ../scss/blocks/product-detail/_desktop.scss */ .product-detail .product-images { margin-left: 60px; } /* line 16, ../scss/blocks/product-detail/_desktop.scss */ .product-detail .product-detail__main { margin-right: 60px; width: 290px; } /* line 21, ../scss/blocks/product-detail/_desktop.scss */ .product-detail .product-detail__where-to-buy, .product-detail .button-with-icon { width: 200px; } /* line 25, ../scss/blocks/product-detail/_desktop.scss */ .product-detail .button-with-icon { display: block; margin-left: auto; margin-right: auto; } /* line 31, ../scss/blocks/product-detail/_desktop.scss */ .product-detail .product-detail__detail { padding: 0; margin: 0 auto; width: 860px; } /* line 2, ../scss/blocks/category-grid/_desktop.scss */ .category-grid .product-tiles, .category-grid .category-header { width: 980px; } } /* line 1, ../scss/ui-kit/_ui-kit.scss */ section { margin: 20px; } /* line 4, ../scss/ui-kit/_ui-kit.scss */ section .heading { font-weight: bold; text-decoration: underline; margin-bottom: .5em; } /* line 11, ../scss/ui-kit/_ui-kit.scss */ .section-header { margin-left: -20px; } /*** Overridden for the purpose of Shop Catalog Begins***/ .product-tile { width: auto; max-width: auto; padding:12px; padding:0; } .product-tile .product-tile__image-link { width: auto; background:transparent; } .product-tile .image-container{ } .tile-wrapper{ /*margin:12px;*/ /*background: #FF0; */ } /*** Overridden for the purpose of Shop Catalog Ends***/ #pc-carousel .owl-item{ /*padding:10px;*/ background: #fde8ec; } #pc-carousel.thumbnail-carousel .owl-item .productName, #pc-carousel .product-tile:hover .product-tile__text { color: #48b3c6; font-size:11px; text-decoration:underline; } #pc-carousel.thumbnail-carousel .owl-item:hover .productName{ text-decoration:underline; } #pc-carousel .product-tile:hover .product-tile__image-wrap{ /*border-color:#6cc !important;*/ /*outline: 2px solid #6cc;*/ } .product-tile:hover .product-tile__image-wrap{ outline:none; } .product-tile .product-tile__text:nth-of-type(1){ width:auto; } .product-tile{ width:100% !important; /*background: #fde8ec !important;*/ } .product-tile .product-tile__image-link{ width:100% !important; } .product-carousel .bx-wrapper, .product-carousel .bx-viewport{ /*height:346px !important;*/ } .theme-barbie .ps_WtbButtonStyle.ps_DummyStyle { display: block; /*width: 200px;*/ width:110px; height: 39px; /*margin: 150px auto 40px;*/ padding: 6px 0 5px !important; background: #d3317a; color: #fff !important; text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 23px; vertical-align: middle; text-align: center; text-shadow: -1px -1px 0 rgba(0,0,0,.3); outline: 0; border: 4px solid #d3317a; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 1px 9px 0 #f08bb9; -moz-box-shadow: inset 1px 9px 0 #f08bb9; box-shadow: inset 1px 9px 0 #f08bb9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none!important; } .wtb-in-products{ position:relative; margin:10px 0; } .theme-barbie .ps_WtbButtonStyle.ps_DummyStyle:active, .theme-barbie .ps_WtbButtonStyle.ps_DummyStyle:hover { -webkit-box-shadow: inset 1px 9px 0 #feffb6; -moz-box-shadow: inset 1px 9px 0 #feffb6; box-shadow: inset 1px 9px 0 #feffb6; color: #d3317a!important; border-color: #fce454; background: #fde454; background: -webkit-linear-gradient(top,#fff9cd,#fde454); background: linear-gradient(to bottom,#fff9cd,#fde454); text-shadow: none; } .product-carousel.js-product-carousel{ margin-top:20px; } #pc-carousel .carousel-btn-wrapper{ position: relative; top:135px; } /*** Product Detail Styles Begins ***/ #page-catalog .product-detail { font-size: 11px; line-height: 1.7; } /***/ #page-catalog .product-detail { font-size: 11px; line-height: 1.7; } #page-catalog .product-images { position: relative; margin: 0 auto; } @media screen and (min-width: 48em){ #page-catalog .product-images { width: 493px; } } #page-catalog .product-images { margin-bottom: 20px; } @media screen and (min-width: 48em){ #page-catalog .product-detail .product-images { float: left; margin-left: 28px; } } @media screen and (min-width: 61.25em){ #page-catalog .product-detail .product-images { margin-left: 60px; } } /***/ /***/ #page-catalog .product-detail .product-images .wl-stamp, #page-catalog .product-tile .wl-stamp { display: none; } #page-catalog .product-detail { font-size: 11px; line-height: 1.7; } /***/ /***/ #page-catalog ul { padding: 0; list-style-type: none; } #page-catalog .product-images__slides { margin: 0; background: #0ff; position: relative; height: 390px; width: 100%; overflow: hidden; } @media screen and (min-width: 48em){ #page-catalog .product-images__slides, #page-catalog .product-images__slides .product-images__slide { height: 490px; } } #page-catalog .product-images__slides { background-color: #fceff6; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFCEFF6', endColorstr='#FFFFFFFF'); background-image: -webkit-linear-gradient(top,#fceff6 0,#fff 0,#fff 2%,#fae5f1 39%,#fae3f0 53%,#fff 100%); background-image: linear-gradient(to bottom,#fceff6 0,#fff 0,#fff 2%,#fae5f1 39%,#fae3f0 53%,#fff 100%); margin-bottom: 1px; border: 2px solid #fde8ec; } /***/ /***/ #page-catalog .product-images__slides .product-images__slide { display: table; table-layout: fixed; height: 390px; text-align: center; width: 100%; -webkit-transition: left .25s ease; -moz-transition: left .25s ease; transition: left .25s ease; } @media screen and (min-width: 48em){ #page-catalog .product-images__slides, #page-catalog .product-images__slides .product-images__slide { height: 490px; } } #page-catalog .product-images__slides .product-images__slide.product-images__slide--active { left: 0; } /***/ /***/ #page-catalog .product-images__slides .product-images__slide { display: table; table-layout: fixed; height: 390px; text-align: center; width: 100%; -webkit-transition: left .25s ease; -moz-transition: left .25s ease; transition: left .25s ease; } #page-catalog .product-images__slides .product-images__slide .product-images__image-wrap { display: table-cell; vertical-align: middle; line-height: 0; background-color: #fff; } /***/ /***/ #page-catalog .product-images__slides .product-images__slide .product-images__image-wrap .product-images__image { max-width: 100%; max-height: 390px; display: inline-block; } @media screen and (min-width: 48em){ #page-catalog .product-images__slides .product-images__slide .product-images__image-wrap .product-images__image { max-height: 490px; } } /***/ /***/ @media screen and (min-width: 48em){ #page-catalog .show-mobile { display: none!important; } } @media screen and (min-width: 48em){ #page-catalog .show-mobile { display: none!important; } } #page-catalog .product-images__toggle-more { line-height: 40px; text-transform: uppercase; text-decoration: underline; padding-left: 20px; font-size: 11px; font-weight: 700; color: #b90063; } /***/ /***/ #page-catalog .product-detail { font-size: 11px; line-height: 1.7; } #page-catalog .product-images .product-images__thumbs-wrap { height: 0; overflow: hidden; display: block; -webkit-transition: height .25s ease; -moz-transition: height .25s ease; transition: height .25s ease; } @media screen and (min-width: 48em){ #page-catalog .product-images .product-images__thumbs-wrap { height: auto; } } /***/ /***/ #page-catalog ul { padding: 0; list-style-type: none; } @media screen and (min-width: 61.25em){ #page-catalog .product-detail .product-images ul.product-images__thumbs { margin-top: 10px; } } /***/ /***/ #page-catalog .product-images .product-images__thumbs-wrap .product-images__thumb { max-width: 98px; max-height: 98px; width: 98px; height: 98px; cursor: pointer; border: 2px solid transparent; display: block; text-align: center; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 91px; } #page-catalog .product-images .product-images__thumbs-wrap .product-images__thumb { float: left; } #page-catalog .product-images .product-images__thumbs-wrap .product-images__thumb.product-images__thumb--active { border: 2px solid #e31977; } /***/ /***/ #page-catalog .product-images .product-images__thumbs-wrap .product-images__thumb { max-width: 98px; max-height: 98px; width: 98px; height: 98px; cursor: pointer; border: 2px solid transparent; display: block; text-align: center; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 91px; } #page-catalog .product-images .product-images__thumbs-wrap .product-images__thumb .product-images__img { max-width: 100%; max-height: 100%; vertical-align: middle; } /***/ /***/ @media screen and (min-width: 48em){ #page-catalog .hide-mobile, #page-catalog .show-tablet { display: inherit; } } #page-catalog .product-tile.product-tile--added .wishlist-action, #page-catalog .sprite-arrow-left, #page-catalog .sprite-arrow-left-mobile, #page-catalog .sprite-arrow-right, #page-catalog .sprite-arrow-right-mobile, #page-catalog .sprite-bullet, #page-catalog .sprite-delete, #page-catalog .sprite-modal-close, #page-catalog .sprite-plus-button, #page-catalog .sprite-search, #page-catalog .sprite-social-email, #page-catalog .sprite-social-facebook, #page-catalog .sprite-social-pinterest, #page-catalog .sprite-social-share, #page-catalog .sprite-social-twitter, #page-catalog .sprite-stars-empty, #page-catalog .sprite-stars-full, #page-catalog .sprite-wishlist, #page-catalog .sprite-wishlist-added, #page-catalog .sprite-wishlist-big, #page-catalog .sprite-wishlist-email-icon, #page-catalog .sprite-wishlist-mms-icon, #page-catalog .sprite-wishlist-printer-icon, #page-catalog .sprite-wishlist-share-icon, #page-catalog .sprites-sprite { background: url(/Content/img/sprites-s4f4699279f.png) no-repeat; } #page-catalog [class^=sprite-] { display: inline-block; vertical-align: middle; cursor: pointer; } @media screen and (min-width: 48em){ #page-catalog .hide-mobile, #page-catalog .show-tablet { display: inherit; } } #page-catalog .marquee .marquee__next, #page-catalog .marquee .marquee__prev, #page-catalog .product-tile.product-tile--added .wishlist-action, #page-catalog .sprite-arrow-left, #page-catalog .sprite-arrow-left-mobile, #page-catalog .sprite-arrow-right, #page-catalog .sprite-arrow-right-mobile, #page-catalog .sprite-bullet, #page-catalog .sprite-close-button, #page-catalog .sprite-modal-close, #page-catalog .sprite-plus-button, #page-catalog .sprite-search, #page-catalog .sprite-social-email, #page-catalog .sprite-social-facebook, #page-catalog .sprite-social-pinterest, #page-catalog .sprite-social-share, #page-catalog .sprite-social-twitter, #page-catalog .sprite-stars-empty, #page-catalog .sprite-stars-full, #page-catalog .sprite-wishlist, #page-catalog .sprite-wishlist-added, #page-catalog .sprite-wishlist-big, #page-catalog .sprite-wishlist-email-icon, #page-catalog .sprite-wishlist-mms-icon, #page-catalog .sprite-wishlist-printer-icon, #page-catalog .sprite-wishlist-share-icon, #page-catalog .sprites-sprite { background: url(/Content/img/barbie/sprites-sae39333d5b.png) no-repeat; } #page-catalog .sprite-arrow-left { background-position: 0 -991px; height: 80px; width: 35px; } #page-catalog .product-images .product-images__next, #page-catalog .product-images .product-images__prev { position: absolute; top: 155px; left: 0; } @media screen and (min-width: 48em){ #page-catalog .product-images .product-images__next, #page-catalog .product-images .product-images__prev { top: 205px; left: -25px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } } @media screen and (min-width: 61.25em){ #page-catalog .product-images .product-images__next, #page-catalog .product-images .product-images__prev { left: -35px; } } /***/ /***/ #page-catalog .sprite-arrow-right { background-position: 0 -911px; height: 80px; width: 35px; } #page-catalog .product-images .product-images__next, #page-catalog .product-images .product-images__prev { position: absolute; top: 155px; left: 0; } @media screen and (min-width: 48em){ #page-catalog .product-images .product-images__next, #page-catalog .product-images .product-images__prev { top: 205px; left: -25px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } } @media screen and (min-width: 48em){ #page-catalog .product-images .product-images__next { left: auto; right: -25px; } } @media screen and (min-width: 61.25em){ #page-catalog .product-images .product-images__next, #page-catalog .product-images .product-images__prev { left: -35px; } } @media screen and (min-width: 61.25em){ #page-catalog .product-images .product-images__next { left: auto; right: -35px; } } /***/ /***/ @media screen and (min-width: 48em){ #page-catalog .product-detail .product-detail__main { float: right; width: 200px; padding: 0; margin-right: 28px; } } @media screen and (min-width: 61.25em){ #page-catalog .product-detail .product-detail__main { margin-right: 60px; width: 293px; } } #page-catalog .product-detail .product-detail__detail, #page-catalog .product-detail .product-detail__main { padding: 0 10px; } /***/ /***/ #page-catalog .epsilon, #page-catalog h5 { font-size: 21px; font-size: 1.16667rem; margin-bottom: 25.45714px; margin-bottom: 1.41429rem; } #page-catalog .product-detail .product-detail__title { font-weight: 700; line-height: 1.2; margin-bottom: 0; } #page-catalog .product-detail .product-detail__more-info, #page-catalog .product-detail .product-detail__title, #page-catalog .product-detail .rating-count { color: #b90063; } /***/ /***/ #page-catalog .product-detail .product-detail__age { font-weight: 700; } /***/ /***/ #page-catalog .product-detail .product-detail__more-info, #page-catalog .product-detail .product-detail__title, #page-catalog .product-detail .rating-count { color: #b90063; } #page-catalog .product-detail .product-detail__more-info { text-decoration: underline; font-weight: 700; } #page-catalog a { text-decoration: none; } #page-catalog .product-detail .product-detail__rating { margin: 5px 0; height: 20px; position: relative; cursor: none; } /***/ /***/ #page-catalog .product-detail .product-detail__where-to-buy { width: 100%; display: block; margin: 20px auto; box-shadow: 2px 5px 5px rgba(0,0,0,.2); } @media screen and (min-width: 61.25em){ #page-catalog .product-detail .button-with-icon, #page-catalog .product-detail .product-detail__where-to-buy { width: 200px; } } /***/ /***/ #page-catalog .product-detail .product-detail__where-to-buy .where-to-buy__heading { background-color: #e31977; font-weight: 700; } #page-catalog .product-detail .product-detail__where-to-buy .where-to-buy__heading { text-align: center; color: #fff; background: #333; text-transform: uppercase; line-height: 25px; border-radius: 5px 5px 0 0; } /***/ /***/ #page-catalog a { text-decoration: none; } #page-catalog .button, #page-catalog button, #page-catalog input[type=button], #page-catalog input[type=submit] { display: inline-block; padding: .5625em 1.875em; text-decoration: none; text-transform: uppercase; background: #777; border: 0; color: #fff; font-size: .825em; vertical-align: middle; text-align: center; outline: 0; } #page-catalog .button { border-radius: 10px; -webkit-box-shadow: inset 1px 9px 0 #f08bb9; -moz-box-shadow: inset 1px 9px 0 #f08bb9; box-shadow: inset 1px 9px 0 #f08bb9; background-color: #d3317a; border: 4px solid #d3317a; font-weight: 700; padding: .5em 1.25em; font-size: 1.0625em; } #page-catalog .button.button-with-icon, #page-catalog button.button-with-icon, #page-catalog input[type=button].button-with-icon, #page-catalog input[type=submit].button-with-icon { padding: 0 1.875em; } #page-catalog .product-detail .button-with-icon { width: 100%; margin-bottom: 10px; } @media screen and (min-width: 61.25em){ #page-catalog .product-detail .button-with-icon, #page-catalog .product-detail .product-detail__where-to-buy { width: 200px; } } @media screen and (min-width: 61.25em){ #page-catalog .product-detail .button-with-icon { display: block; margin-left: auto; margin-right: auto; } } #page-catalog .product-detail .button-with-icon { font-size: 13px; padding: 0; text-align: left; position: relative; min-height: 39px; } /***/ /***/ #page-catalog .product-detail-top:after { content: ""; display: table; clear: both; } /***/ /***/ #page-catalog .product-detail .product-detail__detail, #page-catalog .product-detail .product-detail__main { padding: 0 10px; } @media screen and (min-width: 61.25em){ #page-catalog .product-detail .product-detail__detail { padding: 0; margin: 0 auto; width: 860px; } } /***/ /***/ #page-catalog h1, #page-catalog h2, #page-catalog h3, #page-catalog h4, #page-catalog h5, #page-catalog h6 { text-rendering: optimizeLegibility; line-height: 1; } #page-catalog .beta, #page-catalog h2 { font-size: 48px; font-size: 2.66667rem; margin-bottom: 11.1375px; margin-bottom: .61875rem; } #page-catalog h1, #page-catalog h2, #page-catalog h3, #page-catalog h4, #page-catalog h5, #page-catalog h6 { color: #222; } #page-catalog blockquote, #page-catalog h1, #page-catalog h2, #page-catalog h3, #page-catalog h4, #page-catalog h5, #page-catalog h6 { padding: 0; margin: 0; font-weight: 400; } #page-catalog .delta, #page-catalog h4 { font-size: 24px; font-size: 1.33333rem; margin-bottom: 22.275px; margin-bottom: 1.2375rem; } #page-catalog .product-detail .product-detail__detail .product-detail__detail__title { text-transform: uppercase; color: #e31977; font-weight: 700; margin-bottom: 0; line-height: 1.2; text-align: left; } /***/ /***/ #page-catalog .product-detail__detail-description-wrap { height: auto; font-size: 15px; -webkit-transition: height .25s ease; -moz-transition: height .25s ease; transition: height .25s ease; } /***/ /***/ #page-catalog p { margin: auto auto 1.5em; } /***/ /***/ #page-catalog .product-detail { font-size: 11px; line-height: 1.7; } @media screen and (min-width: 61.25em){ #page-catalog .back-to-shop, #page-catalog .breadcrumb, #page-catalog .product-detail { width: 980px; margin: 0 auto; } } #page-catalog .product-detail { background-image: url(/Content/img/splitter.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 4em; } /***/ #pc-carousel .product-tile { /* background: #fde8ec !important; */ height: auto; padding: 14px; cursor: pointer; font-weight: 700; font-size: .6875em; color: #fff; position: relative; vertical-align: top; margin-right:5px; } #pc-carousel .bx-controls { display:none; } #pc-carousel .bx-wrapper{ max-width:895px; } #pc-carousel .product-tile .product-tile__image-link { width: 196px !important; } #pc-carousel .product-tile{ max-width:221px; } #pc-carousel .prev, #pc-carousel .next { cursor:pointer; } .theme-barbie #pc-carousel .ps_WtbButtonStyle.ps_DummyStyle:active, .theme-barbie #pc-carousel .ps_WtbButtonStyle.ps_DummyStyle:hover { -webkit-box-shadow: inset 1px 9px 0 #feffb6; -moz-box-shadow: inset 1px 9px 0 #feffb6; box-shadow: inset 1px 9px 0 #feffb6; color: #d3317a!important; border-color: #fce454; background: #fde454; background: -webkit-linear-gradient(top,#fff9cd,#fde454); background: linear-gradient(to bottom,#fff9cd,#fde454); text-shadow: none; } /*** Product Detail Styles Ends ***/