/*
Theme Name: Expedition
Theme URI: http://thegravity.net/expedition
Author: TheGravity Team
Author URI: http://thegravity.net
Description: Our theme lets you create a responsive website with a sleek, modern design.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, white, light, dark, two-columns, three-columns, left-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, theme-options, translation-ready, accessibility-ready
Text Domain: Expedition
Version: 1.2
*/

/**
 * Table of Contents:
 *
 * Base
 * Repeatable Patterns
 * Basic Structure
 * Header
 * Content
 * Sidebar
 * Footer
 * Shortcodes
 * Plug-ins
 * Animations & Effects
 * Media Queries
 * -----------------------------------------------------------------------------
 */

/**
 * Base
 * -----------------------------------------------------------------------------
 */

*,
*:before,
*:after {
    box-sizing: border-box
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
body {
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
audio,
canvas,
video {
    display: block;
    max-width: 100%;
}
body,
button,
input,
select,
textarea {
    font-family: 'proxima-nova', sans-serif;
    font-size: 17px;
    font-weight: 100;
    line-height: 1.5;
    transition: all .5s ease;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a {
    transition: all .5s ease;
    text-decoration: none;
    color: #000;
}
a:active,
a:hover {
    color: #666;
    outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:"mostra-nuova-alt-b" !important;
    margin: 1.5em 0 .75em;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1.4;
    position: relative;
    color: #333;
    font-weight: 600;
}
h1 {
    font-size: 48px;
	font-family:"mostra-nuova-alt-b" !important;
	font-weight::800 !important;
	text-transform:uppercase !important;
	}
h2 {
    font-size: 36px;
	font-family:"mostra-nuova-alt-b" !important;
	font-weight: 300 !important;
	text-transform:uppercase !important;
}
h3 {
    font-size: 29px;
	font-family:"mostra-nuova-alt-b" !important;
	font-weight: 300 !important;
	text-transform:uppercase !important;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 11px;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0;
}
address {
    font-style: italic;
}
b,
strong {
    font-weight: bold;
}
cite,
dfn,
em,
i {
    font-style: italic;
}
cite {
    margin-left: 55px;
}
p {
    margin: 0 0 1.5em 0;
}
code,
kbd,
tt,
var,
samp,
pre {
    font-family: monospace, serif;
    font-size: 90%;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    -ms-hyphens: none;
}
pre {
    max-width: 100%;
    padding: 1.5em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    border: 1px solid rgba(0, 0, 0, .1);
}
blockquote,
q {
    quotes: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    -ms-hyphens: none;
}
blockquote:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    height: 22px;
    content: '';
    background-image: url(img/quote.svg);
    background-repeat: no-repeat;
    background-size: 35px 22px;
}
blockquote {
    font-size: 1.5em;
    position: relative;
    margin: 1.5em 0;
    padding-left: 55px;
}
blockquote cite,
blockquote small {
    display: block;
    color: rgba(0, 0, 0, .3);
}
blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
    margin-left: 0;
}
small {
    font-size: smaller;
}
big {
    font-size: 125%;
}
sup,
sub {
    font-size: 75%;
    position: relative;
    height: 0;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
dl {
    margin-bottom: 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin-bottom: 1.5em;
}
ul,
ol {
    margin: 0 0 1.5em 0;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
}
figure {
    margin: 0;
}
fieldset {
    margin: 0 0 1.5em;
}
legend {
    white-space: normal;
}
button,
input,
textarea {
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 0 10px;
    vertical-align: baseline;
    border-radius: 0;
    -webkit-appearance: none;
}
button[disabled],
input[disabled] {
    cursor: default;
}
input[type='checkbox'],
input[type='radio'] {
    width: auto;
    padding: 0;
}
input[type='search'] {
    -webkit-appearance: textfield;
}
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    width: 100%;
    margin-bottom: 1.5em;
    border-spacing: 0;
    border-collapse: separate;
    border-width: 1px 0 0 1px;
}
table thead tr th {
    border-bottom: 3px solid #333;
}
caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
th {
    font-weight: bold;
}
td {
    border-width: 0 1px 1px 0;
}
del {
    color: #767676;
}
hr {
    margin: 0 auto 1.5em;
    border: 0;
    border-style: solid;
    border-color: #e5e5e5;
    border-bottom-width: 1px;
}
::-moz-selection {
    color: #fff;
    background: #333;
    text-shadow: none;
}
::selection {
    color: #fff;
    background: #333;
    text-shadow: none;
}
::-moz-selection {
    color: #fff;
    background: #333;
    text-shadow: none;
}



/**
 * Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

/* Input fields */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
textarea {
    padding: 12px 15px;
    border: 0;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .1) inset;
}
textarea {
    width: 100%;
}
select {
    width: 100%;
    border: 2px solid #fff;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #666 inset;
}
select:focus {
    outline: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    outline: 0;
    background: #fff;
}
.search-field {
    width: 100%;
}
.search-submit,
#searchsubmit {
    display: none !important;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
    color: #939393;
}
:-moz-placeholder {
    color: #939393;
}
::-moz-placeholder {
    color: #939393;
    opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
    color: #939393;
}

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object,
video {
    max-width: 100%;
    width: 100% !important;
    margin-bottom: 1.5em;
}
.wp-video {
    width: 100% !important;
    height: auto;
}
p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
    margin-bottom: 0;
}

/* Alignment */

.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
blockquote.alignleft,
img.alignleft {
	margin: 7px 14px 7px 0;
}
.wp-caption.alignleft {
    margin: 7px 14px 7px 0;
}
blockquote.alignright,
img.alignright {
	margin: 7px 0 7px 14px;
}
.wp-caption.alignright {
    margin: 7px 0 7px 14px;
}
blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
    margin-top: 7px;
    margin-bottom: 7px;
}
.wp-caption {
    margin-bottom: 20px;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}
.wp-caption {
    color: #767676;
    max-width: 100%;
}
.wp-caption-text {
    box-sizing: border-box;
    margin: 9px 0;
    padding-right: 10px;
    font-style: italic;
    font-size: inherit;
}
.wp-smiley {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border: 0;
}
.sticky {
    color: red;
}

/* Assistive text */

.screen-reader-text {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text:focus {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 100000; /* Above WP toolbar */
    display: block;
    clip: auto;
    padding: 15px 23px 14px;
    width: auto;
    height: auto;
    border-radius: 3px;
    background-color: #f1f1f1;
    box-shadow: 0 0 2px 2px rgba(31, 31, 31, 0.6);
    color: #21759b;
    text-decoration: none;
    text-transform: none;
    font-weight: bold;
    font-size: inherit;
    line-height: inherit;
}

/* Separators */

span + .entry-date:before,
.full-size-link:before,
.parent-post-link:before,
span + .byline:before,
span + .edit-link:before,
span + .cat-links:before {
    margin: 0 8px 0 0;
    content: "\2022";
}



/**
 * Basic Structure
 * -----------------------------------------------------------------------------
 */

/* Page Loader */

.gravity-page-loader-wrapper {
    position: fixed;
    z-index: 10001;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    content: '';
    transition: opacity .5s;
    opacity: 1;
    background: #fff;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.hide.gravity-page-loader-wrapper {
    transition: opacity .5s;
    pointer-events: none;
    opacity: 0;
}
.gravity-page-loader {
    position: relative;
    max-width: 70%;
    text-align: center;
}
.gravity-page-loader .page-loader {
    position: absolute;
    top: -35px;
    right: -15px;
    width: 26px;
    height: 26px;
    margin: auto;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border: 1px solid rgba(0, 0, 0, .1);
    border-top-color: #333;
    border-radius: 50%;
}
.gravity-page-loader .loader-title {
    font: 36px/1em Arial, sans-serif;
    font-weight: 400;
    letter-spacing: .3em;
    color: #333;
}

/* Primary Styles */

.site {
    position: relative;
    overflow: hidden;
    margin: auto;
}
.site-background {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#main {
    position: relative;
    overflow: hidden;
    height: 100%;
}
#primary {
    position: relative;
    z-index: 99;
    left: 0;
    overflow: hidden;
    height: 100%;
    transition: -webkit-transform .5s;
    transition: transform .5s;
}
#primary:after {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    content: '';
    transition: opacity .5s, width .1s .5s, height .1s .5s;
    opacity: 0;
    background: rgba(0, 0, 0, .7);
}
.site-header-open #primary:after {
    width: 100%;
    height: 100%;
    transition: opacity .5s;
    opacity: 1;
}
.site-header-open #primary {
    background-color: #fff;
}



/**
 * Header / Menu
 * -----------------------------------------------------------------------------
 */

/* Ensure that there is no gap between the header and
   the admin bar for WordPress versions before 3.8. */
#wpadminbar {
    min-height: 32px;
}
#site-header {
    position: relative;
    z-index: 3;
}
.site-header {
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    width: 300px;
    height: 100%;
    padding: 50px;
    transition: all .5s;
    background: rgba(31, 31, 31, .95);
}
.admin-bar .site-header {
	top: 32px;
}
.site-header:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: '';
    transition: opacity .5s;
    opacity: 1;
    background: rgba(0,0,0,.2);
}
.site-header-open .site-header:after {
    width: 0;
    height: 0;
    transition: opacity .5s, width .1s .5s, height .1s .5s;
    opacity: 0;
}
.header-main {
    position: relative;
    z-index: 9999;
    margin: auto;
}

