/*
Project: HR Advisor HTML
Version: 1.0
Last change: 26/06/2017
Assigned to: AxiomThemes
Primary use: Corporate
*/
/* TABLE OF CONTENTS:
1. Reset tags
2. Default tag's settings
3. Form fields settings
4. WP styles and Screen readers
5. Theme grid
6. Page layouts
7. Section's decorations
7.1 Header: Logo and Menu
7.2 Sliders
7.3 Page info (page/post title, category or tag name, author, etc.)
7.4 Blog layouts
7.5 Post Formats
7.6 Paginations
8. Single page parts
8.1 Post header
8.2 Post footer
8.3 Post author
8.4 Related posts
8.5 Comments
8.6 Page 404
8.7 Page 'No search results' and 'No archive results'
9. Sidebars
10. Footer areas
11. Utils
12. Registration and Login popups
13. Third part plugins
14. Predefined classes for users
-------------------------------------------------------------- */
.language_wrap{margin-top: -9px;
margin-right: 8px;
text-align:right !important;}
.socials_wrap .social_item {
padding-right: 8px !important;
}
.ui-state-error{border:1px solid #EB3034 !important; position:relative;}
.ui-state-valid{border:1px solid #b9d057 !important; position:relative;}
.ui-state-error + span::after,
.ui-state-valid + span::after {font-family: 'icomoon'; font-size: 15px; position: absolute; right: 12px; top: 10px; display: block; z-index: 1;}
.ui-state-error + span::after { content: "\e01b"; color: #EB3034;}
.ui-state-valid + span::after { content: "\e013"; color: #b9d057;}
.cf_response {
display: none;
padding-left: 10px;
padding-right: 10px;
}
.alert-warning {
background-color: #fc0000;
border-color: #ff0000;
color: #fff !important;
}
.alert-success {
background-color: #b9d057;
border-color: #ff0000;
color: #fff !important;
}
.alert-success p{
margin:0;
}
.alert-success p strong{
color: #fff !important;
}
.alert-warning p{
margin:0;
}
.alert-warning p strong{
color: #fff !important;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
/* 1. Reset tags
-------------------------------------------------------------- */
.buttonretour:before {
content: '\e802';
font-family: 'fontello';
margin-right: 0.6em;
}
#waterproof {
position:absolute;
width:480px;
height:auto;
right:-4px;
top:127px;
}
.media-container {
position: relative;
}
.adbox_container {
position: relative;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.playVideo {
display: block;
width: 100px;
height: 100px;
border: 4px solid #fff;
border-radius: 50%;
cursor: pointer;
margin: 0 auto;
-webkit-transform: scale(.95) translate3d(0,0,0);
-ms-transform: scale(.95) translate3d(0,0,0);
transform: scale(.95) translate3d(0,0,0);
-webkit-transition: -webkit-transform .25s ease-in-out;
transition: transform .25s ease-in-out;
-webkit-backface-visibility: hidden;
vertical-align: middle;
text-align: center;
color: #fff;
line-height: 91px;
font-size: 30px;
}
.kl-bg-source:not(:empty), .kl-bg-source__overlay, .kl-bg-source__bgimage {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.tp-leftarrow {
top:80% !important;
left:79% !important;
}
.tp-rightarrow {
top:80% !important;
left:81% !important;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,input,textarea,button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, address, section, video, audio {
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height:inherit;
border: 0;
outline: 0;
-webkit-font-smoothing: antialiased;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
line-height: 1.8125em;
}
.sc_services_item_header img {
width:80px;
padding-bottom:15px;
}
html {
font-size: 100%; /*62.5%;*/ /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.body_wrap {
overflow-x: hidden;
}
/* 2. Default tag's settings
-------------------------------------------------------------- */
html, body {
font-size: 16px;
}
body {
text-rendering: optimizeLegibility;
font-weight: 400;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
h1 {font-size: 3.625em; font-weight:300; font-style: normal; line-height:1em; margin-top: 0em; margin-bottom: 0.7em; letter-spacing: 0px;}
h2 {font-size: 3em; font-weight:300; font-style: normal; line-height:1.25em; margin-top: 0em; margin-bottom: 0.9em; letter-spacing: 0px;}
h3 {font-size: 2em; font-weight:300; font-style: normal; line-height:1.25em; margin-top: 0em; margin-bottom: 0.75em; letter-spacing: 0px;}
h4 {font-size: 1.375em; font-weight:300; font-style: normal; line-height:1.27em; margin-top: 0em; margin-bottom: 1.2em; letter-spacing: 0px;}
h5 {font-size: 1.0625em; font-weight:300; font-style: normal; line-height:1.2352em; margin-top: 0em; margin-bottom: 1.3em; letter-spacing: 0.08em;text-transform:uppercase;}
h6 {font-size: 1em; font-weight:400; font-style: normal; line-height:1.3125em; margin-top: 0em; margin-bottom: 1.5em; letter-spacing: 0px;text-transform:uppercase;}
.wpb_text_column h1:last-child { margin-bottom: 0.7em;}
.wpb_text_column h2:last-child { margin-bottom: 0.9em;}
.wpb_text_column h3:last-child { margin-bottom: 0.75em;}
.wpb_text_column h4:last-child { margin-bottom: 1.2em;}
.wpb_text_column h5:last-child { margin-bottom: 1.7em;}
.wpb_text_column h6:last-child { margin-bottom: 1.5em;}
p, ul, ol, dl, blockquote, address { margin: 0 0 1.5789em; }
li > ol, li > ul, dl > dd { margin-bottom:0; }
li > p { margin-bottom:0; }
li > p+p { margin-top:0.5em; }
ol, ul {
padding-left:1.5em;
}
/* Links */
a {
text-decoration:none;
background:transparent;
}
a,
a:hover,
a:focus,
a:active {
outline: 0;
}
a img { border: none; }
a, a:before, button, input[type="button"], input[type="submit"] {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
:active, :focus { outline:0; }
/* Tables */
table {
border-spacing: 0px;
width: 100%;
border-collapse: collapse;
}
table > p {
margin: 0 !important;
}
table td {
padding: 1.5em 1em;
text-align: center;
border: 1px solid #dbe1e6;
}
table thead th,
table thead td {
border: 1px solid rgba(256,256,256,0.3);
}
.sc_table table tr:first-child th, .sc_table table tr:first-child td {
font-weight: 400;
}
.bg_position_center,
[class*="vc_custom_"].bg_position_center{
background-position: center 0% !important;
}
/* Blockquotes*/
blockquote {
text-align:left;
padding: 4.7em 6em 2.8em 6em;
position:relative;
margin-left: 6em;
background-color: #f1f6fb;
}
blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
blockquote p {
margin: 0;
font-size: 1.375em;
line-height: 1.3em;
}
blockquote p+p {
margin-top: 0.4em;
}
blockquote a,
blockquote cite {
display:block;
font-size: 14px;
margin-top: 2.1em;
line-height: 1.3em;
font-weight:400;
text-transform: uppercase;
letter-spacing: 0.04em;
}
blockquote:before {
content: '\e902';
font-family: 'fontello';
font-size: 2em;
font-weight: 600;
display: block;
position: absolute;
top: 1.9em;
left: 1.8em;
opacity: 0.4;
}
.post_layout_excerpt blockquote {
padding: 4.7em 6em 2.8em 9.8em;
margin-bottom: 1.3em;
margin-left: 0;
}
.post_layout_excerpt blockquote:before {
left: 2.2em;
top: 2.4em;
font-size: 2em;
opacity: 1;
}
.post_layout_excerpt .post_content blockquote p+p {
margin-top:0.3em;
}
.blog_mode_post blockquote,
.blog_mode_page blockquote {
margin-right: 1.5em;
margin-top: 1.5em;
}
.blog_mode_post .comments_list blockquote,
.blog_mode_page .comments_list blockquote {
margin: 1.5em 0;
}
/* Other tags */
dd { margin-left: 1.5em; }
dt, b, strong { font-weight: bold; }
dfn, em, i { font-style: italic; }
pre, code, kbd, tt, var, samp {
font-family: "Courier New", Courier, monospace;
font-size: 1em;
}
pre {
overflow: auto;
max-width: 100%;
}
abbr, acronym {
border-bottom: 1px dotted;
cursor: help;
}
mark, ins {
background-color:transparent;
text-decoration: none;
font-style:italic;
font-weight:bold;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 80%; }
big { font-size: 120%; }
[hidden], template { display: none; }
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
border: none;
border-top: 2px solid #eee;
margin: 6.3em 0 4em;
}
/* Images */
img {
max-width: 100%;
height: auto;
vertical-align:top;
}
figure,
.wp-caption,
.wp-caption-overlay .wp-caption {
border: 0;
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
max-width:100%;
}
figure figcaption,
.wp-caption .wp-caption-text,
.wp-caption .wp-caption-dd,
.wp-caption-overlay .wp-caption .wp-caption-text,
.wp-caption-overlay .wp-caption .wp-caption-dd {
-webkit-transition: all ease-in-out .3s;
-moz-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
position: absolute;
bottom: 0;
right: 0;
left: 0;
margin-bottom: 0;
background-color: rgba(0,0,0,0.5);
font-size: 0.8125em;
font-weight: 400;
text-align: center;
padding: 0.7em 1em;
text-transform: uppercase;
}
figure:hover figcaption,
.wp-caption:hover .wp-caption-text,
.wp-caption:hover .wp-caption-dd,
.wp-caption-overlay .wp-caption:hover .wp-caption-text,
.wp-caption-overlay .wp-caption:hover .wp-caption-dd {
margin-bottom: -5em;
}
svg:not(:root) { overflow: hidden; }
/* Audio and Video */
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
iframe, video, embed {
max-width: 100%;
min-height: 100px;
vertical-align: top;
}
/* Media Elements player hook */
.me-cannotplay { overflow:hidden; }
.me-plugin { position: absolute; height: 0; width: 0; } /* Media elements hook for Safary */
/* Fontello icons */
[class^="icon-"]:before, [class*=" icon-"]:before {
line-height: inherit;
font-weight: inherit;
font-size: inherit;
width:auto;
margin:0;
}
.bypostauthor {
font-size: 1em;
}
/* 3. Form fields settings
-------------------------------------------------------------- */
form {
margin-bottom:0;
}
button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 1em; /* Corrects font size not being inherited in all browsers */
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}
button {
overflow: visible;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea,
select,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="password"],
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border: 0;
padding: 0;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
select,
textarea {
-webkit-appearance: none;
outline: none;
resize: none;
padding: 0.9em 1.5em;
font-size: 1em;
line-height: 1.3em;
}
button::-moz-focus-inner {
border: 0;
}
button:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select,
textarea:focus {
outline: none;
}
textarea {
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
vertical-align: top; /* Improves readability and alignment in all browsers */
min-height: 9.9em;
}
label.required:after {
content:'*';
display:inline-block;
vertical-align:text-top;
font-size:80%;
color:#da6f5b;
display: none;
}
input[type="radio"],
input[type="checkbox"] {
display:none;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
position:relative;
padding-left:1.75em;
line-height:1.5em;
}
input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
content:' ';
font-family:fontello;
display:block;
text-align:center;
border: 1px solid #eee;
position:absolute;
left:0;
top:3px;
width:1em;
height:1em;
line-height:1em;
}
input[type="radio"] + label:before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
input[type="checkbox"]:checked + label:before {
content:'\e8ab';
}
input[type="radio"]:checked + label:before {
content:'\e8e4';
}
.widget_search form,
.select_container {
width:100%;
overflow:hidden;
position:relative;
}
.select_container select {
border: 1px solid #eee;
}
.select_container,
.select_container:after,
.select_container select {
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.widget_search form:after,
.select_container:after {
content:'\e828';
font-family: 'fontello';
display:block;
text-align:center;
position:absolute;
right:1em;
top:50%;
font-size: 0.8em;
margin-top: -0.4em;
width:1em;
height:1em;
line-height:1em;
z-index:0;
pointer-events: none;
cursor:pointer;
}
.widget_search form:after {
content: '\e92d';
right:1.2em;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.widget_search .search-field,
.select_container select {
width:100%;
padding-right: 3em !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.select_container select {
width:110%;
background:none !important;
}
.select_container select,
.select_container select option {
padding:0.5em 1em;
}
/* 4. WP styles and Screen readers
-------------------------------------------------------------- */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
margin:0 !important;
padding:0 !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
display: block;
top: 5px;
left: 5px;
width: auto;
height: auto;
padding: 1em 1.5em;
font-size:0.8em;
line-height: normal;
color: #21759b;
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
text-decoration: none;
z-index: 100000; /* Above WP toolbar */
}
.alignleft {
display: inline-block;
float: left;
margin-right: 2em;
}
.alignright {
display: inline-block;
float: right;
margin-left: 2em;
}
.aligncenter {
clear: both;
display: block !important;
margin-left: auto !important;
margin-right:auto !important;
text-align:center;
}
figure.alignleft,
figure.alignright {
margin-top:0.5em;
}
/* Sticky posts */
.sticky_wrap {
margin-bottom: 1.7333em;
}
.sticky {
position:relative;
border: 2px solid #ddd;
padding: 2em;
}
.sticky .label_sticky {
display:block;
position:absolute;
z-index:1;
right: -14px;
top: -14px;
width: 0;
height: 0;
border: 12px solid transparent;
border-top-color:#ddd;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.sticky .post_categories {
margin-top: 1em;
}
.sticky .post_title {
margin-top: 0.5em;
margin-bottom:0;
text-transform:uppercase;
letter-spacing:1px;
}
/* Gallery */
.gallery {
margin: 0 -5px;
}
.gallery .gallery-item {
display: inline-block;
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gallery .gallery-item a {
display: block;
}
.gallery .gallery-item a img {
border: none !important;
display: block;
width: 100%;
}
.gallery .gallery-item .gallery-icon {
margin: 0 5px;
}
.gallery .gallery-item .gallery-caption {
line-height: 1.3em;
margin: 0 5px;
padding: 6px;
font-size:0.8em;
max-height: 3.8em;
}
.gallery .gallery-item:hover .gallery-caption {
bottom: -200px;
}
.gallery.gallery-columns-9 .gallery-item { width: 11.1111% !important; }
.gallery.gallery-columns-8 .gallery-item { width: 12.5% !important; }
.gallery.gallery-columns-7 .gallery-item { width: 14.2857% !important; }
.gallery.gallery-columns-6 .gallery-item { width: 16.6666% !important; }
.gallery.gallery-columns-5 .gallery-item { width: 20% !important; }
.gallery.gallery-columns-4 .gallery-item { width: 25% !important; }
.gallery.gallery-columns-3 .gallery-item { width: 33.3333% !important; }
.gallery.gallery-columns-2 .gallery-item { width: 50% !important; }
.gallery.gallery-columns-1 .gallery-item { width: 100% !important; }
.gallery.gallery-columns-9 .gallery-caption { font-size: 0.625em; }
.gallery.gallery-columns-8 .gallery-caption { font-size: 0.6875em; }
.gallery.gallery-columns-7 .gallery-caption { font-size: 0.75em; }
.gallery.gallery-columns-6 .gallery-caption { font-size: 0.8125em; }
.post-password-form label {
display:inline-block;
vertical-align:top;
}
.post-password-form input[type="submit"] {
display: inline-block;
margin-left: 0.2em;
padding: 0.7em 2.8em;
font-size: 0.875em;
font-weight: 600;
letter-spacing: 0.04em;
}
/* 5. Theme grid
-------------------------------------------------------------- */
.container, .container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 25px;
padding-right: 25px;
}
.row, .columns_wrap {
margin-left: 0px;
margin-right: -50px;
}
.row > [class*="column-"],
.columns_wrap > [class*="column-"] {
/* Old way: floating columns */
/* float: left;*/
/* New way: inline blocks */
/* Warning: remove spaces between column's tags:
Right: Wrong:
*/
display:inline-block;
vertical-align:top;
position: relative;
min-height: 1px;
padding-left: 0px; /* 25px; */
padding-right: 50px; /* 25px; */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row.columns_padding_left, .columns_wrap.columns_padding_left, .vc_row.columns_padding_left {
margin-left: -50px;
margin-right: 0;
}
.vc_row.columns_padding_left .vc_column_container > .vc_column-inner,
.row.columns_padding_left > [class*="column-"], .columns_wrap.columns_padding_left > [class*="column-"],
.row > [class*="column-"].columns_padding_left, .columns_wrap > [class*="column-"].columns_padding_left {
padding-left:50px;
padding-right:0;
}
.vc_row.columns_padding_right,
.row.columns_padding_right,
.columns_wrap.columns_padding_right {
margin-left: 0;
margin-right: -50px;
}
.vc_row.columns_padding_right .vc_column_container > .vc_column-inner,
.row.columns_padding_right > [class*="column-"], .columns_wrap.columns_padding_right > [class*="column-"],
.row > [class*="column-"].columns_padding_right, .columns_wrap > [class*="column-"].columns_padding_right {
padding-left:0;
padding-right:50px;
}
.vc_row,
.row.columns_padding_center,
.columns_wrap.columns_padding_center {
margin-left: -25px;
margin-right: -25px;
}
.vc_column_container > .vc_column-inner,
.row.columns_padding_center > [class*="column-"], .columns_wrap.columns_padding_center > [class*="column-"],
.row > [class*="column-"].columns_padding_center, .columns_wrap > [class*="column-"].columns_padding_center {
padding-left:25px;
padding-right:25px;
}
.row.columns_padding_bottom > [class*="column-"], .columns_wrap.columns_padding_bottom > [class*="column-"],
.row > [class*="column-"].columns_padding_bottom, .columns_wrap > [class*="column-"].columns_padding_bottom {
padding-bottom: 50px;
}
.sc_blogger.no_margins .row, .sc_blogger.no_margins .columns_wrap,
.row.no_margins, .columns_wrap.no_margins {
margin: 0 !important;
}
.sc_blogger.no_margins .row > [class*="column-"], .sc_blogger.no_margins .columns_wrap > [class*="column-"],
.row.no_margins > [class*="column-"], .columns_wrap.no_margins > [class*="column-"] {
padding: 0 !important;
}
/* Columns width */
.column-1, .column-1_1, .column-2_2, .column-3_3, .column-4_4, .column-5_5, .column-6_6, .column-7_7, .column-8_8, .column-9_9, .column-10_10, .column-11_11, .column-12_12 { width:100%; }
.column-1_2, .column-2_4, .column-3_6, .column-4_8, .column-5_10, .column-6_12 { width:50%; margin-right: -4px;}
.column-1_3, .column-2_6, .column-3_9, .column-4_12 { width:33.33333333%; margin-right: -4px;}
.column-2_3, .column-4_6, .column-8_12 { width:66.66666667%; }
.column-1_4, .column-2_8, .column-3_12 { width:25%; margin-right: -4px; }
.column-3_4, .column-6_8, .column-9_12 { width:75%; }
.column-1_5, .column-2_10 { width:20%; }
.column-2_5, .column-4_10 { width:40%; }
.column-3_5, .column-6_10 { width:60%; }
.column-4_5, .column-8_10 { width:80%; }
.column-1_6, .column-2_12 { width:16.66666667%; }
.column-5_6, .column-10_12 { width:83.33333333%; }
.column-1_7 { width:14.28571429%; }
.column-2_7 { width:28.57142857%; }
.column-3_7 { width:42.85714286%; }
.column-4_7 { width:57.14285714%; }
.column-5_7 { width:71.42857143%; }
.column-6_7 { width:85.71428571%; }
.column-1_8 { width:12.5%; }
.column-3_8 { width:37.5%; }
.column-5_8 { width:62.5%; }
.column-7_8 { width:87.5%; }
.column-1_9 { width:11.11111111%; }
.column-2_9 { width:22.22222222%; }
.column-3_9 { width:33.33333333%; }
.column-4_9 { width:44.44444444%; }
.column-5_9 { width:55.55555556%; }
.column-6_9 { width:66.66666667%; }
.column-7_9 { width:77.77777778%; }
.column-8_9 { width:88.88888889%; }
.column-1_10 { width:10%; }
.column-3_10 { width:30%; }
.column-7_10 { width:70%; }
.column-9_10 { width:90%; }
.column-1_11 { width: 9.09090909%; }
.column-2_11 { width:18.18181818%; }
.column-3_11 { width:27.27272727%; }
.column-4_11 { width:36.36363636%; }
.column-5_11 { width:45.45454545%; }
.column-6_11 { width:54.54545455%; }
.column-7_11 { width:63.63636364%; }
.column-8_11 { width:72.72727273%; }
.column-9_11 { width:81.81818182%; }
.column-10_11 { width:90.90909091%; }
.column-1_12 { width: 8.33333333%; }
.column-5_12 { width:41.66666667%; }
.column-7_12 { width:58.33333333%; }
.column-11_12 { width:91.66666667%; }
/* Push columns */
.push-1_2, .push-2_4, .push-3_6, .push-4_8, .push-5_10, .push-6_12 { left:50%; }
.push-1_3, .push-2_6, .push-3_9, .push-4_12 { left:33.33333333%; }
.push-2_3, .push-4_6, .push-8_12 { left:66.66666667%; }
.push-1_4, .push-2_8, .push-3_12 { left:25%; }
.push-3_4, .push-6_8, .push-9_12 { left:75%; }
.push-1_5, .push-2_10 { left:20%; }
.push-2_5, .push-4_10 { left:40%; }
.push-3_5, .push-6_10 { left:60%; }
.push-4_5, .push-8_10 { left:80%; }
.push-1_6, .push-2_12 { left:16.66666667%; }
.push-5_6, .push-10_12 { left:83.33333333%; }
.push-1_7 { left:14.28571429%; }
.push-2_7 { left:28.57142857%; }
.push-3_7 { left:42.85714286%; }
.push-4_7 { left:57.14285714%; }
.push-5_7 { left:71.42857143%; }
.push-6_7 { left:85.71428571%; }
.push-1_8 { left:12.5%; }
.push-3_8 { left:37.5%; }
.push-5_8 { left:62.5%; }
.push-7_8 { left:87.5%; }
.push-1_9 { left:11.11111111%; }
.push-2_9 { left:22.22222222%; }
.push-3_9 { left:33.33333333%; }
.push-4_9 { left:44.44444444%; }
.push-5_9 { left:55.55555556%; }
.push-6_9 { left:66.66666667%; }
.push-7_9 { left:77.77777778%; }
.push-8_9 { left:88.88888889%; }
.push-1_10 { left:10%; }
.push-3_10 { left:30%; }
.push-7_10 { left:70%; }
.push-9_10 { left:90%; }
.push-1_11 { left: 9.09090909%; }
.push-2_11 { left:18.18181818%; }
.push-3_11 { left:27.27272727%; }
.push-4_11 { left:36.36363636%; }
.push-5_11 { left:45.45454545%; }
.push-6_11 { left:54.54545455%; }
.push-7_11 { left:63.63636364%; }
.push-8_11 { left:72.72727273%; }
.push-9_11 { left:81.81818182%; }
.push-10_11 { left:90.90909091%; }
.push-1_12 { left: 8.33333333%; }
.push-5_12 { left:41.66666667%; }
.push-7_12 { left:58.33333333%; }
.push-11_12 { left:91.66666667%; }
/* Pull columns */
.pull-1_2, .pull-2_4, .pull-3_6, .pull-4_8, .pull-5_10, .pull-6_12 { right:50%; }
.pull-1_3, .pull-2_6, .pull-3_9, .pull-4_12 { right:33.33333333%; }
.pull-2_3, .pull-4_6, .pull-8_12 { right:66.66666667%; }
.pull-1_4, .pull-2_8, .pull-3_12 { right:25%; }
.pull-3_4, .pull-6_8, .pull-9_12 { right:75%; }
.pull-1_5, .pull-2_10 { right:20%; }
.pull-2_5, .pull-4_10 { right:40%; }
.pull-3_5, .pull-6_10 { right:60%; }
.pull-4_5, .pull-8_10 { right:80%; }
.pull-1_6, .pull-2_12 { right:16.66666667%; }
.pull-5_6, .pull-10_12 { right:83.33333333%; }
.pull-1_7 { right:14.28571429%; }
.pull-2_7 { right:28.57142857%; }
.pull-3_7 { right:42.85714286%; }
.pull-4_7 { right:57.14285714%; }
.pull-5_7 { right:71.42857143%; }
.pull-6_7 { right:85.71428571%; }
.pull-1_8 { right:12.5%; }
.pull-3_8 { right:37.5%; }
.pull-5_8 { right:62.5%; }
.pull-7_8 { right:87.5%; }
.pull-1_9 { right:11.11111111%; }
.pull-2_9 { right:22.22222222%; }
.pull-3_9 { right:33.33333333%; }
.pull-4_9 { right:44.44444444%; }
.pull-5_9 { right:55.55555556%; }
.pull-6_9 { right:66.66666667%; }
.pull-7_9 { right:77.77777778%; }
.pull-8_9 { right:88.88888889%; }
.pull-1_10 { right:10%; }
.pull-3_10 { right:30%; }
.pull-7_10 { right:70%; }
.pull-9_10 { right:90%; }
.pull-1_11 { right: 9.09090909%; }
.pull-2_11 { right:18.18181818%; }
.pull-3_11 { right:27.27272727%; }
.pull-4_11 { right:36.36363636%; }
.pull-5_11 { right:45.45454545%; }
.pull-6_11 { right:54.54545455%; }
.pull-7_11 { right:63.63636364%; }
.pull-8_11 { right:72.72727273%; }
.pull-9_11 { right:81.81818182%; }
.pull-10_11 { right:90.90909091%; }
.pull-1_12 { right: 8.33333333%; }
.pull-5_12 { right:41.66666667%; }
.pull-7_12 { right:58.33333333%; }
.pull-11_12 { right:91.66666667%; }
/* Margin for the columns */
.offset-1_2, .offset-2_4, .offset-3_6, .offset-4_8, .offset-5_10, .offset-6_12 { margin-left:50%; }
.offset-1_3, .offset-2_6, .offset-3_9, .offset-4_12 { margin-left:33.33333333%; }
.offset-2_3, .offset-4_6, .offset-8_12 { margin-left:66.66666667%; }
.offset-1_4, .offset-2_8, .offset-3_12 { margin-left:25%; }
.offset-3_4, .offset-6_8, .offset-9_12 { margin-left:75%; }
.offset-1_5, .offset-2_10 { margin-left:20%; }
.offset-2_5, .offset-4_10 { margin-left:40%; }
.offset-3_5, .offset-6_10 { margin-left:60%; }
.offset-4_5, .offset-8_10 { margin-left:80%; }
.offset-1_6, .offset-2_12 { margin-left:16.66666667%; }
.offset-5_6, .offset-10_12 { margin-left:83.33333333%; }
.offset-1_7 { margin-left:14.28571429%; }
.offset-2_7 { margin-left:28.57142857%; }
.offset-3_7 { margin-left:42.85714286%; }
.offset-4_7 { margin-left:57.14285714%; }
.offset-5_7 { margin-left:71.42857143%; }
.offset-6_7 { margin-left:85.71428571%; }
.offset-1_8 { margin-left:12.5%; }
.offset-3_8 { margin-left:37.5%; }
.offset-5_8 { margin-left:62.5%; }
.offset-7_8 { margin-left:87.5%; }
.offset-1_9 { margin-left:11.11111111%; }
.offset-2_9 { margin-left:22.22222222%; }
.offset-3_9 { margin-left:33.33333333%; }
.offset-4_9 { margin-left:44.44444444%; }
.offset-5_9 { margin-left:55.55555556%; }
.offset-6_9 { margin-left:66.66666667%; }
.offset-7_9 { margin-left:77.77777778%; }
.offset-8_9 { margin-left:88.88888889%; }
.offset-1_10 { margin-left:10%; }
.offset-3_10 { margin-left:30%; }
.offset-7_10 { margin-left:70%; }
.offset-9_10 { margin-left:90%; }
.offset-1_11 { margin-left: 9.09090909%; }
.offset-2_11 { margin-left:18.18181818%; }
.offset-3_11 { margin-left:27.27272727%; }
.offset-4_11 { margin-left:36.36363636%; }
.offset-5_11 { margin-left:45.45454545%; }
.offset-6_11 { margin-left:54.54545455%; }
.offset-7_11 { margin-left:63.63636364%; }
.offset-8_11 { margin-left:72.72727273%; }
.offset-9_11 { margin-left:81.81818182%; }
.offset-10_11 { margin-left:90.90909091%; }
.offset-1_12 { margin-left: 8.33333333%; }
.offset-5_12 { margin-left:41.66666667%; }
.offset-7_12 { margin-left:58.33333333%; }
.offset-11_12 { margin-left:91.66666667%; }
/* Utils */
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.columns_wrap:before,
.columns_wrap:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.columns_wrap:after {
clear: both;
width:100%;
height:0;
display:block;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.affix {
position: fixed;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.visible {
visibility: visible;
}
.invisible {
visibility: hidden;
}
.show {
display: block !important;
}
.hide {
display: none !important;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.text-hide {
font-size: 0;
line-height: 0;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.vertical-centered {
overflow:hidden;
}
.vertical-centered:before {
content:' ';
height: 100%;
width: 0;
margin-left:-0.3em;
}
.vertical-centered:before,
.vertical-centered > * {
display: inline-block;
vertical-align:middle;
}
.hr_advisor_loading {
background-image:url(images/preloader.gif);
background-position:center;
background-repeat:no-repeat;
}
/* 6. Page layouts
-------------------------------------------------------------- */
.page_wrap,
.content_wrap {
margin:0 auto;
}
#page_preloader,
.body_style_boxed {
background-color:#f0f0f0;
}
.body_style_boxed .page_wrap {
width:1290px;
overflow: hidden;
}
.content_wrap,
.content_container {
width:1170px;
margin:0 auto;
}
.content_wrap .content_wrap,
.content_wrap .content_container,
.content_container .content_wrap,
.content_container .content_container {
width:100%;
}
.content_wrap:after,
.content_container:after {
content:" ";
display:block;
width:100%;
height:0;
clear:both;
}
.body_style_fullwide .content_wrap {
width: 100%;
padding-left:130px;
padding-right:130px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.content, .sidebar, .sidebar_inner {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.page_content_wrap .content_wrap {
position:relative;
}
/* Content and Sidebar */
body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen):not(.sidebar_hide) .content {width: 740px;}
.sidebar {
width: 310px;
padding-left: 60px;
box-sizing: content-box;
border-left: 2px solid;
}
.sidebar_hide .content { margin-left: auto; margin-right: auto; }
.sidebar_right .content { float: left; }
.sidebar_right .sidebar {float: right;}
.sidebar_left .content { float: right; }
.sidebar_left .sidebar { float: left; }
/* Fullwide or Fullscreen with sidebar */
.body_style_fullwide .content, .body_style_fullscreen .content { width:auto; max-width:100%; width: 100%; }
.body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 400px; }
.body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar {margin-left: -355px;}
.body_style_fullwide.sidebar_left .content, .body_style_fullscreen.sidebar_left .content { padding-left: 400px; }
.body_style_fullwide.sidebar_left .sidebar, .body_style_fullscreen.sidebar_left .sidebar { margin-right:-370px; }
.body_style_fullscreen .page_content_wrap {
overflow:hidden;
padding:0;
}
/* Boxed style for articles and sidebar */
.body_style_fullscreen .content > article.page {
padding:0;
}
/* 7. Section's decorations
-------------------------------------------------------------- */
/* 7.1 Header: Logo and Menu
-------------------------------------------------------------- */
/* Top panel */
.top_panel {
position:relative;
z-index:10000;
background-position:center;
background-repeat:repeat;
padding: 0;
margin-bottom:7em;
}
.remove_margins .top_panel {
margin-bottom:0;
}
.top_panel:before {
content:' ';
position:absolute;
z-index:1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color:rgba(0,0,0,0.8);
display:none;
}
.top_panel.with_featured_image:before {
display:none;
}
/* Header positions */
.header_position_over .top_panel {
position:absolute;
z-index:2;
left:0;
top:0;
width: 100%;
background: none !important;
}
.header_position_under .top_panel {
position:relative;
z-index:1;
}
.header_position_under .top_panel_mask {
display:none;
position:absolute;
z-index:10000;
left:0;
top:0;
width:100%;
height:100%;
background-color:#000;
opacity: 0;
filter: alpha(opacity=0);
pointer-events: none;
}
.header_position_under .page_content_wrap {
position:relative;
z-index:2;
}
/* Fixed panel */
.top_panel_fixed_wrap {
display:none;
}
.menu_style_side .top_panel_fixed_wrap,
.header_style_header-2 .top_panel_fixed_wrap {
display:none !important;
}
.top_panel_fixed .top_panel_fixed_wrap {
display:block;
}
.top_panel_fixed .top_panel_navi {
position:fixed;
top:0;
left:0;
right:0;
z-index:10000;
padding-top:0;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
transform:none;
}
.top_panel_fixed .menu_main_wrap {
padding:1em 0;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.top_panel_fixed .logo {
display:none;
}
.top_panel_fixed .menu_main_nav_area {
margin-top: 0;
}
.admin-bar.top_panel_fixed .top_panel_navi {
top:32px;
}
/* Logo in the header */
.logo {
position:relative;
display:block;
text-align:center;
}
.logo img {
display:inline-block;
margin:0;
margin-top:-14px;
width:190px;
}
.logo_text {
display:block;
font-size: 1.7857em;
font-style:normal;
line-height:1.3em;
text-transform:uppercase;
letter-spacing:4px;
}
.logo_slogan {
display:block;
font-size: 0.9286em;
line-height:1.7em;
letter-spacing:1px;
}
/* Header Style 2: title image and text */
.top_panel_title_2 {
text-align:center;
}
.top_panel_title_2_image {
max-height: 7em;
}
.top_panel_title_2_image + .top_panel_title_2_text {
margin-top: 3.66em;
}
.top_panel_title_2_text {
font-size: 0.8421em;
font-weight:600;
line-height: 2em;
text-transform:uppercase;
letter-spacing:2px;
max-width:70%;
margin-left: auto;
margin-right: auto;
}
/* Menu */
.top_panel_navi [class^="icon-"]:before, .top_panel_navi [class*=" icon-"]:before {
margin-right:0.5em;
}
.top_panel_navi {
position:relative;
z-index: 3;
padding-top:3.7em;
}
.header_title_off .top_panel_navi {
padding-bottom: 3.7em;
}
.top_panel_navi_header ul,
.top_panel_navi ul {
display:inline-block;
margin:0;
padding:0;
list-style-type:none;
}
.top_panel_navi_header ul:after,
.top_panel_navi ul:after {
content:' ';
display:block;
width:100%;
height:0;
clear: both;
}
.top_panel_navi_header li,
.top_panel_navi li {
margin: 0;
position:relative;
letter-spacing: 0.02em;
}
.top_panel_navi_header li > a,
.top_panel_navi li > a {
display:block;
position:relative;
}
.top_panel_navi_header .menu_header_nav > li.menu-item-has-children > a:after,
.top_panel_navi .menu_main_nav > li.menu-item-has-children > a:after {
font-family: 'fontello';
display:inline-block;
position:absolute;
z-index:1;
font-weight:normal;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.top_panel_navi_header li li.menu-item-has-children > a:after,
.top_panel_navi li li.menu-item-has-children > a:after {
content: '\e836';
font-family: 'fontello';
font-weight:normal;
position:absolute;
right: 1em;
top: 50%;
margin-top: -0.8em;
}
/* Main menu */
.menu_header_wrap,
.menu_main_wrap {
text-align:center;
}
.menu_header_nav_area,
.menu_main_nav_area {
font-size: 0.8125em;
font-weight: 600;
line-height:1.5em;
position:relative;
display:inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
/* margin-top: 4.8em; */
visibility:hidden;
text-align:center;
}
.menu_header_nav_area {
margin-top: 2em;
margin-bottom: 6em;
}
.menu_header_nav_area.menu_show,
.menu_main_nav_area.menu_show {
visibility:visible;
}
.menu_header_nav,
.menu_main_nav {
text-align:center;
vertical-align:middle;
}
.menu_header_nav > li,
.menu_main_nav > li {
position:relative;
/* float:left; */
z-index:20;
display: inline-block;
}
.menu_main_nav > li+li { z-index:19; }
.menu_main_nav > li+li+li { z-index:18; }
.menu_main_nav > li+li+li+li { z-index:17; }
.menu_main_nav > li+li+li+li+li { z-index:16; }
.menu_main_nav > li+li+li+li+li+li { z-index:15; }
.menu_main_nav > li+li+li+li+li+li+li { z-index:14; }
.menu_main_nav > li+li+li+li+li+li+li+li { z-index:13; }
.menu_main_nav > li+li+li+li+li+li+li+li+li { z-index:12; }
.menu_main_nav > li+li+li+li+li+li+li+li+li+li { z-index:11; }
.menu_main_nav > li ul {
position:absolute;
display:none;
z-index:10000;
}
.menu_header_nav > li > a,
.menu_main_nav > li > a {
padding: 12px 10px;
position:relative;
}
/* Submenu */
.menu_header_nav > li ul,
.menu_main_nav > li ul {
line-height:1.5em;
text-transform:uppercase;
text-align:center;
margin-left: -7.5em;
width: 15em;
text-align: left;
padding: 2.9em 2em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.menu_header_nav > li ul > li > a,
.menu_main_nav > li ul > li > a {
padding: 0;
}
.menu_header_nav > li ul > li + li > a ,
.menu_main_nav > li ul > li + li > a{
margin-top: 0.85em;
}
.menu_header_nav > li > ul,
.menu_main_nav > li > ul {
top: 5em;
left: 50%;
margin-left: -7.5em;
width: 15em;
text-align: left;
padding: 16px 16px;
box-sizing: border-box;
}
.menu_header_nav > li > ul ul,
.menu_main_nav > li > ul ul {
left: 12.5em;
top: -2.7em;
margin: -2px 0 0 10px;
}
.menu_header_nav > li > ul ul:before,
.menu_main_nav > li > ul ul:before {
top: 2.3em;
left: -16px;
margin-left:0;
margin-top:8px;
}
.menu_header_nav > li > ul ul.submenu_left,
.menu_main_nav > li > ul ul.submenu_left {
left:-16.3636em;
margin:-2px 0 0 -14px;
}
.menu_header_nav > li > ul ul.submenu_left:before,
.menu_main_nav > li > ul ul.submenu_left:before {
top: 2.3em;
left: auto;
right: -16px;
}
/* Side menu */
body.menu_style_side {
/* Uncomment next line if you want shift body left on menu_side width */
/*padding-right:49px;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.menu_style_side .body_wrap {
position:relative;
overflow: hidden;
max-width:100%;
}
.menu_style_side .menu_side_wrap {
position: fixed;
z-index:20000;
left: auto;
right: 0;
top:0;
bottom: 0;
width: 49px;
}
.menu_style_side .trx_addons_scroll_to_top {
right: 1.3em;
display:none !important;
}
.menu_side_wrap .menu_side_inner {
position:absolute;
z-index: 1;
left: 0;
top: 0;
right: 0;
bottom:0;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.menu_side_wrap .menu_mobile_button {
display:block;
right: 50%;
top: 1.5em;
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.admin-bar .menu_side_wrap {
top: 32px;
}
body.mobile_layout.menu_style_side {
padding-right: 0;
}
.mobile_layout.menu_style_side .menu_side_wrap {
position:absolute;
z-index:3;
right: -49px;
top: 1em;
}
.mobile_layout.menu_style_side .menu_side_wrap .menu_mobile_button {
left:-49px;
right: auto;
}
.mobile_layout .menu_mobile .socials_mobile {
position:static;
}
.mobile_layout .menu_mobile_button {
top: 42%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.mobile_layout .menu_mobile_close {
top: 0;
margin: 1em 1em 0 0;
}
/* Undefined layout */
.no_layout .top_panel_navi {
visibility:hidden;
}
/* Mobile menu */
.mobile_layout .top_panel .logo {
position:static;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
}
.mobile_layout .top_panel_navi .content_wrap {
position:relative;
}
.mobile_layout .menu_main_nav_area {
display:none;
}
.menu_mobile_close,
.menu_mobile_button {
display:none;
width: 28px;
height: 28px;
cursor:pointer;
position:absolute;
right:0;
top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.menu_mobile_button {
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.menu_mobile_button:before,
.menu_mobile_close:before,
.menu_mobile_close:after {
content:' ';
position:absolute;
left:0;
top:50%;
width: 100%;
height: 0;
margin-top:-1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: 2px solid #fff;
}
.menu_mobile_button_text {
border: none;
font-size: 12px;
font-weight:600;
text-align:center;
height:auto;
}
.menu_mobile_button_text:before {
display:none;
}
.mobile_layout .menu_mobile_button {
display:block;
}
.menu_mobile_close {
display:block;
margin: 2em 2em 0 0;
overflow: hidden;
}
.menu_mobile_close:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu_mobile_close:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu_mobile_overlay {
display:none !important;
position:fixed;
z-index:100000;
left:0;
top:0;
right:0;
bottom:0;
background-color:rgba(0,0,0,0.8);
}
.menu_mobile {
position:fixed;
z-index:100002;
right:0;
top:0;
bottom:0;
width: 300px;
margin-right:-300px;
-webkit-transition: margin ease .3s;
-moz-transition: margin ease .3s;
-ms-transition: margin ease .3s;
-o-transition: margin ease .3s;
transition: margin ease .3s;
box-shadow: -1px 1px 5px #d2d2d2;
}
.menu_mobile_inner {
position:absolute;
z-index: 1;
left: 0;
top: 0;
right: 0;
bottom:0;
width: 100%;
height: 100%;
padding: 6em 2em;
overflow-y: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.admin-bar .menu_mobile_overlay,
.admin-bar .menu_mobile {
top:32px;
}
.menu_mobile.opened {
margin-right:0;
}
.menu_mobile a {
display:block;
}
.menu_mobile .menu_mobile_nav_area ul {
margin:0;
padding:0;
list-style:none;
position: relative;
top: auto;
left: auto;
text-align: center;
width: auto;
}
.menu_mobile .menu_mobile_nav_area ul ul {
display:none;
}
.menu_mobile .menu_mobile_nav_area li {
margin-bottom:0;
display: block;
}
.menu_mobile .menu_mobile_nav_area li > a {
font-size: 0.8421em;
line-height: 1.25em;
padding:0.5em 0;
text-transform:uppercase;
letter-spacing:2px;
margin-top: 0;
}
.menu_mobile .menu_mobile_nav_area li > a {
position: relative;
padding-right: 2em;
padding-left: 2em;
}
.menu_mobile .menu_mobile_nav_area .open_child_menu {
position:absolute;
z-index:1;
right: 0.5em;
top: 45%;
width:1em;
box-sizing: border-box;
line-height: 1em;
text-align:center;
cursor: pointer;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.menu_mobile .menu_mobile_nav_area a:hover > .open_child_menu {
background-color: rgba(255,255,255,0.1);
}
.menu_mobile .menu_mobile_nav_area .open_child_menu:before {
font-family:'fontello';
content:'\e828';
}
.menu_mobile .menu_mobile_nav_area li.opened > a > .open_child_menu:before {
content:'\e835';
}
.menu_mobile .socials_mobile {
text-align:center;
margin: 3em;
position:absolute;
bottom:0;
left:0;
}
.menu_mobile .social_item {
display:inline-block;
margin: 1em 1em 0 0;
font-size: 25px;
}
.menu_mobile .social_item a {
display:block;
font-size:1em;
width:1em;
height: 1em;
line-height:1em;
text-align:center;
}
.menu_mobile .search_mobile {
margin-top: 3em;
}
.menu_mobile .search_mobile form {
position:relative;
}
.menu_mobile .search_mobile .search_field {
width:100%;
padding: 1.5em 3em 1.5em 1.5em;
}
.menu_mobile .search_mobile .search_submit {
position:absolute;
right:0;
top:0;
padding:1.4em 1.4em 1.3em 1.4em;
background-color:transparent;
}
/* Side text */
.side_text_wrap {
font-size: 0.8125em;
text-transform: uppercase;
letter-spacing: 0.04em;
position: fixed;
left: 4em;
right: 4em;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
z-index: 2;
}
.side_text_wrap .text_left,
.side_text_wrap .text_right {
position: relative;
white-space: nowrap;
overflow: hidden;
transform-origin: left top 0;
-webkit-transform: rotate(90deg) translateX(-50%);
-moz-transform: rotate(90deg) translateX(-50%);
-ms-transform: rotate(90deg) translateX(-50%);
transform: rotate(90deg) translateX(-50%);
}
.side_text_wrap .text_left {
float: left;
}
.side_text_wrap .text_right {
float: right;
transform-origin: right top 0;
-webkit-transform: rotate(-90deg) translateX(50%);
-moz-transform: rotate(-90deg) translateX(50%);
-ms-transform: rotate(-90deg) translateX(50%);
transform: rotate(-90deg) translateX(50%);
}
.side_text_wrap .text_left span,
.side_text_wrap .text_right span{
display: block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.side_text_wrap .text_left span.first,
.side_text_wrap .text_right span.first{
position: absolute;
-webkit-transform: translateY(-120%);
-moz-transform: translateY(-120%);
-ms-transform: translateY(-120%);
transform: translateY(-120%);
}
.side_text_wrap .text_left:hover span.first,
.side_text_wrap .text_right:hover span.first{
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.side_text_wrap .text_left:hover span.second,
.side_text_wrap .text_right:hover span.second{
-webkit-transform: translateY(120%);
-moz-transform: translateY(120%);
-ms-transform: translateY(120%);
transform: translateY(120%);
}
/* Search area
------------------------------------------------------------ */
.search_wrap {
display:block;
vertical-align:middle;
position:relative;
}
.search_wrap .search_form {
position:relative;
vertical-align:middle;
}
.search_wrap .search_field {
width:7em;
line-height:1.3em;
letter-spacing:1px;
padding: 0.5em 2.2em 0.3em 0.3em;
background-color: transparent !important;
}
.search_wrap .search_submit {
position:absolute;
top: 0;
right: 0;
background-color:transparent;
padding: 0.5em 0.5em 0.3em 0.5em;
line-height:1.3em;
}
.search_wrap .icon-search:before {
content: '\e92d';
margin:0;
line-height:1.3em;
}
/* Socials in the top panel */
.top_panel_navi .socials_wrap{
padding: 17px 0;
}
/* Search field in the top panel */
.top_panel_navi .search_wrap {
display:inline-block;
/* position:absolute; */
z-index:1000;
/* right: 0; */
/* top:-0.6em; */
border:1px solid transparent;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.top_panel_navi .search_wrap .search_form {
position:static;
font-size: 0.6em;
padding: 0 2em;
}
.top_panel_navi .search_wrap .search_field {
width: 0;
visibility:hidden;
padding: 0.7em 0em;
font-size:2em;
border: none;
top: -0.5em;
}
.top_panel_navi .search_wrap .search_submit {
display:inline-block;
padding:0.7em 0;
font-size: 2em;
line-height:1em;
position:absolute;
z-index:1;
top:0;
right: 0;
font-weight: 400;
background: none !important;
}
/* Search style 'Expand' */
.search_style_expand.search_opened {
width: 100%;
}
.search_style_expand.search_opened .search_field {
width: 100%;
visibility:visible;
}
.search_style_expand.search_opened .search_submit {
padding: 0.8em;
}
.search_style_expand.search_opened .search_submit:before {
margin:0;
}
/* Search style 'Fullscreen' */
.search_style_fullscreen.search_opened .search_form_wrap {
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
overflow: hidden;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.search_style_fullscreen.search_opened .search_form {
position: relative;
width: 50%;
top: 50%;
left: 50%;
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
border-bottom: 1px solid #fff;
font-size:1em;
}
.search_style_fullscreen .search_close {
display:none;
}
.search_style_fullscreen.search_opened .search_close {
position: absolute;
right: 0;
top: 0;
display: inline-block;
font-size: 2em;
font-weight: 300;
text-align: center;
cursor: pointer;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.search_style_fullscreen.search_opened .search_close:before {
margin:0;
}
.search_style_fullscreen.search_opened .search_submit {
position: absolute;
left: 0;
right: auto;
top: 50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
background-color: none;
font-size: 1.5em;
width: auto;
padding: 0;
}
.search_style_fullscreen.search_opened .search_field {
font-size: 2em;
font-weight: 400;
height: 3em;
letter-spacing: 1px;
line-height: 3em;
margin: 0;
padding: 0 0 0 2em;
white-space: pre-wrap;
word-wrap: break-word;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
resize: none;
overflow: hidden;
display: block;
visibility:visible;
width: 100%;
}
.search_style_fullscreen.search_opened .search_field,
.search_style_fullscreen.search_opened .search_field:hover,
.search_style_fullscreen.search_opened .search_field:focus {
background-color: transparent !important;
}
/* Search field inside content */
.content .search_wrap {
max-width:50%;
margin:0;
}
.post_item_none_search .search_wrap,
.post_item_none_archive .search_wrap {
max-width:none;
}
.content .search_wrap .search_form_wrap {
width: 100%;
}
.content .search_wrap .search_form_wrap .search_field {
width:100%;
}
.post_item_none_search .search_wrap .search_field,
.post_item_none_archive .search_wrap .search_field {
padding: 1.2em 3em 1em 1em;
}
.post_item_none_search .search_wrap .search_submit,
.post_item_none_archive .search_wrap .search_submit {
right: 0.8em;
top: 0.8em;
}
.content .search_wrap .search_results {
width:100%;
}
/* Search results */
.search_wrap .search_results {
display:none;
position:absolute;
z-index:1000;
left: 0;
top:5.1em;
background-color: #fff;
border: 1px solid #e5e5e5;
width: 22em;
padding: 2em 1.5em;
font-size: 1.1818em;
line-height:1.5em;
text-align:left;
}
.search_wrap .search_results:after {
content:" ";
width:10px;
height:10px;
background-color: #fff;
border-left: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
position: absolute;
top:-6px;
left:3em;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.search_wrap .search_results .search_results_close {
position: absolute;
top:3px;
right:3px;
display:block;
text-align:center;
overflow:hidden;
font-size:1em;
width:1.2em;
height:1.2em;
line-height:1.2em;
cursor:pointer;
}
.search_wrap .post_more {
display:block;
text-align:center;
}
.widget_area .post_item,
aside .post_item {
overflow:hidden;
text-align:left;
margin-bottom: 0;
position:relative;
background-color: transparent !important;
}
aside .post_item + .post_item {
margin-top:2em;
padding-top: 0;
border-top: none;
}
.search_results.widget_area .post_item + .post_item {
border-top:1px solid #e5e5e5;
margin-top:1.5em;
padding-top:1.5em;
}
.widget_area .post_item .post_content,
aside .post_item .post_content {
overflow:hidden;
}
.widget_area .post_item .post_thumb,
aside .post_item .post_thumb {
float:left;
width: 5.3571em;
height: 5.3571em;
margin:0 1em 4px 0;
overflow:hidden;
}
.widget_area .post_item .post_thumb img,
aside .post_item .post_thumb img {
width:100%;
}
.widget_area .post_item .post_title,
aside .post_item .post_title {
font-weight: 600;
margin: -2px 0 6px 0;
text-align:left;
}
.widget_area .post_item .post_info,
aside .post_item .post_info {
font-size:0.8421em;
margin-bottom:0;
}
.widget_area .post_item .post_info .post_info_item+.post_info_item:before,
aside .post_item .post_info .post_info_item+.post_info_item:before {
content: "";
margin:0 0 0 5px;
}
.widget_area .post_item .post_categories,
aside .post_item .post_categories {
font-weight:700;
font-size:12px;
line-height:1.5em;
text-transform:uppercase;
margin-top:-0.2em;
margin-bottom:1em;
position:relative;
padding-right:3em;
}
.widget_area .post_item .post_categories .post_info_counters,
aside .post_item .post_categories .post_info_counters {
position:absolute;
right: 0;
top: 0;
}
/* Widgets in the Header
------------------------------------------------------------- */
.header_widgets_wrap {
position:relative;
z-index:2;
}
.header_widgets_wrap.header_fullwidth {
overflow:hidden;
}
.header_widgets_wrap.header_fullwidth aside {
margin-bottom:0;
}
/* 7.2 Sliders
-------------------------------------------------------------- */
/* Revolution slider */
.slider_wrap .rev_slider_wrapper {
z-index:0;
}
/* 7.3 Page info (page/post title, category or tag name, author, etc.)
-------------------------------------------------------------- */
.top_panel_title_wrap {
position:relative;
z-index:2;
text-align:center;
}
.top_panel_title .post_meta {
text-align: left;
}
.top_panel_title .page_caption {
letter-spacing: 2px;
text-align: left;
margin: 0;
}
.top_panel_title .post_meta+.page_caption {
margin-top: 0.4em;
font-size: 1.8947em;
line-height: 1.45em;
}
.top_panel_title .page_caption img {
display:inline-block;
max-height:1.5em;
vertical-align:middle;
width:auto;
margin: -0.2em 0.2em 0 0;
}
.top_panel_title .page_title_link {
margin:2.5em 0;
}
.top_panel_title .page_description {
font-size:0.8em;
line-height:1.5em;
margin:0.5em auto 0;
max-width:75%;
}
.top_panel_title .page_description p {
margin:0;
}
.top_panel_title{
overflow:hidden;
padding: 4.38em 0;
}
.top_panel_title .page_title,
.top_panel_title .breadcrumbs{
display: inline-block;
width: 49.5%;
vertical-align: middle;
}
.breadcrumbs {
font-size: 0.8125em;
font-weight: 400;
letter-spacing: 0.05em;
text-align: right;
}
.breadcrumbs .breadcrumbs_item {
display:inline-block;
vertical-align:top;
white-space:nowrap;
}
.breadcrumbs .breadcrumbs_delimiter {
display:inline-block;
position:relative;
margin: 0 1.69em;
vertical-align:top;
text-align:center;
}
.breadcrumbs .breadcrumbs_delimiter:before {
content: '|';
}
/* Featured image in the header */
.top_panel .post_featured_fullwide {
min-height: 34.74em;
margin:3.8em 0 3.4em;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
/* Top panel with bg image */
.top_panel.with_bg_image:before {
background-color:transparent !important;
}
.top_panel.with_bg_image .top_panel_title_2 {
margin-top: 5em;
}
.top_panel.with_bg_image .menu_header_nav_area {
margin-bottom: 25.5em;
}
.top_panel .top_panel_navi {
padding: 3.1em 0;
}
.top_panel .top_panel_navi:before {
content: '';
position: absolute;
top: 0;
right: 0;
left: 57%;
bottom: 0;
}
.body_style_fullwide .top_panel.top_panel_style_2 .top_panel_navi:before {
left: 66%;
}
.top_panel_style_1 .top_panel_navi:before {
left: 100%;
}
.top_panel .menu_main_nav_area,
.top_panel .logo {
display: inline-block;
vertical-align: middle;
}
.top_panel .logo {
width: 20%;
text-align: left;
margin-right: -5px;
}
.top_panel .menu_main_nav_area {
width: 80%;
}
.top_panel .menu_main_inner {
display: table;
width: 100%;
}
.top_panel .top_panel_navi ul.menu_main_nav {
text-align: right;
}
.top_panel .top_panel_navi .menu_main_nav,
.top_panel .top_panel_navi .contact_wrap{
display: inline-block;
vertical-align: top;
width: 48%;
float: right;
}
.top_panel .top_panel_navi .menu_main_nav {
width: 52%;
padding-right: 3em;
box-sizing: border-box;
}
.top_panel .socials_wrap,
.top_panel .phone_wrap,
.top_panel .search_wrap {
display: inline-block;
vertical-align: top;
}
.top_panel .phone_wrap{
padding-top: 1em;
padding-bottom: 1em;
}
.top_panel .phone_wrap:before{
font-size: 1.5em;
line-height: 0.5em;
vertical-align: middle;
font-weight: 300;
}
.top_panel .phone_wrap, .top_panel .phone_wrap + .socials_wrap, .top_panel .socials_wrap + .search_wrap, .top_panel .phone_wrap + .search_wrap {
padding-left: 4.2em;
position: relative;
}
.top_panel .phone_wrap + .socials_wrap:before,
.top_panel .socials_wrap + .search_wrap:before,
.top_panel .phone_wrap + .search_wrap:before {
content: '';
position: absolute;
left: 2.2em;
top: 0.8em;
bottom: 0.8em;
width: 1px;
background-color: #ddd;
}
.top_panel_style_1 .phone_wrap + .socials_wrap:before,
.top_panel_style_1 .socials_wrap + .search_wrap:before,
.top_panel_style_1 .phone_wrap + .search_wrap:before {
opacity: 0.2;
}
.top_panel_fixed .top_panel .top_panel_navi {
padding: 0;
}
/* 7.4 Blog layouts
-------------------------------------------------------------- */
/* Common styles */
.blog_archive {
padding-bottom: 4em;
}
.post_item {
margin-bottom: 2.3077em;
}
.post_item p {
margin-bottom:0;
}
.post_item > .post_title {
margin-top:0;
}
.post_item .more-link {
display:inline-block;
text-transform: uppercase;
white-space: nowrap;
padding: 1.179em 2.8em;
font-size: 0.875em;
font-weight: 600;
letter-spacing: 0.04em;
margin-top: 2.7em;
}
/* Tabs */
.hr_advisor_tabs .hr_advisor_tabs_titles {
list-style-type:none;
padding:0;
font-size:1.1429em;
line-height:2em;
text-align:center;
margin:-1em 0 4.3em;
}
.hr_advisor_tabs .hr_advisor_tabs_titles li {
display: inline-block;
}
.hr_advisor_tabs .hr_advisor_tabs_titles li+li {
margin-left:0.8em;
}
.hr_advisor_tabs .hr_advisor_tabs_titles li a {
display:block;
padding: 0.2em 1.2em;
}
.hr_advisor_tabs .nav-links {
margin-top:3.2em;
}
/* Excerpt */
.post_layout_excerpt {
position:relative;
margin-bottom:0;
}
.post_layout_excerpt + .post_layout_excerpt {
margin-top: 6em;
padding-top: 5.7em;
border-top: 2px solid #eee;
}
.post_layout_excerpt .post_header {
margin-bottom: 2.5em;
}
.post_layout_excerpt .post_title {
margin: 0;
line-height: 1.2em;
}.post_layout_excerpt.post_format_quote .post_header,
.post_layout_excerpt.post_format_aside .post_header {
margin-bottom: 0;
margin-top: 1.8em;
}
/* Masonry and Classic */
.post_layout_classic {
position:relative;
margin-bottom:4.4em;
}
.post_layout_classic .post_header {
text-align:center;
padding-top:1px;
}
.post_layout_classic .post_meta {
margin-top:0.5em;
}
.post_layout_classic .post_title {
margin: 0.5em 0 0;
}
.post_layout_classic .post_content {
padding-top: 0.7692em;
text-align:center;
}
.post_layout_classic blockquote {
padding: 0 0 0 3em;
margin: 0;
}
.post_layout_classic blockquote:before {
left: 0;
top: 0;
}
.post_layout_classic.post_format_quote .post_meta {
margin-left: 4.4em;
display: none;
}
.body_style_fullwide .post_layout_classic .post_header,
.body_style_fullwide .post_layout_classic .post_content {
max-width:75%;
margin-left:auto;
margin-right:auto;
}
/* Chess */
.chess_wrap {
overflow:hidden;
}
.post_layout_chess {
position:relative;
overflow:hidden;
margin-bottom:0;
}
.post_layout_chess .post_featured {
margin-bottom:0;
width: 50%;
float: right;
max-height:none !important;
}
.post_layout_chess .post_featured_bg:before {
padding-top: 100%; /* 112.5% - 16:9 */
}
.post_layout_chess .post_inner {
width: 50%;
position:absolute;
left:0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.post_layout_chess .post_inner_content {
padding: 0 14%;
}
.post_layout_chess .post_header {
text-align:center;
padding-top:1px;
}
.post_layout_chess .post_title {
margin: 0;
}
.post_layout_chess .post_meta {
margin-top: 1em;
}
.post_layout_chess .post_content {
text-align:center;
margin-top:0.8em;
}
.post_layout_chess blockquote {
padding: 0 0 0 3em;
margin: 0;
}
.post_layout_chess blockquote:before {
left: 0;
top: 0.18em;
}
.post_layout_chess.post_format_quote .post_meta {
margin-top: 3em;
margin-left: 4.4em;
display: none;
}
.post_layout_chess_1 .post_meta:before {
content:' ';
display:block;
width: 1px;
height: 2.2em;
margin: 3.2em auto;
display: none
}
.post_layout_chess .post_meta {
margin-top: 3em;
margin-bottom: 3em;
}
.post_layout_chess_1 .more-link {
margin-top: 4.3em;
padding: 1em 4.9em;
}
.post_layout_chess_2 .post_title {
font-size:1.5789em;
}
.post_layout_chess_2 .post_content_inner {
font-size:0.8947em;
line-height:1.4118em;
}
.post_layout_chess_2 .post_content_inner {
max-height: 7em;
}
.post_layout_chess_3 .post_title {
font-size:1.2632em;
}
.post_layout_chess_3 .post_content_inner {
font-size:0.7895em;
line-height:1.3333em;
}
.post_layout_chess_3 .post_content_inner {
max-height: 4.3em;
}
.post_layout_chess_2 .post_meta,
.post_layout_chess_3 .post_meta {
font-size: 0.6875em;
margin-top:0.8em;
}
.post_layout_chess_2 .more-link,
.post_layout_chess_3 .more-link {
margin-top:1.5em;
}
.post_layout_chess_2 .post_content_inner,
.post_layout_chess_3 .post_content_inner {
overflow:hidden;
position:relative;
}
.post_layout_chess_2 .post_content_inner,
.post_layout_chess_3 .post_content_inner {
overflow:hidden;
position:relative;
}
.post_layout_chess_2 .post_content_inner:after,
.post_layout_chess_3 .post_content_inner:after {
content:' ';
position:absolute;
bottom:0;
left:0;
width:100%;
height: 1em;
}
.post_layout_chess_1:nth-child(2n+2) .post_featured { float:left; }
.post_layout_chess_1:nth-child(2n+2) .post_inner { left: auto; right:0; }
.post_layout_chess_2 { width: 50%; float:left; }
.post_layout_chess_2:nth-child(4n+3) .post_featured,
.post_layout_chess_2:nth-child(4n+4) .post_featured { float:left; }
.post_layout_chess_2:nth-child(4n+3) .post_inner,
.post_layout_chess_2:nth-child(4n+4) .post_inner { left: auto; right:0; }
.post_layout_chess_3 { width: 33.3333%; float:left; }
.post_layout_chess_3:nth-child(6n+4) .post_featured,
.post_layout_chess_3:nth-child(6n+5) .post_featured,
.post_layout_chess_3:nth-child(6n+6) .post_featured { float:left; }
.post_layout_chess_3:nth-child(6n+4) .post_inner,
.post_layout_chess_3:nth-child(6n+5) .post_inner,
.post_layout_chess_3:nth-child(6n+6) .post_inner { left: auto; right:0; }
/* Portfolio */
.post_layout_portfolio .post_title {
margin: 1em 0 0.4em;
}
.post_layout_portfolio .post_featured {
margin-bottom:0;
}
/* This way not use any scripts to build masonry layout, but Google Chrome broke hovers in 2+ columns!!!
---------------------------------------------------------------------------------------------------------- */
/*
.portfolio_wrap {
position:relative;
-webkit-column-gap: 1.6667em;
-moz-column-gap: 1.6667em;
-ms-column-gap: 1.6667em;
column-gap: 1.6667em;
-webkit-column-count: 2;
-moz-column-count: 2;
-ms-column-count: 2;
column-count: 2;
}
.portfolio_wrap.portfolio_3 {
-webkit-column-count: 3;
-moz-column-count: 3;
-ms-column-count: 3;
column-count: 3;
}
.portfolio_wrap.portfolio_4 {
-webkit-column-count: 4;
-moz-column-count: 4;
-ms-column-count: 4;
column-count: 4;
}
.post_layout_portfolio {
position:relative;
display: inline-block;
margin-bottom:1.6667em;
width: 100%;
}
*/
/* This way use masonry.js script to build masonry layout and work properly in any browsers!
---------------------------------------------------------------------------------------------------------- */
.portfolio_wrap {
position:relative;
margin-right:-1.6667em;
}
.post_layout_portfolio {
position:relative;
display: inline-block;
vertical-align:top;
padding:0 1.6667em 1.6667em 0;
margin-bottom:0;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.portfolio_wrap.portfolio_3 .post_layout_portfolio {
width: 33.3333%;
}
.portfolio_wrap.portfolio_4 .post_layout_portfolio {
width: 25%;
}
/* Gallery */
.post_layout_gallery * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.post_layout_gallery .post_details {
display:none;
}
.gallery_item_current {
opacity: 0 !important;
}
.gallery_preview {
position: fixed;
z-index: 200000;
top: 0;
left: 0;
display: -ms-flex;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-line-pack: center;
-webkit-align-content: center;
align-content: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 50%;
height: 100%;
pointer-events: none;
}
.gallery_preview:before {
content: ' ';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.6s;
-ms-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.gallery_preview_show {
pointer-events: auto;
}
.gallery_preview_show:before {
opacity: 1;
}
.gallery_preview_image_clone {
position: fixed;
z-index: 110;
-webkit-transition: -webkit-transform 0.5s;
-ms-transition: -ms-transform 0.5s;
transition: transform 0.5s;
-webkit-backface-visibility: hidden;
}
.gallery_preview_image_original {
position: relative;
z-index: 120;
display: block;
object-fit: contain;
-webkit-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
transition: opacity 0.2s;
-webkit-backface-visibility: hidden;
}
.gallery_preview_show .gallery_preview_image_animate { /* open */
-webkit-transition: -webkit-transform 0.6s, opacity 0.2s;
-ms-transition: -ms-transform 0.6s, opacity 0.2s;
transition: transform 0.6s, opacity 0.2s;
}
.gallery_preview_image_animate { /* close */
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-ms-transition: -ms-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
.gallery_preview_description {
position: absolute;
z-index: 140;
width: 100%;
left: 100%;
top: 0;
height: 100%;
padding: 0 3em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
opacity: 0;
-webkit-transition: opacity 1s, -webkit-transform 1s;
-ms-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
-ms-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
-webkit-transform: translate3d(0, 30px, 0);
-ms-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
}
.gallery_preview_show .gallery_preview_description {
opacity: 1;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.gallery_preview_show .post_title {
margin: 0.3em 0 0.5em;
}
.gallery_preview_show .post_meta {
margin-bottom:2em;
}
.gallery_preview_show .post_category,
.gallery_preview_show .post_description {
max-width: 100%;
font-size:1.1429em;
line-height: 2em;
}
.gallery_preview_show .post_readmore {
font-size: 0.8em;
}
.gallery_preview_close {
font-size: 2em;
margin: 0;
padding: 0;
cursor: pointer;
vertical-align: top;
border: none;
background: none;
position: fixed;
z-index: 150;
top: 0;
right: 0;
padding: 1em;
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-ms-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: scale3d(0.6, 0.6, 1);
-ms-transform: scale3d(0.6, 0.6, 1);
transform: scale3d(0.6, 0.6, 1);
}
.gallery_preview_image_loaded .gallery_preview_close {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
/* Post featured block */
.post_featured {
overflow:hidden;
position:relative;
margin-bottom: 2.4em;
}
.post_featured:empty {
margin: 0;
}
.post_layout_excerpt.post_format_gallery .post_featured {
width: 100%;
}
.post_layout_excerpt.post_format_gallery .post_featured .slider_swiper {
height: 462px;
}
.post_layout_excerpt .post_featured {
display: inline-block;
}
.post_featured_bg {
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
.post_featured_bg:before {
content: ' ';
width: 0;
height: 0;
padding-top: 56.25%;
display:inline-block;
margin-left:-0.3em;
}
.post_featured_right {
float: right;
width: 50%;
margin-left: 4.3478%;
}
.post_featured_left {
float: left;
width: 50%;
margin-right: 4.3478%;
}
/* Post slider */
.post_item .slider_swiper .swiper-slide {
/*height: 15.5385em;*/
position:relative;
background-position:center center;
background-size:cover;
}
/* Post info block */
.post_meta {
font-size: 0.8125em;
line-height: 1.3em;
font-weight: 400;
text-transform:uppercase;
margin-top: 1.2em;
}
.post_share .social_items {
text-transform:uppercase;
font-size:0.9286em;
}
.post_share .social_items .social_item a i {
font-style:normal;
}
.post_meta .post_meta_item+.post_meta_item:before,
.vc_inline-link:before {
content: ' ';
display:inline;
margin: 0;
font-family:inherit;
font-size:inherit;
font-style:normal;
font-weight:700;
vertical-align:baseline;
}
.post_meta .socials_share {
display:inline;
vertical-align:baseline;
}
.post_meta .socials_share .socials_caption:before {
display:none;
}
.post_meta_item .socials_share .social_items {
bottom:auto;
top: 2.5em;
}
.post_meta_item .socials_share .social_items:before {
bottom: auto;
top: -5px;
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg);
}
/* 7.5 Post Formats
-------------------------------------------------------------- */
/* Audio */
.format-audio .post_featured {
position:relative;
margin-bottom: 3.2em;
width: 100%
}
.format-audio .post_featured img {
position:relative;
}
.post_layout_excerpt.format-audio .post_featured img {
top: -8em;
}
.format-audio .post_featured .mask {
opacity: 1;
filter:alpha(opacity=100);
}
.format-audio .post_featured .post_audio_author {
font-size: 0.875em;
font-weight: 400;
margin: 0em 0 0.3em;
}
.format-audio .post_featured .post_audio_title {
font-size: 1.375em;
font-weight: 400;
line-height:1.35em;
margin-bottom: 0.75em;
letter-spacing: 0;
}
/* .post_featured.with_thumb > iframe, */
.format-audio .post_featured.with_thumb .post_audio {
position: absolute;
z-index:1000;
bottom: 2.6em;
left:6%;
right: 6%;
}
.format-audio .post_featured.without_thumb .post_audio {
padding: 2em 2.5em 2.6em;
}
.format-audio .post_featured.with_thumb .mejs-container,
.format-audio .post_featured > div .mejs-controls {
background: none;
}
.format-audio .post_featured.with_thumb .mejs-controls,
.format-audio .post_featured > div > .mejs-container {
background:none;
}
.mejs-container .mejs-controls .mejs-button {
margin: 3px 3px 3px 0;
overflow:hidden;
position:relative;
width: 24px;
height: 24px;
line-height:24px;
text-align:center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.mejs-container .mejs-controls .mejs-button:hover {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.mejs-container .mejs-controls .mejs-button button {
display:block;
margin:0;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width: 100%;
height: 100%;
background: none !important;
}
.mejs-container .mejs-controls .mejs-playpause-button:before {
content: '\e8e1';
font-family:'fontello';
}
.mejs-container .mejs-controls .mejs-volume-button.mejs-mute:before {
content: '\e905';
font-family:'fontello';
}
.mejs-container .mejs-controls .mejs-volume-button.mejs-unmute:before {
content: '\e904';
font-family:'fontello';
}
.mejs-container .mejs-controls .mejs-time-rail span,
.mejs-container .mejs-controls .mejs-time-rail a {
height: 3px;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float {
height: 17px;
border: none;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
margin: 8px 5px;
}
.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
height: 3px;
top: 13px;
}
.mejs-container .mejs-controls .mejs-time {
padding: 10px 10px 0 !important;
}
/* Video */
.format-video .post_featured.with_thumb {
position:relative;
}
.format-video .post_featured.with_thumb .post_video {
position: absolute;
z-index:1;
left:0;
top:0;
width:100%;
height: 100%;
opacity:0;
overflow:hidden;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.format-video .post_featured.with_thumb .post_video:before {
content:' ';
display:inline-block;
padding-top:55%;
width:0;
height:0;
}
.format-video .post_featured.with_thumb img {
position:relative;
z-index:2;
}
.format-video .post_featured.with_thumb .mask {
z-index:3;
background-color: rgba(0,0,0,0.5);
opacity:0;
}
.format-video .post_featured.with_thumb:hover .mask {
opacity:1;
}
.format-video .post_featured.with_thumb .post_video_hover {
position: absolute;
z-index:4;
left: 50%;
top: 50%;
font-size:1.5em;
width: 2em;
height: 2em;
line-height: 1.9em;
text-align:center;
cursor: pointer;
overflow:hidden;
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
margin-top: 2em;
background-color: rgba(255,255,255,0.2);
color: #fff;
opacity: 0;
}
.body_style_fullwide .format-video .post_featured.with_thumb .post_video_hover,
.post_layout_excerpt.format-video .post_featured.with_thumb .post_video_hover {
font-size: 1em;
width: 5em;
height: 5em;
line-height: 5em;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.format-video .post_featured.with_thumb .post_video_hover:before {
content: '\e855';
font-family:'fontello';
}
.format-video .post_featured.with_thumb .post_video_hover:hover {
background-color: rgba(0,0,0,0.5);
}
.format-video .post_featured.with_thumb:hover .post_video_hover {
opacity: 1;
margin-top: 0;
}
.format-video .post_featured.post_video_play .post_video {
/*position:relative;*/
opacity:1;
z-index:10;
}
.format-video .post_featured.post_video_play .mask {
opacity: 1;
background-color:#000;
}
.format-video .post_featured.post_video_play .post_video > * {
position:absolute;
z-index:1;
left: 50%;
top: 50%;
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
}
.format-video .post_featured.post_video_play .post_video_hover {
display:none;
}
/* Aside, Link, Status */
.format-quote .post_content,
.format-aside .post_content,
.format-link .post_content,
.format-status .post_content {
padding: 0;
text-align:left;
}
.post_layout_classic.format-status .post_content_inner {
font-size: 1.0526em;
line-height:1.25em;
}
.format-link .post_content_inner ,
.format-aside .post_content_inner {
padding: 3.9em 4.33em;
}
.format-link .post_content_inner p,
.format-aside .post_content_inner p{
font-size: 1.375em;
letter-spacing: 0.08em;
}
.format-quote .post_content p,
.format-aside .post_content p,
.format-link .post_content p,
.format-status .post_content p {
margin-bottom: 0;
}
.format-quote .post_content p+p,
.format-aside .post_content p+p,
.format-link .post_content p+p,
.format-status .post_content p+p {
margin-top:1em;
}
.format-aside .post_meta,
.format-link .post_meta,
.format-status .post_meta {
margin-bottom:2em;
}
/* Chat */
.format-chat .post_content_inner {
padding-top: 1.1em;
}
.format-chat p {
margin-bottom:0;
}
.format-chat p > em,
.format-chat p > b,
.format-chat p > strong {
display:inline-block;
margin-top:1.7em;
}
.format-chat p:first-child > em,
.format-chat p:first-child > b,
.format-chat p:first-child > strong {
margin-top:0;
}
/* 7.6 Paginations
-------------------------------------------------------------- */
/* Blog pagination: Load more anf Infinite */
.nav-links-more {
font-size: 0.7368em;
font-weight:bold;
text-transform:uppercase;
margin-top: 2.3em;
letter-spacing:1px;
text-align:center;
}
.nav-links-more.nav-links-infinite {
display:none;
}
.nav-links-more a {
display:inline-block;
padding-top: 3em;
position:relative;
}
.nav-links-more a:before {
content: '\e929';
font-family:'fontello';
font-size:2em;
display:block;
text-align:center;
font-weight:normal;
position:absolute;
top:0;
left:50%;
margin-left:-0.5em;
width:1em;
height: 1em;
line-height:1em;
}
.nav-links-more a:hover {
-webkit-animation: jump 0.5s 1 cubic-bezier(0.2, 0.8, 0.6, 1.6);
-moz-animation: jump 0.5s 1 cubic-bezier(0.2, 0.8, 0.6, 1.6);
-ms-animation: jump 0.5s 1 cubic-bezier(0.2, 0.8, 0.6, 1.6);
-o-animation: jump 0.5s 1 cubic-bezier(0.2, 0.8, 0.6, 1.6);
animation: jump 0.5s 1 cubic-bezier(0.2, 0.8, 0.6, 1.6);
}
.nav-links-more.loading a:before {
content: '\e82d';
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-ms-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
.nav-links-infinite a span {
opacity: 0;
filter: alpha(opacity=0);
}
.nav-links-infinite.loading {
display: block;
}
/* Blog pagination: Prev/Next links */
.nav-links-old {
overflow:hidden;
font-size: 0.7368em;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
margin-top: 2em;
margin-bottom: 2em
}
body[class*="blog_style_portfolio"] .nav-links-old,
body[class*="blog_style_classic"] .nav-links-old {
margin-top:1.3em;
}
.nav-links-old .nav-prev a:before,
.nav-links-old .nav-next a:after {
font-family:'fontello';
display:inline;
font-weight:normal;
position:absolute;
top:0;
}
.nav-links-old .nav-prev {
float:left;
position:relative;
padding-left: 2em;
margin-left: 1em;
}
.nav-links-old .nav-prev a:before {
content: '\e907';
left: 0;
}
.nav-links-old .nav-next {
float:right;
position:relative;
padding-right:2em;
margin-right: 1em;
}
.nav-links-old .nav-next a:after {
content: '\e908';
right: 0;
}
.nav-links-old a {
border-bottom: 1px dotted transparent;
}
/* Blog pagination: Page numbers */
.nav-links,
.page_links {
font-size: 12px;
font-weight:bold;
text-transform:uppercase;
margin-top: 3.4em;
text-align:center;
}
.remove_margins .nav-links{
margin-bottom: 3.4em;
}
.nav-links {
text-align: left;
}
.body_style_fullscreen .nav-links {
margin-left: 1em;
}
.page_links {
margin-top: 2.5em;
}
.page_links .page_links_title {
margin-right: 1em;
}
.page_links > span:not(.page_links_title),
.page_links > a,
.nav-links .page-numbers {
display: inline-block;
width: 5.17em;
height: 5.17em;
line-height: 5.17em;
text-align: center;
margin-right: 0.2em;
}
/* Single page Prev/Next navigation */
.single .nav-links {
font-size:0.8421em;
text-align: left;
margin-top: 5.45em;
padding-top: 5.45em;
border-top: 1px dotted #ddd;
overflow:hidden;
text-transform:none;
}
.single .nav-links a {
display:block;
position:relative;
min-height: 5em;
z-index:1;
}
.single .nav-links a .nav-arrow {
width:5em;
height:4.6em;
line-height:4.6em;
overflow:hidden;
text-align:center;
position:absolute;
top:0;
left: 0;
border: 1px dotted transparent;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.single .nav-links a .nav-arrow:before {
content: ' ';
display:block;
position:absolute;
z-index:1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color:#fff;
opacity:0;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.single .nav-links a:hover .nav-arrow:before {
opacity:0.5;
}
.single .nav-links a .nav-arrow:after {
content: '\e907';
font-family: 'fontello';
display:inline-block;
position:relative;
z-index:2;
top: 3em;
opacity:0;
color: #292929;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.single .nav-links a:hover .nav-arrow:after {
top: 0;
opacity:1;
}
.single .nav-links .nav-next a .nav-arrow {
right: 0;
left: auto;
}
.single .nav-links .nav-next a .nav-arrow:after {
content: '\e908';
}
.single .nav-links .nav-previous,
.single .nav-links .nav-next {
width:50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.single .nav-links .nav-previous {
float:left;
text-align:left;
padding-right:15px;
}
.single .nav-links .nav-previous a {
padding-left: 6.5em;
}
.single .nav-links .nav-previous .post-title {
text-align:left;
}
.single .nav-links .nav-next {
float:right;
text-align:right;
padding-left:15px;
}
.single .nav-links .nav-next a {
padding-right: 6.5em;
}
.single .nav-links .nav-next .post-title {
text-align:right;
}
.single .nav-links .post-title,
.single .nav-links .post_date {
-webkit-transition: all ease-in-out .3s;
-moz-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
}
.single .nav-links .post-title {
margin:0 0 0.3em;
line-height: 1.3em;
font-weight: 600;
}
.single .nav-links .meta-nav,
.single .nav-links .post_date {
font-size:0.9286em;
font-weight:normal;
}
/* Attachments navigation */
.image-navigation .nav-previous,
.image-navigation .nav-next {
float:none;
width:auto;
text-align:left;
padding:0;
margin:0;
position: absolute;
left: 1.5em;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.image-navigation .nav-next {
left: auto;
right: 1.5em;
text-align:right;
}
.image-navigation .nav-previous a,
.image-navigation .nav-next a {
display:block;
padding: 0.25em 1em;
width: 0;
max-width:20em;
overflow:hidden;
white-space:nowrap;
background-color:rgba(0,0,0,0.6);
border:1px solid #000;
color: #fff;;
-webkit-border-radius: 1.5em;
-moz-border-radius: 1.5em;
border-radius: 1.5em;
}
.image-navigation .nav-previous a:hover,
.image-navigation .nav-next a:hover {
width: auto;
color: #fff;;
}
.image-navigation .nav-previous a:hover {
padding-left:3.5em;
}
.image-navigation .nav-next a:hover {
padding-right:3.5em;
}
.image-navigation .nav-previous a:after,
.image-navigation .nav-next a:after {
content: '\e8ef';
font-family: "fontello";
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
text-align: center;
left: 0;
top: 50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
width:2.5em;
height:2.5em;
line-height:2.5em;
border: 1px solid #000;
background-color: #333;
color: #fff;
}
.image-navigation .nav-next a:after {
content: '\e8f0';
left: auto;
right: 0;
}
.image-navigation .nav-previous a:hover:after,
.image-navigation .nav-next a:hover:after {
border-color: transparent;
background-color: transparent;
}
/* 8. Single page parts
-------------------------------------------------------------- */
.post_item_single.format-aside .post_content,
.post_item_single.format-link .post_content,
.post_item_single.format-status .post_content {
padding: 2em 0 0;
text-align:left;
}
.post_item_single.format-quote .post_content {
background-color:transparent;
padding-top:0;
}
.post_item_single .post_content .mejs-container {
margin-bottom:1em;
}
/* 8.1 Post header
------------------------------------------------------ */
.post_item_single .post_featured {
margin-bottom:2.8em;
}
.post_featured.post_attachment {
margin-bottom: 0.5em;
}
.entry-caption {
text-align:center;
font-style:italic;
}
.post_item_single .post_header {
margin-bottom:2.5em;
}
.post_item_single .post_content > h1:first-child,
.post_item_single .post_content > .vc_row:first-child h1:first-child,
.post_item_single .post_title {
/* margin-top:0; */
}
.post_item_single .post_header .post_title {
margin-bottom: 0;
}
/* 8.2 Post footer
------------------------------------------------------ */
.post_item_single .post_content .post_meta {
margin-top: 2.8em;
overflow:hidden;
}
.post_item_single .post_content .post_meta .post_tags {
float:left;
display:block;
max-width:55%;
margin-top:0.7em;
}
.post_item_single .post_content .post_meta .post_share {
float: right;
display:block;
max-width:40%;
}
.post_item_single .post_content .post_meta .post_share:before {
display:none;
}
.post_item_single .post_content .post_meta .post_share .social_item a {
display:block;
width: 4em;
height: 4em;
line-height:4em;
text-align:center;
}
.post_item_single .post_content .post_meta .post_share .social_item + .social_item {
margin-left:3px;
}
/* 8.3 Post author
------------------------------------------------------ */
.author_info {
margin-top: 5.45em;
padding-top: 5.45em;
border-top: 1px dotted #ddd;
position:relative;
}
.author_avatar {
width: 6.3158em;
height: 6.3158em;
position: absolute;
left: 0;
top: 5.45em;
}
.author_avatar img {
width:100%;
height: auto;
}
.author_description {
padding-left: 7.8947em;
}
.author_title {
margin-top:-0.4em;
margin-bottom:1em;
}
.author_bio p {
margin:0;
}
.author_bio p+p {
margin-top:1em;
}
.author_bio .author_link {
display:block;
margin-top:0.8em;
font-style: italic;
font-weight: 600;
}
/* 8.4 Related posts
------------------------------------------------------ */
.related_wrap {
margin-top: 5.45em;
padding-top: 5.45em;
border-top: 1px dotted #eee;
overflow:hidden;
}
.related_wrap_title {
margin:0 0 1.5em;
text-align:left;
font-size: 1.8947em;
}
.related_wrap .related_item {
text-align:center;
}
.related_wrap .post_featured {
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.related_wrap .post_categories {
font-weight:700;
text-transform:uppercase;
font-size:12px;
}
.related_wrap .post_categories ul {
margin: 0;
padding:0;
list-style:none;
display:inline-block;
}
.related_wrap .post_categories li {
display:inline-block;
margin: 0;
}
.related_wrap .post_categories li+li {
margin-left: 0.5em;
}
.related_wrap .post_categories li:nth-child(n+3) {
display:none; /* Hide more then 2 categories */
}
.related_wrap .post_title {
margin: 0.2em 0 0.1em;
}
.related_wrap .post_date {
font-size: 0.7368em;
}
.related_wrap .post_featured:before {
content: ' ';
display:inline-block;
vertical-align:middle;
padding-top: 100%;
}
/* Style 1 */
.related_wrap .related_item_style_1 .post_header {
display:inline-block;
vertical-align:middle;
padding:3em 2em;
max-width: 70%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.related_wrap .related_item_style_1 .post_title {
margin: 0.8em 0;
letter-spacing:1px;
line-height:1.5em;
}
/* Style 2 */
.related_wrap .related_item_style_2 .post_featured {
margin-bottom: 1.1em;
}
.related_wrap .related_item_style_2 .post_featured:before {
padding-top: 62.47%;
}
.related_wrap .related_item_style_2 .post_date {
font-size:10px;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
}
/* 8.5 Comments
-------------------------------------------------------- */
.body_style_fullscreen .comments_wrap {
margin-bottom: 3em;
}
/* Comment list */
.comments_list_wrap {
margin-top: 7.2em;
padding-top: 6.3em;
border-top: 1px dotted #eee;
overflow:hidden;
}
.comments_list_wrap .comments_closed {
margin-top:2em;
color:#1d1d1d;
}
.comments_list_wrap .comments_list_title {
margin:0 0 0.4em;
text-align:left;
}
.comments_list_wrap > ul {
padding: 0;
margin:0;
list-style: none;
}
.comments_list_wrap > ul > li:first-child {
margin-top: -1.3em;
}
.comments_list_wrap ul li {
padding-top:2.4em;
}
.comments_list_wrap ul > li {
overflow:hidden;
position:relative;
min-height:5em;
}
.comments_list_wrap ul > li:before {
display:none;
}
.comments_list_wrap ul ul {
/* padding-left:7em; */ /* This way for long border under previous item */
margin-left:7.3em; /* This way for short border under previous item */
padding-left:0;
}
.comments_list_wrap ul ul ul ul ul {
/* padding-left:0; */ /* This way for long border under previous item */
margin-left:0; /* This way for short border under previous item */
}
.comments_list_wrap li + li,
.comments_list_wrap li ul {
margin-top: 2.2em;
border-top: 1px dotted #eee;
}
.comments_list_wrap .comment_author_avatar {
position: absolute;
left:0;
top: 2.5em;
z-index:1;
width: 5.7895em;
height: 5.7895em;
}
.comments_list_wrap .comment_author_avatar img {
width: 100%;
}
.comments_list_wrap .comment_content {
padding-left:7.3em;
overflow:hidden;
}
.comments_list_wrap .comment_info {
margin-bottom:1em;
position:relative;
}
.comments_list_wrap .comment_author {
margin:0;
}
.comments_list_wrap .comment_posted {
position:relative;
font-size:12px;
line-height: 1.6em;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
}
.comments_list_wrap .comment_time {
display:none;
}
.comments_list_wrap .comment_counters {
position:absolute;
z-index:1;
right: 0;
top: 0;
}
.comments_list_wrap .comment_not_approved {
padding: 0.2em 0 0.5em 0;
font-style:italic;
}
.comments_list_wrap .comment_text {
margin-bottom:0.5em;
}
.comments_list_wrap .comment_text p {
margin:0;
}
.comments_list_wrap .comment_text p+p {
margin-top: 0.6em;
}
.comments_list_wrap .comment_text ul {
margin:0;
padding: 0 0 0 1.5em;
list-style: outside;
}
.comments_list_wrap .comment_text ol {
margin:0;
padding: 0 0 0 1.5em;
list-style:decimal;
}
.comments_list_wrap .comment_text ul > li > ul,
.comments_list_wrap .comment_text ol > li > ol {
margin-top: 0.5em;
}
.comments_list_wrap .comment_text ul > li,
.comments_list_wrap .comment_text ol > li {
min-height:0;
padding:0;
margin:0 0 0.5em 0;
overflow:visible;
}
.comments_list_wrap .comment_text ul,
.comments_list_wrap .comment_text ul > li,
.comments_list_wrap .comment_text ol,
.comments_list_wrap .comment_text ol > li {
border:none;
}
.comments_list_wrap .comment_reply {
font-size:12px;
font-weight:bold;
text-transform:uppercase;
line-height:1.6em;
letter-spacing:1px;
margin-top: 2.1em;
}
.comments_list_wrap .comment_reply a:before {
content:'\e802';
font-family:'fontello';
margin-right:0.2em;
}
/* Trackbacks and pingbacks */
.comments_list > li.trackback {
list-style:none;
margin-left:0;
padding-left:0;
padding-right:4em;
min-height: 0;
position:relative;
}
.comments_list > li.trackback p {
font-style:italic;
padding-bottom:0.8em;
}
.comments_list > li.trackback p a {
font-style:normal;
}
.comments_list > li.trackback .edit-link {
position:absolute;
right:0;
top: 2em;
}
/* Comments form */
.comments_form_wrap {
margin-top: 5.45em;
padding-top: 5.45em;
border-top: 1px dotted #eee;
overflow:hidden;
}
.comments_list_wrap + .comments_form_wrap {
margin-top: 2.3em;
}
.comments_form_wrap form {
position:relative;
overflow:hidden;
}
.comments_wrap .comments_form_title {
margin:0 0 1.5em;
text-align:left;
font-size: 1.8947em;
}
.comments_wrap .comment-reply-title {
display:none;
font-size: 1.3333em;
line-height:1.7333em;
text-transform:uppercase;
text-align:left;
margin:0;
}
.comments_wrap .comments_list_wrap .comment-reply-title {
display:block;
}
.comments_wrap .comments_notes {
font-size:0.8667em;
}
.comments_wrap .comments_field {
margin-bottom:1.6667em;
}
.comments_wrap .comments_author,
.comments_wrap .comments_email {
width: 48%;
float:left;
}
.comments_wrap .comments_email {
float:right;
}
.comments_wrap .comments_url {
clear:both;
}
.comments_wrap .comments_field label {
display:none;
}
.comments_wrap .comments_field input,
.comments_wrap .comments_field textarea {
width:100%;
padding: 1.5em 2em;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.comments_wrap .comments_field textarea {
min-height:11em;
}
/* Submit button */
.comments_wrap .form-submit {
margin:3.3em 0 0;
}
.comments_wrap .form-submit:before {
content: ' ';
clear:both;
display:block;
width:100%;
height: 0;
}
.comments_wrap .form-submit input[type="submit"] {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-style: normal;
padding: 1.179em 2.8em;
font-size: 0.875em;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
form .error_field {
border-color: #CC6868 !important;
-webkit-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2);
-moz-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2);
box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2);
}
/* Result box */
.hr_advisor_messagebox {
display:inline-block;
font-size:0.8667em;
line-height:1.5em;
padding: 1.5em;
color: #006818;
border: 1px solid #006818;
background-color:#d8ffd8;
position:absolute;
z-index:1000;
left: 50%;
top: 50%;
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2);
box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2);
}
.hr_advisor_messagebox_style_error {
color: #681800;
border: 1px solid #681800;
background-color:#ffd8d8;
-webkit-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2);
box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2);
}
.hr_advisor_messagebox p {
margin:0;
}
.hr_advisor_messagebox p+p {
margin-top:0.4em;
}
/* 8.6 Page 404
-------------------------------------------------------------- */
.post_item_404 .post_content {
padding: 11em 0 8em;
overflow:hidden;
}
.post_item_404 .page_title {
float: left;
width:50%;
font-size: 19em;
line-height:1em;
margin: 0;
letter-spacing:0;
text-align:left;
}
.post_item_404 .page_info {
float: left;
width:50%;
text-align:left;
padding-left: 8em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.post_item_404 .page_subtitle {
margin: 0;
letter-spacing:1px;
}
.post_item_404 .page_description {
margin-top: 0.5em;
margin-bottom: 2em;
text-transform:uppercase;
letter-spacing:1px;
line-height:2.7em;
}
.post_item_404 .go_home {
display:inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 1.45em 4em;
text-transform:uppercase;
letter-spacing:2px;
font-size: 0.8571em;
font-style:normal;
font-weight:bold;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.post_item_404 .go_home:after {
content:'\e908';
font-family:'fontello';
margin-left:0.5em;
font-size: 0.9286em;
}
/* 8.7 Page 'No search results' and 'No archive results'
-------------------------------------------------------- */
.post_item_none_search .post_content {
padding: 3em 0;
}
.post_item_none_search .page_title,
.post_item_none_archive .page_title {
font-size: 7em;
line-height:1em;
}
/* 9. Sidebars
-------------------------------------------------------------- */
/* Common rules */
.sidebar[class*="scheme_"] aside {
padding: 0em;
}
.sidebar .sidebar_inner {
padding: 0;
}
.sidebar aside+aside,.sidebar[class*="scheme_"] aside+aside {
padding-top: 3.5em;
margin-top: 3.5em;
border-top: 2px solid #000;
}
aside p {
margin:0;
}
aside p+p {
margin-top:1em;
}
aside .widget_title {
margin-top:0;
margin-bottom: 2.95em;
font-size: 1.0625em;
text-transform: none;
letter-spacing: 0.08em;
}
.sidebar aside .widget_title {
font-size: 1.375em;
letter-spacing: 0;
margin-bottom: 1.2em;
}
aside ul {
margin:0;
padding-left:0.9em;
list-style-type:none;
}
aside li {
position:relative;
/* font-style: italic; */
font-weight: normal;
}
aside li:before {
content: ' ';
display:block;
width: 5px;
height: 5px;
position:absolute;
left:-0.9em;
top: 0.4em;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
/* Widgets above and below the page (content and sidebar) */
.widgets_above_page_wrap,
.widgets_above_content_wrap {
font-size:0.8667em;
margin-bottom:2.3077em;
}
.widgets_below_content_wrap,
.widgets_below_page_wrap {
font-size:0.8667em;
margin-top:2.3077em;
}
.widgets_below_page_wrap {
clear:both;
}
/* Widget: Custom Menu */
.widget_nav_menu ul {
padding: 0;
}
.widget_nav_menu ul li:before{
content: none;
}
.widget_nav_menu ul li + li{
margin-top: 0.55em;
}
/* Widget: Recent Comments */
.widget_recent_comments ul{
padding: 0;
}
.widget_recent_comments li:before{
content: none;
}
.widget_recent_comments li + li{
margin-top: 1.6em;
}
/* Widget: Calendar */
.widget_calendar table {
width: 100%;
position:relative;
table-layout: fixed;
}
.widget_calendar caption {
padding-bottom:0.5em;
text-transform:uppercase;
display: none;
}
.widget_calendar table > thead > tr {
background-color: transparent !important;
}
.widget_calendar th,
.widget_calendar td {
font-size: 1em !important;
line-height:1.5em;
font-weight:400 !important;
font-style:normal;
text-align:center;
padding:2px;
color: #000;
border: none !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 14.2857%;
}
.widget_calendar thead th {
font-size: 0.8125em !important;
}
.widget_calendar th {
font-weight: 400 !important;
font-style: normal !important;
text-transform:none !important;
padding: 0.5em 0 0.75em;
}
.widget_calendar td {
line-height:2em;
padding:0;
}
.widget_calendar tbody td a {
display:block;
position:relative;
font-weight:normal;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.widget_calendar tbody td a:after {
content: '\e83c';
font-family: 'fontello';
position:absolute;
left:48%;
top: 0.8em;
}
.widget_calendar td#today {
position:relative;
z-index:2;
}
.widget_calendar td#today:before {
content:' ';
position:absolute;
z-index:-1;
left:50%;
top: 50%;
width: 2.2em;
height: 2.2em;
width: 1.875em;
height: 1.875em;
line-height: 1.875em;
margin: auto;
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
}
.widget_calendar tfoot {
position:relative;
top: 0.55em;
}
.widget_calendar tfoot td {
font-size: 1em !important;
font-style: normal !important;
font-weight: 400 !important;
text-transform: none !important;
}
.widget_calendar td#prev {
text-align:left;
overflow:hidden;
}
.widget_calendar td#next {
text-align:right;
}
/* Widget: Recent Posts */
.widget_recent_entries .post-date {
display: inline-block;
margin-left:0.5em;
}
/* Widget: Search */
.widget_search .search_form,
.widget_search .search-form {
position:relative;
overflow:hidden;
}
.widget_search .search-form {
top:0.3em;
font-weight: 400;
}
.widget_search .search-field {
padding: 1.313em 1.1em;
padding-right: 3em !important;
}
.widget_search input.search-submit {
display:block;
text-indent:-1000px;
position:absolute;
right:2em;
top:50%;
margin-top:-0.6em;
width:1.2em;
height:1.2em;
line-height:1.2em;
border: none !important;
background:none !important;
z-index:1;
cursor:pointer;
}
/* Widget: RSS */
.widget_rss .widget_title a {
display:inline-block;
margin-right:6px;
}
.widget_rss .widget_title a:first-child:before {
content:'\e8ed';
font-family:'fontello';
display: inline-block;
font-size:0.9em;
}
.widget_rss .widget_title img {
display:none;
}
.widget_rss li {
padding-left:0
}
.widget_rss li:before {
display:none;
}
.widget_rss li+li {
margin-top:2em;
}
/* Widget: Tag Cloud */
.widget_product_tag_cloud,
.widget_tag_cloud {
overflow:hidden;
}
.widget_product_tag_cloud .widget_title,
.widget_tag_cloud .widget_title {
margin-bottom:1em;
}
.widget_product_tag_cloud a,
.widget_tag_cloud a {
display:block;
float:left;
padding: 0.679em 1.46em;
margin: 0 3px 3px 0;
font-weight:700;
font-size: 0.875em !important;
line-height:1.5em;
text-transform:uppercase;
}
/* Widget: MailChimp shortcode in the Text widget */
.widget_text .mc4wp_wrap {
margin-top:1.5em;
}
.widget_text .mc4wp-form label {
font-weight:400;
line-height:2em;
}
.widget_text .mc4wp-form input {
display:block;
width: 100%;
font-style:italic;
}
.widget_text .mc4wp-form input+input {
margin-top:0.4em;
}
.widget_text .mc4wp-form input[type="submit"] {
border: 2px solid #292929;
padding: 0.5em 1em;
text-transform:uppercase;
font-size:0.9333em;
font-style:normal;
font-weight:bold;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.widget_text .mc4wp-form input[type="submit"]:hover {
background-color: transparent !important;
}
.widget_text .mc4wp-form .mc4wp-alert {
margin: 2em 0;
padding: 1em;
}
.widget_text .socials_wrap {
text-align:center;
margin-top: 1.3em;
font-size:1.2308em;
}
.widget_text .socials_wrap .social_item + .social_item {
margin-left: 0.8em;
}
/* Widget: Instagram Feed */
#sb_instagram .sbi_header_text {
padding-top: 0 !important;
margin-top:-2px;
}
#sb_instagram .sb_instagram_header {
padding: 0 !important;
margin-bottom:0.5em !important;
}
.footer_fullwidth #sb_instagram .sb_instagram_header {
float:none;
text-align:center;
overflow:hidden;
}
.footer_fullwidth #sb_instagram .sb_instagram_header > a {
float:none;
display:inline-block;
overflow:hidden;
}
#sb_instagram .sb_instagram_header h3 {
font-size: 1.2308em;
line-height:1.5em;
}
#sb_instagram .sb_instagram_header p {
font-size: 1em;
line-height:1.5em;
}
#sb_instagram #sbi_load {
margin-top:0.5em;
}
/* Widget: Instagram */
ul.instagram-pics {
margin-right: -5px;
}
ul.instagram-pics li {
float: left;
padding: 0 5px 5px 0;
margin:0;
overflow: hidden;
width: 33.3333%;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.column-1_3 ul.instagram-pics li {
width: 25%;
}
.column-1_2 ul.instagram-pics li {
width: 20%;
}
.column-1_1 ul.instagram-pics li {
width: 16.6666%;
}
ul.instagram-pics li:before {
display:none;
}
/* 10. Footer areas
-------------------------------------------------------------- */
.site_footer_wrap {
margin-top:6em;
}
.remove_margins .site_footer_wrap {
margin-top:0;
}
/* Footer widgets */
.footer_wrap_inner {
padding: 60px 0 11px;
}
.footer_wrap aside {
margin-bottom:1.6667em;
margin-left: 0 !important;
}
.footer_wrap.footer_fullwidth {
overflow:hidden;
}
.footer_wrap .widget_title {
text-align:left;
text-transform: uppercase;
}
.footer_wrap.footer_fullwidth .widget_title {
text-align:center;
margin-bottom:1.6667em;
}
.footer_wrap ul.trx_addons_list.icons li {
line-height: 1.9em;
margin-bottom: 0.475em;
}
/* Footer logo */
.logo_footer_wrap_inner {
padding:7.15em 0;
overflow:hidden;
text-align:center;
position:relative;
}
.footer_wrap + .logo_footer_wrap .logo_footer_wrap_inner {
padding-top:4.15em;
border-top-width: 1px;
border-top-style: solid;
}
.logo_footer_wrap_inner:after {
content:' ';
position:absolute;
z-index:1;
left: 50%;
bottom:0;
width: 1px;
height: 3.8889em;
}
.logo_footer_text {
font-size: 3.3333em;
line-height:1em;
letter-spacing:6px;
margin:0;
}
.logo_footer_image + .logo_footer_text {
margin:0.63em 0 2em;
}
/* Socials */
.socials_footer_wrap_inner {
padding:2.9em 0;
text-align:center;
}
.socials_footer_wrap_inner .social_icons {
display: inline-block;
width: 2.2em;
height: 2.2em;
line-height:2.2em;
text-align:center;
border:1px solid #ddd;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.socials_footer_wrap_inner .social_icons span:before {
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.socials_footer_wrap_inner .social_icons:hover span:before {
-webkit-transform:scale(1.2, 1.2) rotate(-45deg);
-moz-transform:scale(1.2, 1.2) rotate(-45deg);
-ms-transform:scale(1.2, 1.2) rotate(-45deg);
transform:scale(1.2, 1.2) rotate(-45deg);
}
.socials_footer_wrap_inner .social_item+.social_item {
margin-left:1.6em;
}
/* Menu in the footer */
.menu_footer_wrap_inner {
padding:2em 0;
text-align:center;
}
.menu_footer_nav_area ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu_footer_nav_area ul li {
display:inline-block;
vertical-align: baseline;
font-size: 11px;
font-weight: bold;
text-transform:uppercase;
letter-spacing:1px;
}
.menu_footer_nav_area ul li+li:before {
content: ' ';
display:inline-block;
width: 0;
height:0.8em;
margin:0 3em;
vertical-align:baseline;
border-left: 1px dotted #ddd;
}
/* Copyright area */
.copyright_wrap_inner .copyright_text{
opacity: 0.7;
}
.logo_footer_wrap + .copyright_wrap .copyright_wrap_inner,
.socials_footer_wrap + .copyright_wrap .copyright_wrap_inner,
.menu_footer_wrap + .copyright_wrap .copyright_wrap_inner {
border-top-width: 1px;
border-top-style: solid;
}
.copyright_wrap_inner {
font-size: 0;
padding: 3rem 0;
overflow: hidden;
text-align: left;
}
.copyright_wrap p {
margin:0;
}
.copyright_wrap_inner .column-1_2 {
font-size: 0.8125rem;
}
/* 11. Utils
-------------------------------------------------------------- */
/* Debug window */
#debug_log {
position:fixed;
z-index:1000000;
display:block;
width:100%;
max-height:400px;
left:0;
top:0;
background:rgba(0,0,0,0.8);
color:#ffffff;
overflow:auto;
}
.admin-bar #debug_log {
top:32px;
}
#debug_log_close {
position:absolute;
right:0;
top:0;
width:20px;
height:20px;
line-height:20px;
font-weight:bold;
font-size:14px;
text-align:center;
cursor:pointer;
}
#debug_log_content {
padding:12px;
}
/* 12. Registration and Login popups
-------------------------------------------------------------- */
.popup_wrap {
position: absolute;
top: 3.3333em;
right: 0;
width: 37.5em;
padding: 3em 2.5em 2em;
display:none;
}
.popup_registration {
right: -5.5em;
}
.popup_wrap .popup_close {
display:block;
font-size:1.25em;
line-height:1em;
width: 1em;
height:1em;
position:absolute;
right:0;
top:0;
margin:0.5em 0.5em 0 0;
text-align:center;
color: #cccccc;
border: 2px solid #ebebeb;
background-color:#f4f7f9;
}
.popup_wrap .popup_close:hover {
color: #909090;
border: 2px solid #cccccc;
background-color:#ffffff;
}
.popup_wrap .popup_close:before {
font-family:fontello;
content:'\e8ac';
line-height:1em;
padding:0 !important;
margin:0 !important;
}
.popup_wrap .form_wrap {
position:relative;
overflow:hidden;
}
.popup_wrap .form_left {
float: left;
padding-right: 2.5em;
width: 54%;
border-right: 1px solid #e0e0e0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.popup_wrap .form_right {
float: right;
padding-left: 2.5em;
width: 45%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.popup_wrap.popup_registration .form_left {
width: 50%;
padding-right: 5px;
border-right: none;
}
.popup_wrap.popup_registration .form_right {
width: 50%;
padding-left: 5px;
}
.popup_wrap .popup_form_field {
margin-bottom:0.625em;
}
.popup_wrap input[type="text"],
.popup_wrap input[type="email"],
.popup_wrap input[type="password"] {
width:100%;
border: 2px solid #ebebeb;
background-color:#fafafa;
}
.popup_wrap input:not([type="submit"]):focus {
background-color:#ffffff;
}
.popup_wrap .popup_form_field.iconed_field {
position:relative;
}
.popup_wrap .popup_form_field.iconed_field:before {
position:absolute;
z-index:1;
top:10px;
right:8px;
margin-right:0;
color:#c9c9c9;
width:1em;
}
.popup_wrap .popup_form_field.iconed_field input {
padding-right:30px;
}
.popup_wrap .popup_form_field .forgot_password {
float: right;
line-height: 1.5em;
}
.popup_wrap .popup_form_field.submit_field {
padding:1em 0 4px 4px;
}
.popup_wrap .popup_form_field .submit_button {
width:100%;
}
.popup_wrap .login_socials_title {
color:#222222;
font-size:1.5em;
line-height:1.3em;
margin-bottom:0.5em;
}
.popup_wrap .login_socials_problem {
line-height:1.3em;
}
.popup_wrap .popup_form_field.remember_field {
margin-top: 1.2em;
}
/* 13. Third part plugins
------------------------------------------------------------------------------------ */
/* Visual Composer */
.vc_row[class*="vc_custom_"] {
background-size: cover !important;
}
.wpb_row,
.wpb_text_column,
.wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.last_toggle_el_margin,
.wpb_button {
margin-bottom:0 !important;
}
.sc_gap .vc_row {
margin-left:0;
margin-right:0;
}
.sc_gap .vc_column_container {
padding-left:0;
padding-right:0;
}
h1 .wpb_text_column p, h2 .wpb_text_column p, h3 .wpb_text_column p, h4 .wpb_text_column p, h5 .wpb_text_column p, h6 .wpb_text_column p {
padding-bottom:0 !important;
}
.vc_row.vc_row-has-fill:not(.fullwidth_1) {
position: relative;
}
.vc_row.vc_row-has-fill:not(.fullwidth_1):before {
content: '';
background-color: #fff;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 60%;
display: block;
}
.vc_row[data-vc-full-width] {
overflow: visible;
}
.hesperiden.tparrows {
width: 40px!important;
height: 40px!important;
display: none !important;
}
.hesperiden.tparrows:hover {
background: transparent;
opacity: 0.5;
}
.hesperiden.tparrows.tp-leftarrow:before ,
.hesperiden.tparrows.tp-rightarrow:before {
font-family: fontello;
margin-left: 0;
line-height: 40px;
font-size: 28px;
}
.hesperiden.tparrows.tp-leftarrow:before {
content: "\e931";
}
.hesperiden.tparrows.tp-rightarrow:before {
content: "\e930";
}
/* Google conversion */
iframe[name="google_conversion_frame"] { height:1px; min-height:0px; display:none; }
/* Visual Composer */
.post_item_single .post_edit .vc_inline-link {
display:none;
}
/* Magnific popup */
.mfp-bg {
z-index:200001;
}
.mfp-wrap {
z-index:200002;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
right: -20px;
padding:0;
width: 44px;
text-align:center;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
background: none !important;
}
/* 14. Predefined classes for users
-------------------------------------------------------------- */
/* Round object corners */
.rounded_none {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.rounded_tiny {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.rounded_small {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.rounded_medium {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.rounded_large {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.rounded {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
/* Height variants for the empty space */
.height_tiny { height: 1.0526em !important; } /* 20px */
.height_small { height: 1.5789em !important; } /* 30px */
.height_medium { height: 2.6316em !important; } /* 50px */
.height_large,
.height_big { height: 5.2632em !important; } /* 100px */
.height_huge { height: 6.3158em !important; } /* 120px */
/* Link as buttons */
.theme_button {
display:inline-block;
text-transform:uppercase;
white-space:nowrap;
padding:2em 3.3em;
font-size:0.8571em;
font-weight:bold;
letter-spacing:3px;
border: none !important;
-webkit-transition: all ease-in-out .3s !important;
-moz-transition: all ease-in-out .3s !important;
-ms-transition: all ease-in-out .3s !important;
-o-transition: all ease-in-out .3s !important;
transition: all ease-in-out .3s !important;
}
.theme_button.theme_button_small {
padding:1.3em 3.3em;
}
.slider_engine_revo .theme_button {
font-size:0.8571em !important;
}
.theme_button:after {
content:'\e908';
font-family:'fontello';
margin-left: 0.5em;
}
/* Scroll button on the slider */
.theme_scroll_down {
display:inline-block;
text-align:center;
cursor:pointer;
font-size:10px !important;
line-height:15px !important;
}
.theme_scroll_down:before {
content: '\e90e';
font-family:'fontello';
font-size:20px !important;
line-height:30px !important;
display:block;
text-align:center;
}
.theme_scroll_down:hover {
-webkit-animation: jump 0.5s 1 cubic-bezier(0.2, 0.8, 0.6, 1.6);
-moz-animation: jump 0.5s 1 cubic-bezier(0.2, 0.8, 0.6, 1.6);
-ms-animation: jump 0.5s 1 cubic-bezier(0.2, 0.8, 0.6, 1.6);
-o-animation: jump 0.5s 1 cubic-bezier(0.2, 0.8, 0.6, 1.6);
animation: jump 0.5s 1 cubic-bezier(0.2, 0.8, 0.6, 1.6);
}
/* Makeup image */
#makeup {
position:absolute;
z-index:1000000;
pointer-events: none;
opacity:0.2;
left: 50%;
top:0;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
}
.admin-bar #makeup {
top:32px;
}
#makeup {
/* Correct this value to position makeup image */
margin-left: 0px;
margin-top: 0px;
display:none;
}
.scheme_dark .menu_main_nav > li.current-menu-parent > a,
.scheme_dark .menu_main_nav > li.current-menu-ancestor > a,
.scheme_dark .menu_main_nav > li li.current-menu-item > a,
.scheme_dark .menu_main_nav > li li.current-menu-parent > a,
.scheme_dark .menu_main_nav > li li.current-menu-ancestor > a,
.scheme_dark .menu_header_nav > li > a:hover,
.scheme_dark .menu_header_nav > li.sfHover > a,
.scheme_dark .menu_header_nav > li.current-menu-item > a,
.scheme_dark .menu_header_nav > li.current-menu-parent > a,
.scheme_dark .menu_header_nav > li.current-menu-ancestor > a,
.scheme_dark .menu_main_nav > li li > a:hover,
.scheme_dark .menu_main_nav > li li.sfHover > a,
.scheme_dark .menu_main_nav > li > a:hover{
color: #c9e260 !important;
}
.top_panel_style_1 .scheme_dark .menu_mobile_button, .top_panel_style_1 .scheme_dark .menu_mobile_button:before,
.top_panel_style_1 .scheme_default .menu_mobile_button, .top_panel_style_1 .scheme_default .menu_mobile_button:before {
border-color: #fff !important;
}
.top_panel_style_2 .scheme_dark .menu_mobile_button, .top_panel_style_2 .scheme_dark .menu_mobile_button:before{
border-color: #202020 !important;
}
@media (max-width: 767px){
.top_panel_style_2 .scheme_dark .menu_mobile_button, .top_panel_style_2 .scheme_dark .menu_mobile_button:before{
border-color: #fff !important;
}
}
.post_layout_chess .post_featured:before {
content: ' ';
width: 0;
height: 0;
padding-top: 100%;
display: inline-block;
margin-left: -0.3em;
}
.post_layout_chess .post_featured img{
height: 100%;
width: auto;
max-width: 1000%;
position: absolute !important;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.post_layout_chess .post_featured .slider_swiper{
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100% !important;
}
.post_layout_chess.format-audio .post_featured {
width: 50%;
}
.post_layout_chess.format-audio .post_audio {
padding: 1em;
}
.scheme_default .post_layout_chess_2 .post_content_inner:after,
.scheme_default .post_layout_chess_3 .post_content_inner:after {
background: transparent !important;
}
/*contact form */
form .row { margin-left: -5px; margin-right: -5px; }
form .row [class*="col-"] { padding-left: 5px; padding-right: 5px; }
.inline-form { font-size: 0; }
.contact_form textarea {height:100px;}
.inline-form .form-group, .contact_form .form-group { padding: 0 8px; }
.contact_form .form-control { font-size: 13px; padding: 14px; height: auto; outline: none;
border: 1px solid #D9D9D9; }
/*.form-control { box-sizing: content-box; padding-top: 0px; padding-bottom: 0px;}*/
.form-control:focus { border-color: rgba(0, 0, 0, 0.26); -webkit-box-shadow: inherit; box-shadow: inherit; }
.kl-fancy-form { position: relative; }
.inline-form .kl-fancy-form label, .contact_form .kl-fancy-form label { left: 18px; }
.kl-fw-form .form-control, .kl-fw-form.form-control { width: 100%; }
.kl-hw-field { width: 50%; display: inline-block; }
.kl-fancy-form label { color: #969696; font-size: 11px; text-transform: uppercase; position: absolute; top: 2px; left: 16px; cursor: text;
-webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; }
.kl-fancy-form input:focus + label, .kl-fancy-form textarea:focus + label { color: #c0c0c0; }
.kl-fancy-form .form-control { padding: 26px 16px 6px 10px; height: auto; }
/* Selectbox fix for Chrome/Safari on OSX */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.kl-fancy-form select.form-control {height: 52px; -webkit-appearance: none; box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.06);
background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-size: 6px 12px; background-position-y: center;
background-position-x: calc( 100% - 10px ); }
}
.kl-fancy-form input::-webkit-input-placeholder {color: #bababa; }
.kl-fancy-form input:focus::-webkit-input-placeholder {color: #D7D7D7; }
/* Firefox < 19 */
.kl-fancy-form input:-moz-placeholder {color: #bababa; }
.kl-fancy-form input:focus:-moz-placeholder {color: #D7D7D7; }
/* Firefox > 19 */
.kl-fancy-form input::-moz-placeholder {color: #bababa; }
.kl-fancy-form input:focus::-moz-placeholder {color: #D7D7D7; }
/* Internet Explorer 10 */
.kl-fancy-form input:-ms-input-placeholder {color: #bababa; }
.kl-fancy-form input:focus:-ms-input-placeholder {color: #D7D7D7; }
textarea.form-control { width: 100%; max-width: 100%; }