/*
LAYOUT
Layout styles for desktop orientations is included in css/layout.css.
*/
/*------------------------------------------------------------------------------------------*/
/* LESS MIXINS */
/*------------------------------------------------------------------------------------------*/
@-webkit-keyframes spin-360 {
from {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
zoom: 1;
}
50% {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
zoom: 1;
}
to {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
zoom: 1;
}
}
/*------------------------------------------------------------------------------------------*/
/* ANIMATION */
/*------------------------------------------------------------------------------------------*/
.animated {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
.animated.hinge {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
.animated {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
.animated.hinge {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
.animated {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
.animated.hinge {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
/*------------------------------------------------------------------------------------------*/
/* 0. RESET */
/*------------------------------------------------------------------------------------------*/
/*! normalize.css v2.1.3 | 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;
}
/* ==========================================================================
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/10.
* 2. Remove excess padding in IE 8/9/10.
*/
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;
}
/*------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*------------------------------------------------------------------------------------------*/
/* Defaults */
html {
font-size: 62.5%;
}
body {
font-size: 1.4em;
line-height: 1.618;
color: #6D7D8E;
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
background: #EFEFEF;
word-wrap: break-word;
}
#wrapper {
position: relative;
width: 100%;
overflow: hidden;
background-color: #355264;
}
#inner-wrapper {
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
-webkit-transition: left ease 0.5s;
-moz-transition: left ease 0.5s;
-ms-transition: left ease 0.5s;
-o-transition: left ease 0.5s;
transition: left ease 0.5s;
background: #EFEFEF;
}
::selection,
::-moz-selection {
background: #47B39D;
color: #fff;
}
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
display: block;
}
hr {
background-color: #e7e7e7;
border: 0;
height: 1px;
margin-bottom: 1.618em;
}
a {
color: #47B39D;
text-decoration: underline;
}
a:hover {
color: #25917b;
text-decoration: none;
}
/* Typography */
/*
All typography (and layout) based on a modular scale using 12 & 14 px values scaled in accordance the golden ratio (1.618)
http://modularscale.com/scale/?px1=14&px2=12&ra1=1.618&ra2=0
Remember to keep margins consistent and try to avoid margin-top. If everything has an appropriate margin-bottom we don't need one and vertical rhythm will be kept consistent
*/
h1,
h2,
h3,
h4,
h5,
h6,
.alpha,
.beta,
.gamma {
color: #414a54;
margin: 0 0 0.618em;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.alpha a,
.beta a,
.gamma a {
text-decoration: underline;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.alpha a:hover,
.beta a:hover,
.gamma a:hover {
text-decoration: none;
}
h1,
.alpha {
font-size: 2.244em;
line-height: 1.387em;
letter-spacing: -1px;
}
h1.section-title {
text-align: center;
}
h2,
.beta {
font-size: 1.618em;
line-height: 1.387em;
letter-spacing: -1px;
}
h3,
.gamma {
font-size: 1.387em;
}
h4 {
font-size: 1em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 0.857em;
}
p {
-webkit-hyphens: auto;
-webkit-hyphenate-character: "\2010";
-webkit-hyphenate-limit-after: 1;
-webkit-hyphenate-limit-before: 3;
-moz-hyphens: manual;
orphans: 3;
widows: 3;
}
ul,
ol,
dl,
p,
table,
form,
pre,
hr {
margin: 0 0 1.618em 0;
}
ul,
ol {
padding-left: 0;
}
li > ul,
li > ol {
margin: 0 0 0 1.618em;
}
dl dt {
font-weight: bold;
}
dl dd {
margin-bottom: 1.618em;
margin-left: 0;
}
code,
pre {
background: rgba(0, 0, 0, 0.05);
padding: 0.618em;
}
pre code {
background: none;
padding: 0;
}
fieldset {
padding: 1.618em;
border: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 1.618em;
}
fieldset legend {
font-weight: 700;
}
blockquote {
margin-left: 0;
margin-right: 0;
}
blockquote p:last-child {
margin: 0;
}
.entry blockquote {
background: rgba(0, 0, 0, 0.05);
padding: 3.236em 3.236em 3.236em 0;
-webkit-box-shadow: 15em 0 0 0 rgba(0, 0, 0, 0.05), -15em 0 0 0 rgba(0, 0, 0, 0.05);
box-shadow: 15em 0 0 0 rgba(0, 0, 0, 0.05), -15em 0 0 0 rgba(0, 0, 0, 0.05);
}
mark {
background: none;
color: inherit;
opacity: 0.7;
filter: alpha(opacity=@opacity * 100);
}
/*
@font-face icons
- Used for the subscribe & connect social icons. If you would like to add more icons to the font, you can do so by rebuilding the font at http://keyamoon.com/icomoon/app/ and replace the existing font files in the theme with the new ones.
*/
@font-face {
font-family: 'Social';
font-weight: normal;
font-style: normal;
src: url('../includes/fonts/social.eot');
src: url('../includes/fonts/social.eot?#iefix') format('embedded-opentype'), url('../includes/fonts/social.woff') format('woff'), url('../includes/fonts/social.ttf') format('truetype'), url('../includes/fonts/social.svg#woo-social') format('svg');
}
@font-face {
font-family: 'FontAwesome';
src: url('../includes/fonts/fontawesome-webfont.eot');
src: url('../includes/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../includes/fonts/fontawesome-webfont.woff') format('woff'), url('../includes/fonts/fontawesome-webfont.ttf') format('truetype'), url('../includes/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
font-weight: normal;
font-style: normal;
}
/*------------------------------------------------------------------------------------------*/
/* 2. STRUCTURE */
/*------------------------------------------------------------------------------------------*/
/* Header */
#header {
clear: both;
background: #3D5C6F;
border-bottom: 0.53em solid #355264;
position: relative;
z-index: 999;
}
#header:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#header .site-title,
#header .site-description {
color: #000;
display: none;
text-align: center;
}
#header .site-title a,
#header .site-description a {
color: #414a54;
text-transform: none;
font-weight: normal;
text-decoration: none;
}
#header .site-title a:hover,
#header .site-description a:hover {
text-decoration: underline;
}
#header #logo {
display: block;
margin: 0 auto;
padding: 1.387em 0;
max-width: 11.089em;
}
#header #logo img {
height: auto;
}
#header .site-title {
margin-bottom: 0;
word-wrap: break-word;
font-weight: 700;
font-size: 1em;
padding: 1.618em 0;
}
#header .site-description {
margin-bottom: 1.618em;
}
#header .site-header:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#header .site-header a {
color: #fff;
font-weight: 700 !important;
}
#header .site-header a:after {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
text-align: right;
line-height: 1;
content: "\f135";
color: #FF6C00;
-webkit-transition: all ease 2s;
-moz-transition: all ease 2s;
-ms-transition: all ease 2s;
-o-transition: all ease 2s;
transition: all ease 2s;
-webkit-transform: translateY(0.236em) rotate(-45deg);
}
#header .site-header a:hover {
text-decoration: none;
}
#header .site-header a:hover:after {
-webkit-transform: translateY(-13em) translateX(-3em) rotate(-85deg) scale(4);
}
#header .nav-toggle {
position: absolute;
top: 1em;
left: 1em;
cursor: pointer;
}
#header .nav-toggle:after {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
text-align: right;
line-height: 1;
content: "\f0c9";
background: #47B39D;
color: #ffffff;
height: 1.5em;
width: 1.5em;
text-align: center;
line-height: 1.5;
font-size: 1.618em;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-left: 0;
}
#header .nav-toggle a {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
#header .nav-toggle a:hover {
text-decoration: none;
}
#header .nav-toggle span {
display: none;
}
#header .site-description {
color: #8997a5;
font-style: italic;
}
#header #topad {
float: right;
}
/* General Layout */
#content {
clear: both;
}
.content-container {
padding-left: 1.618em;
padding-right: 1.618em;
}
.content-container-fullwidth {
margin-left: -1.618em;
margin-right: -1.618em;
padding-left: 1.618em;
padding-right: 1.618em;
}
.content-container-fullwidth:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.content-container-fullwidth-nopadding {
margin-left: -1.618em;
margin-right: -1.618em;
}
/* Footer */
#footer {
background: #3D5C6F;
padding-top: 4.236em;
padding-bottom: 4.236em;
color: #a0b0c1;
position: relative;
}
#footer:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#footer:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
height: 0.25em;
background: #355264;
width: 5em;
box-shadow: 5em 0 0 0 #47B39D, 10em 0 0 0 #FF6C00, 15em 0 0 0 #99CFA9, 20em 0 0 0 #355264, 25em 0 0 0 #47B39D, 30em 0 0 0 #FF6C00, 35em 0 0 0 #47B39D, 40em 0 0 0 #FF6C00, 45em 0 0 0 #99CFA9, 50em 0 0 0 #355264, 55em 0 0 0 #47B39D, 60em 0 0 0 #FF6C00, 65em 0 0 0 #47B39D, 70em 0 0 0 #FF6C00, 75em 0 0 0 #99CFA9, 80em 0 0 0 #355264, 85em 0 0 0 #47B39D, 90em 0 0 0 #FF6C00, 95em 0 0 0 #47B39D, 100em 0 0 0 #FF6C00, 105em 0 0 0 #99CFA9, 110em 0 0 0 #355264, 115em 0 0 0 #47B39D, 120em 0 0 0 #FF6C00;
}
#footer a {
color: #d3e3f4;
font-weight: 700;
}
#footer a:hover {
text-decoration: none;
color: #ffffff;
}
#footer .col-left,
#footer .col-right {
width: 48%;
}
#footer .col-left p:last-child,
#footer .col-right p:last-child {
margin: 0;
}
#footer .col-left {
float: left;
}
#footer .col-right {
float: right;
text-align: right;
}
#footer .col-right img {
display: inline-block;
}
#footer #credit img {
vertical-align: middle;
}
#footer #credit span {
display: none;
}
#footer-widgets {
background: #e7e7e7;
padding-top: 4.236em;
padding-bottom: 4.236em;
}
#footer-widgets .widget {
margin-bottom: 3.631em;
background: rgba(255, 255, 255, 0.25);
padding: 1.618em;
-webkit-border-bottom-left-radius: 0.236em;
-webkit-border-bottom-right-radius: 0.236em;
border-bottom-left-radius: 0.236em;
border-bottom-right-radius: 0.236em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-top: 0.202em solid rgba(255, 255, 255, 0.45);
}
#footer-widgets a {
font-weight: 700;
}
#footer-widgets .button {
color: #99CFA9;
}
#footer-widgets .button:hover {
color: #fff;
}
#footer-widgets .block .widget:last-child {
margin-bottom: 0;
}
/*------------------------------------------------------------------------------------------*/
/* 3. WORDPRESS */
/*------------------------------------------------------------------------------------------*/
.post .video {
margin-bottom: 1.618em;
}
#breadcrumbs {
padding-top: 1.618em;
padding-bottom: 1.618em;
background: #e7e7e7;
margin-bottom: 1.618em;
}
#breadcrumbs .breadcrumb-trail {
font-size: 0.857em;
color: #b1c1d2;
}
#breadcrumbs .breadcrumb-trail a.trail-begin:before {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
line-height: 1;
content: "\f015";
}
#breadcrumbs .breadcrumb-trail .trail-end {
font-weight: 700;
text-transform: uppercase;
}
#breadcrumbs .breadcrumb-trail .sep {
display: block;
text-indent: -9999px;
position: relative;
height: 1em;
width: 1em;
display: inline-block;
padding: 0 0.618em;
}
#breadcrumbs .breadcrumb-trail .sep:before {
font-family: 'FontAwesome';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin: 0;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
content: "\f105";
line-height: 1.618;
}
.archive-header {
padding-top: 3.631em;
padding-bottom: 3.631em;
background: #fff;
margin-top: -1.618em;
}
.archive-header:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.archive-header h1 {
margin: 0;
}
.archive-description {
padding-top: 1.618em;
padding-bottom: 1.618em;
background: #f76900;
color: rgba(255, 255, 255, 0.6);
}
.archive-description p:last-child {
margin-bottom: 0;
}
.archive-description + .archive-description.product-sorting {
background: #f06600;
}
.archive-rss a {
display: block;
text-indent: -9999px;
position: relative;
height: 1em;
width: 1em;
font-size: 2.618em;
margin-top: 0.125em;
color: orange;
}
.archive-rss a:before {
font-family: 'FontAwesome';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin: 0;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
content: "\f143";
}
.single #main .type-page,
#main .content-box,
.home #main .type-page,
.page-template-template-business-php #main .type-page,
.page .type-page,
.single #main > .product,
.sensei-wrap,
#main > .type-project {
background: #fff;
border: 1px solid #e7e7e7;
padding: 1em;
overflow: hidden;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 5.874em;
margin-left: -1.618em;
margin-right: -1.618em;
}
.single #main .type-page .content-box-fullwidth,
#main .content-box .content-box-fullwidth,
.home #main .type-page .content-box-fullwidth,
.page-template-template-business-php #main .type-page .content-box-fullwidth,
.page .type-page .content-box-fullwidth,
.single #main > .product .content-box-fullwidth,
.sensei-wrap .content-box-fullwidth,
#main > .type-project .content-box-fullwidth {
margin-left: -1em;
margin-right: -1em;
padding-left: 1em;
padding-right: 1em;
}
.single #main .type-page ul.products li.product,
#main .content-box ul.products li.product,
.home #main .type-page ul.products li.product,
.page-template-template-business-php #main .type-page ul.products li.product,
.page .type-page ul.products li.product,
.single #main > .product ul.products li.product,
.sensei-wrap ul.products li.product,
#main > .type-project ul.products li.product {
width: 100%;
padding-top: 100%;
}
.home #main .type-page,
.page-template-template-business-php #main .type-page {
margin-left: auto;
margin-right: auto;
}
#main .featured-image {
position: relative;
}
#main .featured-image:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#main .featured-image:after {
position: absolute;
left: 1px;
bottom: -1em;
right: 1px;
height: 2em;
background: #fff;
content: "";
display: block;
z-index: 999;
}
#main .featured-image img {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 1px;
float: none !important;
margin-bottom: 0 !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.single .entry,
.page .entry {
margin-bottom: 5.874em;
}
.single-post .post-header {
border-bottom: 0.202em solid rgba(0, 0, 0, 0.05);
margin-bottom: 1.618em;
}
.single-post .post-header:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.avatar-comments {
float: right;
}
.avatar-comments a {
display: block;
height: 5.874em;
width: 5.874em;
float: left;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.avatar-comments a.comment-count {
background: rgba(71, 179, 157, 0.3);
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-left: -1em;
color: #47B39D;
position: relative;
-webkit-transform: translateZ(0);
box-shadow: inset 0 0 0 0.202em #47B39D;
-webkit-box-shadow: inset 0 0 0 0.202em #47B39D;
}
.avatar-comments a.comment-count:before {
content: "\f0e5";
font-family: 'FontAwesome';
position: absolute;
width: 1em;
height: 1em;
left: 50%;
top: 0;
margin-left: -0.5em;
font-size: 1.618em;
text-align: center;
line-height: 3;
-webkit-transform: translateZ(0);
}
.avatar-comments a.comment-count .count {
font-size: 1em;
display: block;
text-align: center;
line-height: 7.75;
font-weight: 700;
}
.avatar-comments a.comment-count:hover {
text-decoration: none;
color: #fff;
background: rgba(71, 179, 157, 0.9);
}
.avatar-comments a:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.avatar-comments img {
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
max-width: none;
width: 100%;
}
.post,
.type-page {
/* Images */
}
.post .post-more,
.type-page .post-more {
clear: both;
}
.post p.tags,
.type-page p.tags {
width: 100%;
clear: both;
}
.post p.tags:before,
.type-page p.tags:before {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
line-height: 1;
content: "\f02c";
}
.post img.wp-smiley,
.type-page img.wp-smiley {
padding: 0;
border: 0;
}
.post img,
.type-page img {
height: auto;
}
.post .alignleft,
.type-page .alignleft {
float: left;
margin: 0 1.618em 1em 0;
}
.post .alignright,
.type-page .alignright {
float: right;
margin: 0 0 1em 1.618em;
}
.post .aligncenter,
.type-page .aligncenter {
display: block;
text-align: center;
margin: 0 auto 1.618em;
}
.post .wp-caption,
.type-page .wp-caption {
max-width: 100%;
margin-bottom: 1em;
}
.post .wp-caption img,
.type-page .wp-caption img {
margin: 0;
background: none;
border: 0;
}
.post .wp-caption.alignleft .wp-caption-text,
.type-page .wp-caption.alignleft .wp-caption-text {
padding-left: 1em;
}
.post .wp-caption-text,
.type-page .wp-caption-text {
margin: 0;
padding: 1em 0;
text-align: left;
font-style: italic;
font-size: 0.857em;
color: #8f9fb0;
}
.post p.tags,
.type-page p.tags {
margin-bottom: 5.874em;
}
.post-meta {
margin: 0 0 1.618em 0;
}
.post-meta ul {
font-size: 0.857em;
color: #b1c1d2;
}
.post-meta li {
display: inline;
margin-right: 1.387em;
}
.post-meta li.post-date:before {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
line-height: 1;
content: "\f017";
}
.post-meta li.post-category:before {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
line-height: 1;
content: "\f114";
}
.post-meta li.edit:before {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
line-height: 1;
content: "\f040";
}
.search .blog-posts-grid {
margin-bottom: 5.874em;
}
.blog-posts-grid {
background: #FF6C00;
}
.blog-posts-grid:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.blog-posts-grid > article {
width: 50%;
float: left;
background: #FF6C00;
overflow: hidden;
padding-top: 50%;
position: relative;
color: rgba(239, 239, 239, 0.7);
}
.blog-posts-grid > article:nth-child(2n) {
background: #ff720a;
}
.blog-posts-grid > article:nth-child(3n) {
background: #ff7814;
}
.blog-posts-grid > article:nth-child(4n) {
background: #ff7e1f;
}
.blog-posts-grid > article:nth-child(5n) {
background: #ff8429;
}
.blog-posts-grid > article:nth-child(6n) {
background: #ff8933;
}
.blog-posts-grid > article:nth-child(7n) {
background: #ff8f3d;
}
.blog-posts-grid > article:nth-child(8n) {
background: #ff9547;
}
.blog-posts-grid > article a {
color: #ffffff;
font-weight: 700;
}
.blog-posts-grid > article .post-header,
.blog-posts-grid > article .post-more,
.blog-posts-grid > article .woo-image {
position: absolute;
top: 0;
left: 0;
}
.blog-posts-grid > article .post-header,
.blog-posts-grid > article .post-more {
z-index: 999;
}
.blog-posts-grid > article.has-image .post-header,
.blog-posts-grid > article.has-image .post-more {
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
.blog-posts-grid > article.has-image:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #355264;
z-index: 99;
opacity: 0;
filter: alpha(opacity=@opacity * 100);
-webkit-transform: translateZ(0);
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.blog-posts-grid > article.has-image:hover:before {
opacity: 0.8;
filter: alpha(opacity=@opacity * 100);
}
.blog-posts-grid > article .post-header {
top: 2.618em;
left: 2.618em;
right: 2.618em;
}
.blog-posts-grid > article .post-header h1 {
font-size: 1.387em;
}
.blog-posts-grid > article .post-date,
.blog-posts-grid > article .post-more .comments,
.blog-posts-grid > article .post-more .categories {
font-size: 0.857em;
}
.blog-posts-grid > article .post-date:before {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
line-height: 1;
content: "\f017";
}
.blog-posts-grid > article .post-more {
top: auto;
bottom: 2.618em;
left: 2.618em;
right: 2.618em;
}
.blog-posts-grid > article .post-more:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.blog-posts-grid > article .post-more .categories {
float: left;
}
.blog-posts-grid > article .post-more .categories:before {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
line-height: 1;
content: "\f07b";
}
.blog-posts-grid > article .post-more .comments {
float: right;
}
.blog-posts-grid > article .post-more .comments:before {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
line-height: 1;
content: "\f075";
}
.blog-posts-grid > article .woo-image {
width: 100%;
height: auto;
margin: 0;
}
/* Pagination */
.nav-entries,
.wp-pagenavi,
.bm-pagination {
padding: 1em 1.618em;
}
.nav-entries a {
display: block;
color: #6D7D8E;
text-decoration: none;
}
.nav-entries a:hover {
text-decoration: underline;
}
.bm-pagination {
text-align: center;
padding: 2.618em 0;
margin-bottom: 5.874em;
}
.bm-pagination .page-numbers {
display: inline-block;
padding: 0.618em 1.387em;
font-weight: 700;
background: #e7e7e7;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.bm-pagination .page-numbers.dots {
background: none;
border: 0;
}
.bm-pagination .page-numbers.dots:hover {
background: none;
color: #6D7D8E;
}
.bm-pagination .page-numbers:hover {
text-decoration: none;
background: #47B39D;
color: #fff;
}
.bm-pagination .page-numbers.current {
background: #FF6C00;
color: #fff;
}
/* Single Post Author */
#post-author {
background: #99CFA9;
padding: 4.236em 2.618em;
clear: both;
margin-bottom: 5.874em;
color: #def0e3;
}
#post-author h1,
#post-author h2,
#post-author h3,
#post-author h4,
#post-author h5 {
color: #fff;
}
#post-author .profile-image {
float: right;
margin: -6.854em 0 1em 1.618em;
width: 15.379em;
}
#post-author .profile-image img {
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1em solid #99CFA9;
max-width: none;
width: 100%;
}
/* Post Entry Nav */
#post-entries {
position: relative;
background: #EFEFEF;
-webkit-border-radius: 2em;
border-radius: 2em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-bottom: 5.874em;
border: 0.618em solid #EFEFEF;
}
#post-entries a {
background: #47B39D;
color: #fff;
display: inline-block;
font-weight: 700;
padding: 0.53em 1em;
-webkit-border-radius: 2.618em;
border-radius: 2.618em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
}
#post-entries a:hover {
text-decoration: none;
background: #99CFA9;
}
#post-entries .nav-next,
#post-entries .nav-prev {
max-width: 50%;
}
#post-entries .nav-next a:after {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
text-align: right;
line-height: 1;
content: "\f054";
}
#post-entries .nav-next a:hover {
padding-right: 2em;
}
#post-entries .nav-prev a:before {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
line-height: 1;
content: "\f053";
}
#post-entries .nav-prev a:hover {
padding-left: 2em;
}
/*------------------------------------------------------------------------------------------*/
/* 4. NAVIGATION */
/*------------------------------------------------------------------------------------------*/
/* Top Nav */
#top,
.top-navigation {
display: none;
}
/* Navigation */
ul.nav li a {
padding: 0.53em 1em;
display: block;
}
ul.nav li a:hover {
text-decoration: none;
}
ul.nav li.current-menu-item > a {
background: #304a5a;
color: #6D7D8E;
}
#navigation {
clear: both;
margin-bottom: 2.618em;
width: 80%;
left: -80%;
position: absolute;
top: 0;
height: 100%;
z-index: 99;
background: #355264;
padding-top: 4.236em;
box-shadow: inset -1.618em 0 1.618em -1em #3a4a5b;
-webkit-box-shadow: inset -1.618em 0 1.618em -1em #3a4a5b;
}
#navigation .widget_product_search {
margin: 0;
border-top: 1px solid #3a4a5b;
}
#navigation .widget_product_search #searchform {
border-left: 0;
border-right: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 0.618em 1em;
margin: 0;
border-bottom: 1px solid #3a4a5b;
border-top: 1px solid #5c6c7d;
background-color: #536374;
background-image: -webkit-gradient(linear, left top, left bottom, from(#536374), to(#4b5b6c));
background-image: -webkit-linear-gradient(top, #536374, #4b5b6c);
background-image: -moz-linear-gradient(top, #536374, #4b5b6c);
background-image: -ms-linear-gradient(top, #536374, #4b5b6c);
background-image: -o-linear-gradient(top, #536374, #4b5b6c);
background-image: linear-gradient(to bottom, #536374, #4b5b6c);
}
#navigation .widget_product_search #searchform #s {
padding: 0.202em 0.857em;
-webkit-border-radius: 4em;
border-radius: 4em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #5c6c7d;
background-image: -webkit-gradient(linear, left top, left bottom, from(#5c6c7d), to(#637384));
background-image: -webkit-linear-gradient(top, #5c6c7d, #637384);
background-image: -moz-linear-gradient(top, #5c6c7d, #637384);
background-image: -ms-linear-gradient(top, #5c6c7d, #637384);
background-image: -o-linear-gradient(top, #5c6c7d, #637384);
background-image: linear-gradient(to bottom, #5c6c7d, #637384);
border: 1px solid #3a4a5b;
color: #b1c1d2;
-webkit-box-shadow: inset 0 1px 3px #4b5b6c, 0 1px 1px #5c6c7d;
box-shadow: inset 0 1px 3px #4b5b6c, 0 1px 1px #5c6c7d;
}
#navigation .widget_product_search #searchform #searchsubmit {
display: none;
}
#navigation h3 {
padding: 1em;
font-size: 0.857em;
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
text-transform: uppercase;
color: #fff;
border-top: 1px solid #3D5C6F;
}
#navigation ul.nav {
list-style: none;
margin-bottom: 1.618em;
}
#navigation ul.nav li {
list-style: none;
}
#navigation ul.nav li a {
color: #8f9fb0;
-webkit-tap-highlight-color: #47B39D;
}
#navigation ul.nav li.current-menu-item > a:after {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
text-align: right;
line-height: 1;
content: "\f054";
font-size: 0.875em;
float: right;
line-height: 2;
}
#navigation ul.nav ul {
margin: 0;
}
#navigation ul.nav ul li a {
padding-left: 1.618em;
}
#navigation ul.nav ul li ul li a {
padding-left: 2.618em;
}
#navigation .nav-close,
#navigation .nav-home {
position: absolute;
top: 1em;
left: 1em;
cursor: pointer;
}
#navigation .nav-close:after,
#navigation .nav-home:after {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
text-align: right;
line-height: 1;
content: "\f00d";
height: 1.5em;
width: 1.5em;
text-align: center;
line-height: 1.5;
font-size: 1.618em;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-left: 0;
color: #fff;
background: #47B39D;
}
#navigation .nav-close span,
#navigation .nav-home span {
display: none;
}
#navigation .nav-home {
left: auto;
right: 1em;
}
#navigation .nav-home:after {
content: "\f015";
}
#navigation .social:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#navigation .social .social-icons {
padding: 0 1em;
}
.show-nav #navigation .top-navigation {
display: block;
}
.show-nav #inner-wrapper {
left: 80%;
-webkit-border-radius: 0.618em;
border-radius: 0.618em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
@media only screen and (max-width: 767px) {
.csstransforms3d.csstransitions #navigation {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.csstransforms3d.csstransitions #inner-wrapper {
left: 0 !important;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 200ms ease;
-moz-transition: -moz-transform 200ms ease;
-o-transition: -o-transform 200ms ease;
transition: transform 200ms ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.csstransforms3d.csstransitions .show-nav #navigation {
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.csstransforms3d.csstransitions .show-nav #inner-wrapper {
-webkit-transform: translate3d(80%, 0, 0);
-moz-transform: translate3d(80%, 0, 0);
-ms-transform: translate3d(80%, 0, 0);
-o-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0);
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
}
/*------------------------------------------------------------------------------------------*/
/* 5. WIDGETS */
/*------------------------------------------------------------------------------------------*/
/* General */
.widget {
margin-bottom: 1.618em;
}
.widget ul {
clear: both;
list-style-position: inside;
list-style-type: disc;
}
.widget ul li a {
text-decoration: none;
}
.widget ul li a:hover {
text-decoration: underline;
}
/* Search Form */
#searchform {
width: 100%;
}
#searchform:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#searchform .s,
#searchform #s {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.202em;
}
#searchform label {
display: none;
}
/* Flickr */
.widget_woo_flickr h3 span {
color: #0051d8;
}
.widget_woo_flickr h3 span span {
color: #ff1183;
}
.widget_woo_flickr .wrap {
margin: 1em 0 0;
text-align: center;
}
.widget_woo_flickr .wrap .flickr_badge_image {
display: inline-block;
margin: 0 1em 1.387em;
}
.widget_woo_flickr .wrap .flickr_badge_image a img {
display: block;
-webkit-border-radius: 300px;
border-radius: 300px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
/* Calendar */
#wp-calendar caption {
padding: 1em;
}
#wp-calendar th,
#wp-calendar td {
text-align: center;
padding: 0.53em 0;
}
/* Author Info */
.widget_woo_blogauthorinfo .avatar {
padding: 0.382em;
border: 1px solid #e7e7e7;
}
.widget_woo_blogauthorinfo .left {
float: left;
margin: 0 1em 0.618em 0;
}
.widget_woo_blogauthorinfo .right {
float: right;
margin: 0 0.618em 1em;
}
/* Tabs */
.widget_woodojo_tabs,
.woocommerce_tabs,
.woocommerce-tabs {
clear: both;
}
.widget_woodojo_tabs ul.nav-tabs,
.woocommerce_tabs ul.nav-tabs,
.woocommerce-tabs ul.nav-tabs,
.widget_woodojo_tabs ul.tabs,
.woocommerce_tabs ul.tabs,
.woocommerce-tabs ul.tabs {
margin-bottom: 1.618em;
list-style: none;
border-bottom: 0.202em solid #e7e7e7;
}
.widget_woodojo_tabs ul.nav-tabs:after,
.woocommerce_tabs ul.nav-tabs:after,
.woocommerce-tabs ul.nav-tabs:after,
.widget_woodojo_tabs ul.tabs:after,
.woocommerce_tabs ul.tabs:after,
.woocommerce-tabs ul.tabs:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.widget_woodojo_tabs ul.nav-tabs li,
.woocommerce_tabs ul.nav-tabs li,
.woocommerce-tabs ul.nav-tabs li,
.widget_woodojo_tabs ul.tabs li,
.woocommerce_tabs ul.tabs li,
.woocommerce-tabs ul.tabs li {
float: left;
margin-bottom: 0;
display: block;
}
.widget_woodojo_tabs ul.nav-tabs li a,
.woocommerce_tabs ul.nav-tabs li a,
.woocommerce-tabs ul.nav-tabs li a,
.widget_woodojo_tabs ul.tabs li a,
.woocommerce_tabs ul.tabs li a,
.woocommerce-tabs ul.tabs li a {
border-bottom: 0;
background: rgba(231, 231, 231, 0.5);
border: 0.202em solid #e7e7e7;
border-bottom-width: 0;
display: block;
color: #47B39D;
margin: 0.202em 0 0 -0.202em !important;
-webkit-border-radius: 2px 2px 0 0 !important;
-moz-border-radius: 2px 2px 0 0 !important;
border-radius: 2px 2px 0 0 !important;
padding: 0.382em 1em !important;
font-weight: 700;
}
.widget_woodojo_tabs ul.nav-tabs li a:hover,
.woocommerce_tabs ul.nav-tabs li a:hover,
.woocommerce-tabs ul.nav-tabs li a:hover,
.widget_woodojo_tabs ul.tabs li a:hover,
.woocommerce_tabs ul.tabs li a:hover,
.woocommerce-tabs ul.tabs li a:hover {
color: #6D7D8E;
text-decoration: none;
}
.widget_woodojo_tabs ul.nav-tabs li:last-child a,
.woocommerce_tabs ul.nav-tabs li:last-child a,
.woocommerce-tabs ul.nav-tabs li:last-child a,
.widget_woodojo_tabs ul.tabs li:last-child a,
.woocommerce_tabs ul.tabs li:last-child a,
.woocommerce-tabs ul.tabs li:last-child a {
border-right-width: 0.202em;
}
.widget_woodojo_tabs ul.nav-tabs li:first-child a,
.woocommerce_tabs ul.nav-tabs li:first-child a,
.woocommerce-tabs ul.nav-tabs li:first-child a,
.widget_woodojo_tabs ul.tabs li:first-child a,
.woocommerce_tabs ul.tabs li:first-child a,
.woocommerce-tabs ul.tabs li:first-child a {
margin-left: 0 !important;
}
.widget_woodojo_tabs ul.nav-tabs li.active,
.woocommerce_tabs ul.nav-tabs li.active,
.woocommerce-tabs ul.nav-tabs li.active,
.widget_woodojo_tabs ul.tabs li.active,
.woocommerce_tabs ul.tabs li.active,
.woocommerce-tabs ul.tabs li.active {
position: relative;
}
.widget_woodojo_tabs ul.nav-tabs li.active a,
.woocommerce_tabs ul.nav-tabs li.active a,
.woocommerce-tabs ul.nav-tabs li.active a,
.widget_woodojo_tabs ul.tabs li.active a,
.woocommerce_tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li.active a {
position: relative;
background: #fff;
color: #6D7D8E;
padding-top: 0.584em !important;
margin-top: 0 !important;
}
.widget_woodojo_tabs ul.nav-tabs li.active a:after,
.woocommerce_tabs ul.nav-tabs li.active a:after,
.woocommerce-tabs ul.nav-tabs li.active a:after,
.widget_woodojo_tabs ul.tabs li.active a:after,
.woocommerce_tabs ul.tabs li.active a:after,
.woocommerce-tabs ul.tabs li.active a:after {
content: "";
display: block;
position: absolute;
bottom: -4px;
left: 0;
right: 0;
height: 4px;
background: #fff;
}
.widget_woodojo_tabs .panel,
.woocommerce_tabs .panel,
.woocommerce-tabs .panel {
border: 0.202em solid #e7e7e7;
padding: 2.618em;
border-top: 0;
}
.woocommerce-tabs {
margin-bottom: 5.874em;
}
.woocommerce-tabs ul.tabs {
margin-bottom: 0;
}
/*------------------------------------------------------------------------------------------*/
/* 6. COMMENTS */
/*------------------------------------------------------------------------------------------*/
/* Comments */
#comments .commentlist {
list-style: none;
margin: 0;
}
#comments .commentlist li {
list-style: none;
}
#comments .commentlist .comment-head {
margin-bottom: 1.618em;
}
#comments .commentlist .comment-head:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#comments .commentlist .comment-head .avatar {
float: left;
width: 4.236em;
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-right: 2.618em;
}
#comments .commentlist .comment-head .name {
font-weight: 700;
display: block;
font-size: 1.387em;
}
#comments .commentlist .comment-head .date,
#comments .commentlist .comment-head .edit {
font-size: 0.857em;
text-transform: uppercase;
}
#comments .commentlist .comment-head .date {
margin-right: 1.618em;
}
#comments .commentlist .comment-head .date a:before {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
line-height: 1;
content: "\f017";
}
#comments .commentlist .comment-head .edit a:before {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
line-height: 1;
content: "\f040";
}
#comments .commentlist .comment-head a:hover {
text-decoration: none;
}
#comments .commentlist .comment-entry {
padding: 2.618em;
background: #EFEFEF;
margin-bottom: 2.618em;
-webkit-border-radius: 0.236em;
border-radius: 0.236em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
}
#comments .commentlist .comment-entry:before {
content: "";
display: block;
border: 1em solid #EFEFEF;
border-color: transparent transparent #EFEFEF transparent;
position: absolute;
top: -1.9em;
left: 1.387em;
}
#comments ul.children {
margin-left: 1em;
padding: 0;
}
#comments .navigation a {
display: block;
text-decoration: none;
}
#comments .pingbacks li.pingback {
margin: 0 0 1.618em;
}
#comments .pingbacks li.pingback .reply {
display: none;
}
#comments .comment-reply-link:before {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
line-height: 1;
content: "\f064";
}
#comments .comment-reply-link:hover {
text-decoration: none;
}
.nocomments {
padding: 1em 1.618em 1em 5.874em;
border-top: 0.202em solid #3c8bae;
background: #f7f7f7;
margin-bottom: 2.618em;
font-weight: normal;
position: relative;
margin-bottom: 5.874em;
}
.nocomments:before {
font-family: 'FontAwesome';
content: "\f0e6";
color: #3c8bae;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 2.618em;
background: #fcfcfc;
text-align: center;
padding: 1em 0.618em;
}
/* Comments Form */
#respond label {
color: #8997a5;
}
#respond #reply-title small {
display: block;
margin: 0 0 1.618em;
}
#respond #commentform .comment-form-author,
#respond #commentform .comment-form-email,
#respond #commentform .comment-form-url {
width: 30.75%;
float: left;
margin-right: 3.8%;
}
#respond #commentform .comment-form-url {
margin-right: 0;
}
#respond #commentform label {
display: block;
}
#respond #commentform input.txt,
#respond #commentform textarea {
width: 100%;
}
/* Pingbacks / Trackbacks */
.pinglist li {
margin: 0 0 0 1.618em;
list-style-type: decimal;
}
.pinglist li .author {
font-weight: bold;
}
.pinglist li .pingcontent {
display: block;
margin: 0 0 1.618em;
}
/*------------------------------------------------------------------------------------------*/
/* 7. PAGE TEMPLATES */
/*------------------------------------------------------------------------------------------*/
/* Contact Form */
#contact-page .screenReader {
left: -9999px;
position: absolute;
top: -9999px;
display: none;
}
#contact-page ol.forms {
margin: 0 0 2.618em;
list-style: none;
}
#contact-page ol.forms:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#contact-page ol.forms li {
clear: both;
float: left;
margin-bottom: 1.618em;
position: relative;
width: 48%;
}
#contact-page ol.forms li:first-child {
margin-right: 3.8%;
}
#contact-page ol.forms li:nth-child(2n) {
clear: none;
}
#contact-page ol.forms li.textarea,
#contact-page ol.forms li.screenReader,
#contact-page ol.forms li.inline,
#contact-page ol.forms li.buttons,
#contact-page ol.forms li input.txt,
#contact-page ol.forms li textarea {
width: 100%;
}
#contact-page ol.forms li .error {
display: block;
color: red;
}
#contact-page ol.forms li.textarea .error {
display: block;
}
#contact-page ol.forms li.screenReader {
margin-bottom: 0;
}
#contact-page ol.forms li.inline {
clear: both;
float: left;
}
#contact-page ol.forms li.inline input {
width: auto;
margin-right: 0.53em;
position: relative;
top: -0.5px;
}
#contact-page ol.forms li.inline label {
display: inline;
float: none;
width: auto;
font-size: 0.857em;
font-weight: normal;
font-style: italic;
}
#contact-page ol.forms li.buttons {
clear: both;
float: left;
text-align: left;
}
#contact-page ol.forms label {
cursor: pointer;
display: block;
font-weight: 700;
margin: 0 0 1em;
}
.page-template-template-contact-php #single_map_canvas img {
max-width: inherit;
}
.page-template-template-contact-php #location-map {
margin: 0 0 2.618em;
border-bottom: 1px solid #e7e7e7;
}
.page-template-template-contact-php #location-map #location {
margin: 0 0 2.618em;
}
.page-template-template-contact-php #location-map #location ul {
margin: 0;
padding: 0;
}
.page-template-template-contact-php #location-map #location ul li {
list-style: none;
padding: 0;
}
.page-template-template-contact-php #location-map #map {
margin: 0 0 2.618em;
}
.page-template-template-contact-php #twitter-connect {
margin: 0 0 2.618em;
border-bottom: 1px solid #e7e7e7;
}
.page-template-template-contact-php #twitter-connect #twitter {
margin: 0 0 2.618em;
}
.page-template-template-contact-php #twitter-connect #twitter ul {
margin: 0 0 0.857em;
list-style: none;
}
.page-template-template-contact-php #twitter-connect #twitter a.time {
color: #98a3b0;
}
.page-template-template-contact-php #twitter-connect #twitter .follow-twitter {
font-style: italic;
font-size: 0.857em;
}
.page-template-template-contact-php #twitter-connect #contact-social {
margin: 0 0 2.618em;
}
.page-template-template-contact-php #twitter-connect #contact-social #connect {
background: none;
border: none;
padding: 0;
}
.page-template-template-contact-php #twitter-connect #contact-social #connect .social {
float: none;
clear: both;
}
.page-template-template-contact-php #twitter-connect #contact-social #connect .social a span {
display: none;
}
@media only screen and (min-width: 768px) {
.page-template-template-contact-php #location-map:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.page-template-template-contact-php #location-map #location {
float: left;
width: 30%;
}
.page-template-template-contact-php #location-map #map.float {
float: right;
width: 65%;
}
.page-template-template-contact-php #twitter-connect:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.page-template-template-contact-php #twitter-connect #twitter {
float: left;
width: 45%;
}
.page-template-template-contact-php #twitter-connect #contact-social.float {
float: right;
width: 45%;
}
}
/* Sitemap */
.page-template-template-sitemap-php .entry ul,
.page-template-template-sitemap-php .entry ol {
list-style: none;
margin-left: 0;
}
.page-template-template-sitemap-php .entry ul ul,
.page-template-template-sitemap-php .entry ol ul,
.page-template-template-sitemap-php .entry ul ol,
.page-template-template-sitemap-php .entry ol ol {
margin-left: 20px;
}
/*------------------------------------------------------------------------------------------*/
/* 8. FLEXSLIDER */
/*------------------------------------------------------------------------------------------*/
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
/* FlexSlider Necessary Styles */
.flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
width: 100%;
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
display: block;
}
/* Theme */
.flexslider,
.wooslider {
margin: 0 0 2.618em;
position: relative;
color: #fff;
zoom: 1;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
/* Direction Nav */
/* Control Nav */
/* Content Styles */
}
.flexslider h1,
.wooslider h1,
.flexslider h2,
.wooslider h2,
.flexslider h3,
.wooslider h3,
.flexslider h4,
.wooslider h4,
.flexslider h5,
.wooslider h5,
.flexslider h6,
.wooslider h6 {
color: #fff;
}
.flexslider .slides,
.wooslider .slides {
zoom: 1;
}
.flexslider a,
.wooslider a {
color: #fff;
font-weight: 700;
}
.flexslider .flex-viewport,
.wooslider .flex-viewport {
max-height: 2000px;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.flexslider .slide-video iframe,
.wooslider .slide-video iframe {
width: 100%;
height: 100%;
}
.flexslider .slide-video .fluid-width-video-wrapper iframe,
.wooslider .slide-video .fluid-width-video-wrapper iframe,
.flexslider .slide-video .fluid-width-video-wrapper object,
.wooslider .slide-video .fluid-width-video-wrapper object,
.flexslider .slide-video .fluid-width-video-wrapper embed,
.wooslider .slide-video .fluid-width-video-wrapper embed {
width: 100% !important;
height: 100% !important;
}
.flexslider.loading .flex-viewport,
.wooslider.loading .flex-viewport {
max-height: 300px;
}
.flexslider .flex-direction-nav a,
.wooslider .flex-direction-nav a,
.flexslider .wooslider-direction-nav a,
.wooslider .wooslider-direction-nav a {
position: absolute;
display: block;
margin: -1.309em 0 0;
width: 2.618em;
height: 4.236em;
line-height: 4.236em;
overflow: hidden;
top: 50%;
z-index: 10;
cursor: pointer;
text-align: center;
opacity: 1;
filter: alpha(opacity=@opacity * 100);
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
background: rgba(53, 82, 100, 0.9);
-webkit-border-radius: 0.236em;
border-radius: 0.236em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.flexslider .flex-direction-nav a:before,
.wooslider .flex-direction-nav a:before,
.flexslider .wooslider-direction-nav a:before,
.wooslider .wooslider-direction-nav a:before {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
speak: none;
width: 1.387em;
display: inline-block;
line-height: 1;
content: "\f179";
margin: 0;
font-size: 1em;
line-height: 4.236em;
}
.flexslider .flex-direction-nav a:hover:before,
.wooslider .flex-direction-nav a:hover:before,
.flexslider .wooslider-direction-nav a:hover:before,
.wooslider .wooslider-direction-nav a:hover:before {
text-decoration: none;
}
.flexslider .flex-direction-nav .flex-next,
.wooslider .flex-direction-nav .flex-next,
.flexslider .wooslider-direction-nav .flex-next,
.wooslider .wooslider-direction-nav .flex-next,
.flexslider .flex-direction-nav .wooslider-next,
.wooslider .flex-direction-nav .wooslider-next,
.flexslider .wooslider-direction-nav .wooslider-next,
.wooslider .wooslider-direction-nav .wooslider-next {
right: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.flexslider .flex-direction-nav .flex-next:before,
.wooslider .flex-direction-nav .flex-next:before,
.flexslider .wooslider-direction-nav .flex-next:before,
.wooslider .wooslider-direction-nav .flex-next:before,
.flexslider .flex-direction-nav .wooslider-next:before,
.wooslider .flex-direction-nav .wooslider-next:before,
.flexslider .wooslider-direction-nav .wooslider-next:before,
.wooslider .wooslider-direction-nav .wooslider-next:before {
content: '\f054';
width: 100%;
}
.flexslider .flex-direction-nav .flex-prev,
.wooslider .flex-direction-nav .flex-prev,
.flexslider .wooslider-direction-nav .flex-prev,
.wooslider .wooslider-direction-nav .flex-prev,
.flexslider .flex-direction-nav .wooslider-prev,
.wooslider .flex-direction-nav .wooslider-prev,
.flexslider .wooslider-direction-nav .wooslider-prev,
.wooslider .wooslider-direction-nav .wooslider-prev {
left: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.flexslider .flex-direction-nav .flex-prev:before,
.wooslider .flex-direction-nav .flex-prev:before,
.flexslider .wooslider-direction-nav .flex-prev:before,
.wooslider .wooslider-direction-nav .flex-prev:before,
.flexslider .flex-direction-nav .wooslider-prev:before,
.wooslider .flex-direction-nav .wooslider-prev:before,
.flexslider .wooslider-direction-nav .wooslider-prev:before,
.wooslider .wooslider-direction-nav .wooslider-prev:before {
content: '\f053';
width: 100%;
}
.flexslider .flex-direction-nav.flex-disabled,
.wooslider .flex-direction-nav.flex-disabled,
.flexslider .wooslider-direction-nav.flex-disabled,
.wooslider .wooslider-direction-nav.flex-disabled {
opacity: 0.3;
filter: alpha(opacity=@opacity * 100);
cursor: default;
}
.flexslider .flex-control-nav,
.wooslider .flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flexslider .flex-control-nav li,
.wooslider .flex-control-nav li {
margin: 0 6px;
display: inline-block;
}
.flexslider .flex-control-nav li a,
.wooslider .flex-control-nav li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
border-radius: 20px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.flexslider .flex-control-nav li a:hover,
.wooslider .flex-control-nav li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flexslider .flex-control-nav li a.flex-active,
.wooslider .flex-control-nav li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flexslider .slides img,
.wooslider .slides img {
width: auto;
margin: 0 auto;
}
.flexslider li.slide,
.wooslider li.slide {
position: relative;
overflow: hidden;
background: #47B39D;
}
.flexslider li.slide .slide-content,
.wooslider li.slide .slide-content {
padding: 1.618em;
}
.flexslider .layout-full .slide-content,
.wooslider .layout-full .slide-content,
.flexslider .layout-full .slide-media,
.wooslider .layout-full .slide-media {
width: 100%;
float: none;
}
.flexslider .layout-left-content .slide-content,
.wooslider .layout-left-content .slide-content,
.flexslider .layout-right-content .slide-content,
.wooslider .layout-right-content .slide-content,
.flexslider .layout-left-content .slide-media,
.wooslider .layout-left-content .slide-media,
.flexslider .layout-right-content .slide-media,
.wooslider .layout-right-content .slide-media {
width: 45%;
}
.flexslider .layout-left-content:after,
.wooslider .layout-left-content:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.flexslider .layout-left-content .slide-content,
.wooslider .layout-left-content .slide-content {
float: left;
}
.flexslider .layout-left-content .slide-media,
.wooslider .layout-left-content .slide-media {
float: right;
}
.flexslider .layout-right-content:after,
.wooslider .layout-right-content:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.flexslider .layout-right-content .slide-content,
.wooslider .layout-right-content .slide-content {
float: right;
}
.flexslider .layout-right-content .slide-media,
.wooslider .layout-right-content .slide-media {
float: left;
}
.home .flexslider {
margin-left: -1.618em;
margin-right: -1.618em;
}
.chrome .flexslider .slide-video iframe {
height: 94.5%;
}
@media only screen and (min-width: 768px) {
.home.slide-fullscreen .flexslider li.slide .slide-content {
position: absolute;
}
.flexslider li.slide .slide-content {
right: 18%;
top: 18%;
left: 18%;
font-size: 1.387em;
text-align: center;
}
.flexslider li.slide .slide-content .entry {
display: block;
}
.flexslider li.slide.has-image .slide-content {
position: absolute;
}
.flexslider .flex-direction-nav a {
opacity: 0;
filter: alpha(opacity=@opacity * 100);
}
.flexslider .flex-direction-nav .flex-next {
right: 0;
}
.flexslider .flex-direction-nav .flex-prev {
left: 0;
}
.flexslider:hover .flex-direction-nav a {
opacity: 1;
filter: alpha(opacity=@opacity * 100);
}
.flexslider:hover .flex-direction-nav a:hover {
text-decoration: none;
background: #FF6C00;
}
.flexslider:hover .flex-direction-nav .flex-prev {
left: 0;
}
.flexslider:hover .flex-direction-nav .flex-next {
right: 0;
}
.home .flexslider {
margin-left: -6.854em !important;
margin-right: -6.854em !important;
}
.home .flexslider .slide-content {
padding: 0;
}
}
/*------------------------------------------------------------------------------------------*/
/* 9. MISC */
/*------------------------------------------------------------------------------------------*/
/* Floating & Alignment */
.fl {
float: left;
}
.fr {
float: right;
}
.ac {
text-align: center;
}
.ar {
text-align: right;
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
j.mp/bestclearfix */
.fix:before,
.fix:after,
.col-full:before,
.col-full:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.fix:after,
.col-full:after {
clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.fix,
.col-full {
zoom: 1;
}
/* Subscribe & Connect (& Related posts) */
#connect {
clear: both;
}
#connect .newsletter-form {
margin: 0 0 1.387em;
}
#connect .newsletter-form .email {
margin: 0 1em 1em 0;
}
#connect .newsletter-form .submit {
margin: 0 0 1em;
}
#connect .social a {
opacity: 0.8;
filter: alpha(opacity=@opacity * 100);
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
#connect .social a:hover {
opacity: 1;
filter: alpha(opacity=@opacity * 100);
}
.social a {
display: block;
text-indent: -9999px;
position: relative;
height: 1em;
width: 1em;
float: left;
margin-right: 0.618em;
margin-bottom: 0.618em;
padding: 0.53em;
}
.social a:before {
font-family: 'FontAwesome';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin: 0;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
content: "\f179";
font-family: Social;
-webkit-border-radius: 0.236em;
border-radius: 0.236em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
line-height: 2;
}
.social a.subscribe:before {
content: '\e001';
}
.social a.subscribe:hover:before {
color: #FF6600;
}
.social a.twitter:before {
content: '\e002';
}
.social a.twitter:hover:before {
color: #00aced;
}
.social a.facebook:before {
content: '\e003';
}
.social a.facebook:hover:before {
color: #3b5998;
}
.social a.youtube:before {
content: '\e004';
}
.social a.youtube:hover:before {
color: #af2b26;
}
.social a.flickr:before {
content: '\e005';
}
.social a.flickr:hover:before {
color: #ff0084;
}
.social a.linkedin:before {
content: '\e006';
}
.social a.linkedin:hover:before {
color: #71c5ef;
}
.social a.delicious:before {
content: '\e007';
}
.social a.delivious:hover:before {
color: #285da7;
}
.social a.googleplus:before {
content: '\e008';
}
.social a.googleplus:hover:before {
color: #2d2d2d;
}
.social a.dribbble:before {
content: '\e009';
}
.social a.dribbble:hover:before {
color: #ea4c89;
}
.social a.instagram:before {
content: '\e010';
}
.social a.instagram:hover:before {
color: #517fa4;
}
.social a.vimeo:before {
content: '\e011';
}
.social a.vimeo:hover:before {
color: #33454E;
}
.social a.pinterest:before {
content: '\e012';
}
.social a.pinterest:hover:before {
color: #cb2027;
}
.social a {
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
#main #connect {
margin: 0 0 2.618em;
background: #EFEFEF;
padding: 1.618em;
border-top: 1px solid #e7e7e7;
}
#related-posts {
margin: 0 0 2.618em;
}
#related-posts ul {
list-style: none;
}
/* Tables */
table {
border-spacing: 0;
width: 100%;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: #ffffff;
border-collapse: separate;
}
table td,
table th {
padding: 0.857em 1.387em;
text-align: left;
vertical-align: top;
}
table td p:last-child,
table th p:last-child {
margin-bottom: 0;
}
table thead th {
background: #fcfcfc;
text-transform: uppercase;
padding: 1.387em;
vertical-align: middle;
}
table thead th:first-child {
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
table thead th:last-child {
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
table tr th:last-child,
table tr td:last-child {
border-right: 0;
}
table tbody th {
background: #fff;
}
table tbody tr:nth-child(2n) td {
background: #f9f9f9;
}
table tbody tr:nth-child(2n) td:last-child {
border-right: 0;
}
table tbody td {
background: #f4f4f4;
}
table tbody h2 {
font-size: 1em;
letter-spacing: normal;
font-weight: normal;
}
table tbody h2 a {
font-weight: normal;
}
table tbody tr:last-child td:first-child {
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
table tbody tr:last-child td:last-child {
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
table tbody tr:last-child th:first-child {
border-bottom: 0;
}
table tbody tr:last-child td {
border-bottom: 0;
}
/* Forms */
input[type=text],
input.input-text,
textarea,
input.txt,
input[type=tel],
input[type=email],
input[type=password] {
padding: 0.236em 0.5em;
border: 1px solid #d6d6d6;
box-shadow: inset 0 1px 3px 0 #e7e7e7;
-webkit-box-shadow: inset 0 1px 3px 0 #e7e7e7;
-webkit-border-radius: 0.236em;
border-radius: 0.236em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-size: 1em;
/* Make inputs the same size as normal text */
line-height: 1.618em;
height: 2.244em;
font-family: inherit;
/* Make inputs use the correct typeface instead of the browser default */
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type=text]:focus,
input.input-text:focus,
textarea:focus,
input.txt:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=password]:focus {
border-color: #47B39D;
-webkit-box-shadow: inset 0 1px 3px #e7e7e7, 0 1px 3px rgba(71, 179, 157, 0.5);
}
textarea {
height: auto;
}
/* Buttons (Includes WF chortcode buttons) */
a.button,
#commentform #submit,
.submit,
input[type=submit],
input.button,
button.button,
#wrapper .woo-sc-button {
display: inline-block;
padding: 0.125em 0.857em;
outline: none;
text-align: center;
border: none;
text-shadow: none !important;
text-decoration: none;
font-size: 1em;
/* Make inputs the same size as normal text */
font-family: inherit;
/* Make inputs use the correct typeface instead of the browser default */
cursor: pointer;
/* Inputs need pointers! */
overflow: visible;
/* IE fix */
width: auto;
/* IE fix */
line-height: 1.618em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
color: #99CFA9;
border: 0.202em solid #99CFA9;
background: none;
-webkit-appearance: none;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-border-radius: 0.202em;
border-radius: 0.202em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-weight: 700;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
a.button:hover,
#commentform #submit:hover,
.submit:hover,
input[type=submit]:hover,
input.button:hover,
button.button:hover,
#wrapper .woo-sc-button:hover {
text-decoration: none;
background: #99CFA9;
color: #fff;
}
a.button:active,
#commentform #submit:active,
.submit:active,
input[type=submit]:active,
input.button:active,
button.button:active,
#wrapper .woo-sc-button:active {
background: #99CFA9;
color: #fff;
}
a.button.alt,
#commentform #submit.alt,
.submit.alt,
input[type=submit].alt,
input.button.alt,
button.button.alt,
#wrapper .woo-sc-button.alt {
border-color: #FF6C00;
color: #FF6C00;
}
a.button.alt:hover,
#commentform #submit.alt:hover,
.submit.alt:hover,
input[type=submit].alt:hover,
input.button.alt:hover,
button.button.alt:hover,
#wrapper .woo-sc-button.alt:hover {
background: #FF6C00;
color: #fff;
}
a.button.large,
#commentform #submit.large,
.submit.large,
input[type=submit].large,
input.button.large,
button.button.large,
#wrapper .woo-sc-button.large {
font-size: 1.387em;
}
a.button.small,
#commentform #submit.small,
.submit.small,
input[type=submit].small,
input.button.small,
button.button.small,
#wrapper .woo-sc-button.small {
font-size: 0.857em;
}
a.button.red,
#commentform #submit.red,
.submit.red,
input[type=submit].red,
input.button.red,
button.button.red,
#wrapper .woo-sc-button.red {
border-color: #af4040;
background: #d72323;
}
a.button.red:hover,
#commentform #submit.red:hover,
.submit.red:hover,
input[type=submit].red:hover,
input.button.red:hover,
button.button.red:hover,
#wrapper .woo-sc-button.red:hover {
background: #d20000;
}
a.button.orange,
#commentform #submit.orange,
.submit.orange,
input[type=submit].orange,
input.button.orange,
button.button.orange,
#wrapper .woo-sc-button.orange {
border-color: #af7440;
background: #d76b23;
}
a.button.orange:hover,
#commentform #submit.orange:hover,
.submit.orange:hover,
input[type=submit].orange:hover,
input.button.orange:hover,
button.button.orange:hover,
#wrapper .woo-sc-button.orange:hover {
background: #d25e00;
}
a.button.green,
#commentform #submit.green,
.submit.green,
input[type=submit].green,
input.button.green,
button.button.green,
#wrapper .woo-sc-button.green {
border-color: #87bf00;
background: #8dc11e;
}
a.button.green:hover,
#commentform #submit.green:hover,
.submit.green:hover,
input[type=submit].green:hover,
input.button.green:hover,
button.button.green:hover,
#wrapper .woo-sc-button.green:hover {
background: #87c000;
}
a.button.aqua,
#commentform #submit.aqua,
.submit.aqua,
input[type=submit].aqua,
input.button.aqua,
button.button.aqua,
#wrapper .woo-sc-button.aqua {
border-color: #40af96;
background: #23d7af;
}
a.button.aqua:hover,
#commentform #submit.aqua:hover,
.submit.aqua:hover,
input[type=submit].aqua:hover,
input.button.aqua:hover,
button.button.aqua:hover,
#wrapper .woo-sc-button.aqua:hover {
background: #00d2a8;
}
a.button.teal,
#commentform #submit.teal,
.submit.teal,
input[type=submit].teal,
input.button.teal,
button.button.teal,
#wrapper .woo-sc-button.teal {
border-color: #23a6d6;
background: #23abd7;
}
a.button.teal:hover,
#commentform #submit.teal:hover,
.submit.teal:hover,
input[type=submit].teal:hover,
input.button.teal:hover,
button.button.teal:hover,
#wrapper .woo-sc-button.teal:hover {
background: #009ed2;
}
a.button.purple,
#commentform #submit.purple,
.submit.purple,
input[type=submit].purple,
input.button.purple,
button.button.purple,
#wrapper .woo-sc-button.purple {
border-color: #234dd6;
background: #2356d7;
}
a.button.purple:hover,
#commentform #submit.purple:hover,
.submit.purple:hover,
input[type=submit].purple:hover,
input.button.purple:hover,
button.button.purple:hover,
#wrapper .woo-sc-button.purple:hover {
background: #0036d2;
}
a.button.pink,
#commentform #submit.pink,
.submit.pink,
input[type=submit].pink,
input.button.pink,
button.button.pink,
#wrapper .woo-sc-button.pink {
border-color: #d623cb;
background: #d723d5;
}
a.button.pink:hover,
#commentform #submit.pink:hover,
.submit.pink:hover,
input[type=submit].pink:hover,
input.button.pink:hover,
button.button.pink:hover,
#wrapper .woo-sc-button.pink:hover {
background: #bc00d2;
}
a.button.silver,
#commentform #submit.silver,
.submit.silver,
input[type=submit].silver,
input.button.silver,
button.button.silver,
#wrapper .woo-sc-button.silver {
color: #444 !important;
text-shadow: 0 1px #fff;
border-color: #bbb;
background: #d8d8d8;
}
a.button.silver:hover,
#commentform #submit.silver:hover,
.submit.silver:hover,
input[type=submit].silver:hover,
input.button.silver:hover,
button.button.silver:hover,
#wrapper .woo-sc-button.silver:hover {
background: #ccc;
}
select {
max-width: 100%;
}
/* Shortcode info boxes */
p.woo-sc-box,
div.woo-sc-box {
margin: 1em 0 1.5em 0;
padding: 9px 10px 9px 50px;
border-width: 1px 0 1px 0;
color: #4c5763;
text-shadow: none;
}
p.woo-sc-box.rounded,
div.woo-sc-box.rounded {
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
p.woo-sc-box.alert,
div.woo-sc-box.alert {
border-color: #f0baa2;
background-color: #ffd9c8;
}
p.woo-sc-box.download,
div.woo-sc-box.download {
border-color: #d4ebaf;
background-color: #edfcd5;
}
p.woo-sc-box.tick,
div.woo-sc-box.tick {
border-color: #d4ebaf;
background-color: #edfcd5;
}
p.woo-sc-box.info,
div.woo-sc-box.info {
border-color: #e7e7e7;
background-color: #EFEFEF;
}
p.woo-sc-box.note,
div.woo-sc-box.note {
border-color: #efe3ae;
background-color: #fef6d2;
}
p.woo-sc-box.normal,
div.woo-sc-box.normal {
border-color: #e7e7e7;
background-color: #EFEFEF;
}
/* Gravity forms */
ul.gform_fields li {
list-style: none;
}
.gfield {
margin-bottom: 1.618em;
}
.gfield_label {
width: 100%;
font-weight: bold;
margin-bottom: 0.618em;
display: block;
}
.gfield_required {
color: red;
}
.ginput_container {
margin-bottom: 1.618em;
}
.ginput_container:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.ginput_container label {
display: block;
}
.ginput_container input,
.ginput_container textarea {
width: 100%;
}
.ginput_container .ginput_left,
.ginput_container .ginput_right,
.ginput_container .ginput_full {
margin-bottom: 1em;
display: block;
}
.ginput_container .ginput_left label,
.ginput_container .ginput_right label,
.ginput_container .ginput_full label {
font-size: 0.875em;
}
.ginput_container .ginput_left,
.ginput_container .ginput_right {
width: 48%;
float: left;
clear: left;
}
.ginput_container .ginput_right {
float: right;
clear: none;
}
.ginput_container .gfield_checkbox,
.ginput_container .gfield_radio {
margin-left: 0;
}
.ginput_container .gfield_checkbox label,
.ginput_container .gfield_radio label {
display: inline-block;
margin-left: 0.618em;
}
.ginput_container .gfield_checkbox input,
.ginput_container .gfield_radio input {
width: auto;
}
img.ui-datepicker-trigger {
border: 0;
padding: 0;
}
.homepage-contact {
margin-bottom: 5.874em;
}
.homepage-contact ul {
text-align: center;
}
.homepage-contact ul li {
display: inline-block;
width: 11.089em;
font-size: 1.387em;
font-weight: 700;
margin-bottom: 1.618em;
vertical-align: top;
}
.homepage-contact ul li.phone span:before {
content: "\f095";
}
.homepage-contact ul li.email span:before {
content: "\f003";
}
.homepage-contact ul li.address span:before {
content: "\f041";
}
.homepage-contact ul li.twitter span:before {
content: "\f099";
}
.homepage-contact ul li a:hover {
text-decoration: none;
color: #99CFA9;
}
.homepage-contact ul li a:hover span {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
background: #99CFA9;
}
.homepage-contact ul span {
display: block;
text-indent: -9999px;
position: relative;
height: 1em;
width: 1em;
margin: 0 auto 0.202em;
font-size: 3.631em;
padding: 0.382em;
background: #47B39D;
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.homepage-contact ul span:before {
font-family: 'FontAwesome';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin: 0;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
content: "\f179";
line-height: 1.8;
color: #fff;
}
/* IE specific styling */
.ie8 .widget_woo_blogauthorinfo .avatar {
width: auto;
}