/* Effect 1: Slide in on top */

.header-slide-in-top .site-header {
    visibility: visible;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.header-slide-in-top.site-header-open .site-header {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.header-slide-in-top .site-header:after {
    display: none;
}

/* Effect 2: Reveal */

.header-reveal.site-header-open #primary,
.header-reveal.site-header-open .site-footer {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
}
.header-reveal .site-header {
    z-index: 1;
}
.header-reveal.site-header-open .site-header {
    visibility: visible;
    transition: -webkit-transform .5s;
    transition: transform .5s;
}
.header-reveal .site-header:after {
    display: none;
}

/* Effect 3: Push */

.header-push.site-header-open #primary,
.header-push.site-header-open .site-footer {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
}
.header-push .site-header {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.header-push.site-header-open .site-header {
    visibility: visible;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.header-push .site-header:after {
    display: none;
}

/* Effect 4: Slide along */

.header-slide-along.site-header-open #primary,
.header-slide-along.site-header-open .site-footer {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
}
.header-slide-along .site-header {
    z-index: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
.header-slide-along.site-header-open .site-header {
    visibility: visible;

    transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.header-slide-along .site-header:after {
    display: none;
}

/* Effect 5: Reverse slide */

.header-reverse-slide.site-header-open #primary,
.header-reverse-slide.site-header-open .site-footer {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
}
.header-reverse-slide .site-header {
    z-index: 1;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
}
.header-reverse-slide.site-header-open .site-header {
    visibility: visible;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* Effect 6: Rotate content */

.header-rotate-content #main {
    -webkit-perspective: 1500px;
    perspective: 1500px;
}
.header-rotate-content #primary,
.header-rotate-content .site-footer {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.header-rotate-content.site-header-open #primary,
.header-rotate-content.site-header-open .site-footer {
    -webkit-transform: translate3d(300px, 0, 0) rotateY(-15deg);
    transform: translate3d(300px, 0, 0) rotateY(-15deg);
}
.header-rotate-content .site-header {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.header-rotate-content.site-header-open .site-header {
    visibility: visible;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.header-rotate-content .site-header:after {
    display: none;
}


/* Header - Logo */

#logo {
    position: relative;
    overflow: hidden;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 50px;
}
.site-title {
    font-size: 36px;
    font-weight: normal;
    margin: 0;
}
.site-title a {
    display: block;
    color: #fff;
}
.site-description {
    font-weight: 400;
    font-size: 12px;
}

/* 4.7 Page Navigation - Cercled Vertical Nav (in this theme) */

.page-navigation {
    position: fixed;
    z-index: 1000;
    right: 40px;
    margin-top: 50px;
}
.page-navigation ul {
    position: relative;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.page-navigation .line {
    position: absolute;
    top: -40px;
    bottom: 0;
    left: 4px;
    display: block;
    width: 1px;
}
.page-navigation .line .inactive {
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, .3);
}
.page-navigation .line .inactive:before {
    position: absolute;
    top: 0;
    left: -1px;
    display: block;
    width: 1px;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, .2);
}
.page-navigation .line .active {
    width: 1px;
    background: #fff;
}
.page-navigation .line .active.inverse {
    position: absolute;
    top: 0;
    left: -1px;
    background: #7a593c;
}
.page-navigation .node {
    position: relative;
    width: 8px;
    height: 8px;
    margin-top: 40px;
    cursor: pointer;
    -webkit-transform: translateZ(1px);
    -ms-transform: translateZ(1px);
    transform: translateZ(1px);
}
.page-navigation .node:last-child {
    margin-bottom: 40px;
}
.page-navigation .section-name {
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: -13px;
    right: 30px;
    padding: 12px 20px;
    transition: all .5s ease;
    white-space: nowrap;
    letter-spacing: 1px;
    text-transform: uppercase;
    pointer-events: none;
    opacity: 0;
    color: #333;
    border-radius: 2em;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 1px 3px rgba(31, 31, 31, .2);
    line-height: 1;
}
.page-navigation .node:hover .section-name {
    opacity: 1;
}
.page-navigation .node .glow {
    position: absolute;
    width: 8px;
    height: 8px;
    opacity: 0;
}
.page-navigation .node.active .glow {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.page-navigation .node .glow:before {
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    content: '';
    -webkit-transform: translateZ(0px) scale(1);
    -ms-transform: translateZ(0px) scale(1);
    transform: translateZ(0px) scale(1);
    pointer-events: none;
    opacity: 1;
    border-radius: 50%;
    box-shadow: 0 0 8px 4px #7a593c;
}
.page-navigation .node.active .glow:before {
    transition: opacity 1500ms, -webkit-transform 1200ms;
    transition: transform 1200ms, opacity 1500ms;
    -webkit-transform: translateZ(0px) scale(3);
    -ms-transform: translateZ(0px) scale(3);
    transform: translateZ(0px) scale(3);
    opacity: 0;
}
.page-navigation .node .circle {
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    border-radius: 100%;
    background: #7a593c;
    box-shadow: 0 0 0 2px #cdbbab;
}
.page-navigation .node.active .circle {
    box-shadow: 0 0 0 4px #fff;
}
.page-navigation .node .circle:before {
    position: absolute;
    top: 1px;
    left: 1px;
    display: block;
    width: 6px;
    height: 6px;
    content: '';
    transition: all .5s ease;
    opacity: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 3px #7a593c;
}
.page-navigation .node.active .circle:before {
    opacity: 1;
}
.page-navigation .node .circle:hover,
.page-navigation .node.active .circle:hover {
    -webkit-transform: translateZ(0px) scale(1.2);
    -ms-transform: translateZ(0px) scale(1.2);
    transform: translateZ(0px) scale(1.2);
}

/* Header - Navigation */

.site-navigation {
    position: relative;
}
.site-navigation ul {
    list-style: none;
    margin: 0;
    text-align: left;
    padding: 0;
}
.site-navigation li {
    position: relative;
}
.site-navigation a {
    color: rgba(255, 255, 255, .5);
}
.site-navigation a:hover {
    color: #fff;
}
.site-navigation li.current_page_item > a,
.site-navigation li.current_page_ancestor > a,
.site-navigation li.current-menu-item > a,
.site-navigation li.current-menu-ancestor > a {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

/* Primary Navigation */

.primary-navigation {
    width: 100%;
    margin-bottom: 50px;
}
.primary-navigation .nav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.primary-navigation.toggled-on .nav-menu {
    display: block;
}
.primary-navigation .nav-menu a {
    position: relative;
    text-decoration: none;
}
.primary-navigation .nav-menu .current_page_item > a,
.primary-navigation .nav-menu .current-menu-item > a,
.primary-navigation .nav-menu .current_page_ancestor > a,
.primary-navigation .nav-menu .current-menu-ancestor > a {
    color: #fff;
}
.primary-navigation .nav-menu li {
    display: block;
    white-space: nowrap; /* no need for Supersubs plugin */
    padding: 5px 0;
}
.primary-navigation .nav-menu li a {
    font-size: 11px;
    letter-spacing: .2em;
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(255, 255, 255, .5);
    text-shadow: none;
    position: relative;
    display: inline-block;
    outline: none;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
}
.primary-navigation .nav-menu li a:before {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    max-width: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    content: attr(data-hover);
    transition: max-width 0.5s;
}
.primary-navigation .nav-menu li a:hover:before {
    max-width: 100%;
}
.primary-navigation .nav-menu li a span {
    position: absolute;
    width: 2px;
    height: 2px;
    background-color: rgba(255, 255, 255, .5);
    left: -15px;
    top: 50%;
    margin-top: -2px;
}
.primary-navigation .nav-menu ul {
    margin-left: 15px;
    display: none;
}
.primary-navigation .nav-menu .current_page_item ul,
.primary-navigation .nav-menu .current-menu-item ul {
    display: block !important;
}

/* Menu Toggle */

.menu-toggle {
    text-align: center;
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 1002;
    opacity: .9;
    cursor: pointer;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: all 0.2s ease-in-out 0s;
}
.menu-toggle:hover {
    opacity: 1;
}
.admin-bar .menu-toggle {
	top: 62px;
}
.site-header-open .menu-toggle {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
}
.menu-toggle-inner {
    height: 60px;
    width: 60px;
    display: block;
    background: rgba(0, 0, 0, 1);
    border-radius: 50%;
    transition: all 0.2s ease-in-out 0s;
}
.site-header-open .menu-toggle-inner {
    margin-left: 7px;
}
.menu-toggle-inner .one,
.menu-toggle-inner .two,
.menu-toggle-inner .three {
    background: #fff;
    width: 26px;
    height: 1px;
    position: absolute;
    top: 23px;
    left: 17px;
    transition: all 0.2s ease-in-out 0s;
}
.menu-toggle-inner .two {
    margin-top: 7px;
}
.menu-toggle-inner .three {
    margin-top: 14px;
}
.close .menu-toggle-inner .one {
    -webkit-animation: layer-one 2.3333s;
    animation: layer-one 2.3333s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -ms-transform:  scale(1, 1) rotateZ(-45deg) translate(0, 10px);
    -webkit-transform:  scale(1, 1) rotateZ(-45deg) translate(0, 10px);
    transform:  scale(1, 1) rotateZ(-45deg) translate(0, 10px);
}
.close .menu-toggle-inner .two {
    -ms-transform-origin: 33px 0;
    -webkit-transform-origin: 33px 0;
    transform-origin: 33px 0;
    -webkit-animation: layer-two 2.3333s;
    animation: layer-two 2.3333s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -ms-transform: translateX(28px) scaleX(0);
    -webkit-transform: translateX(28px) scaleX(0);
    transform: translateX(28px) scaleX(0);
}
.close .menu-toggle-inner .three {
    -webkit-animation: layer-three 2.3333s;
    animation: layer-three 2.3333s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -ms-transform:  scale(1, 1) rotateZ(45deg) translate(0, -10px);
    -webkit-transform:  scale(1, 1) rotateZ(45deg) translate(0, -10px);
    transform:  scale(1, 1) rotateZ(45deg) translate(0, -10px);
}
@-webkit-keyframes layer-one {
    0% {
        -webkit-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
        -ms-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
        transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
    }
    26.5% {
        -webkit-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
        -ms-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
        transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
    }
    33% {
        -webkit-transform: scale(1, 1) rotateZ(25deg) translate(0, 0);
        -ms-transform: scale(1, 1) rotateZ(25deg) translate(0, 0);
        transform: scale(1, 1) rotateZ(25deg) translate(0, 0);
    }
    40% {
        -webkit-transform: scale(1, 1) rotateZ(-60deg) translate(0, 10px);
        -ms-transform: scale(1, 1) rotateZ(-60deg) translate(0, 10px);
        transform: scale(1, 1) rotateZ(-60deg) translate(0, 10px);
    }
    60% {
        -webkit-transform: scale(1, 1) rotateZ(-45deg) translate(0, 10px);
        -ms-transform: scale(1, 1) rotateZ(-45deg) translate(0, 10px);
        transform: scale(1, 1) rotateZ(-45deg) translate(0, 10px);
    }
    100% {
        -webkit-transform: scale(1, 1) rotateZ(-45deg) translate(0, 10px);
        -ms-transform: scale(1, 1) rotateZ(-45deg) translate(0, 10px);
        transform: scale(1, 1) rotateZ(-45deg) translate(0, 10px);
    }
}
@keyframes layer-one {
    0% {
        -webkit-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
        -ms-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
        transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
    }
    26.5% {
        -webkit-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
        -ms-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
        transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
    }
    33% {
        -webkit-transform: scale(1, 1) rotateZ(25deg) translate(0, 0);
        -ms-transform: scale(1, 1) rotateZ(25deg) translate(0, 0);
        transform: scale(1, 1) rotateZ(25deg) translate(0, 0);
    }
    40% {
        -webkit-transform: scale(1, 1) rotateZ(-60deg) translate(0, 10px);
        -ms-transform: scale(1, 1) rotateZ(-60deg) translate(0, 10px);
        transform: scale(1, 1) rotateZ(-60deg) translate(0, 10px);
    }
    100% {
        -webkit-transform: scale(1, 1) rotateZ(-45deg) translate(0, 10px);
        -ms-transform: scale(1, 1) rotateZ(-45deg) translate(0, 10px);
        transform: scale(1, 1) rotateZ(-45deg) translate(0, 10px);
    }
    100% {
        -webkit-transform: scale(1, 1) rotateZ(-45deg) translate(0, 10px);
        -ms-transform: scale(1, 1) rotateZ(-45deg) translate(0, 10px);
        transform: scale(1, 1) rotateZ(-45deg) translate(0, 10px);
    }
}
@-webkit-keyframes layer-three {
    0% {
        -webkit-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
        -ms-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
        transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
    }
    26.5% {
        -webkit-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
        -ms-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
        transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
    }
    33% {
        -webkit-transform: scale(1, 1) rotateZ(-25deg) translate(0, 0);
        -ms-transform: scale(1, 1) rotateZ(-25deg) translate(0, 0);
        transform: scale(1, 1) rotateZ(-25deg) translate(0, 0);
    }
    40% {
        -webkit-transform: scale(1, 1) rotateZ(60deg) translate(0, -10px);
        -ms-transform: scale(1, 1) rotateZ(60deg) translate(0, -10px);
        transform: scale(1, 1) rotateZ(60deg) translate(0, -10px);
    }
    60% {
        -webkit-transform: scale(1, 1) rotateZ(45deg) translate(0, -10px);
        -ms-transform: scale(1, 1) rotateZ(45deg) translate(0, -10px);
        transform: scale(1, 1) rotateZ(45deg) translate(0, -10px);
    }
    100% {
        -webkit-transform: scale(1, 1) rotateZ(45deg) translate(0, -10px);
        -ms-transform: scale(1, 1) rotateZ(45deg) translate(0, -10px);
        transform: scale(1, 1) rotateZ(45deg) translate(0, -10px);
    }
}
@keyframes layer-three {
    0% {
        -webkit-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
        -ms-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
        transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
    }
    26.5% {
        -webkit-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
        -ms-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
        transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
    }
    33% {
        -webkit-transform: scale(1, 1) rotateZ(-25deg) translate(0, 0);
        -ms-transform: scale(1, 1) rotateZ(-25deg) translate(0, 0);
        transform: scale(1, 1) rotateZ(-25deg) translate(0, 0);
    }
    40% {
        -webkit-transform: scale(1, 1) rotateZ(60deg) translate(0, -10px);
        -ms-transform: scale(1, 1) rotateZ(60deg) translate(0, -10px);
        transform: scale(1, 1) rotateZ(60deg) translate(0, -10px);
    }
    60% {
        -webkit-transform: scale(1, 1) rotateZ(45deg) translate(0, -10px);
        -ms-transform: scale(1, 1) rotateZ(45deg) translate(0, -10px);
        transform: scale(1, 1) rotateZ(45deg) translate(0, -10px);
    }
    100% {
        -webkit-transform: scale(1, 1) rotateZ(45deg) translate(0, -10px);
        -ms-transform: scale(1, 1) rotateZ(45deg) translate(0, -10px);
        transform: scale(1, 1) rotateZ(45deg) translate(0, -10px);
    }
}
@-webkit-keyframes layer-two {
    0% {
        -webkit-transform: translateX(0) scaleX(1);
        -ms-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
    }
    26.5% {
        -webkit-transform: translateX(0) scaleX(1);
        -ms-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
    }
    33% {
        -webkit-transform: translateX(-10px) scaleX(.95);
        -ms-transform: translateX(-10px) scaleX(.95);
        transform: translateX(-10px) scaleX(.95);
    }
    36.5% {
        -webkit-transform: translateX(28px) scaleX(1);
        -ms-transform: translateX(28px) scaleX(1);
        transform: translateX(28px) scaleX(1);
    }
    44% {
        -webkit-transform: translateX(28px) scaleX(0);
        -ms-transform: translateX(28px) scaleX(0);
        transform: translateX(28px) scaleX(0);
    }
    100% {
        -webkit-transform: translateX(28px) scaleX(0);
        -ms-transform: translateX(28px) scaleX(0);
        transform: translateX(28px) scaleX(0);
    }
}
@keyframes layer-two {
    0% {
        -webkit-transform: translateX(0) scaleX(1);
        -ms-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
    }
    26.5% {
        -webkit-transform: translateX(0) scaleX(1);
        -ms-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
    }
    33% {
        -webkit-transform: translateX(-10px) scaleX(.95);
        -ms-transform: translateX(-10px) scaleX(.95);
        transform: translateX(-10px) scaleX(.95);
    }
    36.5% {
        -webkit-transform: translateX(28px) scaleX(1);
        -ms-transform: translateX(28px) scaleX(1);
        transform: translateX(28px) scaleX(1);
    }
    44% {
        -webkit-transform: translateX(28px) scaleX(0);
        -ms-transform: translateX(28px) scaleX(0);
        transform: translateX(28px) scaleX(0);
    }
    100% {
        -webkit-transform: translateX(28px) scaleX(0);
        -ms-transform: translateX(28px) scaleX(0);
        transform: translateX(28px) scaleX(0);
    }
}



/**
 * Content
 * -----------------------------------------------------------------------------
 */

/* Entry Content */

.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.pingback .comment-body > a {
/*    border-bottom: 1px solid rgba(0, 0, 0, .3);*/
}
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.pingback .comment-body > a:hover {
/*    border-bottom: 1px solid transparent;*/
}

/* Content - Gravity Portfolio Grid */

.gravity-grid article {
    position: relative;
    overflow: hidden;
    margin-bottom: 6px;
}
.gravity-grid article.type-page {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.gravity-grid article .entry-thumbnail {
    width: 100%;
    height: 100%;
    transition: all .5s ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.gravity-grid article.type-page .entry-thumbnail {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}
.gravity-grid .postsformat-vertical article .entry-thumbnail {
    height: auto;
}
article.type-post:hover .entry-thumbnail {
    transition: all 5s linear;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
.gravity-grid article.type-page .post-entry {
    padding: 0 10%;
    width: 100%;
}
.gravity-grid article.type-page .entry-title {
    font-size: 29px;
    font-weight: 600;
}
.gravity-grid article.type-page .post-entry .entry-content p:last-child {
    margin-bottom: 0;
}
article > .expand {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 29px;
    height: 29px;
    opacity: .4;
    border: 0;
    border-radius: 50%;
    background: #fff;
}
article > .expand:hover {
    border: 0;
}
.grid-hover-1 article > .expand {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 0 0 0 #fff;
}
.grid-hover-2 article .expand {
    top: 30px;
    right: 30px;
    opacity: 0;
    background-color: transparent;
}
.grid-hover-2 article:hover > .expand {
    opacity: 1;
}
article > .expand:before,
article > .expand:after {
    position: absolute;
    top: 7px;
    left: 14px;
    display: block;
    width: 1px;
    height: 15px;
    content: '';
    transition: all .5s ease;
    background: rgba(0, 0, 0, .3);
}
.grid-hover-2 article > .expand:hover:before,
.grid-hover-2 article > .expand:hover:after {
    background: rgba(0, 0, 0, 1);
}
article > .expand:after {
    top: 14px;
    left: 7px;
    width: 15px;
    height: 1px;
}
.grid-hover-1 article > .expand:hover {
    box-shadow: 0 1px 3px #fff, 0 0 0 2px #fff;
}
article > .expand:hover:before,
article > .expand:hover:after {
}
article:hover > .expand {
    opacity: 1;
}
.gravity-grid article.type-post {
    background: #f8f8f8;
}
.gravity-grid article.type-post .entry-thumbnail {
}

.gravity-grid article.type-post .entry-thumbnail,
.gravity-grid article.type-post .post-entry {
    float: left;
    width: 50%;
}
.gravity-grid article.type-post.post-rtl .entry-thumbnail,
.gravity-grid article.type-post.post-rtl .post-entry {
    float: right;
}
.gravity-grid article.type-post.post-ttb .entry-thumbnail,
.gravity-grid article.type-post.post-ttb .post-entry,
.gravity-grid .postsformat-vertical article.type-post .entry-thumbnail,
.gravity-grid .postsformat-vertical article.type-post .post-entry {
    float: none;
    width: 100%;
}
.gravity-grid article.type-post .post-entry {
    position: relative;
    height: 100%;
    padding: 6%;
    background: #f8f8f8;
}
.gravity-grid article.type-post.post-ttb .post-entry,
.gravity-grid .postsformat-vertical article.type-post .post-entry {
    padding: 12% 12% 8%;
}
.gravity-grid article.type-post .entry-header h2 {
    font-size: 24px !important;
    font-weight: 600;
}
.gravity-grid article.type-post .entry-content {
    font-size: 15px;
    line-height: 1.5em;
}
.gravity-grid article.type-post .entry-meta {
    font-size: 13px;
    line-height: 31px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px 13% 20px 16%;
    background: #f8f8f8;
}
.gravity-grid article.type-post.post-ttb .post-entry .entry-meta,
.gravity-grid .postsformat-vertical article.type-post .post-entry .entry-meta {
    position: relative;
    padding: 50px 0 0;
}
.gravity-grid article.type-post .entry-meta:before {
    position: absolute;
    top: -70px;
    left: 0;
    display: block;
    width: 100%;
    height: 70px;
    content: '';
    background: rgba(255,255,255,0);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(248,248,248,1)));
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(248,248,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0);
    pointer-events: none;
}
.gravity-grid article.type-post.post-ttb .post-entry .entry-meta:before,
.gravity-grid .postsformat-vertical article.type-post .post-entry .entry-meta:before {
    display: none;
}
.gravity-grid article.type-post .entry-meta span:before {
    color: rgba(0, 0, 0, .3);
}
.gravity-grid article.type-post .post-entry:after {
    position: absolute;
    top: 50px;
    left: -13px;
    width: 26px;
    height: 26px;
    content: '';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #f8f8f8;
}
.gravity-grid article.type-post.post-rtl .post-entry:after {
    right: -13px;
    left: auto;
}
.gravity-grid .postsformat-vertical article.type-post .post-entry:after {
    top: auto;
    bottom: -13px;
    left: 50px;
}
.gravity-grid article.type-post .entry-meta .comments-link {
    margin: 0;
}
.gravity-grid article.type-post .entry-meta .comments-link a {
    line-height: inherit;
    min-width: 30px;
    height: 30px;
}

/* Load More */

.grid-load-more,
.grid-loader {
    margin: 60px auto 70px;
}
.grid-loader {
    display: none;
}
.grid-loader div {
    width: 39px;
    height: 39px;
    margin: auto;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border: 2px solid rgba(31, 31, 31, .3);
    border-top-color: #333;
    border-radius: 50%;
}

/* Content - Portfolio Single */

.single-project .post-entry {
    padding-left: 0;
    padding-right: 0;
}
#primary > article > .entry-header {
    margin-bottom: 0px;
}
#primary > article > .entry-header .wpb_gallery {
    margin-bottom: 0 !important;
}
#primary > article > .entry-header > .entry-header-inner,
#primary > article > .entry-header > .entry-title {
    position: absolute;
    left: 6%;
    bottom: 17%;
    background: rgba(157, 131, 102, 1) !important;
    padding: 20px 40px !important;
    z-index: 1;
    max-width: 60%;
}
.single-format-standard #primary > article > .entry-header,
#primary > article.has-no-image > .entry-header {
	background: rgba(157, 131, 102, 1) !important;
}
.single-format-standard #primary > article > .entry-header > .entry-title,
#primary > article.has-no-image > .entry-header > .entry-header-inner {
	position: relative;
	background: transparent !important;
	text-align: center;
    left: auto;
    bottom: auto;
    max-width: 100%;
    padding: 
}
#primary > article > .entry-header > .entry-header-inner > .entry-title,
#primary > article > .entry-header > .entry-title {
    font-size: 40px;
    color: #fff;
    margin: 0;
}

/* Content - Filter */

.grid-filter {
    position: relative;
    margin: 6px 0;
    padding: 30px 0;
    text-align: center;
    background: #f8f8f8;
}
.grid-filter ul {
    margin: 0;
    list-style: none;
}
.grid-filter ul li {
    display: inline-block;
}
.grid-filter a {
    display: block;
    padding: 0;
    color: rgba(31, 31, 31, .5);
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: normal;
    margin: 0 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
}
.grid-filter a:hover,
.grid-filter .current {
    color: #333;
    border-bottom-color: rgba(31, 31, 31, .3);
}

/* Content - Infinite Scroll */

#infscr-loading {
    position: absolute;
    right: 15px;
    bottom: 30px;
    left: 15px;
    z-index: 9999;
    overflow: auto;
    margin: 0 auto;
    margin: auto;
    padding: 20px;
    width: auto;
    height: 80px;
    background-color: rgba(31, 31, 31, 0.8);
    text-align: center;
}
#infscr-loading .infscr-inner {
    display: inline-block;
}
#infscr-loading .spinner {
    display: inline-block;
    float: left;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-top-color: #ffcc00;
    border-radius: 50%;
    font-size: 40px;
    line-height: 40px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
#infscr-loading .spinner + div {
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    line-height: 40px;
}

/* Content - Post Thumbnail */

.entry-thumbnail {
    position: relative;
}
.entry-thumbnail img {
    margin: 0 auto;
    width: 100%;
}
.post .icon-box .icon {
    margin: 0;
    width: 54px;
    height: 54px;
    line-height: 54px;
    color: #222;
}
.post .post-format + .entry-header,
.post .post-format + .entry-header + .entry-content {
    margin-left: 80px;
}
.post .post-format + .entry-header > .entry-meta {
    margin-top: 15px;
}
.post .post-format {
    display: block;
    top: 34px;
    left: 38px;
    position: absolute;
}
.single-post .post-entry {
    position: relative;
}
.single-post .post-entry {
}

/* Content - Entry Header */

.entry-header {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
    position: relative;
}
.single-post #primary > article > .post-entry > .entry-header {
    padding-bottom: 60px;
}
.single-project #primary > article > .post-entry > .entry-header {
    padding-bottom: 40px;
}
.post-title {
    overflow: hidden;
}
.entry-title {
    margin: 0 0 12px 0;
    text-transform: uppercase;
    font-size: 36px;
    overflow: hidden;
}
.gravity-blog-grid .entry-title,
.gravity-team-grid .entry-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
    letter-spacing: 2px;
}
.entry-title a {
    color: #333;
    overflow: hidden;
    position: relative;
    border: 0;
}
.entry-title a:hover {
    border: 0;
}
.entry-title a:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #333;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}
.entry-title a:before,
.entry-title a:after {
    content: "";
    position: absolute;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
}
.entry-title a:hover:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

/* Content - Entry Meta */

.entry-meta {
    font-size: 15px;
}
.entry-meta,
.entry-meta a {
    color: rgba(51, 51, 51, .3);
    white-space: nowrap;
    border: 0;
}
.entry-meta a:hover {
    color: #333;
    border: 0;
}
.single-post #primary > article .entry-meta {
    margin-bottom: 40px;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.entry-meta span.author {
    margin-right: 5px;
}
.post footer.entry-meta {
    margin: 0;
    padding: 0;
}

/* Tag links style */

.entry-meta .tag-links a {
    position: relative;
    display: inline-block;
    margin: 2px 4px 2px 0;
    padding: 2px 7px 4px;
    border: 1px dotted #ccc;
    border-radius: 2px;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 11px;
}
.entry-meta .tag-links a:hover {
    color: #fff;
    border-color: transparent;
    background-color: #ffcc00;
}

/* Entry Meta - Comments Link */

.entry-meta .comments-link {
    float: right;
    margin: -9px 0 0;
}
.gravity-blog-grid .entry-meta .comments-link {
    margin-top: -4px
}
.entry-meta .comments-link a {
    min-width: 40px;
    height: 40px;
    background: rgba(31, 31, 31, .1);
    display: block;
    border-radius: 2em;
    line-height: 42px;
    text-align: center;
    padding: 0 10px;
}
.gravity-blog-grid .entry-meta .comments-link a {
    min-width: 30px;
    height: 30px;
    line-height: 31px;
    padding: 0 5px;
}
.entry-meta .comments-link a:hover {
    background: #333;
    color: #fff;
}

