@charset "UTF-8"; /** * Theme Name: Adoration * Theme URI: https://fancythemes.com/themes/adoration * Description: Adoration is a super versatile theme offering deep integration with WooCommerce. With Hybrid Core as the underlying framework the theme brings a great mix of flexibility, functionality and usability. * Version: 1.0.0 * Author: FancyThemes * Author URI: https://fancythemes.com * Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-menu,featured-images,full-width-template,threaded-comments,translation-ready * Text Domain: adoration * License: GNU General Public License v2.0 or later * License URI: http://www.gnu.org/licenses/gpl-2.0.html */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fdfdfd; /* Fallback for when there is no custom background color defined. */ } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } a img { border: 0; } strong, b { font-weight: bold; } em, i { font-style: italic; } @font-face { font-family: 'FontAwesome'; src: url("fonts/fontawesome/fontawesome-webfont.eot"); src: url("fonts/fontawesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fontawesome/fontawesome-webfont.woff2") format("woff2"), url("fonts/fontawesome/fontawesome-webfont.woff") format("woff"), url("fonts/fontawesome/fontawesome-webfont.ttf") format("truetype"), url("fonts/fontawesome/fontawesome-webfont.svg#svgFontName") format("svg"); } body, button, input, select, textarea { color: #333; font-family: "Source Sans Pro", sans-serif; font-size: 20px; font-size: 2rem; line-height: 32px; font-weight: 400; } h1, h2, h3, h4, h5, h6 { color: #333; clear: both; font-weight: 900; letter-spacing: -0.5px; margin: 50px 0 20px; line-height: 1.25; } h1 { font-size: 42px; font-size: 4.2rem; } h2 { font-size: 38px; font-size: 3.8rem; } h3 { font-size: 34px; font-size: 3.4rem; } h4 { font-size: 30px; font-size: 3rem; } h5 { font-size: 26px; font-size: 2.6rem; } h6 { font-size: 22px; font-size: 2.2rem; } p { margin: 0 0 25px 0; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 17px; font-size: 1.7rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } pre { margin: 0 0 25px 0; padding: 0px; border-radius: 0; font-weight: normal; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; background-color: #272822; color: #f8f8f2; text-shadow: 0 1px rgba(0, 0, 0, 0.3); line-height: 1.5; tab-size: 2; position: relative; overflow: auto; font-size: 17px; font-size: 1.7rem; } pre code { background: none; color: #f8f8f2; text-shadow: 0 1px rgba(0, 0, 0, 0.3); padding: 25px; display: block; white-space: pre; overflow: auto; } div.site-content pre[class*="language-"] { border-radius: 0; padding: 0px !important; margin: 0 0 25px 0; tab-size: 2; } div.site-content pre[data-language] { padding-top: 48px !important; } code { padding: 3px 5px; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; background-color: #f0f0f0; color: #000; text-shadow: 0 1px rgba(255, 255, 255, 0.3); border-radius: 2px; position: relative; top: -1px; } div.site-content pre[class*="language-"][data-language]::before { background-color: #28a2e1; top: 0; left: 0; right: 0; margin: auto; color: #fff; padding: 15px 25px; line-height: 1; position: absolute; font-weight: 600; border-radius: 0; text-transform: uppercase; letter-spacing: 0.5px; font-size: 18px; font-size: 1.8rem; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 0; } ul, ol { margin: 0 0 25px; } ul { list-style: disc; } ol { list-style: decimal; } li { margin: 0 0 7px 0; } li:last-child { margin: 0; } dt { font-weight: bold; } li ol, li ul { margin: 0 0 0 21px; } button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } button, input[type="button"], input[type="reset"], input[type="submit"], .button, a.button { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; } button:visited, input[type="button"]:visited, input[type="reset"]:visited, input[type="submit"]:visited, .button:visited, a.button:visited { color: #000; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, a.button:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .button:focus, a.button:focus { opacity: 0.7; } input, textarea, button, select { font-family: "Source Sans Pro", sans-serif; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */ box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], select, textarea { color: #333; border: 2px solid #ccc; background-color: #fff; box-sizing: border-box; outline: 0; font-weight: 400; padding: 15px 20px; -webkit-appearance: none; border-radius: 0; font-size: 18px; font-size: 1.8rem; } select { -webkit-appearance: menulist-button; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, select:focus, textarea:focus { color: #111; border: 2px solid #aaa; background-color: #fff; } input:invalid { border-color: #e2401c; background-color: #faf0ee; color: #e2401c; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ width: 100%; max-width: 100%; } label { cursor: pointer; } button, input[type=submit] { -webkit-appearance: none; border-radius: 0; } a { color: #3498db; text-decoration: none; font-weight: 400; position: relative; } a:visited { color: #3498db; } a:hover, a:focus, a:active { color: #000; } #subsidiary-banner .social-toggle-button { vertical-align: top; margin: 8px 0 0 0; width: 30px; height: 30px; padding: 7px 0; background-color: #fff; border-radius: 50%; text-decoration: none; position: relative; display: none; overflow: hidden; text-indent: 101%; white-space: nowrap; background-color: #00AE73; } #subsidiary-banner .social-toggle-button:before { content: ""; } #subsidiary-banner .social-toggle-button:hover { opacity: 0.85; } #subsidiary-banner .social-toggle-button:before { color: #fff; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 0; text-indent: 0; width: 100%; text-align: center; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size: 17px; font-size: 1.7rem; line-height: 30px; } #subsidiary-banner #social-toggle { display: none; } #subsidiary-banner #menu-social { display: inline-block; padding: 8px 0 0 0; margin: 0; vertical-align: top; } #subsidiary-banner #menu-social ul { margin: 0; } #subsidiary-banner #menu-social li { display: inline-block; vertical-align: top; margin: 0px 0px 0px 2px; } #subsidiary-banner #menu-social li:first-child { margin: 0; } #subsidiary-banner #menu-social li a.feed { background-color: #f37324; } #subsidiary-banner #menu-social li a.feed:before { content: ""; } #subsidiary-banner #menu-social li a.feed:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a { width: 30px; height: 30px; padding: 7px 0; background-color: #fff; border-radius: 50%; display: block; text-decoration: none; position: relative; overflow: hidden; text-indent: 101%; white-space: nowrap; } #subsidiary-banner #menu-social li a:before { color: #fff; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 0; text-indent: 0; width: 100%; text-align: center; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size: 17px; font-size: 1.7rem; line-height: 30px; } #subsidiary-banner #menu-social li a[href*="facebook.com"] { background-color: #3B5999; } #subsidiary-banner #menu-social li a[href*="facebook.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="facebook.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="plus.google.com"] { background-color: #DD4B39; } #subsidiary-banner #menu-social li a[href*="plus.google.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="plus.google.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="twitter.com"] { background-color: #55ACEE; } #subsidiary-banner #menu-social li a[href*="twitter.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="twitter.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="wordpress.org"] { background-color: #464646; } #subsidiary-banner #menu-social li a[href*="wordpress.org"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="wordpress.org"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="wordpress.com"] { background-color: #1E8CBE; } #subsidiary-banner #menu-social li a[href*="wordpress.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="wordpress.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="stumbleupon.com"] { background-color: #EC4B24; } #subsidiary-banner #menu-social li a[href*="stumbleupon.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="stumbleupon.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="tumblr.com"] { background-color: #35465C; } #subsidiary-banner #menu-social li a[href*="tumblr.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="tumblr.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="linkedin.com"] { background-color: #0977B5; } #subsidiary-banner #menu-social li a[href*="linkedin.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="linkedin.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="vine.co"] { background-color: #00BF8F; } #subsidiary-banner #menu-social li a[href*="vine.co"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="vine.co"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="pinterest.com"] { background-color: #CB2027; } #subsidiary-banner #menu-social li a[href*="pinterest.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="pinterest.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="slack.com"] { background-color: #4C374A; } #subsidiary-banner #menu-social li a[href*="slack.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="slack.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="youtube.com"] { background-color: #E52929; } #subsidiary-banner #menu-social li a[href*="youtube.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="youtube.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="github.com"] { background-color: #444444; } #subsidiary-banner #menu-social li a[href*="github.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="github.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="vimeo.com"] { background-color: #1AB7EA; } #subsidiary-banner #menu-social li a[href*="vimeo.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="vimeo.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="stackoverflow.com"] { background-color: #444444; } #subsidiary-banner #menu-social li a[href*="stackoverflow.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="stackoverflow.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="stackexchange.com"] { background-color: #195398; } #subsidiary-banner #menu-social li a[href*="stackexchange.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="stackexchange.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="stackexchange.com"]:before { font-size: 16px; font-size: 1.6rem; } #subsidiary-banner #menu-social li a[href*="flickr.com"] { background-color: #0063DC; } #subsidiary-banner #menu-social li a[href*="flickr.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="flickr.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="foursquare.com"] { background-color: #1EB2ED; } #subsidiary-banner #menu-social li a[href*="foursquare.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="foursquare.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="bitbucket.org"] { background-color: #205081; } #subsidiary-banner #menu-social li a[href*="bitbucket.org"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="bitbucket.org"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="instagram.com"] { background-color: #35658B; } #subsidiary-banner #menu-social li a[href*="instagram.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="instagram.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="deviantart.com"] { background-color: #5D7061; } #subsidiary-banner #menu-social li a[href*="deviantart.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="deviantart.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="dribbble.com"] { background-color: #EA4C89; } #subsidiary-banner #menu-social li a[href*="dribbble.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="dribbble.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="reddit.com"] { background-color: #444444; } #subsidiary-banner #menu-social li a[href*="reddit.com"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="reddit.com"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="jsfiddle.net"] { background-color: #4679BD; } #subsidiary-banner #menu-social li a[href*="jsfiddle.net"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="jsfiddle.net"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="codepen.io"] { background-color: #444444; } #subsidiary-banner #menu-social li a[href*="codepen.io"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="codepen.io"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="drupal.org"] { background-color: #0077C0; } #subsidiary-banner #menu-social li a[href*="drupal.org"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="drupal.org"]:hover { opacity: 0.85; } #subsidiary-banner #menu-social li a[href*="joomla.org"] { background-color: #444444; } #subsidiary-banner #menu-social li a[href*="joomla.org"]:before { content: ""; } #subsidiary-banner #menu-social li a[href*="joomla.org"]:hover { opacity: 0.85; } #menu-primary { padding: 0 50px; border-left: 1px solid #f7f7f7; display: table-cell; vertical-align: middle; white-space: nowrap; } #menu-primary ul { list-style-type: none; } #menu-primary > ul { margin: 0; position: relative; top: -2px; line-height: 1; } #menu-primary > ul > li { display: inline-block; margin: 0 15px 0 0; position: relative; line-height: 1; vertical-align: top; } #menu-primary > ul > li:hover > ul { opacity: 1; visibility: visible; } #menu-primary > ul > li:hover > a { color: #000; } #menu-primary > ul > li:last-child { margin: 0; } #menu-primary > ul > li:last-child a { padding: 0; } #menu-primary > ul > li:last-child:after { display: none; } #menu-primary > ul > li:after { content: ''; display: block; width: 2px; height: 15px; background-color: #f7f7f7; position: absolute; top: 4px; right: 0px; } #menu-primary > ul > li.current-menu-item > a { font-weight: bold; } #menu-primary > ul > li.menu-item-has-children > a:after { content: ''; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #ccc; display: inline-block; margin: 0 0 0 5px; top: -3px; position: relative; } #menu-primary > ul > li > a { color: #333; text-transform: uppercase; font-weight: 400; letter-spacing: 0.5px; padding: 0 20px 0 0; font-size: 15px; font-size: 1.5rem; } #menu-primary > ul > li > a:hover { color: #3498db; } #menu-primary > ul > li ul { visibility: hidden; opacity: 0; position: absolute; width: 215px; background-color: #fff; outline: 3px solid rgba(0, 0, 0, 0.75); left: -20px; margin: 14px 0 0 0; -webkit-transition: opacity 500ms ease, visibility 500ms ease; -moz-transition: opacity 500ms ease, visibility 500ms ease; transition: opacity 500ms ease, visibility 500ms ease; } #menu-primary > ul > li ul:before { content: ''; position: absolute; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(0, 0, 0, 0.75); left: 20px; top: -9px; } #menu-primary > ul > li ul li { position: relative; margin: 0; } #menu-primary > ul > li ul li:last-child a { border-bottom: none; } #menu-primary > ul > li ul li:hover > ul { opacity: 1; visibility: visible; } #menu-primary > ul > li ul li.current-menu-item > a { font-weight: bold; } #menu-primary > ul > li ul > li.menu-item-has-children > a:after { content: ''; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #ccc; margin: -4px 0 0 0; position: absolute; top: 50%; right: 20px; } #menu-primary > ul > li ul a { color: #333; font-weight: 400; display: block; padding: 15px 20px; border-bottom: 1px solid #f2f2f2; position: relative; background-color: #fff; font-size: 16px; font-size: 1.6rem; } #menu-primary > ul > li ul a:hover { background-color: #f2f2f2; } #menu-primary > ul > li ul ul { margin: 0; top: 0; left: 224px; } #menu-primary > ul > li ul ul:before { display: none; } .breadcrumb-trail { margin: 0; border-bottom: 1px solid #f0f0f0; padding: 15px 25px; display: block; color: #777; position: relative; z-index: 10; font-weight: 400; font-size: 14px; font-size: 1.4rem; } .breadcrumb-trail ul { list-style: none; margin: 0; } .breadcrumb-trail ul li { display: inline-block; } .breadcrumb-trail ul li:after { content: '\203A'; margin: -3px 8px 0; font-weight: normal; } .breadcrumb-trail ul li:last-child:after { content: ''; } .breadcrumb-trail > *:not(.sep) { padding: 0 5px; } .breadcrumb-trail > *:not(.sep):first-child { padding-left: 0; } .breadcrumb-trail > *:not(.sep).sep { padding: 0; } .breadcrumb-trail a, .breadcrumb-trail a:visited { color: #333; font-weight: 400; } .breadcrumb-trail a:hover, .breadcrumb-trail a:visited:hover { color: #3498db; } .breadcrumb-trail > * { word-wrap: break-word; } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 1.4rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } .sidebar { color: #777; font-weight: 400; font-size: 18px; font-size: 1.8rem; } .sidebar section.widget { margin: 0 0 60px; } .sidebar section.widget:last-child { margin: 0; } .sidebar h3 { margin: 0 0 30px; font-weight: 300; color: #555; font-size: 24px; font-size: 2.4rem; } .sidebar a { color: #3498db; } .sidebar a:hover, .sidebar a:focus { color: #3498db; border-bottom: 1px solid #3498db; } .sidebar ul { list-style-type: none; margin: 0; } .sidebar ul li { padding: 0 0 0 15px; position: relative; line-height: 1.5; } .sidebar ul li:before { content: ''; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #e3e3e3; position: absolute; top: 10px; left: 0; } .sidebar ul li a { color: #333; } .sidebar ul li a:hover, .sidebar ul li a:focus { color: #3498db; } .sidebar .widget_price_filter { font-size: 18px; font-size: 1.8rem; } .sidebar .widget_price_filter input { display: none; } .sidebar .widget_price_filter .price_slider { margin: 0 0 25px; } .sidebar .widget_price_filter .price_slider_amount { text-align: right; color: #777; font-size: 17px; font-size: 1.7rem; } .sidebar .widget_price_filter .price_slider_amount .button { float: left; border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; } .sidebar .widget_price_filter .price_slider_amount .button:visited { color: #000; } .sidebar .widget_price_filter .price_slider_amount .button:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } .sidebar .widget_price_filter .price_slider_amount .button:focus { opacity: 0.7; } .sidebar .widget_price_filter .price_label { padding: 10px 0 0 0; line-height: 1; font-size: 16px; font-size: 1.6rem; } .sidebar .widget_price_filter .ui-slider { position: relative; text-align: left; background-color: #ccc; } .sidebar .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 12px; height: 12px; border-radius: 50%; cursor: pointer; outline: none; top: -3px; border: 2px solid #333; background-color: #fff; margin-left: -4px; cursor: col-resize; } .sidebar .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background-color: #333; } .sidebar .widget_price_filter .ui-slider-horizontal { height: 6px; } .sidebar .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .sidebar .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .sidebar .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .sidebar .widget_adoration_recent_comments ul, .sidebar .widget_adoration_recent_entries ul { margin: 0; list-style-type: none; } .sidebar .widget_adoration_recent_comments ul li, .sidebar .widget_adoration_recent_entries ul li { vertical-align: top; position: relative; margin: 0 0 25px; padding: 0; width: 100%; content: ""; display: table; } .sidebar .widget_adoration_recent_comments ul li:before, .sidebar .widget_adoration_recent_entries ul li:before { display: none; } .sidebar .widget_adoration_recent_comments ul li:last-child, .sidebar .widget_adoration_recent_entries ul li:last-child { margin: 0; } .sidebar .widget_adoration_recent_comments ul li > a, .sidebar .widget_adoration_recent_entries ul li > a { display: block; min-height: 72px; } .sidebar .widget_adoration_recent_comments a, .sidebar .widget_adoration_recent_entries a { color: #333; line-height: 1.25; position: relative; } .sidebar .widget_adoration_recent_comments a:hover, .sidebar .widget_adoration_recent_comments a:focus, .sidebar .widget_adoration_recent_entries a:hover, .sidebar .widget_adoration_recent_entries a:focus { border: 0; } .sidebar .widget_adoration_recent_comments a:hover .link, .sidebar .widget_adoration_recent_comments a:focus .link, .sidebar .widget_adoration_recent_entries a:hover .link, .sidebar .widget_adoration_recent_entries a:focus .link { color: #3498db; border-bottom: 1px solid #3498db; } .sidebar .widget_adoration_recent_comments .image-wrap, .sidebar .widget_adoration_recent_entries .image-wrap { background-color: #f1f1f1; position: absolute; top: 0; left: 0; width: 72px; height: 72px; } .sidebar .widget_adoration_recent_comments .image-wrap:before, .sidebar .widget_adoration_recent_entries .image-wrap:before { content: '\f0f6'; color: #ddd; position: absolute; width: 30px; height: 35px; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; margin: auto; font-size: 35px; font-size: 3.5rem; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } .sidebar .widget_adoration_recent_comments img, .sidebar .widget_adoration_recent_entries img { width: 72px; height: 72px; position: relative; z-index: 2; } .sidebar .widget_adoration_recent_comments .meta, .sidebar .widget_adoration_recent_entries .meta { padding: 0 0 0 90px; position: relative; top: -6px; } .sidebar .widget_adoration_recent_comments .post-title, .sidebar .widget_adoration_recent_entries .post-title { line-height: 1.4; display: inline; } .sidebar .widget_adoration_recent_comments .post-date, .sidebar .widget_adoration_recent_entries .post-date { text-transform: uppercase; color: #bbb; margin: 0 0 3px; display: block; letter-spacing: 0.5px; font-size: 14px; font-size: 1.4rem; } .sidebar .widget_adoration_recent_comments .comment-author, .sidebar .widget_adoration_recent_entries .comment-author { line-height: 1.4; display: inline; color: #333; font-size: 18px; font-size: 1.8rem; } .sidebar .widget_adoration_recent_comments .comment-date, .sidebar .widget_adoration_recent_entries .comment-date { text-transform: uppercase; color: #bbb; margin: 5px 0; display: block; letter-spacing: 0.5px; font-size: 14px; font-size: 1.4rem; } .sidebar .widget_adoration_recent_comments .comment-text, .sidebar .widget_adoration_recent_entries .comment-text { color: #777; font-size: 16px; font-size: 1.6rem; } .sidebar .widget_top_rated_products h3, .sidebar .widget_recent_reviews h3, .sidebar .widget_recently_viewed_products h3, .sidebar .widget_products h3, .sidebar .widget_shopping_cart h3, .sidebar .widget_adoration_recent_comments h3, .sidebar .widget_adoration_recent_entries h3, .sidebar .widget_product_tag_cloud h3, .sidebar .widget_tag_cloud h3, .sidebar .widget_price_filter h3 { padding: 0 0 20px 0; margin: 0 0 25px 0; position: relative; } .sidebar .widget_top_rated_products h3:after, .sidebar .widget_recent_reviews h3:after, .sidebar .widget_recently_viewed_products h3:after, .sidebar .widget_products h3:after, .sidebar .widget_shopping_cart h3:after, .sidebar .widget_adoration_recent_comments h3:after, .sidebar .widget_adoration_recent_entries h3:after, .sidebar .widget_product_tag_cloud h3:after, .sidebar .widget_tag_cloud h3:after, .sidebar .widget_price_filter h3:after { content: ''; display: block; width: 37px; border-bottom: 1px dotted #d9d9d9; position: absolute; left: 0; bottom: 0; } .sidebar .widget_top_rated_products ul, .sidebar .widget_recent_reviews ul, .sidebar .widget_recently_viewed_products ul, .sidebar .widget_products ul, .sidebar .widget_shopping_cart ul { margin: 0; } .sidebar .widget_top_rated_products ul li, .sidebar .widget_recent_reviews ul li, .sidebar .widget_recently_viewed_products ul li, .sidebar .widget_products ul li, .sidebar .widget_shopping_cart ul li { vertical-align: top; position: relative; margin: 0 0 25px; padding: 0; width: 100%; content: ""; display: table; } .sidebar .widget_top_rated_products ul li:before, .sidebar .widget_recent_reviews ul li:before, .sidebar .widget_recently_viewed_products ul li:before, .sidebar .widget_products ul li:before, .sidebar .widget_shopping_cart ul li:before { display: none; } .sidebar .widget_top_rated_products ul li:last-child, .sidebar .widget_recent_reviews ul li:last-child, .sidebar .widget_recently_viewed_products ul li:last-child, .sidebar .widget_products ul li:last-child, .sidebar .widget_shopping_cart ul li:last-child { margin: 0; } .sidebar .widget_top_rated_products ul li > a, .sidebar .widget_recent_reviews ul li > a, .sidebar .widget_recently_viewed_products ul li > a, .sidebar .widget_products ul li > a, .sidebar .widget_shopping_cart ul li > a { display: block; min-height: 72px; } .sidebar .widget_top_rated_products a, .sidebar .widget_recent_reviews a, .sidebar .widget_recently_viewed_products a, .sidebar .widget_products a, .sidebar .widget_shopping_cart a { color: #333; line-height: 1.25; position: relative; } .sidebar .widget_top_rated_products a:hover, .sidebar .widget_top_rated_products a:focus, .sidebar .widget_recent_reviews a:hover, .sidebar .widget_recent_reviews a:focus, .sidebar .widget_recently_viewed_products a:hover, .sidebar .widget_recently_viewed_products a:focus, .sidebar .widget_products a:hover, .sidebar .widget_products a:focus, .sidebar .widget_shopping_cart a:hover, .sidebar .widget_shopping_cart a:focus { border: 0; } .sidebar .widget_top_rated_products a:hover .product-title, .sidebar .widget_top_rated_products a:focus .product-title, .sidebar .widget_recent_reviews a:hover .product-title, .sidebar .widget_recent_reviews a:focus .product-title, .sidebar .widget_recently_viewed_products a:hover .product-title, .sidebar .widget_recently_viewed_products a:focus .product-title, .sidebar .widget_products a:hover .product-title, .sidebar .widget_products a:focus .product-title, .sidebar .widget_shopping_cart a:hover .product-title, .sidebar .widget_shopping_cart a:focus .product-title { color: #3498db; border-bottom: 1px solid #3498db; } .sidebar .widget_top_rated_products .product-meta, .sidebar .widget_recent_reviews .product-meta, .sidebar .widget_recently_viewed_products .product-meta, .sidebar .widget_products .product-meta, .sidebar .widget_shopping_cart .product-meta { padding: 0 0 0 90px; position: relative; top: -4px; } .sidebar .widget_top_rated_products img, .sidebar .widget_recent_reviews img, .sidebar .widget_recently_viewed_products img, .sidebar .widget_products img, .sidebar .widget_shopping_cart img { position: absolute; top: 0; left: 0; width: 72px; height: 72px; } .sidebar .widget_top_rated_products .product-title, .sidebar .widget_recent_reviews .product-title, .sidebar .widget_recently_viewed_products .product-title, .sidebar .widget_products .product-title, .sidebar .widget_shopping_cart .product-title { display: inline; position: relative; } .sidebar .widget_top_rated_products .star-rating, .sidebar .widget_recent_reviews .star-rating, .sidebar .widget_recently_viewed_products .star-rating, .sidebar .widget_products .star-rating, .sidebar .widget_shopping_cart .star-rating { width: 65px; height: 14px; margin: 8px 0 0; } .sidebar .widget_top_rated_products .star-rating:before, .sidebar .widget_recent_reviews .star-rating:before, .sidebar .widget_recently_viewed_products .star-rating:before, .sidebar .widget_products .star-rating:before, .sidebar .widget_shopping_cart .star-rating:before { font-size: 14px; font-size: 1.4rem; } .sidebar .widget_top_rated_products .star-rating span:before, .sidebar .widget_recent_reviews .star-rating span:before, .sidebar .widget_recently_viewed_products .star-rating span:before, .sidebar .widget_products .star-rating span:before, .sidebar .widget_shopping_cart .star-rating span:before { font-size: 14px; font-size: 1.4rem; } .sidebar .widget_top_rated_products .reviewer, .sidebar .widget_recent_reviews .reviewer, .sidebar .widget_recently_viewed_products .reviewer, .sidebar .widget_products .reviewer, .sidebar .widget_shopping_cart .reviewer { color: #999; text-transform: uppercase; letter-spacing: 0.5px; display: block; margin: 9px 0 0 0; font-size: 14px; font-size: 1.4rem; } .sidebar .widget_top_rated_products .product-price, .sidebar .widget_recent_reviews .product-price, .sidebar .widget_recently_viewed_products .product-price, .sidebar .widget_products .product-price, .sidebar .widget_shopping_cart .product-price { display: block; margin: 8px 0 0 0; line-height: 1; color: #777; text-decoration: none; font-size: 16px; font-size: 1.6rem; } .sidebar .widget_top_rated_products ins, .sidebar .widget_recent_reviews ins, .sidebar .widget_recently_viewed_products ins, .sidebar .widget_products ins, .sidebar .widget_shopping_cart ins { text-decoration: none; background: none; display: inline; } .sidebar .widget_top_rated_products del, .sidebar .widget_recent_reviews del, .sidebar .widget_recently_viewed_products del, .sidebar .widget_products del, .sidebar .widget_shopping_cart del { margin: 0 2px 0 0; color: #999; font-size: 14px; font-size: 1.4rem; } .sidebar .widget_shopping_cart .quantity { display: block; margin: 6px 0 0 0; line-height: 1; color: #777; text-decoration: none; font-size: 16px; font-size: 1.6rem; } .sidebar .widget_shopping_cart a.remove { position: absolute; background-color: #000; border-radius: 50%; color: #fff; width: 24px; height: 24px; border: 3px solid #fff; top: -10px; left: -10px; z-index: 10; min-height: 0; line-height: 9999px; overflow: hidden; font-size: 12px; font-size: 1.2rem; } .sidebar .widget_shopping_cart a.remove:before { content: '\f00d'; position: absolute; top: 3px; left: 4px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } .sidebar .widget_shopping_cart a.remove:hover { background-color: #3498db; color: #fff; border: 3px solid #fff; } .sidebar .widget_shopping_cart .total { display: inline-block; border-top: 1px dotted #d9d9d9; padding: 15px 0 0 0; margin: 25px 0 15px 0; } .sidebar .widget_shopping_cart .buttons { margin: 0; } .sidebar .widget_shopping_cart .buttons a { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; } .sidebar .widget_shopping_cart .buttons a:visited { color: #000; } .sidebar .widget_shopping_cart .buttons a:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } .sidebar .widget_shopping_cart .buttons a:focus { opacity: 0.7; } .sidebar .widget_shopping_cart .variation { display: none; } .sidebar .widget_product_categories li, .sidebar .widget_categories li { padding: 0 0 0 25px; } .sidebar .widget_product_categories li:before, .sidebar .widget_categories li:before { content: '\f114'; border: 0; color: #ccc; top: 7px; padding: 0; font-size: 14px; font-size: 1.4rem; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } .sidebar .widget_archive li { padding: 0 0 0 25px; } .sidebar .widget_archive li:before { content: '\f073'; border: 0; color: #ccc; top: 7px; padding: 0; font-size: 14px; font-size: 1.4rem; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } .sidebar .widget_recent_reviews .star-rating { margin: 8px 0px 6px; } .sidebar .tagcloud a { color: #fff; text-transform: uppercase; background-color: #404040; line-height: 1; padding: 8px 14px; display: inline-block; border-radius: 2px 0px 0px 2px; margin: 0 20px 8px 0; position: relative; font-size: 14px; font-size: 1.4rem; } .sidebar .tagcloud a:hover, .sidebar .tagcloud a:focus { background-color: #3498db; border: 0; color: #fff; } .sidebar .tagcloud a:hover:after, .sidebar .tagcloud a:focus:after { border-left: 15px solid #3498db; } .sidebar .tagcloud a:after { content: ''; display: block; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #404040; right: -15px; top: 0; position: absolute; z-index: 1; } .sidebar .tagcloud a:before { content: ''; width: 6px; height: 6px; right: -2px; top: 50%; margin: -3px 0 0 0; border-radius: 50%; background-color: #fff; position: absolute; z-index: 2; } .sidebar select { color: #333; font-weight: 400; border: 1px solid #404040; background-color: #fff; margin: 0; padding: 5px 10px; position: relative; display: block; width: 100%; font-size: 16px; font-size: 1.6rem; } .sidebar select:focus, .sidebar select:hover { border-color: #3498db; } .sidebar #wp-calendar { width: 100%; } .sidebar #wp-calendar caption { text-align: center; background-color: #f2f2f2; text-transform: uppercase; color: #999; letter-spacing: 1px; padding: 5px 0; border-bottom: 1px solid #fff; font-size: 15px; font-size: 1.5rem; } .sidebar #wp-calendar tr th, .sidebar #wp-calendar tr td { text-align: center; color: #888; border-bottom: 1px solid #fff; padding: 5px 0; font-size: 16px; font-size: 1.6rem; } .sidebar #wp-calendar tr th a, .sidebar #wp-calendar tr td a { color: #222; } .sidebar #wp-calendar tr th a:hover, .sidebar #wp-calendar tr th a:focus, .sidebar #wp-calendar tr td a:hover, .sidebar #wp-calendar tr td a:focus { color: #3498db; border: 0; } .sidebar #wp-calendar tr { background-color: #f7f7f7; } .sidebar #wp-calendar #prev { text-align: left; } .sidebar #wp-calendar #prev a { position: relative; left: 15px; } .sidebar #wp-calendar #next { text-align: right; } .sidebar #wp-calendar #next a { position: relative; right: 15px; } body.layout-1c-narrow .sidebar, body.layout-1c .sidebar { display: none; } .footer-sidebar .sidebar ul li:before { border-left: 5px solid #333; } .footer-sidebar .sidebar ul li a { color: #fff; } .footer-sidebar .sidebar ul li a:hover, .footer-sidebar .sidebar ul li a:focus { color: #3498db; } .footer-sidebar .sidebar .widget_top_rated_products h3:after, .footer-sidebar .sidebar .widget_recent_reviews h3:after, .footer-sidebar .sidebar .widget_recently_viewed_products h3:after, .footer-sidebar .sidebar .widget_products h3:after, .footer-sidebar .sidebar .widget_shopping_cart h3:after, .footer-sidebar .sidebar .widget_adoration_recent_comments h3:after, .footer-sidebar .sidebar .widget_adoration_recent_entries h3:after, .footer-sidebar .sidebar .widget_product_tag_cloud h3:after, .footer-sidebar .sidebar .widget_tag_cloud h3:after, .footer-sidebar .sidebar .widget_price_filter h3:after { border-bottom: 1px dotted #262626; } .footer-sidebar .sidebar .widget_top_rated_products a, .footer-sidebar .sidebar .widget_recent_reviews a, .footer-sidebar .sidebar .widget_recently_viewed_products a, .footer-sidebar .sidebar .widget_products a, .footer-sidebar .sidebar .widget_shopping_cart a, .footer-sidebar .sidebar .widget_adoration_recent_comments a, .footer-sidebar .sidebar .widget_adoration_recent_entries a { color: #fff; } .footer-sidebar .sidebar .widget_top_rated_products a:hover .product-title, .footer-sidebar .sidebar .widget_top_rated_products a:hover .post-title, .footer-sidebar .sidebar .widget_top_rated_products a:hover .comment-author, .footer-sidebar .sidebar .widget_top_rated_products a:focus .product-title, .footer-sidebar .sidebar .widget_top_rated_products a:focus .post-title, .footer-sidebar .sidebar .widget_top_rated_products a:focus .comment-author, .footer-sidebar .sidebar .widget_recent_reviews a:hover .product-title, .footer-sidebar .sidebar .widget_recent_reviews a:hover .post-title, .footer-sidebar .sidebar .widget_recent_reviews a:hover .comment-author, .footer-sidebar .sidebar .widget_recent_reviews a:focus .product-title, .footer-sidebar .sidebar .widget_recent_reviews a:focus .post-title, .footer-sidebar .sidebar .widget_recent_reviews a:focus .comment-author, .footer-sidebar .sidebar .widget_recently_viewed_products a:hover .product-title, .footer-sidebar .sidebar .widget_recently_viewed_products a:hover .post-title, .footer-sidebar .sidebar .widget_recently_viewed_products a:hover .comment-author, .footer-sidebar .sidebar .widget_recently_viewed_products a:focus .product-title, .footer-sidebar .sidebar .widget_recently_viewed_products a:focus .post-title, .footer-sidebar .sidebar .widget_recently_viewed_products a:focus .comment-author, .footer-sidebar .sidebar .widget_products a:hover .product-title, .footer-sidebar .sidebar .widget_products a:hover .post-title, .footer-sidebar .sidebar .widget_products a:hover .comment-author, .footer-sidebar .sidebar .widget_products a:focus .product-title, .footer-sidebar .sidebar .widget_products a:focus .post-title, .footer-sidebar .sidebar .widget_products a:focus .comment-author, .footer-sidebar .sidebar .widget_shopping_cart a:hover .product-title, .footer-sidebar .sidebar .widget_shopping_cart a:hover .post-title, .footer-sidebar .sidebar .widget_shopping_cart a:hover .comment-author, .footer-sidebar .sidebar .widget_shopping_cart a:focus .product-title, .footer-sidebar .sidebar .widget_shopping_cart a:focus .post-title, .footer-sidebar .sidebar .widget_shopping_cart a:focus .comment-author, .footer-sidebar .sidebar .widget_adoration_recent_comments a:hover .product-title, .footer-sidebar .sidebar .widget_adoration_recent_comments a:hover .post-title, .footer-sidebar .sidebar .widget_adoration_recent_comments a:hover .comment-author, .footer-sidebar .sidebar .widget_adoration_recent_comments a:focus .product-title, .footer-sidebar .sidebar .widget_adoration_recent_comments a:focus .post-title, .footer-sidebar .sidebar .widget_adoration_recent_comments a:focus .comment-author, .footer-sidebar .sidebar .widget_adoration_recent_entries a:hover .product-title, .footer-sidebar .sidebar .widget_adoration_recent_entries a:hover .post-title, .footer-sidebar .sidebar .widget_adoration_recent_entries a:hover .comment-author, .footer-sidebar .sidebar .widget_adoration_recent_entries a:focus .product-title, .footer-sidebar .sidebar .widget_adoration_recent_entries a:focus .post-title, .footer-sidebar .sidebar .widget_adoration_recent_entries a:focus .comment-author { color: #3498db; border-bottom: 1px solid #3498db; } .footer-sidebar .sidebar .widget_top_rated_products .comment-author, .footer-sidebar .sidebar .widget_recent_reviews .comment-author, .footer-sidebar .sidebar .widget_recently_viewed_products .comment-author, .footer-sidebar .sidebar .widget_products .comment-author, .footer-sidebar .sidebar .widget_shopping_cart .comment-author, .footer-sidebar .sidebar .widget_adoration_recent_comments .comment-author, .footer-sidebar .sidebar .widget_adoration_recent_entries .comment-author { color: #fff; } .footer-sidebar .sidebar .widget_adoration_recent_entries .post-date { color: #666; } .footer-sidebar .sidebar .widget_adoration_recent_comments .comment-date { color: #666; } .footer-sidebar .sidebar .widget_adoration_recent_comments .comment-text { color: #ccc; } .footer-sidebar .sidebar .widget_product_categories li:before, .footer-sidebar .sidebar .widget_categories li:before, .footer-sidebar .sidebar .widget_archive li:before { border: 0; color: #666; } .footer-sidebar .sidebar .tagcloud a { color: #fff; background-color: #262626; } .footer-sidebar .sidebar .tagcloud a:hover, .footer-sidebar .sidebar .tagcloud a:focus { background-color: #3498db; color: #fff; } .footer-sidebar .sidebar .tagcloud a:hover:after, .footer-sidebar .sidebar .tagcloud a:focus:after { border-left: 15px solid #3498db; } .footer-sidebar .sidebar .tagcloud a:after { border-left: 15px solid #262626; } .footer-sidebar .sidebar .tagcloud a:before { background-color: #000; } .footer-sidebar .sidebar input[type="text"], .footer-sidebar .sidebar input[type="email"], .footer-sidebar .sidebar input[type="url"], .footer-sidebar .sidebar input[type="password"], .footer-sidebar .sidebar input[type="search"], .footer-sidebar .sidebar input[type="number"], .footer-sidebar .sidebar select, .footer-sidebar .sidebar textarea { color: #ccc; border: 1px solid #fff; background-color: #000; } .footer-sidebar .sidebar input[type="text"]:focus, .footer-sidebar .sidebar input[type="email"]:focus, .footer-sidebar .sidebar input[type="url"]:focus, .footer-sidebar .sidebar input[type="password"]:focus, .footer-sidebar .sidebar input[type="search"]:focus, .footer-sidebar .sidebar input[type="number"]:focus, .footer-sidebar .sidebar select:focus, .footer-sidebar .sidebar textarea:focus { color: #eee; border: 1px solid #3498db; background-color: #000; } .footer-sidebar .sidebar .regular-search form:before, .footer-sidebar .sidebar .widget_product_search form:before { color: #ccc; } .footer-sidebar .sidebar .widget_shopping_cart .quantity { color: #666; } .footer-sidebar .sidebar .widget_shopping_cart a.remove { background-color: #fff; color: #000; border: 3px solid #000; } .footer-sidebar .sidebar .widget_shopping_cart a.remove:hover { color: #fff; background-color: #3498db; border-color: #000; } .footer-sidebar .sidebar .widget_shopping_cart .total { border-top: 1px dotted #262626; color: #ccc; } .footer-sidebar .sidebar .widget_shopping_cart .buttons a { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #000; border-color: #000; border-color: #fff; } .footer-sidebar .sidebar .widget_shopping_cart .buttons a:visited { color: #000; } .footer-sidebar .sidebar .widget_shopping_cart .buttons a:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } .footer-sidebar .sidebar .widget_shopping_cart .buttons a:focus { opacity: 0.7; } .footer-sidebar .sidebar .widget_shopping_cart .buttons a:visited { color: #fff; } .footer-sidebar .sidebar .widget_shopping_cart .buttons a:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } .footer-sidebar .sidebar .widget_price_filter .price_slider_amount { color: #ccc; } .footer-sidebar .sidebar .widget_price_filter .price_slider_amount .button { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #000; border-color: #000; border-color: #fff; } .footer-sidebar .sidebar .widget_price_filter .price_slider_amount .button:visited { color: #000; } .footer-sidebar .sidebar .widget_price_filter .price_slider_amount .button:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } .footer-sidebar .sidebar .widget_price_filter .price_slider_amount .button:focus { opacity: 0.7; } .footer-sidebar .sidebar .widget_price_filter .price_slider_amount .button:visited { color: #fff; } .footer-sidebar .sidebar .widget_price_filter .price_slider_amount .button:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } .footer-sidebar .sidebar .widget_price_filter .ui-slider { background-color: #333; } .footer-sidebar .sidebar .widget_price_filter .ui-slider .ui-slider-handle { border: 2px solid #fff; background-color: #000; } .footer-sidebar .sidebar .widget_price_filter .ui-slider .ui-slider-range { background-color: #fff; } .footer-sidebar .sidebar #wp-calendar caption { background-color: #111; color: #ccc; border-bottom: 1px solid #000; } .footer-sidebar .sidebar #wp-calendar tr th, .footer-sidebar .sidebar #wp-calendar tr td { color: #888; border-bottom: 1px solid #000; } .footer-sidebar .sidebar #wp-calendar tr th a, .footer-sidebar .sidebar #wp-calendar tr td a { color: #fff; } .footer-sidebar .sidebar #wp-calendar tr th a:hover, .footer-sidebar .sidebar #wp-calendar tr th a:focus, .footer-sidebar .sidebar #wp-calendar tr td a:hover, .footer-sidebar .sidebar #wp-calendar tr td a:focus { color: #3498db; border: 0; } .footer-sidebar .sidebar #wp-calendar tr { background-color: #080808; } body.singular h1.entry-title { letter-spacing: -1px; font-weight: bold; color: #333; line-height: 1.1; margin: -12px 0 35px 0; text-transform: none; word-wrap: break-word; font-size: 50px; font-size: 5rem; } body.singular .featured-image { margin: 0 0 35px 0; overflow: hidden; } body.singular .featured-image img { float: left; } body.singular .entry-byline { text-transform: none; margin: 0 0 30px 0; color: #999; } body.singular .entry-byline section { margin: 0 15px 0 0; font-size: 16px; font-size: 1.6rem; } body.singular .entry-byline section:last-child { margin: 0; } body.singular .entry-byline section a { color: #888; font-size: 16px; font-size: 1.6rem; } body.singular .entry-byline section a:after { display: none; } body.singular .entry-byline section a:hover { color: #333; } body.singular .entry-byline section.byline-comments:before { top: -2px; } body.singular-post h1.entry-title { margin: -12px 0 12px 0; } body.singular-post .entry-terms-wrap { text-align: center; margin: 60px 0; font-family: "Source Sans Pro", sans-serif; color: #777; font-size: 16px; font-size: 1.6rem; } body.singular-post .entry-terms-wrap .entry-terms.category { margin: 0 20px 0 0; } body.singular-post .entry-terms-wrap .entry-terms.category:before { content: '\f114'; width: 36px; height: 36px; border-radius: 50%; background-color: #f2f2f2; display: inline-block; padding: 11px 0 0 0; margin: 0 10px 0 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } body.singular-post .entry-terms-wrap .entry-terms.post_tag { margin: 0 20px 0 0; } body.singular-post .entry-terms-wrap .entry-terms.post_tag:before { content: '\f02c'; width: 36px; height: 36px; border-radius: 50%; background-color: #f2f2f2; display: inline-block; padding: 11px 0 0 0; margin: 0 10px 0 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } body.singular-post .author-info { margin: 60px -50px; padding: 50px; background-color: #fafafa; font-family: "Source Sans Pro", sans-serif; color: #555; position: relative; font-size: 21px; font-size: 2.1rem; } body.singular-post .author-info h3 { margin: 0 0 10px; color: #333; font-weight: 400; } body.singular-post .author-info .author-description { padding-left: 150px; } body.singular-post .author-info .author-description .author-bio { line-height: 1.6; } body.singular-post .author-info .author-avatar { position: absolute; left: 50px; top: 100px; width: 100px; height: 100px; } body.singular-post .author-info .author-avatar img { border-radius: 50%; display: block; float: left; } body.singular-post .author-info .author-link { display: block; margin: 25px 0 0 0; font-size: 18px; font-size: 1.8rem; } body.singular-post .author-info .author-link:after { content: '\f178'; position: relative; left: 2px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size: 16px; font-size: 1.6rem; } body.singular-post .entry-content > *:last-child { margin: 0; } body.singular-post .entry-content > *, body.singular-page:not(.woocommerce-page):not(.home) .entry-content > * { margin-bottom: 25px; } body.singular-post .entry-content > *:last-child, body.singular-page:not(.woocommerce-page):not(.home) .entry-content > *:last-child { margin-bottom: 0; } body.singular-post table, body.singular-page:not(.woocommerce-page):not(.home) table { border-top: 3px solid #404040; color: #555; } body.singular-post table > tbody > tr, body.singular-page:not(.woocommerce-page):not(.home) table > tbody > tr { background-color: #fafafa; } body.singular-post table > tbody > tr.odd, body.singular-page:not(.woocommerce-page):not(.home) table > tbody > tr.odd { background-color: #fff; } body.singular-post table > thead > tr > th, body.singular-page:not(.woocommerce-page):not(.home) table > thead > tr > th { color: #333; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 2px solid #e5e5e5; padding: 7px 15px; font-size: 14px; font-size: 1.4rem; } body.singular-post table > tfoot > tr > th, body.singular-page:not(.woocommerce-page):not(.home) table > tfoot > tr > th { color: #000; } body.singular-post table > * > tr > td, body.singular-post table > * > tr > th, body.singular-page:not(.woocommerce-page):not(.home) table > * > tr > td, body.singular-page:not(.woocommerce-page):not(.home) table > * > tr > th { border-bottom: 1px solid #eaeaea; padding: 10px 20px; } body.singular-post table > * > tr > td p, body.singular-post table > * > tr > th p, body.singular-page:not(.woocommerce-page):not(.home) table > * > tr > td p, body.singular-page:not(.woocommerce-page):not(.home) table > * > tr > th p { margin: 0; } body.singular-post q, body.singular-post blockquote, body.singular-page:not(.woocommerce-page):not(.home) q, body.singular-page:not(.woocommerce-page):not(.home) blockquote { color: #555; padding: 0 0 0 80px; position: relative; } body.singular-post q cite, body.singular-post blockquote cite, body.singular-page:not(.woocommerce-page):not(.home) q cite, body.singular-page:not(.woocommerce-page):not(.home) blockquote cite { display: block; } body.singular-post q:before, body.singular-post blockquote:before, body.singular-page:not(.woocommerce-page):not(.home) q:before, body.singular-page:not(.woocommerce-page):not(.home) blockquote:before { content: '\201C'; font-family: Georgia, Times, 'Times New Roman', serif; position: absolute; top: -2px; left: 0; line-height: 1; font-size: 75px; font-size: 7.5rem; } body.singular-post q:after, body.singular-post blockquote:after, body.singular-page:not(.woocommerce-page):not(.home) q:after, body.singular-page:not(.woocommerce-page):not(.home) blockquote:after { content: ''; width: 3px; position: absolute; top: 0; bottom: 0; margin: auto; background-color: #e5e5e5; left: 53px; } body.singular-post q:before, body.singular-page:not(.woocommerce-page):not(.home) q:before { top: -5px; } body.singular-post dl dd, body.singular-page:not(.woocommerce-page):not(.home) dl dd { margin: 0 0 15px; } body.singular-post dl dd:last-child, body.singular-page:not(.woocommerce-page):not(.home) dl dd:last-child { margin: 0; } body.singular-post .post-password-form .post-password-wrap, body.singular-page:not(.woocommerce-page):not(.home) .post-password-form .post-password-wrap { position: relative; padding: 0 170px 0 0; } body.singular-post .post-password-form input.post-password, body.singular-page:not(.woocommerce-page):not(.home) .post-password-form input.post-password { width: 100%; } body.singular-post .post-password-form input[type=submit], body.singular-page:not(.woocommerce-page):not(.home) .post-password-form input[type=submit] { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #000; border-color: #000; height: 66px; text-transform: none; letter-spacing: normal; width: 160px; position: absolute; top: 0px; right: 0px; font-size: 18px; font-size: 1.8rem; } body.singular-post .post-password-form input[type=submit]:visited, body.singular-page:not(.woocommerce-page):not(.home) .post-password-form input[type=submit]:visited { color: #000; } body.singular-post .post-password-form input[type=submit]:hover, body.singular-page:not(.woocommerce-page):not(.home) .post-password-form input[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.singular-post .post-password-form input[type=submit]:focus, body.singular-page:not(.woocommerce-page):not(.home) .post-password-form input[type=submit]:focus { opacity: 0.7; } body.singular-post .post-password-form input[type=submit]:visited, body.singular-page:not(.woocommerce-page):not(.home) .post-password-form input[type=submit]:visited { color: #fff; } body.singular-post .post-password-form input[type=submit]:hover, body.singular-page:not(.woocommerce-page):not(.home) .post-password-form input[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.singular-post .oembed-video-wrap, body.singular-page:not(.woocommerce-page):not(.home) .oembed-video-wrap { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } body.singular-post .oembed-video-wrap iframe, body.singular-post .oembed-video-wrap embed, body.singular-page:not(.woocommerce-page):not(.home) .oembed-video-wrap iframe, body.singular-page:not(.woocommerce-page):not(.home) .oembed-video-wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #comments, #reviews { margin: 0; padding: 0; font-family: "Source Sans Pro", sans-serif; color: #777; position: relative; font-size: 18px; font-size: 1.8rem; } #comments > *, #reviews > * { margin: 0 0 50px 0; } #comments > *:last-child, #reviews > *:last-child { margin: 0; } #comments ol, #comments ul, #reviews ol, #reviews ul { list-style-type: none; } #comments .says, #reviews .says { display: none; } #comments h3#comments-number, #comments h3#reply-title, #reviews h3#comments-number, #reviews h3#reply-title { text-align: center; margin: 0 0 70px; position: relative; font-size: 34px; font-size: 3.4rem; } #comments h3#comments-number:after, #comments h3#reply-title:after, #reviews h3#comments-number:after, #reviews h3#reply-title:after { content: ''; width: 36px; height: 2px; background-color: #d9d9d9; position: absolute; bottom: -15px; left: 0; right: 0; display: block; margin: auto; } #comments li.comment, #comments li.pingback, #reviews li.comment, #reviews li.pingback { margin: 0 0 40px 0; padding: 0 0 0 105px; position: relative; min-height: 72px; } #comments li.comment:last-child, #comments li.pingback:last-child, #reviews li.comment:last-child, #reviews li.pingback:last-child { margin: 0; } #comments li.comment.pingback, #comments li.pingback.pingback, #reviews li.comment.pingback, #reviews li.pingback.pingback { min-height: 0; } #comments li.comment.pingback:before, #comments li.pingback.pingback:before, #reviews li.comment.pingback:before, #reviews li.pingback.pingback:before { content: '\f0c1'; position: absolute; text-align: center; color: #bbb; width: 72px; height: 27px; margin: auto; top: 0; bottom: 0; left: 0; text-align: center; font-size: 30px; font-size: 3rem; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } #comments li.comment.pingback article .comment-meta, #comments li.pingback.pingback article .comment-meta, #reviews li.comment.pingback article .comment-meta, #reviews li.pingback.pingback article .comment-meta { margin: 0; line-height: 1.25; } #comments li.comment.bypostauthor > article .avatar-wrap:before, #comments li.pingback.bypostauthor > article .avatar-wrap:before, #reviews li.comment.bypostauthor > article .avatar-wrap:before, #reviews li.pingback.bypostauthor > article .avatar-wrap:before { content: '\f005'; width: 24px; height: 24px; border-radius: 50%; background-color: #f39c12; display: block; bottom: 0; right: 0; border: 2px solid #fff; position: absolute; color: #fff; text-align: center; padding: 4px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size: 12px; font-size: 1.2rem; } #comments li.comment article .comment-meta, #comments li.pingback article .comment-meta, #reviews li.comment article .comment-meta, #reviews li.pingback article .comment-meta { line-height: 1.15; margin: 0 0 15px; } #comments li.comment article cite.comment-author, #comments li.pingback article cite.comment-author, #reviews li.comment article cite.comment-author, #reviews li.pingback article cite.comment-author { font-style: normal; } #comments li.comment article .comment-author, #comments li.comment article .comment-author a, #comments li.pingback article .comment-author, #comments li.pingback article .comment-author a, #reviews li.comment article .comment-author, #reviews li.comment article .comment-author a, #reviews li.pingback article .comment-author, #reviews li.pingback article .comment-author a { color: #333; font-size: 24px; font-size: 2.4rem; } #comments li.comment article .comment-author a:hover, #comments li.pingback article .comment-author a:hover, #reviews li.comment article .comment-author a:hover, #reviews li.pingback article .comment-author a:hover { color: #3498db; border-bottom: 1px solid #3498db; } #comments li.comment article .avatar-wrap, #comments li.pingback article .avatar-wrap, #reviews li.comment article .avatar-wrap, #reviews li.pingback article .avatar-wrap { width: 72px; height: 72px; position: absolute; top: 2px; left: 0; } #comments li.comment article .avatar-wrap img, #comments li.pingback article .avatar-wrap img, #reviews li.comment article .avatar-wrap img, #reviews li.pingback article .avatar-wrap img { border-radius: 50%; } #comments li.comment article a.comment-permalink, #comments li.pingback article a.comment-permalink, #reviews li.comment article a.comment-permalink, #reviews li.pingback article a.comment-permalink { color: #999; letter-spacing: 0.5px; margin: 0 0 0 15px; font-weight: 300; font-size: 15px; font-size: 1.5rem; } #comments li.comment article a.comment-permalink:hover, #comments li.pingback article a.comment-permalink:hover, #reviews li.comment article a.comment-permalink:hover, #reviews li.pingback article a.comment-permalink:hover { color: #3498db; } #comments li.comment article .comment-content p, #comments li.pingback article .comment-content p, #reviews li.comment article .comment-content p, #reviews li.pingback article .comment-content p { line-height: 1.75; } #comments li.comment article .comment-content > *, #comments li.pingback article .comment-content > *, #reviews li.comment article .comment-content > *, #reviews li.pingback article .comment-content > * { margin: 0 0 25px; } #comments li.comment article .comment-content > *:last-child, #comments li.pingback article .comment-content > *:last-child, #reviews li.comment article .comment-content > *:last-child, #reviews li.pingback article .comment-content > *:last-child { margin: 0; } #comments li.comment article a.comment-reply-link, #comments li.pingback article a.comment-reply-link, #reviews li.comment article a.comment-reply-link, #reviews li.pingback article a.comment-reply-link { position: absolute; top: -3px; right: 0; width: 36px; height: 36px; border: 2px solid #bfbfbf; border-radius: 50%; color: #ccc; overflow: hidden; text-align: center; font-size: 14px; font-size: 1.4rem; } #comments li.comment article a.comment-reply-link:hover, #comments li.pingback article a.comment-reply-link:hover, #reviews li.comment article a.comment-reply-link:hover, #reviews li.pingback article a.comment-reply-link:hover { color: #3498db; border-color: #3498db; } #comments li.comment article a.comment-reply-link:before, #comments li.pingback article a.comment-reply-link:before, #reviews li.comment article a.comment-reply-link:before, #reviews li.pingback article a.comment-reply-link:before { content: '\f112'; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } #comments li.comment .children, #comments li.pingback .children, #reviews li.comment .children, #reviews li.pingback .children { margin: 35px 0 0 0; padding: 0; position: relative; } #comments li.comment .children li, #comments li.pingback .children li, #reviews li.comment .children li, #reviews li.pingback .children li { padding: 0 0 0 75px; } #comments li.comment .children li.bypostauthor > article .avatar-wrap:before, #comments li.pingback .children li.bypostauthor > article .avatar-wrap:before, #reviews li.comment .children li.bypostauthor > article .avatar-wrap:before, #reviews li.pingback .children li.bypostauthor > article .avatar-wrap:before { width: 19px; height: 19px; padding: 3px; font-size: 8px; font-size: 0.8rem; } #comments li.comment .children article .avatar-wrap, #comments li.pingback .children article .avatar-wrap, #reviews li.comment .children article .avatar-wrap, #reviews li.pingback .children article .avatar-wrap { width: 50px; height: 50px; } #comments li.comment #respond, #comments li.pingback #respond, #reviews li.comment #respond, #reviews li.pingback #respond { overflow: hidden; } #comments .no-comments, #reviews .no-comments { color: #fff; margin: 0; padding: 20px 30px; background-color: #e74c3c; text-align: center; font-size: 18px; font-size: 1.8rem; } #comments .no-comments:before, #reviews .no-comments:before { content: '\f023'; margin: 0 10px 0 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } #comments .must-log-in, #reviews .must-log-in { color: #fff; margin: 0; padding: 20px 30px; background-color: #3498db; text-align: center; font-size: 18px; font-size: 1.8rem; } #comments .must-log-in a, #reviews .must-log-in a { color: #fff; font-weight: 600; } #comments .must-log-in a:hover, #reviews .must-log-in a:hover { color: rgba(255, 255, 255, 0.8); } #comments .must-log-in:before, #reviews .must-log-in:before { content: '\f084'; margin: 0 10px 0 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } #comments .comment-awaiting-moderation, #reviews .comment-awaiting-moderation { color: #f39c12; margin: 0 0 10px 0; } body.logged-in #respond textarea.comment-form-comment { border-width: 2px; } #respond { margin: 50px 0 0 0; } #respond form input.comment-form-author, #respond form input.comment-form-email, #respond form input.comment-form-url { width: 100%; border: 2px solid #ccc; border-bottom: 1px dotted #ccc; border-width: 0px 2px 1px 2px; } #respond form input.comment-form-author { border-width: 2px 2px 1px 2px; } #respond form textarea.comment-form-comment { border: 2px solid #ccc; border-width: 0px 2px 2px 2px; max-width: 100%; } #respond form p.form-submit { margin: 20px 0 0 0; } #respond form p.form-submit input[type=submit] { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #000; border-color: #000; height: 55px; text-transform: none; letter-spacing: normal; font-size: 18px; font-size: 1.8rem; } #respond form p.form-submit input[type=submit]:visited { color: #000; } #respond form p.form-submit input[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } #respond form p.form-submit input[type=submit]:focus { opacity: 0.7; } #respond form p.form-submit input[type=submit]:visited { color: #fff; } #respond form p.form-submit input[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } #respond h3#reply-title { margin: 0 0 40px 0; position: relative; } #respond p.comment-notes { text-align: center; color: #999; line-height: 1.6; margin: 0 0 40px 0; font-size: 14px; font-size: 1.4rem; } #respond p.comment-notes .required { color: #e74c3c; } #respond p.form-allowed-tags { margin: 0; border: 2px solid #ccc; border-width: 0px 2px 2px 2px; color: #000; padding: 0 20px; line-height: 3.6; background-size: auto 100px; background-color: #f1f1f1; font-size: 14px; font-size: 1.4rem; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.75) 50%, transparent 50%, transparent); background-image: linear-gradient(rgba(255, 255, 255, 0.75) 50%, transparent 50%, transparent); } #respond p.form-allowed-tags code { display: block; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; top: 0; background: none; border-radius: 0; padding: 0; font-size: 14px; font-size: 1.4rem; } #respond .comment-reply-title small a { position: absolute; top: 3px; right: 0; width: 36px; height: 36px; border: 2px solid #e74c3c; border-radius: 50%; color: #e74c3c; overflow: hidden; text-align: center; font-size: 0; } #respond .comment-reply-title small a:hover { color: #3498db; border-color: #3498db; } #respond .comment-reply-title small a:before { content: '\f00d'; margin: 9px 0 0 0; font-size: 14px; font-size: 1.4rem; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } li #respond { margin: 40px 0; } li #respond h3#reply-title { text-align: left; margin: 0 0 20px 0; } li #respond h3#reply-title:after { display: none; } li #respond form p.comment-notes { display: none; } .comment-nav-wrap { text-align: center; margin: 50px 0; } .comment-nav-wrap .page-numbers { letter-spacing: 1px; color: #999; text-transform: uppercase; font-weight: 400; padding: 0; margin: 0 0 10px 0; display: inline-block; font-size: 15px; font-size: 1.5rem; } .comment-nav-wrap nav.comments-nav a { color: #333; text-transform: uppercase; letter-spacing: 0.5px; background-color: #f7f7f7; padding: 15px 0px; position: relative; display: inline-block; line-height: 1; width: 180px; text-align: center; font-size: 14px; font-size: 1.4rem; } .comment-nav-wrap nav.comments-nav a:hover { color: #3498db; } .comment-nav-wrap nav.comments-nav a.comments-previous-page { border-radius: 20px 0 0 20px; margin: 0 -3px 0 0; } .comment-nav-wrap nav.comments-nav a.comments-previous-page:before { content: '\f0d9'; margin: 0 10px 0 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } .comment-nav-wrap nav.comments-nav a.comments-next-page { border-radius: 0 20px 20px 0; } .comment-nav-wrap nav.comments-nav a.comments-next-page:after { content: '\f0da'; margin: 0 0 0 10px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } .comment-nav-wrap.single-button nav.comments-nav a { border-radius: 20px; margin: 0; } #reviews #comments .comment-permalink { margin: 5px 0 0 0; display: inline-block; } #reviews #comments .star-rating { display: inline-block; margin: 0 0 0 20px; } #reviews #comments .verified { width: 24px; height: 24px; border-radius: 50%; background-color: #5fc500; display: block; bottom: 0; right: 0; border: 2px solid #fff; position: absolute; color: #fff; text-align: center; padding: 4px; overflow: hidden; line-height: 1; font-size: 0; } #reviews #comments .verified:before { content: '\f00c'; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size: 12px; font-size: 1.2rem; } #reviews #comments .star-rating { width: 65px; height: 14px; margin: 0 0 0 15px; position: relative; top: 1px; } #reviews #comments .star-rating:before { font-size: 14px; font-size: 1.4rem; } #reviews #comments .star-rating span:before { font-size: 14px; font-size: 1.4rem; } .entry-byline { color: #999; font-weight: 400; letter-spacing: 1px; font-size: 15px; font-size: 1.5rem; } .entry-byline time.entry-published { cursor: help; } .entry-byline > section { display: inline; margin: 0 10px 0 0; } .entry-byline > section:after { content: ''; width: 6px; height: 6px; background: #ddd; border-radius: 50%; display: inline-block; margin: 0 0 0 10px; position: relative; top: -2px; } .entry-byline > section:last-child { margin: 0; } .entry-byline > section:last-child:after { display: none; } .entry-byline .byline-comments:before { content: '\f0e5'; top: -2px; position: relative; padding-right: 2px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size: 12px; font-size: 1.2rem; } .entry-byline a, .entry-byline a:visited { color: #999; font-weight: 400; position: relative; font-size: 15px; font-size: 1.5rem; } .entry-byline a:hover, .entry-byline a:focus, .entry-byline a:visited:hover, .entry-byline a:visited:focus { color: #3498db; } body.blog .loop-meta, body.archive .loop-meta, body.search .loop-meta { margin: 0 -50px 50px; padding: 0 50px 50px; border-bottom: 1px solid #f2f2f2; color: #555; } body.blog .loop-meta .loop-title, body.archive .loop-meta .loop-title, body.search .loop-meta .loop-title { margin: 0; color: #555; text-transform: none; letter-spacing: -2.5px; position: relative; padding: 0 0 0 55px; font-weight: bold; line-height: 1; text-align: left; font-size: 50px; font-size: 5rem; } body.blog .loop-meta .loop-title:before, body.archive .loop-meta .loop-title:before, body.search .loop-meta .loop-title:before { content: ''; width: 35px; height: 35px; display: block; border: 2px solid #404040; border-radius: 50%; position: relative; margin: 0 20px 0 0; position: absolute; top: 8px; left: 0; font-size: 14px; font-size: 1.4rem; } body.blog .loop-meta .loop-title:after, body.archive .loop-meta .loop-title:after, body.search .loop-meta .loop-title:after { content: ''; left: 12px; top: 18px; position: absolute; font-size: 14px; font-size: 1.4rem; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } body.blog .loop-meta .loop-description, body.archive .loop-meta .loop-description, body.search .loop-meta .loop-description { margin: 25px 0 0; line-height: 1.4; } body.blog .loop-meta .loop-description > *:last-child, body.archive .loop-meta .loop-description > *:last-child, body.search .loop-meta .loop-description > *:last-child { margin: 0; } body.blog.taxonomy .loop-title:after, body.archive.taxonomy .loop-title:after, body.search.taxonomy .loop-title:after { content: '\f114'; } body.blog.taxonomy-post_tag .loop-title:after, body.archive.taxonomy-post_tag .loop-title:after, body.search.taxonomy-post_tag .loop-title:after { content: '\f02c'; top: 20px; left: 11px; } body.blog.date .loop-title:after, body.archive.date .loop-title:after, body.search.date .loop-title:after { content: '\f073'; left: 11px; } body.blog.search .loop-title:after, body.archive.search .loop-title:after, body.search.search .loop-title:after { content: '\f002'; } body.blog.user .loop-title:after, body.archive.user .loop-title:after, body.search.user .loop-title:after { content: '\f007'; } body.blog .entry-image, body.archive .entry-image, body.search .entry-image { position: relative; margin: 0 0 20px 0; } body.blog .entry-image a.featured-image, body.archive .entry-image a.featured-image, body.search .entry-image a.featured-image { overflow: hidden; position: relative; display: block; } body.blog .entry-image a.featured-image img, body.archive .entry-image a.featured-image img, body.search .entry-image a.featured-image img { width: 100%; float: left; } body.blog .entry-image a.featured-image:after, body.archive .entry-image a.featured-image:after, body.search .entry-image a.featured-image:after { content: ''; position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.05); } body.blog .entry-image a.featured-image:hover:after, body.archive .entry-image a.featured-image:hover:after, body.search .entry-image a.featured-image:hover:after { background-color: rgba(52, 152, 219, 0.1); } body.blog h2.entry-title, body.archive h2.entry-title, body.search h2.entry-title { margin: 0 0 15px; text-transform: none; line-height: 1.4; letter-spacing: normal; font-size: 24px; font-size: 2.4rem; } body.blog h2.entry-title a, body.archive h2.entry-title a, body.search h2.entry-title a { font-weight: 400; color: #333; word-wrap: break-word; } body.blog h2.entry-title a:hover, body.blog h2.entry-title a:focus, body.archive h2.entry-title a:hover, body.archive h2.entry-title a:focus, body.search h2.entry-title a:hover, body.search h2.entry-title a:focus { color: #3498db; } body.blog #content > article, body.archive #content > article, body.search #content > article { position: relative; margin: 0 0 60px 0; } body.blog #content > article .entry-image, body.archive #content > article .entry-image, body.search #content > article .entry-image { position: absolute; top: 0; left: 0; margin: 0; width: 300px; height: 187px; display: block; overflow: hidden; } body.blog #content > article .entry-image a, body.archive #content > article .entry-image a, body.search #content > article .entry-image a { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } body.blog #content > article .entry-image a.placeholder, body.archive #content > article .entry-image a.placeholder, body.search #content > article .entry-image a.placeholder { width: 300px; height: 187px; display: block; background-color: #fefefe; text-indent: 100%; white-space: nowrap; overflow: hidden; } body.blog #content > article .entry-image a.placeholder:before, body.archive #content > article .entry-image a.placeholder:before, body.search #content > article .entry-image a.placeholder:before { content: '\f0f6'; color: #e1e1e1; position: absolute; width: 30px; height: 35px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; text-indent: 0; font-size: 35px; font-size: 3.5rem; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } body.blog #content > article .entry-content, body.archive #content > article .entry-content, body.search #content > article .entry-content { padding: 0 0 0 340px; height: 187px; overflow: hidden; } body.blog #content > article h2.entry-title, body.archive #content > article h2.entry-title, body.search #content > article h2.entry-title { position: relative; top: -7px; margin: 0 0 5px; } body.blog #content > article .entry-byline, body.archive #content > article .entry-byline, body.search #content > article .entry-byline { line-height: 1; margin: 0 0 10px 0; } body.blog #content > article .entry-summary, body.archive #content > article .entry-summary, body.search #content > article .entry-summary { line-height: 1.8; font-size: 18px; font-size: 1.8rem; } body.blog #content > article:last-child, body.archive #content > article:last-child, body.search #content > article:last-child { margin-bottom: 0; } body.blog article.highlight, body.archive article.highlight, body.search article.highlight { margin: 0 0 60px 0; } body.blog article.highlight .entry-image, body.archive article.highlight .entry-image, body.search article.highlight .entry-image { margin: 0; } body.blog article.highlight .entry-image a:before, body.archive article.highlight .entry-image a:before, body.search article.highlight .entry-image a:before { content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background-color: rgba(255, 255, 255, 0.3); } body.blog article.highlight .entry-content, body.archive article.highlight .entry-content, body.search article.highlight .entry-content { background-color: #000; padding: 30px 25px; color: #ccc; font-size: 24px; font-size: 2.4rem; } body.blog article.highlight .entry-byline, body.archive article.highlight .entry-byline, body.search article.highlight .entry-byline { color: #ccc; margin: 15px 0; } body.blog article.highlight .entry-byline a, body.archive article.highlight .entry-byline a, body.search article.highlight .entry-byline a { color: #ccc; } body.blog article.highlight .entry-byline a:hover, body.blog article.highlight .entry-byline a:focus, body.archive article.highlight .entry-byline a:hover, body.archive article.highlight .entry-byline a:focus, body.search article.highlight .entry-byline a:hover, body.search article.highlight .entry-byline a:focus { color: #3498db; } body.blog article.highlight .entry-byline > section:after, body.archive article.highlight .entry-byline > section:after, body.search article.highlight .entry-byline > section:after { background-color: #333; } body.blog article.highlight h2.entry-title, body.archive article.highlight h2.entry-title, body.search article.highlight h2.entry-title { margin: 0; text-transform: none; line-height: 1.3; font-size: 34px; font-size: 3.4rem; } body.blog article.highlight h2.entry-title a, body.archive article.highlight h2.entry-title a, body.search article.highlight h2.entry-title a { font-weight: 300; color: #fff; } body.blog article.highlight h2.entry-title a:hover, body.blog article.highlight h2.entry-title a:focus, body.archive article.highlight h2.entry-title a:hover, body.archive article.highlight h2.entry-title a:focus, body.search article.highlight h2.entry-title a:hover, body.search article.highlight h2.entry-title a:focus { color: #3498db; } body.blog article.highlight .entry-summary, body.archive article.highlight .entry-summary, body.search article.highlight .entry-summary { line-height: 1.6; } body.blog article.highlight .entry-summary > *, body.archive article.highlight .entry-summary > *, body.search article.highlight .entry-summary > * { margin: 0; } body.blog.user .loop-meta .loop-description, body.archive.user .loop-meta .loop-description, body.search.user .loop-meta .loop-description { position: relative; padding: 0 0 0 105px; } body.blog.user .loop-meta img, body.archive.user .loop-meta img, body.search.user .loop-meta img { width: 72px; height: 72px; border-radius: 50%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } nav.pagination { margin: 100px 0 0 0; font-weight: 400; text-align: center; line-height: 1; height: 42px; padding: 0 42px; position: relative; color: #999; font-size: 18px; font-size: 1.8rem; } nav.pagination:before, nav.pagination:after { content: ''; position: absolute; top: 0; height: 42px; width: 42px; background-color: #f1f1f1; display: block; z-index: 1; } nav.pagination:before { left: 0; border-radius: 50% 0 0 50%; } nav.pagination:after { right: 0; border-radius: 0 50% 50% 0; } nav.pagination .nav-links { position: relative; background-color: #f1f1f1; height: 42px; z-index: 2; } nav.pagination a.prev, nav.pagination a.next { position: absolute; overflow: hidden; width: 0px; height: 0px; padding: 21px; top: 0; line-height: 9999px; border: 0; margin: 0; font-size: 16px; font-size: 1.6rem; } nav.pagination a.prev:before, nav.pagination a.next:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; position: absolute; top: 14px; } nav.pagination .current { position: relative; } nav.pagination .current:before { content: ''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; position: absolute; top: 0; left: 50%; margin-left: -6px; } nav.pagination .prev { left: -42px; } nav.pagination .prev:before { content: '\f053'; right: 10px; } nav.pagination .next { right: -42px; } nav.pagination .next:before { content: '\f054'; left: 10px; } nav.pagination .page-numbers { padding: 12px 16px; display: inline-block; margin-right: -4px; } nav.pagination a { font-weight: normal; color: #333; } nav.pagination a:hover, nav.pagination a:focus { color: #3498db; } .intro { text-align: center; width: 615px; max-width: 100%; display: block; margin-left: auto; margin-right: auto; } .intro:after { content: ''; height: 2px; width: 110px; background-color: #d9d9d9; display: block; margin: 50px auto; } .intro h2 { font-weight: bold; letter-spacing: -1.5px; color: #333; text-transform: none; margin: 0 0 20px; font-size: 50px; font-size: 5rem; } .intro p { color: #555; font-weight: 300; margin: 0; font-size: 24px; font-size: 2.4rem; } .regular-search input[type="submit"], .widget_product_search input[type="submit"] { display: none; } .regular-search input[type="search"], .widget_product_search input[type="search"] { width: 100%; color: #333; font-weight: 400; border: 1px solid #404040; background-color: #fff; padding: 5px 30px 5px 10px; position: relative; display: block; line-height: 1.6; font-size: 16px; font-size: 1.6rem; } .regular-search input[type="search"]:focus, .regular-search input[type="search"]:hover, .widget_product_search input[type="search"]:focus, .widget_product_search input[type="search"]:hover { border-color: #3498db; } .regular-search input[type="search"]::-webkit-search-decoration, .regular-search input[type="search"]::-webkit-search-cancel-button, .regular-search input[type="search"]::-webkit-search-results-button, .regular-search input[type="search"]::-webkit-search-results-decoration, .widget_product_search input[type="search"]::-webkit-search-decoration, .widget_product_search input[type="search"]::-webkit-search-cancel-button, .widget_product_search input[type="search"]::-webkit-search-results-button, .widget_product_search input[type="search"]::-webkit-search-results-decoration { display: none; } .regular-search form, .widget_product_search form { position: relative; } .regular-search form:before, .widget_product_search form:before { content: '\f002'; position: absolute; top: 11px; right: 12px; color: #333; z-index: 1; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size: 14px; font-size: 1.4rem; } body.error-404 #content { color: #999; text-align: center; font-size: 18px; font-size: 1.8rem; } body.error-404 #content h1.entry-title { margin: 0 0 50px; position: relative; font-size: 34px; font-size: 3.4rem; } body.error-404 #content h1.entry-title:after { content: ''; width: 36px; height: 2px; background-color: #d9d9d9; position: absolute; bottom: -20px; left: 0; right: 0; display: block; margin: auto; } body.error-404 #content .regular-search { margin: 50px 0 0 0; } body.error-404 #content .regular-search form.search-form:before { color: #aaa; top: 23px; right: 23px; font-size: 24px; font-size: 2.4rem; } body.error-404 #content .regular-search input[type=search] { border: 2px solid #ccc; padding: 20px 60px 20px 20px; font-size: 18px; font-size: 1.8rem; } body.error-404 #content .regular-search input[type=search]:focus { border: 2px solid #aaa; } body.search #content .regular-search { margin: 50px 0 0 0; } body.search #content .regular-search form.search-form:before { color: #aaa; top: 23px; right: 23px; font-size: 24px; font-size: 2.4rem; } body.search #content .regular-search input[type=search] { border: 2px solid #ccc; padding: 20px 60px 20px 20px; font-size: 18px; font-size: 1.8rem; } body.search #content .regular-search input[type=search]:focus { border: 2px solid #aaa; } .sticky { display: block; } .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } p img { display: block; } .alignleft { display: inline; float: left; margin: 0 25px 25px 0; position: relative; top: 10px; } .alignright { display: inline; float: right; margin: 0 0 25px 25px; position: relative; top: 10px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { margin: 0 0 25px; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { color: #333; padding: 0 10px; margin: 5px 0 0 0; font-size: 16px; font-size: 1.6rem; } .wp-caption.alignleft { display: inline; float: left; margin: 0 25px 25px 0; position: relative; top: 10px; } .wp-caption.alignright { display: inline; float: right; margin: 0 0 25px 25px; position: relative; top: 10px; } .wp-caption.aligncenter { margin: 0 auto 25px; } .gallery { margin: 0 0 25px 0; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } .layout-2c-l #content { width: 70%; float: left; } .layout-2c-l #sidebar-primary { width: 30%; float: left; } .layout-2c-l #sidebar-primary:before { left: 70%; width: 30%; border-left: 1px solid #f2f2f2; } .layout-2c-r #content { width: 70%; float: right; } .layout-2c-r #sidebar-primary { width: 30%; float: left; } .layout-2c-r #sidebar-primary:before { left: 0; width: 30%; border-right: 1px solid #f2f2f2; } .layout-1c-narrow .site-content, .layout-1c-narrow #subsidiary-banner .subsidiary-banner-wrap, .layout-1c-narrow #header .primary-header-outer-wrap, .layout-1c-narrow #footer .footer-sidebar #sidebar-subsidiary, .layout-1c-narrow #footer .credit { width: 1290px; padding-left: 20px; padding-right: 20px; max-width: 100%; display: block; margin-left: auto; margin-right: auto; width: 1095px; } .layout-1c-narrow #footer .footer-sidebar #sidebar-subsidiary { padding: 50px 105px; } #page { overflow: hidden; } .site-content { margin: 60px 0px; position: relative; z-index: 2; width: 1290px; padding-left: 20px; padding-right: 20px; max-width: 100%; display: block; margin-left: auto; margin-right: auto; } .site-content .wrap { background-color: #fff; outline: 4px solid rgba(0, 0, 0, 0.75); padding: 7px; position: relative; } .site-content .wrap:before { content: " "; position: absolute; top: 7px; left: 7px; right: 7px; bottom: 7px; border: 1px solid #f2f2f2; z-index: 1; } .site-content .wrap .content-wrap { position: relative; z-index: 10; overflow: hidden; } /*-------------------------------------------------------------- 13.2 Header --------------------------------------------------------------*/ #subsidiary-banner { background-color: #383838; position: relative; z-index: 100; } #subsidiary-banner .subsidiary-banner-wrap { clear: both; height: 48px; width: 1290px; padding-left: 20px; padding-right: 20px; max-width: 100%; display: block; margin-left: auto; margin-right: auto; } #subsidiary-banner .subsidiary-left-wrap { float: left; } #subsidiary-banner .subsidiary-right-wrap { float: right; } #subsidiary-banner .account { color: #fff; display: inline-block; vertical-align: top; height: 48px; overflow: hidden; margin: 0 -4px 0 0; font-size: 14px; font-size: 1.4rem; } #subsidiary-banner .account a { color: #fff; padding: 17px 20px; display: block; border-left: 1px solid rgba(0, 0, 0, 0.12); line-height: 1; } #subsidiary-banner .account a:hover { background-color: rgba(0, 0, 0, 0.12); } #subsidiary-banner .account .my-account-section { display: inline-block; margin: 0 -3px 0 0; } #subsidiary-banner .account .my-account-section:last-child { margin: 0; border-right: 1px solid rgba(0, 0, 0, 0.12); } #subsidiary-banner .account .my-account-section a:before { content: '\f007'; margin: 0 6px 0 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } #subsidiary-banner .cart { color: #fff; display: inline-block; vertical-align: top; padding: 0; border-right: 1px solid rgba(0, 0, 0, 0.12); position: relative; font-size: 14px; font-size: 1.4rem; } #subsidiary-banner .cart:hover .widget_shopping_cart_content { visibility: visible; opacity: 1; } #subsidiary-banner .cart > a { color: #fff; padding: 17px 21px; display: block; line-height: 0; } #subsidiary-banner .cart > a:hover .cart-item-quantity:after { display: block; } #subsidiary-banner .cart > a:hover:after { display: block; } #subsidiary-banner .cart > a:before { content: '\f07a'; margin: 0 6px 0 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } #subsidiary-banner .cart > a:after { content: ''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #000; position: absolute; bottom: 0px; left: 50%; margin-left: -3px; display: none; } #subsidiary-banner .cart .cart-item-quantity { color: #ccc; font-weight: 300; margin: 0 0 0 10px; position: relative; } #subsidiary-banner .cart .widget_shopping_cart_content { position: absolute; opacity: 0; visibility: hidden; background-color: #000; width: 290px; top: 48px; left: 50%; margin-left: -145px; padding: 24px; text-align: left; color: #ccc; font-size: 18px; font-size: 1.8rem; } #subsidiary-banner .cart .widget_shopping_cart_content:before { content: ''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #000; position: absolute; top: -6px; left: 50%; margin-left: -3px; } #subsidiary-banner .cart .widget_shopping_cart_content ul { margin: 0; } #subsidiary-banner .cart .widget_shopping_cart_content ul li { vertical-align: top; position: relative; margin: 0 0 25px; padding: 0; width: 100%; content: ""; display: table; } #subsidiary-banner .cart .widget_shopping_cart_content ul li:before { display: none; } #subsidiary-banner .cart .widget_shopping_cart_content ul li:last-child { margin: 0; } #subsidiary-banner .cart .widget_shopping_cart_content ul li.empty { text-align: center; } #subsidiary-banner .cart .widget_shopping_cart_content ul li > a { display: block; min-height: 72px; } #subsidiary-banner .cart .widget_shopping_cart_content a { color: #fff; line-height: 1.25; position: relative; } #subsidiary-banner .cart .widget_shopping_cart_content a:hover, #subsidiary-banner .cart .widget_shopping_cart_content a:focus { border: 0; } #subsidiary-banner .cart .widget_shopping_cart_content a:hover .product-title, #subsidiary-banner .cart .widget_shopping_cart_content a:focus .product-title { color: #3498db; border-bottom: 1px solid #3498db; } #subsidiary-banner .cart .widget_shopping_cart_content .product-meta { padding: 0 0 0 90px; } #subsidiary-banner .cart .widget_shopping_cart_content img { position: absolute; top: 0; left: 0; width: 72px; height: 72px; } #subsidiary-banner .cart .widget_shopping_cart_content .product-title { display: inline; position: relative; } #subsidiary-banner .cart .widget_shopping_cart_content a.remove { position: absolute; background-color: #fff; border-radius: 50%; color: #000; width: 24px; height: 24px; border: 3px solid #000; top: -10px; left: -10px; z-index: 10; min-height: 0; line-height: 9999px; overflow: hidden; font-size: 12px; font-size: 1.2rem; } #subsidiary-banner .cart .widget_shopping_cart_content a.remove:before { content: '\f00d'; position: absolute; top: 3px; left: 4px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } #subsidiary-banner .cart .widget_shopping_cart_content a.remove:hover { color: #fff; background-color: #3498db; border-color: #000; } #subsidiary-banner .cart .widget_shopping_cart_content .quantity { display: block; margin: 6px 0 0 0; line-height: 1; color: #666; text-decoration: none; font-size: 16px; font-size: 1.6rem; } #subsidiary-banner .cart .widget_shopping_cart_content .total { display: inline-block; border-top: 1px dotted #d9d9d9; padding: 15px 0 0 0; margin: 25px 0 15px 0; } #subsidiary-banner .cart .widget_shopping_cart_content .buttons { margin: 0; overflow: hidden; } #subsidiary-banner .cart .widget_shopping_cart_content .buttons a { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #000; border-color: #000; border-color: #fff; } #subsidiary-banner .cart .widget_shopping_cart_content .buttons a:visited { color: #000; } #subsidiary-banner .cart .widget_shopping_cart_content .buttons a:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } #subsidiary-banner .cart .widget_shopping_cart_content .buttons a:focus { opacity: 0.7; } #subsidiary-banner .cart .widget_shopping_cart_content .buttons a:visited { color: #fff; } #subsidiary-banner .cart .widget_shopping_cart_content .buttons a:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } #subsidiary-banner .cart .widget_shopping_cart_content .buttons a:first-child { float: left; width: 49%; } #subsidiary-banner .cart .widget_shopping_cart_content .buttons a:last-child { float: right; width: 49%; } #subsidiary-banner .cart .widget_shopping_cart_content .variation { display: none; } #header { background-color: #fff; border-bottom: 1px solid #ebebeb; position: relative; z-index: 90; } #header .primary-header-outer-wrap { height: 155px; width: 1290px; padding-left: 20px; padding-right: 20px; max-width: 100%; display: block; margin-left: auto; margin-right: auto; } #header .primary-header-inner-wrap { width: 100%; height: 100%; display: table; } #header .site-branding { display: table-cell; vertical-align: middle; white-space: nowrap; padding: 0 50px 0 0; } #header .site-branding .site-title { margin: 0; padding: 0; line-height: 30px; font-size: 30px; font-size: 3rem; } #header .site-branding .site-title a { color: #000; letter-spacing: -1px; font-weight: 900; text-transform: none; } #header .site-branding .site-title a:hover { color: #3498db; } #header .site-tagline { color: #999; font-style: italic; line-height: 1.5; border-left: 1px solid #f7f7f7; display: table-cell; vertical-align: middle; min-width: 235px; padding: 0 50px; font-weight: 300; font-size: 16px; font-size: 1.6rem; } #header .masthead-search-wrap { display: table-cell; vertical-align: middle; white-space: nowrap; color: #333; width: 100%; text-align: right; line-height: 1; font-size: 18px; font-size: 1.8rem; } #header .masthead-search-wrap form { position: relative; } #header .masthead-search-wrap .search-submit { display: none; } #header .masthead-search-wrap input[type="search"]::-webkit-search-decoration, #header .masthead-search-wrap input[type="search"]::-webkit-search-cancel-button, #header .masthead-search-wrap input[type="search"]::-webkit-search-results-button, #header .masthead-search-wrap input[type="search"]::-webkit-search-results-decoration { display: none; } #header .masthead-search-wrap input[type="search"].search-field { width: 40px; height: 40px; border-radius: 20px; border: none; cursor: pointer; background-color: #f1f1f1; -webkit-appearance: textfield; -webkit-transition: width 0.6s ease, border-radius 0.6s ease, background 0.6s ease, box-shadow 0.6s ease; -moz-transition: width 0.6s ease, border-radius 0.6s ease, background 0.6s ease, box-shadow 0.6s ease; transition: width 0.6s ease, border-radius 0.6s ease, background 0.6s ease, box-shadow 0.6s ease; } #header .masthead-search-wrap input[type="search"].search-field + label { cursor: pointer; position: absolute; right: 0px; color: #333; width: 40px; height: 40px; text-align: center; line-height: 40px; -webkit-transition: color 0.6s ease; -moz-transition: color 0.6s ease; transition: color 0.6s ease; } #header .masthead-search-wrap input[type="search"].search-field + label:before { content: '\f002'; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } #header .masthead-search-wrap input[type="search"].search-field:hover { color: #fff; background: #c8c8c8; box-shadow: 0 0 0 5px #3d4752; } #header .masthead-search-wrap input[type="search"].search-field:hover + label { color: #fff; } #header .masthead-search-wrap input[type="search"].search-field:focus { border: none; outline: none; box-shadow: none; padding: 0 30px 0 20px; cursor: text; width: 100%; border-radius: auto; color: #000; background-color: #f1f1f1; -webkit-transition: width 0.6s ease, border-radius 0.6s; -moz-transition: width 0.6s ease, border-radius 0.6s; transition: width 0.6s ease, border-radius 0.6s; } #header .masthead-search-wrap input[type="search"].search-field:focus + label { color: #333; } #header .masthead-search-wrap input[type="search"].search-field:not(:focus) { text-indent: -5000px; } #header .menu-toggle-button { position: absolute; top: 25px; left: 0; width: 40px; height: 40px; border: 1px solid #ebebeb; cursor: pointer; text-align: center; display: block; display: none; } #header .menu-toggle-button:hover { border: 1px solid #ddd; } #header .menu-toggle-button span { position: absolute; display: block; top: 50%; left: 50%; margin: -1px 0 0 -10px; } #header .menu-toggle-button span:after, #header .menu-toggle-button span:before { content: ""; position: absolute; left: 0; top: -5px; } #header .menu-toggle-button span:after { top: 5px; } #header .menu-toggle-button span, #header .menu-toggle-button span:before, #header .menu-toggle-button span:after { width: 20px; height: 2px; background-color: #333; transition: all 0.3s; backface-visibility: hidden; border-radius: 1px; } #header #menu-toggle { display: none; } @media (max-width: 850px) { #header #menu-toggle:checked + #menu-primary { display: block; } } /*-------------------------------------------------------------- 13.3 Footer --------------------------------------------------------------*/ #footer { background-color: #fff; } #footer .footer-sidebar { background-color: #000; color: #ccc; font-size: 18px; font-size: 1.8rem; } #footer .footer-sidebar #sidebar-subsidiary { width: 1290px; padding-left: 20px; padding-right: 20px; max-width: 100%; display: block; margin-left: auto; margin-right: auto; padding: 50px 105px; } #footer .footer-sidebar #sidebar-subsidiary h3.widget-title { font-weight: 300; margin: 0 0 25px 0; color: #ccc; font-size: 24px; font-size: 2.4rem; } #footer .footer-sidebar #sidebar-subsidiary.columns-1 > * { width: 100%; margin-left: 6%; margin-right: -5px; display: inline-block; vertical-align: top; } #footer .footer-sidebar #sidebar-subsidiary.columns-1 > *:nth-child(1n+1) { margin-right: 0; } #footer .footer-sidebar #sidebar-subsidiary.columns-1 > *:first-child, #footer .footer-sidebar #sidebar-subsidiary.columns-1 > *:nth-child(1n+1) { margin-left: 0; } #footer .footer-sidebar #sidebar-subsidiary.columns-2 > * { width: 47%; margin-left: 6%; margin-right: -5px; display: inline-block; vertical-align: top; } #footer .footer-sidebar #sidebar-subsidiary.columns-2 > *:nth-child(2n+2) { margin-right: 0; } #footer .footer-sidebar #sidebar-subsidiary.columns-2 > *:first-child, #footer .footer-sidebar #sidebar-subsidiary.columns-2 > *:nth-child(2n+1) { margin-left: 0; } #footer .footer-sidebar #sidebar-subsidiary.columns-3 > * { width: 29.33333%; margin-left: 6%; margin-right: -5px; display: inline-block; vertical-align: top; } #footer .footer-sidebar #sidebar-subsidiary.columns-3 > *:nth-child(3n+3) { margin-right: 0; } #footer .footer-sidebar #sidebar-subsidiary.columns-3 > *:first-child, #footer .footer-sidebar #sidebar-subsidiary.columns-3 > *:nth-child(3n+1) { margin-left: 0; } #footer .footer-end { padding: 75px 0; color: #555; text-transform: uppercase; letter-spacing: 0.5px; line-height: 0.65; clear: both; overflow: hidden; width: 1290px; padding-left: 20px; padding-right: 20px; max-width: 100%; display: block; margin-left: auto; margin-right: auto; font-size: 15px; font-size: 1.5rem; } #footer .footer-end a { color: #333; border-bottom: 1px dotted #aaa; padding: 0 0 2px 0; } #footer .footer-end a:hover { color: #3498db; } #footer .credit { float: left; line-height: 1.6; } #footer .footer-nav { float: right; text-align: right; line-height: 1.6; } #footer .footer-nav ul { list-style: none; margin: 0; } #footer .footer-nav ul li { display: inline-block; margin: 0 0 0 15px; } #footer .footer-nav ul li:first-child { margin: 0; } /*-------------------------------------------------------------- 13.4 Primary --------------------------------------------------------------*/ #content { padding: 50px; overflow: hidden; } /*-------------------------------------------------------------- 13.5 Secondary --------------------------------------------------------------*/ #sidebar-primary { padding: 50px; overflow: hidden; } #sidebar-primary:before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; } /*-------------------------------------------------------------- 14.1 Common --------------------------------------------------------------*/ @-webkit-keyframes three-quarters { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes three-quarters { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @keyframes three-quarters { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } div.woocommerce { display: block; clear: both; } ul.products li { text-align: center; } ul.products a:first-child { color: #333; font-weight: 400; line-height: 1.3; position: relative; content: ""; display: table; font-size: 18px; font-size: 1.8rem; } ul.products a:first-child:hover img { outline: 3px solid #333; } ul.products a:first-child:hover img:before { content: ''; display: block; width: 10px; height: 10px; background-color: red; } ul.products a:first-child:hover h3 { color: #3498db !important; } ul.products h3 { line-height: 1.4; margin: 0 0 5px 0; font-weight: 400; font-size: 18px; font-size: 1.8rem; } ul.products img { float: left; margin: 0 0 10px 0; width: 100%; height: auto; } ul.products mark { background: none; color: #777; font-size: 16px; font-size: 1.6rem; } ul.products p.price, ul.products span.price { margin: 5px 0 0 0; color: #777; font-size: 16px; font-size: 1.6rem; } ul.products p.price ins, ul.products p.price > .amount, ul.products span.price ins, ul.products span.price > .amount { text-decoration: none; background: none; } ul.products p.price del, ul.products span.price del { margin: 0 2px 0 0; color: #999; font-size: 14px; font-size: 1.4rem; } ul.products .onsale { position: absolute; top: 0; left: 0; padding: 5px 10px; text-transform: uppercase; color: #fff; background-color: #333; letter-spacing: 1px; font-size: 14px; font-size: 1.4rem; } ul.products li.product-category h3 { margin: 0; } ul.products a.add_to_cart_button { padding: 10px 14px; margin: 15px 0 0 0; font-size: 14px; font-size: 1.4rem; } ul.products a.add_to_cart_button.loading:after { content: ''; margin: 0 0 0 6px; border: 2px solid #000; border-right-color: transparent; border-bottom-color: transparent; border-radius: 50%; box-sizing: border-box; display: inline-block; position: relative; overflow: hidden; text-indent: -9999px; width: 12px; height: 12px; position: relative; top: 1px; -webkit-animation: three-quarters 1000ms infinite linear; -moz-animation: three-quarters 1000ms infinite linear; animation: three-quarters 1000ms infinite linear; } ul.products a.add_to_cart_button.added:after { content: '\f00c'; margin: 0 0 0 6px; color: #2ecc71; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } ul.products a.add_to_cart_button:hover.loading:after { border: 2px solid #fff; border-right-color: transparent; border-bottom-color: transparent; } ul.products a.add_to_cart_button:hover.added:after { color: #fff; } ul.products a.add_to_cart_button:focus { opacity: 1; } ul.products a.added_to_cart { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #000; border-color: #000; font-size: 14px; font-size: 1.4rem; padding: 10px 14px; margin: 15px 0 0 0; } ul.products a.added_to_cart:visited { color: #000; } ul.products a.added_to_cart:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } ul.products a.added_to_cart:focus { opacity: 0.7; } ul.products a.added_to_cart:visited { color: #fff; } ul.products a.added_to_cart:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } .star-rating { width: 74px; height: 14px; margin: 0; overflow: hidden; cursor: default; position: relative; display: block; margin: 8px auto; } .star-rating:before { content: '\f006\f006\f006\f006\f006'; color: #f39c12; position: absolute; top: 0; left: 0; letter-spacing: 0px; font-size: 16px; font-size: 1.6rem; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } .star-rating span { padding-top: 14px; display: block; overflow: hidden; position: relative; } .star-rating span:before { content: '\f005\f005\f005\f005\f005'; color: #f39c12; position: absolute; top: 0; left: 0; letter-spacing: 0px; font-size: 16px; font-size: 1.6rem; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } body.woocommerce.archive .entry-header { margin: 0 -50px 50px; padding: 0 50px 50px; border-bottom: 1px solid #f2f2f2; color: #555; line-height: 1; } body.woocommerce.archive .entry-header .entry-title { margin: 0; color: #555; text-transform: none; letter-spacing: -2.5px; position: relative; padding: 0 0 0 55px; font-weight: bold; line-height: 1; font-size: 50px; font-size: 5rem; } body.woocommerce.archive .entry-header .entry-title:before { content: ''; width: 35px; height: 35px; display: block; border: 2px solid #404040; border-radius: 50%; position: relative; margin: 0 20px 0 0; position: absolute; top: 8px; left: 0; font-size: 14px; font-size: 1.4rem; } body.woocommerce.archive .entry-header .entry-title:after { content: ''; left: 12px; top: 18px; position: absolute; font-size: 14px; font-size: 1.4rem; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } body.woocommerce.archive .entry-header .term-description { margin: 25px 0 0; line-height: 1.55; } body.woocommerce.archive .entry-header .term-description > * { margin: 0; } body.woocommerce.archive.taxonomy-product_cat .entry-title:after { content: '\f114'; } body.woocommerce.archive.taxonomy-product_tag .entry-title:after { content: '\f02c'; top: 20px; left: 11px; } body.woocommerce.archive.archive-product .entry-header { padding: 0 50px 0; margin: 0 -50px 40px; border: 0; } body.woocommerce.archive.archive-product .entry-title:after { content: '\f07a'; left: 11px; } body.woocommerce.archive.archive-product .woocommerce-result-count { border-top: 1px solid #e5e5e5; } body.woocommerce.archive .woocommerce-result-count { float: left; letter-spacing: 1px; color: #999; text-transform: uppercase; font-weight: 400; padding: 12px 0 0 0; margin: 0 0 50px 0; line-height: 1; font-size: 15px; font-size: 1.5rem; } body.woocommerce.archive form.woocommerce-ordering { float: right; position: relative; margin: 0 0 50px 0; } body.woocommerce.archive form.woocommerce-ordering select { color: #333; font-weight: 400; border: 1px solid #404040; background-color: #fff; margin: 0; padding: 5px 25px 5px 10px; position: relative; display: block; font-size: 16px; font-size: 1.6rem; } body.woocommerce.archive form.woocommerce-ordering select:focus, body.woocommerce.archive form.woocommerce-ordering select:hover { border-color: #3498db; } div.select2-container { width: 100% !important; line-height: 1.25; } div.select2-container.select2-container-active a.select2-choice, div.select2-container.select2-dropdown-open a.select2-choice { border-color: #aaa; } div.select2-container.select2-dropdown-open a.select2-choice { border-width: 2px 2px 0px 2px; } div.select2-container a.select2-choice { color: #333; display: block; width: 100%; border-radius: 0; border: 2px solid #ccc; background-color: #fff; padding: 20px; font-size: 18px; font-size: 1.8rem; } div.select2-container.select2-drop-above.select2-dropdown-open .select2-choice { border-radius: 0; border-width: 0px 2px 2px 2px; } div.select2-drop { font-weight: 400; border: 2px solid #aaa; border-width: 0px 2px 2px 2px; font-size: 18px; font-size: 1.8rem; } div.select2-drop .select2-search { position: relative; padding: 0px 6px 6px 6px; background-color: #fff; } div.select2-drop .select2-search:after { content: '\f002'; position: absolute; top: 11px; right: 15px; color: #9b9d9f; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size: 14px; font-size: 1.4rem; } div.select2-drop .select2-search input.select2-input { background: none; background-color: #fff; border-width: 1px; font-family: "Source Sans Pro", sans-serif; padding: 4px 25px 4px 10px !important; } div.select2-drop.select2-drop-above.select2-drop-active { border-width: 2px 2px 0px 2px; border-color: #aaa; border-radius: 0; } div.select2-drop.select2-drop-above.select2-drop-active .select2-search:after { content: '\f002'; position: absolute; top: 15px; right: 15px; color: #9b9d9f; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size: 14px; font-size: 1.4rem; } table.variation { margin: 10px 0 0 0; line-height: 1; font-size: 16px; font-size: 1.6rem; } table.variation tr td { padding-bottom: 5px; } table.variation tr:last-child td { padding-bottom: 0; } table.variation .variation-key { padding: 0 15px 0 0; } table.variation .variation-value { color: #333; width: 100%; } .shop_table { border-top: 3px solid #404040; color: #555; margin: 0 0 50px; font-size: 18px; font-size: 1.8rem; } .shop_table > tbody > tr { background-color: #fafafa; } .shop_table > thead > tr > th { color: #333; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 2px solid #e5e5e5; padding: 7px 15px; font-size: 14px; font-size: 1.4rem; } .shop_table > tfoot > tr > th { color: #000; } .shop_table > tfoot > tr > td { white-space: nowrap; } .shop_table > tfoot .order-total strong, .shop_table > tfoot > tr:last-child > td span { font-weight: 400; color: #000; } .shop_table > * > tr > td, .shop_table > * > tr > th { border-bottom: 1px solid #eaeaea; padding: 7px 15px; } .shop_table > * > tr > td p, .shop_table > * > tr > th p { margin: 0; } .addresses h3 { color: #333; letter-spacing: 0.5px; text-transform: uppercase; font-weight: 600; font-size: 14px; font-size: 1.4rem; } .addresses header { position: relative; display: inline-block; padding: 0 60px 0 0; } .addresses .edit { color: #555; position: absolute; top: 40px; right: 0; width: 35px; height: 35px; padding: 35px 0 0 0; overflow: hidden; font-size: 0; } .addresses .edit:before { content: ''; width: 35px; height: 35px; display: block; border: 2px solid #404040; border-radius: 50%; position: relative; margin: 0 20px 0 0; position: absolute; top: 0; left: 0; font-size: 14px; font-size: 1.4rem; } .addresses .edit:after { content: '\f040'; left: 11px; top: 10px; position: absolute; font-size: 14px; font-size: 1.4rem; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } .addresses .edit:hover { color: #3498db; } .addresses .edit:hover:before { border: 2px solid #3498db; } .woocommerce .col2-set, .woocommerce-page .col2-set { width: 100%; content: ""; display: table; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left; width: 48%; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: right; width: 48%; } .woocommerce label.inline, .woocommerce-page label.inline { display: inline; margin: 0 0 0 10px; } /*-------------------------------------------------------------- 14.2 Messages --------------------------------------------------------------*/ .woocommerce-message, .woocommerce-error, .woocommerce-info { padding: 25px 30px; margin: 0 0 15px; background-color: #17ba6f; color: #fff; clear: both; border-left: 12px solid rgba(0, 0, 0, 0.15); font-weight: 300; font-size: 20px; font-size: 2rem; } .woocommerce-message li, .woocommerce-error li, .woocommerce-info li { list-style: none outside; padding-left: 0; margin-left: 0; } .woocommerce-message li:before, .woocommerce-error li:before, .woocommerce-info li:before { display: none; } .woocommerce-message li:last-child, .woocommerce-error li:last-child, .woocommerce-info li:last-child { margin-bottom: 0; } .woocommerce-message a, .woocommerce-error a, .woocommerce-info a { color: #fff; font-weight: 600; } .woocommerce-message a:hover, .woocommerce-message a:focus, .woocommerce-error a:hover, .woocommerce-error a:focus, .woocommerce-info a:hover, .woocommerce-info a:focus { color: rgba(255, 255, 255, 0.85); } .woocommerce-message a.button, .woocommerce-error a.button, .woocommerce-info a.button { position: relative; font-weight: 900; float: right; color: #fff; background-color: inherit; border: none; padding: 10px 0 10px 40px; } .woocommerce-message a.button:before, .woocommerce-error a.button:before, .woocommerce-info a.button:before { content: ''; width: 1px; left: 20px; top: 2px; height: 30px; border-left: 1px solid rgba(255, 255, 255, 0.3); display: block; position: absolute; } .woocommerce-message a.button:after, .woocommerce-error a.button:after, .woocommerce-info a.button:after { content: '\f061'; margin-left: 7px; font-size: 14px; top: -1px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } .woocommerce-message a.button:hover, .woocommerce-error a.button:hover, .woocommerce-info a.button:hover { color: rgba(255, 255, 255, 0.85); } .woocommerce-info { background-color: #3d9cd2; } .woocommerce-error { background-color: #e2401c; } /*-------------------------------------------------------------- 14.3 Cart --------------------------------------------------------------*/ body.woocommerce-cart #content .entry-header { margin: 0 0 60px; color: #555; line-height: 1; } body.woocommerce-cart #content .entry-header .entry-title { color: #555; letter-spacing: -2px; position: relative; padding: 0 0 0 55px; margin: 0; line-height: 1; font-size: 50px; font-size: 5rem; } body.woocommerce-cart #content .entry-header .entry-title:before { content: ''; width: 35px; height: 35px; display: block; border: 2px solid #404040; border-radius: 50%; position: relative; margin: 0 20px 0 0; position: absolute; top: 11px; left: 0; font-size: 14px; font-size: 1.4rem; } body.woocommerce-cart #content .entry-header .entry-title:after { content: '\f07a'; left: 11px; top: 21px; position: absolute; font-size: 14px; font-size: 1.4rem; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } body.woocommerce-cart #content table.shop_table.cart { width: 100%; margin: 0 0 65px; font-size: 20px; font-size: 2rem; } body.woocommerce-cart #content table.shop_table.cart > thead > tr > th { padding: 12px 25px; } body.woocommerce-cart #content table.shop_table.cart > tbody > tr { background-color: #fff; } body.woocommerce-cart #content table.shop_table.cart > tbody > tr:nth-child(even) { background-color: #fafafa; } body.woocommerce-cart #content table.shop_table.cart > tbody > tr > td { color: #666; vertical-align: middle; padding: 25px; font-size: 20px; font-size: 2rem; } body.woocommerce-cart #content table.shop_table.cart > tbody > tr > td a { color: #333; } body.woocommerce-cart #content table.shop_table.cart > tbody > tr > td a:hover { color: #3498db; border-bottom: 1px solid #3498db; } body.woocommerce-cart #content table.shop_table.cart > tbody > tr:last-child td { border-bottom: 2px solid #e5e5e5; } body.woocommerce-cart #content table.shop_table.cart .product-thumbnail a { overflow: hidden; display: block; width: 60px; } body.woocommerce-cart #content table.shop_table.cart .product-thumbnail a:hover { text-decoration: none; border: 0; } body.woocommerce-cart #content table.shop_table.cart .product-thumbnail a img { float: left; } body.woocommerce-cart #content table.shop_table.cart .product-remove a { background-color: #e74c3c; width: 17px; height: 17px; border-radius: 50%; display: block; overflow: hidden; line-height: 9999; position: relative; color: #fff; } body.woocommerce-cart #content table.shop_table.cart .product-remove a:before { content: '\f00d'; position: absolute; top: 2px; left: 4px; display: block; font-size: 12px; font-size: 1.2rem; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } body.woocommerce-cart #content table.shop_table.cart .product-remove a:hover { background-color: #3498db; color: #fff; } body.woocommerce-cart #content table.shop_table.cart .product-name { width: 100%; } body.woocommerce-cart #content table.shop_table.cart .product-quantity .quantity { width: 100px; } body.woocommerce-cart #content table.shop_table.cart .product-quantity input[type=number] { border: 2px solid #ccc; color: #777; background-color: #fff; height: 55px; text-align: center; width: 100%; position: relative; padding: 0; font-size: 18px; font-size: 1.8rem; } body.woocommerce-cart #content table.shop_table.cart .coupon { float: left; } body.woocommerce-cart #content table.shop_table.cart .coupon label { display: none; } body.woocommerce-cart #content table.shop_table.cart .coupon input[type=text] { border: 2px solid #ccc; color: #777; background-color: #fff; height: 55px; padding: 0px 20px; font-size: 18px; font-size: 1.8rem; } body.woocommerce-cart #content table.shop_table.cart .coupon input[type=submit], body.woocommerce-cart #content table.shop_table.cart .coupon + input[type=submit] { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #333; border-color: #333; height: 55px; text-transform: none; letter-spacing: normal; font-size: 18px; font-size: 1.8rem; } body.woocommerce-cart #content table.shop_table.cart .coupon input[type=submit]:visited, body.woocommerce-cart #content table.shop_table.cart .coupon + input[type=submit]:visited { color: #000; } body.woocommerce-cart #content table.shop_table.cart .coupon input[type=submit]:hover, body.woocommerce-cart #content table.shop_table.cart .coupon + input[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-cart #content table.shop_table.cart .coupon input[type=submit]:focus, body.woocommerce-cart #content table.shop_table.cart .coupon + input[type=submit]:focus { opacity: 0.7; } body.woocommerce-cart #content table.shop_table.cart .coupon input[type=submit]:visited, body.woocommerce-cart #content table.shop_table.cart .coupon + input[type=submit]:visited { color: #fff; } body.woocommerce-cart #content table.shop_table.cart .coupon input[type=submit]:hover, body.woocommerce-cart #content table.shop_table.cart .coupon + input[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-cart #content table.shop_table.cart .coupon + input[type=submit] { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #333; border-color: #333; float: right; height: 55px; text-transform: none; letter-spacing: normal; font-size: 18px; font-size: 1.8rem; } body.woocommerce-cart #content table.shop_table.cart .coupon + input[type=submit]:visited { color: #000; } body.woocommerce-cart #content table.shop_table.cart .coupon + input[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-cart #content table.shop_table.cart .coupon + input[type=submit]:focus { opacity: 0.7; } body.woocommerce-cart #content table.shop_table.cart .coupon + input[type=submit]:visited { color: #fff; } body.woocommerce-cart #content table.shop_table.cart .coupon + input[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-cart #content table.shop_table.cart table.variation p { margin: 0; } body.woocommerce-cart #content .cart-collaterals { width: 47%; float: right; } body.woocommerce-cart #content .cart-collaterals h2 { margin: 0 0 20px; font-weight: 300; text-transform: none; color: #333; font-size: 24px; font-size: 2.4rem; } body.woocommerce-cart #content .cart-collaterals table { border-top: 3px solid #404040; width: 100%; color: #555; margin: 0 0 50px; font-size: 18px; font-size: 1.8rem; } body.woocommerce-cart #content .cart-collaterals table tr td { background-color: #f7f7f7; } body.woocommerce-cart #content .cart-collaterals table tr th, body.woocommerce-cart #content .cart-collaterals table tr td { border-bottom: 1px solid #eaeaea; padding: 10px 15px; } body.woocommerce-cart #content .cart-collaterals table tr th p, body.woocommerce-cart #content .cart-collaterals table tr td p { margin: 0; } body.woocommerce-cart #content .cart-collaterals table .order-total strong { font-weight: 400; color: #000; } body.woocommerce-cart #content .cart-collaterals table .shipping-calculator-button { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #333; border-color: #333; text-transform: none; margin: 7px 0; } body.woocommerce-cart #content .cart-collaterals table .shipping-calculator-button:visited { color: #000; } body.woocommerce-cart #content .cart-collaterals table .shipping-calculator-button:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-cart #content .cart-collaterals table .shipping-calculator-button:focus { opacity: 0.7; } body.woocommerce-cart #content .cart-collaterals table .shipping-calculator-button:visited { color: #fff; } body.woocommerce-cart #content .cart-collaterals table .shipping-calculator-button:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-cart #content .cart-collaterals table p.form-row { margin: 0 0 7px; } body.woocommerce-cart #content .cart-collaterals table select, body.woocommerce-cart #content .cart-collaterals table input[type=text] { width: 100%; border: 2px solid #ccc; padding: 5px 10px; background-color: #fff; color: #555; } body.woocommerce-cart #content .cart-collaterals table button[type=submit] { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #333; border-color: #333; text-transform: none; } body.woocommerce-cart #content .cart-collaterals table button[type=submit]:visited { color: #000; } body.woocommerce-cart #content .cart-collaterals table button[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-cart #content .cart-collaterals table button[type=submit]:focus { opacity: 0.7; } body.woocommerce-cart #content .cart-collaterals table button[type=submit]:visited { color: #fff; } body.woocommerce-cart #content .cart-collaterals table button[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-cart #content .cart-collaterals .wc-proceed-to-checkout a { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #000; border-color: #000; padding: 16px 22px; text-transform: none; letter-spacing: normal; width: 100%; font-size: 20px; font-size: 2rem; } body.woocommerce-cart #content .cart-collaterals .wc-proceed-to-checkout a:visited { color: #000; } body.woocommerce-cart #content .cart-collaterals .wc-proceed-to-checkout a:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-cart #content .cart-collaterals .wc-proceed-to-checkout a:focus { opacity: 0.7; } body.woocommerce-cart #content .cart-collaterals .wc-proceed-to-checkout a:visited { color: #fff; } body.woocommerce-cart #content .cart-collaterals .wc-proceed-to-checkout a:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-cart #content .cart-collaterals .wc-proceed-to-checkout a:after { content: '\f061'; padding: 0 0 0 15px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } body.woocommerce-cart #content .cross-sells { float: left; width: 47%; } body.woocommerce-cart #content .cross-sells h2 { margin: 0 0 20px; font-weight: 300; text-transform: none; color: #333; font-size: 24px; font-size: 2.4rem; } /*-------------------------------------------------------------- 14.4 Checkout --------------------------------------------------------------*/ body.woocommerce-checkout #content { color: #555; font-weight: 400; font-size: 18px; font-size: 1.8rem; } body.woocommerce-checkout #content .entry-header { margin: 0px; color: #555; } body.woocommerce-checkout #content .entry-header h1.entry-title { color: #555; letter-spacing: -2px; margin: 0; line-height: 1; } body.woocommerce-checkout #content .entry-content .woocommerce .woocommerce-info:first-of-type { margin: 50px 0 15px 0; } body.woocommerce-checkout #content .woocommerce-error { margin: 0 0 50px; } body.woocommerce-checkout #content form.woocommerce-checkout { overflow: hidden; display: block; margin: 50px 0 0; } body.woocommerce-checkout #content .form-row-wide { clear: both; } body.woocommerce-checkout #content #customer_details { width: 48%; float: left; } body.woocommerce-checkout #content #customer_details > div { width: 100%; float: none; } body.woocommerce-checkout #content #customer_details input[type="text"], body.woocommerce-checkout #content #customer_details input[type="email"], body.woocommerce-checkout #content #customer_details input[type="url"], body.woocommerce-checkout #content #customer_details input[type="password"], body.woocommerce-checkout #content #customer_details input[type="search"], body.woocommerce-checkout #content #customer_details input[type="number"], body.woocommerce-checkout #content #customer_details select, body.woocommerce-checkout #content #customer_details textarea { width: 100%; } body.woocommerce-checkout #content #customer_details p.form-row { margin: 0 0 25px; } body.woocommerce-checkout #content #customer_details p.form-row label { font-weight: 400; color: #777; display: block; margin: 0 0 7px; cursor: pointer; font-size: 18px; font-size: 1.8rem; } body.woocommerce-checkout #content #customer_details p.form-row abbr.required { color: #e74c3c; border: 0; } body.woocommerce-checkout #content #customer_details p.form-row.notes { margin: 0; } body.woocommerce-checkout #content #customer_details .form-row-first { float: left; width: 48%; } body.woocommerce-checkout #content #customer_details .form-row-last { float: right; width: 48%; } body.woocommerce-checkout #content #customer_details #billing_address_1_field { margin: 0 0 15px; } body.woocommerce-checkout #content #customer_details p.create-account.form-row .input-checkbox { display: inline; position: relative; top: 1px; margin: 0 3px 0 0; } body.woocommerce-checkout #content #customer_details p.create-account.form-row label { display: inline; } body.woocommerce-checkout #content #customer_details .create-account p { margin: 0 0 15px; } body.woocommerce-checkout #content .woocommerce-billing-fields h3, body.woocommerce-checkout #content #ship-to-different-address, body.woocommerce-checkout #content #order_review_heading, body.woocommerce-checkout #content .payment-methods-heading { font-weight: 300; color: #555; padding: 0 0 20px 0; margin: 0 0 25px 0; position: relative; text-transform: none; font-size: 24px; font-size: 2.4rem; } body.woocommerce-checkout #content .woocommerce-billing-fields h3:after, body.woocommerce-checkout #content #ship-to-different-address:after, body.woocommerce-checkout #content #order_review_heading:after, body.woocommerce-checkout #content .payment-methods-heading:after { content: ''; display: block; width: 39px; border-bottom: 1px dotted #d9d9d9; position: absolute; left: 0; bottom: 0; } body.woocommerce-checkout #content #order_review_heading, body.woocommerce-checkout #content .payment-methods-heading { padding: 0; margin: 0 0 20px; } body.woocommerce-checkout #content #order_review_heading:after, body.woocommerce-checkout #content .payment-methods-heading:after { display: none; } body.woocommerce-checkout #content #ship-to-different-address-checkbox { margin: 35px 0 0 10px; } body.woocommerce-checkout #content #order_review { float: right; width: 48%; } body.woocommerce-checkout #content .woocommerce-checkout-review-order-table, body.woocommerce-checkout #content table.order_details { width: 100%; } body.woocommerce-checkout #content .woocommerce-checkout-review-order-table.order_details, body.woocommerce-checkout #content table.order_details.order_details { width: auto; } body.woocommerce-checkout #content #payment .payment_methods { list-style-type: none; border-top: 3px solid #404040; color: #555; font-weight: 400; margin: 0 0 50px; font-size: 18px; font-size: 1.8rem; } body.woocommerce-checkout #content #payment .payment_methods li { border-bottom: 1px solid #f2f2f2; position: relative; line-height: 1; padding: 0; margin: 0; } body.woocommerce-checkout #content #payment .payment_methods input[type=radio] { position: relative; top: 1px; display: inline-block; } body.woocommerce-checkout #content #payment .payment_methods label { margin: 0; padding: 15px 0 15px 5px; display: inline-block; cursor: pointer; } body.woocommerce-checkout #content #payment .payment_methods .payment_box { background-color: #f7f7f7; padding: 15px; line-height: 1.4; clear: both; font-size: 14px; font-size: 1.4rem; } body.woocommerce-checkout #content #payment .payment_methods .payment_box > * { margin: 0; } body.woocommerce-checkout #content #payment .payment_methods .payment_method_paypal img { position: absolute; right: 10px; top: 2px; width: 105px; } body.woocommerce-checkout #content #payment .payment_methods .about_paypal { margin: 0 0 0 5px; } body.woocommerce-checkout #content #payment #place_order { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #000; border-color: #000; padding: 16px 22px; text-transform: none; letter-spacing: normal; width: 100%; font-size: 20px; font-size: 2rem; } body.woocommerce-checkout #content #payment #place_order:visited { color: #000; } body.woocommerce-checkout #content #payment #place_order:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-checkout #content #payment #place_order:focus { opacity: 0.7; } body.woocommerce-checkout #content #payment #place_order:visited { color: #fff; } body.woocommerce-checkout #content #payment #place_order:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-checkout #content #payment #place_order:after { content: '\f061'; padding: 0 0 0 15px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } body.woocommerce-checkout #content ul.order_details { margin: 0 0 30px; list-style: none; overflow: hidden; } body.woocommerce-checkout #content ul.order_details li { float: left; margin: 0 30px 0 0; padding: 0 30px 0 0; line-height: 1; border-right: 1px dotted #ddd; letter-spacing: 1px; color: #999; text-transform: uppercase; font-weight: 400; font-size: 15px; font-size: 1.5rem; } body.woocommerce-checkout #content ul.order_details li strong { display: block; line-height: 1.5; text-transform: none; letter-spacing: normal; color: #555; font-size: 20px; font-size: 2rem; } body.woocommerce-checkout #content ul.order_details li:last-of-type { border: none; margin: 0; padding: 0; } body.woocommerce-checkout #content ul.order_details.bacs_details { margin: 0 0 50px; } body.woocommerce-checkout #content ul.order_details.bacs_details + h2 { padding: 0; } body.woocommerce-checkout #content ul.order_details.bacs_details + h2:after { display: none; color: red; } body.woocommerce-checkout #content h2, body.woocommerce-checkout #content .addresses h3 { font-weight: 300; color: #555; padding: 0 0 20px 0; margin: 0 0 25px 0; position: relative; text-transform: none; font-size: 24px; font-size: 2.4rem; } body.woocommerce-checkout #content h2:after, body.woocommerce-checkout #content .addresses h3:after { content: ''; display: block; width: 39px; border-bottom: 1px dotted #d9d9d9; position: absolute; left: 0; bottom: 0; } body.woocommerce-checkout #content h3 { margin: 25px 0 30px; color: #333; font-weight: 400; } body.woocommerce-checkout #content table.order_details { margin: 0 0 50px; } body.woocommerce-checkout #content table.order_details + header h2 { padding: 0; } body.woocommerce-checkout #content table.order_details + header h2:after { display: none; } body.woocommerce-checkout #content .checkout_coupon { background-color: #f7f7f7; padding: 30px 240px 30px 30px; margin: 0 0 50px 0; position: relative; } body.woocommerce-checkout #content .checkout_coupon .form-row { margin: 0; } body.woocommerce-checkout #content .checkout_coupon .form-row input[type=text] { width: 100%; } body.woocommerce-checkout #content .checkout_coupon input[type=submit] { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #000; border-color: #000; height: 66px; text-transform: none; letter-spacing: normal; width: 200px; position: absolute; top: 30px; right: 30px; font-size: 18px; font-size: 1.8rem; } body.woocommerce-checkout #content .checkout_coupon input[type=submit]:visited { color: #000; } body.woocommerce-checkout #content .checkout_coupon input[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-checkout #content .checkout_coupon input[type=submit]:focus { opacity: 0.7; } body.woocommerce-checkout #content .checkout_coupon input[type=submit]:visited { color: #fff; } body.woocommerce-checkout #content .checkout_coupon input[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-checkout #content form.login { background-color: #f7f7f7; padding: 30px; margin: 0 0 50px 0; line-height: 1.45; } body.woocommerce-checkout #content form.login > * { margin: 0 auto; width: 600px; max-width: 100%; } body.woocommerce-checkout #content form.login p { margin: 0 auto 20px; } body.woocommerce-checkout #content form.login p.form-row { margin: 0 auto 20px; } body.woocommerce-checkout #content form.login p.form-row label { font-weight: 400; color: #777; display: block; margin: 0 0 7px; cursor: pointer; font-size: 18px; font-size: 1.8rem; } body.woocommerce-checkout #content form.login p.form-row label.inline { display: inline-block; } body.woocommerce-checkout #content form.login p.form-row span.required { color: #e74c3c; } body.woocommerce-checkout #content form.login p.form-row input[type="text"], body.woocommerce-checkout #content form.login p.form-row input[type="email"], body.woocommerce-checkout #content form.login p.form-row input[type="url"], body.woocommerce-checkout #content form.login p.form-row input[type="password"], body.woocommerce-checkout #content form.login p.form-row input[type="search"], body.woocommerce-checkout #content form.login p.form-row input[type="number"], body.woocommerce-checkout #content form.login p.form-row select, body.woocommerce-checkout #content form.login p.form-row textarea { width: 100%; } body.woocommerce-checkout #content form.login input[type=submit] { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #333; border-color: #333; text-transform: none; font-weight: 400; margin: 5px 15px 0 0; padding: 20px 30px; font-size: 18px; font-size: 1.8rem; } body.woocommerce-checkout #content form.login input[type=submit]:visited { color: #000; } body.woocommerce-checkout #content form.login input[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-checkout #content form.login input[type=submit]:focus { opacity: 0.7; } body.woocommerce-checkout #content form.login input[type=submit]:visited { color: #fff; } body.woocommerce-checkout #content form.login input[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-checkout #content form.login #rememberme { display: inline; position: relative; top: 1px; margin: 0 2px 0 0; } body.woocommerce-checkout #content form.login .lost_password { margin: 10px auto 0; } body.woocommerce-checkout.woocommerce-thankyou #content .entry-header h1.entry-title { margin: 0 0 35px 0; } body.woocommerce-checkout.woocommerce-thankyou #content h3 { letter-spacing: normal; font-size: 18px; font-size: 1.8rem; } body.woocommerce-checkout.woocommerce-thankyou #content .addresses h3 { font-size: 24px; font-size: 2.4rem; } body.woocommerce-checkout.woocommerce-thankyou #content table.shop_table.customer_details { margin: 0 0 50px 0; } body.woocommerce-checkout.woocommerce-thankyou #content table.shop_table.customer_details th { background-color: #fff; } /*-------------------------------------------------------------- 14.4 Account --------------------------------------------------------------*/ body.woocommerce-account #content table.shop_table.my_account_orders { width: 100%; margin: 0 0 65px; font-size: 20px; font-size: 2rem; } body.woocommerce-account #content table.shop_table.my_account_orders > thead > tr > th { padding: 12px 25px; } body.woocommerce-account #content table.shop_table.my_account_orders > tbody > tr { background-color: #fff; } body.woocommerce-account #content table.shop_table.my_account_orders > tbody > tr:nth-child(even) { background-color: #fafafa; } body.woocommerce-account #content table.shop_table.my_account_orders > tbody > tr > td { color: #666; vertical-align: middle; padding: 25px; font-size: 20px; font-size: 2rem; } body.woocommerce-account #content table.shop_table.my_account_orders > tbody > tr > td a { color: #333; } body.woocommerce-account #content table.shop_table.my_account_orders > tbody > tr > td a:hover { color: #3498db; border-bottom: 1px solid #3498db; } body.woocommerce-account #content table.shop_table.my_account_orders > tbody > tr:last-child td { border-bottom: 2px solid #e5e5e5; } body.woocommerce-account #content table.shop_table.my_account_orders .order-actions a { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #333; border-color: #333; text-transform: none; letter-spacing: normal; padding: 15px 20px; font-size: 18px; font-size: 1.8rem; } body.woocommerce-account #content table.shop_table.my_account_orders .order-actions a:visited { color: #000; } body.woocommerce-account #content table.shop_table.my_account_orders .order-actions a:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-account #content table.shop_table.my_account_orders .order-actions a:focus { opacity: 0.7; } body.woocommerce-account #content table.shop_table.my_account_orders .order-actions a:visited { color: #fff; } body.woocommerce-account #content table.shop_table.my_account_orders .order-actions a:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-account #content h2 { letter-spacing: normal; font-weight: 300; margin: 0 0 20px 0; font-size: 24px; font-size: 2.4rem; } body.woocommerce-account #content .order-info mark { padding: 2px 5px; border-radius: 2px; } body.woocommerce-account #content form { display: block; /* .form-row-first { float: left; width: 48%; } .form-row-last { float: right; width: 48%; } */ } body.woocommerce-account #content form input[type="text"], body.woocommerce-account #content form input[type="email"], body.woocommerce-account #content form input[type="url"], body.woocommerce-account #content form input[type="password"], body.woocommerce-account #content form input[type="search"], body.woocommerce-account #content form input[type="number"], body.woocommerce-account #content form select, body.woocommerce-account #content form textarea { width: 100%; } body.woocommerce-account #content form p.form-row { margin: 0 0 25px; } body.woocommerce-account #content form p.form-row label { font-weight: 400; color: #777; display: block; margin: 0 0 7px; cursor: pointer; font-size: 18px; font-size: 1.8rem; } body.woocommerce-account #content form p.form-row label.inline { display: inline; margin: 0 0 0 10px; } body.woocommerce-account #content form p.form-row abbr.required { color: #e74c3c; border: 0; } body.woocommerce-account #content form p.form-row.notes { margin: 0; } body.woocommerce-account #content form #billing_address_1_field { margin: 0 0 15px; } body.woocommerce-account #content form h3, body.woocommerce-account #content form legend { font-weight: 300; color: #555; padding: 0 0 20px 0; margin: 0 0 25px 0; position: relative; text-transform: none; font-size: 24px; font-size: 2.4rem; } body.woocommerce-account #content form h3:after, body.woocommerce-account #content form legend:after { content: ''; display: block; width: 39px; border-bottom: 1px dotted #d9d9d9; position: absolute; left: 0; bottom: 0; } body.woocommerce-account #content form input[type=submit] { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #000; border-color: #000; padding: 15px 30px; text-transform: none; letter-spacing: normal; font-size: 20px; font-size: 2rem; } body.woocommerce-account #content form input[type=submit]:visited { color: #000; } body.woocommerce-account #content form input[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-account #content form input[type=submit]:focus { opacity: 0.7; } body.woocommerce-account #content form input[type=submit]:visited { color: #fff; } body.woocommerce-account #content form input[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.woocommerce-account #content form fieldset { margin: 50px 0 0 0; } body.woocommerce-account #content .lost_reset_password #user_login { width: 100%; } /*-------------------------------------------------------------- 14.4 Product --------------------------------------------------------------*/ body.singular-product #content div.entry { position: relative; } body.singular-product #content .woocommerce-message { margin: 0 0 50px; } body.singular-product #content .onsale { position: absolute; top: 0; left: 0; padding: 5px 10px; text-transform: uppercase; color: #fff; background-color: #333; letter-spacing: 1px; line-height: 1.3; z-index: 10; font-size: 14px; font-size: 1.4rem; } body.singular-product #content div.images { width: 235px; position: absolute; top: 0; left: 0; text-align: center; } body.singular-product #content div.images .woocommerce-main-image { display: block; margin: 0 0 3% 0; } body.singular-product #content div.images a { overflow: hidden; } body.singular-product #content div.images a img { float: left; } body.singular-product #content div.images .thumbnails { overflow: hidden; display: block; } body.singular-product #content div.images .thumbnails.columns-1 > * { width: 100%; margin-left: 3%; margin-bottom: 3%; display: inline-block; vertical-align: top; } body.singular-product #content div.images .thumbnails.columns-1 > *:nth-child(1n+1) { margin-right: 0; } body.singular-product #content div.images .thumbnails.columns-1 > *:first-child, body.singular-product #content div.images .thumbnails.columns-1 > *:nth-child(1n+1) { margin-left: 0; } body.singular-product #content div.images .thumbnails.columns-2 > * { width: 48.5%; margin-left: 3%; margin-bottom: 3%; display: inline-block; vertical-align: top; } body.singular-product #content div.images .thumbnails.columns-2 > *:nth-child(2n+2) { margin-right: 0; } body.singular-product #content div.images .thumbnails.columns-2 > *:first-child, body.singular-product #content div.images .thumbnails.columns-2 > *:nth-child(2n+1) { margin-left: 0; } body.singular-product #content div.images .thumbnails.columns-3 > * { width: 31.33333%; margin-left: 3%; margin-bottom: 3%; display: inline-block; vertical-align: top; } body.singular-product #content div.images .thumbnails.columns-3 > *:nth-child(3n+3) { margin-right: 0; } body.singular-product #content div.images .thumbnails.columns-3 > *:first-child, body.singular-product #content div.images .thumbnails.columns-3 > *:nth-child(3n+1) { margin-left: 0; } body.singular-product #content div.entry-summary { margin: 0 0 0 290px; color: #555; font-size: 18px; font-size: 1.8rem; } body.singular-product #content div.entry-summary > div > *:last-child { margin-bottom: 0; } body.singular-product #content div.entry-summary h1.entry-title { margin: 0 0 5px 0; position: relative; top: -10px; font-size: 50px; font-size: 5rem; } body.singular-product #content div.entry-summary .woocommerce-product-rating { line-height: 1; display: inline-block; vertical-align: top; padding: 0 0 7px 0; border-bottom: 4px solid #f5f5f5; } body.singular-product #content div.entry-summary .woocommerce-product-rating .star-rating { margin: 0 5px 0 0; display: inline-block; position: relative; top: 2px; } body.singular-product #content div.entry-summary .woocommerce-product-rating a { color: #999; font-size: 14px; font-size: 1.4rem; } body.singular-product #content div.entry-summary .woocommerce-product-rating a:hover { color: #3498db; } body.singular-product #content div.entry-summary p.price, body.singular-product #content div.entry-summary span.price { margin: 30px 0; line-height: 1; } body.singular-product #content div.entry-summary p.price ins, body.singular-product #content div.entry-summary p.price > .amount, body.singular-product #content div.entry-summary span.price ins, body.singular-product #content div.entry-summary span.price > .amount { color: #333; background: none; font-weight: 300; font-size: 34px; font-size: 3.4rem; } body.singular-product #content div.entry-summary p.price del, body.singular-product #content div.entry-summary span.price del { color: #aaa; margin: 0 3px 0 0; font-style: italic; font-size: 20px; font-size: 2rem; } body.singular-product #content form.cart { margin: 30px 0; } body.singular-product #content table.variations { margin: 0 0 15px; } body.singular-product #content table.variations tr td { padding: 0 0 8px 0; } body.singular-product #content table.variations tr td.label { padding: 0 10px 8px 0; } body.singular-product #content table.variations tr:last-child td { padding-bottom: 0; } body.singular-product #content table.variations select { color: #333; font-weight: 400; border: 1px solid #404040; background-color: #fff; margin: 0; padding: 5px 25px 5px 10px; position: relative; display: block; font-size: 16px; font-size: 1.6rem; } body.singular-product #content table.variations select:focus, body.singular-product #content table.variations select:hover { border-color: #3498db; } body.singular-product #content table.variations a.reset_variations { margin: 10px 0 0 0; display: inline-block; font-size: 16px; font-size: 1.6rem; } body.singular-product #content div.quantity { display: inline; margin: 0 7px 0 0; } body.singular-product #content div.quantity input.qty { color: #777; height: 55px; text-align: center; padding: 10px; width: 100px; } body.singular-product #content button.button { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #333; border-color: #333; text-transform: none; font-weight: 400; margin: 0; padding: 17px 30px 16px; font-size: 18px; font-size: 1.8rem; } body.singular-product #content button.button:visited { color: #000; } body.singular-product #content button.button:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.singular-product #content button.button:focus { opacity: 0.7; } body.singular-product #content button.button:visited { color: #fff; } body.singular-product #content button.button:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } body.singular-product #content .product_meta { border-top: 3px solid #404040; color: #555; margin: 60px 0 0; font-size: 16px; font-size: 1.6rem; } body.singular-product #content .product_meta tr td { background-color: #f7f7f7; color: #333; } body.singular-product #content .product_meta tr th, body.singular-product #content .product_meta tr td { border-bottom: 1px solid #eaeaea; padding: 5px 15px; } body.singular-product #content div.woocommerce-tabs { clear: both; margin: 60px 0 0 0; } body.singular-product #content div.woocommerce-tabs ul.tabs { list-style-type: none; margin: 0 -50px 50px; border-bottom: 2px solid #d9d9d9; display: block; padding: 0 50px; line-height: 1; font-size: 16px; font-size: 1.6rem; } body.singular-product #content div.woocommerce-tabs ul.tabs li { display: inline-block; position: relative; top: 2px; margin: 0; } body.singular-product #content div.woocommerce-tabs ul.tabs li:before { display: none; } body.singular-product #content div.woocommerce-tabs ul.tabs li.active a { border: 2px solid #d9d9d9; color: #000; position: relative; } body.singular-product #content div.woocommerce-tabs ul.tabs li.active a:after { content: ''; display: block; background-color: #fff; bottom: -2px; left: 0; height: 2px; width: 100%; position: absolute; } body.singular-product #content div.woocommerce-tabs ul.tabs li a { color: #333; font-weight: 400; padding: 15px 20px; display: inline-block; outline: 0; } body.singular-product #content div.woocommerce-tabs .panel > *:last-child { margin-bottom: 0; } body.singular-product #content div.woocommerce-tabs .panel h2 { font-weight: 900; color: #333; padding: 0; margin: 0 0 25px 0; position: relative; text-transform: none; font-size: 30px; font-size: 3rem; } body.singular-product #content div.products { margin: 50px -50px 0; padding: 50px 50px 0; border-top: 1px solid #f2f2f2; } body.singular-product #content div.products h2 { font-weight: 400; color: #333; padding: 0 0 20px 0; margin: 0 0 40px 0; position: relative; text-transform: uppercase; display: block; text-align: center; letter-spacing: 0.5px; font-size: 18px; font-size: 1.8rem; } body.singular-product #content div.products h2:after { content: ''; display: block; width: 40px; border-bottom: 2px solid #d9d9d9; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; } body.singular-product #content table.shop_attributes { border-top: 3px solid #404040; color: #555; margin: 0 0 15px; font-size: 18px; font-size: 1.8rem; } body.singular-product #content table.shop_attributes tr td { background-color: #f7f7f7; } body.singular-product #content table.shop_attributes tr th, body.singular-product #content table.shop_attributes tr td { border-bottom: 1px solid #eaeaea; padding: 10px 15px; } body.singular-product #content .comment-form-rating { clear: both; display: block; line-height: 0.7; padding: 25px 20px; border: 2px solid #ccc; border-bottom: 1px dotted #ccc; border-width: 0px 2px 1px 2px; margin: 0; } body.singular-product #content .comment-form-rating label { color: #000; font-weight: 400; display: block; float: left; margin: 0 20px 0 0; } body.singular-product #content .comment-form-rating .stars { overflow: hidden; position: relative; top: 0px; margin: 0; } body.singular-product #content .comment-form-rating .stars a { height: 13px; padding: 13px 0 0 0; margin: 0 20px 0 0; float: left; font-size: 0; outline: 0; position: relative; } body.singular-product #content .comment-form-rating .stars a:before { color: #f39c12; position: absolute; top: 0; left: 0; font-size: 14px; font-size: 1.4rem; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } body.singular-product #content .comment-form-rating .stars a:after { content: ''; display: block; position: absolute; right: -10px; top: 0; bottom: 0; background-color: #e5e5e5; width: 1px; } body.singular-product #content .comment-form-rating .stars a:last-child:after { display: none; } body.singular-product #content .comment-form-rating .stars a.star-1 { width: 14px; } body.singular-product #content .comment-form-rating .stars a.star-1:before { content: '\f006'; } body.singular-product #content .comment-form-rating .stars a.star-1.active:before, body.singular-product #content .comment-form-rating .stars a.star-1:hover:before { content: '\f005'; } body.singular-product #content .comment-form-rating .stars a.star-2 { width: 28px; } body.singular-product #content .comment-form-rating .stars a.star-2:before { content: '\f006\f006'; } body.singular-product #content .comment-form-rating .stars a.star-2.active:before, body.singular-product #content .comment-form-rating .stars a.star-2:hover:before { content: '\f005\f005'; } body.singular-product #content .comment-form-rating .stars a.star-3 { width: 40px; } body.singular-product #content .comment-form-rating .stars a.star-3:before { content: '\f006\f006\f006'; } body.singular-product #content .comment-form-rating .stars a.star-3.active:before, body.singular-product #content .comment-form-rating .stars a.star-3:hover:before { content: '\f005\f005\f005'; } body.singular-product #content .comment-form-rating .stars a.star-4 { width: 53px; } body.singular-product #content .comment-form-rating .stars a.star-4:before { content: '\f006\f006\f006\f006'; } body.singular-product #content .comment-form-rating .stars a.star-4.active:before, body.singular-product #content .comment-form-rating .stars a.star-4:hover:before { content: '\f005\f005\f005\f005'; } body.singular-product #content .comment-form-rating .stars a.star-5 { width: 66px; } body.singular-product #content .comment-form-rating .stars a.star-5:before { content: '\f006\f006\f006\f006\f006'; } body.singular-product #content .comment-form-rating .stars a.star-5.active:before, body.singular-product #content .comment-form-rating .stars a.star-5:hover:before { content: '\f005\f005\f005\f005\f005'; } body.singular-product #content .woocommerce-verification-required { color: #fff; margin: 50px 0 0 0; padding: 20px 30px; background-color: #3498db; text-align: center; font-size: 18px; font-size: 1.8rem; } body.singular-product #content .woocommerce-verification-required a { color: #fff; font-weight: 600; } body.singular-product #content .woocommerce-verification-required a:hover { color: rgba(255, 255, 255, 0.8); } body.singular-product #content .woocommerce-verification-required:before { content: '\f084'; margin: 0 10px 0 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } body.logged-in.singular-product #respond .comment-form-rating { border-width: 2px 2px 1px 2px; } body.logged-in.singular-product #respond textarea.comment-form-comment { border-width: 0 2px 2px 2px; } .adoration-product-section { margin: 0 0 70px 0; } .adoration-product-section:last-child { margin: 0; } .adoration-product-section h2.section-title { font-weight: 300; color: #555; padding: 0 0 15px 0; margin: 0 0 25px 0; position: relative; text-transform: none; font-size: 24px; font-size: 2.4rem; } .adoration-product-section h2.section-title:after { content: ''; display: block; width: 39px; border-bottom: 1px dotted #d9d9d9; position: absolute; left: 0; bottom: 0; } .wpcf7 .screen-reader-response { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .wpcf7 span.wpcf7-form-control-wrap { display: block; overflow: hidden; margin: 0 0 10px; position: relative; } .wpcf7 span.wpcf7-form-control-wrap:last-of-type { margin: 0; } .wpcf7 .wpcf7-response-output { padding: 25px 30px; margin: 20px 0 0 0; color: #fff; clear: both; font-weight: 400; text-align: center; font-size: 20px; font-size: 2rem; } .wpcf7 .wpcf7-mail-sent-ok:before { border-left: 12px solid rgba(0, 0, 0, 0.15); background-color: #17ba6f; } .wpcf7 .wpcf7-mail-sent-ng, .wpcf7 .wpcf7-spam-blocked, .wpcf7 .wpcf7-validation-errors { border-left: 12px solid rgba(0, 0, 0, 0.15); background-color: #e2401c; } .wpcf7 span.wpcf7-not-valid-tip { color: #e2401c; font-weight: bold; display: block; } .wpcf7 img.ajax-loader { border: none; vertical-align: top; margin: 38px 0 0 20px; } .wpcf7 br { display: none; } .wpcf7 input, .wpcf7 textarea { width: 100%; } .wpcf7 input[type=submit] { border: 2px solid #000; text-transform: uppercase; color: #000; padding: 9px 22px; display: inline-block; letter-spacing: 0.5px; background-color: #fff; font-weight: 400; line-height: 1; cursor: pointer; text-align: center; outline: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #000; border-color: #000; padding: 15px 30px; margin: 20px 0 0 0; text-transform: none; letter-spacing: normal; width: auto; font-size: 20px; font-size: 2rem; } .wpcf7 input[type=submit]:visited { color: #000; } .wpcf7 input[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } .wpcf7 input[type=submit]:focus { opacity: 0.7; } .wpcf7 input[type=submit]:visited { color: #fff; } .wpcf7 input[type=submit]:hover { border: 2px solid #3498db; background-color: #3498db; color: #fff; } .whistles { clear: both; width: 100%; margin: 0 0 25px; } .whistles .whistle-content { display: none; } .whistles .whistle-content > *:last-child { margin: 0; } .whistles.whistles-tabs ul { list-style: none; margin: 0; clear: both; display: block; } .whistles.whistles-tabs ul li { display: inline; } .whistles.whistles-tabs ul li a, .whistles.whistles-tabs ul li a:visited { background-color: #f9f9f9; border: 1px solid #e3e3e3; border-bottom-color: #fff; padding: 15px 25px; line-height: 1; z-index: 1; margin: 0 -1px 0 0; display: inline-block; font-weight: 600; outline: 0; color: #777; opacity: 1; font-size: 18px; font-size: 1.8rem; } .whistles.whistles-tabs ul li a:focus, .whistles.whistles-tabs ul li a:hover, .whistles.whistles-tabs ul li a:visited:focus, .whistles.whistles-tabs ul li a:visited:hover { border: 1px solid #e3e3e3; border-bottom-color: #fff; color: #999; } .whistles.whistles-tabs ul li[aria-selected=true] a, .whistles.whistles-tabs ul li[aria-selected=true] a:visited { background-color: #fff; z-index: 3; color: #333; cursor: default; } .whistles.whistles-tabs ul li:first-child a { border-radius: 2px 0 0 0; } .whistles.whistles-tabs ul li:last-child a { border-radius: 0 2px 0 0; } .whistles.whistles-tabs .whistles-tabs-wrap { border: 1px solid #e3e3e3; border-radius: 0px 2px 2px 2px; position: relative; top: -1px; z-index: 2; padding: 30px 25px; } .whistles.whistles-toggle h3, .whistles.whistles-accordion h3 { letter-spacing: normal; font-weight: 600; color: #777; cursor: pointer; width: 100%; background-color: #f9f9f9; border: 1px solid #e3e3e3; margin: 0 0 -1px 0; padding: 15px 25px; font-size: 18px; font-size: 1.8rem; } .whistles.whistles-toggle h3[aria-selected=true], .whistles.whistles-accordion h3[aria-selected=true] { color: #333; } .whistles.whistles-toggle h3[aria-selected=true]:after, .whistles.whistles-accordion h3[aria-selected=true]:after { content: '\f106'; } .whistles.whistles-toggle h3:focus, .whistles.whistles-toggle h3:hover, .whistles.whistles-accordion h3:focus, .whistles.whistles-accordion h3:hover { color: #999; } .whistles.whistles-toggle h3:after, .whistles.whistles-accordion h3:after { content: '\f107'; float: right; padding: 3px 0 0 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } .whistles.whistles-toggle .whistle-content, .whistles.whistles-accordion .whistle-content { padding: 30px 25px; border: 1px solid #e3e3e3; border-radius: 0px 1px; margin: 0 0 -1px 0; } @media (min-width: 930px) { .columns-1 ul.products { margin-bottom: -3%; margin-bottom: -5%; } .columns-1 ul.products > * { width: 100%; margin-left: 2%; margin-bottom: 3%; margin-right: -5px; display: inline-block; vertical-align: top; } .columns-1 ul.products > *:nth-child(1n+1) { margin-right: 0; } .columns-1 ul.products > *:first-child, .columns-1 ul.products > *:nth-child(1n+1) { margin-left: 0; } .columns-1 ul.products > * { margin-bottom: 5%; } .columns-2 ul.products { margin-bottom: -3%; margin-bottom: -5%; } .columns-2 ul.products > * { width: 49%; margin-left: 2%; margin-bottom: 3%; margin-right: -5px; display: inline-block; vertical-align: top; } .columns-2 ul.products > *:nth-child(2n+2) { margin-right: 0; } .columns-2 ul.products > *:first-child, .columns-2 ul.products > *:nth-child(2n+1) { margin-left: 0; } .columns-2 ul.products > * { margin-bottom: 5%; } .columns-3 ul.products { margin-bottom: -3%; margin-bottom: -5%; } .columns-3 ul.products > * { width: 32%; margin-left: 2%; margin-bottom: 3%; margin-right: -5px; display: inline-block; vertical-align: top; } .columns-3 ul.products > *:nth-child(3n+3) { margin-right: 0; } .columns-3 ul.products > *:first-child, .columns-3 ul.products > *:nth-child(3n+1) { margin-left: 0; } .columns-3 ul.products > * { margin-bottom: 5%; } .columns-4 ul.products { margin-bottom: -3%; margin-bottom: -5%; } .columns-4 ul.products > * { width: 23.5%; margin-left: 2%; margin-bottom: 3%; margin-right: -5px; display: inline-block; vertical-align: top; } .columns-4 ul.products > *:nth-child(4n+4) { margin-right: 0; } .columns-4 ul.products > *:first-child, .columns-4 ul.products > *:nth-child(4n+1) { margin-left: 0; } .columns-4 ul.products > * { margin-bottom: 5%; } .columns-5 ul.products { margin-bottom: -3%; margin-bottom: -5%; } .columns-5 ul.products > * { width: 18.4%; margin-left: 2%; margin-bottom: 3%; margin-right: -5px; display: inline-block; vertical-align: top; } .columns-5 ul.products > *:nth-child(5n+5) { margin-right: 0; } .columns-5 ul.products > *:first-child, .columns-5 ul.products > *:nth-child(5n+1) { margin-left: 0; } .columns-5 ul.products > * { margin-bottom: 5%; } .columns-6 ul.products { margin-bottom: -3%; margin-bottom: -5%; } .columns-6 ul.products > * { width: 15%; margin-left: 2%; margin-bottom: 3%; margin-right: -5px; display: inline-block; vertical-align: top; } .columns-6 ul.products > *:nth-child(6n+6) { margin-right: 0; } .columns-6 ul.products > *:first-child, .columns-6 ul.products > *:nth-child(6n+1) { margin-left: 0; } .columns-6 ul.products > * { margin-bottom: 5%; } .columns-7 ul.products { margin-bottom: -3%; margin-bottom: -5%; } .columns-7 ul.products > * { width: 12.57143%; margin-left: 2%; margin-bottom: 3%; margin-right: -5px; display: inline-block; vertical-align: top; } .columns-7 ul.products > *:nth-child(7n+7) { margin-right: 0; } .columns-7 ul.products > *:first-child, .columns-7 ul.products > *:nth-child(7n+1) { margin-left: 0; } .columns-7 ul.products > * { margin-bottom: 5%; } .columns-8 ul.products { margin-bottom: -3%; margin-bottom: -5%; } .columns-8 ul.products > * { width: 10.75%; margin-left: 2%; margin-bottom: 3%; margin-right: -5px; display: inline-block; vertical-align: top; } .columns-8 ul.products > *:nth-child(8n+8) { margin-right: 0; } .columns-8 ul.products > *:first-child, .columns-8 ul.products > *:nth-child(8n+1) { margin-left: 0; } .columns-8 ul.products > * { margin-bottom: 5%; } .columns-9 ul.products { margin-bottom: -3%; margin-bottom: -5%; } .columns-9 ul.products > * { width: 9.33333%; margin-left: 2%; margin-bottom: 3%; margin-right: -5px; display: inline-block; vertical-align: top; } .columns-9 ul.products > *:nth-child(9n+9) { margin-right: 0; } .columns-9 ul.products > *:first-child, .columns-9 ul.products > *:nth-child(9n+1) { margin-left: 0; } .columns-9 ul.products > * { margin-bottom: 5%; } } @media (min-width: 480px) and (max-width: 930px) { #content ul.products { margin-bottom: -3%; margin-bottom: -5%; } #content ul.products > * { width: 49%; margin-left: 2%; margin-bottom: 3%; margin-right: -5px; display: inline-block; vertical-align: top; } #content ul.products > *:nth-child(2n+2) { margin-right: 0; } #content ul.products > *:first-child, #content ul.products > *:nth-child(2n+1) { margin-left: 0; } #content ul.products > * { margin-bottom: 5%; } } @media (max-width: 1290px) { #header .site-tagline { display: none; } #footer .footer-sidebar #sidebar-subsidiary, .layout-1c-narrow #footer .footer-sidebar #sidebar-subsidiary { padding-left: 20px; padding-right: 20px; } } @media (max-width: 850px) { body.blog #content > article .entry-image, body.archive #content > article .entry-image, body.search #content > article .entry-image { max-width: none; position: relative; margin: 0 0 20px; width: auto; height: auto; } body.blog #content > article .entry-image a, body.archive #content > article .entry-image a, body.search #content > article .entry-image a { position: relative; float: left; top: auto; left: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } body.blog #content > article .entry-image a.placeholder, body.archive #content > article .entry-image a.placeholder, body.search #content > article .entry-image a.placeholder { display: none; } body.blog #content > article .entry-content, body.archive #content > article .entry-content, body.search #content > article .entry-content { padding: 0; height: auto; overflow: hidden; } body.blog #content > article .entry-content .entry-summary, body.archive #content > article .entry-content .entry-summary, body.search #content > article .entry-content .entry-summary { display: none; } body.blog article.highlight h2.entry-title, body.archive article.highlight h2.entry-title, body.search article.highlight h2.entry-title { font-size: 30px; font-size: 3rem; } body.blog article.highlight .entry-summary, body.archive article.highlight .entry-summary, body.search article.highlight .entry-summary { font-size: 20px; font-size: 2rem; } nav.pagination { margin: 50px 0 0 0; } #header .menu-toggle-button { display: block; } #header .primary-header-outer-wrap { height: auto; } #header .primary-header-outer-wrap .primary-header-inner-wrap { display: block; position: relative; } #header #menu-primary { display: none; padding: 0; border-top: 1px solid #ebebeb; border-width: 1px 0 0 0; } #header #menu-primary ul li:hover > ul { display: block; } #header #menu-primary > ul { top: 0; } #header #menu-primary > ul > li { display: block; margin: 0; border-bottom: 1px solid #ebebeb; } #header #menu-primary > ul > li > a { padding: 15px 0; display: block; } #header #menu-primary > ul > li.menu-item-has-children > a:after { content: ''; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #ccc; margin: -4px 0 0 0; position: absolute; top: 50%; right: 20px; } #header #menu-primary > ul > li:after { display: none; } #header #menu-primary > ul > li:last-child { border: 0; } #header #menu-primary > ul > li ul { position: relative; outline: none; width: 100%; opacity: 1; visibility: visible; left: 0; margin: 0; border-top: 1px solid #ebebeb; display: none; } #header #menu-primary > ul > li ul:before { display: none; } #header #menu-primary > ul > li ul ul { padding: 0 0 0 20px; border: 0; } #header .site-branding { display: block; text-align: center; width: 100%; padding: 0; } #header .site-branding .site-title { height: 90px; } #header .site-branding .site-title a { line-height: 90px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #header .masthead-search-wrap { display: block; position: absolute; right: 0; top: 25px; width: auto; } body.woocommerce-cart #content .cross-sells, body.woocommerce-cart #content .cart-collaterals { width: 100%; float: none; } body.woocommerce-cart #content .cross-sells { margin: 50px 0 0 0; } body.woocommerce-cart #content .cross-sells ul.products { margin: 0; } body.woocommerce-cart #content .cross-sells ul.products h3 { margin: 0 0 5px 0; font-size: 18px; font-size: 1.8rem; } body.woocommerce-cart #content table.shop_table.cart .product-thumbnail, body.woocommerce-cart #content table.shop_table.cart .product-remove { display: none; } body.woocommerce-cart #content table.shop_table.cart .product-quantity .quantity { width: 70px; } body.woocommerce-cart #content table.shop_table.cart > tbody > tr > td { padding: 10px 15px; line-height: 1.5; font-size: 16px; font-size: 1.6rem; } body.woocommerce-cart #content table.shop_table.cart > thead > tr > th { padding: 7px 15px; } body.woocommerce-cart #content table.shop_table.cart .product-quantity input[type=number] { height: 45px; line-height: 1; padding: 0; font-size: 16px; font-size: 1.6rem; } body.woocommerce-cart #content table.shop_table.cart > tbody > tr:last-child > td { text-align: center; position: relative; } body.woocommerce-cart #content table.shop_table.cart .coupon input[type=text] { padding: 0px 10px; height: 40px; font-size: 16px; font-size: 1.6rem; } body.woocommerce-cart #content table.shop_table.cart .coupon input[type=submit], body.woocommerce-cart #content table.shop_table.cart .coupon + input[type=submit] { height: 40px; font-size: 16px; font-size: 1.6rem; } body.woocommerce-checkout #content #customer_details, body.woocommerce-checkout #content #order_review { width: 100%; float: none; } body.woocommerce-checkout #content #customer_details { margin: 0 0 50px 0; } #subsidiary-banner .subsidiary-banner-wrap, .layout-1c-narrow #subsidiary-banner .subsidiary-banner-wrap { padding-left: 0; } #subsidiary-banner .subsidiary-banner-wrap .account a:first-child, .layout-1c-narrow #subsidiary-banner .subsidiary-banner-wrap .account a:first-child { border-left: 0; } #footer .footer-sidebar #sidebar-subsidiary section.widget { width: 100%; display: block; margin: 0 auto 40px; } #footer .footer-sidebar #sidebar-subsidiary section.widget:last-child { margin-bottom: 0; } #footer .footer-end { text-align: center; padding: 50px 25px; } #footer .footer-end .credit { float: none; } #footer .footer-end .credit + .footer-nav { margin-top: 15px; } #footer .footer-end .footer-nav { float: none; text-align: inherit; } #subsidiary-banner .subsidiary-right-wrap { position: relative; } #subsidiary-banner .social-toggle-button { display: inline-block; } #subsidiary-banner #menu-social { width: 0; position: absolute; display: block; top: 0; right: 0; } #subsidiary-banner #menu-social ul { background-color: #000; position: absolute; top: 48px; width: 136px; padding: 15px 15px 7px 15px; right: -15px; display: none; } #subsidiary-banner #menu-social ul li { display: block; float: left; } #subsidiary-banner #menu-social ul li, #subsidiary-banner #menu-social ul li:first-child { margin: 0px 8px 8px 0; } #subsidiary-banner #menu-social ul li:nth-child(3n+3) { margin-right: 0; } #subsidiary-banner #social-toggle:checked + nav ul { display: block; } #subsidiary-banner .cart { position: static; } #subsidiary-banner .cart .widget_shopping_cart_content { left: 6px; margin-left: 0; } #subsidiary-banner .cart .widget_shopping_cart_content:before { display: none; } } @media (max-width: 680px) { .site-content, .layout-1c-narrow .site-content { padding: 0; margin: -1px 0; } .site-content .wrap, .layout-1c-narrow .site-content .wrap { outline: 0; padding: 0; } .site-content .wrap:before, .layout-1c-narrow .site-content .wrap:before { top: 0; right: 0; bottom: 0; left: 0; border-width: 1px 0px; } #content, #sidebar-primary { padding: 40px 25px; } #comments li.comment, #comments li.pingback, #reviews li.comment, #reviews li.pingback { min-height: 54px; padding: 0 0 0 80px; } #comments li.comment article .avatar-wrap, #comments li.pingback article .avatar-wrap, #reviews li.comment article .avatar-wrap, #reviews li.pingback article .avatar-wrap { width: 54px; height: 54px; } #comments li.comment article a.comment-permalink, #comments li.pingback article a.comment-permalink, #reviews li.comment article a.comment-permalink, #reviews li.pingback article a.comment-permalink { display: block; margin: 10px 0 0 0; } #comments li.comment .children li, #comments li.pingback .children li, #reviews li.comment .children li, #reviews li.pingback .children li { padding: 0; } #comments li.comment .children article .avatar-wrap, #comments li.pingback .children article .avatar-wrap, #reviews li.comment .children article .avatar-wrap, #reviews li.pingback .children article .avatar-wrap { width: 54px; height: 54px; left: -80px; } .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 { float: none; width: auto; } body.woocommerce-cart #content table.shop_table.cart .product-price { display: none; } table.shop_table.cart .coupon { width: 100%; margin: 0 0 10px 0; padding: 0 150px 0 0; } table.shop_table.cart .coupon input[type=text] { width: 100%; } table.shop_table.cart .coupon input[type=submit] { position: absolute; top: 10px; right: 15px; } table.shop_table.cart .coupon + input[type=submit] { width: 100%; } body.singular-product #content div.entry-summary ul, body.singular-product #content div.entry-summary ol, body.singular-product #content div.woocommerce-tabs #tab-description ul, body.singular-product #content div.woocommerce-tabs #tab-description ol { margin-left: 25px; } body.singular-product #content div.images { float: none; position: static; margin: 0 auto 50px; width: auto; } body.singular-product #content div.images .woocommerce-main-image { margin-bottom: 7px; } body.singular-product #content div.images .thumbnails { width: 235px; display: block; margin: 0 auto; } body.singular-product #content div.entry-summary { margin: 0; } body.singular-product #content div.entry-summary p.price, body.singular-product #content div.entry-summary span.price { margin: 15px 0; } body.singular-product #content div.quantity input.qty { width: 90px; } #subsidiary-banner .cart .cart-item-quantity { display: none; } body.woocommerce-checkout.woocommerce-thankyou #content .addresses .col-1 { margin: 0 0 50px 0; } } @media (max-width: 480px) { body.singular h1.entry-title, body.singular-product #content div.entry-summary h1.entry-title { font-size: 34px; font-size: 3.4rem; } body.singular-post .entry-content, body.singular-page .entry-content { font-size: 18px; font-size: 1.8rem; } body.singular-post .entry-content h2, body.singular-post .entry-content h3, body.singular-post .entry-content h4, body.singular-post .entry-content h5, body.singular-post .entry-content h6, body.singular-page .entry-content h2, body.singular-page .entry-content h3, body.singular-page .entry-content h4, body.singular-page .entry-content h5, body.singular-page .entry-content h6 { margin: 38px 0 15px; } body.singular-post .entry-content h2, body.singular-page .entry-content h2 { font-size: 30px; font-size: 3rem; } body.singular-post .entry-content h3, body.singular-page .entry-content h3 { font-size: 26px; font-size: 2.6rem; } body.singular-post .entry-content h4, body.singular-page .entry-content h4 { font-size: 22px; font-size: 2.2rem; } body.singular-post .entry-content h5, body.singular-page .entry-content h5 { font-size: 18px; font-size: 1.8rem; } body.singular-post .entry-content h6, body.singular-page .entry-content h6 { font-size: 18px; font-size: 1.8rem; } body.singular-post .entry-content ul, body.singular-post .entry-content ol, body.singular-page .entry-content ul, body.singular-page .entry-content ol { margin-left: 25px; } body.singular-post .entry-content .whistles.whistles-toggle h3, body.singular-post .entry-content .whistles.whistles-accordion h3, body.singular-page .entry-content .whistles.whistles-toggle h3, body.singular-page .entry-content .whistles.whistles-accordion h3 { margin: 0 0 -1px 0; font-size: 18px; font-size: 1.8rem; } body.singular-post .entry-content .entry-terms-wrap .entry-terms, body.singular-page .entry-content .entry-terms-wrap .entry-terms { display: block; } body.singular-post .entry-content .whistles.whistles-tabs ul, body.singular-page .entry-content .whistles.whistles-tabs ul { margin: 0; } body.singular-post .entry-content .addresses h3, body.singular-page .entry-content .addresses h3 { margin: 50px 0 20px; font-size: 14px; font-size: 1.4rem; } body.singular-post .entry-footer .author-info .author-description { padding: 125px 0 0 0; text-align: center; font-size: 18px; font-size: 1.8rem; } body.singular-post .entry-footer .author-info .author-avatar { left: 0; right: 0; margin: auto; top: 50px; } body.woocommerce.archive.archive-product .woocommerce-result-count { border: 0; } body.woocommerce.archive .woocommerce-result-count { width: 100%; text-align: center; margin: 0 0 25px 0; border: 0; } body.woocommerce.archive form.woocommerce-ordering { float: none; display: block; } body.woocommerce.archive form.woocommerce-ordering select { margin: 0 auto 50px; } body.woocommerce-cart #content table.shop_table.cart { margin-left: -25px; margin-right: -25px; width: auto; } body.woocommerce-checkout #content #payment .payment_methods .payment_method_paypal img { display: none; } body.woocommerce-checkout #content .checkout_coupon { padding: 15px; } body.woocommerce-checkout #content .checkout_coupon input[type=submit] { position: relative; top: auto; right: auto; width: 100%; margin: 5px 0 0 0; } #content ul.products { margin-bottom: -3%; margin-bottom: 40px; } #content ul.products > * { width: 100%; margin-left: 2%; margin-bottom: 3%; margin-right: -5px; display: inline-block; vertical-align: top; } #content ul.products > *:nth-child(1n+1) { margin-right: 0; } #content ul.products > *:first-child, #content ul.products > *:nth-child(1n+1) { margin-left: 0; } #content ul.products > * { margin-bottom: 40px; } #subsidiary-banner .cart .widget_shopping_cart_content { left: 50%; margin-left: -145px; } #respond { margin: 50px 0 0 -80px; } li #respond { margin: 40px 0 0 -80px; } #comments h3#reply-title { line-height: 41px; font-size: 30px; font-size: 3rem; } #reviews #comments .star-rating { display: block; margin: 5px 0 0 0; } body.woocommerce-checkout #content ul.order_details li { border: 0; margin: 0 0 15px 0; display: block; width: 100%; padding: 0; } } @media (max-width: 1290px) { .layout-2c-l #content, .layout-2c-l #sidebar-primary, .layout-2c-r #content, .layout-2c-r #sidebar-primary { width: 100%; float: none; } .layout-2c-l #sidebar-primary, .layout-2c-r #sidebar-primary { border-top: 1px solid #f2f2f2; } .layout-2c-l #sidebar-primary:before, .layout-2c-r #sidebar-primary:before { display: none; } } /*# sourceMappingURL=style.css.map */