/*!
* 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.4
* 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 {
/*! just for fun */
box-shadow: 0px 0px 0 #e2e5e5,1px 1px 0 #e2e5e5,2px 2px 0 #e2e5e5,3px 3px 0 #e2e5e5,4px 4px 0 #e2e5e5,5px 5px 0 #e2e5e5,6px 6px 0 #e2e5e5,7px 7px 0 #e2e5e5,8px 8px 0 #e2e5e5,9px 9px 0 #e2e5e5,10px 10px 0 #e2e5e5,11px 11px 0 #e2e5e5,12px 12px 0 #e2e5e5,13px 13px 0 #e2e5e5,14px 14px 0 #e2e5e5,15px 15px 0 #e2e5e5,16px 16px 0 #e2e5e5,17px 17px 0 #e2e5e5,18px 18px 0 #e2e5e5,19px 19px 0 #e2e5e5,20px 20px 0 #e2e5e5,21px 21px 0 #e2e5e5,22px 22px 0 #e2e5e5,23px 23px 0 #e2e5e5,24px 24px 0 #e2e5e5,25px 25px 0 #e2e5e5,26px 26px 0 #e2e5e5,27px 27px 0 #e2e5e5,28px 28px 0 #e2e5e5,29px 29px 0 #e2e5e5,30px 30px 0 #e2e5e5,31px 31px 0 #e2e5e5,32px 32px 0 #e2e5e5,33px 33px 0 #e2e5e5,34px 34px 0 #e2e5e5,35px 35px 0 #e2e5e5,36px 36px 0 #e2e5e5,37px 37px 0 #e2e5e5,38px 38px 0 #e2e5e5,39px 39px 0 #e2e5e5,40px 40px 0 #e2e5e5,41px 41px 0 #e2e5e5,42px 42px 0 #e2e5e5,43px 43px 0 #e2e5e5,44px 44px 0 #e2e5e5,45px 45px 0 #e2e5e5,46px 46px 0 #e2e5e5,47px 47px 0 #e2e5e5,48px 48px 0 #e2e5e5,49px 49px 0 #e2e5e5,50px 50px 0 #e2e5e5,51px 51px 0 #e2e5e5,52px 52px 0 #e2e5e5,53px 53px 0 #e2e5e5,54px 54px 0 #e2e5e5,55px 55px 0 #e2e5e5,56px 56px 0 #e2e5e5,57px 57px 0 #e2e5e5,58px 58px 0 #e2e5e5,59px 59px 0 #e2e5e5,60px 60px 0 #e2e5e5,61px 61px 0 #e2e5e5,62px 62px 0 #e2e5e5,63px 63px 0 #e2e5e5,64px 64px 0 #e2e5e5,65px 65px 0 #e2e5e5,66px 66px 0 #e2e5e5,67px 67px 0 #e2e5e5,68px 68px 0 #e2e5e5,69px 69px 0 #e2e5e5,70px 70px 0 #e2e5e5,71px 71px 0 #e2e5e5,72px 72px 0 #e2e5e5,73px 73px 0 #e2e5e5,74px 74px 0 #e2e5e5,75px 75px 0 #e2e5e5,76px 76px 0 #e2e5e5,77px 77px 0 #e2e5e5,78px 78px 0 #e2e5e5,79px 79px 0 #e2e5e5,80px 80px 0 #e2e5e5,81px 81px 0 #e2e5e5,82px 82px 0 #e2e5e5,83px 83px 0 #e2e5e5,84px 84px 0 #e2e5e5,85px 85px 0 #e2e5e5,86px 86px 0 #e2e5e5,87px 87px 0 #e2e5e5,88px 88px 0 #e2e5e5,89px 89px 0 #e2e5e5,90px 90px 0 #e2e5e5,91px 91px 0 #e2e5e5,92px 92px 0 #e2e5e5,93px 93px 0 #e2e5e5,94px 94px 0 #e2e5e5,95px 95px 0 #e2e5e5,96px 96px 0 #e2e5e5,97px 97px 0 #e2e5e5,98px 98px 0 #e2e5e5,99px 99px 0 #e2e5e5,100px 100px 0 #e2e5e5,101px 101px 0 #e2e5e5,102px 102px 0 #e2e5e5,103px 103px 0 #e2e5e5,104px 104px 0 #e2e5e5,105px 105px 0 #e2e5e5,106px 106px 0 #e2e5e5,107px 107px 0 #e2e5e5,108px 108px 0 #e2e5e5,109px 109px 0 #e2e5e5,110px 110px 0 #e2e5e5,111px 111px 0 #e2e5e5,112px 112px 0 #e2e5e5,113px 113px 0 #e2e5e5,114px 114px 0 #e2e5e5,115px 115px 0 #e2e5e5,116px 116px 0 #e2e5e5,117px 117px 0 #e2e5e5,118px 118px 0 #e2e5e5,119px 119px 0 #e2e5e5,120px 120px 0 #e2e5e5,121px 121px 0 #e2e5e5,122px 122px 0 #e2e5e5,123px 123px 0 #e2e5e5,124px 124px 0 #e2e5e5,125px 125px 0 #e2e5e5,126px 126px 0 #e2e5e5,127px 127px 0 #e2e5e5,128px 128px 0 #e2e5e5,129px 129px 0 #e2e5e5,130px 130px 0 #e2e5e5,131px 131px 0 #e2e5e5,132px 132px 0 #e2e5e5,133px 133px 0 #e2e5e5,134px 134px 0 #e2e5e5,135px 135px 0 #e2e5e5,136px 136px 0 #e2e5e5,137px 137px 0 #e2e5e5,138px 138px 0 #e2e5e5,139px 139px 0 #e2e5e5,140px 140px 0 #e2e5e5,141px 141px 0 #e2e5e5,142px 142px 0 #e2e5e5,143px 143px 0 #e2e5e5,144px 144px 0 #e2e5e5,145px 145px 0 #e2e5e5,146px 146px 0 #e2e5e5,147px 147px 0 #e2e5e5,148px 148px 0 #e2e5e5,150px 150px 0 rgba(0, 0, 0, 0);
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*/ }
/**
* 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; }
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2; }
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s; }
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width; }
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s; }
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; }
.isotope-item {
margin-bottom: 1.875em; }
#isotope-filters {
text-transform: uppercase;
font-size: 1em;
text-align: center;
padding: 1.42857em 0;
border-top: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3; }
#isotope-filters li + li:before {
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
content: "/";
padding-right: 0.7em;
color: #ccc; }
#isotope-filters li {
padding: 0 0.35714em;
display: inline-block; }
#isotope-filters li a {
color: #27313d; }
#isotope-filters li a:hover, #isotope-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.142857142857143;
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;
padding: 1em 1.2em;
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 {
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;
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;
border-left: 1px solid rgba(0, 0, 0, 0.1); }
.input-text.qty:focus {
border-left-color: rgba(0, 0, 0, 0.2); }
.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; }
.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); } }