/* Entry Meta - Blog Grid */

.gravity-blog-grid .post {
    background-color: #f8f8f8;
}
.gravity-blog-grid .entry-thumbnail {
    margin: 0;
    width: 50%;
    float: left;
}
.gravity-blog-grid .post-entry {
    padding: 40px 40px 30px;
    width: 50%;
    float: left;
}
.gravity-blog-grid .entry-thumbnail:before {
    width: 26px;
    height: 26px;
    background-color: #f8f8f8;
    content: "";
    position: absolute;
    right: -13px;
    top: 50px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.gravity-blog-grid .entry-content {
    font-size: 15px;
    line-height: 22px;
}
.gravity-blog-grid .entry-meta {
    font-size: 13px;
}
.gravity-blog-grid.post-right-left .entry-thumbnail:before {
    right: auto;
    left: -13px;
}
.gravity-blog-grid.post-right-left .entry-thumbnail,
.gravity-blog-grid.post-right-left .post-entry {
    float: right;
}
.gravity-blog-grid .entry-thumbnail + .post-entry {
    border-top: 0;
}

/* Entry Meta - Team Grid */

.gravity-team-grid .entry-thumbnail {
    margin: 0;
}
.gravity-team-grid .post-entry {
    border: 1px solid #e5e5e5;
    padding: 30px 30px 10px;
    border-top: 0;
}
.gravity-team-grid .team-social-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 204, 0, 0.9);
}
.gravity-team-grid .team-social {
    font-size: 18px;
    line-height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 90%;
    margin: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
}
.gravity-team-grid .team-social a {
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    transition: all .5s ease;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
}

/* Content - Mediaelements */

.gravity-section-background .mejs-controls,
.gravity-section-background .mejs-layers,
.gravity-section-background .me-cannotplay {
    display: none !important;
}
.mejs-container, .mejs-embed, .mejs-embed body {
    background: #000 !important;
}
.mejs-mediaelement {
    background: transparent !important;
}
.mejs-container .mejs-controls {
    background: rgba(31, 31, 31, 0.8) !important;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #fff !important;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #ffcc00 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: rgba(255,255,255,.33) !important;
}
.mejs-container .mejs-controls .mejs-time {
    padding-top: 9px !important;
}
.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    border-radius: 0 !important;
}
.mejs-controls .mejs-button button:focus {
    outline: solid 1px #ffcc00 !important;
}
.mejs-overlay-loading {
    background: transparent !important;
}
.hentry .mejs-audio {
}
.mejs-overlay-button {
    background-image: url(img/bigplay.svg) !important;
}
.mejs-controls .mejs-button button {
    background-image: url(img/controls.svg) !important;
}

/* Gallery */

.gallery {
    margin-bottom: 20px;
}
.gallery-item {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 4px 4px 0;
}
.gallery-columns-1 .gallery-item {
    max-width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 48%;
    max-width: -webkit-calc(50% - 4px);
    max-width:         calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
    max-width: 32%;
    max-width: -webkit-calc(33.3% - 4px);
    max-width:         calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: -webkit-calc(25% - 4px);
    max-width:         calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: -webkit-calc(20% - 4px);
    max-width:         calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: -webkit-calc(16.7% - 4px);
    max-width:         calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: -webkit-calc(14.28% - 4px);
    max-width:         calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: -webkit-calc(12.5% - 4px);
    max-width:         calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: -webkit-calc(11.1% - 4px);
    max-width:         calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0;
}
.gallery-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    margin: 0;
    padding: 6px 8px;
    max-height: 50%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: left;
    font-size: 12px;
    opacity: 0;
}
.gallery-caption:before {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 49px;
    width: 100%;
    height: 100%;
    content: "";
}
.gallery-item:hover .gallery-caption {
    opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

/* Content - Entry Footer */

.entry-footer {
    margin-top: 40px;
    position: relative;
}

/* Content - Related Articles */

.related-articles > h3 {
    margin-bottom: 60px;
    text-align: center;
}

/* Content - Post/Image/Paging Navigation */

.navigation .disabled {
    opacity: .4;
}
.nav-links {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -ms-hyphens: auto;
}
.image-navigation {
    max-width: 474px;
    margin: 24px auto 48px;
    padding: 0 10px;
}
.image-navigation .previous-image,
.image-navigation .next-image {
    width: 100%;
    padding: 11px 0 12px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.image-navigation a {
    font-size: 14px;
    font-weight: 700;
    display: block;
    text-transform: none;
}
.image-navigation a:hover {
    color: #41a62a;
}
.post-navigation {
    position: relative;
    margin: 20px 0 80px;
}
.search-results .post-navigation,
.archive .post-navigation {
    margin-top: 70px;
}
.post-navigation .loop-pagination {
    position: relative;
    min-height: 2.3em;
    text-align: center;
}
.post-navigation .loop-pagination:before {
    position: absolute;
    top: 19px;
    display: block;
    width: 100%;
    height: 2px;
    content: '';
    background: #f8f8f8;
}
.post-navigation .page-numbers {
    font-size: 11px;
    font-weight: bold;
    line-height: 2.3em;
    position: relative;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    padding: 5px 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-style: solid;
    border-color: #666;
    border-radius: 2em;
}
a.page-numbers {
	background: #fff;
}
a.page-numbers:hover {
	background: #333;
	color: #fff; 
}
.post-navigation .prev,
.post-navigation .next {
    left: -25px;
    float: left;
    overflow: hidden;
    width: 60px;
    padding: 5px 0;
    white-space: nowrap;
    text-indent: 9999px;
}
.post-navigation .next {
    right: -25px;
    left: auto;
    float: right;
}
.post-navigation .prev:before,
.post-navigation .next:before {
    position: absolute;
    top: 9pt;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
}
.post-navigation .prev:before {
    right: 13px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-top: 2px solid #333;
    border-left: 2px solid #333;
}
.post-navigation .next:before {
    left: 13px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #333;
    border-right: 2px solid #333;
}
.post-navigation a.prev:hover:before,
.post-navigation a.next:hover:before {
    border-color: #fff;
}
.post-navigation a {
    position: relative;
    background: #fff;
}
.post-navigation .page-numbers.current {
    color: #333;
    border-color: transparent;
    background: #f2f2f2;
}
.post-navigation span.page-numbers {
    pointer-events: none;
    border-color: #f2f2f2;
    background: #f2f2f2;
}

/* Content - Attachments */

.attachment .content-sidebar,
.attachment .post-thumbnail {
    display: none;
}
.attachment .entry-content {
    padding-top: 0;
}
.attachment footer.entry-meta {
    text-transform: none;
}
.entry-attachment .attachment {
    margin-bottom: 20px;
}

/* Content - Archives */

.archive-header,
.page-header {
    margin: 20px auto;
    max-width: 474px;
}
.taxonomy-description,
.author-description {
    padding-top: 18px;
    color: #767676;
    font-size: 14px;
}
.taxonomy-description p,
.author-description p {
    margin-bottom: 18px;
}
.taxonomy-description p:last-child,
.author-description p:last-child {
    margin-bottom: 0;
}
.taxonomy-description a,
.author-description a {
    text-decoration: underline;
}
.taxonomy-description a:hover,
.author-description a:hover {
    text-decoration: none;
}

/* ontent - Contributor Page */

.contributor {
    box-sizing: border-box;
    padding: 48px 10px;
    border-bottom: 1px solid rgba(31, 31, 31, .1);
}
.contributor:first-of-type {
    padding-top: 24px;
}
.contributor-info {
    max-width: 474px;
    margin: 0 auto;
}
.contributor-avatar {
    float: left;
    margin: 0 30px 20px 0;
    padding: 2px;
    border: 1px solid rgba(31, 31, 31, .1);
}
.contributor-name {
    font-size: 16px;
    font-weight: 900;
    margin: 0;
}
.contributor-bio a {
    text-decoration: underline;
}
.contributor-bio a:hover {
    text-decoration: none;
}
.contributor-posts-link {
    display: inline-block;
    padding: 10px 30px;
}
.contributor-posts-link:before {
    content: '\f443';
}

/* Content - 404 Page and Search Page */

.error404 .page-404,
.page-search-no-results {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    min-height: 500px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
            flex-direction: column;
    max-width: 70%;
    margin: 0 auto;
}
.error404 .site-background,
.page-search-no-results .site-background {
	 background: #f8f8f8;
}
.error404 .page-404 h1,
.page-search-no-results h1 {
	margin-bottom: 10px;
    font-weight: 300;
    font-size: 60px;
}
.error404 .page-404 h2,
.page-search-no-results h2 {
	margin-top: 0;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 50px;
}
.search-for {
    margin: 0 auto;
    text-align: center;
    background: #333;
    padding: 50px 20%;
    color: #fff;
}



/* Content - Tags & Share Links */

.tag-links span,
.tag-links a {
    font-size: 13px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 3px 15px;
    color: rgba(0, 0, 0, .4);
    border-radius: 2em;
    background-color: rgba(0, 0, 0, .1);
}
.share-links {
    font-size: 10px;
    position: relative;
    float: right;
    white-space: nowrap;
}
.share-links > span,
.share-links a {
    font-family: FontAwesome;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 5px;
    cursor: pointer;
    text-align: center;
    color: rgba(0, 0, 0, .4);
    border-radius: 50%;
    background: rgba(0, 0, 0, .1);
}
.share-links > span:hover,
.share-links a:hover {
    color: #fff;
    background: #333;
}
.share-links > span {
    float: right;
    transition: all .5s ease;
}
.share-links > span:before {
    line-height: 40px;
    content: '\f1e0';
}
.share-links div {
    position: absolute;
    top: 0;
    right: 45px;
    height: 40px;
}
.share-links a {
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    vertical-align: middle;
    opacity: 0;
    color: #fff;
}
.share-links a:before {
    line-height: 40px;
}
.share-links:hover a {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}
.share-links a:nth-child(4) {
    transition-delay: .12s;
}
.share-links a:nth-child(3) {
    transition-delay: .08s;
}
.share-links a:nth-child(2) {
    transition-delay: .04s;
}
.share-links a:nth-child(1) {
    transition-delay: 0s;
}
.share-links:hover a:nth-child(4) {
    transition-delay: 0s;
}
.share-links:hover a:nth-child(3) {
    transition-delay: .04s;
}
.share-links:hover a:nth-child(2) {
    transition-delay: .08s;
}
.share-links:hover a:nth-child(1) {
    transition-delay: .12s;
}
.share-links-facebook:before {
    content: '\f09a';
}
.share-links .share-links-facebook {
    background: #3c599b;
}
.share-links-twitter:before {
    content: '\f099';
}
.share-links .share-links-twitter {
    background: #55acee;
}
.share-links-googleplus:before {
    content: '\f0d5';
}
.share-links .share-links-googleplus {
    background: #de4d38;
}
.share-links-pinterest:before {
    content: '\f0d2';
}
.share-links .share-links-pinterest {
    background: #ce2020;
}
.share-links a span {
    font-size: 11px;
    line-height: 20px;
    display: block;
    color: rgba(0, 0, 0, .4);
}

/* Content - Breadcrumb */

.breadcrumb {
    padding: 0;
    margin: 0 0 15px;
    list-style: none;
}
.breadcrumb li {
    font-size: 15px;
    display: inline-block;
    margin-right: 12px;
    letter-spacing: .2em;
    text-transform: uppercase;
}
.entry-header .breadcrumb li {
    color: rgba(255, 255, 255, .6);
}
.entry-header .breadcrumb li a {
    color: #fff;
}
.entry-header .breadcrumb li a {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(255, 255, 255, .15);
}
.entry-header .breadcrumb li a:hover {
    color: #fff;
    border-bottom-color: #fff;
}
.entry-header .breadcrumb li:after {
    margin-left: 15px;
    content: '/';
}

/* Content - Comments */

.entry-comments {
    margin-bottom: 6px;
    padding: 85px 0 50px;
    background: #f8f8f8;
}
.comments-area {
    font-size: 15px;
}
.comments-title {
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 50px;
    text-align: center;
}
.comment-list {
    max-width: 800px;
    margin: 0 0 10px 0;
    margin-right: auto;
    margin-left: auto;
    list-style: none;
    padding: 0;
}
.comment-metadata {
    font-style: italic;
    margin-top: 0;
    margin-bottom: 10px;
}
.comment-list .reply {
}
.comment-list .reply a {
    font-style: italic;
    color: rgba(31, 31, 31, .3);
}
.comment-author .fn {
    font-weight: bold;
}
.comment-author a {
    color: #2b2b2b;
}
.comment-metadata a {
    color: rgba(31, 31, 31, .3);
}
.comment-list .trackback a,
.comment-list .pingback a {
}
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover,
.comment-list .reply a:hover {
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    margin-bottom: 10px;
    padding: 45px 40px 25px;
    background-color: #fff;
}
.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
    border-top: 0;
}
.comment-author {
    position: relative;
}
.comment-author .avatar {
    position: absolute;
    top: -14px;
    left: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
.bypostauthor > article .fn:before {
}
.says {
    display: none;
}
.comment-author,
.comment-awaiting-moderation,
.comment-metadata {
    padding-left: 85px;
}
.comment-edit-link:before {
    margin: 0 8px 0 3px;
    content: '\00B7\00B7\00B7';
}
.comment-content {
    margin-top: 25px;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -ms-hyphens: auto;
}
.comment-content ul,
.comment-content ol {
    margin: 0 0 24px 22px;
}
.comment-content li > ul,
.comment-content li > ol {
    margin-bottom: 0;
}
.comment-content > :last-child {
    margin-bottom: 0;
}
.comment-list .children {
    margin: 0 0 0 40px;
    list-style: none;
    padding: 0;
}
.comment-respond {
    margin-right: auto;
    margin-left: auto;
    padding: 40px;
    background: #f0f0f0;
}
.comment .comment-respond {
    margin-bottom: 10px;
}
.comment-respond h3 {
    font-size: 18px;
    margin-bottom: 30px;
    text-align: center;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
    color: #767676;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
}
.no-comments {
    font-weight: 900;
    margin-top: 24px;
    text-transform: uppercase;
}
.comment-form label {
    display: block;
}
.comment-form input[type='text'],
.comment-form input[type='email'],
.comment-form input[type='url'] {
    width: 100%;
}
.form-allowed-tags,
.form-allowed-tags code {
}
.required {
    color: #c0392b;
}
.comment-reply-title small a {
    font-size: 11px;
    float: right;
    text-align: left;
    color: #aaa;
}
.comment-reply-title small a:hover {
    color: #fc0;
}
.comment-navigation {
    font-size: 12px;
    line-height: 2;
    margin-bottom: 48px;
    text-transform: uppercase;
}
.comment-navigation .nav-next,
.comment-navigation .nav-previous {
    display: inline-block;
}
.comment-navigation .nav-previous a {
    margin-right: 10px;
}
#comment-nav-above {
    margin-top: 36px;
    margin-bottom: 0;
}
.comment-form-author,
.comment-form-email {
    float: left;
    width: 50%;
}
.comment-form-author {
    padding-right: 5px;
}
.comment-form-email {
    padding-left: 5px;
}



/**
 * Widgets
 * -----------------------------------------------------------------------------
 */

.widget {
    font-size: 13px;
    width: 100%;
    margin-bottom: 50px;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    color: rgba(255, 255, 255, .5);
    -ms-hyphens: auto;
    -ms-hyphens: auto;
}
.primary-sidebar .widget a,
.footer-sidebar .widget a {
    color: rgba(255, 255, 255, .7);
}
.primary-sidebar .widget a:hover,
.footer-sidebar .widget a:hover {
    color: #fff;
}
.widget h1,
.widget h2,
.widget h3,
.widget h4,
.widget h5,
.widget h6 {
    font-weight: 600;
    margin: 0 0 12px;
    color: rgba(255, 255, 255, .3);
}
.widget h1 {
    font-size: 24px;
}
.widget h2 {
    font-size: 18px;
    line-height: 1.2;
}
.widget h3 {
    font-size: 14px;
}
.widget h4 {
    font-size: 12px;
}
.widget h5 {
    font-size: 11px;
}
.widget h6 {
    font-size: 10px;
}
.widget address {
    margin-bottom: 18px;
}
.widget abbr[title] {
    border-color: rgba(255, 255, 255, .7);
}
.widget mark,
.widget ins {
    color: #000;
}
.widget pre,
.widget fieldset {
    border-color: rgba(255, 255, 255, .2);
}
.widget code,
.widget kbd,
.widget tt,
.widget var,
.widget samp,
.widget pre {
    font-size: 12px;
}
.widget blockquote {
    font-size: 16px;
    margin-bottom: 18px;
    color: rgba(255, 255, 255, .7);
}
.widget blockquote cite {
    font-size: 14px;
    color: #fff;
}
.widget dl,
.widget dd {
    margin-bottom: 18px;
}
.widget ul,
.widget ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget li > ol > li > a,
.widget li > ul > li > a {
    padding-left: 17px;
}
.widget li > ol > li > ul > li > a,
.widget li > ul > li > ul > li > a {
    padding-left: 34px;
}
.widget li > ol > li > ul > li > ul > li > a,
.widget li > ul > li > ul > li > ul > li > a {
    padding-left: 51px;
}
.widget table,
.widget th,
.widget td {
    border: 0;
}
.widget table {
    margin-bottom: 18px;
}
.widget hr {
    background-color: rgba(255, 255, 255, .2);
}
.widget p {
    margin-bottom: 18px;
}
.widget input,
.widget textarea {
    width: 100%;
    padding: 7px 15px;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .3);
    border-radius: 2em;
    background: transparent;
    font-size: 13px;
    color: rgba(255, 255, 255, .3);
}
.widget select {
    font-size: 13px;
}
.widget input:focus,
.widget textarea:focus {
    color: #fff;
    border-color: #fff;
}
.widget .wp-caption {
    margin-bottom: 18px;
    color: rgba(255, 255, 255, .7);
}
.widget .widget-title {
    font-size: 14px;
    margin: 0 0 24px 0;
}
.widget .current-cat a {
    color: #fff;
}
.primary-sidebar .widget-title,
.primary-sidebar .widget-title a {
    color: #222;
}
.primary-sidebar .widget-title a:hover {
    color: #fc0;
}
.footer-sidebar .widget-title,
.footer-sidebar .widget-title a {
    color: #fff;
}
.footer-sidebar .widget-title a:hover {
    color: #fc0;
}

