/*! * Theme Name: Bearded * Theme URI: http://bonfirelab.com/themes/bearded * Description: A responsive CSS3 and HTML5 blogging, ecommerce and portfolio theme. It supports all post formats and has layout, and color options built into the theme customizer. The theme also supports the Custom Content Portfolio and Woocommerce plugin, giving artists and other creative people the ability to share their work. * Tags: custom-background, custom-colors, custom-menu, full-width-template, microformats, sticky-post, theme-options, threaded-comments, translation-ready, orange, black, one-column, two-columns, left-sidebar, right-sidebar, fluid-layout * Version: 1.0.6 * Author: Hermanto Lim * Author URI: http://bonfirelab.com * License: GNU General Public License v2.0 * License URI: http://www.gnu.org/licenses/gpl-2.0.html * * Bearded WordPress Theme, Copyright 2012-2013 Bonfirelab * Bearded is distributed under the terms of the GNU GPL */ /*! normalize.css v2.1.2 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } script { display: none !important; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } meta.foundation-mq-small { font-family: "only screen and (min-width: 768px)"; width: 768px; } meta.foundation-mq-medium { font-family: "only screen and (min-width:1280px)"; width: 1280px; } meta.foundation-mq-large { font-family: "only screen and (min-width:1440px)"; width: 1440px; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { font-size: 100%; } body { background: white; color: #27313d; padding: 0; margin: 0; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: 300; font-style: normal; line-height: 1; } a:hover { cursor: pointer; } img, object, embed { max-width: 100%; height: auto; } object, embed { height: 100%; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; } .left { float: left !important; } .right { float: right !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .hide { display: none; } .antialiased { -webkit-font-smoothing: antialiased; } img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } /* Grid HTML Classes */ .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 67.5em; *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse > .column, .row.collapse > .columns { position: relative; padding-left: 0; padding-right: 0; float: left; } .row.collapse .row { margin-left: 0; margin-right: 0; } .row .row { width: auto; margin-left: -1.25em; margin-right: -1.25em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { position: relative; padding-left: 1.25em; padding-right: 1.25em; width: 100%; float: left; } @media only screen { .column, .columns { position: relative; padding-left: 1.25em; padding-right: 1.25em; float: left; } .small-1 { position: relative; width: 8.33333%; } .small-2 { position: relative; width: 16.66667%; } .small-3 { position: relative; width: 25%; } .small-4 { position: relative; width: 33.33333%; } .small-5 { position: relative; width: 41.66667%; } .small-6 { position: relative; width: 50%; } .small-7 { position: relative; width: 58.33333%; } .small-8 { position: relative; width: 66.66667%; } .small-9 { position: relative; width: 75%; } .small-10 { position: relative; width: 83.33333%; } .small-11 { position: relative; width: 91.66667%; } .small-12 { position: relative; width: 100%; } .small-offset-0 { position: relative; margin-left: 0%; } .small-offset-1 { position: relative; margin-left: 8.33333%; } .small-offset-2 { position: relative; margin-left: 16.66667%; } .small-offset-3 { position: relative; margin-left: 25%; } .small-offset-4 { position: relative; margin-left: 33.33333%; } .small-offset-5 { position: relative; margin-left: 41.66667%; } .small-offset-6 { position: relative; margin-left: 50%; } .small-offset-7 { position: relative; margin-left: 58.33333%; } .small-offset-8 { position: relative; margin-left: 66.66667%; } .small-offset-9 { position: relative; margin-left: 75%; } .small-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } } /* Styles for screens that are atleast 768px; */ @media only screen and (min-width: 768px) { .large-1 { position: relative; width: 8.33333%; } .large-2 { position: relative; width: 16.66667%; } .large-3 { position: relative; width: 25%; } .large-4 { position: relative; width: 33.33333%; } .large-5 { position: relative; width: 41.66667%; } .large-6 { position: relative; width: 50%; } .large-7 { position: relative; width: 58.33333%; } .large-8 { position: relative; width: 66.66667%; } .large-9 { position: relative; width: 75%; } .large-10 { position: relative; width: 83.33333%; } .large-11 { position: relative; width: 91.66667%; } .large-12 { position: relative; width: 100%; } .row .large-offset-0 { position: relative; margin-left: 0%; } .row .large-offset-1 { position: relative; margin-left: 8.33333%; } .row .large-offset-2 { position: relative; margin-left: 16.66667%; } .row .large-offset-3 { position: relative; margin-left: 25%; } .row .large-offset-4 { position: relative; margin-left: 33.33333%; } .row .large-offset-5 { position: relative; margin-left: 41.66667%; } .row .large-offset-6 { position: relative; margin-left: 50%; } .row .large-offset-7 { position: relative; margin-left: 58.33333%; } .row .large-offset-8 { position: relative; margin-left: 66.66667%; } .row .large-offset-9 { position: relative; margin-left: 75%; } .row .large-offset-10 { position: relative; margin-left: 83.33333%; } .row .large-offset-11 { position: relative; margin-left: 91.66667%; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; } } /* Foundation Visibility HTML Classes */ .show-for-small, .show-for-medium-down, .show-for-large-down { display: inherit !important; } .show-for-medium, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } .hide-for-medium, .hide-for-medium-up, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; } .hide-for-small, .hide-for-medium-down, .hide-for-large-down { display: none !important; } /* Specific visilbity for tables */ table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge { display: table; } thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge { display: table-header-group !important; } tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge { display: table-row-group !important; } tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge { display: table-row !important; } td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge, th.show-for-small, th.show-for-medium-down, th.show-for-large-down, th.hide-for-medium, th.hide-for-medium-up, th.hide-for-large, th.hide-for-large-up, th.hide-for-xlarge { display: table-cell !important; } /* Medium Displays: 768px - 1279px */ @media only screen and (min-width: 768px) { .show-for-medium, .show-for-medium-up { display: inherit !important; } .show-for-small { display: none !important; } .hide-for-small { display: inherit !important; } .hide-for-medium, .hide-for-medium-up { display: none !important; } /* Specific visilbity for tables */ table.show-for-medium, table.show-for-medium-up, table.hide-for-small { display: table; } thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small { display: table-header-group !important; } tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small { display: table-row-group !important; } tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small { display: table-row !important; } td.show-for-medium, td.show-for-medium-up, td.hide-for-small, th.show-for-medium, th.show-for-medium-up, th.hide-for-small { display: table-cell !important; } } /* Large Displays: 1280px - 1440px */ @media only screen and (min-width: 1280px) { .show-for-large, .show-for-large-up { display: inherit !important; } .show-for-medium, .show-for-medium-down { display: none !important; } .hide-for-medium, .hide-for-medium-down { display: inherit !important; } .hide-for-large, .hide-for-large-up { display: none !important; } /* Specific visilbity for tables */ table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down { display: table; } thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down { display: table-header-group !important; } tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down { display: table-row-group !important; } tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down { display: table-row !important; } td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down, th.show-for-large, th.show-for-large-up, th.hide-for-medium, th.hide-for-medium-down { display: table-cell !important; } } /* X-Large Displays: 1400px and up */ @media only screen and (min-width: 1440px) { .show-for-xlarge { display: inherit !important; } .show-for-large, .show-for-large-down { display: none !important; } .hide-for-large, .hide-for-large-down { display: inherit !important; } .hide-for-xlarge { display: none !important; } /* Specific visilbity for tables */ table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down { display: table; } thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down { display: table-header-group !important; } tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down { display: table-row-group !important; } tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down { display: table-row !important; } td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down, th.show-for-xlarge, th.hide-for-large, th.hide-for-large-down { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visilbity for tables */ table.hide-for-landscape, table.show-for-portrait { display: table; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visilbity for tables */ table.show-for-landscape, table.hide-for-portrait { display: table; } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } /* Specific visilbity for tables */ table.show-for-portrait, table.hide-for-landscape { display: table; } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } /* Specific visilbity for tables */ table.hide-for-touch { display: table; } .touch table.show-for-touch { display: table; } thead.hide-for-touch { display: table-header-group !important; } .touch thead.show-for-touch { display: table-header-group !important; } tbody.hide-for-touch { display: table-row-group !important; } .touch tbody.show-for-touch { display: table-row-group !important; } tr.hide-for-touch { display: table-row !important; } .touch tr.show-for-touch { display: table-row !important; } td.hide-for-touch { display: table-cell !important; } .touch td.show-for-touch { display: table-cell !important; } th.hide-for-touch { display: table-cell !important; } .touch th.show-for-touch { display: table-cell !important; } p.lead { font-size: 1.21875em; line-height: 1.6; } .subheader { line-height: 1.4; color: #637c9a; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; } /* Default Link Styles */ a { color: #f47e00; text-decoration: none; line-height: inherit; } a:hover, a:focus { color: #db7100; } a img { border: none; } /* Default paragraph styles */ p { font-family: inherit; font-weight: 300; font-size: 1em; line-height: 1.6; margin-bottom: 1.42857em; text-rendering: optimizeLegibility; } p aside { font-size: 0.875em; line-height: 1.35; font-style: italic; } /* Default header styles */ h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: bold; font-style: normal; color: #27313d; text-rendering: optimizeLegibility; margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.2125em; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #637c9a; line-height: 0; } h1 { font-size: 2.125em; } h2 { font-size: 1.6875em; } h3 { font-size: 1.375em; } h4 { font-size: 1.125em; } h5 { font-size: 1.125em; } h6 { font-size: 1em; } hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0; } /* Helpful Typography Defaults */ em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #7f0a0c; } /* Lists */ ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.42857em; list-style-position: outside; font-family: inherit; } ul, ol { margin-left: 0; } ul.no-bullet, ol.no-bullet { margin-left: 0; } /* Unordered Lists */ ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; } ul.circle { list-style-type: circle; } ul.disc { list-style-type: disc; } ul.no-bullet { list-style: none; } /* Ordered Lists */ ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0; } /* Definition Lists */ dl dt { margin-bottom: 0.3em; font-weight: bold; } dl dd { margin-bottom: 0.75em; } /* Abbreviations */ abbr, acronym { text-transform: uppercase; font-size: 90%; color: #27313d; border-bottom: 1px dotted #dddddd; cursor: help; } abbr { text-transform: none; } /* Blockquotes */ blockquote { margin: 0 0 1.42857em; padding: 0.5625em 1.8125em 0 3.0625em; border-left: none; } blockquote cite { display: block; font-size: 0.8125em; color: #888888; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #888888; } blockquote, blockquote p { line-height: 1.6; color: #27313d; } /* Microformats */ .vcard { display: inline-block; } .vcard li { margin: 0; display: block; } .vcard .fn { font-weight: bold; font-size: 1.1428em; } .vevent .summary { font-weight: bold; } .vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em; } @media only screen and (min-width: 768px) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; } h1 { font-size: 2.75em; } h2 { font-size: 2.3125em; } h3 { font-size: 1.6875em; } h4 { font-size: 1.4375em; } } /* * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } } button, .button { border-style: none; border-width: 0; cursor: pointer; font-family: inherit; font-weight: bold; line-height: normal; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 0.9375em; padding-right: 1.875em; padding-bottom: 1em; padding-left: 1.875em; font-size: 1em; background-color: #f47e00; border-color: #c16400; color: white; } button:hover, button:focus, .button:hover, .button:focus { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #27313d; } button:hover, button:focus, .button:hover, .button:focus { color: white; } button.secondary, .button.secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #27313d; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } button.success, .button.success { background-color: #5da423; border-color: #457a1a; color: white; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #27313d; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; } button.alert, .button.alert { background-color: #c60f13; border-color: #970b0e; color: white; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #27313d; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; } button.large, .button.large { padding-top: 1.125em; padding-right: 2.25em; padding-bottom: 1.1875em; padding-left: 2.25em; font-size: 1.25em; } button.small, .button.small { padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 0.8125em; } button.tiny, .button.tiny { padding-top: 0.5625em; padding-right: 1.125em; padding-bottom: 0.625em; padding-left: 1.125em; font-size: 0.6875em; } button.expand, .button.expand { padding-right: 0; padding-left: 0; width: 100%; } button.left-align, .button.left-align { text-align: left; text-indent: 0.75em; } button.right-align, .button.right-align { text-align: right; padding-right: 0.75em; } button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #f47e00; border-color: #c16400; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #27313d; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: white; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #f47e00; } button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #27313d; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; } button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #5da423; border-color: #457a1a; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #27313d; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: white; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; } button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; border-color: #970b0e; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #27313d; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: white; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; } button, .button { padding-top: 1em; padding-bottom: 0.9375em; -webkit-appearance: none; } button.tiny, .button.tiny { padding-top: 0.625em; padding-bottom: 0.5625em; -webkit-appearance: none; } button.small, .button.small { padding-top: 0.8125em; padding-bottom: 0.75em; -webkit-appearance: none; } button.large, .button.large { padding-top: 1.15625em; padding-bottom: 1.15625em; -webkit-appearance: none; } @media only screen { button, .button { -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } button.radius, .button.radius { -webkit-border-radius: 3px; border-radius: 3px; } button.round, .button.round { -webkit-border-radius: 1000px; border-radius: 1000px; } } @media only screen and (min-width: 768px) { button, .button { display: inline-block; } } /* Standard Forms */ form { margin: 0 0 1em; } /* Using forms within rows, we need to set some defaults */ form .row .row { margin: 0 -0.5em; } form .row .row .column, form .row .row .columns { padding: 0 0.5em; } form .row .row.collapse { margin: 0; } form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; } form .row .row.collapse input { -moz-border-radius-bottomright: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; } form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: 0.5em; } /* Label Styles */ label { font-size: 0.875em; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 0.1875em; /* Styles for required inputs */ } label.right { float: none; text-align: right; } label.inline { margin: 0 0 1em 0; padding: 0.625em 0; } label small { text-transform: capitalize; color: #666666; } /* Attach elements to the beginning or end of an input */ .prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: 0.875em; height: 2.3125em; line-height: 2.3125em; } /* Adjust padding, alignment and radius if pre/post element is a button */ .postfix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125em; } .prefix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125em; } .prefix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .postfix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .prefix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .postfix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } /* Separate prefix and postfix styles when on span or label so buttons keep their own */ span.prefix, label.prefix { background: #f2f2f2; border-color: #d9d9d9; border-right: none; color: #333333; } span.prefix.radius, label.prefix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } span.postfix, label.postfix { background: #f2f2f2; border-color: #cccccc; border-left: none; color: #333333; } span.postfix.radius, label.postfix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* Input groups will automatically style first and last elements of the group */ .input-group.radius > *:first-child, .input-group.radius > *:first-child * { -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .input-group.radius > *:last-child, .input-group.radius > *:last-child * { -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .input-group.round > *:first-child, .input-group.round > *:first-child * { -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .input-group.round > *:last-child, .input-group.round > *:last-child * { -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } /* We use this to get basic styling on all basic form elements */ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-box-shadow: none; box-shadow: none; color: rgba(0, 0, 0, 0.75); display: block; font-size: 1em; margin: 0 0 1em 0; padding: 0.5em; height: 2.4375em; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fefefe; border-color: #f47e00; outline: none; } input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #dddddd; } /* Adjust margin for form elements below */ input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 1em 0; } /* Normalize file input width */ input[type="file"] { width: 100%; } /* We add basic fieldset styling */ fieldset { border: solid 1px #dddddd; padding: 1.25em; margin: 1.125em 0; } fieldset legend { font-weight: bold; background: white; padding: 0 0.1875em; margin: 0; margin-left: -0.1875em; } /* Tables */ table { background: white; margin-bottom: 1.25em; border: solid 1px #dddddd; } table thead, table tfoot { background: whitesmoke; font-weight: bold; } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0.5em 0.625em 0.625em; font-size: 1em; color: #222222; text-align: left; } table tr th, table tr td { padding: 0.5625em 0.625em; font-size: 1em; color: #222222; } table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #fafafa; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.125em; } /* Foundation Block Grids for below small breakpoint */ @media only screen { [class*="block-grid-"] { display: block; padding: 0; margin: 0 -1.25em; *zoom: 1; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: inline; height: auto; float: left; padding: 0 1.25em 2.5em; } .small-block-grid-1 > li { width: 100%; padding: 0 1.25em 2.5em; } .small-block-grid-1 > li:nth-of-type(n) { clear: none; } .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .small-block-grid-2 > li { width: 50%; padding: 0 1.25em 2.5em; } .small-block-grid-2 > li:nth-of-type(n) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .small-block-grid-3 > li { width: 33.33333%; padding: 0 1.25em 2.5em; } .small-block-grid-3 > li:nth-of-type(n) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .small-block-grid-4 > li { width: 25%; padding: 0 1.25em 2.5em; } .small-block-grid-4 > li:nth-of-type(n) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .small-block-grid-5 > li { width: 20%; padding: 0 1.25em 2.5em; } .small-block-grid-5 > li:nth-of-type(n) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .small-block-grid-6 > li { width: 16.66667%; padding: 0 1.25em 2.5em; } .small-block-grid-6 > li:nth-of-type(n) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .small-block-grid-7 > li { width: 14.28571%; padding: 0 1.25em 2.5em; } .small-block-grid-7 > li:nth-of-type(n) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .small-block-grid-8 > li { width: 12.5%; padding: 0 1.25em 2.5em; } .small-block-grid-8 > li:nth-of-type(n) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .small-block-grid-9 > li { width: 11.11111%; padding: 0 1.25em 2.5em; } .small-block-grid-9 > li:nth-of-type(n) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .small-block-grid-10 > li { width: 10%; padding: 0 1.25em 2.5em; } .small-block-grid-10 > li:nth-of-type(n) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .small-block-grid-11 > li { width: 9.09091%; padding: 0 1.25em 2.5em; } .small-block-grid-11 > li:nth-of-type(n) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .small-block-grid-12 > li { width: 8.33333%; padding: 0 1.25em 2.5em; } .small-block-grid-12 > li:nth-of-type(n) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Foundation Block Grids for above small breakpoint */ @media only screen and (min-width: 768px) { /* Remove small grid clearing */ .small-block-grid-1 > li:nth-of-type(1n+1) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: none; } .large-block-grid-1 > li { width: 100%; padding: 0 1.25em 2.5em; } .large-block-grid-1 > li:nth-of-type(n) { clear: none; } .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .large-block-grid-2 > li { width: 50%; padding: 0 1.25em 2.5em; } .large-block-grid-2 > li:nth-of-type(n) { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { width: 33.33333%; padding: 0 1.25em 2.5em; } .large-block-grid-3 > li:nth-of-type(n) { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4 > li { width: 25%; padding: 0 1.25em 2.5em; } .large-block-grid-4 > li:nth-of-type(n) { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5 > li { width: 20%; padding: 0 1.25em 2.5em; } .large-block-grid-5 > li:nth-of-type(n) { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6 > li { width: 16.66667%; padding: 0 1.25em 2.5em; } .large-block-grid-6 > li:nth-of-type(n) { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7 > li { width: 14.28571%; padding: 0 1.25em 2.5em; } .large-block-grid-7 > li:nth-of-type(n) { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8 > li { width: 12.5%; padding: 0 1.25em 2.5em; } .large-block-grid-8 > li:nth-of-type(n) { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9 > li { width: 11.11111%; padding: 0 1.25em 2.5em; } .large-block-grid-9 > li:nth-of-type(n) { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10 > li { width: 10%; padding: 0 1.25em 2.5em; } .large-block-grid-10 > li:nth-of-type(n) { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11 > li { width: 9.09091%; padding: 0 1.25em 2.5em; } .large-block-grid-11 > li:nth-of-type(n) { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12 > li { width: 8.33333%; padding: 0 1.25em 2.5em; } .large-block-grid-12 > li:nth-of-type(n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Foundation Alerts */ .alert-box { border-style: solid; border-width: 1px; display: block; font-weight: bold; margin-bottom: 1.25em; position: relative; padding: 0.6875em 1.3125em 0.75em 0.6875em; font-size: 1em; background-color: #f47e00; border-color: #c16400; color: white; } .alert-box .close { font-size: 1.375em; padding: 5px 4px 4px; line-height: 0; position: absolute; top: 0.4375em; right: 0.3125em; color: #333333; opacity: 0.3; } .alert-box .close:hover, .alert-box .close:focus { opacity: 0.5; } .alert-box.radius { -webkit-border-radius: 3px; border-radius: 3px; } .alert-box.round { -webkit-border-radius: 1000px; border-radius: 1000px; } .alert-box.success { background-color: #5da423; border-color: #457a1a; color: white; } .alert-box.alert { background-color: #c60f13; border-color: #970b0e; color: white; } .alert-box.secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #505050; } /** * General * --------------------------------------------------------------------------- */ #container { margin: 0 auto; max-width: 88%; } .row { max-width: 94%; } .main-wrapper { backface-visibility: hidden; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; } #main { background: white; padding: 2.5em 0; overflow: hidden; } #main-home { background: white; overflow: hidden; } #content { font-size: .875em; } a { -webkit-transition: color 0.2s linear, background-color 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear; transition: color 0.2s linear, background-color 0.2s linear; } button.hover-light:hover, .button.hover-light:hover { background: white; color: #27313d; } textarea { height: auto; } .alignright { text-align: right; float: right; } address { line-height: 1.6; margin-bottom: 1em; } p address { margin-bottom: 0; } select { padding: .5em; } /** * Header * --------------------------------------------------------------------------- */ #header { padding-top: 3em; margin-bottom: 2.5em; } #header #branding { *zoom: 1; max-width: 80%; display: inline-block; text-align: left; } #header #branding:before, #header #branding:after { content: " "; display: table; } #header #branding:after { clear: both; } #header #site-title { display: inline-block; margin: 0; font-size: 2.25em; text-align: left; } #header #site-title a { display: inline-block; text-align: inherit; } #header #site-title img { display: block; text-align: inherit; margin: 0 auto; vertical-align: baseline; } #header.with-woocommerce #branding { max-width: 100%; display: block; text-align: center; margin-bottom: 2em; } #header.with-woocommerce #site-title { text-align: center; } #header.with-woocommerce #site-title a { display: block; } /** * Menus * --------------------------------------------------------------------------- */ #navigation { position: relative; float: right; *zoom: 1; /* ====== Primary Menu ====== */ } #navigation:before, #navigation:after { content: " "; display: table; } #navigation:after { clear: both; } #navigation #menu-toggle { display: block; width: 39px; height: 39px; text-align: center; -webkit-border-radius: 3px; border-radius: 3px; background: #27313d; color: #fff; position: relative; transition: background 0.2s linear, transform 0.3s cubic-bezier(0.5, 0.135, 0.15, 0.58); -moz-transition: background 0.2s linear, -moz-transform 0.3s cubic-bezier(0.5, 0.135, 0.15, 0.58); -webkit-transition: background 0.2s linear, -webkit-transform 0.3s cubic-bezier(0.5, 0.135, 0.15, 0.58); -o-transition: background 0.2s linear, -o-transform 0.3s cubic-bezier(0.5, 0.135, 0.15, 0.58); } #navigation #menu-toggle:before { position: absolute; top: 10px; content: ""; left: 10px; padding-bottom: 5px; border-top: 3px solid #fff; border-bottom: 3px solid #fff; width: 19px; text-indent: -9999px; } #navigation #menu-toggle:after { position: absolute; content: ""; bottom: 10px; display: block; height: 3px; background: #fff; left: 10px; width: 19px; } #navigation #menu-toggle:hover { background: #f47e00; /*THEME_COLOR*/ } #navigation #menu-toggle.active { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } #navigation #menu-primary { font-size: .8125em; float: right; } #navigation #menu-primary ul { -webkit-transition: height 0s ease, all 0.5s linear; -webkit-transition-delay: 0s, 0s; -moz-transition: height 0s ease 0s, all 0.5s linear 0s; -o-transition: height 0s ease 0s, all 0.5s linear 0s; transition: height 0s ease 0s, all 0.5s linear 0s; list-style: none; position: absolute; right: 0; min-width: 170px; box-shadow: 0 4px 0 #f47e00 inset; -moz-box-shadow: 0 4px 0 #f47e00 inset; -webkit-box-shadow: 0 4px 0 #f47e00 inset; -webkit-border-radius: 3px; border-radius: 3px; padding-top: 4px; z-index: 999; background: #27313d; margin-top: 5px; display: none; } #navigation #menu-primary ul.active { display: block; } #navigation #menu-primary ul:before { content: ""; border-width: 0 5px 5px 5px; border-style: solid; border-color: transparent transparent #f47e00 transparent; position: absolute; right: 14px; top: -5px; } #navigation #menu-primary ul li { position: relative; -webkit-transition: background 0.1s linear; -moz-transition: background 0.1s linear; transition: background 0.1s linear; } #navigation #menu-primary ul li.last-menu-item, #navigation #menu-primary ul li:first-child { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #navigation #menu-primary ul li.last-menu-item, #navigation #menu-primary ul li:last-child { -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } #navigation #menu-primary ul li a { line-height: 42px; padding: 0 1.25em; display: block; color: #fff; font-weight: bold; } #navigation #menu-primary ul li > ul { display: none; position: static; margin-top: 0; margin-left: 0; padding-top: 0; border: none; background: #1d252d; } #navigation #menu-primary ul li > ul:before { display: none; } #navigation #menu-primary ul li > ul.sub-menu, #navigation #menu-primary ul li > ul.children { box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } #navigation #menu-primary ul li:hover > ul { display: block; } #navigation #menu-primary ul li.current-menu-item, #navigation #menu-primary ul li:hover { background: #374556; } #navigation #menu-primary ul li i { float: right; font-size: 1.07692em; margin: 0; line-height: inherit; text-align: center; } .with-woocommerce #navigation { float: none; } .bearded-gallery-carousel-container { position: relative; } .bearded-carousel-control .bx-prev, .bearded-carousel-control .bx-next { position: absolute; display: block; cursor: pointer; width: 36px; height: 36px; text-align: center; line-height: 36px; color: white; font-size: 1em; z-index: 100; outline: none; bottom: 10px; background: #27313d; -webkit-border-radius: 3px; border-radius: 3px; } .bearded-carousel-control .bx-prev i, .bearded-carousel-control .bx-next i { display: block; line-height: inherit; } .bearded-carousel-control .bx-prev:hover, .bearded-carousel-control .bx-next:hover { background: #f47e00; /*THEME_COLOR*/ } .bearded-carousel-control .bx-prev { right: 50px; } .bearded-carousel-control .bx-next { right: 10px; } .gallery-carousel-caption { position: absolute; margin-right: 10px; -ms-word-wrap: break-word; word-wrap: break-word; top: 10px; left: 10px; background: rgba(39, 49, 61, 0.8); color: #fff; font-family: Georgia, sans-serif; padding: .4em .8em; max-width: 100%; line-height: 1.4; -webkit-border-radius: 3px; border-radius: 3px; } /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; } /** * Content * --------------------------------------------------------------------------- */ /* ====== POSTS ====== */ .hentry { margin-bottom: 4.2857em; position: relative; min-height: 245px; display: block; } .hentry:after { display: block; content: ""; background: url(assets/images/dotted.png) repeat 0 0 transparent; height: 7px; width: 100%; margin-top: 4.7857em; } .hentry.product:after { display: none; background: none; } .hentry .entry-side { position: absolute; top: 0; bottom: 0; width: 71px; left: -110px; } .hentry .entry-side figure { position: relative; margin-bottom: 0; } .hentry .entry-side figure img { -webkit-border-radius: 1000px; border-radius: 1000px; overflow: hidden; } .hentry .entry-side .comment-count { position: relative; width: 31px; height: 31px; display: block; margin: -25px 0 1em 41px; } .hentry .entry-side .comment-count a { display: block; background: #f47e00; /*THEME_COLOR*/ text-align: center; line-height: 31px; color: #fff; position: relative; font-weight: bold; z-index: 2; -webkit-border-radius: 1000px; border-radius: 1000px; } .hentry .entry-side .comment-count a:hover { background: #27313d; } .hentry .entry-side .entry-client, .hentry .entry-side .entry-edit, .hentry .entry-side .entry-published, .hentry .entry-side .entry-format { position: relative; text-align: center; margin-bottom: 1em; } .hentry .entry-side .entry-client time, .hentry .entry-side .entry-client a, .hentry .entry-side .entry-client span, .hentry .entry-side .entry-edit time, .hentry .entry-side .entry-edit a, .hentry .entry-side .entry-edit span, .hentry .entry-side .entry-published time, .hentry .entry-side .entry-published a, .hentry .entry-side .entry-published span, .hentry .entry-side .entry-format time, .hentry .entry-side .entry-format a, .hentry .entry-side .entry-format span { display: block; height: 39px; width: 39px; background: #27313d; margin: 0 auto; text-align: center; line-height: 39px; font-size: 1.2857em; -webkit-border-radius: 1000px; border-radius: 1000px; color: #fff; cursor: pointer; } .hentry .entry-side .entry-client time:hover, .hentry .entry-side .entry-client a:hover, .hentry .entry-side .entry-client span:hover, .hentry .entry-side .entry-edit time:hover, .hentry .entry-side .entry-edit a:hover, .hentry .entry-side .entry-edit span:hover, .hentry .entry-side .entry-published time:hover, .hentry .entry-side .entry-published a:hover, .hentry .entry-side .entry-published span:hover, .hentry .entry-side .entry-format time:hover, .hentry .entry-side .entry-format a:hover, .hentry .entry-side .entry-format span:hover { background: #f47e00; /*THEME_COLOR*/ } .hentry .entry-side:before { content: ""; position: absolute; top: 0; display: block; bottom: -4.2857em; width: 1px; left: 50%; background: #f3f3f3; } .hentry .entry-side:after { content: ""; position: absolute; bottom: -4.92857em; display: block; width: 9px; height: 9px; background: #f3f3f3; left: 50%; -webkit-border-radius: 1000px; border-radius: 1000px; margin-left: -4px; } .hentry .featured-image, .hentry .bearded-gallery-carousel-container { margin-bottom: 1.786em; } .hentry.singular-no-comments:after { display: none; } .hentry.singular-no-comments .entry-side:after, .hentry.singular-no-comments .entry-side:before { bottom: 0; } #content .hentry.post-last { padding-bottom: 0; } #content .hentry.post-last:after { display: none; } #content .hentry.post-last .entry-side:before { bottom: 0; } #content .hentry.post-last .entry-side:after { bottom: 0; } .sticky { /*sticky goes here*/ } .bypostauthor { /*bypostauthor*/ } img.alignleft { float: left; margin: 20px 25px 20px 0; } img.alignright { display: block; margin: 20px 0 20px 25px; } img.aligncenter { display: block; clear: both; margin: 20px auto; } img.alignnone { display: block; margin: 20px 0; } .wp-caption { text-align: center; margin: 10px 20px 20px 20px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; max-width: 100%; } .wp-caption.aligncenter { margin: 20px auto; } .wp-caption.alignleft { margin-left: 0; } .wp-caption.alignright { margin-right: 0; } .wp-caption.alignnone { margin-left: 0; } .wp-caption img, .wp-caption img a { margin: 0; padding: 0; border: 0 none; } .wp-caption .wp-caption-text { margin: 0; padding: 5px; } .wp-smiley { max-height: 13px; margin: 0 !important; } /* === Post Header === */ .entry-content { *zoom: 1; -ms-word-wrap: break-word; word-wrap: break-word; } .entry-content:before, .entry-content:after { content: " "; display: table; } .entry-content:after { clear: both; } .entry-summary { -ms-word-wrap: break-word; word-wrap: break-word; } .entry-title { max-width: 100%; margin-top: 0; font-size: 2.571428em; letter-spacing: -0.056em; margin-bottom: .694em; line-height: 1.2; -ms-word-wrap: break-word; word-wrap: break-word; } .entry-title a { -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; color: inherit; } .entry-title a:hover { color: #f47e00; /*THEME_COLOR*/ } .entry-footer .entry-meta { padding-top: 1.25em; border-top: 1px solid #eee; text-align: right; } .entry-footer .before { font-weight: bold; } /* === Links === */ .blog .format-link, .archive .format-link, .taxonomy .format-link { text-align: center; } .blog .format-link .entry-link, .archive .format-link .entry-link, .taxonomy .format-link .entry-link { display: inline-block; padding: .5em 1em; color: #27313d; font-weight: bold; font-family: Consolas, monospace; background: #f3f3f3; } .blog .format-link .entry-link:hover, .archive .format-link .entry-link:hover, .taxonomy .format-link .entry-link:hover { color: #f47e00; /*THEME_COLOR*/ } .blog .format-quote .entry-title blockquote, .blog .format-quote .entry-title p, .archive .format-quote .entry-title blockquote, .archive .format-quote .entry-title p, .taxonomy .format-quote .entry-title blockquote, .taxonomy .format-quote .entry-title p { padding: 0; margin: 0; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; font-style: normal; } .blog .format-quote .entry-title blockquote:before, .blog .format-quote .entry-title p:before, .archive .format-quote .entry-title blockquote:before, .archive .format-quote .entry-title p:before, .taxonomy .format-quote .entry-title blockquote:before, .taxonomy .format-quote .entry-title p:before { display: none; } .blog .format-quote .quote-source, .archive .format-quote .quote-source, .taxonomy .format-quote .quote-source { text-align: center; font-size: 1.2857em; margin-bottom: 0; } .blog .format-quote .quote-source:before, .blog .format-quote .quote-source:after, .archive .format-quote .quote-source:before, .archive .format-quote .quote-source:after, .taxonomy .format-quote .quote-source:before, .taxonomy .format-quote .quote-source:after { content: "-"; margin: 0 5px; } .blog .format-link .entry-title, .blog .format-quote .entry-title, .archive .format-link .entry-title, .archive .format-quote .entry-title, .taxonomy .format-link .entry-title, .taxonomy .format-quote .entry-title { text-align: center; } .gallery { margin: 0 0 15px; } .gallery .gallery-item { margin-bottom: 10px; } .gallery .gallery-item .gallery-icon img { width: auto; max-width: 89% !important; } .gallery .thumbnail { float: none; } .gallery-caption { color: #999; } /* === Single posts using === */ .page-links { font-size: .8571em; font-weight: bold; } .page-links .before { margin-right: .7em; } .page-links a { color: #27313d; display: inline-block; margin: 0 5px; } .page-links a:hover { color: #f47e00; /*THEME_COLOR*/ } .loop-nav { *zoom: 1; margin-top: 1.25em; padding-top: 2em; border-top: 5px solid #f3f3f3; } .loop-nav:before, .loop-nav:after { content: " "; display: table; } .loop-nav:after { clear: both; } .loop-nav a[rel="next"] { float: right; } /* === Archive-type pages === */ .loop-pagination, .woocommerce-pagination { text-align: center; font-weight: bold; border-top: 1px solid #eaeaea; } .loop-pagination .page-numbers, .woocommerce-pagination .page-numbers { padding-top: 2em; color: #27313d; display: inline-block; } .loop-pagination .page-numbers:hover, .loop-pagination .page-numbers.current, .woocommerce-pagination .page-numbers:hover, .woocommerce-pagination .page-numbers.current { color: #f47e00; /*THEME_COLOR*/ } .loop-pagination .page-numbers:after, .woocommerce-pagination .page-numbers:after { content: "/"; margin: 0 6px 0 12px; font-weight: 300; color: #aeaeae; } .loop-pagination .page-numbers:last-child:after, .woocommerce-pagination .page-numbers:last-child:after { display: none; } .comments-nav { margin: 1.25em 0; } /** * Sidebars and widgets * --------------------------------------------------------------------------- */ /* ====== General ====== */ .sidebar { font-size: .875em; } .sidebar .widget { margin-bottom: 2.857em; } .sidebar select { padding: .5em .8em; } .sidebar .widget-title { font-size: 1.1428em; margin: 0 0 1.25em 0; overflow: hidden; position: relative; clear: both; } .sidebar .widget-title span { position: relative; margin: 0 15px 0 18px; display: inline-block; } .sidebar .widget-title:before { content: ""; width: 9px; border-left: 3px solid #3a3f43; border-right: 3px solid #3a3f43; height: 9px; display: block; position: absolute; top: 50%; margin-top: -3px; left: 0; margin-right: 9px; } .sidebar .widget-title:after { background: url("assets/images/dotted.png") repeat 0 0 transparent; content: ""; float: right; height: 7px; width: 100%; position: absolute; top: 50%; margin-top: -2px; } .sidebar ul { list-style: none inside; margin-bottom: 0; } .sidebar ul li { position: relative; padding-left: 1em; } .sidebar ul li a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; color: #27313d; } .sidebar ul li a:hover { color: #f47e00; /*THEME_COLOR*/ } .sidebar ul li a.rsswidget { font-weight: bold; } .sidebar ul li.recentcomments { margin-bottom: .5em; } .sidebar ul li.recentcomments:last-child { margin-bottom: 0; } .sidebar ul li.recentcomments a { color: #27313d; border-bottom: 1px dotted #27313d; } .sidebar ul li.recentcomments a:hover { border: none; color: #f47e00; /*THEME_COLOR*/ } .sidebar ul li.recentcomments a.url { border: none; font-weight: bold; } .sidebar ul li.recentcomments a.url:hover { color: #fff; background: #f47e00; /*THEME_COLOR*/ } .sidebar ul li:before { font-family: FontAwesome; content: "\f0da"; line-height: inherit; font-size: 0.857em; color: #ccc; position: absolute; display: inline-block; height: 100%; left: 0; top: 3px; } .sidebar .widget_rss li, .sidebar .widget-rss li { margin-bottom: 1.25em; } .sidebar .widget_rss li .rss-date, .sidebar .widget-rss li .rss-date { font-size: small; color: #aaa; border-bottom: 1px dotted #aaa; } .sidebar .widget_rss li cite, .sidebar .widget-rss li cite { font-size: small; color: #888; } .sidebar .widget_rss li cite:before, .sidebar .widget-rss li cite:before { content: ""; width: 10px; height: 2px; background: #aaa; vertical-align: middle; display: inline-block; margin-right: 5px; } .sidebar .widget_rss li:last-child, .sidebar .widget-rss li:last-child { margin-bottom: 0; } .sidebar .tagcloud, .sidebar .widget-tags { *zoom: 1; } .sidebar .tagcloud:before, .sidebar .tagcloud:after, .sidebar .widget-tags:before, .sidebar .widget-tags:after { content: " "; display: table; } .sidebar .tagcloud:after, .sidebar .widget-tags:after { clear: both; } .sidebar .tagcloud a, .sidebar .widget-tags a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; display: block; margin: 0 5px 5px 0; float: left; background: #27313d; color: #fff; padding: 10px 12px; } .sidebar .tagcloud a:hover, .sidebar .widget-tags a:hover { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); background: #f47e00; /*THEME_COLOR*/ } .sidebar .widget_calendar table, .sidebar .widget-calendar table { width: 100%; border: none; } .sidebar .widget_calendar table thead, .sidebar .widget_calendar table tfoot, .sidebar .widget-calendar table thead, .sidebar .widget-calendar table tfoot { background: #27313d; } .sidebar .widget_calendar table thead td, .sidebar .widget_calendar table thead th, .sidebar .widget_calendar table tfoot td, .sidebar .widget_calendar table tfoot th, .sidebar .widget-calendar table thead td, .sidebar .widget-calendar table thead th, .sidebar .widget-calendar table tfoot td, .sidebar .widget-calendar table tfoot th { padding: 1em; } .sidebar .widget_calendar table thead a, .sidebar .widget_calendar table thead tr, .sidebar .widget_calendar table thead td, .sidebar .widget_calendar table thead th, .sidebar .widget_calendar table tfoot a, .sidebar .widget_calendar table tfoot tr, .sidebar .widget_calendar table tfoot td, .sidebar .widget_calendar table tfoot th, .sidebar .widget-calendar table thead a, .sidebar .widget-calendar table thead tr, .sidebar .widget-calendar table thead td, .sidebar .widget-calendar table thead th, .sidebar .widget-calendar table tfoot a, .sidebar .widget-calendar table tfoot tr, .sidebar .widget-calendar table tfoot td, .sidebar .widget-calendar table tfoot th { color: #fff; } .sidebar .widget_calendar table tfoot tr, .sidebar .widget-calendar table tfoot tr { border: 1px solid #27313d; } .sidebar .widget_calendar table thead tr, .sidebar .widget-calendar table thead tr { border: 1px solid #27313d; border-bottom: none; } .sidebar .widget_calendar table tbody td, .sidebar .widget-calendar table tbody td { padding: 1em; } .sidebar .widget_calendar table tbody td a, .sidebar .widget-calendar table tbody td a { display: block; color: #f47e00; /*THEME_COLOR*/ font-weight: bold; } .sidebar .widget_calendar table tbody tr, .sidebar .widget-calendar table tbody tr { background: none; border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; } .sidebar .widget_calendar table tbody tr:last-child, .sidebar .widget-calendar table tbody tr:last-child { border-bottom: none; } .sidebar .widget_calendar table caption, .sidebar .widget-calendar table caption { background: #f47e00; /*THEME_COLOR*/ color: #fff; padding: 12px 0; font-weight: bold; border: 1px solid #f47e00; /*THEME_COLOR*/ } /* =Price Filter Widget -------------------------------------------------------------- */ .widget_price_filter .price_slider { margin-bottom: 1em; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4em; font-size: 1em; } .widget_price_filter .price_slider_amount .button { font-size: .8125em; padding: 0.75em 1.5em; float: left; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.4em; height: 1.4em; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer; background-color: #222; outline: none; top: -.3em; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background: #00b4ff; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; -o-border-radius: 2em; border-radius: 2em; } .widget_price_filter .price_slider_wrapper .ui-widget-content { -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; -o-border-radius: 2em; border-radius: 2em; background-color: #ececec; } .widget_price_filter .ui-slider-horizontal { height: .8em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } /** * Comments Template * --------------------------------------------------------------------------- */ /* ====== COMMENTS ======= */ #comments ol.comment-list { list-style: none; margin: 0; } #comments ol.comment-list:after { display: block; content: ""; background: url(assets/images/dotted.png) repeat 0 0 transparent; height: 7px; width: 100%; margin-top: 4.7857em; } #comments ol.comment-list .comment-side { width: 51px; float: left; margin: 0 20px 0 0; text-align: center; height: 100%; clear: both; } #comments ol.comment-list .comment-side .avatar { position: relative; -webkit-border-radius: 1000px; border-radius: 1000px; overflow: hidden; } #comments ol.comment-list ol.children { list-style: none; margin: 0; } #comments ol.comment-list ol.children .comment-meta, #comments ol.comment-list ol.children .comment-content, #comments ol.comment-list ol.children .comment-author, #comments ol.comment-list ol.children .comment-side { margin-left: 36px; } #comments ol.comment-list .comment, #comments ol.comment-list .ping { position: relative; min-height: 71px; } #comments ol.comment-list .ping { padding-bottom: .71428em; margin-bottom: 2.1428em; border-bottom: 1px solid #e5e5e6; } #comments ol.comment-list .comment-meta { font-size: .857em; margin-top: .41667em; margin-bottom: .8333em; color: #aaa; } #comments ol.comment-list .comment-meta-divider { margin: 0 5px; } #comments ol.comment-list .comment-author { display: block; } #comments ol.comment-list .comment-author a { color: #27313d; } #comments ol.comment-list .comment-author a:hover { color: #f47e00; /*THEME_COLOR*/ } #comments ol.comment-list .comment-author cite { font-style: normal; line-height: 1.2; } #comments ol.comment-list .comment-content { padding-bottom: .71428em; margin-bottom: 2.1428em; border-bottom: 1px solid #e5e5e6; } #comments .comments-closed.pings-open { margin-top: 2.1428em; padding-bottom: .71428em; margin-bottom: 2.1428em; } /* === Comment list === */ /* ====== RESPOND (COMMENT FORM) ====== */ #respond { margin-top: 4.2857em; } #respond input[type="text"], #respond input[type="url"], #respond input[type="email"] { float: left; margin: 0 1em 0 0; max-width: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); color: #AEAEAE; font-size: 1em; } #respond input[type="text"]:focus, #respond input[type="url"]:focus, #respond input[type="email"]:focus { color: #27313d; border-color: #9FA1A2; } #respond p.form-author, #respond p.form-url, #respond p.form-email { *zoom: 1; } #respond p.form-author:before, #respond p.form-author:after, #respond p.form-url:before, #respond p.form-url:after, #respond p.form-email:before, #respond p.form-email:after { content: " "; display: table; } #respond p.form-author:after, #respond p.form-url:after, #respond p.form-email:after { clear: both; } #respond label { font-size: 1em; display: inline-block; font-weight: bold; position: relative; top: 4px; } #respond label .required { color: #FF4629; } #respond textarea { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); color: #AEAEAE; font-size: 1em; } #respond textarea:focus { color: #27313d; border-color: #9FA1A2; } #respond input[type="submit"] { border-style: none; border-width: 0; cursor: pointer; font-family: inherit; font-weight: bold; line-height: normal; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 0.9375em; padding-right: 1.875em; padding-bottom: 1em; padding-left: 1.875em; font-size: 1em; background-color: #f47e00; border-color: #c16400; color: white; -webkit-border-radius: 3px; border-radius: 3px; } #respond input[type="submit"]:hover, #respond input[type="submit"]:focus { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #27313d; } #respond input[type="submit"]:hover, #respond input[type="submit"]:focus { color: white; } /** * Footer * --------------------------------------------------------------------------- */ #footer { background: #27313d; color: #9eadbe; margin-bottom: 2.857em; padding-bottom: 4.285714285714286em; } #footer .widget-title { color: #fff; margin: 3.75em 0 0 0; font-size: 1.1428em; line-height: 1; padding-bottom: .9375em; margin-bottom: 1.5625em; position: relative; } #footer .widget-title:after { content: ""; position: absolute; top: 100%; left: 0; height: 3px; width: 20px; background: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; } #footer .footer-widget { font-size: .875em; } #footer .footer-widget ul, #footer .footer-widget ol { margin-bottom: 0; } #footer a { color: #fff; } #footer a:hover { color: #f47e00; /*THEME_COLOR*/ } #footer ul li { list-style: inside; } #footer .credit { margin-bottom: 0; font-size: .75em; } #footer .footer-content { text-align: center; } #footer .footer-social { list-style: none; padding-top: 2.5em; margin-top: 2.8125em; margin-bottom: 1.5625em; border-top: 5px solid rgba(255, 255, 255, 0.1); } #footer .footer-social li { display: inline-block; list-style: none; margin: 0 5px .625em 5px; } #footer .footer-social li a { display: block; width: 36px; height: 36px; background: #1b222b; line-height: 36px; text-align: center; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; transition: background 0.2s linear; -webkit-border-radius: 1000px; border-radius: 1000px; } #footer .footer-social li a:hover { background: #f47e00; /*THEME_COLOR*/ color: #1b222b; } /** * Typography * --------------------------------------------------------------------------- */ ul, ol { list-style-position: inside; } pre { background: #f7f7f8; padding: 1.25em; margin: 1.5em; } blockquote { font-family: Georgia, serif; font-style: italic; } blockquote:before { content: "\201c"; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 5em; float: left; position: relative; font-style: normal; vertical-align: top; left: -10px; line-height: 1; top: -10px; font-weight: normal; } .vcard { padding: 0; } /** * Clearing Floats * --------------------------------------------------------------------------- */ .clearfix::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .bearded-tooltip { position: absolute; background-color: #27313d; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; color: #fff; font-size: .8751em; text-align: left; display: inline; width: auto; z-index: 100; } .bearded-tooltip:before { position: absolute; top: 50%; height: 0; width: 0; content: ""; left: -8px; margin-top: -5px; border-width: 6px 8px 6px 0; border-color: transparent #27313d transparent transparent; border-style: solid; } .bearded-tooltip.tip-top { display: inline-block; text-align: center; } .bearded-tooltip.tip-top:before { top: 100%; left: 50%; margin-top: 0; margin-left: -5px; border-width: 8px 6px 0 6px; border-color: #27313d transparent transparent transparent; } #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 9999999; max-width: 100% !important; } #tiptip_holder.tip_top { padding-bottom: 5px; } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_content { font-size: .8751em; line-height: 1.2; color: #fff; padding: 0.7142em 1em; background: #27313d; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: #27313d; } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: #27313d; } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: #27313d; } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: #27313d; } .bearded-cta-widget { background: #27313d; color: #fff; padding-top: 2.8125em; padding-bottom: 2.8125em; } .bearded-cta-widget h1 { color: inherit; letter-spacing: -2px; font-size: 2.5em; margin-top: 0; line-height: 1.2; margin-bottom: .3em; } .bearded-cta-widget p { margin-bottom: 0; } .bearded-cta-widget .button { margin-top: 1em; margin-bottom: 0; } #main-home .widget-entry { position: relative; } #main-home .widget-entry-thumbnail { margin-top: 1em; margin-bottom: 1em; text-align: center; } #main-home .widget-entry-thumbnail a { text-align: inherit; } #main-home .widget { margin-bottom: 3.75em; } #main-home .widget:first-child { margin-top: 3.75em; } #main-home .widget:first-child.bearded-cta-widget { margin-top: 0; } #main-home .widget:last-child.bearded-cta-widget { margin-bottom: 0; } #main-home .widget .widget-title { font-size: 1.125em; margin: 0 0 1.67em 0; overflow: hidden; position: relative; clear: both; padding-left: 21px; } #main-home .widget .widget-title:before { content: ""; width: 9px; border-left: 3px solid #ccc; border-right: 3px solid #ccc; height: 9px; display: block; position: absolute; top: 50%; margin-top: -3px; left: 0; } #main-home .widget .widget-title:after { background: url("assets/images/dotted.png") repeat 0 0 transparent; content: ""; float: right; margin-left: 12px; height: 7px; width: 100%; position: absolute; top: 50%; margin-top: -2px; } #main-home .client-title { font-size: 1.5em; margin-top: 0; text-align: center; margin-bottom: 1.25em; letter-spacing: -1px; } #main-home .client-block { margin-bottom: 1em; text-align: center; } #main-home .bearded-services-container { text-align: center; } #main-home .services-title { font-size: 1.5em; margin-bottom: .8em; margin-top: 0; } #main-home .services-title a { color: inherit; } #main-home .services-icon { height: 64px; width: 64px; margin: 0 auto 1em auto; background: #f47e00; /*THEME_COLOR*/ -webkit-border-radius: 1000px; border-radius: 1000px; color: white; overflow: hidden; } #main-home .services-icon:hover { background: #27313d; } #main-home .services-icon a { color: inherit; } #main-home .services-icon i { line-height: 64px; font-size: 1.5em; } #main-home .services-content { font-size: .8751em; } #main-home .services-content p { line-height: 1.4; margin: 0; } #main-home .widget-entry-title h3 { font-size: 1em; text-align: center; margin-top: .825em; margin-bottom: 0; } #main-home .widget-entry-title h3 a { color: #27313d; } #main-home .widget-entry-title h3 a:hover { color: #f47e00; /*THEME_COLOR*/ } #main-home .type-portfolio_item .widget-entry-thumbnail { position: relative; } #main-home .type-portfolio_item .widget-entry-title { position: absolute; top: 0; left: 0; padding: 20px; background: #27313d; height: 100%; width: 50%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; backface-visibility: hidden; transform-origin: 0 0; transform: rotateY(-90deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -webkit-transition-delay: 0s, 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; -o-transition: -o-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; } #main-home .type-portfolio_item .widget-entry-title h3 { text-align: left; margin-top: 0; } #main-home .type-portfolio_item .widget-entry-title h3 a { color: #fff; } #main-home .type-portfolio_item .widget-entry { perspective: 1700px; perspective-origin: 0 50%; } #main-home .type-portfolio_item .widget-entry:hover .widget-entry-title { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; -o-transition: -o-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; } .page-template-portfolio-4 article, .page-template-portfolio-3 article { margin-bottom: 0; } .page-template-portfolio-4 article:after, .page-template-portfolio-3 article:after { display: none; } .page-template-portfolio-4 .portfolio-entry-container, .page-template-portfolio-3 .portfolio-entry-container { margin-top: 1.428571428571429em; margin-bottom: 1.428571428571429em; } .page-template-portfolio-4 .portfolio-entry, .page-template-portfolio-3 .portfolio-entry { position: relative; } .page-template-portfolio-4 .portfolio-entry-thumbnail, .page-template-portfolio-3 .portfolio-entry-thumbnail { position: relative; } .page-template-portfolio-4 .portfolio-entry-thumbnail img, .page-template-portfolio-3 .portfolio-entry-thumbnail img { -webkit-border-radius: 5px; border-radius: 5px; } .page-template-portfolio-4 .portfolio-entry-title, .page-template-portfolio-3 .portfolio-entry-title { text-align: center; } .page-template-portfolio-4 .portfolio-entry-title h2, .page-template-portfolio-3 .portfolio-entry-title h2 { font-size: 1.1428em; margin-top: .5em; margin-bottom: .5em; } .page-template-portfolio-4 .portfolio-entry-title a, .page-template-portfolio-3 .portfolio-entry-title a { color: #27313d; } .page-template-portfolio-4 .portfolio-entry-title a:hover, .page-template-portfolio-3 .portfolio-entry-title a:hover { color: #f47e00; } /* Shuffle needs either relative or absolute positioning on the container It will set it for you, but it'll cause another style recalculation and layout. AKA worse performance - so just set it here */ #portfolio-shuffle { position: relative; overflow: hidden; } .shuffle__sizer { position: absolute; opacity: 0; visibility: hidden; } #shuffle-filters { text-transform: uppercase; font-size: 1em; text-align: center; padding: 1.42857em 0; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; } #shuffle-filters li + li:before { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; content: "/"; padding-right: 0.7em; color: #ccc; } #shuffle-filters li { padding: 0 0.35714em; display: inline-block; } #shuffle-filters li a { color: #27313d; outline: none; } #shuffle-filters li a:hover, #shuffle-filters li a.active { color: #f47e00; } .woocommerce-cart .hentry, .woocommerce-checkout .hentry, .woocommerce-account .hentry { margin-bottom: 0; } .woocommerce-cart .hentry:after, .woocommerce-checkout .hentry:after, .woocommerce-account .hentry:after { display: none; } .woocommerce-message, .woocommerce-error, .woocommerce-info { border-style: solid; border-width: 1px; display: block; font-weight: bold; margin-bottom: 1.25em; position: relative; padding: 0.6875em 1.3125em 0.75em 0.6875em; font-size: 1em; background-color: #f47e00; border-color: #c16400; color: white; -webkit-border-radius: 3px; border-radius: 3px; font-weight: normal; } .woocommerce-message ul, .woocommerce-message li, .woocommerce-error ul, .woocommerce-error li, .woocommerce-info ul, .woocommerce-info li { margin: 0; padding: 0; list-style: none; } .woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button { margin: 0 1em 0 0; color: #27313d; padding: .6em 1em; background-color: #fff; } .woocommerce-message .button:hover, .woocommerce-error .button:hover, .woocommerce-info .button:hover { background: #27313d; color: #fff; } .woocommerce-message { background-color: #43ac6a; border-color: #358753; color: white; } .woocommerce-info { background-color: #bde5f8; border-color: #8fd3f3; color: #505050; color: #00529B; } .woocommerce-info a { color: #00529B; font-weight: bold; } .woocommerce-info a:hover, .woocommerce-info a:focus { color: #00529B; text-decoration: underline; } .woocommerce-error { background-color: #ffbaba; border-color: #ff8787; color: #505050; color: #D8000C; } .woocommerce-error a { color: #D8000C; font-weight: bold; } .woocommerce-error a:hover, .woocommerce-error a:focus { color: #D8000C; text-decoration: underline; } .woocommerce .button, .woocommerce-page .button { -webkit-border-radius: 3px; border-radius: 3px; } .woocommerce .col2-set, .woocommerce-page .col2-set { *zoom: 1; width: 100%; } .woocommerce .col2-set:before, .woocommerce .col2-set:after, .woocommerce-page .col2-set:before, .woocommerce-page .col2-set:after { content: " "; display: table; } .woocommerce .col2-set:after, .woocommerce-page .col2-set:after { clear: both; } .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 select, .woocommerce-page select { display: block; } .woocommerce .address a.edit, .woocommerce-page .address a.edit { font-size: .857em; margin-bottom: .833em; display: inline-block; font-weight: normal; } .woocommerce .myaccount_address, .woocommerce-page .myaccount_address { margin-bottom: 2.5em; } .woocommerce-breadcrumb { font-size: .857em; border-bottom: 1px dotted #ddd; margin-bottom: 1.25em; padding-bottom: 2.083em; position: relative; color: #27313d; } .woocommerce-breadcrumb a { font-weight: 700; color: #27313d; } .woocommerce-breadcrumb .separator { margin: 0 .5em; } .woocommerce-result-count { float: left; width: 50%; padding: .5em 0; margin-bottom: 2em; } .woocommerce-ordering { text-align: right; margin-bottom: 2em; } .woocommerce-ordering select { max-width: 100%; width: auto; display: inline; margin-bottom: 0; } .woocommerce .entry-header .entry-title { margin-bottom: .2em; } .singular-product .product { padding-top: 1.428em; position: relative; } .singular-product .product .single-product-details { *zoom: 1; } .singular-product .product .single-product-details:before, .singular-product .product .single-product-details:after { content: " "; display: table; } .singular-product .product .single-product-details:after { clear: both; } .singular-product .product .images { margin-bottom: 1em; } .singular-product .product .images img { height: auto; margin-bottom: 1em; width: 100%; } .singular-product .product .images .thumbnails { *zoom: 1; margin-left: -2.083335%; margin-right: -2.083335%; width: 108.333%; } .singular-product .product .images .thumbnails:before, .singular-product .product .images .thumbnails:after { content: " "; display: table; } .singular-product .product .images .thumbnails:after { clear: both; } .singular-product .product .images .thumbnails a { float: left; margin-left: 2.083335%; margin-right: 2.083335%; width: 20.03333333333333%; } .singular-product .product_title { font-size: 1.715em; letter-spacing: -1px; } ul.products .hentry { margin: 0; position: relative; padding-top: 0; } ul.products .hentry a img { width: 100%; } ul.products .hentry .product-details { *zoom: 1; width: 70%; float: left; } ul.products .hentry .product-details:before, ul.products .hentry .product-details:after { content: " "; display: table; } ul.products .hentry .product-details:after { clear: both; } ul.products .hentry .product-details h3 { font-size: 1em; font-weight: bold; margin: 0.7142857142857143em 0 0 0; font-weight: normal; } ul.products .hentry .product-details h3 a { color: #27313d; } ul.products .hentry .product-cat { font-size: 0.9285714285714286em; } ul.products .hentry .product-cat a { color: #656565; } ul.products .hentry .product-cat a:hover { color: #27313d; } ul.products .hentry .yith-wcwl-add-to-wishlist { display: block; float: right; position: absolute; z-index: 3; border-left: 1px solid #56585a; right: 0; bottom: 0; margin: 0; line-height: 1; max-width: 50px; width: 50px; } ul.products .hentry .yith-wcwl-add-to-wishlist .yith-wcwl-add-button { position: relative; } ul.products .hentry .yith-wcwl-add-to-wishlist a { display: block; line-height: 45px; color: white; background-color: #27313d; } ul.products .hentry .yith-wcwl-add-to-wishlist a:hover, ul.products .hentry .yith-wcwl-add-to-wishlist a:focus { color: white; } ul.products .hentry .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:hover, ul.products .hentry .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:focus { color: #f47e00; } ul.products .hentry .yith-wcwl-add-to-wishlist i { margin: 0; display: block; text-align: center; line-height: inherit; min-width: 1em; } ul.products .hentry .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, ul.products .hentry .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a { background-color: #f47e00; } ul.products .hentry .price { float: right; width: 30%; margin-top: .7142857142857143em; text-align: right; } ul.products .hentry .product-actions { height: 45px; position: relative; background-color: #27313d; } .bearded-product-container { margin-bottom: -2.5em !important; } .bearded-product-container ul { font-size: 0.875em; } .onsale { position: absolute; animation: 1s ease 0s normal none infinite pulse; background-color: #fa565a; color: #fff; font-weight: 700; width: 46px; height: 46px; line-height: 46px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; z-index: 99; } .onsale:after { background: none repeat scroll 0 0 padding-box #fa565a; -webkit-border-radius: 5px; border-radius: 5px; bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: -4; } li.product .onsale, .singular-product li.product .onsale { left: auto; right: 10px; top: -10px; } .singular-product .onsale { right: auto; top: 8px; left: -10px; } .as-slider-container { display: none; } /* #content.large-12 ul.products { @include block-grid(4, 2.857142857142857em); } #content.large-8 ul.products { @include block-grid(3, 2.857142857142857em); } */ .price .amount { color: #27313d; font-weight: bold; font-size: 1.142857142857143em; } .add_to_cart_button.button, .product_type_variable.button { -webkit-border-radius: 0px; border-radius: 0px; padding: 1em 1.2em; text-align: left; display: inline-block; font-weight: 400; margin: 0; line-height: 1.142857142857143; outline: none; background-color: transparent; } .add_to_cart_button.button:hover, .product_type_variable.button:hover { color: #f47e00; } .add_to_cart_button.button:before, .product_type_variable.button:before { display: inline-block; content: "\f07a"; font-family: FontAwesome; margin: 0 .4em 0 0; line-height: inherit; } .add_to_cart_button.button.added:before, .product_type_variable.button.added:before { content: "\f00c"; } .add_to_cart_button.button.loading:before, .product_type_variable.button.loading:before { margin-right: .5em; content: "\f110"; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } .product_type_variable.button:before { content: "\f03a"; } .added_to_cart { background: none; outline: none; display: inline-block; color: #fff; padding: 1em 1.8em; margin: 0; font-weight: 400; line-height: 1.142857142857143; text-indent: -999px; position: relative; float: right; margin-right: 50px; width: 50px; } .added_to_cart:hover, .added_to_cart:focus { color: #f47e00; } .added_to_cart:after { content: "\f07a"; line-height: 3; outline: none; border-left: 1px solid rgba(255, 255, 255, 0.1); font-family: FontAwesome; display: block; font-family: "FontAwesome"; font-weight: 400; position: absolute; text-align: center; text-indent: 0; left: 0; bottom: 0; right: 0; top: 0; } #yith-wcwl-popup-message { background-color: #27313d !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; border: none !important; color: white !important; padding: 15px 30px !important; } #yith-wcwl-popup-message #yith-wcwl-message { vertical-align: middle; } #yith-wcwl-popup-message i { vertical-align: middle; font-size: 2em; display: inline-block; margin: 0 .5em 0 0; } .star-rating:before { color: #ADB9BC; content: "\f006\f006\f006\f006\f006"; float: left; left: 0; position: absolute; top: 0; } .star-rating { font-family: FontAwesome; font-size: 1em; height: 1em; line-height: 1; overflow: hidden; position: relative; width: 4.7em; float: right; height: 1em; } .star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0; } .star-rating span:before { color: #F37324; content: "\f005\f005\f005\f005\f005"; left: 0; position: absolute; top: 0; } #reviews #comments .star-rating { display: inline-block; font-size: 1.428em; } #reviews { margin-top: 1em; padding-top: 2em; margin-bottom: 2.857em; border-top: 1px solid #eee; } #reviews .review-title { border-bottom: 1px solid #eee; padding-bottom: 1.8em; line-height: 1; font-size: 1.428571428571429em; margin-bottom: 1.8em; } #reviews .woocommerce-verification-required { margin-top: 1em; } #reviews #comments li.comment .comment-author { display: inline-block; } #reviews #comments li.comment .star-rating { font-size: 1em; display: inline-block; float: none; margin-left: .5em; line-height: 1.2; } #reviews #comments li.comment:last-child .comment-text { margin: 0; padding: 0; border: none; } #reviews #comments li.comment .verified { background: #73ba5d; color: #fff; font-size: 0.75em; font-weight: 400; font-style: normal; -webkit-border-radius: 2px; border-radius: 2px; padding: .3em .5em; margin-bottom: .1em; display: inline-block; vertical-align: middle; line-height: inherit; } #reviews ol.comment-list:after { margin-top: 2.5em; } #reviews ol.comment-list li:last-child .comment-side:after { display: none; } #reviews ol.comment-list li:last-child .comment-side:before { display: none; } #reviews .add_review { margin-top: 2.5em; } #reviews .add_review .button { background-color: #27313d; } #reviews .add_review .button:hover { background: #f47e00; } #reviews #review_form input[type="text"] { float: none; display: inline-block; margin-left: 1em; } #reviews #review_form .required { color: red; } #reviews #review_form p.stars { display: inline-block; margin-bottom: 0; margin-left: 1em; vertical-align: middle; } #reviews #review_form p.stars a { display: inline-block; padding: .3em .8em; text-align: center; background-color: #27313d; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; margin-right: .5em; } #reviews #review_form p.stars a:after { content: "\f005"; font-family: FontAwesome; margin-left: 5px; font-weight: normal; font-size: 1em; } #reviews #review_form p.stars a.active, #reviews #review_form p.stars a:hover, #reviews #review_form p.stars a:focus { background-color: #f47e00; } #reviews #review_form .comment-reply-title { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #eee; } .pp_inline #respond input[type="text"] { float: none; display: inline-block; margin-left: 1em; } .pp_inline #respond .required { color: red; } .pp_inline #respond .comment-form-rating { display: inline-block; } .pp_inline #respond p.stars { display: inline-block; margin-bottom: 0; margin-left: 1em; vertical-align: middle; } .pp_inline #respond p.stars a { display: inline-block; padding: .3em .8em; text-align: center; background-color: #27313d; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; margin-right: .5em; } .pp_inline #respond p.stars a:after { content: "\f005"; font-family: FontAwesome; margin-left: 5px; font-weight: normal; font-size: 1em; } .pp_inline #respond p.stars a.active, .pp_inline #respond p.stars a:hover, .pp_inline #respond p.stars a:focus { background-color: #f47e00; } .pp_inline #respond .comment-reply-title { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #eee; } .comments-nav { *zoom: 1; } .comments-nav:before, .comments-nav:after { content: " "; display: table; } .comments-nav:after { clear: both; } .comments-nav .nav-previous { float: left; } .comments-nav .nav-next { float: right; } .cross-sells h2, .products.related h2, .products.upsells h2, #order_review_heading, #customer_details h3, .cart_totals h2, .yith-wcwl-share h4, .woocommerce-thankyou h2, .woocommerce-thankyou header h3, .addresses h3 { font-size: 1.285714285714286em; clear: both; margin: 0 0 1.667em; overflow: hidden; padding-left: 21px; position: relative; } .cross-sells h2:after, .products.related h2:after, .products.upsells h2:after, #order_review_heading:after, #customer_details h3:after, .cart_totals h2:after, .yith-wcwl-share h4:after, .woocommerce-thankyou h2:after, .woocommerce-thankyou header h3:after, .addresses h3:after { background: url("assets/images/dotted.png") repeat scroll 0 0 rgba(0, 0, 0, 0); content: ""; float: right; height: 7px; margin-left: 12px; margin-top: -2px; position: absolute; top: 50%; width: 100%; } .cross-sells h2:before, .products.related h2:before, .products.upsells h2:before, #order_review_heading:before, #customer_details h3:before, .cart_totals h2:before, .yith-wcwl-share h4:before, .woocommerce-thankyou h2:before, .woocommerce-thankyou header h3:before, .addresses h3:before { border-left: 3px solid #CCCCCC; border-right: 3px solid #CCCCCC; content: ""; display: block; height: 9px; left: 0; margin-top: -3px; position: absolute; top: 50%; width: 9px; } .singular-product .product_title { float: left; max-width: 70%; margin-bottom: 0; } .singular-product .summary .price { float: right; max-width: 30%; margin-bottom: 0; } .singular-product .summary .price del, .singular-product .summary .price del span { font-weight: normal; } .singular-product .summary .price ins { text-decoration: none; font-size: 1.2857em; line-height: 1; } .singular-product .singular-title-wrap { *zoom: 1; border-bottom: 1px solid #eee; padding-bottom: 1.071em; margin-bottom: 1.4285em; } .singular-product .singular-title-wrap:before, .singular-product .singular-title-wrap:after { content: " "; display: table; } .singular-product .singular-title-wrap:after { clear: both; } .singular-product .summary .yith-wcwl-wishlistaddedbrowse a, .singular-product .summary .yith-wcwl-wishlistexistsbrowse a { border-style: none; border-width: 0; cursor: pointer; font-family: inherit; font-weight: bold; line-height: normal; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; background-color: #c60f13; border-color: #970b0e; color: white; -webkit-border-radius: 3px; border-radius: 3px; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 0.8125em; margin-bottom: 0; } .singular-product .summary .yith-wcwl-wishlistaddedbrowse a:hover, .singular-product .summary .yith-wcwl-wishlistaddedbrowse a:focus, .singular-product .summary .yith-wcwl-wishlistexistsbrowse a:hover, .singular-product .summary .yith-wcwl-wishlistexistsbrowse a:focus { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #27313d; } .singular-product .summary .yith-wcwl-wishlistaddedbrowse a:hover, .singular-product .summary .yith-wcwl-wishlistaddedbrowse a:focus, .singular-product .summary .yith-wcwl-wishlistexistsbrowse a:hover, .singular-product .summary .yith-wcwl-wishlistexistsbrowse a:focus { color: white; } .singular-product .summary .yith-wcwl-wishlistaddedbrowse .feedback, .singular-product .summary .yith-wcwl-wishlistexistsbrowse .feedback { display: none; } .singular-product .summary .add_to_wishlist.loading { padding-left: 30px; } .singular-product .summary .add_to_wishlist.loading:before { position: absolute; width: 30px; height: 30px; content: ""; margin-right: .5em; content: "\f110"; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; font-family: FontAwesome; line-height: 30px; top: 0; left: 0; } .singular-product .summary .yith-wcwl-add-to-wishlist { margin-bottom: 1em; } form.cart { float: left; display: inline-block; margin: 0 1em 1em 0; } form.cart.variations_form.cart { float: none; margin-right: 0; margin-bottom: 2em; } form.cart .single_variation { float: left; } form.cart .single_variation .price { float: none; line-height: 31px; margin-right: 1em; } form.cart table.variations { width: 100%; border: none; margin-bottom: 1.42857em; border-bottom: 1px solid #eee; } form.cart table.variations td { width: 100%; display: list-item; list-style: none; padding: 0; } form.cart table.variations td.label label { margin-bottom: 8px; font-size: 1em; } form.cart table.variations tr { background: transparent; border: none; } form.cart table.variations tr:last-child td.value { padding-bottom: 1em; } form.cart table.variations .reset_variations { font-size: 0.857em; font-weight: bold; } form.cart .single_variation_wrap { padding-bottom: 1.42857em; border-bottom: 1px solid #eee; } .input-text.qty { width: 2.5em; height: 2.214em; margin: 0; float: left; border: none; text-align: center; background-color: transparent; -moz-appearance: textfield; border-left: 1px solid rgba(0, 0, 0, 0.1); } .input-text.qty:focus { border-left-color: rgba(0, 0, 0, 0.2); } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } .quantity.buttons_added { position: relative; float: left; margin-right: 1em; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background-color: #f7f7f7; } .quantity.buttons_added .minus, .quantity.buttons_added .plus { width: 2.214em; height: 2.214em; border: none; background-color: transparent; float: left; } .quantity.buttons_added .plus { border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); } td.product-quantity .quantity.buttons_added .minus, td.product-quantity .quantity.buttons_added .plus { width: 2em; height: 2em; } td.product-quantity .quantity.buttons_added input { width: 2em; height: 2em; } .product_meta { margin-top: 1em !important; margin-bottom: 1em; } .woocommerce-product-rating { padding-top: 1em; padding-bottom: 1em; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: 1em; } .woocommerce-product-rating .woocommerce-review-link { font-weight: bold; } .woocommerce-product-rating i { margin-right: .5em; } .single_add_to_cart_button { display: inline-block; float: right; } .woocommerce-tabs { margin-top: 2em; } .woocommerce-tabs .tabs { *zoom: 1; margin-bottom: 0; } .woocommerce-tabs .tabs:before, .woocommerce-tabs .tabs:after { content: " "; display: table; } .woocommerce-tabs .tabs:after { clear: both; } .woocommerce-tabs .tabs li { position: relative; float: left; list-style: none; } .woocommerce-tabs .tabs li a { color: #27313d; outline: none; display: block; padding: .5em 1em; } .woocommerce-tabs .tabs li a:focus { outline: none; } .woocommerce-tabs .tabs li.active, .woocommerce-tabs .tabs li:hover.active { background-color: #27313d; } .woocommerce-tabs .tabs li.active a, .woocommerce-tabs .tabs li:hover.active a { color: #fff; } .woocommerce-tabs .tabs li:hover { background-color: #f7f7f7; } .woocommerce-tabs .panel { padding: 1.25em 0; border-top: 3px solid #27313d; } .woocommerce-tabs .panel > h2 { font-size: 1.142857142857143em; margin-top: 0; } .woocommerce-tabs .panel table { width: 100%; margin-top: 1em; } .woocommerce-tabs .panel table p { margin-bottom: 0; } div.pp_overlay { background: #000 !important; } .comment-form-comment label { display: block; margin-bottom: 15px; } .single-product-details .add_to_wishlist, td.actions .checkout-button { border-style: none; border-width: 0; cursor: pointer; font-family: inherit; font-weight: bold; line-height: normal; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; background-color: #c60f13; border-color: #970b0e; color: white; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 0; } .single-product-details .add_to_wishlist:hover, .single-product-details .add_to_wishlist:focus, td.actions .checkout-button:hover, td.actions .checkout-button:focus { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #27313d; } .single-product-details .add_to_wishlist:hover, .single-product-details .add_to_wishlist:focus, td.actions .checkout-button:hover, td.actions .checkout-button:focus { color: white; } .single_add_to_cart_button, .single-product-details .add_to_wishlist, td.actions .button, .order-actions .button, .product-add-to-cart .button { padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 0.8125em; margin-bottom: 0; } .singular-product .yith-wcwl-add-to-wishlist { float: left; margin-top: 0; } .singular-product .yith-wcwl-add-to-wishlist img { display: none !important; } div.pp_woocommerce.pp_pic_holder div.ppt { color: #fff; font-weight: bold; } div.pp_woocommerce.pp_pic_holder .pp_arrow_previous, div.pp_woocommerce.pp_pic_holder .pp_arrow_next { height: 20px; width: 20px; line-height: 20px; margin-top: 3px; } div.pp_woocommerce.pp_pic_holder .pp_nav { line-height: 1.6; } .shop_table { width: 100%; margin-bottom: 2.8571em; border: none; } .shop_table td, .shop_table th { padding: 0.714em; } .shop_table tr, .shop_table tr th, .shop_table tr td, .shop_table thead, .shop_table tr:nth-of-type(2n) { background-color: transparent; } .shop_table tbody { border-top: 3px solid #27313d; border-bottom: 3px solid #27313d; } .shop_table th { padding-bottom: 1.0714em; } .shop_table td { border-top: 1px solid #E7E7E7; } .shop_table dl.variation { margin-top: .7em; border-top: 1px solid #E7E7E7; padding-top: .7em; margin-bottom: 0; } .shop_table td.actions { text-align: right; padding-top: 1.0714em; padding-bottom: 1.0714em; } .shop_table tfoot { background: transparent; border-bottom: 1px solid #e7e7e7; } .shop_table tfoot th { text-align: right; background: #fafafa; } .shop_table tfoot td, .shop_table tfoot th { padding: 1em; } .cart_totals table { border: none; } .cart_totals tr.shipping { border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .actions .coupon { margin-bottom: 1em; *zoom: 1; } .actions .coupon:before, .actions .coupon:after { content: " "; display: table; } .actions .coupon:after { clear: both; } .actions .input-text, .actions .button { width: 48%; float: left; height: 100%; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 0.8125em; margin-right: 2%; } .actions label { display: none; } td.product-remove a.remove { background: none repeat scroll 0 0 padding-box #fa565a; border-radius: 100%; color: #fff; display: inline-block; font-size: 0.857em; height: 1.618em; line-height: 1; position: relative; text-align: center; text-indent: -999em; width: 1.618em; } td.product-remove a.remove:after { content: "\f00d"; font-family: 'FontAwesome'; height: 100%; left: 0; line-height: 1.65; position: absolute; text-align: center; text-indent: 0; top: 0; width: 100%; } td.product-name a { font-weight: bold; } td.product-remove, td.product-thumbnail, td.product-price, th.product-remove, th.product-thumbnail, th.product-price { display: none; } .cart-collaterals table { width: 100%; } .cart-collaterals table th, .cart-collaterals table tr { background: transparent; } .cart-collaterals table th { text-align: right; } .cart-collaterals table td { background: #fafafa; } .cart-collaterals table td, .cart-collaterals table th { padding: 0.857em 1.387em; } #payment ul.payment_methods { list-style: none; } #payment ul.payment_methods li { padding: .5em 0; line-height: 1.6; } #payment ul.payment_methods li input { margin: 0 5px 0 0; vertical-align: middle; } #payment ul.payment_methods li label { display: inline-block; font-size: 1em; vertical-align: middle; margin: 0; } #payment .payment_box { background: none repeat scroll 0 0 #F9F9F9; border-bottom: 1px solid #E7E7E7; border-top: 3px solid #27313d; margin: 1em 0; position: relative; padding: 1em; } #payment .payment_box:before { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #555555; border-image: none; border-style: solid; border-width: 6px; content: ""; display: block; left: 2em; position: absolute; top: -13px; } #payment .payment_box p { margin-bottom: 0; } .shipping_calculator { text-align: right; margin-top: 2em; } .shipping_calculator h2 { font-size: 1.714em; } .shipping_calculator h2 a:before { content: "\f0d1"; display: inline-block; vertical-align: middle; font-family: FontAwesome; margin-right: 10px; } .woocommerce-thankyou .shop_table, .woocommerce-thankyou .customer_details, .woocommerce-thankyou .order_details { margin-bottom: 3em; } .order-actions .button, .product-add-to-cart .button { margin: .5em; } /* WIDGET */ .sidebar .widget_shopping_cart_content p.total { margin-top: 1em; padding-top: 1em; border-top: 3px solid #27313d; } .sidebar .widget_shopping_cart_content p.buttons .button { padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 0.8125em; } .sidebar .widget_shopping_cart_content p.buttons .checkout { background-color: #c60f13; border-color: #970b0e; color: white; } .sidebar .widget_shopping_cart_content p.buttons .checkout:hover, .sidebar .widget_shopping_cart_content p.buttons .checkout:focus { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #27313d; } .sidebar .widget_shopping_cart_content p.buttons .checkout:hover, .sidebar .widget_shopping_cart_content p.buttons .checkout:focus { color: white; } .sidebar .widget_shopping_cart_content .cart_list { margin-bottom: 1em; } .sidebar .widget_shopping_cart_content .cart_list li { padding-left: 0; *zoom: 1; margin-bottom: 1em; } .sidebar .widget_shopping_cart_content .cart_list li:before, .sidebar .widget_shopping_cart_content .cart_list li:after { content: " "; display: table; } .sidebar .widget_shopping_cart_content .cart_list li:after { clear: both; } .sidebar .widget_shopping_cart_content .cart_list li:last-child { margin-bottom: 0; } .sidebar .widget_shopping_cart_content .cart_list li:before { display: none; } .sidebar .widget_shopping_cart_content .cart_list li img { max-width: 46px; -webkit-border-radius: 4px; border-radius: 4px; float: right; margin-left: 1em; } .sidebar .widget_shopping_cart_content .cart_list li a { display: block; font-weight: bold; } .sidebar .widget_product_search #searchsubmit { border-style: none; border-width: 0; cursor: pointer; font-family: inherit; font-weight: bold; line-height: normal; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; background-color: #f47e00; border-color: #c16400; color: white; -webkit-border-radius: 3px; border-radius: 3px; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 0.8125em; margin-bottom: 0; } .sidebar .widget_product_search #searchsubmit:hover, .sidebar .widget_product_search #searchsubmit:focus { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #27313d; } .sidebar .widget_product_search #searchsubmit:hover, .sidebar .widget_product_search #searchsubmit:focus { color: white; } .sidebar .product_list_widget li { padding-left: 0; *zoom: 1; margin-bottom: 1em; } .sidebar .product_list_widget li:before, .sidebar .product_list_widget li:after { content: " "; display: table; } .sidebar .product_list_widget li:after { clear: both; } .sidebar .product_list_widget li:last-child { margin-bottom: 0; } .sidebar .product_list_widget li:before { display: none; } .sidebar .product_list_widget li img { max-width: 52px; -webkit-border-radius: 4px; border-radius: 4px; float: left; margin-right: 1em; } .sidebar .product_list_widget li a { font-weight: bold; display: block; } .sticky-wrapper { float: right; *zoom: 1; } .sticky-wrapper:before, .sticky-wrapper:after { content: " "; display: table; } .sticky-wrapper:after { clear: both; } #navigation.stuck { position: fixed; float: none; top: 0; background-color: #27313d; z-index: 100; width: 100%; left: 0; } #navigation.stuck .shop-nav { width: 100%; } #navigation.stuck .shop-nav ul.cart > li > a, #navigation.stuck .shop-nav ul.account-menu > li > a { -webkit-border-radius: 0; border-radius: 0; } #navigation.stuck .shop-nav ul.cart { float: right; margin-right: 0; } #navigation.stuck .shop-nav ul.cart > li > a { -webkit-border-radius: 0; border-radius: 0; } #navigation.stuck #menu-primary { display: none; } .admin-bar #navigation.stuck { top: 32px; } .shop-nav { float: left; *zoom: 1; } .shop-nav:before, .shop-nav:after { content: " "; display: table; } .shop-nav:after { clear: both; } .shop-nav ul.cart, .shop-nav ul.account-menu { float: left; margin: 0; list-style: none; height: 39px; margin-right: 1em; } .shop-nav ul.cart > li, .shop-nav ul.account-menu > li { float: left; height: 39px; width: 39px; display: block; text-align: center; position: relative; } .shop-nav ul.cart > li > a, .shop-nav ul.account-menu > li > a { display: block; line-height: 39px; color: #fff; background: #27313d; } .shop-nav ul.cart > li > a:hover, .shop-nav ul.account-menu > li > a:hover { color: #f47e00; } .shop-nav ul.cart > li .link-title, .shop-nav ul.account-menu > li .link-title { display: none; } .shop-nav ul.cart > li:first-child > a, .shop-nav ul.account-menu > li:first-child > a { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .shop-nav ul.cart > li:last-child > a, .shop-nav ul.account-menu > li:last-child > a { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .shop-nav ul.cart > li.active > a, .shop-nav ul.account-menu > li.active > a { background-color: #f47e00; } .shop-nav ul.cart > li.active > a:hover, .shop-nav ul.cart > li.active > a:focus, .shop-nav ul.account-menu > li.active > a:hover, .shop-nav ul.account-menu > li.active > a:focus { color: #fff; } .shop-nav ul.cart > li .widget, .shop-nav ul.account-menu > li .widget { display: none; position: absolute; top: 100%; right: 0; z-index: 99; min-width: 250px; font-size: .75em; text-align: left; background-color: #27313d; padding: 1em 1.5em; color: #fff; } .shop-nav ul.cart > li .widget .widgettitle, .shop-nav ul.account-menu > li .widget .widgettitle { font-size: 1.333em; margin: 0 0 1em 0; color: inherit; } .shop-nav ul.cart > li .widget ul, .shop-nav ul.account-menu > li .widget ul { list-style: none; margin: 0; } .shop-nav ul.cart > li .widget ul li, .shop-nav ul.account-menu > li .widget ul li { *zoom: 1; margin-bottom: 1em; } .shop-nav ul.cart > li .widget ul li:before, .shop-nav ul.cart > li .widget ul li:after, .shop-nav ul.account-menu > li .widget ul li:before, .shop-nav ul.account-menu > li .widget ul li:after { content: " "; display: table; } .shop-nav ul.cart > li .widget ul li:after, .shop-nav ul.account-menu > li .widget ul li:after { clear: both; } .shop-nav ul.cart > li .widget ul li a, .shop-nav ul.account-menu > li .widget ul li a { display: block; font-weight: bold; color: inherit; } .shop-nav ul.cart > li .widget ul li a:hover, .shop-nav ul.account-menu > li .widget ul li a:hover { color: #f47e00; } .shop-nav ul.cart > li .widget img, .shop-nav ul.account-menu > li .widget img { float: right; max-width: 38px; } .shop-nav ul.cart > li .widget .button, .shop-nav ul.account-menu > li .widget .button { padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 0.8125em; margin-bottom: 0; } .shop-nav ul.cart > li.cart-container, .shop-nav ul.account-menu > li.cart-container { width: auto; } .shop-nav ul.cart > li.cart-container a.cart-button, .shop-nav ul.account-menu > li.cart-container a.cart-button { -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; padding: 0 0 0 .8em; } .shop-nav ul.cart > li.cart-container a.cart-button .amount, .shop-nav ul.account-menu > li.cart-container a.cart-button .amount { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; margin: 0 .8em 0 .5em; font-size: .875em; font-weight: bold; float: left; } .shop-nav ul.cart > li.cart-container a.cart-button .contents, .shop-nav ul.account-menu > li.cart-container a.cart-button .contents { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; display: block; float: right; font-size: .875em; line-height: 39px; padding: 0 1.2em; background-color: #e57600; font-weight: bold; } .shop-nav ul.cart > li.cart-container a.cart-button:hover, .shop-nav ul.account-menu > li.cart-container a.cart-button:hover { background-color: #f47e00; color: #fff; } .shop-nav ul.cart > li.cart-container a.cart-button:hover .contents, .shop-nav ul.account-menu > li.cart-container a.cart-button:hover .contents { background-color: #db7100; } .shop-nav ul.cart > li.cart-container a.cart-button:before, .shop-nav ul.account-menu > li.cart-container a.cart-button:before { float: left; } .shop-nav ul.cart > li.cart-container:hover .widget, .shop-nav ul.cart > li.cart-container:focus .widget, .shop-nav ul.account-menu > li.cart-container:hover .widget, .shop-nav ul.account-menu > li.cart-container:focus .widget { display: block; } .woocommerce th.order-actions, .woocommerce td.order-actions { display: none; } /** * Media Queries * --------------------------------------------------------------------------- */ @media only screen and (min-width: 768px) { .as-slider-container { display: block; } #main-home .widget-entry-thumbnail { margin-top: 0; margin-bottom: 0; } #main { padding: 3.75em 0; } #container { max-width: 61.25em; } .row { max-width: 56.25em; } #header #branding, #header.with-woocommerce #branding { *zoom: 1; max-width: 80%; display: inline-block; text-align: left; margin-bottom: 0; } #header #branding:before, #header #branding:after, #header.with-woocommerce #branding:before, #header.with-woocommerce #branding:after { content: " "; display: table; } #header #branding:after, #header.with-woocommerce #branding:after { clear: both; } #header #site-title, #header.with-woocommerce #site-title { display: inline-block; margin: 0; font-size: 2.25em; text-align: left; } #header #site-title a, #header.with-woocommerce #site-title a { display: inline-block; text-align: inherit; } #header #site-title img, #header.with-woocommerce #site-title img { text-align: inherit; display: block; vertical-align: baseline; } #header #site-description, #header.with-woocommerce #site-description { vertical-align: top; display: inline-block; margin: .5em 0 0 1em; font-size: 1em; font-weight: 300; } .with-woocommerce #navigation { float: right; } #navigation #menu-primary ul li > ul { display: none; right: 100%; position: absolute; top: 0; margin-top: 0; padding-top: 0; background: #27313d; } #navigation #menu-primary ul li > ul.sub-menu, #navigation #menu-primary ul li > ul.children { box-shadow: 4px 0 0 #f47e00; -moz-box-shadow: 4px 0 0 #f47e00; -webkit-box-shadow: 4px 0 0 #f47e00; } #navigation #menu-primary ul li > ul:before { display: block; border-width: 5px 0 5px 5px; border-style: solid; border-color: transparent transparent transparent #f47e00; /*THEME_COLOR*/ right: -9px; top: 14px; } .singular-product .product .images { float: left; padding-right: 1.428571428571429em; width: 42%; } .singular-product .product .summary { width: 58%; float: right; padding-left: 1.428571428571429em; } #footer { margin-bottom: 0; } .woocommerce th.order-actions, .woocommerce td.order-actions { display: table-cell; } td.product-remove, td.product-thumbnail, td.product-price, th.product-remove, th.product-thumbnail, th.product-price { display: table-cell; } td.product-quantity .quantity.buttons_added .minus, td.product-quantity .quantity.buttons_added .plus { width: 2.214em; height: 2.214em; } td.product-quantity .quantity.buttons_added input { width: 2.5em; height: 2.214em; } .actions .coupon { float: left; width: 48%; text-align: left; } .actions .input-text, .actions .button { float: none; width: auto; display: inline-block; margin-right: 0; } } @media only screen and (min-width: 1280px) { #container { max-width: 72.5em; } .row { max-width: 67.5em; } .client-block { margin-bottom: 0; } .loop-pagination, .archive .hentry, .blog .hentry, .category .hentry, .singular-post .hentry, .search .hentry, #comments, .singular-portfolio_item .hentry { margin-left: 110px; } .review-title { margin-left: -110px; } .singular-page .loop-pagination, .singular-page .hentry, .error-404 .loop-pagination, .error-404 .hentry { margin-left: 0; } #footer { margin-bottom: 2.857em; } #comments ol.comment-list .comment-side { width: 71px; position: absolute; top: 0; left: -110px; bottom: 0; text-align: center; } #comments ol.comment-list .comment-side .avatar { position: relative; -webkit-border-radius: 1000px; border-radius: 1000px; overflow: hidden; } #comments ol.comment-list .comment-side:before { content: ""; position: absolute; top: 0; display: block; bottom: -4.2857em; width: 1px; left: 50%; background: #f3f3f3; } #comments ol.comment-list .comment-side:after { content: ""; position: absolute; bottom: -4.92857em; display: block; width: 9px; height: 9px; background: #f3f3f3; left: 50%; margin-top: 4.2857em; -webkit-border-radius: 1000px; border-radius: 1000px; margin-left: -4px; } #comments ol.comment-list ol.children .comment-side { margin-left: 0; } } @-webkit-keyframes pulse { from { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 70% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } to { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes pulse { from { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 70% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } to { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-o-keyframes pulse { from { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 70% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } to { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes pulse { from { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 70% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } to { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }