/*
Theme Name: Blame
Description: Made by <a href="http://themeforest.net/user/apollo13" target="_blank">Apollo13</a>.<br/> Get support from <a href="http://support.apollo13.eu/" target="_blank">Forum</a>.
Author: <a href="http://themeforest.net/user/apollo13" target="_blank">Apollo13</a>
Author URI: http://themeforest.net/user/apollo13
Theme URI: http://themeforest.net/user/apollo13
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: white, theme-options, post-formats, photoblogging, two-columns, translation-ready
Version: 4
*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:Arial,sans-serif}
a,a:hover{text-decoration:none;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:22px;}
h2{font-size:16px;}
h3{font-size:16px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
ol,ul{padding:0 0 0 40px}
img{border:0}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/* =============================================================================
PRELOADER
========================================================================== */
#preloader{
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#fff;
z-index:31999; /* makes sure it stays on top */
}
.no-js #preloader{
display: none;
}
.preload-content{
height: 80px;
width: 300px;
padding-top: 120px;
position:absolute;
left:50%;
top:50%;
margin: -100px 0 0 -150px;
text-align: center;
}
.preloader-text{
margin-bottom: 20px;
color: #000;
font-size: 20px;
}
a.skip-preloader,
a.skip-preloader:hover{
display: none;
color: #000;
}
a.skip-preloader:hover{
text-decoration: underline;
}
/* =============================================================================
WP default styles
========================================================================== */
.alignnone {
clear: both;
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
clear: both;
display: block;
margin: 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright,
a img.alignnone,
a img.alignleft,
a img.aligncenter,
.wp-caption{
border: 1px solid #e2e2e2;
padding: 6px;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background-color: #fff;
max-width: 100%; /* Image does not overflow the content area */
text-align: center;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.wp-caption.alignnone {
clear: both;
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption a{
display: block;
}
.wp-caption img {
border: 0 none;
display: block;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
color: #9d9d9d;
font-size: 12px;
font-style: normal;
line-height: 15px;
margin: 0;
padding: 10px 8px 6px;
}
.gallery-caption {
color: #666;
font-size: 12px;
}
.sticky { /*Empty*/ }
/* =============================================================================
GLOBAL STYLES
========================================================================== */
a{ color: #000; }
a:hover{ color: #e39996; }
h1,h2,h3,h4,h5,h6{
font-weight: bold;
line-height: 1.05em;
margin: 0 0 20px;
}
.post-content .wpb_text_column a {color: #e39996; text-decoration:underline;}
h1,h2,h3,h4,h5,h6,
h1 a,h2 a,h3 a,h4 a,h5 a, h6 a{
color: #222;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover, h6 a:hover,
.post .post-title a:hover{
color: #D3AC13;
}
p{
margin: 1em 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
img {
vertical-align: middle;
}
.wp-video-shortcode {
max-width: 100%;
}
/* FONT ICONS */
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a:before,
.wpb_toggle:before,
.wpb_tour ul.wpb_tabs_nav a:after,
.cpt-nav .prev a:before,
.cpt-nav .next a:before,
a.dot-irecommendthis:before,
#a13-work-slides i:before,
#a13-full-photos i:before,
.g-link .cov:after,
.vc_carousel .vc_carousel-control:before,
.slider-arrow:before,
#a13-scroll-pan .arr:before,
.menu-opener:before,
#slide-list li:before,
.widget ul ul li:before,
.twitter-blue-widget .intent-meta a:before{
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
}
/* DOTTED TITLE */
.widget-title,
.widget h3.title,
.title-and-nav .title,
#reply-title{
text-align: center;
position: relative;
}
.widget-title:before,
.widget h3.title:before,
.title-and-nav .title:before,
#reply-title:before{
content: "";
width: 100%;
display: block;
border-top: 1px solid #ededed;
margin-top: 0.5em;
position: absolute;
}
.widget-title span,
.widget h3.title > span,
.title-and-nav .title span,
.title-and-nav nav,
#reply-title span,
#cancel-comment-reply-link{
background-color: #fff; /* dots cover */
padding: 0 15px;
position: relative;
}
/* BACKGROUND BEHAVIOUR */
.bg-cover { background-size: cover!important; }
.bg-contain { background-size: contain!important; }
.bg-fitV { background-size: 100% auto!important; }
.bg-fitH { background-size: auto 100%!important; }
.bg-repeat { background-repeat: repeat!important; }
.bg-repeat-x { background-repeat: repeat-x!important; }
.bg-repeat-y { background-repeat: repeat-y!important; }
.bg-top-left { background-position: 0 0!important; }
.bg-top-center { background-position: 50% 0!important; }
.bg-top-right { background-position: 100% 0!important; }
.bg-center-left { background-position: 0 50%!important; }
.bg-center-center { background-position: 50% 50%!important; }
.bg-center-right { background-position: 100% 50%!important; }
.bg-bottom-left { background-position: 0 100%!important; }
.bg-bottom-center { background-position: 50% 100%!important; }
.bg-bottom-right { background-position: 100% 100%!important; }
/* =============================================================================
FORMS
========================================================================== */
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="range"],
input[type="date"],
textarea{
border: 1px solid #f0f0f0;
background-color: #f0f0f0;
color: #747474;
font-size: 13px;
padding: 6px 10px;
height: 38px;
width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.lt-ie9 input[type="text"],
.lt-ie9 input[type="password"],
.lt-ie9 input[type="search"],
.lt-ie9 input[type="email"],
.lt-ie9 input[type="url"],
.lt-ie9 input[type="tel"],
.lt-ie9 input[type="number"],
.lt-ie9 input[type="range"],
.lt-ie9 input[type="date"]{
padding-top: 10px;
padding-bottom: 10px;
}
textarea{
display: block;
height: 136px;
width: 100%;
resize: vertical; /* Allow only vertical resizing of textareas. */
}
/* FOCUS COLORS */
input[type="text"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="range"]:hover,
input[type="date"]:hover,
textarea:hover,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
textarea:focus{
background-color: #f8f8f8;
border-color: #f0f0f0;
outline: none;
}
input.cptch_number{
text-align: center;
}
.error input,
.error textarea{
border-color: #ea4f3b;
}
/* captcha plugin */
input[name=cptch_number]{
width: 40px !important;
}
/* =============================================================================
BUTTONS
========================================================================== */
input[type="submit"],
a.a13-button,
a.dot-irecommendthis{
background: #a6a8a5;
display: inline-block;
border: 2px solid #a6a8a5 !important;
box-shadow: none;
cursor: pointer;
color: #000;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
text-shadow: none;
line-height: 38px;
white-space: nowrap;
height: 38px;
padding: 0 20px;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
a.a13-button:hover,
a.project-site:hover{
background: #fff !important;
color: #000 !important;
text-shadow: none;
border: 2px solid #a6a8a5 !important;
}
a.a13-button.a13-button-grey{ /* double class cause of predefined colors */
color: #aaa;
border-color: #aaa;
background-color: transparent;
}
a.a13-button.a13-button-grey:hover{
background-color: #aaa;
color: #fff;
}
a.project-site,
a.dot-irecommendthis{
height: 28px;
line-height: 28px;
padding: 0 30px;
vertical-align: top;
}
a.dot-irecommendthis{
border-color: #ddd;
color: #555;
}
a.dot-irecommendthis:hover,
a.dot-irecommendthis.active{
border-color: #FFAFAF;
color: #ff3737;
}
a.dot-irecommendthis:before{
content: "\f004";
margin-right: 3px;
}
.menu-button-container{
display: table-cell;
vertical-align: middle;
padding-left: 25px;
}
/* =============================================================================
MAIN LAYOUT
========================================================================== */
body::after{ /* double :: so IE8 won't jump into compatibility view */
content: 'narrow1500'; /* info for JS */
display: none;
}
html, body{
height: 100%;
margin: 0;
}
html.show-scroll{
overflow-y: scroll;
}
body {
font-size: 1em;
line-height: 1.4;
background: #fff 50% 50% no-repeat;
color: #747474;
cursor: url(images/cursors/empty_black_white.png), default;
}
#content, .foot-content{
max-width: 1080px;
margin: 0 auto;
}
#content{
padding-bottom: 50px;
font-size: 14px;
}
.no-bottom-space #content{
padding-bottom: 0;
}
#content.full-width{
max-width: none;
padding-bottom: 0;
}
#col-mask{
float: left;
position: relative;
width: 100%;
right: 25%;
}
.full-width #col-mask:first-child,
.no-top-space #col-mask{
padding-top: 0;
}
#post-list,
#col-mask > .post-content{
float: left;
position: relative;
left: 25%;
width: 75%;
}
.no-sidebars #col-mask,
.no-sidebars #post-list,
.no-sidebars #col-mask > .post-content{
float: none;
position: static;
left: auto;
width: auto;
}
.no-sidebars #col-mask > .post-content{
left: 0;
}
#secondary{
float: left;
position: relative;
left: 25%;
width: 25%;
padding: 0 0 30px 40px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.left-sidebar #secondary,
.left-sidebar #post-list,
.left-sidebar #col-mask > .post-content{
float: right;
}
.left-sidebar #secondary{
padding-left: 0;
padding-right: 40px;
}
/* narrow layout*/
.layout-narrow #header,
.layout-narrow #mid,
.layout-narrow #footer{
max-width: 1160px;
margin: 0 auto;
box-shadow: 0 0 12px rgba(0,0,0, 0.09);
}
.layout-narrow #mid{
background-color: #fff;
}
#_atssh{/* addthis strange div that adds space at bottom */
display: none;
}
/* Fix crazy z-index of layer slider */
.ls-nav-prev,
.ls-nav-next {
z-index: 1001!important;
}
/* Magnific-popup ligthbox */
body .mfp-bg{/* bigger priority selector */
z-index: 10420;
}
body .mfp-wrap{
z-index: 10430;
}
/* =============================================================================
HEADER STYLES
========================================================================== */
#header{
background: #fff 50% 50% no-repeat;
width: 100%;
box-shadow: 0 0 12px rgba(0,0,0, 0.09);
position: relative; /* must be layer above some elements */
z-index: 1505;/* above filter, and sliders elements */
}
#header.shadow-off{
box-shadow: none;
}
#header.above-mid{
position: absolute;
left: 0;
right: 0;
}
header .head,
header .top-head{
position: relative;
}
header .top-head,
.navigation-bar{
margin: 0 auto;
width: 100%;
max-width: 1080px;
}
header .top-head{
min-height: 40px; /* 40 is height of absolute positioned elements */
}
.logo-container{
display: block;
}
a.logo{
display: inline-block;
line-height: 40px; /* min height of header part */
word-wrap: break-word;
padding: 30px 0;
vertical-align: top;
}
a.logo img{
height: auto;
display: block;
}
.navigation-bar{
display: table;
border-top: 1px solid #EDEDED;
}
a.logo:hover {opacity:1 !important;}
a.logo:hover img {opacity:1 !important;}
/* fixed header */
#fixed-header{
display: none;
min-height: 40px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1506;/* above header */
background-color: #fff;
box-shadow: 0 0 12px rgba(0,0,0, 0.09);
}
.layout-narrow #fixed-header{
margin: 0 auto;
width: 1160px;
}
.admin-bar #fixed-header{
top: 32px;
}
#fixed-header.scrollable_header{
position: absolute;
}
#fixed-header .navigation-bar{
border-top: none;
}
#fixed-header a.logo{
padding: 5px 0!important;
}
#fixed-header a.logo img{
max-height: 40px;
width: auto!important; /* fixes strange squash effect*/
}
#fixed-header.header-one-line .top-menu > li > ul{
margin-top: 0;/* reset if anything is set in user.css */
}
/* ==========================================================================
TOP BAR IN HEADER
========================================================================== */
.top-bar-container{
background-color: #fcfcfc;
}
.top-bar-container .top-bar{
margin: 0 auto;
max-width: 1080px;
width: 100%;
}
.top-bar .msg{
padding: 25px 0 30px;
position: relative;
border-bottom: 1px solid #373737;
display: none;
}
.top-bar .msg.visible{
display: block;
}
.top-bar .cookie-msg{
padding-right: 245px;
/*min-height: 78px;*/ /* not cause of animation*/
}
.top-bar .cookie-msg:before{
content: "";
background: transparent url(images/cookies.png) 0 0 no-repeat;
position: absolute;
top: 0;
right: 122px;
height: 133px;
width: 133px;
}
.top-bar .message-close{
position: absolute;
top: 25px;
right: 0;
font-size: 24px;
color: #747474;
}
.top-bar .message-close:hover{
color: #D3AC13;
}
.top-bar .msg h1,
.top-bar .msg h2,
.top-bar .msg h3,
.top-bar .msg h4{
color: #D3AC13;
font-weight: normal;
padding-right: 20px;
}
.top-bar .msg_text{
color: #D4D4D4;
font-size: 13px;
}
.top-bar .msg_text a{
color: #D3AC13;
}
.top-bar .msg_text a:hover{
text-decoration: underline;
}
.top-bar .options{
display: table;
width: 100%;
}
.top-bar .options > div{
display: table-cell;
height: 39px; /* works as min-height */
width: 50%;
vertical-align: top;
}
.top-bar .options .part2{
text-align: right;
}
.top-bar .options .part2 .socials,
.top-bar .options .part2 .top-bar-menu{
float: right;
}
.top-bar .options .part2 .socials{
margin-left: 20px;
}
.top-bar .options a,
.top-bar .options li.like-a{
line-height: 39px;
font-size: 11px;
text-transform: uppercase;
color: #bbb;
display: inline-block;
margin-right: 12px;
outline: none;
}
.top-bar .options a:hover,
.top-bar .options li:hover > a,
.top-bar .options li.hovered > a{
color: #bbb;
}
.top-bar .part2 a{
margin-left: 12px;
margin-right: 0;
}
.top-bar .part2 .socials a{
margin: 5px 1px 0 0;
}
.top-bar .options a i{
font-size: 11px;
margin-right: 3px;
}
.top-bar .options a i.submenu-icon{
margin-left: 7px;
}
.top-bar .options li i.item-icon{
margin-right: 7px;
}
.top-bar .options a .number{
margin-left: 6px;
}
.top-bar .options .message-opener{
position: relative;
}
.top-bar .options a.special{
color: #D3AC13;
}
.top-bar .options .message-opener:hover:before,
.top-bar .options .message-opener.active:before{
content: "";
background-color: #D3AC13;
width: 100%;
height: 1px;
position: absolute;
top: -1px;
left: 0;
}
.top-bar .options ul{
margin: 0;
padding: 0;
list-style: none;
}
.top-bar .options li{
display: inline-block;
position: relative;
}
.top-bar .options li ul{
display: none;
position: absolute;
top: 45px;
left: 0;
z-index: 302;
background-color: #222;
box-shadow: 0 0 4px rgba(0,0,0, 0.09);
-webkit-border-radius: 2px;
border-radius: 2px;
}
/* submenu opened other way */
.top-bar .options li ul.otherway{
left: auto;
right: 0;
}
.top-bar .options li ul:before{
content: "";
position: absolute;
top: -4px;
left: 20px;
border-bottom: 4px solid #222;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
box-shadow: 0 0 4px rgba(0,0,0, 0.09);
}
.top-bar .options li ul.otherway:before{
left: auto;
right: 20px;
}
.top-bar .options li li{
display: block;
white-space: nowrap;
text-align: left;
border: none; /* multi currency */
border-top: 1px solid #373737;
min-width: 120px;
}
.top-bar .options li li:first-child{
border-top: none;
}
.top-bar .options li li:hover{
background-color: #2F2F2F;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.top-bar .options li li a{
display: block;
margin: 0;
padding: 0 12px 1px;
line-height: 31px;
}
.top-bar .wcml_currency_switcher + img{ /* switch off multi currency preloader */
display: none;
}
/* ==========================================================================
HEADER SEARCH
========================================================================== */
.head .search-container{
position: absolute;
z-index: 301;
top: 50%;
right: 0;
margin-top: -20px;
}
header .search{
text-align: center;
-webkit-border-radius: 3px;
border-radius: 3px;
padding-right: 38px;
height: 38px;
}
header .search:hover,
header .search.opened{
background-color: #fff;
box-shadow: 0 0 4px rgba(0,0,0, 0.09);
}
header .search .action{
cursor: pointer;
position: absolute;
top: 0;
right: 0;
/*z-index: 300;*/
display: block;
opacity: 0.5;
line-height: 38px;
width: 38px;
height: 38px;
}
header .search .action.open{
font-size: 14px;
color: #747474;
}
header .search .close,
header .search.opened .open{
display: none;
}
header .search.opened .close{
display: block;
}
header .search .action:hover{
opacity: 1;
}
header .search-form input[type="search"]{
width: 0;
padding: 0;
box-shadow: none;
color: #ccc;
font-size: 16px;
font-weight: bold;
text-align: left;
}
header .opened .search-form input[type="search"]{
padding: 0 20px;
height: 38px;
width: 150px;
border: none;
background-color: transparent;
}
.lt-ie9 header .search-form input[type="search"]{
padding-top: 10px;
padding-bottom: 6px;
}
header .search-form input[type="search"]:focus{
width: 240px;
}
header .search-form:hover input[type="search"],
header .search-form input[type="search"]:focus{
color: #585858;
}
header .search-form input[type="submit"]{
background: none;
height: 0;
width: 0;
position: absolute;
border: none;
}
.js header .search-form{
display: none;
}
/* ==========================================================================
FOOTER STYLES
========================================================================== */
#footer{
background: #fff 50% 50% no-repeat;
}
.foot-widgets{
background-color: #F9F9F9;
}
.foot-twitter{
background-color: #00ACEE;
}
.foot-items{
background: #222 50% 50% no-repeat;
}
.foot-widgets .foot-content{
position: relative;
padding-top: 5px;
}
.foot-widgets .foot-content:before{
content: "";
display: block;
position: absolute;
top: -2px;
left: 0;
width: 100%;
height: 2px;
background-color: #222;
}
#footer a.to-top{
background-color: #ffd7d5;
outline: none !important;
width: 30px;
height: 30px;
position: fixed;
bottom: 37px;
right: 20px;
z-index: 1700;
color: #252525;
text-align: center;
line-height: 30px;
font-size: 12px;
}
#footer a.to-top:hover{
background-color: #ffd7d5;
color: #fff;
}
.footer-items{
font-size: 12px;
color: #666;
}
.f-images{
width: 100%;
}
.f-images div{
width: 31.3%;
float: left;
margin-left: 3%;
padding: 30px 0;
}
.f-images .fi_1{
margin-left: 0;
}
.f-images .fi_2{
text-align: center;
}
.f-images .fi_3{
text-align: right;
}
.f-images img{
max-width: 100%;
height: auto;
}
.f-texts{
border-top: 1px solid #2D2D2D;
padding: 20px 0;
}
.f-links{
float: right;
max-width: 50%;
}
.footer-menu{
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
}
.footer-menu li{
display: inline-block;
margin-right: 10px;
}
.foot-text{
max-width: 50%;
float: left;
}
.f-texts .socials {
display: inline-block;
vertical-align: middle;
}
.f-texts a{
color: #c6c6c6;
}
.f-texts a:hover{
color: #eee;
}
/* ==========================================================================
SOCIAL ICONS
========================================================================== */
.socials{
margin: 0;
vertical-align: top;
line-height: 0; /*remove white space*/
}
.navigation-bar .socials{
display: table-cell;
padding: 9px 0;
width: 30%;
text-align: right;
}
.socials a{
background-image: url(images/socials.png);
background-size: 150px 1600px;
display: inline-block;
margin: 1px 0 0 1px;
height: 30px;
width: 30px;
}
.socials.squares a{
background-image: url(images/socials_square.png);
}
.socials.circles a{
background-image: url(images/socials_circle.png);
}
/* On light background */
a.a13_soc-500px{ background-position: -10px -10px; }
a.a13_soc-aim{ background-position: -10px -60px; }
a.a13_soc-behance{ background-position: -10px -110px; }
a.a13_soc-blogger{ background-position: -10px -160px; }
a.a13_soc-delicious{ background-position: -10px -210px; }
a.a13_soc-deviantart{ background-position: -10px -260px; }
a.a13_soc-digg{ background-position: -10px -310px; }
a.a13_soc-dribbble{ background-position: -10px -360px; }
a.a13_soc-evernote{ background-position: -10px -410px; }
a.a13_soc-facebook{ background-position: -10px -460px; }
a.a13_soc-flickr{ background-position: -10px -510px; }
a.a13_soc-forrst{ background-position: -10px -560px; }
a.a13_soc-foursquare{ background-position: -10px -610px; }
a.a13_soc-github{ background-position: -10px -660px; }
a.a13_soc-googleplus{ background-position: -10px -710px; }
a.a13_soc-instagram{ background-position: -10px -760px; }
a.a13_soc-lastfm{ background-position: -10px -810px; }
a.a13_soc-linkedin{ background-position: -10px -860px; }
a.a13_soc-paypal{ background-position: -10px -910px; }
a.a13_soc-pinterest{ background-position: -10px -960px; }
a.a13_soc-quora{ background-position: -10px -1010px; }
a.a13_soc-rss{ background-position: -10px -1060px; }
a.a13_soc-sharethis{ background-position: -10px -1110px; }
a.a13_soc-skype{ background-position: -10px -1160px; }
a.a13_soc-stumbleupon{ background-position: -10px -1210px; }
a.a13_soc-tumblr{ background-position: -10px -1260px; }
a.a13_soc-twitter{ background-position: -10px -1310px; }
a.a13_soc-vimeo{ background-position: -10px -1360px; }
a.a13_soc-wordpress{ background-position: -10px -1410px; }
a.a13_soc-yahoo{ background-position: -10px -1460px; }
a.a13_soc-youtube{ background-position: -10px -1510px; }
a.a13_soc-yelp{ background-position: -10px -1560px; }
/* On dark background */
.dark-bg a.a13_soc-500px{ background-position: -110px -10px; }
.dark-bg a.a13_soc-aim{ background-position: -110px -60px; }
.dark-bg a.a13_soc-behance{ background-position: -110px -110px; }
.dark-bg a.a13_soc-blogger{ background-position: -110px -160px; }
.dark-bg a.a13_soc-delicious{ background-position: -110px -210px; }
.dark-bg a.a13_soc-deviantart{ background-position: -110px -260px; }
.dark-bg a.a13_soc-digg{ background-position: -110px -310px; }
.dark-bg a.a13_soc-dribbble{ background-position: -110px -360px; }
.dark-bg a.a13_soc-evernote{ background-position: -110px -410px; }
.dark-bg a.a13_soc-facebook{ background-position: -110px -460px; }
.dark-bg a.a13_soc-flickr{ background-position: -110px -510px; }
.dark-bg a.a13_soc-forrst{ background-position: -110px -560px; }
.dark-bg a.a13_soc-foursquare{ background-position: -110px -610px; }
.dark-bg a.a13_soc-github{ background-position: -110px -660px; }
.dark-bg a.a13_soc-googleplus{ background-position: -110px -710px; }
.dark-bg a.a13_soc-instagram{ background-position: -110px -760px; }
.dark-bg a.a13_soc-lastfm{ background-position: -110px -810px; }
.dark-bg a.a13_soc-linkedin{ background-position: -110px -860px; }
.dark-bg a.a13_soc-paypal{ background-position: -110px -910px; }
.dark-bg a.a13_soc-pinterest{ background-position: -110px -960px; }
.dark-bg a.a13_soc-quora{ background-position: -110px -1010px; }
.dark-bg a.a13_soc-rss{ background-position: -110px -1060px; }
.dark-bg a.a13_soc-sharethis{ background-position: -110px -1110px; }
.dark-bg a.a13_soc-skype{ background-position: -110px -1160px; }
.dark-bg a.a13_soc-stumbleupon{ background-position: -110px -1210px; }
.dark-bg a.a13_soc-tumblr{ background-position: -110px -1260px; }
.dark-bg a.a13_soc-twitter{ background-position: -110px -1310px; }
.dark-bg a.a13_soc-vimeo{ background-position: -110px -1360px; }
.dark-bg a.a13_soc-wordpress{ background-position: -110px -1410px; }
.dark-bg a.a13_soc-yahoo{ background-position: -110px -1460px; }
.dark-bg a.a13_soc-youtube{ background-position: -110px -1510px; }
.dark-bg a.a13_soc-yelp{ background-position: -110px -1560px; }
/*HOVERS*/
.socials a.a13_soc-500px:hover{ background-position: -60px -10px; }
.socials a.a13_soc-aim:hover{ background-position: -60px -60px; }
.socials a.a13_soc-behance:hover{ background-position: -60px -110px; }
.socials a.a13_soc-blogger:hover{ background-position: -60px -160px; }
.socials a.a13_soc-delicious:hover{ background-position: -60px -210px; }
.socials a.a13_soc-deviantart:hover{ background-position: -60px -260px; }
.socials a.a13_soc-digg:hover{ background-position: -60px -310px; }
.socials a.a13_soc-dribbble:hover{ background-position: -60px -360px; }
.socials a.a13_soc-evernote:hover{ background-position: -60px -410px; }
.socials a.a13_soc-facebook:hover{ background-position: -60px -460px; }
.socials a.a13_soc-flickr:hover{ background-position: -60px -510px; }
.socials a.a13_soc-forrst:hover{ background-position: -60px -560px; }
.socials a.a13_soc-foursquare:hover{ background-position: -60px -610px; }
.socials a.a13_soc-github:hover{ background-position: -60px -660px; }
.socials a.a13_soc-googleplus:hover{ background-position: -60px -710px; }
.socials a.a13_soc-instagram:hover{ background-position: -60px -760px; }
.socials a.a13_soc-lastfm:hover{ background-position: -60px -810px; }
.socials a.a13_soc-linkedin:hover{ background-position: -60px -860px; }
.socials a.a13_soc-paypal:hover{ background-position: -60px -910px; }
.socials a.a13_soc-pinterest:hover{ background-position: -60px -960px; }
.socials a.a13_soc-quora:hover{ background-position: -60px -1010px; }
.socials a.a13_soc-rss:hover{ background-position: -60px -1060px; }
.socials a.a13_soc-sharethis:hover{ background-position: -60px -1110px; }
.socials a.a13_soc-skype:hover{ background-position: -60px -1160px; }
.socials a.a13_soc-stumbleupon:hover{ background-position: -60px -1210px; }
.socials a.a13_soc-tumblr:hover{ background-position: -60px -1260px; }
.socials a.a13_soc-twitter:hover{ background-position: -60px -1310px; }
.socials a.a13_soc-vimeo:hover{ background-position: -60px -1360px; }
.socials a.a13_soc-wordpress:hover{ background-position: -60px -1410px; }
.socials a.a13_soc-yahoo:hover{ background-position: -60px -1460px; }
.socials a.a13_soc-youtube:hover{ background-position: -60px -1510px; }
.socials a.a13_soc-yelp:hover{ background-position: -60px -1560px; }
/* ==========================================================================
HEADER MENU
========================================================================== */
/*helps with menu 'flicker' in compact mode on page load */
.js .menu-container{ visibility: hidden; }
.js .menu-container.loaded{ visibility: visible; }
.menu-container{
display: table-cell;
width: 80%;
}
/* explanation:
.top-menu li:hover is used as no JS fallback
.top-menu li.hovered is used to make transition
*/
/* Main styles*/
.top-menu, .top-menu ul{
list-style: none;
margin: 0;
padding: 0;
}
.top-menu{
min-height: 50px;
/*float: right;*/
}
.top-menu li{
position: relative;
white-space: nowrap;
}
.top-menu li a,
.top-menu li span.title{ /* span.title only to gain color na block */
color: #222;
display: block;
line-height: 18px;
text-decoration: none;
padding: 2px 10px 0 !important;
outline: none !important; /* no link focus outline */
}
.top-menu > li > a{
position: relative; /* so hover line will animate */
}
.top-menu li:hover > a,
.top-menu li.hovered > a,
.top-menu li.current-menu-item > a,
.top-menu li.current-menu-ancestor > a{
background:#ffd7d5;
}
.top-menu span i + span, .top-menu a i + span{
margin-left: 12px;
}
.top-menu span em, .top-menu a em{
display: inline;
margin-left: 10px;
border: 1px solid #D3AC13;
padding: 0 3px;
color: #D3AC13;
font-size: 9px;
font-style: normal;
line-height: 14px;
text-transform: uppercase;
vertical-align: middle; /* for bigger font sizes */
position: relative;
bottom: 2px;
}
/* First level */
.top-menu > li{
float: left;
}
.top-menu > li > a,
.top-menu .mega-menu span.title,
.top-menu .mega-menu > ul > li > a{
font-size: 14px;
font-weight: normal;
}
.top-menu > li.menu-parent-item > a{
position: relative;
}
/* next levels */
.top-menu ul{
/*overflow: hidden; /*it hides second submenu */ /* children LI elements won't bleed with background color on hover on corners(border-radius) */
display: none;
position: absolute;
top: 100%;
left: 0;
min-width: 200px;
background-color: #fff;
border-top: 2px solid #D3AC13;
}
.lt-ie9 .top-menu ul{
border-bottom: 1px solid #EDEDED;
}
.lt-ie9 .top-menu ul{
border-bottom: 1px solid #EDEDED;
}
.top-menu ul ul{
top: 0;
left: 100%;
border-top: none;
}
.top-menu li:hover > ul,
.top-menu .hovered > ul{
visibility: visible;
z-index: 205;
}
.top-menu li li a,
.top-menu li span.title{
color: #3b3b3b;
font-size: 13px;
line-height: 36px;
border-top: 3px solid #EDEDED;
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); /* for IE 8 absolute links*/
padding: 0px;
margin: 0 8px;
}
.top-menu li li:first-child > a{
border-top: none;
}
.top-menu li li:hover > a,
.top-menu li li.hovered > a,
.top-menu li li.current-menu-item > a,
.top-menu li li.current-menu-ancestor > a{
background-color: #F8F8F8;
}
.top-menu li li a span{
line-height: inherit;
}
/* submenu opened other way */
.top-menu ul.otherway{
left: auto;
right: 0;
}
.top-menu ul ul.otherway{
left: auto;
right: 100%;
}
/********/
/* END OF TOP MENU */
/* WMPL FLAGS IN MENU */
.menu-item-language img.iclflag {
margin-bottom: 3px !important;
margin-right: 7px;
}
/********/
/* MEGA MENU STYLE */
.mega-menu > ul{
width: 1080px;
}
.mega-menu > ul > li{
float: left;
border-left: 1px solid #EDEDED;
width: 25%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box
}
.mm_columns_2 > ul > li{ width: 50%; }
.mm_columns_3 > ul > li{ width: 33.3%; }
.mega-menu > ul > li:first-child,
.mega-menu > ul > li.mm_new_row{
border-left: none;
}
.mega-menu > ul > li.mm_new_row{
clear: left;
}
.mega-menu > ul ul{
position: static;
opacity: 1!important;
display: block!important;
margin: 0;
box-shadow: none;
min-width: 0;
}
.lt-ie9 .mega-menu > ul ul{
border-bottom: none;
}
/*.mega-menu li li a span - normal elements of mega menu */
/*.mega-menu > ul > li > a span - clickable titles */
.mega-menu .title span{ /* not clickable titles */
}
.top-menu .mega-menu span.title,
.top-menu .mega-menu > ul > li > a{
font-weight: bold;
padding: 10px 15px;
}
.top-menu .mm_dont_show > span.title,
.top-menu .mega-menu > ul > li.mm_dont_show > a{
display: none;
}
.top-menu .mega-menu ul li li > a{
border-top: 1px solid #EDEDED;
}
.top-menu .mega-menu ul li > a {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
/********/
/* END OF MEGA MENU STYLE */
/********/
/* TOUCH MENU */
.navigation-bar.touch{
}
.menu-opener{
display: none;
background-color: #fafafa;
border: 1px solid #d7d7d7;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: -20px 0 0;
height: 38px;
width: 38px;
position: absolute;
top: 50%;
right: 20px;
cursor: pointer;
}
.menu-opener:before{
content: "\f0c9";
height: 38px;
display: block;
color: #000;
font-size: 18px;
line-height: 38px;
text-align: center;
}
.menu-opener.open:before,
.menu-opener:hover:before{
color: #d3ac13;
}
.navigation-bar.touch .menu-container{
display: none;
padding: 0;
width: 100%;
background-color: #fff;
box-shadow: 0 3px 4px rgba(0,0,0, 0.09);
position: absolute;
left: 0;
top: 100%;
}
.navigation-bar.touch .top-menu{
border-top: 2px solid #d3ac13;
}
.navigation-bar.touch .top-menu > li{
float: none;
margin-right: 0;
}
.navigation-bar.touch .top-menu li a,
.navigation-bar.touch .top-menu li span.title{
line-height: 36px;
padding-left: 0;
padding-right: 0;
border-top: 1px solid #EDEDED;
}
.navigation-bar.touch .top-menu > li:first-child > a{
border-top: none;
}
.navigation-bar.touch .top-menu > li > a:before{
display: none;
}
/* next levels */
.navigation-bar.touch ul{
display: none;
opacity: 1;
visibility: visible;
position: static;
border-top: none;
box-shadow: none;
}
.navigation-bar.touch .top-menu li{
white-space: normal;
display: block;
text-align: left;
}
.navigation-bar.touch .top-menu li li a{
padding-left: 15px;
}
/* MEGA MENU OVERWRITES */
.navigation-bar.touch .mega-menu > ul > li{
float: none;
border-left: none;
width: auto;
}
.navigation-bar.touch .mm_columns_2 > ul,
.navigation-bar.touch .mm_columns_3 > ul{
width: auto;
}
/********/
/* END OF TOUCH MENU */
/* ==========================================================================
HEADER VARIANTS
========================================================================== */
.header-centered .navigation-bar{
display: block;
line-height: 0;
text-align: center;
}
.header-centered .top-menu > li{
display: inline-block;
float: none;
}
.header-centered .top-menu li li{
text-align: left;
}
.header-centered .menu-container {
display: inline-block;
width: auto;
}
.header-centered .socials {
display: inline-block;
width: auto;
}
.header-centered-logo .logo-container,
.header-centered .logo-container {
text-align: center;
}
.header-centered-logo .search-container,
.header-centered .search-container{
left: 0;
right: auto;
}
.header-centered-logo .search,
.header-centered .search{
padding-right: 0;
padding-left: 38px;
}
.header-centered-logo .search .action,
.header-centered .search .action{
right: auto;
left: 1px;
top: 1px;
}
/* ONE LINE HEADER */
.header-one-line .head,
#fixed-header .inner{
display: table;
margin: 0 auto;
width: 100%;
max-width: 1080px;
}
.header-one-line .logo-container,
.header-one-line .navigation-bar{
display: table-cell;
vertical-align: middle;
}
.header-one-line .navigation-bar{
border-top: none;
padding-left: 20px;
}
.header-one-line.with-cart .navigation-bar,
.header-one-line.with-search .navigation-bar{
padding-right: 50px;
}
.header-one-line.with-cart.with-search .navigation-bar{
padding-right: 100px;
}
.header-one-line .menu-container{
display: block;
width: auto;
}
.header-one-line .top-menu {
text-align: right;
min-height: 40px;
}
.header-one-line .top-menu > li{
float: none;
display: inline-block;
text-align: left;
}
.header-one-line .top-menu > li > a{
line-height: 40px;
}
/* ==========================================================================
TITLE BAR
========================================================================== */
.title-bar{
background: #F9F9F9 50% 50% no-repeat;
}
.title-bar .in{
max-width: 1080px;
margin: 0 auto;
padding: 20px 0;
text-align: center;
}
.title_bar_variant_left .in{
text-align: left;
display: table;
width: 100%;
}
.title_bar_variant_left .left-group,
.title_bar_variant_left .breadcrumbs{
display: table-cell;
vertical-align: middle;
}
.title_bar_variant_left .breadcrumbs{
/*min-width: 20%;*/ /* not working as I would like it */
text-align: right;
}
.page-title{
color: #222;
word-wrap: break-word;
margin-bottom: 0;
line-height: 36px;
}
.page-title:after,
.page-title:before{
content: "";
display: inline-block;
line-height: 1em;
vertical-align: middle;
margin: 0 30px;
height: 2px;
width: 85px;
background-color: #222;
position: relative;
top: -2px;
opacity: 1;
}
.title_bar_variant_left .page-title:after,
.title_bar_variant_left .page-title:before{
display: none;
}
.title-bar .in h2{
font-size: 14px;
font-weight: normal;
color: #222;
margin: 5px 0 0;
}
.title-bar .in .a13-button{
margin-top: 20px;
}
.title-bar .in a.fa-rss + a.a13-button{
margin-left: 10px;
}
.title-bar .in .fa-rss{
display: inline-block;
width: 38px;
height: 38px;
color: #222;
line-height: 38px;
font-size: 14px;
text-align: center;
vertical-align: bottom;
border: 1px solid #CECECE;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.title-bar .in .fa-rss:hover{
border-color: #222;
color: #CECECE;
}
/* ==========================================================================
BREADCRUMBS & POST META
========================================================================== */
.breadcrumbs, .post-meta{
margin-top: 15px;
font-size: 11px;
line-height: 20px;
text-transform: uppercase;
}
.breadcrumbs:first-child{
margin-top: 0;
}
.breadcrumbs a, .title-bar .post-meta a{
color: #666;
}
.title-bar .post-meta i{
margin: 0 4px;
}
.breadcrumbs, .breadcrumbs a:hover,
.title-bar .post-meta, .title-bar .post-meta a:hover, .title-bar .post-meta a .label{
color: #bbb;
}
.breadcrumbs .sep{
color: #666;
margin: 0 8px;
}
/* ==========================================================================
SINGLE POST
========================================================================== */
.post-media{
margin-top: 30px;
}
.post-media > a{
display: block;
}
.post-media img{
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
width: auto;
}
.post-media img:hover{
box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
opacity: 0.7;
filter: alpha(opacity=70); /* IE 8 */
}
.post-media iframe,
.real-content iframe{
border: none;
display: block;
margin: 0 auto;
max-width: 100%;
}
.item-video.align-center{
margin: 0 auto;
}
.item-video.width-medium{
max-width: 600px;
}
.item-video.width-big{
max-width: 960px;
}
.post-media.align-right{
overflow: hidden; /* float clear */
}
.post-media.align-right img{
float: right;
margin: 0;
}
.post-media.align-left img{
margin: 0;
}
.item-video.stretch-full{
max-width: none !important;
}
.post-media.stretch-full img{
width: 100%;
}
.real-content,
.entry-content{
line-height: 1.5;
margin-top: 25px;
}
.real-content.empty-blog{
padding: 0 40px 40px;
}
.real-content:first-child,
.entry-content:first-child{
margin-top: 0;
}
.real-content > p:first-child{
margin-top: 0; /* if content is alone then top margin is not looking good */
font-size: 1.143em; /*16px;*/
line-height: 1.5;
color: #444;
}
.real-content img,
.entry-content img{
height: auto;
max-width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.lt-ie9 .real-content img{
width: auto;
}
.under_content_tags{
color: #999999;
font-size: 12px;
padding-top: 15px;
}
.under_content_tags span{
margin-right: 10px;
}
/* PASSWORD FORM */
.password-form {
max-width: 490px;
}
.password-form p{
font-size: 13px !important; /* overwrite content styles for p */
}
.single-gallery .password-form,
.single-work .password-form{
background-color: #fff;
padding: 40px;
margin: 0 auto;
}
.password-form .inputs{
margin: 0;
}
.password-form input{
display: inline-block;
vertical-align: top;
width: 49%;
}
.password-form input[type="submit"]{
margin-left: 1.9%;
}
#page-links{
margin-top: 1em;
}
/* =============================================================================
SIMILAR POSTS
========================================================================== */
.widget-title,
.comment-reply-title{
font-size: 13px;
text-transform: uppercase;
margin-bottom: 40px;
}
.in_post_widget{
margin-top: 50px;
}
.in_post_widget .title{
margin-bottom: 40px;
}
.in_post_widget .widget-inside{
margin-left: -3.3%;
}
.in_post_widget.classic .widget-inside{
margin-left: -10px;
margin-right: -10px;
}
.in_post_widget .item{
float: left;
width: 30%;
margin-left: 3.3%;
}
.in_post_widget .g-item.ready{
left: auto;
}
.in_post_widget .post-media{
margin-bottom: 15px;
}
.in_post_widget .post-title{
display: block;
margin: 0 0 10px;
font-size: 17px;
text-align: center;
}
/* =============================================================================
POSTS NAVIGATION
========================================================================== */
.posts-nav{
border: 1px solid #EDEDED;
margin-top: 50px;
}
.posts-nav a{
border-right: 1px solid #EDEDED;
float: left;
position: relative;
width: 50%;
min-height: 110px;
padding: 30px 60px 30px 100px;
color: #999;
font-size: 11px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.lt-ie9 .posts-nav a{
min-height: 50px;
}
.posts-nav a.next{
float: right;
border: none;
}
.posts-nav a.next:first-child{
float: right;
border-left: 1px solid #EDEDED;
}
.posts-nav a span{
font-size: 14px;
color: #484848;
display: block;
}
.posts-nav a i{
position: absolute;
right: 30px;
top: 50%;
margin-top: -10px;
line-height: 20px;
font-size: 20px;
color: #484848;
}
.posts-nav .prev i{
right: auto;
left: 30px;
}
.posts-nav img{
height: 50px;
width: 50px;
position: absolute;
top: 30px;
left: 30px;
}
.posts-nav .prev img{
left: auto;
right: 30px;
}
.posts-nav a:hover span,
.posts-nav a:hover i{
color: #D3AC13;
}
.posts-nav .prev{
text-align: right;
padding-left: 60px;
padding-right: 100px;
}
.posts-nav .full.prev{
text-align: right;
padding-right: 30px;
}
.posts-nav .full.next{
padding-left: 30px;
}
/* =============================================================================
COMMENTS & ABOUT AUTHOR
========================================================================== */
/** ABOUT AUTHOR */
.about-author{
margin-top: 50px;
position: relative;
}
a.avatar{
float: left;
margin-left: 10px;
}
a.avatar img{
-webkit-border-radius: 25px;
border-radius: 25px;
display: block;
}
.author-inside{
margin-left: 80px;
}
/* COMMENTS */
.comments-area{
/* almost no styles cause when no comments
* then comment form area takes over styling
*/
margin-top: 50px;
}
#comments-title, #reply-title{
margin: 0;
}
.comment{
min-height: 40px;
padding: 30px 0 0;
}
.comment a.avatar{
}
.comment-inside{
border-bottom: 1px dotted #ddd;
padding: 0 0 30px;
position: relative;
margin-left: 80px;
}
.comment-inside{
border-bottom: 1px dotted #ddd;
padding: 0 0 30px;
position: relative;
margin-left: 80px;
}
.comment .comment,
.comment #respond{
margin-left: 70px;
}
.comment-info{
line-height: 1.4;
margin: 0 0 13px;
}
.comment-info, .comment-info .time{
color: #bbb;
}
.bypostauthor > .comment-inside > .comment-info { /* cause of comment nesting we use > selector */
padding-right: 65px;
}
.author-name{
color: #4ec6ab;
font-weight: bold;
}
.author-name,
.comment-info .author,
.author-name .url{
color: #222;
font-weight: bold;
}
.comment-info .author{
margin-right: 12px;
}
.comment-info .author .url{
color: #d3ac13;
}
a.comment-reply-link{
color: #D3AC13;
margin-left: 12px;
}
a.comment-reply-link i{
margin-right: 5px;
}
.comment-inside,
.author-inside{
font-size: 13px;
line-height: 1.5;
word-wrap: break-word;
}
.bypostauthor > .comment-inside:after{
content: "";
background: transparent url(images/author.png) 0 0 no-repeat;
height: 23px;
width: 43px;
position: absolute;
right: 0;
top: 0;
}
em.comment-awaiting-moderation{
border-bottom: 1px dashed;
}
.comment-text p,
.author-inside p{
margin: 1em 0 0;
}
.comment-text > p:first-child,
.author-inside > p:first-child{
margin-top: 0;
}
/* =============================================================================
ADD COMMENT FORM
========================================================================== */
#respond{
margin: 50px 0 0;
}
#respond:first-child{ /* no comments yet */
margin-top: 0;
}
#cancel-comment-reply-link{
margin-left: -4px;
display: inline;
border-left: 2px solid;
color: #D3AC13;
font-weight: normal;
font-size: medium;
}
.input-row{
float: left;
width: 32%;
margin: 15px 0 0 2%;
}
.input-row.first{
margin-left: 0;
}
.input-row.full{
float: none;
width: auto;
margin: 0;
padding-top: 15px;
clear: both;
}
.input-row textarea{
max-width: none;
}
.form-submit, .cptch_block{
margin: 15px 0 0;
}
.input-row label,
.cptch_block label{
display: block;
margin-bottom: 5px;
color: #222;
text-transform: uppercase;
font-size: 11px;
}
em.star{
font-style: normal;
font-weight: bold;
font-size: 11px;
color: #ff0000;
margin-left: 5px;
}
#respond .info{
color: #666;
font-size: 12px;
float: right;
line-height: 30px;
}
.form-info,
span.wpcf7-not-valid-tip,
div.wpcf7-response-output{
background-color: #e9fdd5;
border: 1px solid #a6e368;
padding: 6px;
margin: 12px 0 0;
color: #3dcb05;
font-size: 13px;
line-height: 20px;
text-align: center;
display: none;
cursor: pointer;
}
.form-info.error,
span.wpcf7-not-valid-tip,
div.wpcf7-validation-errors{
background-color: #ffeaea;
border-color: #feabab;
color: #eb1515;
}
div.wpcf7-response-output{
margin-bottom: 20px;
}
span.wpcf7-not-valid-tip{
position: static;
display: block;
margin-top: 5px;
max-width: 280px;
width: auto;
}
/* captcha plugin */
.cptch_block br{
display: none;
}
/* ==========================================================================
POST LIST
========================================================================== */
.archive-item{
margin: 40px 0 0;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.archive-item:first-child{
margin-top: 0;
}
.post-title{
font-size: 28px;
line-height: 1.2em;
color: #222;
margin: 28px 0 0; /* when in variant when title is second */
}
.post-title:first-child,
.post-media:first-child{
margin-top: 0;
}
a.more-link{
font-weight: bold;
color: #D3AC13;
white-space: nowrap;
}
a.more-link:hover{
color: #444;
}
/* post formats */
#post-list .special-post-format{
position: relative;
}
#post-list .post-format-icon{
position: absolute;
top: -1px;
left: 0;
color: #D1D1D1;
font-size: 32px;
}
#post-list .special-post-format .post-title,
#post-list .special-post-format .real-content,
#post-list .special-post-format .cite-author{
padding-left: 55px;
}
/* in quote post format*/
.cite-author{
margin-top: 25px;
display: block;
}
/* post meta */
.post .post-meta{
margin-top: 0;
padding: 20px 0 5px;
color: #999;
text-transform: none;
}
.post .post-meta i{
margin: 0 4px;
}
.post .post-meta a{
color: #d3ac13;
}
.post .post-meta a:hover, .post .post-meta a .label{
color: #747474;
}
/* post padding and border */
.posts-list .post{
border-bottom: 1px solid #ededed;
padding-bottom: 20px;
}
/* everything centered variant */
.variant_3 #post-list{
text-align: center;
}
/* short-list variant */
.variant_short_list .post-media + .short_column{
margin-left: 480px;
}
.ls-wp-container + .post-title,
.rev_slider_wrapper ~ .short_column,
.ls-wp-container + .short_column{
margin-top: 20px;
}
.variant_short_list .post-media{
width: 450px; /* don't use max-width to make fitVid script work proper */
float: left;
}
.variant_short_list .post-title{
margin-top: 0;
}
/* masonry variant */
.variant_masonry .archive-item{
margin: 0;
}
.variant_masonry .post-media img{
width: 100%;
}
.variant_masonry .post-title{
font-size: 18px;
}
.variant_masonry #post-list .post-format-icon{
font-size: 24px;
}
.variant_masonry #post-list .special-post-format .post-title,
.variant_masonry #post-list .special-post-format .real-content,
.variant_masonry #post-list .special-post-format .cite-author{
padding-left: 35px;
}
.variant_masonry .post-media + .post-title,
.variant_masonry .real-content,
.variant_masonry .entry-content{
margin-top: 20px;
}
.variant_masonry .real-content > p:first-child{
font-size: 14px;
line-height: 1.4;
}
/* =============================================================================
PAGINATION & WP-PAGINATE PLUGIN
========================================================================== */
.navigation{
margin-top: 40px;
text-align: center;
font-size: 12px;
}
.navigation a,
.wp-paginate span{
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #eaeaea;
display: inline-block;
height: 28px;
min-width: 14px;
padding: 0 7px;
margin: 8px 0 0 5px;
color: #222;
line-height: 28px;
}
.navigation .current,
.navigation a:hover{
color: #D3AC13;
border-color: #D3AC13;
}
.wp-paginate{
list-style-type: none;
margin: 0;
padding: 0;
}
.wp-paginate li{
display: inline-block;
}
/* Infinite scroll*/
#infscr-loading{
text-align: center;
margin-top: 40px;
}
.variant_masonry #infscr-loading{
position: absolute;
bottom: -40px;
width: 100%;
}
/* =============================================================================
SIDEBAR & WIDGETS
========================================================================== */
.widget{
margin-top: 50px;
font-size: 13px;
}
#secondary .widget:first-child{
margin-top: 0;
}
.widget h3.title{
margin: 0 0 25px;
font-size: 13px;
letter-spacing: 0px;
text-transform: uppercase;
}
.widget ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.widget ul ul{
margin: 0 0 0 25px;
}
.widget ul ul li{
position: relative;
}
.widget ul ul li:before{
content: "\f105"; /* right small arrow */
position: absolute;
top: 1px;
left: -15px;
font-size: 12px;
color: #D7D7D7;
}
/* CUSTOM MENU LIST */
#secondary .widget_nav_menu ul{
}
#secondary .widget_nav_menu li a{
display: block;
position: relative;
line-height: 20px;
min-height: 20px;
padding: 14px 30px 14px 15px;
border-bottom: 1px solid #ededed;
text-transform: uppercase;
color: #828282;
font-size: 11px;
font-weight: bold;
}
#secondary .widget_nav_menu li a:hover,
#secondary .widget_nav_menu li.current-menu-item > a,
#secondary .widget_nav_menu li.current_page_item > a{
color: #222;
border-bottom: 2px solid #ededed;
padding-bottom: 13px;
background-color: #fafafa;
}
.widget_nav_menu li .m_icon{
display: inline-block;
width: 15px;
margin-right: 8px;
}
em.icon-angle-right{
position: absolute;
top: 0;
right: 0;
width: 15px;
line-height: 49px;
}
/* Next levels of list in widgets */
#secondary .widget_nav_menu ul ul{
box-shadow: none;
margin: 0;
border: none;
}
#secondary .widget_nav_menu ul ul li:before{
display: none;
}
#secondary .widget_nav_menu li li a{
padding-left: 20px;
}
#secondary .widget_nav_menu li li li a{
padding-left: 40px;
}
/* RECENT/POPULAR/RELATED POSTS WIDGET */
/* RECENT COMMENTS WIDGET */
.widget_about_posts .item{
margin-top: 15px;
min-height: 50px;
}
.widget_about_posts .thumb{
float: left;
margin: 0 15px 5px 0;
height: 50px;
width: 50px;
}
.widget_about_posts .post-title{
display: block;
margin: 0;
font-size: 13px;
}
.widget_about_posts .entry-date{
margin-top: 3px;
font-size: 11px;
}
.widget_about_posts .content{
display: block;
clear: both;
margin-top: 5px;
}
/* CALENDAR WIDGET */
#wp-calendar{
width: 100%;
}
#wp-calendar caption{
padding-bottom: 10px;
}
#wp-calendar td{
text-align: center;
}
#wp-calendar tfoot td{
padding-top: 10px;
}
#wp-calendar tfoot td#prev{
text-align: left;
}
#wp-calendar tfoot td#next{
text-align: right;
}
/* RSS WIDGET */
a.rsswidget{
display: inline;
}
.rsswidget img{
margin-top: -2px;
}
.widget_rss >ul >li{
margin-top: 20px;
}
.rss-date{
display: block;
}
/* TAG CLOUD WIDGET */
.tagcloud a{
border: 1px solid #e1e1e1;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 0 10px;
margin: 2px 0 0 0;
font-size: 12px;
line-height: 21px;
display: inline-block;
}
.tagcloud a:hover{
color: #d3ac13;
border-color: #d3ac13;
}
.widget_tag_cloud a{
font-size: 12px !important; /* tag cloud insert inline font-size style */
}
/* FLICKR WIDGET & WORKS WIDGET*/
.widget_quick-flickr-widget{
text-align: center;
line-height: 0;
}
.quick-flickr-item{
display: inline-block;
margin: 10px 0 0 10px;
position: relative;
left: -5px;
}
.quick-flickr-item a{
display: block;
height: 75px;
width: 100px;
}
.widget_recent_works{
line-height: 0;
}
.widget_recent_works .items{
margin: -6% 0 0 -6%;
line-height: 0;
}
.widget_recent_works .item{
display: inline-block;
margin: 6% 0 0 6%;
width: 27.33%;
height: auto; /* was 27.33% but it doesn't work that way ;-) */
position: relative; /* for hover */
}
.widget_recent_works a{
display: block;
height: auto; /* was 100% but it doesn't work that way ;-) */
width: 100%;
}
.quick-flickr-item img,
.widget_recent_works img,
.widget_about_posts .thumb img{
display: block;
position: relative;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.quick-flickr-item:hover img,
.widget_recent_works .item:hover img,
.widget_about_posts .item:hover .thumb img{
box-shadow: -4px 4px 11px rgba(0,0,0, 0.3);
top: -4px;
left: 4px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
/* Socials WIDGET */
.widget .socials{
text-align: left
}
/* TWITTER WIDGET */
.twitter-avatar{
margin-top: 25px;
text-align: center;
}
.widget_twitter .intent-meta,
.widget_twitter .range-link,
.widget_twitter .follow-button{
display: block;
margin-top: 10px;
}
.widget_twitter .intent-meta a{
margin-right: 7px;
}
.range-link a{
margin-left: 7px;
}
.widget_twitter li{
margin-top: 20px;
}
.widget_twitter{
overflow: hidden; /* twitter tooltip makes scroll-bar in narrow screen width */
}
/* CONTACT INFO */
.widget_contact_info .info{
margin-top: 0;
}
.widget_contact_info .content-text{
margin-bottom: 20px;
}
.widget_contact_info .with_icon{
padding-left: 25px;
position: relative;
}
.widget_contact_info .with_icon > i{
color: #bcbcbc;
font-size: 14px;
position: absolute;
top: 2px;
left: 0;
}
.widget_contact_info .email,
.widget_contact_info .www{
display: block;
}
/* COLORS */
.widget .entry-date,
.rss-date,
.widget_categories,
.widget_archive,
.widget_recent_comments,
.widget a.comments{
color: #a9a9a9;
}
.widget a{
color: #484848;
}
.widget .author,
.widget a:hover{
color: #D3AC13;
}
/* WIDGET SLIDER CONTROLS */
.slider-ctrls{
position: relative;
}
.slider-ctrls .title{
padding-right: 40px;
}
.widget-slider-ctrls{
position: absolute;
top: 0;
right: 0;
}
.widget-slider-ctrls span{
cursor: pointer;
display: inline-block;
height: 20px;
width: 15px;
color: #fff;
text-align: center;
opacity: 0.5;
filter: alpha(opacity=50); /* IE 8 */
}
.widget-slider-ctrls span:hover{
opacity: 1;
filter: alpha(opacity=100); /* IE 8 */
}
/* SEARCH FORM WIDGET */
.widget-area .search-form .semantic{
text-align: center;
}
.widget-area .search-form input[type="submit"]{
margin-top: 10px;
}
/* =============================================================================
FOOTER WIDGET AREA
========================================================================== */
.foot-widgets .widget{
margin-top: 35px;
}
.foot-widgets .widget h3.title{
background: none;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #eee;
color: #222;
text-align: left;
}
.foot-widgets .widget h3.title, .foot-widgets .widget h3.title a{
text-transform: uppercase;
}
.foot-widgets .widget h3.title:before{
display: none;
}
.foot-widgets .widget h3.title > span{
background-color: transparent;
padding: 0;
}
.foot-widgets .col{
float: left;
width: 31.3%;
margin-left: 3%;
padding-bottom: 70px;
padding-top:30px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.four-col .col{
width: 22.75%;
}
.five-col .col{
width: 17.5%;
}
.foot-widgets .col:first-child{
margin-left: 0;
}
/* custom widgets styles */
.footer-widget.widget_nav_menu .m_icon,
.footer-widget.widget_nav_menu em.icon-angle-right{
display: none;
}
.footer-widget .widget-slider-ctrls span{
color: #222;
}
.js #footer div.widget_twitter li, .js #footer div.widget_rss.footer-widget li{
display: none;
}
/* special twitter widget area */
.twitter-blue-widget{
color: #fff;
padding: 20px 100px 20px 0;
margin: 0;
position: relative;
}
.twitter-blue-widget h3.title,
.twitter-blue-widget .follow-button{
display: none;
}
.twitter-blue-widget li{
margin: 0;
}
.twitter-blue-widget li:before{ /* place for twitter logo */
content: "";
width: 20px;
display: inline-block;
}
.twitter-blue-widget .brand{ /* twitter logo */
color: #fff;
position: absolute;
top: 24px;
left: 0;
height: 20px;
}
.twitter-blue-widget .widget-slider-ctrls{
top: 20px;
}
.twitter-blue-widget .intent-meta{
position: absolute;
top: 20px;
right: 40px;
margin: 0;
}
.twitter-blue-widget .entry-content a,
.twitter-blue-widget .entry-meta a{
color: #98E1FD;
}
.twitter-blue-widget .entry-content a:hover,
.twitter-blue-widget .entry-meta a:hover{
color: #fff;
}
.twitter-blue-widget .intent-meta a{
font-size: 12px;
color: #fff;
margin: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: inline-block;
width: 15px;
position: relative;
}
.twitter-blue-widget .intent-meta a:before{
content: "\f005"; /* star */
text-indent: 0;
position: absolute;
top: 0;
left: 0;
}
.twitter-blue-widget .intent-meta .retweet:before{
content: "\f079"; /* retweet */
}
.twitter-blue-widget .intent-meta .in-reply-to:before{
content: "\f112"; /* reply */
}
/* =============================================================================
ATTACHMENT PAGE
========================================================================== */
p.attachment img{
display: block;
margin: 0 auto;
}
.attachment-info{
margin-top: 20px;
}
/* =============================================================================
PAGES
========================================================================== */
#mid{
overflow: hidden; /* for full width rows */
}
.full-width-elements #content{
max-width: none;
}
.full-width-elements .a13_row_container,/* if not full width*/
.full-width-elements .vc_row-fluid{
max-width: 1080px;
margin: 0 auto;
}
.full-width-elements .a13_row_container.a13_full-row,
.full-width-elements .a13_full-content .vc_row-fluid{
max-width: none;
}
/* sitemap */
.in-site-map a:empty::before{ content: "\2014"; }
/* =============================================================================
CONTACT PAGE
========================================================================== */
.contact-page #content,
.map-in-content .post-content{
position: relative !important; /* in case of previous too specific selectors */
}
.contact-page .with-map #col-mask{
margin-top: 340px; /* 300px of map */
}
/* reset above if map is in content */
.map-in-content .with-map #col-mask,
.map-in-content .no-sidebars .with-map #col-mask{
margin-top: 0;
}
.map-in-content .with-map .post-content{
padding-top: 320px;
}
.map-container{ /* need it cause google map script don't like position in main container */
height: 300px;
width: 100%;
position: absolute;
top: 40px;
left: 0;
right: 0;
}
.no-top-space .map-container{
top: 0;
}
.map-in-content .map-container{
top: 0;
}
#map-canvas{
height: 100%;
}
/* =============================================================================
WORKS/GALLERIES LIST
========================================================================== */
/*.cpt-list-page #mid{*/
/*position: relative;*/
/*overflow: hidden;*/
/*}*/
.cpt-list-container{
position: relative;
}
.cpt-list-container.non-fluid{ /* place for bricks margin */
margin: 0 -13px;
}
.bricks-list{
margin: 0;
padding: 0;
overflow: visible;
}
.js .bricks-list{
visibility: hidden;
}
.js .bricks-list.loaded{
visibility: visible;
}
.bricks-list.masonry{
margin: 0 auto;
}
.bricks-list.non-fluid{
padding-top: 20px;
}
/* thanks to g-item and g-link division we can add other links, for example 'like button' */
.g-item{
outline: none !important; /* no link focus outline */
float: left;
margin: 0;
/*width: 310px;/* /* what for with this default width? */
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
position: relative;
}
.masonry .g-item,
.masonry > .g-link.ready{
position: absolute; /* webkit ignores setting 'top' without it */
}
.non-fluid .g-item{
margin: 0 13px 26px;
}
.bricks_big .g-item{
width: 525px;
}
.bricks_medium .g-item{
width: 340px;
}
.bricks_small .g-item{
width: 250px;
}
.g-link{
display: block;
width: 100%;
position: relative;
}
.g-link img{
display: block;
height: auto;
width: 100%;
}
/* cover */
.g-link .cov,
.g-item .dot-irecommendthis{
opacity: 0; /* don't add style for IE 8 */
}
.g-item:hover .cov,
.touched .g-link .cov,
.bricks .g-link:hover .cov,/* single gallery */
.g-item:hover .dot-irecommendthis,
.touched .dot-irecommendthis{
opacity: 1; /* don't add style for IE 8 */
}
.lt-ie9 .g-link .cov,
.lt-ie9 .g-item .dot-irecommendthis{
visibility: hidden;
}
.lt-ie9 .g-item:hover .cov,
.lt-ie9 .g-item:hover .dot-irecommendthis,
.lt-ie9 .bricks .g-link:hover .cov{/* single gallery */
visibility: visible;
}
/* texts on cover */
.g-link .cov span{
color: #fff;
font-style: normal;
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0 30px 26px; /* medium and fluid size */
}
.bricks_big .g-link .cov span{ padding: 0 40px 33px; }
.bricks_small .g-link .cov span{ padding: 0 20px 16px; }
.g-link .cov small{
color: #999;
font-size: 13px;
font-weight: normal;
display: block;
}
.g-link .cov strong{
font-weight: bold;
font-size: 20px;/* medium and fluid size */
}
.bricks_small .g-link .cov strong{ font-size: 16px; }
/* icons on cover */
.g-link .cov:after{
content: "\f002"; /* search icon */
position: absolute;
top: 30px;
right: 30px;
font-size: 14px;
color: #999;
}
.g-link.video .cov:after{ content: "\f03d"; /* camera icon */ }
.g-link.link .cov:after{ content: "\f0c1"; /* chain icon */ }
.bricks_big .g-link .cov:after{ top: 40px; right: 40px; }
.bricks_small .g-link .cov:after{ top: 20px; right: 20px; }
/* like button */
.g-item .dot-irecommendthis{
position: absolute;
top: 30px;
left: 30px;
padding: 0;
font-size: 12px;
font-weight: bold;
background-color: transparent;
color: #999;
border: none;
line-height: 1em;
height: 1.2em; /* a bit bigger click area */
}
.bricks_big .dot-irecommendthis{ top: 40px; left: 40px; }
.bricks_small .dot-irecommendthis{ top: 20px; left: 20px; }
.g-item .dot-irecommendthis:before{
font-size: 1em;
}
.g-item a.dot-irecommendthis:hover, .g-item a.dot-irecommendthis.active{
color: #FF3737;
}
/* Uncover styles*/
.uncover .g-link .cov,
.uncover .g-item .dot-irecommendthis{
opacity: 1;/* don't add style for IE 8 */
}
.uncover .g-item:hover .cov,
.bricks.uncover .g-link:hover .cov,/* single gallery */
.uncover .touched .g-link .cov,
.uncover .g-item:hover .dot-irecommendthis,
.uncover .touched .dot-irecommendthis{
opacity: 0;/* don't add style for IE 8 */
}
.lt-ie9 .uncover .g-link .cov,
.lt-ie9 .uncover .g-item .dot-irecommendthis{
visibility: visible;
}
.lt-ie9 .uncover .g-link:hover .cov,
.lt-ie9 .uncover .g-item:hover .dot-irecommendthis,
.le-ie9 .bricks.uncover .g-ilink:hover .cov{/* single gallery */
visibility: hidden;
}
/* =============================================================================
GENRE FILTER
========================================================================== */
.genre-filter{
margin: -10px 0 40px;
padding: 0;
list-style-type: none;
text-align: center;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}
.genre-filter.categories_filter{
padding: 0 15px;/* fix in builder row */
}
.full-width .genre-filter{
margin-top: 30px;
}
.js .genre-filter li{ display: none; }
.js .genre-filter li.label,
.js .genre-filter.open li,
.genre-filter li{
display: inline-block;
vertical-align: top;
}
.wpb_teaser_grid .categories_filter li {margin-right:4px;}
.genre-filter a,
.genre-filter li.label,
.wpb_teaser_grid .categories_filter li a{
border: 1px solid #eaeaea;
height: 28px;
padding: 0 20px;
margin: 10px 3px 0;
color: #222;
line-height: 28px;
white-space: nowrap;
cursor: pointer;
display: block;
}
.genre-filter li.label i{
font-size: 11px;
vertical-align: middle;
margin-right: 10px;
margin-bottom: 2px;
}
.genre-filter li.selected a,
.genre-filter li.active a,
.genre-filter li:hover a,
.genre-filter li.label:hover{
color: #D3AC13;
border-color: #D3AC13;
}
.wpb_teaser_grid .categories_filter li, .wpb_categories_filter li{
float: none;
}
.wpb_teaser_grid .categories_filter li.active a,
.wpb_teaser_grid .categories_filter li a:hover{
border-style: solid;
}
/* =============================================================================
SINGLE WORK
========================================================================== */
/* navigation */
.cpt-nav{
border-bottom: 1px solid #EDEDED;
padding: 0 40px 20px 0;
min-height: 20px;
position: relative;
font-size: 13px;
}
.cpt-nav a{
color: #ccc;
}
.cpt-nav a:hover{
color: #d3ac13;
}
.cpt-nav a.to-cpt-list i{
margin-right: 7px;
}
.cpt-nav .prev, .cpt-nav .next{
position: absolute;
top: 0;
right: 0;
}
.cpt-nav .prev{ right: 20px; }
.cpt-nav .prev a:before{ content: "\f053"; /* right big arrow */ }
.cpt-nav .next a:before{ content: "\f054"; /* right big arrow */ }
/* text content */
.work-content .real-content{
border-bottom: 1px solid #EDEDED;
padding-bottom: 25px;
}
.work-content .real-content > p:first-child{
font-size: inherit;
line-height: inherit;
color: inherit;
}
/* meta data */
.meta-data{
margin-top: 25px;
padding-bottom: 25px;
font-size: 13px;
}
.meta-data .fields{
clear: both;
margin-top: 25px;
}
.meta-data .fields span{
display: block;
margin-top: 5px;
}
.meta-data .posted-in{
display: block;
margin-top: 25px;
}
.meta-data .fields em,
.meta-data .posted-in em{
color: #555;
font-style: normal;
font-weight: bold;
margin-right: 2px;
}
.meta-data .fields em:after,
.meta-data .posted-in em:after{
content: ":";
}
.meta-data a.project-site + a.dot-irecommendthis{
margin-left: 5px;
}
/* Similar posts */
.single-work .in_post_widget .g-item{
width: 21.7%;
margin: 0 0 0 3.3%;
}
.in-post-slider{
position: relative;
height: 300px;
}
/* content position variants */
.content-under .cpt-nav{
margin-top: 25px;
}
.content-under .work-content{
margin-top: 25px;
display: table;
border-bottom: 1px solid #EDEDED;
}
.content-under .work-content:first-child,
.content-under .cpt-nav:first-child{
margin-top: 0;
}
.content-under .real-content{
width: 760px;
display: table-cell;
vertical-align: top;
border-bottom: none;
}
.content-under .meta-data{
display: table-cell;
vertical-align: top;
width: 280px;
padding-left: 40px;
}
.content-side #a13-full-photos,
.content-side .in-post-slider,
.content-side #a13-scroll-pan{
margin-left: 320px;
max-width: 760px;
}
.content-right #a13-full-photos,
.content-right .in-post-slider,
.content-right #a13-scroll-pan{
margin-right: 320px;
margin-left: 0;
}
.content-side .work-content{
margin-top: 0;
width: 280px;
float: left;
}
.content-right .work-content{
float: right;
}
/* =============================================================================
A13 GALLERY
========================================================================== */
.single-gallery .in-post-slider{
height: 500px;
}
#g_descs{
display: none;
}
/* =============================================================================
A13 SLIDER
========================================================================== */
#a13-slider{
display: block;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
}
#a13-slider img{
border: none;
display: none;
height: auto;
outline: none;
position: relative;
width: auto;
}
#a13-slider li{
display: block;
list-style: none;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
z-index: 0;
visibility: visible!important;
}
#a13-slider a{
display: block;
height: 100%;
width: 100%;
}
#a13-slider li.image-loading {
background: transparent url(images/ajax-loader.gif) no-repeat center center;
height: 100%;
width: 100%;
}
#a13-slider li.image-loading img{
visibility: hidden;
}
#a13-slider li img{
display: block;
}
#a13-slider li iframe{
border: none;
width: 100%;
height: 100%;
}
.load-item{
visibility: hidden;
}
.controls #play-button{
visibility: hidden;
}
.vc_carousel .vc_carousel-control, /* stronger selector to overwrite */
.slider-arrow,
#a13-scroll-pan .arr{
cursor: pointer;
background-color: rgba(0,0,0,0.3);
-webkit-border-radius: 3px;
border-radius: 3px;
position: absolute;
top: 50%;
left: 40px;
height: 50px;
width: 50px;
margin-top: -25px;
}
.slider-arrow{
opacity: 0;
filter: alpha(opacity=0); /* IE 8 */
}
.vc_carousel .vc_carousel-control:before,
.slider-arrow:before,
#a13-scroll-pan .arr:before{
content: "\f104";
display: block;
font-size: 30px;
line-height: 50px;
color: #fff;
height: 50px;
text-align: center;
}
.vc_carousel .vc_carousel-control.vc_right,
#nextslide,
#a13-scroll-pan .arr.right{
left: auto;
right: 40px;
}
.vc_carousel .vc_carousel-control.vc_right:before,
#nextslide:before,
#a13-scroll-pan .arr.right:before{
content: "\f105";
}
.vc_carousel .vc_carousel-control:hover,
.slider-arrow:hover,
#a13-scroll-pan .arr:hover{
background-color: rgba(0,0,0,0.8);
}
.lt-ie9 .vc_carousel .vc_carousel-control,
.lt-ie9 .slider-arrow,
.lt-ie9 #a13-scroll-pan .arr{
background-color: #000;
filter: alpha(opacity=50);
}
.lt-ie9 .vc_carousel .vc_carousel-control:hover,
.lt-ie9 .slider-arrow:hover,
.lt-ie9 #a13-scroll-pan .arr:hover{
filter: alpha(opacity=80);
}
#big-play{
background: transparent url(images/big-play.png) 50% 50% no-repeat;
height: 100px;
margin: -50px 0 0 -50px;
position: absolute;
top: 50%;
left: 50%;
width: 100px;
}
#big-play.play{
background-position: 100% 0;
background-size: 200% 100%;
}
#big-play.pause{
background-position: 0 0;
background-size: 200% 100%;
}
.lt-ie9 #big-play{
height: 50px;
margin: -25px 0 0 -25px;
width: 50px;
}
.lt-ie9 #big-play.play{
background-position: 100% 50%;
}
.lt-ie9 #big-play.pause{
background-position: 0 50%;
}
#progress-back{
background-color: transparent;
height: 6px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 5;
}
#progress-bar{
background-color: #fff;
opacity: 0.3;
filter: alpha(opacity=30); /* IE 8 */
height: 6px;
width: 0;
}
#slide-list{
list-style: none;
margin: 0;
max-width: 50%;
padding: 0;
position: absolute;
bottom: 40px;
right: 40px;
opacity: 0;
filter: alpha(opacity=0); /* IE 8 */
background-color: rgba(0,0,0,0.5);
-webkit-border-radius: 3px;
border-radius: 3px;
}
/*.vc_carousel .vc_carousel-indicators li,*/
#slide-list li{
cursor: pointer;
float: left;
height: 18px;
width: 18px;
margin: 0 0 2px 2px;
text-align: center;
}
#slide-list li:before{
content: "\f10c";
color: #fff;
font-size: 14px;
}
#slide-list li.current-slide:before,
#slide-list li:hover:before{
content: "\f111";
}
#slide-list a{
display: none;
}
#a13-slider-caption{
background-color: rgba(0,0,0,0.5);
-webkit-border-radius: 3px;
border-radius: 3px;
display: none;
overflow: hidden;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 26px;
min-height: 20px;
max-width: 50%;
padding: 0 10px;
position: absolute;
bottom: 40px;
left: 40px;
opacity: 0;
filter: alpha(opacity=0); /* IE 8 */
}
.lt-ie9 #a13-slider-caption{
background-color: #000;
filter: alpha(opacity=85);
}
.in-post-slider:hover .slider-arrow ,
html.touch .slider-arrow,
.in-post-slider:hover #slide-list,
html.touch #slide-list,
.in-post-slider:hover #a13-slider-caption,
html.touch #a13-slider-caption{
opacity: 1;
filter: alpha(opacity=100); /* IE 8 */
}
/* =============================================================================
A13 SCROLLER
========================================================================== */
#a13-scroll-pan{
height: 300px;
position: relative;
overflow: hidden;
}
#a13-work-slides{
position: absolute;
left: 0;
top: 0;
height: 100%;
}
.js #a13-work-slides,
#a13-scroll-pan .arr{
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0); /* IE 8 */
}
.js .ready #a13-work-slides,
#a13-scroll-pan.ready .arr{
visibility: visible;
opacity: 1;
filter: alpha(opacity=100); /* IE 8 */
}
#a13-work-slides img{
height: 100%;
width: auto;
max-width: 100%;
display: block;
}
.lt-ie9 #a13-work-slides img{
max-width: none; /* turned off cause was breaking IE 8*/
}
#a13-work-slides a{
float: left;
height: 100%;
position: relative;
outline: none !important; /* no link focus outline */
}
#a13-work-slides i,
#a13-full-photos i{
position: absolute;
top: 50%;
left: 50%;
height: 50px;
width: 50px;
margin: -25px 0 0 -25px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: rgba(0,0,0,0.25); /* no-shorthand for fallback for IE 8 */
opacity: 0;
filter: alpha(opacity=0);
}
#a13-work-slides i:before,
#a13-full-photos i:before{
content: "\f002"; /* search icon */
display: block;
font-size: 16px;
line-height: 50px;
color: #fff;
height: 50px;
text-align: center;
}
#a13-work-slides a.video i,
#a13-full-photos a.video i{
background-position: 50% -150px;
}
#a13-work-slides a.link i,
#a13-full-photos a.link i{
background-position: 50% -1100px;
}
#a13-work-slides a:hover i,
#a13-full-photos a:hover i{
opacity: 1;
filter: alpha(opacity=100);
}
#a13-work-slides em{
background-color: #000;
background-color: rgba(0,0,0,0.25); /* no-shorthand for fallback for IE 8 */
position: absolute;
bottom: 40px;
left: 40px;
margin-right: 40px;
padding: 3px 10px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
font-style: normal;
color: #fff;
line-height: 19px;
}
/* =============================================================================
A13 FULL PHOTOS
========================================================================== */
#a13-full-photos img{
width: 100%;
height: auto;
display: block;
margin-bottom: 1px;
}
#a13-full-photos a{
outline: none !important; /* no link focus outline */
position: relative;
display: block;
}
/* =============================================================================
DEMO SWITCHER
========================================================================== */
#a13-demo-switcher{
background-color: #fff;
border: 1px solid #E2E2E2;
border-left: none;
border-top: none;
box-shadow: 0 0 12px rgba(0,0,0, 0.09);
position: fixed;
top: 100px;
left: -245px;
z-index: 16166;
width: 244px;
}
#a13-demo-switcher .before-label{
display: block;
position: relative;
padding-left: 25px;
line-height: 40px;
font-size: 14px;
font-weight: bold;
color: #fff;
background-color: #7f8c8d;
cursor: pointer;
}
#a13-demo-switcher .before-label a{
position: absolute;
top: 0;
right: -40px;
width: 40px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background-color: #7f8c8d;
color: #fff;
line-height: 40px;
text-align: center;
outline: none !important;
}
#a13-demo-switcher .sets{
text-align: center;
padding: 10px 25px 20px 15px;
}
#a13-demo-switcher .sets a{
display: inline-block;
border: 1px solid transparent;
width: 90px;
height: 60px;
transition: all 0.3s ease;
margin: 10px 0 0 10px;
}
#a13-demo-switcher .sets img{
width: 90px;
height: 60px;
}
#a13-demo-switcher .sets a:hover,
#a13-demo-switcher .sets a.selected{
border-color: #34495e;
border-radius: 2px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
/* =============================================================================
SHORT CODES
========================================================================== */
em.cov{
background-color: rgba(0,0,0,0.7);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.lt-ie9 em.cov{
background-color: transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#b2000000,endColorStr=#b2000000); zoom: 1;
}
.left50{
width: 47%;
float: left;
margin-right: 3%;
}
.right50{
width: 47%;
float: left;
margin-left: 3%;
}
/***** lists */
ul.styled,
.styled ul,
ol.styled,
.styled ol{
border-bottom: 1px dotted #ececec;
list-style-type: none;
margin: 0 0 25px;
padding: 0;
}
ol.styled{
list-style-type: decimal;
list-style-position: inside;
}
ul.styled ul,
ol.styled ol{
border-bottom: none;
margin: .25em 0 0;
}
ul.styled li,
ul.styled li li:first-child,
ol.styled li,
ol.styled li li:first-child{
border-top: 1px dotted #ececec;
line-height: 1.5em;
margin: 0;
padding: .25em 0 .25em 15px;
position: relative;
}
ul.styled li li:last-child{
padding-bottom: 0;
}
ul.styled li:first-child,
ol.styled li:first-child{
border-top: none;
}
ol.styled li,
ol.styled li li:first-child{
padding-left: 0;
margin-left: 15px;
}
ul.styled li:after,
ul.styled li li li:after{
content: "";
background-color: #7f7f7f;
height: 2px;
margin-top: -1px;
position: absolute;
top: 1em;
left: 0;
width: 2px;
}
ul.styled li li:after,
ul.styled li li li li:after{
background-color: #ccc;
}
/***** blockquote */
blockquote{
padding: 0 20px 0 50px;
color: #ababab;
font-style: italic;
margin: 0 0 20px;
position: relative;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
blockquote:before{
display: block;
content: "\201C";
font-size: 50px;
line-height: 1;
font-family: Georgia, serif;
font-style: normal;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 35px;
border-right: 1px solid #DFDFDF;
color: #3B3B3B;
}
blockquote p:first-child{
margin-top: 0;
}
blockquote cite{
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
blockquote cite:before{
content: "\2014 \2009";
}
blockquote.alignleft,
blockquote.alignright{
width: 50%;
}
/****** twitter oembed ******/
/* overwrite dumb !important styles in twitter omebed */
div.twitter-tweet-rendered{
max-width: 100% !important;
}
.real-content .twt-border {
max-width: 100% !important;
min-width: 0 !important;
}
/****** woothemes testimonials ******/
.real-content .widget_woothemes_testimonials{
margin-top: 0; /* fixing code with .widget class */
}
/* ==========================================================================
BUILDER STYLES & SHORTCODES
========================================================================== */
/* General builder */
.wpb_content_element {
margin-bottom: 20px;/* was 35 by default */
}
/* columns fix*/
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-1,
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-2,
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-3,
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-4,
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-5,
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-6,
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-7,
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-8,
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-9,
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-10,
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-11,
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-12{
float: left;
}
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-1 { width: 8.33%; }
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-2 { width: 16.61%; }
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-3 { width: 24.95%; }
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-4 { width: 33.31%; }
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-5 { width: 41.6%; }
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-6 { width: 49.95%; }
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-7 { width: 58.33%; }
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-8 { width: 66.62%; }
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-9 { width: 74.9%; }
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-10 { width: 83.33%; }
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-11 { width: 91.66%; }
.lt-ie9 .vc_responsive .wpb_row .vc_col-sm-12 { width: 100%; }
/* Sidebar builder */
.wpb_widgetised_column > .wpb_wrapper >.widget:first-child{
margin-top: 0;
}
/* video bg */
.a13_with_bg_video{
position: relative;
overflow: hidden;
}
.a13_with_bg_video > .wpb_row{
position: relative;
z-index: 3;
}
video.a13-bg-video{
position: absolute;
left: 0;
min-height: 100%;
min-width: 100%;
z-index: 1;
}
.touch video.a13-bg-video{ /* don't display on mobiles */
display: none;
}
video.a13-bg-video.video-position-top{
top:0;
}
video.a13-bg-video.video-position-bottom{
bottom:0;
}
.a13_bg_video_overlay{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
background: transparent 0 0 repeat;
}
/* column icon */
.column-with-icon > .wpb_wrapper{
position: relative;
padding-left: 45px;
}
.column-with-icon .column-icon{
position: absolute;
top: 0;
left: 0;
font-size: 24px;
}
.column-with-icon-right > .wpb_wrapper{
padding-right: 45px;
padding-left: 0;
}
.column-with-icon-right .column-icon{
left: auto;
right: 0;
}
/* Separator */
.vc_sep_empty .vc_sep_holder .vc_sep_line{
visibility: hidden;
}
.vc_separator h4{
line-height: 1.2em;
}
/* color titles */
.a13-heading-color.align_left{ text-align: left; }
.a13-heading-color.align_center{ text-align: center; }
.a13-heading-color.align_right{ text-align: right; }
.a13-heading-color span{
display: inline-block;
line-height: 1.5em;
padding: 3px 10px;
}
/* hello text */
.a13-hellotext h1{
margin-bottom: 0.3em;
line-height: 1.2;
}
.a13-hellotext h2{
color: #a9a9a9;
font-weight: normal;
line-height: 1.2;
margin-bottom: 0;
}
.a13-hellotext.align_left{ text-align: left; }
.a13-hellotext.align_center{ text-align: center; }
.a13-hellotext.align_right{ text-align: right; }
.a13-hellotext.size_big h1{ font-size: 40px; }
.a13-hellotext.size_medium h1{ font-size: 30px; }
.a13-hellotext.size_small h1{ font-size: 24px; }
.a13-hellotext.size_big h2{ font-size: 30px; }
.a13-hellotext.size_medium h2{ font-size: 24px; }
.a13-hellotext.size_small h2{ font-size: 18px; }
/* progress bar */
.vc_progress_bar .vc_single_bar .vc_label{
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
letter-spacing:1px;
text-shadow: 0 -1px rgba(0,0,0,0.3);
}
.vc_progress_bar .vc_single_bar .vc_bar{
-webkit-border-radius: 100px;
border-radius: 100px;
}
.vc_progress_bar .vc_single_bar{
-webkit-border-radius: 100px;
border-radius: 100px;
padding: 0.4em 1em;
font-size: 10px;
box-shadow: none;
}
/* message box */
.messagebox_text p:first-child{
margin-top: 0;
}
/* Button */
a.a13-sc-button i.fa{
margin-right: 10px;
}
/* Title with icon */
.title-icon{
display: block;
margin: 0 auto;
height: 90px;
width: 90px;
text-align: center;
line-height: 90px;
font-size: 30px;
color: #D3AC13;
border: 1px solid;
background-color: transparent;
-webkit-border-radius: 45px;
border-radius: 45px;
margin-bottom: 30px;
}
.hover .title-icon:hover{
background-color: #D3AC13;
border-color: transparent;
color: #fff;
-webkit-transform: scale(1.2) translateZ(0.1px);
-ms-transform: scale(1.2);/* IE 9 */
transform: scale(1.2) translateZ(0.1px);
}
.a13_big_icon .title-icon,
.a13_title_with_icon a{
display: inline-block;
}
i.a13-icon-blue{ color: #5472d2; }
.hover i.a13-icon-blue:hover{ background-color: #5472d2; }
i.a13-icon-turquoise{ color: #00c1cf; }
.hover i.a13-icon-turquoise:hover{ background-color: #00c1cf; }
i.a13-icon-pink{ color: #fe6c61; }
.hover i.a13-icon-pink:hover{ background-color: #fe6c61; }
i.a13-icon-violet{ color: #8d6dc4; }
.hover i.a13-icon-violet:hover{ background-color: #8d6dc4; }
i.a13-icon-peacoc{ color: #4cadc9; }
.hover i.a13-icon-peacoc:hover{ background-color: #4cadc9; }
i.a13-icon-chino{ color: #cec2ab; }
.hover i.a13-icon-chino:hover{ background-color: #cec2ab; }
i.a13-icon-mulled_wine{ color: #50485b; }
.hover i.a13-icon-mulled_wine:hover{ background-color: #50485b; }
i.a13-icon-vista_blue{ color: #75d69c; }
.hover i.a13-icon-vista_blue:hover{ background-color: #75d69c; }
i.a13-icon-black{ color: #2a2a2a; }
.hover i.a13-icon-black:hover{ background-color: #2a2a2a; }
i.a13-icon-grey{ color: #ebebeb; }
.hover i.a13-icon-grey:hover{ background-color: #ebebeb; color: #222; }
i.a13-icon-orange{ color: #f89406; }
.hover i.a13-icon-orange:hover{ background-color: #f89406; }
i.a13-icon-sky{ color: #5aa1e3; }
.hover i.a13-icon-sky:hover{ background-color: #5aa1e3; }
i.a13-icon-green{ color: #6dab3c; }
.hover i.a13-icon-green:hover{ background-color: #6dab3c; }
i.a13-icon-juicy_pink{ color: #f4524d; }
.hover i.a13-icon-juicy_pink:hover{ background-color: #f4524d; }
i.a13-icon-sandy_brown{ color: #f79468; }
.hover i.a13-icon-sandy_brown:hover{ background-color: #f79468; }
i.a13-icon-purple{ color: #b97ebb; }
.hover i.a13-icon-purple:hover{ background-color: #b97ebb; }
i.a13-icon-white{ color: #ffffff; }
.hover i.a13-icon-white:hover{ background-color: #ffffff; color: #222; }
/* counter */
.a13_counter{
text-align: center;
}
.a13_counter .number{
display: block;
}
.a13_counter .finish-text{
visibility: hidden;
margin-top: 15px;
}
/* Tabs */
.wpb_content_element.wpb_tabs .wpb_tabs_nav li{
background-color: transparent;
border: none;
border-bottom: 2px solid transparent;
margin: 0 20px -1px 0;
}
.wpb_content_element.wpb_tabs .wpb_tabs_nav li.ui-tabs-active,
.wpb_content_element.wpb_tabs .wpb_tabs_nav li:hover{
border-bottom-color: #222;
background-color: transparent;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a:hover{
padding: 5px 0 15px;
font-size: 11px;
font-weight: bold;
color: #bbb;
text-transform: uppercase;
}
.wpb_content_element.wpb_tabs .wpb_tabs_nav li.ui-tabs-active a,
.wpb_content_element.wpb_tabs .wpb_tabs_nav li:hover a{
color: #222;
}
.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab{
background-color: transparent;
border-top: 1px solid #EDEDED;
padding: 15px 0;
}
/* Toggles, Accordions, Tour section */
#content h4.wpb_toggle,
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
.wpb_tour ul.wpb_tabs_nav li,
.wpb_tour .wpb_tabs_nav li.ui-tabs-active,
.wpb_tour .wpb_tabs_nav li:hover{
background-color: transparent;
margin: 0;
}
#content h4.wpb_toggle,
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a,
.wpb_tour .wpb_tour_tabs_wrapper ul.wpb_tabs_nav li a,
.wpb_tour .wpb_tour_tabs_wrapper ul.wpb_tabs_nav li a:hover{
position: relative;
border-bottom: 1px solid #ededed;
background: transparent none;
padding: 15px 20px 16px 0;
line-height: 1;
color: #bbb;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
}
#content h4.wpb_toggle{
padding-left: 20px;
padding-right: 0;
}
#content h4.wpb_toggle:hover,
#content h4.wpb_toggle_title_active,
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header:hover a,
.wpb_content_element .wpb_accordion_wrapper .ui-accordion-header-active a,
.wpb_tour .wpb_tour_tabs_wrapper ul.wpb_tabs_nav li a:hover,
.wpb_tour .wpb_tour_tabs_wrapper ul.wpb_tabs_nav li.ui-tabs-active > a{
border-bottom: 2px solid #222;
color: #222;
padding-bottom: 15px;
}
.wpb_content_element .wpb_tabs_nav li{
white-space: normal;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header .ui-icon{
display: none;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a:before,
.wpb_toggle:before,
.wpb_tour ul.wpb_tabs_nav a:after{
content: "\f067"; /* plus */
display: block;
position: absolute;
top: 15px;
left: 0;
right: auto;
height: auto;
width: 20px;
line-height: 14px;
text-align: left;
background: none;
font-size: 14px;
cursor: pointer;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a:before{
text-align: right;
left: auto;
right: 0;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-active a:before,
.wpb_toggle_title_active:before{
content: "\f068"; /* minus */
}
.wpb_tour ul.wpb_tabs_nav a:after{
content: "\f105"; /* right small arrow */
right: 0;
left: auto;
text-align: center;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content,
.wpb_toggle_content{
margin: 0;
padding: 15px 0;
border-bottom: 1px solid #ededed;
}
.wpb_accordion_content p:first-child,
.wpb_toggle_content p:first-child{
margin-top: 0;
}
/* tour section */
.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab{
padding-left: 40px;
}
.wpb_tour_next_prev_nav{
display: none;
}
/* PIE CHART */
.vc_pie_chart_back {
display: none;
}
.vc_pie_chart .vc_pie_chart_value{
font-weight: bold;
font-size: 360%;
color: #d1d1d1;
letter-spacing: -2px;
}
.lt-ie9 .vc_pie_chart{
display: none;
}
/* SLIDERS */
.real-content .flexslider,
.real-content .theme-default .nivoSlider{
border: none;
box-shadow: none;
}
.real-content .flex-control-paging li a{
width: 7px;
height: 7px;
}
/* post carousel */
.wpb_teaser_grid ul.wpb_thumbnails-fluid li{
padding-left: 15px;
padding-right: 15px;
}
.vc_carousel .vc_item .post-title,
.wpb_teaser_grid .isotope-item .post-title{
font-size: 18px;
}
.vc_carousel .vc_item .real-content,
.vc_carousel .vc_item .real-content > p:first-child,
.wpb_teaser_grid .isotope-item .real-content,
.wpb_teaser_grid .isotope-item .real-content > p:first-child{
font-size: 12px;
color: inherit;
}
.vc_carousel .vc_carousel-control .icon-prev,
.vc_carousel .vc_carousel-control .icon-next{
display: none;
}
.vc_carousel .vc_carousel-indicators{
background-color: rgba(0, 0, 0, 0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
line-height: 1.2;
padding-top: 0.2em;
opacity: 0;
filter: alpha(opacity=0); /* IE 8 */
}
.vc_carousel .vc_carousel-indicators li{
height: 15px !important; /* force it on VC 4.3.x*/
width: 15px !important; /* force it on VC 4.3.x*/
}
.vc_carousel .vc_carousel-control{
opacity: 0;
filter: alpha(opacity=0); /* IE 8 */
}
.vc_carousel:hover .vc_carousel-indicators,
.vc_carousel:hover .vc_carousel-control{
opacity: 1;
filter: alpha(opacity=100); /* IE 8 */
}
/* Testimonials */
.columns-2 .testimonials-list{
margin-left: -5%;
}
.columns-3 .testimonials-list{
margin-left: -4.3%;
}
.testimonials-list .quote{
margin-bottom: 25px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.columns-2 .testimonials-list .quote{
float: left;
max-width: 45%;
margin-left: 5%;
}
.columns-3 .testimonials-list .quote{
float: left;
max-width: 29%;
margin-left: 4.3%;
}
.testimonials-list .quote{
text-align: center;
}
.testimonials-list blockquote{
padding: 25px;
margin-bottom: 0;
}
.testimonials-list blockquote:before{
display: block;
line-height: 0.3;
font-size: 60px;
text-align: center;
border-right: none;
position: static;
width: auto;
}
.testimonials-list .avatar-link,
.testimonials-list .avatar{
-webkit-border-radius: 25px;
border-radius: 25px;
display: block;
margin: 0 auto 20px;
height: 50px;
width: 50px;
}
.widget .testimonials-list .author{
font-weight: bold;
font-style: normal;
color: #333;
display: block;
}
.widget .testimonials-list .no-image .author{
margin-left: 0;
}
.testimonials-list .excerpt{
font-weight: normal;
color: #A9A9A9;
}
.testimonials-list .url{
font-weight: normal;
display: block;
}
.testimonials-list .fix{
clear: both;
}
/* FROM OLD VC 4.2.3 for compatibility */
.wpb_row *,
.wpb_row *:before,
.wpb_row *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wpb_row {
margin-left: -15px;
margin-right: -15px;
}
.wpb_row:before,
.wpb_row:after {
content: " ";
display: table;
}
.wpb_row:after {
clear: both;
}
.wpb_row:before,
.wpb_row:after {
content: " ";
display: table;
}
.wpb_row:after {
clear: both;
}
@media (max-width: 768px) {
.wpb_row .wpb_column {
margin-bottom: 35px;
}
.wpb_row > :last-child,
.wpb_row > :last-child > .wpb_column {
margin-bottom: 0;
}
}
/* new overwrites */
.wpb_separator, .vc_text_separator{
border-bottom: none;
}
.vc_text_separator {
height: auto;
}
.vc_carousel .vc_carousel-control{
height: 50px !important;
width: 50px !important
}
.vc_carousel .vc_carousel-control .icon-next:before,
.vc_carousel .vc_carousel-control .icon-prev:before{
display: none;
}
/* /FROM OLD VC 4.2.3 for compatibility */
/* ==========================================================================
Transitions
========================================================================== */
/* For elements that are also manipulated by JS */
a.logo img,
#slide-list,
#a13-slider-caption,
header .search .action,
.vc_carousel .vc_carousel-indicators,
.widget-slider-ctrls span{
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
a.logo,
h1 a,h2 a,h3 a,h4 a,h5 a, h6 a,
a.post-title,
.breadcrumbs a, .post-meta a,
ul.products .product-meta a,
.widget li a{
-webkit-transition-property: background-color, color;
-webkit-transition-duration: 0.3s;
transition-property: background-color, color;
transition-duration: 0.3s;
}
.menu-opener:before,
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
#content h4.wpb_toggle,
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a,
.wpb_tour .wpb_tour_tabs_wrapper ul.wpb_tabs_nav li a,
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li,
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
.genre-filter li a,
.genre-filter li.label{
-webkit-transition-property: border-color, color;
-webkit-transition-duration: 0.3s;
transition-property: border-color, color;
transition-duration: 0.3s;
}
header .search input[type="search"]{
-webkit-transition-property: color, width;
-webkit-transition-duration: 0.3s;
transition-property: color, width;
transition-duration: 0.3s;
}
.archive-item.ready,
.g-item.ready,
.masonry > .g-link.ready{
-webkit-transition-property: left, right, top, opacity, box-shadow;
-webkit-transition-duration: 0.3s;
transition-property: left, right, top, opacity, box-shadow;
transition-duration: 0.3s;
left: 50%; /* start point of transition */
}
div.masonry{
-webkit-transition-property: width, height;
-webkit-transition-duration: 0.3s;
transition-property: width, height;
transition-duration: 0.3s;
}
#a13-work-slides{
-webkit-transition: left 0.6s ease-out;
transition: left 0.6s ease-out;
}
a.to-top,
.socials a,
header .search,
.top-menu li,
.top-menu a,
.top-menu > li > a:before,
input,
textarea,
.posted-in a, .tagcloud a,
.quick-flickr-item img,
.widget_recent_works img,
.widget_about_posts .thumb img,
.post-media img,
.title-bar .in .fa-rss,
.a13-button,
.title-icon,
em.cov,
.navigation a,
.slider-arrow,
#a13-scroll-pan .arr,
#a13-work-slides i,
#a13-full-photos i,
a.dot-irecommendthis,
.more-link{
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
/* CANCEL TRANSITIONS */
html.touch #a13-work-slides,
.g-link img.resize{
-webkit-transition: none;
transition: none;
}
/* ==========================================================================
Helper classes
========================================================================== */
#loader{
background: #fff url(images/ajax-loader.gif) 50% 50% no-repeat;
-webkit-border-radius: 25px;
border-radius: 25px;
box-shadow: 1px 1px rgba(0, 0, 0, 0.1);
height: 50px;
margin: -25px 0 0 -25px;
position: fixed;
left: 50%;
top: 50%;
width: 50px;
}
#loader.in{
position: absolute;
}
html.touch #loader.in{
display: block;
margin: 0 auto;
position: relative;
left: 0;
top: -60px
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
.clear {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
/* =============================================================================
RESPONSIVE DESIGN
========================================================================== */
@media only screen and (max-width: 1120px) {
body::after {
content: 'narrow1120'; /* info for JS */
display: none;
}
/* MAIN LAYOUT */
#fixed-header,
#content, .foot-content,
.title-bar .in,
.full-width-elements .a13_row_container.a13_full-row .vc_row-fluid,
.top-head,
.bottom-head,
.top-bar-container{
padding-left: 20px;
padding-right: 20px;
}
.layout-narrow #fixed-header{
width: auto;
left: 0;
right: 0;
}
/* MAIN CONTENT */
.full-width-elements .a13_row_container.a13_full-row,
.full-width-elements .a13_full-content .vc_row-fluid{
margin: 0 -20px;
}
/* HEADER */
header .top-head{
width: auto;
}
.head .search-container{
right: 20px;
}
.header-centered-logo .search-container,
.header-centered .search-container{
left: 20px;
right: auto;
}
.header-one-line.with-cart .navigation-bar,
.header-one-line.with-search .navigation-bar{
padding-right: 70px;
}
.header-one-line.with-cart.with-search .navigation-bar{
padding-right: 120px;
}
.header-one-line .logo-container{
padding-left: 20px;
}
/* BLOG */
.variant_short_list .post-media{
width: 300px;
}
.variant_short_list .post-media + .short_column{
margin-left: 330px;
}
}
@media only screen and (max-width: 800px) {
body::after {
content: 'narrow800'; /* info for JS */
display: none;
}
/* HEADER */
a.logo img{
max-width: 300px;
}
.top-bar .cookie-msg {
padding-right: 145px;
}
.top-bar .cookie-msg:before{
right: 22px;
}
/* CONTENT + SIDEBAR */
#col-mask,
#post-list,
#col-mask > .post-content,
#secondary,
.left-sidebar #secondary,
.left-sidebar #post-list,
.left-sidebar #col-mask > .post-content{
float: none;
position: static;
left: auto;
right: auto;
width: auto;
}
#secondary,
.left-sidebar #secondary{
padding: 30px 0;
margin-left: -3%;
}
#secondary .widget,
#secondary .widget:first-child{
width: 47%;
margin-left: 3%;
margin-top: 40px;
float: left;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#secondary .widget_nav_menu,
#secondary .widget_nav_menu:first-child{
width: 97%;
float: none;
}
#secondary .widget_nav_menu + .widget{
width: 97%;
}
#secondary .widget_nav_menu li {
float: left;
margin: 0 0.5%;
width: 49%;
}
#secondary .widget_nav_menu li:nth-child(odd){
clear: both;
}
#secondary .widget:nth-child(odd){
clear: both;
}
/* FOOTER */
.five-col .col{
width: 31.3%;
}
.four-col .col-3,
.five-col .col-4{
margin-left: 0;
clear: left;
}
.four-col .col,
.five-col .col-4,.five-col .col-5{
width: 48.45%;
}
.four-col .col .widget_recent_works .item{
width: 18.9%;
}
/* PASSWORD FORM */
.single-gallery .password-form, .single-work .password-form{
padding: 20px;
}
/* SLIDER */
#slide-list{
display: none !important; /* !important overwrites inline styles */
}
#prevslide, #a13-scroll-pan .arr{
left: 20px;
}
#nextslide, #a13-scroll-pan .arr.right{
right: 20px;
}
.single-work .in-post-slider,
.single-work #a13-scroll-pan{
max-height: 300px;
}
/* BUILDER */
.vc_separator.vc_el_width_50,
.vc_separator.vc_el_width_60,
.vc_separator.vc_el_width_70,
.vc_separator.vc_el_width_80,
.vc_separator.vc_el_width_90{
width: 100%;
}
.vc_text_separator .vc_sep_holder{
display: none;
}
.vc_separator h4{
white-space: normal;
}
.vc_separator.vc_separator_align_center h4{
text-align: center;
}
.vc_separator.vc_separator_align_right h4{
text-align: right;
}
.vc_separator.vc_separator_align_left h4{
text-align: left;
}
.vc_separator.vc_separator_align_center h4,
.vc_separator.vc_separator_align_right h4,
.vc_separator.vc_separator_align_left h4{
padding: 0;
}
.vc_text_separator, .vc_text_separator h4{
display: block;
}
}
/* admin bar tweaks */
@media screen and ( max-width: 782px ) {
html #wpadminbar {
z-index: 1600 !important;
}
.admin-bar #fixed-header{
top: 46px;
}
}
@media only screen and (max-width: 680px) {
body::after {
content: 'narrow680'; /* info for JS */
display: none;
}
/* MAIN LAYOUT */
#fixed-header,
#content, .foot-content,
.title-bar .in,
.full-width-elements .a13_row_container.a13_full-row .vc_row-fluid,
.top-head,
.bottom-head,
.top-bar-container{
padding-left: 10px;
padding-right: 10px;
}
/* MAIN CONTENT */
.full-width-elements .a13_row_container.a13_full-row,
.full-width-elements .a13_full-content .vc_row-fluid{
margin: 0 -10px;
}
.page-title:after, .page-title:before{
display: none;
}
/* HEADER */
.menu-opener{
right: 10px;
}
.head .search-container{
right: 60px;
}
.header-centered-logo .search-container,
.header-centered .search-container{
left: 10px;
right: auto;
}
.header-centered-logo.with-search .logo-container,
.header-centered.with-search .logo-container{
padding-left: 50px;
padding-right: 50px;
}
.header-centered-logo.with-cart .logo-container,
.header-centered.with-cart .logo-container{ /* equal padding */
padding-left: 100px;
padding-right: 100px;
}
.header-normal.with-search .logo-container,
.header-one-line.with-search .logo-container,
.header-normal.with-cart .logo-container,
.header-one-line.with-cart .logo-container{
padding-right: 100px;
}
.header-normal.with-search.with-cart .logo-container,
.header-one-line.with-search.with-cart .logo-container{
padding-right: 150px;
}
.header-one-line .logo-container{
padding-left: 10px;
}
.header-one-line .head,
.header-one-line .logo-container,
.header-one-line .navigation-bar,
.navigation-bar{
display: block;
}
.navigation-bar .socials{
display: block;
text-align: center;
width: auto;
}
.navigation-bar.touch .top-menu{
margin: 0 10px;
}
a.logo{
word-wrap: break-word;
}
a.logo img{
max-width: 200px;
}
.js .menu-container{ display: none; } /* no resize of header on load */
/* FOOTER */
.one-col .col,
.two-col .col,
.three-col .col,
.five-col .col{
width: 48.45%;
}
.five-col .col-3{
margin-left: 0;
clear: left;
}
.five-col .col-4{
margin-left: 3%;
clear: none;
}
.three-col .col-3,
.five-col .col-5{
margin-left: 0;
clear: left;
float: none;
width: 100%;
}
.three-col .col-3 .widget_recent_works .item,
.five-col .col-5 .widget_recent_works .item{
width: 14%;
}
.four-col .col .widget_recent_works .item{
width: 27.33%;
}
.f-texts{
text-align: center;
}
.f-links,
.foot-text{
float: none;
max-width: none;
}
.foot-text + .f-links{
margin-top: 20px;
}
.f-texts .socials {
display: block;
margin-top: 20px;
}
/* TITLE BAR */
.title_bar_variant_left .in,
.title_bar_variant_left .left-group,
.title_bar_variant_left .breadcrumbs{
text-align: left;
display: block;
}
/* BLOG */
.variant_short_list .post-media {
float: none;
width: 100%;
margin-bottom: 20px;
}
.variant_short_list .post-media + .short_column{
margin-left: 0;
}
/* POST */
.in_post_widget .title{
margin-bottom: 15px;
}
.in_post_widget .item,
.single-work .in_post_widget .g-item{
width: 46.7%;
margin-top: 15px;
}
.posts-nav a,
.posts-nav a.next{
float: none;
display: block;
width: auto;
border-right: none;
}
.posts-nav a.prev{
border-bottom: 1px solid #EDEDED;
}
.comment .comment,
.comment #respond{
margin-left: 20px;
}
.comment-inside{
margin-left: 0;
}
.comment-info{
margin-left: 70px;
min-height: 50px;
}
a.avatar{
margin-left: 0;
}
/* SINGLE WORK */
.single-work .posted-in{
display: block;
margin-top: 15px;
}
.content-under .work-content{
display: block;
}
.content-under .real-content,
.content-under .meta-data{
width: auto;
display: block;
}
.content-under .meta-data{
padding-left: 0;
}
.content-side #a13-full-photos,
.content-side .in-post-slider,
.content-side #a13-scroll-pan{
max-width: none;
margin-left: 0;
margin-right: 0;
}
.content-side .work-content{
width: auto;
float: none;
margin-bottom: 20px;
}
/* SHORTCODES */
blockquote.alignleft, blockquote.alignright {
width: auto;
float: none;
margin-left: 0;
margin-right: 0;
}
/*Testimonials*/
.columns-2 .testimonials-list,
.columns-3 .testimonials-list{
margin-left: 0;
}
.columns-2 .testimonials-list .quote,
.columns-3 .testimonials-list .quote{
float: none;
max-width: none;
margin-left: 0;
clear: both;
}
}
@media screen and (max-width: 600px) {
.admin-bar #fixed-header{
top: 0;
}
/* HEADER */
.top-bar .cookie-msg{
padding-right: 22px;
}
.top-bar .cookie-msg:before{
display: none;
}
}
@media only screen and (max-width: 480px) {
.top-bar-container{
display: none;
}
/* SIDEBAR */
#secondary,
.left-sidebar #secondary{
padding: 20px 0;
margin-left: 0;
}
#secondary .widget,
#secondary .widget:first-child,
#secondary .widget_nav_menu + .widget{
width: auto;
margin-left: 0;
margin-top: 30px;
float: none;
}
#secondary .widget_nav_menu li {
float: none;
margin: 0;
width: auto;
}
/* FOOTER */
.twitter-blue-widget{
padding-bottom: 60px;
padding-right: 0;
}
.twitter-blue-widget .widget-slider-ctrls,
.twitter-blue-widget .intent-meta{
top: auto;
right: auto;
bottom: 20px;
left: 50%;
margin-left: 15px;
}
.twitter-blue-widget .intent-meta{
margin-left: -33px;
bottom: 22px;
}
.foot-widgets .col{
width: 100%;
clear: none;
float: none;
margin-left: 0;
}
.widget-area .widget_recent_works .item,
.foot-widgets .col .widget_recent_works .item{
width: 18.9%;
}
.f-images div{
width: auto;
float: none;
margin-left: 0;
padding: 20px 0;
}
.f-images .fi_1,
.f-images .fi_3{
text-align: center;
}
/* POST */
.in_post_widget .widget-inside{
margin-left: 0;
}
.in_post_widget .item{
margin-left: 0;
width: 100%;
float: none;
}
.single-work .in_post_widget .g-item{
width: 100%;
max-width: 340px;
margin-left: auto;
margin-right: auto;
float: none;
}
/* SHORT CODES */
.left50, .right50{
float: none;
margin: 1em 0;
width: auto;
}
}
@media only screen and (max-width: 460px) {
/* HEADER */
a.logo img{
max-width: 100px;
}
}
/* Style adjustments for high resolution devices */
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
.socials a{
background-image: url(images/socials@2x.png);
}
.socials.squares a{
background-image: url(images/socials_square@2x.png);
}
.socials.circles a{
background-image: url(images/socials_circle@2x.png);
}
#a13-slider li.image-loading,
.thumb-space .add_to_cart_button.loading:before,
#loader{
background-image: url(images/ajax-loader@2x.gif);
background-size: 16px 16px;
}
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
@page {
margin: 0.5cm;
}
*{
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,a:visited {
text-decoration: underline;
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,img{
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,h2,h3{
orphans: 3;
widows: 3;
}
h2,h3{
page-break-after: avoid;
}
}
header, footer {max-width:1400px;margin:0 auto;}
#mid {max-width:1400px;margin:0 auto;background:#fff;}
#menu-item-54 a {display:none;}
#menu-item-263 a {display:none;}
#menu-item-54 {width:240px;}
#menu-item-263 {width:240px;}
header .bottom-head {margin-top:-84px;margin-bottom:50px;}
.header-centered .navigation-bar {border-bottom: 1px solid black;}
.header-centered .top-menu > li {margin:15px 20px;}
.title-bar .in {opacity: 1 !important;border-bottom:2px solid #332b2b;margin-bottom:45px;}
.title-bar .in .breadcrumbs {display:none;}
.title-bar h1 {text-transform:uppercase;}
.subhead {max-width: 1080px;margin: 0 auto;text-align:center;}
.subhead a {display:inline-block;background:#ffd7d5;border:2px solid #ffd7d5;text-transform:uppercase;font-family: Hammersmith One, sans-serif;font-size:14px;padding:8px 0;width:255px;text-align:center;margin:0 5px;line-height:14px;}
.subhead a:first-child {margin-left:0;}
.subhead a:last-child {margin-right:0;}
.subhead .pink {background:#ffd7d5;border-color:#ffd7d5;}
.subhead .gray1 {background:#e1e4e4;border-color:#e1e4e4;}
.subhead .gray2 {background:#ebe9e0;border-color:#ebe9e0;}
.subhead .gray3 {background:#a6a8a6;border-color:#a6a8a6;}
.subhead .pink:hover {background:#fff;}
.subhead .gray1:hover {background:#fff;}
.subhead .gray2:hover {background:#fff;}
.subhead .gray3:hover {background:#fff;}
.breadcrumbs {max-width: 1074px;margin: 0 auto;text-align:left;border-bottom:3px solid #ebe9e0;padding:9px 3px;}
.breadcrumbs a {color:#0d0d0e !important;}
.footer-menu {text-align:center;padding:33px 0;width:100%;}
.footer-menu li {margin:0px 18px;}
.footer-menu a {text-transform:uppercase;font-family: Hammersmith One, sans-serif;padding:0 10px;}
.home .vc_col-sm-12 {padding:0 !important;}
.home .breadcrumbs {border-color:#fff;height:20px;}
.home .breadcrumbs * {display:none;}
.home .wpb_layerslider_element {}
#fixed-header #menu-item-54 {display:none;}
#fixed-header #menu-item-263 {display:none;}
#fixed-header li a {line-height:20px;margin-top:10px;}
#fixed-header li li a {line-height:30px;margin-top:0;}
.sub-menu {padding-top:20px !important;}
.box1 {margin-top:45px;}
.box1a {width:320px;height:320px;background:#ebe8df;color:#000;display:table-cell;font-family: Hammersmith One, sans-serif;vertical-align:middle;text-align:center;font-size:38px;text-transform:uppercase;line-height:40px;border:5px solid #ebe8df;}
.box1a:hover {background:#fff;color:#000;}
.box1b {display:inline-block;margin-top:15px;background:#ffd7d5;margin-right:3px;padding:6px 20px;font-size:13px;font-style:italic;width:204px;}
.box1c {display:inline-block;margin-top:15px;background:#ffd7d5;padding:2px 24px;font-size:17px;font-family: Hammersmith One, sans-serif;line-height:27px;width:110px;text-align:center;}
.box2a {width:320px;height:320px;background:#ffd7d5;color:#000;display:table-cell;font-family: Hammersmith One, sans-serif;vertical-align:middle;text-align:center;font-size:38px;text-transform:uppercase;line-height:40px;border:5px solid #ffd7d5;}
.box2a:hover {background:#fff;color:#000;}
.box2b {display:inline-block;margin-top:15px;background:#e1e4e4;margin-right:3px;padding:6px 20px;font-size:13px;font-style:italic;width:204px;}
.box2c {display:inline-block;margin-top:15px;background:#e1e4e4;padding:2px 24px;font-size:17px;font-family: Hammersmith One, sans-serif;line-height:27px;width:110px;text-align:center;}
.box3a {width:320px;height:320px;background:#a6a8a6;color:#fff;display:table-cell;font-family: Hammersmith One, sans-serif;vertical-align:middle;text-align:center;font-size:38px;text-transform:uppercase;line-height:40px;border:5px solid #a6a8a6;}
.box3a:hover {background:#fff;color:#000;}
.box3b {display:inline-block;margin-top:15px;background:#ebe9e0;margin-right:3px;padding:6px 20px;font-size:13px;font-style:italic;width:204px;}
.box3c {display:inline-block;margin-top:15px;background:#ebe9e0;padding:2px 24px;font-size:17px;font-family: Hammersmith One, sans-serif;line-height:27px;width:110px;text-align:center;}
h2 {border-bottom:1px solid #000;padding-bottom:15px;margin-top:25px;}
.border-left .vc_col-sm-6 {}
.border-left .vc_col-sm-6:nth-child(1) {padding-right:30px;}
.border-left .vc_col-sm-6:nth-child(2) {border-left:1px solid #000;padding-left:30px;}
.wpcf7 input[type=submit] {background:#a6a8a5;float:right;}
.wpcf7 p .wpcf7-form-control-wrap {margin-top:5px;display:inline-block;width:100%;}
.wpcf7 p span.label {font-size:12px;letter-spacing:1px;}
.wpcf7 p.leftie {width:49%;float:left;}
.wpcf7 p.rightie {width:49%;float:right;}
.newsletter-box {float:left;width:330px;}
.f-texts {float:right;width:705px}
.foot-text {max-width:100%;font-family: Hammersmith One, sans-serif;font-size:16px;margin-top:38px;text-align:right;float:right;}
.foot-text span {font-size:20px;}
.foot-text a {color:#000;}
.foot-text a:hover {color:#E39996;}
.f-texts .socials {float:right;margin-top:15px;}
.vc_carousel-inner .item-image a img {width:240px;height:240px;}
.isotope-item .item-image a img {width:240px;height:240px;}
.post-content .wp-post-image {display:none;}
.top-menu .sub-menu:before {content:'';width:100%;height:1px;background:#000;display:block;position:absolute;top:15px;}
#fixed-header .top-menu .sub-menu:before {display:none;}
.mbox {display:block;width:100%;background:#ebe8df;color:#000;font-family: Hammersmith One, sans-serif;text-align:center;font-size:18px;text-transform:uppercase;line-height:40px;border:5px solid #ebe8df;}
.mbox2 {display:block;width:100%;background:#ffd7d5;color:#000;font-family: Hammersmith One, sans-serif;text-align:center;font-size:18px;text-transform:uppercase;line-height:40px;border:5px solid #ffd7d5;}
.mbox:hover, .mbox2:hover {background:#fff;color:#000;}
.post-21 .title-bar h1 {font-size:40px;}
.post-25 .title-bar h1 {font-size:40px;}
.post-249 .title-bar h1 {font-size:38px;}
.post-247 .title-bar h1 {font-size:40px;}
.newsletter-box {padding-top:25px;}
.zamow {display:block;width:100%;background:#000;font-weight:normal;color:#fff;text-transform:uppercase;text-align:center;font-family: Hammersmith One, sans-serif;font-size:18px;padding:8px 0px 6px;line-height:18px;margin-bottom:10px;}
.zamow2 {display:block;width:100%;background:#000;font-weight:normal;color:#fff;text-transform:uppercase;text-align:center;font-family: Hammersmith One, sans-serif;font-size:16px;padding:8px 0px 6px;line-height:18px;margin-bottom:10px;}
.newsletter-email {float:left;width:85% !important;font-style:italic;color:#000;background:#fff !important;border-color:#fff !important;}
input.newsletter-submit {float:right;border:2px solid #000 !important;background:#000 url(images/arrow-r.png) 52% center no-repeat !important;}
input.newsletter-submit:hover {outline:none;background:#000 url(images/arrow-r.png) 52% center no-repeat !important;border:2px solid #ebe8df !important;}
.newsletter-info {font-size:18px;text-align:center;width:100%;display:block;color:#000;margin-bottom:5px;font-style:italic;margin-top:20px;}
.newsletter-small {font-size:12px;text-align:center;text-align:center;display:block;width:100%;text-transform:uppercase;color:#666;padding-bottom:20px;}
.flex-control-thumbs {}
.ls-v5 .ls-nav-prev {width:44px !important;height:44px !important;background:url(images/arrowleft.png) center center no-repeat !important;}
.ls-v5 .ls-nav-next {width:44px !important;height:44px !important;background:url(images/arrowright.png) center center no-repeat !important;}
.vc_carousel .vc_carousel-control.vc_right {width:44px !important;height:44px !important;background:url(images/arrowright.png) center center no-repeat !important;}
.vc_carousel .vc_carousel-control.vc_right span {display:none;}
.vc_carousel .vc_carousel-control.vc_right:before {display:none;}
.vc_carousel .vc_carousel-control.vc_left {width:44px !important;height:44px !important;background:url(images/arrowleft.png) center center no-repeat !important;}
.vc_carousel .vc_carousel-control.vc_left span {display:none;}
.vc_carousel .vc_carousel-control.vc_left:before {display:none;}
.flex-direction-nav a {width:44px !important;height:44px !important;top:40% !important;}
.flex-direction-nav .flex-next:before {content:'' !important;width:44px !important;height:44px !important;background:url(images/arrowright.png) center center no-repeat !important;}
.flex-direction-nav .flex-prev:before {content:'' !important;width:44px !important;height:44px !important;background:url(images/arrowleft.png) center center no-repeat !important;}
.flexslider .mask {margin-top:15px;}
.flex-control-nav-left {width:44px !important;height:44px !important;background:url(images/arrowleft.png) center center no-repeat !important;-webkit-transform:scale(0.7);bottom:43px !important;}
.flex-control-nav-right {width:45px !important;height:45px !important;background:url(images/arrowright.png) center center no-repeat !important;-webkit-transform:scale(0.7);bottom:43px !important;}
.under_content_tags {display:none;}
.comments-area {display:none;}
.lang {max-width: 1080px;z-index:9999;text-align:right;font-size:13px;text-transform:uppercase;color:#000;padding: 0 160px; margin: 0 auto; background-color:#fff;}
.lang a {font-size:13px;text-transform:uppercase;color:#000;}
.lang a:hover {color:#E39996}
.lang a.active {color:#bbb;}
.lang a.active:hover {color:#bbb}
.przyklad p {text-transform:uppercase;font-family: Hammersmith One, sans-serif;font-size:16px;margin-top:60px;background:#FFD7D5;margin-left:32px;padding:20px 20px 20px;position:relative;}
.przyklad p:before {content:'';width:0;height:0;border:32px solid transparent;border-right-color:#FFD7D5;display:block;position:absolute;left:-64px;top:0;}
.bottom-prod-wrap {background:#FFD7D5;position:relative;overflow:auto;}
.product-social {float:right;padding:10px 10px 5px;border:3px solid #FFD7D5;background:#fff;}
.fb_iframe_widget {line-height:10px;margin-left:5px;}
.wzory {float:left;padding:10px 20px 5px;border:3px solid #FFD7D5;background:#fff;}
.wzory a {font-family: Hammersmith One, sans-serif;color:#000;font-size:16px;text-transform:uppercase;height:25px;display:block;}
#colorbox {outline:none;}
#cboxTitle {display:none !important;}
#cboxWrapper {border-radius:0 !important;-moz-border-radius:0 !important;-webkit-border-radius:0 !important;}
/******************************************/
@media screen and (max-width: 1400px) {
.lang{
max-width: 1360px;
padding: 0 20px;
}
}
@media screen and (max-width: 1071px) {
#menu-item-54{
display:none
}
#menu-menu-glowne{
margin-top: 90px;
}
}
@media screen and (max-width: 809px) {
.subhead a{
margin:5px;
}
.subhead a:first-child{
margin-left:5px;
}
.subhead a:last-child{
margin-right:5px;
}
}
@media screen and (max-width: 768px) {
.box1a,.box2a,.box3a {
width:100%;
display: inline-block;
padding: 115px 0;
}
.footer-menu li{
display: block;
}
.f-texts,.foot-text{
width:100%;
text-align:center;
}
.f-texts .socials{
float:none;
}
.newsletter-box{
max-width: 330px;
margin: 0 auto;
float:none;
}
.home_carousel .vc_carousel-slideline-inner .vc_item.vc_slide_post{
width:88vh !important;
}
.home_carousel .vc_carousel-slideline{
width:7000px !important;
}
.home_carousel .vc_carousel-slideline-inner .vc_item.vc_slide_post a img{
}
}
@media screen and (max-width: 679px) {
.navigation-bar.touch .menu-container{
top:70%;
}
.top-head{
margin-top: 0 !important;
margin-bottom: 110px !important;
}
#menu-menu-glowne{
margin-top:0 !important;
border: none;
}
}
@media screen and (max-width: 541px) {
.subhead a{
width:97%;
}
}
@media screen and (max-width: 375px) {
.home_carousel .vc_carousel-slideline-inner .vc_item.vc_slide_post{
width:60vh !important;
}
}