/* Calendar Widget */

.widget_calendar table {
    margin: 0;
}
.widget_calendar caption {
    font-weight: 700;
    margin-bottom: 18px;
    text-align: left;
    text-transform: uppercase;
}
.widget_calendar thead th {
    background-color: rgba(255, 255, 255, .1);
}
.widget_calendar tbody td,
.widget_calendar thead th {
    text-align: center;
}
.widget_calendar tbody #today {
    background: rgba(255, 255, 255, .05);
}
.widget_calendar tbody a {
    display: block;
    color: #fff;
    background-color: #24890d;
}
.widget_calendar tbody a:hover {
    background-color: #41a62a;
}
.widget_calendar tbody a:hover {
    color: #fff;
}
.widget_calendar #prev {
    padding-left: 5px;
}
.widget_calendar #next {
    padding-right: 5px;
    text-align: right;
}

/* List Style Widgets */

.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li a,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li,
.widget_rss li {
    display: block;
    padding: 8px 0;
}
.primary-sidebar .widget li,
.footer-sidebar .widget li {
    border-top: 1px solid rgba(255, 255, 255, .1);
}
.primary-sidebar .widget li:first-child {
    border-top: 0;
}
.footer-sidebar .widget li {
    color: rgba(255, 255, 255, .3);
}
.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_nav_menu .menu > li:first-child,
.widget_pages li:first-child,
.widget_recent_comments li:first-child,
.widget_recent_entries li:first-child,
.widget_rss li:first-child {
    border-top: 0;
}
.widget_categories li li:last-child,
.widget_nav_menu li li:last-child,
.widget_pages li li:last-child {
    padding-bottom: 0;
}

