File: /www/wwwroot/www.movieloversky.com/wp-content/themes/filmax/style.scss
/*
Theme Name: Filmax
Theme URI: http://filmax.themerex.net/
Description: Filmax - excellent WordPress theme with many different blog and header layouts
Author: ThemeREX
Author URI: https://themerex.net/
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
Text Domain: filmax
*/
/* 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. Front Page sections
12. Utils
13. Registration and Login popups
14. Third part plugins
15. Predefined classes for users
-------------------------------------------------------------- */
@import "css/_mixins.scss";
@import "css/_theme-vars.scss";
/* 1. Reset tags
-------------------------------------------------------------- */
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;
@include font(100%, inherit, inherit, inherit);
border: 0;
outline: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
html, body {
margin: 0;
padding: 0;
width: 100%;
}
html {
font-size: 100%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units
http://clagnut.com/blog/348/#c790 */
-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);
overflow-y: scroll !important;
overflow-x: hidden;
height: 100%;
}
// jQuery UI widgets reset
div.ui-widget,
div.ui-widget .ui-widget,
div.ui-widget .ui-widget-header,
div.ui-widget .ui-widget-content,
div.ui-accordion .ui-accordion-header,
div.ui-widget button,
div.ui-widget input,
div.ui-widget select,
div.ui-widget textarea,
div.ui-state-default,
div.ui-widget-content .ui-state-default,
div.ui-widget-header .ui-state-default {
font-family: inherit;
@include font(1em, inherit);
}
div.ui-widget,
div.ui-widget .ui-widget,
div.ui-widget .ui-widget-header,
div.ui-widget .ui-widget-content,
div.ui-accordion .ui-accordion-header,
div.ui-state-default,
div.ui-widget-content .ui-state-default,
div.ui-widget-header .ui-state-default {
color: inherit;
background: none;
border-style: none;
@include border-sharp;
}
div.ui-datepicker {
background-color: #fff;
}
div.ui-accordion .ui-accordion-header {
padding: 0;
}
div.ui-accordion .ui-accordion-header-icon {
display: none;
}
div.ui-tabs,
div.ui-tabs .ui-tabs-nav {
padding: 0;
}
div.ui-tabs .ui-tabs-nav li {
float: none;
margin: 0;
}
div.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float:none;
}
/* 2. Default tag's settings
-------------------------------------------------------------- */
html {
font-size: 16px;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
h1, h2, h3, h4, h5, h6 {
hyphens: auto;
}
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;
}
ol li, ul li {
margin: 7px 0;
}
/* Links */
a {
text-decoration:none;
background:transparent;
}
a,
a:hover,
a:focus,
a:active {
outline: 0;
}
a img { border: none; }
a, a em, a b, a i, a sub, a sup, a strong,
button,
input[type="button"],
input[type="submit"] {
@include transition-colors;
}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
display:block;
}
:active, :focus { outline:0; }
/* Tables */
table {
border-collapse: collapse;
}
table th+th, table th+td, table td+th, table td+td {
border-left: 1px solid #ddd;
}
table > p {
margin: 0 !important;
}
table td, table th {
padding: 0.92em;
text-align: left;
border-bottom: 1px solid #dddddd;
}
table tr:last-child td, table tr:last-child th {
border-bottom: none;
}
table th {
@include font(1em, '', 400, normal);
}
caption {
font-weight: 700;
text-align: center;
}
/* Blockquotes */
blockquote {
position:relative;
text-align:left;
padding: 0 0 0 2.2em;
margin: 0;
}
blockquote:before {
content: '\e956';
font-family: $theme_icons;
font-size:14px;
display:block;
@include abs-lt(1px, -1px);
}
blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
blockquote p {
margin: 0;
@include font(15px, 1.5em, 400);
}
blockquote > cite, blockquote > p > cite {
display:block;
@include font(13px, 1.35em, 700, normal);
text-transform:uppercase;
margin-top: 1.65em;
letter-spacing: 0;
}
.blog_mode_post blockquote,
.blog_mode_page blockquote {
margin: 2.2em 0;
}
.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;
letter-spacing:0;
}
pre {
overflow: auto;
max-width: 100%;
}
code {
overflow: auto;
max-width: 100%;
padding: 0 1em;
border: 1px solid #888;
background-color: #f7f7f7;
display: inline-block;
vertical-align: middle;
word-wrap:break-word;
}
pre > code {
display: block;
vertical-align: top;
padding: 1em;
}
abbr, acronym {
border-bottom: 1px dotted;
cursor: help;
}
mark, ins {
background-color:transparent;
text-decoration: none;
}
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 {
height: 0;
border: none;
border-top: 1px solid #eee;
margin: 6.7857em 0;
@include content-box;
}
/* 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-x: hidden;
overflow-y: auto;
position: relative;
max-width:100%;
}
figure.wp-caption {
margin-bottom: 20px;
}
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 {
@include abs-pos(auto, 0, 0, 0);
@include font(1em, 1.5em, 400, normal);
@include transition-all;
margin-bottom: 0;
text-align:center;
padding: 10px;
}
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 {
opacity: 0;
}
figure:hover figcaption:hover,
.wp-caption:hover .wp-caption-text:hover,
.wp-caption:hover .wp-caption-dd:hover,
.wp-caption-overlay .wp-caption:hover .wp-caption-text:hover,
.wp-caption-overlay .wp-caption:hover .wp-caption-dd:hover {
opacity: 1;
}
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;
}
/* Fontello icons */
[class^="icon-"]:before, [class*=" icon-"]:before {
@include font(inherit, inherit, inherit, inherit);
display: inline-block;
vertical-align: top;
width:auto;
margin:0;
}
/* 3. Form fields settings
-------------------------------------------------------------- */
/* Common rules */
form {
margin-bottom:0;
}
button, input, optgroup, select, textarea, textarea.wp-editor-area {
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;
}
input[placeholder]::-webkit-input-placeholder,
textarea[placeholder]::-webkit-input-placeholder { text-overflow:ellipsis; }
input[placeholder]::-moz-placeholder,
textarea[placeholder]::-moz-placeholder { text-overflow:ellipsis; }
input[placeholder]:-ms-input-placeholder,
textarea[placeholder]:-ms-input-placeholder { text-overflow:ellipsis; }
input[placeholder]::placeholder,
textarea[placeholder]::placeholder { text-overflow:ellipsis; }
input[placeholder],
textarea[placeholder] { text-overflow:ellipsis; }
textarea, textarea.wp-editor-area,
select, option,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="password"],
input[type="checkbox"],
input[type="radio"] {
@include transition-colors;
@include border-box;
@include border-sharp;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="number"]::-webkit-outer-spin-button {
height: 50%;
}
input[type="number"],
input[type="search"] {
-webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */
-webkit-appearance: textfield;
}
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;
}
button[disabled],
html input[disabled] {
cursor: default !important;
}
button:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus,
textarea.wp-editor-area:focus {
outline: none;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
select,
textarea,
textarea.wp-editor-area {
-webkit-appearance: none;
outline: none;
resize: none;
}
/* Required fields */
label.required:after {
content:'*';
display: none;
vertical-align:text-top;
font-size:80%;
color:#da6f5b;
}
/* Field set */
fieldset {
padding: 1em 1.5em;
margin: 1.5em 0.2em;
border: 1px solid #ddd;
position:relative;
}
fieldset legend {
@include abs-lt(1.5em, -0.6em);
background-color:#fff;
font-weight:400;
font-style:italic;
padding: 0 0.2em;
letter-spacing:0;
}
/* Buttons */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.theme_button,
.post_item .more-link,
.gallery_preview_show .post_readmore,
/* BB PRess */
#buddypress .comment-reply-link,
#buddypress .generic-button a,
#buddypress a.button,
#buddypress button,
#buddypress input[type="button"],
#buddypress input[type="reset"],
#buddypress input[type="submit"],
#buddypress ul.button-nav li a,
#buddypress div.activity-meta a,
a.bp-title-button,
/* Booked */
body #booked-profile-page input[type="submit"],
body #booked-profile-page button,
body .booked-list-view input[type="submit"],
body .booked-list-view button,
body table.booked-calendar input[type="submit"],
body table.booked-calendar button,
body .booked-modal input[type="submit"],
body .booked-modal button,
/* MailChimp */
.mc4wp-form .mc4wp-form-fields input[type="submit"],
/* ThemeREX Addons*/
.sc_button,
.sc_form button,
/* Tour Master */
.tourmaster-tour-search-wrap input.tourmaster-tour-search-submit[type="submit"],
/* Tribe Events */
#tribe-bar-form .tribe-bar-submit input[type="submit"],
#tribe-bar-form button,
#tribe-bar-form a,
#tribe-bar-form input,
#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a,
.tribe-bar-mini #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a,
#tribe-events .tribe-events-button,
.tribe-events-button,
.tribe-events-cal-links a,
.tribe-events-sub-nav li a,
.tribe-events-read-more,
#tribe-events-footer ~ a.tribe-events-ical.tribe-events-button,
/* EDD buttons */
.edd_download_purchase_form .button,
#edd-purchase-button,
.edd-submit.button,
.widget_edd_cart_widget .edd_checkout a {
-webkit-appearance: none;
cursor: pointer;
display:inline-block;
@include font(13px, 18px, 700);
@include border-box;
text-transform:uppercase;
white-space:nowrap;
padding:1.25em 3em;
letter-spacing:1px;
height: auto;
border-width: 0 !important;
@include border-radius(4px);
}
.sc_button.sc_button_size_small,
.theme_button.theme_button_small {
padding:0.8em 1.6em;
}
/* Bordered button */
.sc_button.sc_button_bordered {
border-width: 2px !important;
padding: 1.3em 2.8em;
}
.sc_layouts_row_type_narrow .sc_button.sc_button_bordered {
padding: 0.8em 1.8em;
}
.sc_button.sc_button_bordered.sc_button_size_small {
padding:0.6em 1.4em;
}
/* Simple button */
.sc_button_simple {
@include font(1em, 1.25em, 400, italic);
letter-spacing:0;
text-transform:none;
border: none;
padding: 0 1.8em 0 0;
}
.sc_button_simple:before,
.sc_button_simple:after {
content:'\e93a';
font-family:$theme_icons;
font-style:normal;
}
/* Text fields */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
select,
textarea,
textarea.wp-editor-area,
/* MailChimp */
form.mc4wp-form .mc4wp-form-fields input[type="email"],
/* Tour Master */
.tourmaster-form-field input[type="text"],
.tourmaster-form-field input[type="email"],
.tourmaster-form-field input[type="password"],
.tourmaster-form-field textarea,
.tourmaster-form-field select,
.tourmaster-form-field.tourmaster-with-border input[type="text"],
.tourmaster-form-field.tourmaster-with-border input[type="email"],
.tourmaster-form-field.tourmaster-with-border input[type="password"],
.tourmaster-form-field.tourmaster-with-border textarea,
.tourmaster-form-field.tourmaster-with-border select,
/* BB Press*/
#buddypress div.dir-search input[type="search"],
#buddypress div.dir-search input[type="text"],
#buddypress li.groups-members-search input[type="search"],
#buddypress li.groups-members-search input[type="text"],
#buddypress .standard-form input[type="color"],
#buddypress .standard-form input[type="date"],
#buddypress .standard-form input[type="datetime-local"],
#buddypress .standard-form input[type="datetime"],
#buddypress .standard-form input[type="email"],
#buddypress .standard-form input[type="month"],
#buddypress .standard-form input[type="number"],
#buddypress .standard-form input[type="password"],
#buddypress .standard-form input[type="range"],
#buddypress .standard-form input[type="search"],
#buddypress .standard-form input[type="tel"],
#buddypress .standard-form input[type="text"],
#buddypress .standard-form input[type="time"],
#buddypress .standard-form input[type="url"],
#buddypress .standard-form input[type="week"],
#buddypress .standard-form select,
#buddypress .standard-form textarea {
padding: 1.6em 0;
border-bottom: 2px solid #ddd;
}
textarea,
textarea.wp-editor-area {
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
vertical-align: top; /* Improves readability and alignment in all browsers */
min-height:10em;
}
.widget input[type="text"],
.widget input[type="number"],
.widget input[type="email"],
.widget input[type="tel"],
.widget input[type="password"],
.widget input[type="search"],
.widget select,
.widget textarea,
.widget textarea.wp-editor-area {
padding: 1em 1.2em;
}
/* Radio buttons and checkboxes */
input[type="radio"],
input[type="checkbox"],
.edd_price_options ul > li > label > input[type="radio"],
.edd_price_options ul > li > label > input[type="checkbox"] {
display:none;
}
label > input[type="radio"],
label > input[type="checkbox"] {
display: inline-block;
vertical-align:baseline;
}
.edd_price_options ul > li > label > input[type="radio"] + span,
.edd_price_options ul > li > label > input[type="checkbox"] + span {
display: inline-block;
vertical-align:baseline;
}
input[type="radio"] + label,
input[type="checkbox"] + label,
input[type="radio"]+.wpcf7-list-item-label,
input[type="checkbox"]+.wpcf7-list-item-label,
.edd_price_options ul > li > label > input[type="radio"] + span,
.edd_price_options ul > li > label > input[type="checkbox"] + span {
position:relative;
padding-left:1.4em;
}
input[type="radio"] + label:before,
input[type="checkbox"] + label:before,
input[type="radio"]+.wpcf7-list-item-label:before,
input[type="checkbox"]+.wpcf7-list-item-label:before,
.edd_price_options ul > li > label > input[type="radio"] + span:before,
.edd_price_options ul > li > label > input[type="checkbox"] + span:before {
content:' ';
font-family: $theme_icons;
font-size: 1.5em;
display:block;
text-align:center;
border: 1px solid #eee;
@include box(0.6em, 0.6em, 0.53em);
@include abs-lt;
@include border-box;
top: 2px;
}
input[type="radio"] + label:before,
input[type="radio"]+.wpcf7-list-item-label:before,
.edd_price_options ul > li > label > input[type="radio"] + span:before {
@include border-round;
}
input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:checked+.wpcf7-list-item-label:before,
.edd_price_options ul > li > label > input[type="checkbox"]:checked + span:before {
content:'\e8ab';
}
input[type="radio"]:checked + label:before,
input[type="radio"]:checked+.wpcf7-list-item-label:before,
.edd_price_options ul > li > label > input[type="radio"]:checked + span:before {
content:'\e83c';
}
/* Select container (dropdown) */
select {
text-overflow:ellipsis;
white-space:nowrap;
}
select::-ms-expand {
display: none;
}
/* Hide all select fields while page loading */
select:not(.esg-sorting-select):not([class*="trx_addons_attrib_"]) {
visibility:hidden;
}
/* Show all select fields when they inside an our wrapper */
.select_container select:not(.esg-sorting-select):not([class*="trx_addons_attrib_"]) {
visibility:visible;
}
/* Our wrapper to decorate select fields */
.select_container {
width:100%;
position:relative;
}
.select_container,
.select_container:after,
.select_container select {
@include transition-all;
}
.select_container:before {
content:' ';
display:block;
@include abs-pos(0, 0, 0, auto);
width: 3em;
z-index:1;
pointer-events: none;
cursor:pointer;
}
.sc_input_hover_accent .select_container::before {
right:2px;
top:2px;
bottom: 2px;
@include border-sharp;
}
.select_container:after {
content:'\e828';
font-family: $theme_icons;
display:block;
@include abs-rt(1em, 50%, 2);
@include square(1em);
margin-top:-0.5em;
pointer-events: none;
cursor:pointer;
}
.select_container select {
background:none !important;
border-color: transparent !important;
width: 100% !important;
padding-right: 3em !important;
@include border-box;
}
.widget .select_container select {
padding-right: 2em !important;
padding-top:0.75em;
padding-bottom:0.75em;
}
.widget .select_container:before {
width: 2em;
}
.widget .select_container:after {
right: 0.5em;
}
/* Select2 - Advanced select with search */
.select2-container {
width: 100% !important;
}
.select2-container.select2-container--default span.select2-choice,
.select2-container.select2-container--default span.select2-selection {
height: auto;
border: 2px solid #ddd;
padding:0.5em 0 0.5em 1.4em;
@include border-sharp;
}
.select2-container--default .select2-selection--single span.select2-selection__rendered {
line-height: 2.86em;
}
.select2-container.select2-container--default .select2-selection .select2-selection__arrow {
top: 50%;
@include translateY;
}
.select2-drop-active {
border: none;
}
.select2-dropdown {
border: 1px solid #ddd;
}
.select2-search {
padding: 4px 0;
}
/* 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;
@include box(auto, auto);
@include font(0.8em, normal);
padding: 1em 1.5em;
color: #21759b;
background-color: #f1f1f1;
border-radius: 3px;
clip: auto !important;
text-decoration: none;
/* Above WP toolbar */
z-index: 100000;
@include box-shadow(0 0 2px 2px rgba(0, 0, 0, 0.6));
}
.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;
}
img.alignleft,
img.alignright {
margin-top: 0.5em;
margin-bottom: 20px;
}
figure.alignleft,
figure.alignright {
margin-top:0.5em;
}
figure.aligncenter {
margin-bottom:1em;
}
/* Sticky posts */
.sticky_wrap {
margin-bottom: 5em;
}
.sticky {
position:relative;
border: 2px solid #ddd;
padding: 2em;
}
.sidebar_hide .sticky_wrap .sticky,
.body_style_fullwide .sticky_wrap .sticky,
.body_style_fullscreen .sticky_wrap .sticky {
text-align:center;
}
.sticky .label_sticky {
display:block;
@include abs-rt(-14px, -14px);
@include box(0, 0);
border: 12px solid transparent;
border-top-color:#ddd;
@include rotate(225deg);
}
.sticky_wrap .sticky .post_featured {
display: inline-block;
}
.sticky_wrap .sticky .post_categories {
margin-top: 1em;
}
.sticky_wrap .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;
vertical-align:top;
overflow:hidden;
@include border-box;
}
@for $i from 9 through 1 {
.gallery.gallery-columns-#{$i} .gallery-item { width: 100% / $i !important; }
}
.gallery .gallery-item a {
display: block;
}
.gallery .gallery-item a img {
border: none !important;
display: block;
width: 100%;
}
.gallery .gallery-item .gallery-icon {
margin: 5px 5px 0 5px;
}
.gallery .gallery-item .gallery-caption {
@include font(11px, 15px);
margin: 0 5px;
padding: 6px;
max-height: 42px;
overflow-x: hidden;
overflow-y: auto;
}
.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; }
.gallery .gallery-item:hover .gallery-caption {
opacity: 0;
}
.gallery .gallery-item:hover .gallery-caption:hover {
opacity: 1;
}
.post-password-form label {
display:inline-block;
vertical-align:top;
}
.post-password-form input[type="submit"] {
display:inline-block;
margin-left: 1.2em;
font-size: 11px;
line-height: 16px;
padding: 1.6em 3em;
}
.post-password-form input[type="password"] {
padding: 1.6em 0;
font-size: 11px;
line-height: 16px;
margin-left: 1.2em;
}
/* 5. Theme grid
-------------------------------------------------------------- */
.container, .container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: $grid_gap / 2;
padding-right: $grid_gap / 2;
}
.row, .columns_wrap {
margin-left: 0;
margin-right: -$grid_gap;
}
.row > [class*="column-"],
.columns_wrap > [class*="column-"] {
display:inline-block;
vertical-align:top;
position: relative;
min-height: 1px;
padding-left: 0;
padding-right: $grid_gap;
@include border-box;
}
.row.columns_padding_left, .columns_wrap.columns_padding_left, .vc_row.columns_padding_left {
margin-left: -$grid_gap;
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:$grid_gap;
padding-right:0;
}
.vc_row.columns_padding_right,
.row.columns_padding_right,
.columns_wrap.columns_padding_right {
margin-left: 0;
margin-right: -$grid_gap;
}
.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:$grid_gap;
}
.vc_row,
.row.columns_padding_center,
.columns_wrap.columns_padding_center {
margin-left: -$grid_gap / 2;
margin-right: -$grid_gap / 2;
}
.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:$grid_gap / 2;
padding-right:$grid_gap / 2;
}
.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: $grid_gap;
}
.sc_blogger.no_margin .row, .sc_blogger.no_margin .columns_wrap,
.row.no_margin, .columns_wrap.no_margin {
margin-left: 0 !important;
margin-right: 0 !important;
}
.sc_blogger.no_margin .row > [class*="column-"], .sc_blogger.no_margin .columns_wrap > [class*="column-"],
.row.no_margin > [class*="column-"], .columns_wrap.no_margin > [class*="column-"] {
padding: 0 !important;
}
/* Columns, push, pull and offset sizes */
@for $i from 1 through 12 {
@for $j from $i through 12 {
$s: 100% / $j * $i;
@if $j == 1 {
.column-#{$i},
.column-#{$i}_#{$j} { width: $s; }
} @else {
.column-#{$i}_#{$j} { width: $s; }
@if ($i < $j) {
.push-#{$i}_#{$j} { left: $s }
.pull-#{$i}_#{$j} { right: $s; }
.offset-#{$i}_#{$j} { margin-left: $s; }
}
}
}
}
/* Utils */
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.columns_wrap:after {
content: " ";
@include clear;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.affix {
position: fixed;
@include 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 {
@include font(0, 0);
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.vertical-centered {
overflow:hidden;
}
.vertical-centered:before {
content:' ';
@include box(0, 100%);
margin-left:-0.3em;
}
.vertical-centered:before,
.vertical-centered > * {
display: inline-block;
vertical-align:middle;
}
.filmax_loading {
background-image:url(images/preloader.gif);
background-position:center;
background-repeat:no-repeat;
}
/* 6. Page layouts
-------------------------------------------------------------- */
.page_wrap {
min-height:100vh;
overflow:hidden; // To prevent the horizontal scroll bar appears
}
.page_wrap,
.content_wrap {
margin:0 auto;
}
.body_style_boxed {
background-color:#f0f0f0;
background-attachment: fixed;
@include bg-cover(center top);
}
.body_style_boxed .page_wrap {
width: $page_boxed;
}
.content_wrap,
.content_container {
width: $page;
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:" ";
@include clear;
}
.body_style_fullwide .content_wrap {
max-width: $page_fullwide; // To prevent stretching content on the extra wide screen
margin: 0 auto;
width: 100% !important;
padding-left: $paddings_fullwide;
padding-right: $paddings_fullwide;
@include border-box;
}
.content, .sidebar, .sidebar_inner {
@include border-box;
}
.page_content_wrap .content_wrap {
position:relative;
}
/* Content and Sidebar */
body.body_style_wide:not(.expand_content) [class*="content_wrap"] > .content,
body.body_style_boxed:not(.expand_content) [class*="content_wrap"] > .content { width: $content; }
[class*="content_wrap"] > .sidebar { width: $sidebar; }
.sidebar_hide [class*="content_wrap"] > .content { margin-left: auto; margin-right: auto; }
.sidebar_right [class*="content_wrap"] > .content { float: left; }
.sidebar_right [class*="content_wrap"] > .sidebar { float: right; }
.sidebar_left [class*="content_wrap"] > .content { float: right; }
.sidebar_left [class*="content_wrap"] > .sidebar { float: left; }
/* Fullwide or Fullscreen with sidebar */
.body_style_fullwide [class*="content_wrap"] > .content,
.body_style_fullscreen [class*="content_wrap"] > .content { width: 100%; }
.body_style_fullwide.sidebar_right [class*="content_wrap"] > .content,
.body_style_fullscreen.sidebar_right [class*="content_wrap"] > .content { padding-right: $gap + $sidebar; }
.body_style_fullwide.sidebar_right [class*="content_wrap"] > .sidebar,
.body_style_fullscreen.sidebar_right [class*="content_wrap"] > .sidebar { margin-left: -$sidebar; }
.body_style_fullwide.sidebar_left [class*="content_wrap"] > .content,
.body_style_fullscreen.sidebar_left [class*="content_wrap"] > .content { padding-left: $gap + $sidebar; }
.body_style_fullwide.sidebar_left [class*="content_wrap"] > .sidebar,
.body_style_fullscreen.sidebar_left [class*="content_wrap"] > .sidebar { margin-right:-$sidebar; }
.body_style_fullscreen .page_content_wrap {
overflow:hidden;
padding:0;
position:relative; /* Need to correct 'sticky' sidebar position */
}
/* Boxed style for articles and sidebar */
.body_style_fullscreen [class*="content_wrap"] > .content > article.page {
padding:0;
}
/* 7. Section's decorations
=============================================================== */
/* 7.1 Header
-------------------------------------------------------------- */
/* Top panel */
.top_panel {
position:relative;
z-index:8000; /* Essential grid lightbox use 8010 */
padding: 0.1px 0;
margin-bottom:7rem;
@include bg-cover;
}
.top_panel .row > [class*="column-"],
.top_panel .columns_wrap > [class*="column-"] {
vertical-align:middle;
}
.remove_margins .top_panel {
margin-bottom:0 !important;
}
.top_panel.with_bg_image:before {
content:' ';
@include bg-mask(#000, 0.7, -1);
}
/* Background video in the header */
#background_video {
object-fit: cover;
overflow:hidden;
@include abs-cc(-1 !important);
@include box(100%, 100%);
}
div#background_video {
position: absolute !important;
}
div#background_video:after {
content: ' ';
@include abs-lt(0, 0, 2);
@include box(100%, 100%);
background-color:rgba(255, 255, 255, 0.3);
}
div#background_video iframe,
div#background_video video {
@include abs-cc(1, !important);
max-width: none;
}
#tubular-container {
display:none;
}
.top_panel.with_bg_video {
background: #000;
}
/* Header positions */
.header_position_over .page_wrap {
position:relative;
}
.header_position_over .top_panel {
@include abs-lt(0, 0, 8000);
width: 100%;
background: none !important;
}
.header_position_over .top_panel .sc_layouts_row[class*="scheme_"]:not(.sc_layouts_row_fixed_on) {
background-color:transparent;
}
.header_position_under .top_panel {
position:relative;
z-index:1;
@include border-box;
}
.header_position_under .top_panel_mask {
display:none;
background-color:#000;
opacity: 0;
pointer-events: none;
@include abs-cover(9999);
}
.header_position_under .page_content_wrap {
position:relative;
z-index:3;
}
.header_position_under .footer_wrap {
position:relative;
z-index:2;
}
/* Default header layouts
---------------------------------------------- */
/* Add transition to the default header */
.top_panel_default .sc_layouts_row_fixed_on {
@include transition-property(padding);
}
.top_panel_default .sc_layouts_row .custom-logo-link img,
.top_panel_default .sc_layouts_row .sc_layouts_logo img {
@include transition-property(max-height);
}
/* Main menu in the default header */
.top_panel_default .sc_layouts_menu_nav > li.menu-item-has-children > a:after {
content: '\e828';
font-family: $theme_icons;
}
.top_panel_default .sc_layouts_menu_nav li li.menu-item-has-children > a:after {
content: '\e836';
font-family: $theme_icons;
}
.top_panel_default .sc_layouts_menu_mobile_button .sc_layouts_item_icon:before {
content: '\e8ba';
font-family: $theme_icons;
}
.top_panel_default .sc_layouts_row_type_normal {
padding: 0;
}
.top_panel_default .top_panel_title .content_wrap {
padding: 2.5em 0 2em;
border-top: 1px solid #2c2f35;
}
/* Vertical menus */
.sc_layouts_menu_dir_vertical .sc_layouts_menu_nav li.menu-item-has-children > a > .open_child_menu {
display: none;
@include abs-rt(0, 0, 2);
bottom: 0;
width: 2.2em;
}
/* Side menu
----------------------------------------------------------- */
body.menu_style_side {
width: auto;
@include content-box;
}
body.menu_style_left {
margin-left:6rem;
}
body.menu_style_right {
margin-right:6rem;
}
.menu_style_side .body_wrap {
position:relative;
overflow: hidden;
max-width:100%;
}
.menu_style_side .menu_side_wrap {
@include fixed-pos(0, auto, 0, 0, 20000);
width: 6rem;
@include transition-properties(left, right);
}
.menu_style_right .menu_side_wrap {
left: auto;
right: 0;
}
.admin-bar .menu_side_wrap {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .menu_side_wrap {
top: 46px;
}
}
@media (max-width: 600px) {
.admin-bar .menu_side_wrap {
top: 0;
}
}
.menu_side_wrap .menu_side_inner {
display:block;
@include abs-cover;
@include border-box;
}
.menu_style_side .menu_side_wrap .sc_layouts_logo {
display: block;
padding:25% 10%;
text-align:center;
border-bottom: 1px solid #ddd;
position:relative;
z-index:1;
}
.menu_style_side .menu_side_wrap .logo_text {
font-size: 1em;
letter-spacing:0;
text-align:center;
@include rotate(-90deg);
}
.menu_style_side .menu_side_wrap .logo_slogan {
display:none;
}
.menu_side_wrap .menu_mobile_button {
display:block;
position:relative;
left: 0;
right: auto;
top: 0;
}
.menu_side_wrap .menu_side_button {
display: none;
font-size: 16px;
margin-top:-1.5em;
overflow:hidden;
cursor: pointer;
@include abs-lt(-1.5em, 50%);
@include square(3em);
@include border-box;
@include transition-properties(left, right);
}
.menu_style_right .menu_side_wrap .menu_side_button {
text-align:left;
padding-left: 10px;
@include border-radius(50% 0 0 50%);
}
.menu_style_left .menu_side_wrap .menu_side_button {
left: auto;
right: -1.5em;
text-align:right;
padding-right: 10px;
@include border-radius(0 50% 50% 0);
}
.menu_style_right .menu_side_wrap .menu_side_button:before { content: '\e92a'; }
.menu_style_right .menu_side_wrap.opened .menu_side_button:before { content: '\e92b'; }
.menu_style_left .menu_side_wrap .menu_side_button:before { content: '\e92b'; }
.menu_style_left .menu_side_wrap.opened .menu_side_button:before { content: '\e92a'; }
// TOC menu items
#toc_menu {
display: none;
@include abs-lt(50%, 50%, '');
width: 100%;
margin:-50% 0 0 -50%;
}
.toc_menu_item {
position:relative;
z-index:1;
}
.toc_menu_item .toc_menu_icon {
display:block;
position:relative;
color: #888;
height:1.5em;
line-height:1.5em;
text-align:center;
}
.toc_menu_item .toc_menu_icon:before {
display:inline-block;
line-height: inherit;
color:inherit;
}
.toc_menu_item .toc_menu_icon_default:before {
content: ' ';
margin-top: 0.75em;
@include box(0.5em, 1px);
background-color: #888;
}
.toc_menu_item:hover .toc_menu_icon,
.toc_menu_item_active .toc_menu_icon {
color: #292929;
}
.toc_menu_item:hover .toc_menu_icon_default:before,
.toc_menu_item_active .toc_menu_icon_default:before {
background-color: #292929;
}
.toc_menu_item_active .toc_menu_icon_default:before {
width: 1.5em;
}
.toc_menu_item .toc_menu_description {
@include abs-rt(-20em, 0, '');
opacity:0;
white-space:nowrap;
@include transition-all(.6s, ease-out);
}
.toc_menu_item:hover .toc_menu_description {
right: 100%;
margin-right: 1.5em;
opacity:1;
}
// TOC menu in the side menu
.menu_side_inner #toc_menu {
display:block;
position:relative;
z-index:0;
@include transition-property(top);
}
.menu_side_icons #toc_menu {
left:0;
top:0;
margin:0;
}
.menu_side_icons .toc_menu_item .toc_menu_description {
height: 6rem;
@include font(1.0667em, 6rem, bold);
text-transform:uppercase;
top: 0;
}
.menu_side_icons .toc_menu_item:hover .toc_menu_description {
margin-right:0;
}
.menu_side_icons .toc_menu_item .toc_menu_description span {
display:inline-block;
vertical-align:middle;
padding: 0 3em;
letter-spacing:1px;
}
.menu_side_icons .toc_menu_item .toc_menu_icon {
@include box(100%, 6rem, 6rem);
@include content-box;
border-bottom: 1px solid #ddd;
}
.menu_side_icons .toc_menu_item .toc_menu_icon:before {
@include font(2rem, inherit, normal);
}
.menu_side_dots #toc_menu .toc_menu_item .toc_menu_icon {
text-align:center;
}
.menu_side_dots #toc_menu .toc_menu_item .toc_menu_icon:before {
content: ' ';
@include box(5px, 5px, inherit);
@include border-round;
}
.menu_side_dots #toc_menu .toc_menu_item_active .toc_menu_icon:before {
@include square(9px);
}
.menu_style_left .toc_menu_item .toc_menu_description {
left: -20em;
right: auto;
}
.menu_style_left .toc_menu_item:hover .toc_menu_description {
left: 100%;
right: auto;
}
/* Mobile header
---------------------------------------- */
.top_panel_mobile_info p {
margin:0;
}
/* Mobile menu
---------------------------------------- */
body.mobile_layout.menu_style_left { margin-left: 0; }
body.mobile_layout.menu_style_right { margin-right: 0; }
body.mobile_layout.menu_style_right .menu_side_wrap { right: -6rem; }
body.mobile_layout.menu_style_left .menu_side_wrap { left: -6rem; }
body.mobile_layout.menu_style_right .menu_side_wrap.opened {right: 0; }
body.mobile_layout.menu_style_left .menu_side_wrap.opened { left: 0; }
body.mobile_layout.menu_style_side .menu_side_wrap .menu_side_button { display:block; }
body.mobile_layout.menu_style_left .menu_side_wrap .menu_side_button:hover { right: -2em; }
body.mobile_layout.menu_style_right .menu_side_wrap .menu_side_button:hover { left: -2em; }
.menu_mobile_close {
display:block;
cursor:pointer;
@include square(5em);
@include abs-rt;
}
.menu_mobile_close:before,
.menu_mobile_close:after {
content:' ';
@include abs-lt(38%, 50%, 2);
@include box(25%, 0);
@include border-box;
margin-top:-1px;
border-top: 2px solid #fff;
}
.menu_mobile_close:before {
@include rotate(45deg);
}
.menu_mobile_close:after {
@include rotate(-45deg);
}
.menu_mobile_overlay {
display:none !important;
@include fixed-mask(#000, 0.8);
z-index:100000;
}
.menu_mobile {
@include fixed-lt(0, 0, 100002);
@include box(100%, 0);
@include transition-property(height);
}
.menu_mobile.opened {
height:100%;
}
.menu_mobile_inner {
@include abs-cover;
text-align:center;
overflow:hidden;
}
.menu_mobile a {
display:block;
}
.menu_mobile .sc_layouts_logo {
text-align:center;
margin: 4.4rem 0 0;
font-size: 1em !important; /* Remove this rule if you want to zoom this logo too */
}
.menu_mobile .menu_mobile_nav_area {
@include abs-lt(0, 48%, 1);
@include box(100%, auto);
@include translateY;
max-height: 49%;
padding-right:20px; /* Hide scrollbar */
overflow-y: scroll;
}
.menu_mobile .menu_mobile_nav_area ul {
margin:0 auto;
padding:0;
list-style:none;
width: auto;
}
.menu_mobile .menu_mobile_nav_area ul ul {
margin: 0;
display:none;
}
.menu_mobile .menu_mobile_nav_area li {
margin-bottom:0;
width:auto;
}
.menu_mobile .menu_mobile_nav_area li > a {
@include font(1.25em, 1.5em);
padding: 1px 2.5em 1px 0;
text-transform:uppercase;
letter-spacing:1px;
position:relative;
display: inline-block;
width: 28rem;
text-align:left;
@include border-box;
}
.menu_mobile .menu_mobile_nav_area > ul > li > a {
@include font(2em, 1.5em);
}
.menu_mobile .menu_mobile_nav_area > ul > li li > a {
padding-left: 1em;
padding-top: 0.25em;
padding-bottom: 0.25em;
}
.menu_mobile .menu_mobile_nav_area > ul > li li li > a {
padding-left: 2em;
}
.menu_mobile .menu_mobile_nav_area > ul > li li li li > a {
padding-left: 3em;
}
.menu_mobile .menu_mobile_nav_area > ul > li li.menu-delimiter {
margin-top: 0 !important;
padding-top: 0 !important;
text-align: center;
overflow: hidden;
}
.menu_mobile .menu_mobile_nav_area > ul > li li.menu-delimiter > a {
overflow: hidden;
padding-top: 0.25em;
padding-bottom: 0.25em;
padding-right: 0.5em;
}
.menu_mobile .menu_mobile_nav_area > ul > li li.menu-delimiter > a > span {
display: block;
border-top: 1px solid #f0f0f0;
@include box(100%, 0);
}
.menu_mobile .menu_mobile_nav_area .open_child_menu {
display:block;
@include abs-rt;
@include square(1em);
padding:0.25em;
background-color: rgba(255,255,255,0.1);
@include transition-colors;
}
.menu_mobile .menu_mobile_nav_area li li .open_child_menu {
background-color:transparent;
padding: 0.25em 0.7em;
}
.menu_mobile .menu_mobile_nav_area a:hover > .open_child_menu {
background-color: rgba(255,255,255,0.2);
}
.menu_mobile .menu_mobile_nav_area .open_child_menu:before {
font-family:$theme_icons;
content:'\e828';
}
.menu_mobile .menu_mobile_nav_area li.opened > a > .open_child_menu:before {
content:'\e835';
}
// Layouts as submenu
.menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu {
display: block;
width: 26rem;
text-align: left;
padding: 1em;
margin: 0 auto;
}
.menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .sc_content {
width: 100% !important;
}
.menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .wpb_column:not([class*="vc_col-xs-"]) {
width: 100%;
float: none;
}
.menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .wpb_column:not([class*="vc_col-xs-"]) + .wpb_column:not([class*="vc_col-xs-"]) {
margin-top: 2em;
}
.menu_mobile .search_mobile {
@include abs-lb(50%, 8rem);
width: 28rem;
margin-left: -14rem;
}
.menu_mobile .search_mobile form {
position:relative;
}
.menu_mobile .search_mobile .search_field {
width:100%;
padding: 1.5em 3em 1.5em 1.5em !important;
}
.menu_mobile .search_mobile .search_submit {
@include abs-pos(0, 0, auto, auto);
font-size:0.8667em;
padding:2em 1.8em;
background-color:transparent;
}
.menu_mobile .socials_mobile {
@include abs-lb(0, 4rem);
text-align:center;
display:block;
width: 100%;
}
.menu_mobile .social_item {
display:inline-block;
margin: 1em 1em 0 0;
}
.menu_mobile .social_item .social_icon {
display:block;
font-size:1em;
@include square(1em);
}
/* Menu mobile 'Narrow' */
.menu_mobile_narrow {
margin-top:0;
margin-left: -320px;
@include box(320px, 100%);
@include transition-properties(margin-left, margin-right);
}
.menu_mobile_narrow.opened {
margin-left: 0;
}
.menu_style_right .menu_mobile_narrow {
margin-right: -320px;
margin-left: 0;
left: auto;
right: 0;
}
.menu_style_right .menu_mobile_narrow.opened {
margin-right: 0;
}
.menu_mobile_narrow .menu_mobile_nav_area li > a {
@include font(1em, 1.5em);
text-transform: none;
letter-spacing:0;
width: 18rem;
}
.menu_mobile_narrow .menu_mobile_nav_area > ul > li > a {
@include font(1.25em, 1.5em);
}
.menu_mobile_narrow .menu_mobile_nav_area > ul > li > a > .open_child_menu:before {
@include font(1em, inherit);
}
.menu_mobile_narrow .menu_mobile_nav_area li li .open_child_menu {
padding: 0.4em;
}
.menu_mobile_narrow .search_mobile {
width: 18rem;
margin-left: -9rem;
}
/* Menu mobile in mobile layout */
.mobile_device .menu_mobile .menu_mobile_nav_area,
.mobile_layout .menu_mobile .menu_mobile_nav_area {
position:relative;
top: auto;
max-height: none;
margin: 4em 0 0;
@include transform-none;
}
.mobile_device .menu_mobile .search_mobile,
.mobile_layout .menu_mobile .search_mobile {
position:relative;
bottom: auto;
left: 0;
margin: 3em auto 0;
}
.mobile_device .menu_mobile .socials_mobile,
.mobile_layout .menu_mobile .socials_mobile {
position: relative;
bottom: auto;
margin: 1em 0 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 .widget {
margin-bottom:0;
}
/* 7.2 Sliders
-------------------------------------------------------------- */
/* Revolution slider */
.slider_wrap .rev_slider_wrapper {
z-index:0;
}
/* 7.4 Post's parts
-------------------------------------------------------------- */
/* Common styles */
.blog_archive {
padding-bottom: 4em;
}
.post_item p {
margin-bottom:0;
}
.post_item > .post_title {
margin-top:0;
}
.post_item .more-link,
.gallery_preview_show .post_readmore {
margin-top: 2.5em;
}
/* Tabs (internal and Essential Grid) */
div.esg-filter-wrapper,
.mptt-navigation-tabs,
div.filmax_tabs .filmax_tabs_titles {
list-style-type:none;
padding:0;
text-align:center;
letter-spacing:0;
margin: -0.85em 0 2.7em;
}
div.esg-filter-wrapper .esg-filterbutton,
.mptt-navigation-tabs li,
div.filmax_tabs .filmax_tabs_titles li {
display: inline-block;
margin: 0 0 3px;
@include font(12px, 1.4em, normal);
text-transform:uppercase;
padding: 0;
border: none;
@include border-radius(0);
background: transparent;
}
div.esg-filter-wrapper .esg-filterbutton:hover,
div.esg-filter-wrapper .esg-filterbutton.selected {
@include box-shadow(none);
background: transparent;
}
div.esg-filter-wrapper .esg-filterbutton+.esg-filterbutton {
margin-left: 30px;
}
.mptt-navigation-tabs li+li,
div.filmax_tabs .filmax_tabs_titles li+li {
margin-left: 5px;
}
div.esg-filter-wrapper .esg-filterbutton > span {
font-size: 13px;
font-weight: 700;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 0.5px;
@include transition-all();
padding: 1.1em 0;
border-top: 1px solid transparent;
}
.mptt-navigation-tabs li a,
div.filmax_tabs .filmax_tabs_titles li a,
div.filmax_tabs .filmax_tabs_titles li a.ui-tabs-anchor {
display:block;
float: none;
padding: 1.75em 3em;
@include transition-colors;
}
div.filmax_tabs .filmax_tabs_content {
padding: 0;
}
div.filmax_tabs .filmax_tab_content_remove {
opacity: 0;
}
div.filmax_tabs .nav-links {
margin-top:1em;
}
/* Post featured block */
.post_featured {
overflow:hidden;
position:relative;
margin-bottom:1.8em;
max-width: 100%;
}
.post_featured_bg {
@include bg-cover;
}
.post_featured_bg:before {
content: ' ';
@include box(0, 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 info block */
.post_counters_comments:before {
font-family: $theme_icons;
content: '\e960';
}
.post_counters_likes.trx_addons_icon-heart-empty:before {
font-family: $theme_icons;
content: '\e957';
}
.post_counters_item:before {
margin: 0 0.24em 0 0;
font-size: 1.25em;
}
.post_meta_item .post_counters_label {
display: none;
}
.post_meta_item.post_categories,
.post_meta_item.post_categories a {
font-weight: 700;
letter-spacing: 0.3px;
}
.post_meta .post_meta_item,
.post_meta .vc_inline-link {
margin-left:0;
@include transition-property(color);
}
.post_meta .post_meta_item:after,
.post_meta .post_meta_item.post_edit:after,
.post_meta .vc_inline-link:after {
content: '';
display:inline;
font-family:inherit;
@include font(inherit, '', 400, normal);
vertical-align:baseline;
margin: 0 0.5em;
}
.post_meta .post_meta_item:last-child:after,
.post_meta .post_meta_item.post_edit:last-child:after,
.post_meta .vc_inline-link:last-child:after {
display:none;
}
.post_meta a.post_meta_item:before,
.post_meta .vc_inline-link:before,
.post_meta a.post_meta_item > .post_counters_number {
margin-right: 0.2em;
}
.post_meta .vc_inline-link:before {
content: '\e8bb';
font-family: $theme_icons;
}
/* Socials share in the post meta */
.post_share .social_items {
font-size:1em;
}
.socials_share.socials_type_drop .social_items {
padding:0.8em 1em;
}
.post_share .social_items .social_item .social_icon i {
font-style:normal;
text-transform:capitalize;
}
.post_meta .socials_share {
display:inline;
vertical-align:baseline;
}
.post_meta_item .socials_share .social_items {
bottom:auto;
top: 2.5em;
}
.post_meta_item .socials_share .social_items:before {
bottom: auto;
top: -5px;
@include rotate(135deg);
}
/* 7.5 Post Formats
-------------------------------------------------------------- */
.post_featured .mask {
background-color: rgba(0,0,0,0.5);
}
/* WordPress Playlist */
.wp-playlist .wp-playlist-current-item img {
background-color: #fff;
}
/* Audio */
.format-audio .post_featured {
position:relative;
max-height: 16em;
}
.single .format-audio .post_featured {
max-height: none;
}
.format-audio .post_featured img {
position:relative;
}
.format-audio .post_featured.with_thumb .mask {
background-color: rgba(0,0,0,0.6);
}
.format-audio .post_featured .mask {
opacity: 1;
}
.format-audio .post_featured .post_audio.with_iframe .post_audio_author,
.format-audio .post_featured .post_audio.with_iframe .post_audio_title {
display:none;
}
.format-audio .post_featured .post_audio_author,
.trx_addons_audio_player .audio_author {
@include font(14px, '', 400, normal);
}
.trx_addons_audio_player .audio_author {
margin-left: 0;
margin-right:0;
text-transform:none;
}
.format-audio .post_featured .post_audio_title,
.trx_addons_audio_player .audio_caption {
@include font(1.063em, 1.35em, 700);
letter-spacing: 0;
}
.format-audio .post_featured .post_audio_title {
@include font(1.063em, 1.5em);
margin-top: 0;
margin-bottom:0.8em;
}
.trx_addons_audio_player.without_cover,
.format-audio .post_featured.without_thumb .post_audio {
background-color: #1a1d24;
}
.trx_addons_audio_player.without_cover .audio_caption,
.format-audio .post_featured.without_thumb .post_audio_title,
.format-audio .post_featured.with_thumb .post_audio_author,
.trx_addons_audio_player.with_cover .audio_author,
.format-audio .post_featured.with_thumb .post_audio_title,
.trx_addons_audio_player.with_cover .audio_caption {
color: #ffffff;
}
.vc_row .trx_addons_audio_player .audio_caption {
@include font(1.063em, 1.35em);
}
.trx_addons_audio_player .audio_author + .audio_caption {
margin:-0.48em 0 0.25em;
}
.format-audio .post_featured.with_thumb .post_audio {
@include abs-pos(auto, 6%, 2em, 6%, 1000);
text-align:left;
}
.format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) {
padding: 2em 2.5em;
border: 1px solid #ddd;
}
/* Shortcode "Audio" */
.trx_addons_audio_player {
padding: 1.88em 2.5em 2.1em;
}
.trx_addons_audio_player.without_cover {
border: none;
}
// Media elements
.post_featured.with_thumb .mejs-container,
.post_featured.with_thumb .mejs-controls,
.post_featured > div > .mejs-container,
.post_featured > div > .mejs-container .mejs-controls,
.trx_addons_audio_player .mejs-container,
.trx_addons_audio_player .mejs-controls {
background: none;
padding: 0;
margin-left: -2px;
}
.sidebar .mejs-controls .mejs-time,
.footer_wrap .mejs-controls .mejs-time {
display:none;
}
/* Video */
.format-video .post_featured.without_thumb {
display: block;
}
.format-video .post_featured.with_thumb {
position:relative;
}
.format-video .post_featured.with_thumb .post_video {
// Next 2 rows added to avoid using translate(-50%, -50%) on the inner iframe
// because it move video to the left top corner in the fullscreen mode
@include flex;
@include flex-align-items(center);
@include abs-cover;
@include transition-all;
text-align:center;
opacity:0;
overflow:hidden;
}
.format-video .post_featured.with_thumb .post_video:before {
content:' ';
display:inline-block;
padding-top:55%;
@include box(0, 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);
opacity:0;
}
.format-video .post_featured.with_thumb:hover .mask {
opacity:1;
}
.trx_addons_video_player.with_cover .video_hover,
.format-video .post_featured.with_thumb .post_video_hover {
@include square(50px);
line-height: 48px;
@include transition-all;
@include abs-lt(50%, 50%, 4);
@include transform-none;
margin: 2em 0 0 -25px;
font-size:13px;
opacity: 0;
cursor: pointer;
overflow:hidden;
background-color: rgba(255, 255, 255, 0);
@include border-radius(50%);
@include box-sizing(border-box);
border: 2px solid rgba(255, 255, 255, 0.15);
text-indent: 3px;
letter-spacing: 0;
}
.trx_addons_video_player.with_cover:hover .video_hover,
.format-video .post_featured.with_thumb:hover .post_video_hover,
.mobile_layout .trx_addons_video_player.with_cover .video_hover,
.mobile_layout .format-video .post_featured.with_thumb .post_video_hover {
opacity: 1;
margin-top:-25px;
}
.trx_addons_video_player.with_cover .video_hover,
.body_style_fullwide .format-video .post_featured.with_thumb .post_video_hover,
.post_layout_excerpt.format-video .post_featured.with_thumb .post_video_hover,
.post_layout_chess_1.format-video .post_featured.with_thumb .post_video_hover {
font-size:13px;
@include square(50px);
line-height: 47px;
}
.widget_video .trx_addons_video_player.with_cover .video_hover {
font-size: 13px;
}
.sidebar .trx_addons_video_player.with_cover .video_hover,
.footer_wrap .trx_addons_video_player.with_cover .video_hover {
font-size: 13px;
}
.trx_addons_video_player.with_cover .video_hover:before,
.format-video .post_featured.with_thumb .post_video_hover:before {
font-family:$theme_icons;
content: '\e95b';
}
.format-video .post_featured.post_video_play .post_video {
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_hover {
display:none;
}
/* Aside, Link, Status, Quote */
.format-quote .post_content,
.format-aside .post_content,
.format-link .post_content,
.format-status .post_content {
padding: 0;
text-align:left;
}
.format-aside .post_content_inner, .post_item_single.format-aside .post_content > p,
.format-link .post_content_inner, .post_item_single.format-link .post_content > p,
.format-status .post_content_inner, .post_item_single.format-status .post_content > p {
@include font(1.6667rem, 1.4em);
}
.format-aside .post_content_inner {
padding: 1em 1.3158em;
}
.format-quote .post_content p,
.format-aside .post_content p,
.format-link .post_content p,
.format-status .post_content p {
margin-bottom: 0;
}
.format-aside .post_content p+p,
.format-link .post_content p+p,
.format-status .post_content p+p {
margin-top:1em;
}
.format-aside .post_content_inner:after {
display:none;
}
.format-aside .post_content_inner + .post_meta,
.format-link .post_content_inner + .post_meta,
.format-status .post_content_inner + .post_meta {
margin-top:1.6em;
}
/* Chat */
.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;
}
.post_featured.with_thumb .post_video_hover {
display: none !important;
}
/* 7.6 Blog layouts
-------------------------------------------------------------- */
/* Excerpt */
.post_layout_excerpt {
position:relative;
margin-bottom:0;
}
.post_layout_excerpt + .post_layout_excerpt {
margin-top: 1.92rem;
}
.post_layout_excerpt.sticky {
padding: 1.3em;
}
.post_layout_excerpt .post_featured {
display: inline-block;
}
.post_layout_excerpt.post_format_audio .post_featured.without_thumb {
display:block;
}
.post_layout_excerpt .post_header {
margin: 0;
position:relative;
}
.post_layout_excerpt .post_header .post_price {
width: auto;
@include abs-rt;
@include font(2.5em, 1.5em);
}
.post_layout_excerpt .post_meta {
margin-top: 0;
}
.post_layout_excerpt .post_header .post_meta .post_meta_item.post_categories {
margin-bottom: 15px;
display: block;
}
.post_layout_excerpt.post_format_gallery .post_featured.without_thumb {
display: inline-block;
width: 250px;
}
.post_layout_excerpt:not(.post_format_audio) .post_featured {
display: inline-block;
vertical-align: middle;
max-width: 250px;
margin: 0;
}
.post_layout_excerpt.post_format_audio .post_featured {
margin-bottom: 15px;
}
.post_layout_excerpt:not(.post_format_audio) .post_featured + .go_wrap {
display: inline-block;
vertical-align: middle;
width: calc(100% - 250px);
padding: 0 0 0 25px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.post_layout_excerpt .post_title {
margin: 0;
font-size: 24px;
font-weight: 700;
letter-spacing: -0.2px;
}
.post_layout_excerpt .post_content {
margin-top: 0.6rem;
font-size: 15px;
line-height: 22px;
}
.post_layout_excerpt .post_content .post_meta .post_meta_item.post_categories,
.post_layout_excerpt .post_header .post_meta .post_meta_item:after,
.post_layout_excerpt .post_header .post_meta .post_meta_item:not(.post_categories) {
display: none;
}
.post_layout_excerpt .post_content .post_meta {
margin-top: 10px;
}
.post_layout_excerpt .post_header .post_meta .post_meta_item.post_categories {
margin-bottom: 12px;
display: block;
}
.post_layout_excerpt .slider_container.slider_controls_side .slider_controls_wrap > a {
margin-left: 20px;
margin-right: 20px;
opacity: 1;
}
.post_layout_excerpt blockquote {
margin: 13px 0 12px 0;
}
.post_layout_excerpt.first_big .post_featured {
display: block;
max-width: 100%;
width: 100%;
}
.post_layout_excerpt.first_big .simple {
display: none;
outline: none;
}
.post_layout_excerpt.first_big .post_header .post_meta .post_meta_item.post_categories {
margin: 0;
}
.post_layout_excerpt.first_big .mask,
.post_layout_excerpt.first_big .hover_simple:hover .mask {
opacity: 0.85;
background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.88) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.88) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.88) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#a6000000',GradientType=0 );
}
.post_layout_excerpt.first_big .post_header {
margin: 0;
padding: 2.2em;
position: absolute;
left: 0;
bottom: 0;
z-index: 999;
}
.post_layout_excerpt.first_big .post_featured_bg:before {
padding-top: 62%;
}
.post_layout_excerpt.first_big .post_title {
font-size: 2.313em;
letter-spacing: -0.7px;
line-height: 1em;
margin: 0.5em 0 0.5em;
}
.post_layout_excerpt.first_big .post_title a {
color: #ffffff;
@include transition-all();
}
.post_layout_excerpt.first_big .post_title a:hover {
opacity: 0.8;
color: #ffffff !important;
}
.post_layout_excerpt.first_big .post_title + .post_meta .post_meta_item.post_categories,
.post_layout_excerpt.first_big .post_title + .post_meta .post_meta_item:after,
.post_layout_excerpt.first_big .post_title + .post_meta .post_meta_item:not(.post_categories) {
display: inline-block;
}
.post_layout_excerpt.first_big .post_title + .post_meta > .post_meta_item.post_categories {
display: none !important;
}
.post_layout_excerpt.first_big .post_meta,
.post_layout_excerpt.first_big .post_meta_item,
.post_layout_excerpt.first_big .post_meta_item:after,
.post_layout_excerpt.first_big .post_meta_item a,
.post_layout_excerpt.first_big .post_info_counters .post_counters_item {
color: #d2d2d2;
}
.post_layout_excerpt.first_big .post_date a:hover,
.post_layout_excerpt.first_big a.post_meta_item:hover,
.post_layout_excerpt.first_big .post_meta_item a:hover,
.post_layout_excerpt.first_big .post_info_counters .post_counters_item:hover {
color: #ffffff;
}
/* Masonry and Classic */
.posts_container.columns_wrap {
display:flex;
flex-wrap:wrap;
}
.posts_container.columns_wrap .post_layout_classic {
display:inline-block;
vertical-align:top;
@include box(100%, 100%);
@include border-box;
}
.post_layout_classic {
position:relative;
}
.post_layout_classic .post_featured img {
width: 100%;
}
.post_layout_classic .post_header {
padding-top:0.1px;
}
.post_layout_classic .post_title {
@include font(1.5em, 1.2em);
margin: 0;
}
.post_layout_classic .post_title+.post_meta {
margin-top:1.1em;
}
.post_layout_classic blockquote {
margin-left:0;
margin-right:0;
}
.post_layout_classic .post_header + .post_content {
padding-top: 0.85em;
}
.post_layout_classic.format-aside .post_content_inner + .post_meta,
.post_layout_classic.format-link .post_content_inner + .post_meta,
.post_layout_classic.format-status .post_content_inner + .post_meta {
margin-top:1em;
}
/* First post large in the Classic and Masonry */
body[class*="blog_style_classic"] .post_layout_excerpt,
body[class*="blog_style_masonry"] .post_layout_excerpt {
margin-bottom: 3em;
}
/* Chess */
.chess_wrap {
overflow:hidden;
}
.post_layout_chess {
position:relative;
overflow:hidden;
margin-bottom:0;
}
.post_layout_chess.sticky {
padding:0;
border-width: 0;
}
.post_layout_chess .label_sticky {
top: -12px;
left: -12px;
right: auto;
@include rotate(135deg);
}
.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%;
}
.post_layout_chess .post_inner {
width: 50%;
@include abs-lc;
}
.post_layout_chess blockquote {
margin:0;
}
.post_layout_chess_1 .post_inner_content {
padding: 0 14%;
}
.post_layout_chess_2 .post_inner_content {
padding: 0 12%;
}
.post_layout_chess_3 .post_inner_content {
padding: 0 10%;
}
.post_layout_chess .post_header {
padding-top:0.1px;
}
.post_layout_chess .post_title {
margin: 0;
font-size: 2.5em;
}
.post_layout_chess .post_meta {
margin-top: 1.6em;
margin-bottom: 0 !important;
}
.post_layout_chess .post_header + .post_content {
margin-top:1em;
}
.post_layout_chess .post_content_inner {
overflow:hidden;
position:relative;
padding-bottom: 1em;
}
.post_layout_chess:not(.post_format_aside) .post_content_inner {
padding-top: 0;
}
.post_layout_chess .post_content_inner:after {
content:' ';
@include box(100%, 1em);
@include abs-lb;
}
.post_layout_chess_1.post_format_quote .post_content_inner .post_meta,
.post_layout_chess_1.post_format_link .post_content_inner .post_meta,
.post_layout_chess_1.post_format_status .post_content_inner .post_meta {
margin-top: 1rem;
}
.post_layout_chess_1.post_format_aside .post_content_inner .post_meta {
margin-top: 3rem;
}
.post_layout_chess_1 .post_header + .post_content {
margin-top:1.8rem;
}
.post_layout_chess.post_layout_chess_1 .more-link {
margin-top: 1.3rem;
}
.post_layout_chess_1.post_format_quote .post_header,
.post_layout_chess_1.post_format_link .post_header,
.post_layout_chess_1.post_format_aside .post_header,
.post_layout_chess_1.post_format_status .post_header,
.post_layout_chess_2.post_format_quote .post_header,
.post_layout_chess_2.post_format_link .post_header,
.post_layout_chess_2.post_format_aside .post_header,
.post_layout_chess_2.post_format_status .post_header {
display:none;
}
.post_layout_chess_2 .post_title {
font-size:1.6rem;
}
.post_layout_chess_2:not(.post_format_quote):not(.post_format_link):not(.post_format_aside):not(.post_format_status) .post_content_inner {
@include font(0.9333rem, 1.5em);
max-height: 15.4em;
}
.post_layout_chess_2 .post_meta,
.post_layout_chess_3 .post_meta {
margin-top: 1em;
}
.post_layout_chess_2.post_format_aside .post_meta {
margin-top: 1.3333rem;
}
.post_layout_chess_2.post_format_audio .post_featured .post_audio_title,
.post_layout_chess_3.post_format_audio .post_featured .post_audio_title {
letter-spacing:0;
}
.post_layout_chess_2.format-chat p > em, .post_layout_chess_2.format-chat p > b, .post_layout_chess_2.format-chat p > strong {
margin-top:0.8em;
}
.post_layout_chess.post_layout_chess_2 .more-link,
.post_layout_chess.post_layout_chess_3 .more-link {
padding: 1.1667em 2.3333em;
letter-spacing:1px;
margin-top: 0.5rem;
}
.post_layout_chess_3 .post_title {
@include font(1.3333rem, 1.24em);
}
.post_layout_chess_3 .post_content_inner {
@include font(0.8667rem, 1.3486em);
max-height: 6.2rem;
}
.post_layout_chess_3 .post_content_inner,
.post_layout_chess_3 .post_content_inner + .post_meta {
display:none;
}
.post_layout_chess.post_layout_chess_3 .more-link {
padding: 0.9em 2em;
}
.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;
}
.post_layout_portfolio .post_featured img {
width: 100%;
}
/* This way use masonry.js script to build masonry layout and work properly in any browsers!
---------------------------------------------------------------------------------------------------------- */
.masonry_wrap,
.portfolio_wrap {
position:relative;
margin-right:-$grid_gap;
}
.masonry_wrap .masonry_item,
.post_layout_portfolio {
position:relative;
display: inline-block;
vertical-align:top;
padding:0 $grid_gap $grid_gap 0;
margin-bottom:0;
width: 50%;
border-width: 0;
@include border-box;
}
.masonry_wrap .masonry_item-1_3,
.portfolio_wrap.portfolio_3 .post_layout_portfolio {
width: 33.3333%;
}
.masonry_wrap .masonry_item-1_4,
.portfolio_wrap.portfolio_4 .post_layout_portfolio {
width: 25%;
}
.masonry_wrap .masonry_item {
padding-bottom: 0;
}
.masonry_wrap .post_layout_masonry {
margin-bottom: 3em;
}
.post_layout_portfolio .label_sticky {
top: -12px;
left: -12px;
right:auto;
@include rotate(135deg);
}
/* Gallery */
.post_layout_gallery * {
@include border-box;
}
.post_layout_gallery .post_details {
display:none;
}
.gallery_item_current {
opacity: 0 !important;
}
.gallery_preview {
@include fixed-lt(0, 0, 200000);
@include box(50%, 100%);
@include flex;
@include flex-align-items(center);
@include flex-align-content(center);
@include flex-justify-content(center);
pointer-events: none;
}
.gallery_preview:before {
content: ' ';
opacity: 0;
@include fixed-cover;
@include transition-property(opacity, 0.6s);
}
.gallery_preview_show {
pointer-events: auto;
}
.gallery_preview_show:before {
opacity: 1;
}
.gallery_preview_image_clone {
position: fixed;
z-index: 110;
@include transition-property(transform, 0.5s);
-webkit-backface-visibility: hidden;
}
.gallery_preview_image_original {
position: relative;
z-index: 120;
display: block;
object-fit: contain;
@include transition-property(opacity, 0.2s);
-webkit-backface-visibility: hidden;
}
.gallery_preview_show .gallery_preview_image_animate { /* open */
@include transition(transform 0.6s, opacity 0.2s);
}
.gallery_preview_image_animate { /* close */
@include transition(transform 0.3s, opacity 0.2s);
}
.gallery_preview_description {
@include abs-lt(100%, 0, 140);
@include box(100%, 100%);
@include border-box;
@include flex;
@include flex-direction(column);
@include flex-align-items(flex-start);
@include flex-justify-content(center);
@include transition(transform 1s, opacity 1s);
@include transition-timing(0.2, 1, 0.3, 1);
@include translate3d(0, 30px, 0);
padding: 0 3em;
opacity: 0;
}
.gallery_preview_show .gallery_preview_description {
opacity: 1;
@include transition-delay(0.2s);
@include translate3d(0, 0, 0);
}
.gallery_preview_show .post_title {
margin: 0 0 0.5em;
}
.gallery_preview_show .post_meta {
@include font(1em, 1.3em);
margin-top:0;
margin-bottom:2em;
}
.gallery_preview_show .post_description_content {
max-width: 100%;
@include font(1.1429em, 2em);
}
.gallery_preview_close {
font-size: 2em;
margin: 0;
cursor: pointer;
vertical-align: top;
border: none;
background: none;
padding: 1em;
opacity: 0;
@include fixed-rt(0, 0, 150);
@include transition(transform 0.3s, opacity 0.3s);
@include scale3d(0.6, 0.6, 1);
}
.gallery_preview_image_loaded .gallery_preview_close {
opacity: 1;
@include scale3d(1, 1, 1);
}
/* 7.7 Paginations
-------------------------------------------------------------- */
/* Blog pagination: Load more and Infinite */
.nav-links-more {
text-transform:uppercase;
letter-spacing:0.5px;
text-align:center;
margin-top: 3.8em;
font-size: 13px;
font-weight: 700;
}
[class*="blog_style_classic"] .nav-links-more,
[class*="blog_style_masonry"] .nav-links-more {
margin-top: 0;
}
.nav-links-more.nav-links-infinite {
display:none;
}
.nav-links-more a {
display:inline-block;
padding: 1em;
position:relative;
width: 100%;
letter-spacing: 1px;
@include border-radius(4px);
}
.nav-links-more a:before {
content: '\e810';
font-family:$theme_icons;
font-size:1.6em;
font-weight:normal;
display:block;
text-align:center;
margin-left:-0.5em;
@include abs-lt(50%, 7px);
@include square(1em);
opacity: 0;
}
.nav-links-more.loading a:before {
content: '\e810';
@include animation(spin 2s infinite linear);
}
.nav-links-more.loading .nav-load-more:before {
opacity: 1;
}
.nav-links-more .nav-load-more {
@include transition-all();
@include box-sizing(border-box);
}
.nav-links-more.loading .nav-load-more {
padding-top: 2.4em;
}
.nav-links-infinite a span {
opacity: 1;
}
.nav-links-infinite.loading {
display: block;
}
/* Blog pagination: Prev/Next links */
.nav-links-old {
overflow:hidden;
font-size: 0.9333em;
text-transform:uppercase;
letter-spacing:1px;
margin-top: 3em;
}
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:$theme_icons;
font-weight:normal;
display:inline;
@include abs-lt;
}
.nav-links-old .nav-prev {
float:left;
position:relative;
padding-left: 2em;
}
.nav-links-old .nav-prev a:before {
content: '\e939';
}
.nav-links-old .nav-next {
float:right;
position:relative;
padding-right:2em;
}
.nav-links-old .nav-next a:after {
content: '\e93a';
left: auto;
right: 0;
}
.nav-links-old a {
border-bottom: 1px dotted transparent;
}
/* Blog pagination: Page numbers */
div.esg-filters,
.comments_pagination,
.nav-links,
.page_links {
font-size: 13px;
text-transform:uppercase;
margin-top: 3.3em;
text-align:center;
border:none;
list-style-type:none;
font-weight: 700;
}
.page_links {
overflow: hidden;
width: 100%;
}
.page_links .page_links_title {
display: inline-block;
vertical-align: top;
margin: 1.25em 1em 0 0;
}
.esg-filters div.esg-navigationbutton,
.page_links > span:not(.page_links_title),
.page_links > a,
.comments_pagination .page-numbers,
.nav-links .page-numbers {
display:inline-block;
vertical-align:top;
font-size:inherit;
font-weight: inherit;
margin: 8px 8px 0 0;
padding: 0;
@include square(38px);
@include border-radius(50%);
@include transition-all;
border: 1px solid #ddd;
}
.esg-filters .esg-navigationbutton i[class*="eg-icon-"] {
color: inherit;
}
.esg-filters .esg-navigationbutton i.eg-icon-left-open:before {
content: '\e939';
font-family: $theme_icons;
}
.esg-filters .esg-navigationbutton i.eg-icon-right-open:before {
content: '\e93a';
font-family: $theme_icons;
}
.esg-filters div.esg-navigationbutton:hover,
.esg-filters div.esg-navigationbutton.selected {
@include box-shadow(none);
background: transparent;
}
.minimal-light .esg-filterbutton,
.minimal-light .esg-navigationbutton {
background: transparent !important;
}
.comments_pagination .page-numbers.prev,
.comments_pagination .page-numbers.next {
width: auto;
padding: 0 1.8em;
border-radius: 25px;
}
.nav-links .page-numbers.prev,
.nav-links .page-numbers.next {
text-indent: 100px;
overflow:hidden;
position:relative;
}
.nav-links .page-numbers.prev:before,
.nav-links .page-numbers.next:before {
font-family:$theme_icons;
@include abs-lt;
width: 100%;
text-align: center;
text-indent: 0;
}
.nav-links .page-numbers.prev:before {
content:'\e907';
font-weight: 400;
}
.nav-links .page-numbers.next:before {
content:'\e908';
font-weight: 400;
}
/* Single page Prev/Next navigation */
.nav-links-single .nav-links {
font-size:0.8667em;
text-align: left;
margin-top: 4.5em;
padding-top: 4em;
border-top: 1px solid #ddd;
overflow:hidden;
text-transform:none;
}
.nav-links-single .nav-links a {
display:block;
position:relative;
min-height: 3em;
z-index:1;
}
.nav-links-single .nav-links a .nav-arrow {
@include box(20px, 20px, 20px);
overflow:hidden;
text-align:center;
@include abs-lt();
@include bg-cover;
margin-top: -10px;
top: 50%;
border: none;
background: transparent !important;
}
.nav-links-single .nav-links a .nav-arrow:before {
content: ' ';
display:block;
background-color:#fff;
opacity:0;
@include abs-cover;
@include transition-all;
}
.nav-links-single .nav-links a:hover .nav-arrow:before {
opacity:0.5;
}
.nav-links-single .nav-links a .nav-arrow:after {
content: '\e907';
font-family: $theme_icons;
display:inline-block;
position:relative;
z-index:2;
top: 3em;
opacity:0;
color: #1a1d24;
@include transition-all;
font-weight: 400;
font-size: 11px;
}
.nav-links-single .nav-links a:hover .nav-arrow:after {
top: 0;
opacity:1;
}
.nav-links-single .nav-links .nav-next a .nav-arrow {
right: 0;
left: auto;
}
.nav-links-single .nav-links .nav-next a .nav-arrow:after {
content: '\e908';
}
.nav-links-single .nav-links .nav-previous,
.nav-links-single .nav-links .nav-next {
width:50%;
@include border-box;
}
.nav-links-single .nav-links .nav-previous {
float:left;
text-align:left;
padding-right:15px;
}
.nav-links-single .nav-links .nav-previous a {
padding-left: 2.33em;
}
.nav-links-single .nav-links .nav-previous .post-title {
text-align:left;
}
.nav-links-single .nav-links .nav-next {
float:right;
text-align:right;
padding-left:15px;
}
.nav-links-single .nav-links .nav-next a {
padding-right: 2.33em;
}
.nav-links-single .nav-links .nav-next .post-title {
text-align:right;
}
.nav-links-single .nav-links .post-title,
.nav-links-single .nav-links .post_date {
@include transition-colors;
}
.nav-links-single .nav-links .post-title {
margin:0.6em 0 0;
font-size: 16px;
text-transform: none;
}
.nav-links-single .nav-links .meta-nav,
.nav-links-single .nav-links .post_date {
font-size:0.9286em;
font-weight:normal;
}
.nav-links-single .nav-links .screen-reader-text {
clip: auto !important;
position: relative !important;
font-size: 11px;
text-transform: uppercase;
font-weight: 700;
line-height: 14px;
display: inline-block;
}
.nav-links-single .nav-links .screen-reader-text:hover {
background: transparent;
@include box-shadow(none);
@include border-radius(0);
top: 0;
left: 0;
display: inline-block;
line-height: 14px;
}
.nav-links-single .nav-links .post_date {
display: none;
}
/* Attachments navigation */
.image-navigation .nav-previous,
.image-navigation .nav-next {
float:none;
width:auto;
text-align:left;
padding:0;
margin:0;
@include abs-lc(1.5em);
}
.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: 1.1em 1em;
width: 0;
max-width:20em;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
background-color:rgba(0,0,0,0);
border:1px solid rgba(0,0,0,0);
color: #fff;
@include border-radius(2em);
}
.image-navigation .nav-previous a:hover,
.image-navigation .nav-next a:hover {
width: auto;
color: #fff;;
background-color:rgba(0,0,0,0.6);
border-color:rgba(0,0,0,0.6);
}
.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: $theme_icons;
@include abs-lc;
@include square(4em);
@include border-round;
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
-------------------------------------------------------------- */
.structured_data_snippets { display: none; }
.post_item_single.format-aside .post_content,
.post_item_single.format-link .post_content,
.post_item_single.format-status .post_content {
padding: 0;
text-align:left;
}
.post_item_single.format-quote .post_content {
background-color:transparent;
padding-top:0;
}
/* 8.1 Post header
------------------------------------------------------ */
.post_item_single > .post_featured {
margin-bottom:2.25em;
}
.post_item_single > .post_featured > img {
width: auto;
max-height: 80vh;
}
.post_featured.post_attachment {
margin-bottom: 1.6em;
}
.entry-caption {
text-align:center;
font-style:italic;
}
.post_item_single .post_header {
margin-bottom:1.6em;
}
.post_item_single .post_content > h1:first-child,
.post_item_single .post_content > h2:first-child,
.post_item_single .post_content > h3:first-child,
.post_item_single .post_content > h4:first-child,
.post_item_single .post_content > h5:first-child,
.post_item_single .post_content > h6:first-child,
.post_item_single .post_content > .vc_row:first-child h1:first-child,
.post_item_single .post_content > .vc_row:first-child h2:first-child,
.post_item_single .post_content > .vc_row:first-child h3:first-child,
.post_item_single .post_content > .vc_row:first-child h4:first-child,
.post_item_single .post_content > .vc_row:first-child h5:first-child,
.post_item_single .post_content > .vc_row:first-child h6:first-child,
.post_item_single .post_title {
margin-top:-0.2em;
}
.post_item_single .post_header .post_title {
margin-bottom: 0;
}
/* 8.2 Post footer
------------------------------------------------------ */
.post_item_single .post_content > .post_meta_single {
@include font(1em, 1.375em);
margin-top: 2.6em;
letter-spacing:0;
overflow:hidden;
clear: both;
}
.post_item_single .post_content > .post_meta_single .post_tags {
float:left;
display:block;
max-width:55%;
margin-top:0.7em;
text-transform: none;
font-weight: 400;
font-size: 13px;
}
.post_item_single .post_content > .post_meta_single .post_tags:after {
display: none;
}
.post_item_single .post_content > .post_meta_single .post_meta_label {
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
}
/* Social share in the single post/page */
.post_item_single .post_content > .post_meta_single .post_share {
float: right;
display:block;
max-width:40%;
}
.post_item_single .post_content > .post_meta_single .post_share:before {
display:none;
}
.post_item_single .post_content > .post_meta_single .post_share .social_item {
margin: 0 0 0.4em 0.4em;
}
.post_item_single .post_content > .post_meta_single .post_share .social_item .social_icon {
display:block;
@include square(2.3em);
font-size: 0.92em;
}
/* 8.3 Post author
------------------------------------------------------ */
.author_info {
margin-top: 4em;
padding: 0;
position:relative;
}
.author_avatar {
@include square(150px);
@include abs-lt(0, 0);
}
.author_avatar img {
@include box(100%, auto);
}
.author_description {
padding-left: 180px;
padding-top: 9px;
}
.author_title {
margin-top: 0;
margin-bottom: 0.7em;
font-size: 1.500em;
font-weight: 700;
letter-spacing: -1px;
}
.author_bio p {
margin:0;
}
.author_bio p+p {
margin-top:0.6em;
}
.author_bio .author_link {
display: inline-block;
margin-top: 1.25em;
font-style: normal;
letter-spacing:1px;
position: relative;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
}
.author_bio .author_link:after {
font-weight: 400;
font-family: $theme_icons;
content: '\e95e';
font-size: 10px;
margin-left: 11px;
}
.author_bio .socials_wrap {
margin-top: 1em;
}
/* 8.4 Related posts
------------------------------------------------------ */
.related_wrap {
margin-top: 4.4em;
padding-top: 3.7em;
border-top: 1px solid #eee;
}
.related_wrap_title {
margin: 0 0 1em;
text-align: left;
font-size: 1.688em;
}
.related_wrap .related_item {
text-align:left;
}
.related_wrap .post_categories {
font-weight:700;
text-transform:uppercase;
font-size:11px;
}
.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_counters_comments,
.related_wrap .post_date {
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
}
.related_wrap .related_item_style_1 .post_date {
margin-right: 14px;
}
.related_wrap .related_item_style_1 .post_featured.with_thumb .post_date a,
.related_wrap .related_item_style_1 .post_featured.with_thumb .post_counters_comments {
letter-spacing: 1px;
color: #d2d2d2;
}
.related_wrap .related_item_style_1 .post_featured.with_thumb .post_counters_comments:hover,
.related_wrap .related_item_style_1:hover .post_featured.with_thumb .post_date a:hover {
color: #ffffff;
}
.related_wrap .related_item_style_1 .post_counters_comments:before {
vertical-align: middle;
margin-right: 6px;
font-size: 14px;
}
.related_wrap .related_item_style_1 .post_featured {
margin: 0;
display: inline-block;
}
/* Style 1 */
.related_wrap .related_item_style_1 .post_featured .post_header {
display:block;
max-width: 100%;
padding:1.5em 1.9em;
position: absolute;
left: 0;
bottom: 0;
z-index: 999;
@include border-box;
@include transition-all;
}
.related_wrap .related_item_style_1.format-video .post_featured.with_thumb .post_video_hover {
top: 90%;
}
.related_wrap .related_item_style_1 .post_title {
margin: 0.54em 0 0.45em;
letter-spacing: 0.5px;
line-height: 1.3em;
}
.related_wrap .related_item_style_1 .post_featured.with_thumb .post_title a {
color: #ffffff;
@include transition-all();
}
.related_wrap .related_item_style_1 .post_featured.with_thumb .post_title a:hover {
color: #ffffff;
opacity: 0.75;
}
.related_wrap .related_item_style_1.post_format_video .post_featured .post_header {
outline: none;
}
.related_wrap .related_item_style_1.post_format_audio .post_featured {
width: 100%;
}
.related_wrap .related_item_style_1.post_format_audio .post_header {
position: relative;
padding-left: 0;
}
.related_wrap .related_item_style_1 .mask {
opacity: 0.7 !important;
background-color: rgba(26, 29, 36, 1) !important;
}
/* Style 2 */
.related_wrap .related_item_style_2 .post_featured {
margin-bottom: 1.1em;
}
.related_wrap .related_item_style_2 .post_featured img {
width:100%;
}
.related_wrap .related_item_style_2 .post_date {
@include font(10px, 1.4em, bold);
text-transform:uppercase;
}
/* 8.5 Comments
-------------------------------------------------------- */
.comments_wrap {
clear: both;
}
.body_style_fullscreen .comments_wrap {
margin-bottom: 3em;
}
/* Comment list */
.comments_list_wrap {
margin-top: 2.6em;
padding-top: 3.8em;
border-top: 1px solid #eee;
overflow:hidden;
}
.comments_list_wrap .comments_closed {
margin-top:2em;
color:#1d1d1d;
}
.comments_list_wrap .comments_list_title {
margin:0 0 1em;
text-align:left;
font-size: 1.688em;
}
.comments_list_wrap + .comments_form_wrap {
margin-top: 1.5em;
}
.comments_list_wrap > ul {
padding: 0;
margin:0;
list-style: none;
}
.comments_list_wrap ul li + li,
.comments_list_wrap li > ul > li {
padding-top:2.25em;
}
.comments_list_wrap ul > li {
display: block; // If set to 'list-item' - in Chrome author's name is shifting down (below the top of the avatar). In Firefox - all OK
overflow:hidden;
position:relative;
min-height:100px;
}
.comments_list_wrap ul li {
margin: 0;
}
.comments_list_wrap ul > li:before {
display:none;
}
.comments_list_wrap ul ul {
margin-left:6.1em;
padding-left:0;
}
.comments_list_wrap ul ul ul ul ul {
margin-left:0;
}
.comments_list_wrap li + li,
.comments_list_wrap li ul {
}
.comments_list_wrap .comment_author_avatar {
@include abs-lt;
@include square(100px);
overflow:hidden;
}
.comments_list_wrap ul li + li > .comment_body > .comment_author_avatar,
.comments_list_wrap li > ul > li > .comment_body > .comment_author_avatar {
top:2.25em;
}
.comments_list_wrap .bypostauthor > .comment_body .comment_author_avatar:after {
content: ' ';
display:block;
border: 12px solid transparent;
border-top-color:#ddd;
@include abs-rt(-14px, -14px);
@include box(0, 0);
@include rotate(225deg);
}
.comments_list_wrap .comment_author_avatar img {
width: 100%;
}
.comments_list_wrap .comment_content {
padding-left:130px;
overflow:hidden;
min-height: 100px;
}
.comments_list_wrap .comment_info {
margin: -0.35em 0 0.35em;
position:relative;
}
.comments_list_wrap .comment_author {
margin:0 1.1em 0 0;
display:inline-block;
}
.comments_list_wrap .comment_posted {
display:inline-block;
position:relative;
vertical-align:baseline;
@include font(11px, inherit);
letter-spacing: 1px;
}
.comments_list_wrap .comment_counters,
.comments_list_wrap .comment_date,
.comments_list_wrap .comment_time {
display:inline-block;
vertical-align:baseline;
text-transform: uppercase;
}
.comments_list_wrap .comment_date,
.comments_list_wrap .comment_time {
margin-right:0.3em;
}
.comments_list_wrap .comment_counters,
.comments_list_wrap .comment_time {
display:none;
}
.comments_list_wrap .comment_not_approved {
padding: 0.2em 0 0.5em 0;
}
.comments_list_wrap .comment_posted_label {
text-transform: uppercase;
}
.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,
.comments_list_wrap .comment_text ol {
margin:0;
padding: 0 0 0 1.5em;
}
.comments_list_wrap .comment_text ul > li,
.comments_list_wrap .comment_text ol > li {
display: list-item;
}
.comments_list_wrap .comment_text ul {
list-style: disc outside;
}
.comments_list_wrap .comment_text ul ul {
list-style-type: circle;
}
.comments_list_wrap .comment_text ul ul ul {
list-style-type: square;
}
.comments_list_wrap .comment_text ul ul ul ul {
list-style-type: disc;
}
.comments_list_wrap .comment_text ol {
list-style: decimal outside;
}
.comments_list_wrap .comment_text ol ol {
list-style-type: lower-alpha;
}
.comments_list_wrap .comment_text ol ol ol {
list-style-type: upper-roman;
}
.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 {
@include font(13px, 1.2em);
letter-spacing:0.8px;
margin-top: 1.5em;
position: relative;
text-transform: uppercase;
font-weight: 700;
}
.comments_list_wrap .comment_reply a:after {
content:'\e95e';
font-family:$theme_icons;
margin-left:0.6em;
display:inline-block;
font-size: 12px;
font-weight: 400;
}
/* Trackbacks and pingbacks */
.comments_list > li.pingback,
.comments_list > li.trackback {
list-style:none;
margin-left:0;
padding-left:0;
padding-right:4em;
padding-top: 1em;
min-height: 0;
position:relative;
}
.comments_list > li.pingback + li,
.comments_list > li.trackback + li {
margin-top: 1em;
}
.comments_list > li.pingback p,
.comments_list > li.trackback p {
font-style:italic;
padding-bottom:0.8em;
}
.comments_list > li.pingback p a,
.comments_list > li.trackback p a {
font-style:normal;
}
.comments_list > li.pingback .edit-link,
.comments_list > li.trackback .edit-link {
@include abs-rt(0, 1em);
}
/* Comments form */
.comments_form_wrap {
margin-top: 2.6em;
padding-top: 3.8em;
border-top: 1px solid #eee;
overflow:hidden;
}
.comments_form_wrap form {
position:relative;
}
.comments_wrap .comments_form_title {
margin:0 0 0.25em;
text-align:left;
font-size: 1.688em;
}
.comments_wrap .comments_list_wrap .comments_form_title {
margin-top: 1.5em;
position:relative;
}
.comments_wrap #cancel-comment-reply-link {
font-size:0;
}
.comments_wrap #cancel-comment-reply-link:before {
content: '\e916';
font-family: $theme_icons;
font-size:18px;
display:block;
@include abs-rt;
@include square(2em);
}
.comments_wrap .comments_notes {
font-size:0.8667em;
}
.comments_wrap .comments_field {
margin-bottom:0.6em;
}
.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_comment:before {
content: ' ';
@include clear;
}
.comments_wrap .comments_field label {
display:none;
}
.comments_wrap .comments_field input,
.comments_wrap .comments_field textarea {
width:100%;
padding: 1.5em 0;
}
.comments_wrap .comments_field textarea {
min-height:11em;
}
/* Submit button */
.comments_wrap .form-submit {
margin: 2.5em 0 0;
}
.comments_wrap .form-submit:before {
content: ' ';
@include clear;
}
.comments_wrap .form-submit input[type="submit"] {
display:inline-block;
}
.comments_wrap .comment-form-cookies-consent {
clear: both;
}
form .error_field {
border-color: #CC6868 !important;
@include box-shadow(0px 0px 8px 0px rgba(200, 100, 100, 0.2));
}
/* Social login in the comment form */
.comments_form_wrap form .wp-social-login-widget {
@include abs-rt(0, -6.2em);
}
.comments_form_wrap form .wp-social-login-widget .wp-social-login-connect-with {
display:none;
}
.comments_form_wrap form .wp-social-login-widget .wp-social-login-provider-list {
padding:0;
}
/* Result box */
.filmax_messagebox {
display:inline-block;
max-width:80%;
@include abs-cc(1000);
}
form .filmax_messagebox,
form .trx_addons_message_box {
min-width:60%;
text-align:center;
}
.filmax_messagebox,
.trx_addons_message_box {
@include font(1em, 1.5em);
padding: 1.5em;
border: 1px solid #07759C;
background-color:#B6DDF3;
color: #07759C;
@include border-box;
@include box-shadow(0px 0px 20px 0px rgba(0, 0, 200, 0.2));
}
.filmax_messagebox_style_error,
.trx_addons_message_box_error {
border: 1px solid #A00000;
background-color:#FDCDCD;
color: #A00000;
@include box-shadow(0px 0px 20px 0px rgba(200, 0, 0, 0.2));
}
.filmax_messagebox_style_success,
.trx_addons_message_box_success {
border: 1px solid #00A000;
background-color:#CDFDCD;
color: #00A000;
@include box-shadow(0px 0px 20px 0px rgba(0, 200, 0, 0.2));
}
.filmax_messagebox p,
.trx_addons_message_box p {
margin:0;
line-height:1.5em;
}
.filmax_messagebox p+p,
.trx_addons_message_box p+p {
margin-top:0.4em;
}
/* 8.6 Page 404
-------------------------------------------------------------- */
.post_item_404 .post_content {
padding: 4em 0 3em;
overflow:hidden;
}
.post_item_404 .page_title {
float: left;
width:50%;
@include font(17em, 0.8em);
margin: 0;
margin-top:0 !important;
letter-spacing:0;
text-align:center;
hyphens: none;
}
.post_item_404 .page_info {
float: left;
width:50%;
text-align:left;
padding: 0 0 0 5rem;
@include border-box;
}
.post_item_404 .page_subtitle {
margin: 0;
letter-spacing:1px;
}
.post_item_404 .page_description {
margin-top: 1em;
margin-bottom: 2em;
text-transform:uppercase;
letter-spacing:0;
line-height:1.4em;
}
.post_item_404 .go_home:after {
content:'\e93a';
font-family:$theme_icons;
margin-left: 0.5em;
line-height: inherit;
display: none;
}
/* 8.7 Page 'No search results' and 'No archive results'
-------------------------------------------------------- */
.post_item_none_search .post_content {
padding: 1.5em 0;
}
.post_item_none_search .page_title,
.post_item_none_archive .page_title {
font-size: 7em;
line-height:1.2em;
}
/* 9. Sidebars
-------------------------------------------------------------- */
/* Common rules */
.sidebar[class*="scheme_"] .sidebar_inner {
padding: 0;
}
.wpb_widgetised_column .widget,
.sidebar[class*="scheme_"] .widget {
padding: 1.95rem 1.6rem;
}
.sidebar[class*="scheme_"] .widget .widget {
padding: 0;
}
.wpb_widgetised_column .widget + .widget,
.sidebar .widget+.widget {
margin-top: 2.5rem;
}
.sidebar .widget + .widget.widget_bg_image,
.sidebar[class*="scheme_"] .widget + .widget.widget_bg_image,
.sidebar .widget + .widget.widget_fullwidth,
.sidebar[class*="scheme_"] .widget + .widget.widget_fullwidth {
border-top: none;
}
.sidebar .widget.widget_bg_image + .widget,
.sidebar[class*="scheme_"] .widget.widget_bg_image + .widget,
.sidebar .widget.widget_fullwidth + .widget,
.sidebar[class*="scheme_"] .widget.widget_fullwidth + .widget {
border-top: none;
margin-top: 0;
}
.widget p {
margin:0;
}
.widget p+p,
.widget p+div,
.widget p+form {
margin-top:1em;
}
.widget .widgettitle {
@include font(1.4286em, 1.35em);
}
.widget .widget_title,
.widget .widgettitle {
margin-top:0;
margin-bottom: 1.57em;
letter-spacing: 0;
position: relative;
font-size: 1.063em;
}
.widget .widget_title:after,
.widget .widgettitle:after {
display: inline-block;
content: '';
height: 1px;width: 28px;
background: red;
vertical-align: middle;
margin-top: -1px;
margin-left: 16px;
}
.widget_fullwidth .widget_title,
.widget_fullwidth .widgettitle{
text-align:center;
}
.widget ul {
margin:0;
padding-left:1em;
list-style-type:none;
}
.widget li {
position:relative;
}
.widget ul > li:before {
content: ' ';
display:block;
@include square(3px);
@include abs-lt(-1.2em, 0.8em);
}
.widget li a img {
vertical-align:baseline;
}
.footer_custom .widget.widget_nav_menu .menu {
padding-left: 0;
font-size: 14px;
}
.footer_custom .widget.widget_nav_menu .menu ul {
padding-left: 1em;
}
.footer_custom .widget.widget_nav_menu .menu li:before {
display: none;
}
.footer_custom .widget.widget_nav_menu .menu li {
margin: 9px 0;
}
.footer_custom .widget.widget_nav_menu .menu > li:first-child {
margin-top: 0;
}
.widget_contacts .contacts_content {
font-size: 14px;
}
.widget_contacts .contacts_logo {
padding-top: 5px;
}
.widget_contacts .contacts_logo + .contacts_description, .widget_contacts .contacts_logo + .contacts_content {
margin-top: 1.5em;
}
/* Widgets above and below the page (content and sidebar) */
.widgets_above_page_wrap,
.widgets_above_content_wrap {
font-size:1em;
margin-bottom:2em;
}
.widgets_below_content_wrap,
.widgets_below_page_wrap {
font-size:1em;
margin-top:2em;
}
.widgets_below_page_wrap {
clear:both;
}
/* Widget: Calendar */
.widget_calendar table,
.wp-block-calendar table {
width: 100%;
position:relative;
}
.widget_calendar caption,
.wp-block-calendar caption {
padding-bottom:0.5em;
font-weight:400;
}
.widget_calendar table > thead > tr,
.wp-block-calendar table > thead > tr {
background-color: transparent !important;
}
.widget_calendar th, .widget_calendar td,
.wp-block-calendar th, .wp-block-calendar td {
@include font(1em !important, 1.5em, 400 !important, normal);
text-align:center;
text-transform:uppercase;
padding:2px;
border: none !important;
background-color: transparent !important;
width: 14.2857%;
@include border-box;
}
.widget_calendar td, .wp-block-calendar td {
line-height:2em;
padding:0;
}
.widget_calendar tbody td a,
.wp-block-calendar tbody td a {
display:block;
position:relative;
font-weight:normal;
@include border-box;
}
.widget_calendar tbody td a:after,
.wp-block-calendar tbody td a:after {
content: ' ';
@include abs-lb(48%, 1px);
@include square(3px);
@include transition-bg-color;
}
.widget_calendar td#today,
.wp-block-calendar td#today {
position:relative;
z-index:2;
}
.widget_calendar td#today:before,
.wp-block-calendar td#today:before {
content:' ';
@include abs-cc(-1);
@include square(2.2em);
}
.widget_calendar tfoot,
.wp-block-calendar tfoot {
position:relative;
top: 0.6em;
}
.widget_calendar tfoot td,
.wp-block-calendar tfoot td {
text-transform: none !important;
}
.widget_calendar td#prev, .wp-block-calendar td#prev,
.widget_calendar .wp-calendar-nav-prev,
.wp-block-calendar .wp-calendar-nav-prev {
text-align:left;
overflow:hidden;
float: left;
}
.widget_calendar td#next, .wp-block-calendar td#next,
.widget_calendar .wp-calendar-nav-next,
.wp-block-calendar .wp-calendar-nav-next {
text-align:right;
float: right;
}
.widget_calendar td#prev a, .widget_calendar td#next a,
.wp-block-calendar td#prev a, .wp-block-calendar td#next a,
.widget_calendar .wp-calendar-nav-prev a, .widget_calendar .wp-calendar-nav-next a,
.wp-block-calendar .wp-calendar-nav-prev a, .wp-block-calendar .wp-calendar-nav-next a {
position:relative;
}
.widget_calendar td#prev a, .wp-block-calendar td#prev a,
.widget_calendar .wp-calendar-nav-prev a,
.wp-block-calendar .wp-calendar-nav-prev a {
padding-left: 0.6em;
}
.widget_calendar td#next a, .wp-block-calendar td#next a,
.widget_calendar .wp-calendar-nav-next a, .wp-block-calendar .wp-calendar-nav-next a {
padding-right: 0.6em;
}
.widget_calendar td#prev a:before, .widget_calendar td#next a:before,
.wp-block-calendar td#prev a:before, .wp-block-calendar td#next a:before,
.widget_calendar .wp-calendar-nav-prev a:before, .widget_calendar .wp-calendar-nav-next a:before,
.wp-block-calendar .wp-calendar-nav-prev a:before, .wp-block-calendar .wp-calendar-nav-next a:before {
@include abs-lt;
@include box(1.2em, 1em, 1.4em);
display:inline-block;
}
.widget_calendar td#prev a:before, .wp-block-calendar td#prev a:before,
.widget_calendar .wp-calendar-nav-prev a:before, .wp-block-calendar .wp-calendar-nav-prev a:before {
content: '\e939';
font-family:$theme_icons;
}
.widget_calendar td#next a:before, .wp-block-calendar td#next a:before,
.widget_calendar .wp-calendar-nav-next a:before, .wp-block-calendar .wp-calendar-nav-next a:before {
content: '\e93a';
font-family:$theme_icons;
left: auto;
right: 0;
}
/* Widget: Recent Posts */
.widget_recent_entries .post-date {
display: inline-block;
margin-left:0.5em;
}
/* Widgets: WP Search and bbPress Forums Search */
.widget_search form,
.widget_display_search form,
#bbpress-forums #bbp-search-form {
width:100%;
overflow:hidden;
position:relative;
}
.widget_search form:after,
.widget_display_search form:after,
#bbpress-forums #bbp-search-form:after {
content:'\e8eb';
font-family: $theme_icons;
display:block;
@include abs-rt(1.2em, 50%, 0);
margin-top:-0.5em;
@include square(1em);
pointer-events: none;
cursor:pointer;
@include transition-all;
}
.widget_search .search-field,
.widget_display_search #bbp_search,
#bbpress-forums #bbp-search-form #bbp_search {
width:100%;
padding: 1.25em 1.5em;
padding-right: 3em !important;
@include border-box;
}
.widget_search input.search-submit,
.widget_display_search #bbp_search_submit,
#bbpress-forums #bbp-search-form #bbp_search_submit {
display:block;
text-indent:-1000px;
@include abs-rt;
@include box(4em, 100%);
padding:0;
border: none !important;
background:none !important;
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:$theme_icons;
display: inline-block;
font-size:0.9em;
}
.widget_rss .widget_title img {
display:none;
}
.widget_rss ul,
.widget_rss li {
outline: none;
}
.widget_rss li:before {
display:none;
}
.widget_rss li+li {
margin-top:2em;
}
/* Widgets: WP Tag Cloud */
.widget_product_tag_cloud,
.widget_tag_cloud,
.wp-block-tag-cloud {
overflow:hidden;
}
.widget_product_tag_cloud .widget_title,
.widget_tag_cloud .widget_title,
.wp-block-tag-cloud .widget_title {
margin-bottom:1em;
}
.sc_edd_details .downloads_page_tags .downloads_page_data > a,
.widget_product_tag_cloud a,
.widget_tag_cloud a,
.wp-block-tag-cloud a {
display:block;
float:left;
padding: 6px 10px;
margin:0 2px 2px 0;
@include font(13px !important, 18px, 400);
letter-spacing:1px;
text-transform:uppercase;
}
/* 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;
@include box(33.3333%, auto);
@include 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
-------------------------------------------------------------- */
.footer_wrap {
margin-top:7.4rem;
}
.remove_margins .footer_wrap {
margin-top:0;
}
/* Footer widgets */
.footer_wrap .widget[class*="column-"] {
margin: 1.5em 0;
}
.footer_wrap .vc_col-sm-4 .widget li {
display:inline-block;
width: 45%;
margin-right:3%;
vertical-align:top;
}
.footer_wrap .vc_col-sm-4 .widget li li {
display:block;
width: 100%;
margin-right:0;
}
.footer_wrap .footer_fullwidth {
overflow:hidden;
}
.footer_wrap .widget_title,
.footer_wrap .widgettitle {
text-align:left;
}
.footer_wrap .footer_fullwidth .widget_title,
.footer_wrap .footer_fullwidth .widgettitle {
text-align:center;
margin-bottom:1.5em;
}
/* Footer logo */
.footer_logo_inner {
padding:4em 0;
overflow:hidden;
text-align:center;
position:relative;
}
.footer_widgets_wrap + .footer_logo_wrap .footer_logo_inner {
border-top-width: 1px;
border-top-style: solid;
}
.footer_logo_inner:after {
content:' ';
@include abs-lb(50%, 0);
@include box(1px, 3em);
}
.trx_addons_absent .footer_logo_inner {
padding:1em 0;
}
.trx_addons_absent .footer_logo_inner:after {
display: none;
}
.footer_logo_inner img {
max-width:25%;
}
.logo_footer_text {
@include font(3.3333em, 1em);
letter-spacing:6px;
margin:0;
}
.logo_footer_image + .logo_footer_text {
margin:0.63em 0 2em;
}
/* Socials in the default footer */
.footer_socials_inner {
padding:2em 0 3em;
text-align:center;
}
/* Menu in the default footer */
.footer_menu_inner {
padding:2em 0;
text-align:center;
}
.menu_footer_nav_area > ul,
.footer_wrap .sc_layouts_menu > ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu_footer_nav_area > ul > li,
.footer_wrap .sc_layouts_menu > ul > li {
display:inline-block;
vertical-align: baseline;
font-size: 12px;
}
.menu_footer_nav_area > ul > li+li:before,
.footer_wrap .sc_layouts_menu > ul > li+li:before {
content: ' ';
display:inline-block;
@include box(0, 0.8em);
margin:0;
vertical-align:baseline;
border-left: 1px dotted #ddd;
}
.menu_footer_nav_area > ul > li > a,
.footer_wrap .sc_layouts_menu > ul > li > a {
padding: 0.5em 2.5em;
display: inline-block;
}
.mobile_layout .menu_footer_nav_area > ul > li > a,
.mobile_layout .footer_wrap .sc_layouts_menu > ul > li > a {
padding: 0.5em 1em;
}
.menu_footer_nav_area > ul > li.menu-item-has-children > a,
.footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a {
padding-right:3.5em;
}
.mobile_layout .menu_footer_nav_area > ul > li.menu-item-has-children > a,
.mobile_layout .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a {
padding-right:2em;
}
.menu_footer_nav_area > ul > li.menu-item-has-children > a:after,
.footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a:after {
content: '\e828';
font-family: $theme_icons;
right: 2em;
}
.mobile_layout .menu_footer_nav_area > ul > li.menu-item-has-children > a:after,
.mobile_layout .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a:after {
right: 0.5em;
}
.menu_footer_nav_area li li.menu-item-has-children > a:after,
.footer_wrap .sc_layouts_menu li li.menu-item-has-children > a:after {
content: '\e836';
font-family: $theme_icons;
}
.menu_footer_nav_area > ul > li ul,
.footer_wrap .sc_layouts_menu > ul > li ul {
top: auto;
bottom: 3em;
border: 1px solid #ddd;
}
.menu_footer_nav_area > ul > li ul ul,
.footer_wrap .sc_layouts_menu > ul > li ul ul {
top: auto;
bottom: -1.4em;
margin-left: 2px;
}
.menu_footer_nav_area > ul > li ul ul.submenu_left,
.footer_wrap .sc_layouts_menu > ul > li ul ul.submenu_left {
margin-left: -2px;
}
.menu_footer_nav_area > ul > li ul > li,
.menu_footer_nav_area > ul > li ul > li > a,
.footer_wrap .sc_layouts_menu > ul > li ul > li,
.footer_wrap .sc_layouts_menu > ul > li ul > li > a {
font-size: 12px;
}
.menu_footer_nav_area > ul > li ul > li > a,
.footer_wrap .sc_layouts_menu > ul > li ul > li > a {
display:block;
}
/* Copyright area in the default footer */
.footer_widgets_wrap + .footer_copyright_wrap .footer_copyright_inner,
.footer_logo_wrap + .footer_copyright_wrap .footer_copyright_inner,
.footer_socials_wrap + .footer_copyright_wrap .footer_copyright_inner,
.footer_menu_wrap + .footer_copyright_wrap .footer_copyright_inner {
border-top-width: 1px;
border-top-style: solid;
}
.footer_copyright_inner {
font-size:0.9333em;
padding: 2em 0;
overflow:hidden;
text-align:center;
}
.footer_copyright_wrap p {
margin:0;
}
/* 11. Front Page sections
-------------------------------------------------------- */
.home-page.with_bg_image,
.frontpage.with_bg_image {
@include bg-cover;
background-attachment:fixed;
}
.home-page.with_bg_image .page_wrap,
.frontpage.with_bg_image .page_wrap {
background-color: transparent;
}
/* Common settings */
.front_page_section {
@include bg-cover;
}
.front_page_section > .customize-partial-edit-shortcut button {
left: 2px !important;
}
.front_page_section_paddings_none .front_page_section_content_wrap {
padding: 0;
}
.front_page_section_paddings_small .front_page_section_content_wrap {
padding: 4% 0;
}
.front_page_section_paddings_medium .front_page_section_content_wrap {
padding: 8% 0;
}
.front_page_section_paddings_large .front_page_section_content_wrap {
padding: 12% 0;
}
.front_page_section_paddings_huge .front_page_section_content_wrap {
padding: 16% 0;
}
.front_page_block_empty {
height: 0 !important;
overflow:hidden !important;
clip:rect(0 0 0 0) !important;
margin: 0 !important;
padding: 0 !important;
}
.front_page_section_description,
.front_page_section_content,
.front_page_section_output,
.front_page_section_buttons {
font-size: 1.1429em;
}
.front_page_section .front_page_section_caption {
margin:0;
text-align: center;
}
.front_page_section_description {
line-height:1.5em;
text-align: center;
}
.front_page_section_description p:last-child,
.front_page_section_content p:last-child,
.front_page_section_output p:last-child {
margin-bottom: 0;
}
.front_page_section_buttons {
text-align: center;
}
.front_page_section_caption:not(.front_page_block_empty) + .front_page_section_description {
margin-top: 1em;
}
.front_page_section_caption:not(.front_page_block_empty) + .front_page_section_content,
.front_page_section_description:not(.front_page_block_empty) + .front_page_section_content {
margin-top: 3em;
}
.front_page_section_caption:not(.front_page_block_empty) + .front_page_section_output,
.front_page_section_description:not(.front_page_block_empty) + .front_page_section_output,
.front_page_section_content:not(.front_page_block_empty) + .front_page_section_output {
margin-top: 3em;
}
.front_page_section_caption:not(.front_page_block_empty) + .front_page_section_columns,
.front_page_section_description:not(.front_page_block_empty) + .front_page_section_columns,
.front_page_section_content:not(.front_page_block_empty) + .front_page_section_columns {
margin-top: 3em;
}
.front_page_section_caption:not(.front_page_block_empty) + .front_page_section_buttons,
.front_page_section_description:not(.front_page_block_empty) + .front_page_section_buttons,
.front_page_section_content:not(.front_page_block_empty) + .front_page_section_buttons,
.front_page_section_output:not(.front_page_block_empty) + .front_page_section_buttons,
.front_page_section_columns:not(.front_page_block_empty) + .front_page_section_buttons {
margin-top: 2em;
}
.front_page_section_buttons > .front_page_section_button {
margin-top: 1em;
margin-right: 1em;
font-size: 0.8em;
}
.front_page_section_buttons > .front_page_section_button + .front_page_section_button {
margin-right: 0;
}
.front_page_section_columns .front_page_section_caption {
font-size: 2.5em;
line-height:1.2em;
text-align: left;
}
.front_page_section_columns .front_page_section_output,
.front_page_section_columns .front_page_section_content,
.front_page_section_columns .front_page_section_description {
font-size: 1em;
line-height:1.5em;
text-align: left;
}
.front_page_section_columns h1,
.front_page_section_columns h2,
.front_page_section_columns h3,
.front_page_section_columns h4,
.front_page_section_columns h5,
.front_page_section_columns h6 {
margin-top:1em;
margin-bottom:0.3em;
}
.front_page_section_columns h1:first-child,
.front_page_section_columns h2:first-child,
.front_page_section_columns h3:first-child,
.front_page_section_columns h4:first-child,
.front_page_section_columns h5:first-child,
.front_page_section_columns h6:first-child {
margin-top:0;
}
.front_page_section_columns p {
margin:0;
}
.front_page_section_columns p+p {
margin-top:0.5em;
}
/* Section 'Title' */
.front_page_section_title_description {
line-height: 1.75em;
}
.front_page_section_title_caption:not(.front_page_block_empty) + .front_page_section_title_description {
margin-top: 2em;
}
/* Section 'Features' */
.front_page_section_features .sc_item_descr {
padding: 1em 0;
}
.front_page_section_features .sc_services_light .sc_services_item_icon {
font-size: 4em;
}
/* Section 'Subscribe' */
.front_page_section_subscribe .front_page_section_output {
max-width:50%;
margin-left: auto;
margin-right: auto;
}
.front_page_section_subscribe .mc4wp-form .mc4wp-form-fields input[type="email"] {
padding: 1em;
}
/* Section 'Googlemap' */
.front_page_section_googlemap .front_page_section_output {
@include box-shadow(0 0 40px 10px rgba(255,255,255,0.4));
}
/* 12. Utils
-------------------------------------------------------------- */
/* Customizer message */
.filmax_customizer_message {
padding: 2em;
margin:0 auto;
max-width:60%;
background-color: #f3e6ce;
color:#996600;
border-left: 3px solid #666600;
}
.filmax_customizer_message b {
color: #333300;
}
/* Debug window */
#debug_log {
@include fixed-lt(0, 0, 1000000);
display:block;
width:100%;
background:rgba(0,0,0,0.8);
color:#ffffff;
}
.admin-bar #debug_log {
top:32px;
}
#debug_log_close {
@include abs-rt(0, -6px);
@include square(20px);
font-size:18px;
font-weight:bold;
cursor:pointer;
}
#debug_log_content {
@include font(12px, 15px);
max-height:66px;
padding:16px 16px 6px;
overflow:auto;
word-wrap:normal;
white-space:pre-line;
}
/* 13. Registration and Login popups
-------------------------------------------------------------- */
.popup_wrap {
@include abs-rt(0, 3.3333em);
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;
@include square(1em);
@include abs-rt;
margin:0.5em 0.5em 0 0;
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 {
content:'\e8ac';
font-family:$theme_icons;
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;
@include border-box;
}
.popup_wrap .form_right {
float: right;
padding-left: 2.5em;
width: 45%;
@include 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 {
@include abs-rt(8px, 10px);
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;
@include font(1.5em, 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;
}
/* 14. Third part plugins
------------------------------------------------------------------------------------ */
/* WPBakery Page Builder */
.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;
}
.top_panel > .vc_row > .wpb_column { z-index: 10; }
.top_panel > .vc_row:nth-child(2) > .wpb_column { z-index: 9; }
.top_panel > .vc_row:nth-child(3) > .wpb_column { z-index: 8; }
.top_panel > .vc_row:nth-child(4) > .wpb_column { z-index: 7; }
.top_panel > .vc_row:nth-child(5) > .wpb_column { z-index: 6; }
.top_panel > .vc_row:nth-child(6) > .wpb_column { z-index: 5; }
.top_panel > .vc_row:nth-child(7) > .wpb_column { z-index: 4; }
.top_panel > .vc_row:nth-child(8) > .wpb_column { z-index: 3; }
.top_panel > .vc_row:nth-child(9) > .wpb_column { z-index: 2; }
.top_panel > .vc_row:nth-child(10) > .wpb_column { z-index:1; }
/* Google conversion */
iframe[name="google_conversion_frame"] { height:1px; min-height:0; display:none; }
.sc_googlemap > iframe {
width: 100%;
height: 100%;
}
/* WPBakery Page Builder */
.post_item_single .post_edit .vc_inline-link {
display:none;
}
/* Magnific popup */
.mfp-bg {
z-index:200001;
}
.mfp-wrap {
z-index:200002;
}
.mfp-arrow {
background-color: transparent !important;
}
.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;
}
/* Gutenberg */
body.sidebar_hide .alignfull {
max-width : 100vw;
}
body.sidebar_hide .alignwide {
position: relative;
left: calc( -44vw + 50% );
width: 88vw;
max-width: none;
}
.alignfull > img,
.alignwide > img {
max-width: none;
width: 100%;
}
body .alignwide {
position: relative;
left: 0;
width: 100%;
max-width: none;
}
body.sidebar_hide .alignwide {
position: relative;
left: calc( -44vw + 50% );
width: 88vw;
max-width: none;
}
.wp-block-cover__video-background {
position: absolute !important;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100% !important;
height: 100% !important;
z-index: 0;
object-fit: cover;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
padding: 10px 10px 5px;
line-height: 1.8em;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wp-block-cover .wp-block-cover-text {
position: absolute !important;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.wp-block-embed figcaption {
margin-bottom: 0;
}
.wp-block-columns,
.wp-block-media-text {
margin-bottom: 1.7em;
}
p[style*="font-size:"], .has-large-font-size,
.has-huge-font-size, .has-small-font-size,
.has-normal-font-size, .has-medium-font-size {
line-height: 1.1em;
}
.has-large-font-size {
line-height: normal;
margin-bottom: 1em;
}
.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright {
display: block;
}
.wp-block-image figcaption {
margin-bottom: 0;
}
figure.wp-block-audio figcaption,
figure.wp-block-video figcaption,
figure.wp-block-embed figcaption {
position: static;
transition: none;
margin: 0.5em 0 0;
}
figure.wp-block-audio:hover figcaption,
figure.wp-block-video:hover figcaption,
figure.wp-block-image:hover figcaption,
figure.wp-block-embed:hover figcaption {
margin-bottom: 0;
}
.wp-block-gallery .blocks-gallery-image figure figcaption,
.wp-block-gallery .blocks-gallery-item figure figcaption {
left: 0;
right: 0;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding: 3em;
}
.wp-block-quote.is-style-large:before {
left: 0.9em;
}
.wp-block-pullquote.is-style-solid-color blockquote{
background-color: transparent;
}
.wp-block-audio { margin-bottom: 1.5em; }
.wp-block-audio .mejs-container {
height: 40px !important;
}
.sidebar_hide .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,
.sidebar_hide .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,
.sidebar_hide .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,
.sidebar_hide .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,
.sidebar_hide .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
.sidebar_hide .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,
.sidebar_hide .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.sidebar_hide .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,
.sidebar_hide .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before,
.sidebar_hide .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before,
.sidebar_hide .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before,
.sidebar_hide .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,
.sidebar_hide.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,
.sidebar_hide.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
content: "";
display: block;
padding-top: 50%;
}
.wp-block-column .wp-block-image figcaption {
max-height: 50%;
overflow-x: hidden;
overflow-y: auto;
}
.wp-block-column blockquote {
padding: 1em;
}
.wp-block-column blockquote:before {
display: none;
}
.sidebar_hide .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%;
}
.wp-block-table {
margin-top: 1.4em;
margin-bottom: 1.4em;
}
.wp-block-image figure.aligncenter {
display: table!important;
}
.wp-block-embed-twitter .twitter-widget {
margin-bottom: 0!important;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
box-sizing: border-box;
overflow-x: hidden;
overflow-y: auto;
max-height: 66%;
}
.wp-block-embed__wrapper {
position: relative;
}
.wp-block-gallery[class*="align"] {
display: flex;
}
.wp-block-button {
margin-top: 1em;
margin-bottom: 1em;
}
.wp-block-cover {
margin-bottom: 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wp-block-gallery .blocks-gallery-caption {
position: static;
display: block;
width: 100%;
margin-bottom: 1em;
}
figure.wp-block-gallery:hover .blocks-gallery-caption {
opacity: 1;
}
figure.wp-block-gallery .blocks-gallery-item figure .blocks-gallery-item__caption {
opacity: 1;
}
figure.wp-block-gallery .blocks-gallery-item figure:hover .blocks-gallery-item__caption {
opacity: 0;
margin: 0;
}
figure.wp-block-gallery .blocks-gallery-item figure:hover .blocks-gallery-item__caption:hover {
opacity: 1;
}
.wp-block-cover-image .wp-block-cover__inner-container a,
.wp-block-cover .wp-block-cover__inner-container a {
color: inherit;
}
.wp-block-cover-image .wp-block-subhead:not(.has-text-color),
.wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color) {
color: #ffffff;
}
.wp-block-cover .wp-block-cover__inner-container p {
margin-bottom: 0;
}
.wp-block-calendar a {
text-decoration: none;
}
.wp-block-calendar tfoot td#prev {
text-align: left;
}
.wp-block-calendar tfoot td#next {
text-align: right;
}
.entry-content .wp-block-group.has-background {
padding: 1rem;
margin-bottom: 1.5em;
}
.wp-block-tag-cloud + p{
display: block;
clear: both;
}
.wp-block-search,
.wp-block-archives-dropdown,
.wp-block-categories.wp-block-categories-dropdown {
margin-bottom: 1.4em;
}
.wp-block-archives-dropdown,
.wp-block-categories.wp-block-categories-dropdown {
border: 1px solid transparent;
}
.wp-block-archives-dropdown,
.wp-block-categories.wp-block-categories-dropdown {
padding-left: 1.6em;
}
.wp-block-calendar,
.wp-block-calendar table caption,
.wp-block-calendar table tfoot {
margin-bottom: 1.4em;
}
.wp-block-calendar table tfoot td {
padding: 2em 0;
}
.wp-block-button.is-style-squared .wp-block-button__link,
.wp-block-button__link.wp-block-button.is-style-squared .wp-block-button__link {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.wp-block-latest-comments,
.wp-block-latest-posts {
padding-left: 0;
}
.content .wp-block-archives .select_container {
border: 1px solid #ddd;
}
p.has-drop-cap {
margin-bottom: 4.5em;
}
.wp-block-button.is-style-squared .wp-block-button__link {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.wp-block-latest-comments,
.wp-block-latest-posts {
padding-left: 0;
}
.wp-block-separator:not([class*="is-style"]) {
width: 15%;
}
.wp-block-embed.is-type-video figcaption {
position: static;
margin-top: 1.4em;
}
/* WP GDPR Compliance */
.wpgdprc-checkbox {
margin-top: 0.75em;
}
.wpgdprc-checkbox input[type="checkbox"] {
position: relative;
top: 1px;
margin-right: 5px;
}
/* Contact Form 7 */
.wpcf7 .columns_wrap {
white-space: nowrap;
letter-spacing: -10px;
margin-bottom: 8px;
}
.wpcf7 .columns_wrap * {
letter-spacing: 2.2px;
}
.wpcf7 textarea {
height: 12.2em;
}
.wpcf7-submit {
margin-top: 2.5em;
}
.wpcf7 .wpcf7-not-valid-tip {
letter-spacing: 0.5px;
font-size: 14px;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] {
display: none;
}
.wpgdprc .wpcf7-wpgdprc .wpcf7-list-item,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item{
margin-left: 0;
}
/* 15. Predefined classes for users
-------------------------------------------------------------- */
/* Round object corners */
.rounded_none {
@include border-sharp;
}
.rounded_tiny {
@include border-radius(4px);
}
.rounded_small {
@include border-radius(6px);
}
.rounded_medium {
@include border-radius(10px);
}
.rounded_large {
@include border-radius(15px);
}
.rounded {
@include border-radius(50%);
}
/* Height variants for the empty space */
.height_tiny { height: 1rem !important; }
.height_small { height: 2rem !important; }
.height_medium {height: 3.3333rem !important; }
.height_large,
.height_big { height: 6.6667rem !important; }
.height_huge { height: 8.6667rem !important; }
/* Scroll button on the slider */
.theme_scroll_down {
display:inline-block;
text-align:center;
cursor:pointer;
text-transform:uppercase;
@include font(11px !important, 15px !important);
letter-spacing: 2px;
}
.theme_scroll_down:after {
content: '\e938';
font-family:$theme_icons;
@include font(16px !important, 30px !important);
display:block;
text-align:center;
}
.theme_scroll_down:hover {
@include animation(squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2));
}
/* Makeup image */
#makeup {
@include abs-ct(0, 1000000);
pointer-events: none;
opacity:0.5;
}
.admin-bar #makeup {
top:32px;
}
#makeup {
// Correct this value to position makeup image
margin-left: 0;
margin-top: 0;
}
.wpb_widgetised_column .post_item .post_thumb,
.widget_area .post_item .post_thumb,
aside .post_item .post_thumb {
width: 97px;
height: 81px;
margin: 0 1.24em 4px 0;
}
body .wpb_widgetised_column .post_item .post_title,
.widget_area .post_item .post_title,
aside .post_item .post_title {
margin: 13px 0 4px 0;
line-height: 1.05em;
font-weight: 700;
text-transform: none;
letter-spacing: 0;
}
.wpb_widgetised_column .post_item .post_info,
.widget_area .post_item .post_info,
aside .post_item .post_info {
font-size: 11px;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 1px;
}
/* soc-follow */
.widget .soc-follow {
display: inline-block;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
vertical-align: middle;
position: relative;
width: 100%;
color: #1a1d24 !important;
background-color: #ffffff;
text-align: right;
@include border-radius(4px);
overflow: hidden;
height: 38px;
line-height: 38px;
padding-right: 35px;
box-sizing: border-box;
letter-spacing: 0.1px;
}
.widget .soc-follow + .soc-follow {
margin-top: 11px;
}
.widget .soc-follow:last-child {
margin-bottom: 3px;
}
.widget .soc-follow span {
float: left;
text-align: left;
color: #ffffff;
width: 72%;
@include border-radius(4px);
padding: 0 15px;
box-sizing: border-box;
height: 38px;
line-height: 38px;
@include transition-all();
}
.widget .soc-follow span:before {
font-family: $theme_icons;
display: inline-block;
font-weight: 400;
font-size: 13px;
margin-right: 13px;
}
.widget .soc-follow.facebook span { background-color: #385a98; }
.widget .soc-follow.facebook:hover span { background-color: #2f508b; }
.widget .soc-follow.facebook span:before { content:'\e873'; }
.widget .soc-follow.twitter span { background-color: #1ea4f0; }
.widget .soc-follow.twitter:hover span { background-color: #1c9be3; }
.widget .soc-follow.twitter span:before { content:'\e89a'; }
.widget .soc-follow.youtube span { background-color: #e0041d; }
.widget .soc-follow.youtube:hover span { background-color: #d0051c; }
.widget .soc-follow.youtube span:before { content:'\e8a3'; }
/* Menu */
.sc_layouts_menu_nav > li.menu-item-has-children > a,
.sc_layouts_menu_nav > li > a {
padding: 1em 1.8em;
}
.sc_layouts_menu_nav > li.menu-item-has-children > a:after {
display: none;
}
.sc_layouts_menu_nav > li.menu-item + li.menu-item:before {
content: '/';
display: inline-block;
position: absolute;
left: 0;
top: 0;
vertical-align: middle;
@include abs-lc(-2px);
color: rgba(209,209,209, 0.5);
font-weight: 400;
}
.menu_hover_slide_line > ul > li#blob {
margin-top: 3.24em;
}
.sc_layouts_menu_popup .sc_layouts_menu_nav,
.sc_layouts_menu_nav > li ul {
@include box-shadow(0px 0px 6px 0px rgba(0, 0, 0, 0.1));
padding: 1.3em 0;
}
.sc_layouts_menu_nav > li > ul {
top: 5.2em;
}
.sc_layouts_menu_popup .sc_layouts_menu_nav > li > a,
.sc_layouts_menu_nav > li li > a {
padding: 0.67em 1.75em;
}
.sc_layouts_menu_popup .sc_layouts_menu_nav,
.sc_layouts_menu_nav > li ul {
width: 16em;
}
.sc_layouts_menu_popup .sc_layouts_menu_nav,
.sc_layouts_menu_popup .sc_layouts_menu_nav > li > ul,
.sc_layouts_menu_nav > li > ul ul {
left: 16em;
top: -1.3em;
}
.sc_layouts_menu_nav > li > ul ul.submenu_left {
left:-16em;
}
.sc_layouts_menu_popup .sc_layouts_menu_nav > li.menu-item-has-children > a:after,
.sc_layouts_menu_nav li li.menu-item-has-children > a:after {
right: 1.1em;
}
.sc_layouts_menu_nav > li li > a {
@include transition-all();
}
.sc_layouts_menu_popup .sc_layouts_menu_nav > li > a:hover,
.sc_layouts_menu_popup .sc_layouts_menu_nav > li.sfHover > a,
.sc_layouts_menu_nav > li li > a:hover,
.sc_layouts_menu_nav > li li.sfHover > a {
padding-left: 2.15em;
}
/* Layouts */
.sc_layouts_row_fixed_on {
@include box-shadow(none);
}
.sc_layouts_row_type_compact .socials_wrap {
margin: 0;
}
.sc_layouts_item .search_submit:before {
font-family: $theme_icons;
content: '\e958';
}
.sc_layouts_row_type_compact .search_wrap .search_submit {
font-size: 0.92em;
}
.sc_layouts_row_type_compact .socials_wrap .social_item {
margin: 0 26px 0 0;
font-weight: 400;
}
.sc_layouts_row_type_compact .sc_layouts_column_align_right .sc_socials {
position: relative;
padding-left: 50px;
margin-left: 17px;
}
.sc_layouts_row_type_compact .sc_layouts_column_align_right .sc_socials:before {
content: '';
display: block;
position: absolute;
@include abs-lc();
background-color: rgba(209,209,209, 0.5);
width: 1px;
height: 17px;
}
.sc_layouts_row_type_compact .socials_wrap .social_icon {
@include transition-color();
}
.sc_layouts_row_type_compact .socials_wrap .social_item:hover .social_icon_youtube { color: #e50b0b !important; }
.sc_layouts_row_type_compact .socials_wrap .social_item:hover .social_icon_instagramm { color: #c3206f !important; }
.sc_layouts_row_type_compact .socials_wrap .social_item:hover .social_icon_facebook { color: #3a559f !important; }
.sc_layouts_row_type_compact .socials_wrap .social_item:hover .social_icon_twitter { color: #50abf1 !important; }
/* Search */
.search_style_fullscreen.search_opened .search_field,
.sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen.search_opened .search_field {
font-size: 1.688em !important;
font-weight: 700 !important;
text-transform: none;
letter-spacing: -0.2px !important;
height: 2.85em !important;
line-height: 2.85em !important;
padding: 0 1.5em 0 0 !important;
}
.search_style_fullscreen.search_opened .search_form {
border-bottom: 2px solid #ffffff;
}
.search_style_fullscreen.search_opened .search_form {
width: 34%;
}
.search_style_fullscreen.search_opened .search_submit, .sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen.search_opened .search_submit {
left: auto !important;
right: 15px !important;
font-size: 13px !important;
}
.search_style_fullscreen.search_opened .search_close {
top: -3.5em;
right: -2.5em;
font-size: 1.5rem;
}
.search_style_fullscreen.search_opened .search_submit:before {
font-family: $theme_icons;
content: '\e95e';
}
.search_style_fullscreen.search_opened .search_close:before {
font-family: $theme_icons;
content: '\e961';
}
.search_style_fullscreen .info {
display: none;
position: absolute;
left: 0;
bottom: -45px;
color: #979797;
font-size: 11px;
line-height: 15px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 2.2px;
}
.search_style_fullscreen.search_opened .info {
display: block;
}
/* Title */
.sc_layouts_title_caption { letter-spacing: -0.9px; line-height: 1.05em; }
.breadcrumbs {
font-size: 14px;
line-height: 18px;
}
.sc_layouts_title_breadcrumbs {
margin-top: 0.8em;
}
.breadcrumbs .breadcrumbs_delimiter:before {
height: 3px;
width: 3px;
@include border-radius(50%);
display: inline-block;
vertical-align: middle;
content: '';
}
/* Footer */
.footer_wrap .sc_layouts_item,
.footer_wrap .sc_layouts_row .widget {
vertical-align: top;
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
.footer_wrap .sc_layouts_row .widget .widget_title,
.footer_wrap .sc_layouts_row .widget .widgettitle {
margin-bottom: 1em;
line-height: 1.2em;
}
.socials_wrap {
margin-left: 0;
}
.sidebar .socials_wrap .social_item .social_icon,
.footer_wrap .socials_wrap .social_item .social_icon {
width: 2.3em;
height: 2.3em;
line-height: 2.3em;
}
.sidebar .socials_wrap .social_item,
.footer_wrap .socials_wrap .social_item {
margin: 5px 5px 0 0;
}
.post_item_single .post_content .post_meta .post_share .social_item .social_icon_trx_addons_twitter,
.sidebar .socials_wrap .social_item .social_icon_twitter,
.footer_wrap .socials_wrap .social_item .social_icon_twitter {
background-color: #1da1f3 !important;
}
.post_item_single .post_content .post_meta .post_share .social_item:hover .social_icon_trx_addons_twitter,
.sidebar .socials_wrap .social_item:hover .social_icon_twitter,
.footer_wrap .socials_wrap .social_item:hover .social_icon_twitter {
background-color: #1a95e1 !important;
}
.post_item_single .post_content .post_meta .post_share .social_item .social_icon_trx_addons_facebook,
.sidebar .socials_wrap .social_item .social_icon_facebook,
.footer_wrap .socials_wrap .social_item .social_icon_facebook {
background-color: #3a559f !important;
}
.post_item_single .post_content .post_meta .post_share .social_item:hover .social_icon_trx_addons_facebook,
.sidebar .socials_wrap .social_item:hover .social_icon_facebook,
.footer_wrap .socials_wrap .social_item:hover .social_icon_facebook {
background-color: #354f94 !important;
}
.sidebar .socials_wrap .social_item .social_icon_instagramm,
.footer_wrap .socials_wrap .social_item .social_icon_instagramm {
background-color: #ce2e92 !important;
}
.sidebar .socials_wrap .social_item:hover .social_icon_instagramm,
.footer_wrap .socials_wrap .social_item:hover .social_icon_instagramm {
background-color: #b5247f !important;
}
.post_item_single .post_content .post_meta .post_share .social_item .social_icon_trx_addons_gplus,
.sidebar .socials_wrap .social_item .social_icon_youtube,
.footer_wrap .socials_wrap .social_item .social_icon_youtube {
background-color: #e0011a !important;
}
.post_item_single .post_content .post_meta .post_share .social_item:hover .social_icon_trx_addons_gplus,
.sidebar .socials_wrap .social_item:hover .social_icon_youtube,
.footer_wrap .socials_wrap .social_item:hover .social_icon_youtube {
background-color: #ce031a !important;
}
.footer_wrap.footer_default {
padding-top: 2em;
}
.footer_wrap.footer_default .sc_layouts_row .widget {
margin-top: 1.2em !important;
margin-bottom: 1.2em !important;
}
/* mejs */
.mejs-controls .mejs-button > button {
font-weight: 300;
}
.mejs-time-total, .mejs-time-loaded, .mejs-time-current, .mejs-time-hovered, .mejs-time-buffering {
height: 3px !important;
}
.mejs-time-total {
margin: 9px 0 0 !important;
}
.mejs-horizontal-volume-total {
height: 3px !important;
top: 19px !important;
}
.mejs-time-total .mejs-time-handle {
display: none;
}
.mejs-time {
font-size: 12px !important;
}
.mejs-controls .mejs-button > button {
height: 24px;
width: 24px;
line-height: 24px;
@include border-radius(50%);
background: #ffffff !important;
}
.mejs-button {
font-size: 8px !important;
}
.mejs-button, .mejs-time, .mejs-time-rail {
width: 38px !important;
}
.mejs-button > button {
margin: 8px 6px !important;
}
.mejs-controls .mejs-button > button {
font-size: 1.4em;
}
/* Widget Contacts */
.widget_contacts .contacts_info {
font-size: 15px;
}
.contacts_info .label {
font-size: 17px;
text-transform: uppercase;
font-weight: 700;
padding: 10px 0 1px 0 !important;
line-height: 18px;
}
.widget_contacts .contacts_info span,
.widget_contacts .contacts_info > div > a,
.widget_contacts .contacts_info > a {
padding-left: 3.6em;
}
.wpb_column:not(.vc_col-sm-12) .widget_contacts .contacts_info span {
margin-bottom: 0;
}
.wpb_column:not(.vc_col-sm-12) .widget_contacts .contacts_info {
line-height: 2.2em;
}
.widget_contacts .contacts_info span.contacts_phone,
.widget_contacts .contacts_info span.contacts_address {
margin-top: 1.4em;
}
.widget_contacts .contacts_info .contacts_email {
margin-top: 1.4em;
}
.widget_contacts .contacts_info span.contacts_address:before {
content: '\e95d';
font-family:$theme_icons;
}
.widget_contacts .contacts_info span.contacts_phone:before,
.widget_contacts .contacts_info a.contacts_phone:before {
content: '\e95c';
font-family:$theme_icons;
}
.widget_contacts .contacts_info span.contacts_email:before {
content: '\e959';
font-family:$theme_icons;
}
.widget_contacts .contacts_info span:before,
.widget_contacts .contacts_info > div > a:before,
.widget_contacts .contacts_info > a:before {
font-size: 2em;
width: 1.5em;
top: 4px;
}
/* DEMO */
.full_width_link {
width: 100%;
}
.extra-text-title h6 {
letter-spacing: 0.1px;
font-size: 13px;
}
.extra-text-title strong {
margin-left: 20px;
}
.extra-simple-link.sc_button_simple {
padding: 0 0 0 1.8em;
}
.extra-simple-link.sc_button_simple:before {
display: none;
}
.extra-simple-link.sc_button_simple:after,
.extra-simple-link.sc_button_simple:hover:after {
font-family: $theme_icons;
content: '\e95e';
font-weight: 400;
right: auto;
left: 0;
opacity: 1;
font-size: 11px;
}
.extra-simple-link-2.sc_button_simple:before,
.extra-simple-link-2.sc_button_simple:after {
display: none;
}
.extra-simple-link-2.sc_button_simple.sc_button_icon_left .sc_button_icon {
margin-right: 0.55em;
font-size: 1.2em;
}
.sc_button.sc_button_simple + .sc_button.sc_button_simple {
margin-left: 2.8em;
}
.big_title .sc_item_title {
font-size: 3.750em !important;
line-height: 0.83em;
letter-spacing: -1px !important;
}
.big_title {
padding: 0 !important;
}
.big_title:before {
display: none !important;
}
.big_title .sc_item_title + .sc_item_descr {
margin-top: 2.1em;
}
.big_title .sc_item_descr cite {
margin-top: 3.65em;
}
.big_title .sc_item_descr cite a {
position: relative;
padding-left: 1.6em;
letter-spacing: 0;
color: #b6b6b6;
}
.big_title .sc_item_descr cite a:before {
font-family: $theme_icons;
content: '\e95e';
font-weight: 400;
right: auto;
left: 0;
opacity: 1;
font-size: 10px;
position: absolute;
}
// Icons instead bg image
.mejs-controls .mejs-playpause-button.mejs-play > button:before,
.mejs-controls .mejs-playpause-button.mejs-replay > button:before {
content: '\e8e1';
font-family:$theme_icons;
letter-spacing: -1px;
}
.mejs-controls .mejs-playpause-button.mejs-pause > button:before {
content: '\e8e3';
font-family:$theme_icons;
}
.mejs-controls .mejs-volume-button.mejs-mute > button:before {
content: '\e903';
font-family:$theme_icons;
}
.mejs-controls .mejs-volume-button.mejs-unmute > button:before {
content: '\e904';
font-family:$theme_icons;
}
.mejs-controls .mejs-button.mejs-fullscreen-button > button:before {
content: '\e918';
font-family:$theme_icons;
}
.mejs-controls .mejs-button.mejs-fullscreen-button.mejs-unfullscreen > button:before {
content: '\e856';
font-family:$theme_icons;
}
.sc_layouts_menu_nav .menu-collapse > a:before {
font-weight: 400;
}
.filmax_messagebox_style_success, .trx_addons_message_box_success,
.filmax_messagebox_style_error, .trx_addons_message_box_error,
.trx_addons_field_error {
@include box-shadow(none);
}
.filmax_messagebox_style_success, .trx_addons_message_box_success,
.filmax_messagebox_style_error, .trx_addons_message_box_error {
border-width: 2px;
font-size: 12px;
text-transform: uppercase;
}
.height_60{ height:60px; }
.bg_color_white { background-color:#ffffff; }
.colorpicker_td_extra_style {
vertical-align: middle;
text-align: center;
border: 1px solid #000;
background: #fff;
}
.colorpicker_input_extra_style {
width: 55px;
color: #000;
border: 1px solid rgb(0, 0, 0);
padding: 5px;
background-color: #fff;
font: 11px Arial, Helvetica, sans-serif;
}
/* Styles of the supported plugins
Attention! Must be at the end of the main stylesheet
------------------------------------------------------- */
@import "css/_theme-plugins.scss";