/* Recent Posts Widget */

.widget_recent_entries .post-date {
    display: block;
}

/* RSS Widget */

.rsswidget img {
    margin-top: -4px;
}
.rssSummary {
    margin: 9px 0;
}
.rss-date {
    display: block;
}
.widget_rss li:last-child {
    margin-bottom: 0;
}

/* Text Widget */

.widget_text > div > :last-child {
    margin-bottom: 0;
}

/* Gravity Menu Widget */

.widget.widget_gravity_navmenu li {
    display: inline-block;
    border: 0;
}
.widget.widget_gravity_navmenu .alignleft li {
    margin-right: 15px;
}
.widget.widget_gravity_navmenu .alignright li {
    margin-left: 15px;
}
.widget.widget_gravity_navmenu .aligncenter li {
    margin: 0 7px;
}
.widget_gravity_logo img {
    margin-top: 0;
    margin-bottom: 0;
}



/**
 * Footer
 * -----------------------------------------------------------------------------
 */

.site-footer {
    position: relative;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    color: #888;
    z-index: 99;
    background-color: #222;
}
.site-footer a {
    color: #ccc;
}
.site-footer a:hover {
    color: #fc0;
}
.footer-sidebar {
    position: relative;
    padding: 50px 50px 0;
}



/**
 * Shortcodes
 * -----------------------------------------------------------------------------
 */

/* Shortcodes - Buttons / More Link */

button,
.contributor-posts-link,
input[type='button'],
input[type='reset'],
input[type='submit'],
.btn,
.button,
.vc_btn3 {
    font-size: 11px;
    font-weight: bold;
    line-height: 2.3em;
    position: relative;
    display: inline-block;
    padding: 5px 30px;
    transition: all .5s ease;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-style: solid;
}
.vc_btn3.vc_btn3-size-sm {
    font-size: 11px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    padding: 5px 30px !important;
    line-height: 25px !important;
}

/* Shortcodes - Gravity Section */

.gravity-section {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.gravity-section-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.gravity-section-content {
    position: relative;
    z-index: 999;
}
.background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.vc_column_container > .vc_column-inner {
    position: relative;
    overflow: hidden;
}
.gravity-section-hover {
    font-size: 13px;
    line-height: 1.5;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    padding: 22% 18%;
    transition: opacity .5s, visibility 0s .5s;
    opacity: 0;
    color: rgba(255, 255, 255, .7);
}
.vc_column-inner:hover > .gravity-section-hover {
    visibility: visible;
    transition: opacity .4s;
    opacity: 1;
}
.gravity-section-hover h1,
.gravity-section-hover h2,
.gravity-section-hover h3,
.gravity-section-hover h4,
.gravity-section-hover h5,
.gravity-section-hover h6 {
    color: #fff;
}
.gravity-header .gravity-section-content {
    padding: 400px 100px 200px;
}
.gravity-header h2 {
    font-size: 48px;
    font-weight: 600;
    margin: 0;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

/* Shortcodes - Icon Box */

.gravity-iconbox .vc_icon_element {
    margin-bottom: 23px;
}
.gravity-iconbox h4 {
    margin-bottom: 12px;
}
.gravity-iconbox .wpb_content_element {
    font-size: 15px;
}
.gravity-iconbox .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg.vc_icon_element-have-style-inner {
    width: 80px !important;
    height: 80px !important;
}
.gravity-iconbox .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg .vc_icon_element-icon {
    font-size: 28px !important;
}

/* Shortcodes - Count Up */

.gr-countup .countup-line {
    width: 100%;
    height: 1px;
    margin-bottom: 40px;
    background: rgba(0, 0, 0, .1);
}
.gr-countup .countup-digit {
    font-size: 72px;
    font-weight: 300;
    line-height: 72px;
}
.gr-countup .countup-digit span {
    font-size: 29px;
}
.gr-countup .countup-content {
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
}



/**
 * Plug-ins
 * -----------------------------------------------------------------------------
 */

/* Plug-ins - FlexSlider */

.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;
    cursor: none !important;
}
.flexslider {
    margin: 0;
    padding: 0;
    cursor: none !important;
}
.flexslider .slides > li {
    display: none;
    cursor: none !important;
}
.flexslider .slides img {
    display: block;
    width: 100%;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
.slides:after {
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '\0020';
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}

/* FlexSlider Default Theme */

.flexslider {
    position: relative;
    zoom: 1;
    margin: 0;
}
.flex-viewport {
    max-height: 2000px;
}
.loading .flex-viewport {
    max-height: 300px;
}
.flexslider .slides {
    zoom: 1;
}
.carousel li {
    margin-right: 5px;
}

/* Direction Nav */

.flex-direction-nav {
    display: none;
    *height: 0;
}
.flex-direction-nav .flex-disabled {
    cursor: default;
    opacity: 0!important;
    filter: alpha(opacity=0);
}

/* Pause/Play */

.flex-pauseplay a {
    position: absolute;
    z-index: 10;
    bottom: 5px;
    left: 10px;
    display: block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    cursor: pointer;
    opacity: .8;
    color: #fff;
}

/* Control Nav */

.flex-control-nav {
    position: absolute;
    top: auto !important;
    bottom: 0 !important;
    width: 100%;
    text-align: center;
}
.flex-control-nav li {
    display: inline-block;
    zoom: 1;
}
.flex-control-paging li a {
    position: relative;
    display: block;
    width: 43px;
    height: 82px;
    cursor: pointer;
    text-indent: -9999px;
    border: 0 !important;
}
.flex-control-paging li a:before {
    position: absolute;
    top: 40px;
    left: 5px;
    display: block;
    width: 33px;
    height: 2px;
    content: '';
    transition: all .5s ease;
    background: rgba(255,255,255,.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}
.flex-control-paging li a:hover:before {
    background: #fff;
}
.flex-control-paging li a.flex-active:before {
    cursor: default;
    background: #fff;
}
.flex-control-thumbs {
    position: static;
    overflow: hidden;
    margin: 5px 0 0;
}
.flex-control-thumbs li {
    float: left;
    width: 25%;
    margin: 0;
}
.flex-control-thumbs img {
    display: block;
    width: 100%;
    cursor: pointer;
    opacity: .7;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .flex-active {
    cursor: default;
    opacity: 1;
}

/* Plug-ins - Slider Revolution */

.tp-bullets.custom .tp-bullet {
    float: left;
    width: 43px;
    height: 62px;
    cursor: pointer;
    background: transparent;
}
.tp-bullets.custom .tp-bullet:hover,
.tp-bullets.custom .tp-bullet.selected {
    background: transparent;
}
.tp-bullets.custom .tp-bullet:before {
    position: absolute;
    top: 30px;
    left: 5px;
    display: block;
    width: 33px;
    height: 2px;
    content: '';
    transition: all .5s ease;
    background: rgba(255,255,255,.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}
.tp-bullets.custom .tp-bullet:hover:before,
.tp-bullets.custom .tp-bullet.selected:before {
    background: #fff;
}
.tp-caption.rev-btn {
    cursor: none;
}
.tp-leftarrow.custom,
.tp-rightarrow.custom {
    display: none !important;
}
.tp-caption a.gravity-slider-btn {
    font-size: 15px;
    font-weight: bold;
    padding: 18px 40px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #333;
    border-radius: 2em;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}
.tp-caption a.gravity-slider-btn:hover {
    color: #fff;
    background: #333;
}

/* Plug-ins - Cursor for sliders */

.gr-cursor {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    display: none;
    width: 40px;
    height: 70px;
    pointer-events: none;
}
.gr-cursor-icon {
    width: 40px;
    height: 70px;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    pointer-events: none;
    background-image: url(img/paddle-next.svg);
    background-repeat: none;
}
.gr-cursor.left .gr-cursor-icon {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

/* Plug-ins - Contact Form 7 */

.wpcf7 .left-field,
.wpcf7 .right-field {
    width: calc(50% - 5px);
}
.wpcf7 .left-field {
    float: left;
}
.wpcf7 .left-field {
    float: right;
}
.wpcf7 .fullwidth-field {
    width: 100%;
}
.wpcf7 input[type='submit'] {
    float: right;
    margin-top: 5px;
}
.wpb_gmaps_widget .wpb_wrapper {
    padding: 0 !important;
    background-color: transparent !important;
}

/* Plug-ins - Visual Composer */

#primary > .vc_row {
    margin-bottom: 0;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
    border: 0 !important;
}
.vc_btn3-style-gravity {
    border-width: 2px;
    border-style: solid;
}
.vc_row.vc_column-gap-1 {
    margin-right: -.5px !important;
    margin-left: -.5px !important;
}
.vc_row.vc_column-gap-1 > .vc_column_container {
    padding: .5px !important;
}
.vc_row.vc_column-gap-2 {
    margin-right: -1px !important;
    margin-left: -1px !important;
}
.vc_row.vc_column-gap-2 > .vc_column_container {
    padding: 1px !important;
}
.vc_row.vc_column-gap-3 {
    margin-right: -1.5px !important;
    margin-left: -1.5px !important;
}
.vc_row.vc_column-gap-3 > .vc_column_container {
    padding: 1.5px !important;
}
.vc_row.vc_column-gap-4 {
    margin-right: -2px !important;
    margin-left: -2px !important;
}
.vc_row.vc_column-gap-4 > .vc_column_container {
    padding: 2px !important;
}
.vc_row.vc_column-gap-5 {
    margin-right: -2.5px !important;
    margin-left: -2.5px !important;
}
.vc_row.vc_column-gap-5 > .vc_column_container {
    padding: 2.5px !important;
}
.vc_row.vc_column-gap-10 {
    margin-right: -5px !important;
    margin-left: -5px !important;
}
.vc_row.vc_column-gap-10 > .vc_column_container {
    padding: 5px !important;
}
.vc_row.vc_column-gap-15 {
    margin-right: -7.5px !important;
    margin-left: -7.5px !important;
}
.vc_row.vc_column-gap-15 > .vc_column_container {
    padding: 7.5px !important;
}
.vc_row.vc_column-gap-20 {
    margin-right: -10px !important;
    margin-left: -10px !important;
}
.vc_row.vc_column-gap-20 > .vc_column_container {
    padding: 10px !important;
}
.vc_row.vc_column-gap-25 {
    margin-right: -12.5px !important;
    margin-left: -12.5px !important;
}
.vc_row.vc_column-gap-25 > .vc_column_container {
    padding: 12.5px !important;
}
.vc_row.vc_column-gap-30 {
    margin-right: -15px !important;
    margin-left: -15px !important;
}
.vc_row.vc_column-gap-30 > .vc_column_container {
    padding: 15px !important;
}
.vc_row.vc_column-gap-35 {
    margin-right: -17.5px !important;
    margin-left: -17.5px !important;
}
.vc_row.vc_column-gap-35 > .vc_column_container {
    padding: 17.5px !important;
}
.flexslider .slides > li {
    position: relative;
}
.wpb_posts_slider .flex-caption {
    position: absolute !important;
    z-index: 1;
    bottom: 17%;
    left: 6%;
    padding: 20px 40px !important;
    cursor: none !important;
    background: rgba(0, 0, 0, .4) !important;
}
.wpb_posts_slider .type-post .flex-caption {
    position: absolute !important;
    z-index: 1;
    bottom: 17%;
    left: 6%;
    max-width: 60%;
    padding: 40px !important;
    cursor: none !important;
    background: rgba(0, 0, 0, .4) !important;
}
.wpb_posts_slider .flex-caption h2 {
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 0;
    letter-spacing: .25em;
}
.wpb_posts_slider .type-post .flex-caption h2 {
    font-size: 36px !important;
}
.wpb_posts_slider .flex-caption h2,
.wpb_posts_slider .flex-caption h2 a,
.wpb_posts_slider .flex-caption .tags,
.wpb_posts_slider .type-post .flex-caption p {
    color: #fff;
    border: 0;
}
.wpb_posts_slider .type-post .flex-caption p {
    margin-bottom: 26px;
}
.wpb_posts_slider .flex-caption .button {
    color: #fff;
    border-width: 2px;
    border-color: #fff;
}
.wpb_posts_slider .flex-caption .button:hover {
    color: #333;
    border-color: #fff;
    background: #fff;
}
.wpb_posts_slider .flex-caption span {
    position: relative;
    margin-right: 10px;
}
.wpb_posts_slider .flex-caption .tags span:before {
    content: '#';
}
.wpb_posts_slider .flex-caption .tags span + span {
    margin-left: 15px;
}
.wpb_posts_slider .flex-caption .tags span + span:after {
    position: absolute;
    left: -15px;
    content: '\2022';
}
.wpb_revslider_element {
    margin-bottom: 0 !important;
}



/**
 * Animations & Effects
 * -----------------------------------------------------------------------------
 */

/* Animation - Spin
   Uded in Page Loader and Load More */

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Page Transition */

.page-transition {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.page-fade-in {
    -webkit-animation-name: fade-in;
    animation-name: fade-in;
}
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.page-fade-out {
    -webkit-animation-name: fade-out;
    animation-name: fade-out;
}
@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}



/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

@-ms-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}
@media (max-width: 480px) {
    .gravity-page-loader .loader-title {
        font-size: 18px;
    }
    .site-header {
        width: 100%;
    }
    .menu-toggle {
        top: 15px;
        left: auto;
        right: 15px;
    }
    .site-header-open .menu-toggle {
        -webkit-transform: none;
        transform: none;
    }
    .page-navigation {
        display: none;
    }
/*    #primary > article > .entry-header > .entry-header-inner,
    #primary > article > .entry-header > .entry-title,*/
    .wpb_posts_slider .type-post .flex-caption {
        display: none;
    }
    .gravity-grid article.type-page .post-entry p {
        display: none;
    }
    .gravity-grid article.type-post .entry-meta span {
        display: none;
    }
    .gravity-grid article.type-post .entry-header h2 {
        font-size: 18px !important;
    }
    .gravity-grid article.type-post .entry-content {
        font-size: 13px;
    }
}
@media (max-width: 768px) {
    .wpb_posts_slider .type-post .flex-caption {
        left: 140px;
        bottom: 0;
        top: 0;
        right: 0;
        max-width: 100%;
    }
    blockquote {
        font-size: 1.1em;
        margin-left: 0;
        margin-right: 0;
    }
    blockquote:before {
        width: 25px;
        height: 16px;
        background-size: 25px 16px;
    }
}
@media (max-width: 992px) {
    #primary > article > .entry-header > .entry-header-inner > .entry-title,
    #primary > article > .entry-header > .entry-title,
    .wpb_posts_slider .flex-caption h2 {
        font-size: 28px !important;
    }
    .wpb_posts_slider .type-post .flex-caption h2 {
        margin-bottom: 20px;
    }
    .wpb_posts_slider .type-post .flex-caption p {
        display: none;
    }
    .footer-sidebar {
        text-align: center;
        padding: 50px 50px 20px;
    }
    .footer-sidebar .grid-item {
        width: 100%;
    }
    .footer-sidebar .widget {
        margin-bottom: 30px;
    }
    .footer-sidebar .alignright,
    .footer-sidebar .alignleft {
        float: none;
    }
}

/*
style banera smak natury
-----------------------
*/
.baner_tekst {letter-spacing: 0.2em !important; font-weight:bold !important}
#smak_natury_baner {text-align:center; font-family: "mostra-nuova-alt-b" !important}
#tekst_baner { text-align:center;}

/*---------------------------------------------------------------*/