File: /home/slyfwmm/laretediclo/wp-content/themes/kicker/skins/default/css/style.scss
/* TABLE OF CONTENTS
1. Theme-specific variables and classes
2. Default tag's settings
3. WP Blocks
4. Content
5. Alignment
6. Buttons
7. Form fields settings
8. WP styles and Screen readers
9. Theme grid
10. Page layouts
11. Header
12. Custom layouts
13. Menu
14. Layouts as submenu
15. Side menu
16. Mobile header
17. Posts
18. Post Formats
19. Paginations
20. Blog
21. Single page parts
22. Page 404
23. Page 'No search results' and 'No archive results'
24. Author's page
25. Sidebars
26. Widgets
27. Footer
28. Utils
29. Third part plugins
30. Messages
31. Scheme dark
32. Color scheme switcher
-------------------------------------------------------------- */
@import "../../../css/_mixins.scss";
@import "../../../css/_theme-vars.scss";
@import "_skin-vars.scss";
/* 1. Theme-specific variables and classes
-------------------------------------------------------------- */
:root {
// Constants
--theme-var-koef_narrow: 0.7412; // Narrow content width multiplier
--theme-var-menu_side: 6rem; // Width of the side menu
// Permanent values
--theme-var-rad50: calc( 50% * var(--theme-var-rad_koef) );
--theme-var-rad1em: calc( 1em * var(--theme-var-rad_koef) );
--theme-var-rad4: calc( 4px * var(--theme-var-rad_koef) );
--theme-var-rad3: calc( 3px * var(--theme-var-rad_koef) );
--theme-var-rad2: calc( 2px * var(--theme-var-rad_koef) );
// Calculations
--theme-var-page: var(--theme-var-page_width); // Page width
@include page_dimensions;
--theme-var-page_column: calc( ( var(--theme-var-page_narrow_width) - ( 11 * var(--theme-var-grid_gap) ) ) / 12 );
--theme-var-page_column_and_gap: calc( var(--theme-var-page_column) + var(--theme-var-grid_gap) );
--theme-var-content_narrow: calc( var(--theme-var-page_column) * 6 + 5 * var(--theme-var-grid_gap) );
--theme-var-padding_narrow: calc( ( var(--theme-var-page_narrow_width) - var(--theme-var-content_narrow) ) / 2 );
// JS vars
--fixed-rows-height: 0px;
}
.body_style_boxed {
--theme-var-page_boxed: calc( var(--theme-var-page_width) + var(--theme-var-page_boxed_extra) * 2 ); // Width of the whole page (boxed)
--theme-var-page: calc( var(--theme-var-page_boxed) - var(--theme-var-page_boxed_extra) * 2 ); // Page width
@include page_dimensions;
--theme-var-padding_narrow: calc( ( var(--theme-var-page_narrow_width) - var(--theme-var-content_narrow) ) / 2 );
}
.body_style_fullwide {
--theme-var-page: calc( 100vw - var(--theme-var-page_fullwide_extra) * 2 ); // Page width
@include page_dimensions;
}
.has-bg-color-color{color:var(--theme-color-bg_color);}
.has-bg-color-color-08{color:var(--theme-color-bg_color_08);}
.has-bd-color-color{color:var(--theme-color-bd_color);}
.has-text-color-color{color:var(--theme-color-text);}
.has-text-light-color{color:var(--theme-color-text_light);}
.has-text-dark-color{color:var(--theme-color-text_dark);}
.has-text-hover-color{color:var(--theme-color-text_hover);}
.has-text-hover-2-color{color:var(--theme-color-text_hover2);}
.has-text-hover-3-color{color:var(--theme-color-text_hover3);}
.has-bg-color-background-color{background-color:var(--theme-color-bg_color);}
.has-bd-color-background-color{background-color:var(--theme-color-bd_color);}
.has-text-color-background-color{background-color:var(--theme-color-text);}
.has-text-light-background-color{background-color:var(--theme-color-text_light);}
.has-text-dark-background-color{background-color:var(--theme-color-text_dark);}
.has-text-link-background-color{background-color:var(--theme-color-text_link);}
.has-text-hover-background-color{background-color:var(--theme-color-text_hover);}
.has-text-link-2-background-color{background-color:var(--theme-color-text_link2);}
.has-text-hover-2-background-color{background-color:var(--theme-color-text_hover2);}
.has-text-link-3-background-color{background-color:var(--theme-color-text_link3);}
.has-text-hover-3-background-color{background-color:var(--theme-color-text_hover3);}
.has-text-dark-border-color{border-color:var(--theme-color-text_dark);}
.accent1_bg{background-color:var(--theme-color-text_link);color:var(--theme-color-inverse_text);}
.accent2_bg{background-color:var(--theme-color-text_link2);color:var(--theme-color-inverse_text);}
.accent3_bg{background-color:var(--theme-color-text_link3);color:var(--theme-color-inverse_text);}
.alter_bg{background-color:var(--theme-color-alter_bg_color) !important;}
.alter_text{color:var(--theme-color-alter_text);}
.alter_link{color:var(--theme-color-alter_link);}
.alter_link2{color:var(--theme-color-alter_link2);}
.alter_link3{color:var(--theme-color-alter_link3);}
.extra_bg{background-color:var(--theme-color-extra_bg_color);}
.extra_text{color:var(--theme-color-extra_text);}
.extra_link{color:var(--theme-color-extra_link);}
.extra_link2{color:var(--theme-color-extra_link2);}
.extra_link3{color:var(--theme-color-extra_link3);}
.has-text-link-color,.accent1{color:var(--theme-color-text_link);}
.has-text-link-2-color,.accent2{color:var(--theme-color-text_link2);}
.has-text-link-3-color,.accent3{color:var(--theme-color-text_link3);}
/* 2. Default tag's settings
-------------------------------------------------------------- */
html {
font-size: 14px;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Next rule make text bolder in Mozilla on MacOS */ /*text-rendering: optimizeLegibility;*/
touch-action: auto;
}
body,
body[class*="scheme_"],
.body_style_boxed .page_wrap {
background-color: var(--theme-color-bg_color);
}
[class*="scheme_"],
body[class*="scheme_"] {
color: var(--theme-color-text);
}
article,
aside,
details,
footer,
header,
hgroup,
nav,
section {
display: block;
}
p {
overflow-wrap: normal;
}
/* 2.1 Lists */
li + li,
li > ol,
li > ul,
li > dl,
dl > dl {
margin-top: 0.55em;
}
li > ul {
margin-bottom: 0;
}
ol {
padding-left: 1em;
}
ul {
padding-left: 1.5em;
}
li > p {
margin-bottom: 0;
}
li > p + p {
margin-top: 0.55em;
}
/* 2.2 Links */
a {
background: transparent;
color: var(--theme-color-text_link);
text-decoration: none;
}
a:hover {
color: var(--theme-color-text_hover);
}
.has-text-color a {
color: var(--theme-color-text_link) !important;
}
.has-text-color a:hover {
color: var(--theme-color-text_hover) !important;
}
.color_style_link2 a {
color: var(--theme-color-text_link2);
}
.color_style_link2 a:hover {
color: var(--theme-color-text_hover2);
}
.color_style_link3 a {
color: var(--theme-color-text_link3);
}
.color_style_link3 a:hover {
color: var(--theme-color-text_hover3);
}
.color_style_dark a {
color: var(--theme-color-text_dark);
}
.color_style_dark a:hover {
color: var(--theme-color-text_link);
}
.link_hover_1 a:hover {
color: var(--theme-color-text_dark) !important;
}
a,
a:hover,
:focus,
a:focus,
:active,
a:active {
outline: 0;
}
body.show_outline :focus,
body.show_outline a:focus {
outline: thin dotted !important;
}
a[href="javascript:void(0)"] {
cursor: default;
}
a img {
border: none;
}
a,
button,
input[type="button"],
input[type="submit"] {
@include transition-colors;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
display: block;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, li a,
[class*="color_style_"] h1 a,
[class*="color_style_"] h2 a,
[class*="color_style_"] h3 a,
[class*="color_style_"] h4 a,
[class*="color_style_"] h5 a,
[class*="color_style_"] h6 a,
[class*="color_style_"] li a {
color: var(--theme-color-text_dark);
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
li a:hover {
color: var(--theme-color-text_link);
}
.color_style_link2 h1 a:hover,
.color_style_link2 h2 a:hover,
.color_style_link2 h3 a:hover,
.color_style_link2 h4 a:hover,
.color_style_link2 h5 a:hover,
.color_style_link2 h6 a:hover,
.color_style_link2 li a:hover {
color: var(--theme-color-text_link2);
}
.color_style_link3 h1 a:hover,
.color_style_link3 h2 a:hover,
.color_style_link3 h3 a:hover,
.color_style_link3 h4 a:hover,
.color_style_link3 h5 a:hover,
.color_style_link3 h6 a:hover,
.color_style_link3 li a:hover {
color: var(--theme-color-text_link3);
}
.color_style_dark h1 a:hover,
.color_style_dark h2 a:hover,
.color_style_dark h3 a:hover,
.color_style_dark h4 a:hover,
.color_style_dark h5 a:hover,
.color_style_dark h6 a:hover,
.color_style_dark li a:hover {
color: var(--theme-color-text_link);
}
/* 2.3 Tables */
table {
border-collapse: collapse;
}
table th {
padding: 0.8em 1.2em;
}
table td {
padding: 0.9em 1.2em;
line-height: 1.8em;
}
table th + th,
table th + td,
table td + th,
table td + td {
border-left: 1px solid var(--theme-color-text_dark);
}
table > p {
margin: 0 !important;
}
table th {
@include font(1.285rem, 1.8em, 700, normal);
letter-spacing: -0.02em;
text-align: center;
text-transform: none;
}
caption {
font-weight: 700;
text-align: center;
}
table th,
table th + th,
table td + th,
.wp-block-calendar th {
border-color: var(--theme-color-text_dark);
}
table td,
table th + td,
table td + td,
.wp-block-calendar tbody td {
color: var(--theme-color-text);
border-color: var(--theme-color-bg_color);
}
table th {
color: var(--theme-color-bg_color);
background-color: var(--theme-color-text_dark) !important;
}
table th b,
table th strong {
color: var(--theme-color-bg_color);
}
table > tbody > tr:nth-child(2n + 1) > td {
background-color: var(--theme-color-alter_bg_color);
}
table > tbody > tr:nth-child(2n) > td {
background-color: var(--theme-color-bg_color);
}
table th a:hover {
color: var(--theme-color-bg_color);
}
/* 2.4 Blockquotes */
blockquote {
overflow: hidden;
position: relative;
text-align: left;
}
blockquote,
blockquote[class*="wp-block-quote"][class*="is-style-"],
blockquote[class*="wp-block-quote"][class*="is-"],
.wp-block-quote:not(.is-large):not(.is-style-large),
.wp-block-freeform.block-library-rich-text__tinymce blockquote {
@include border-box;
font-size: 1.428rem;
line-height: 1.6em;
padding: 0 0 0 2.8em;
}
blockquote[class*="wp-block-quote"][class*="is-style-large"],
blockquote[class*="wp-block-quote"][class*="is-large"] {
margin: 0 0 2em 0;
}
.wp-block-pullquote.is-style-solid-color {
padding: 2rem;
}
.wp-block-pullquote.is-style-solid-color > blockquote {
margin: 0!important;
max-width: none !important;
}
.wp-block-column blockquote {
margin: 0 0 1.95em !important;
max-width: none !important;
}
.blog_mode_post .post_content blockquote,
.blog_mode_page .post_content blockquote {
margin: 2.25em 0 2.35em;
}
.blog_mode_post .comments_list blockquote,
.blog_mode_page .comments_list blockquote {
margin: 1.5em 0;
}
.wp-block-pullquote[class*="align"] blockquote {
margin-left: 0;
margin-right: 0;
}
blockquote:not(.has-text-color):before {
color: var(--theme-color-text_link);
}
blockquote:before {
@include abs-lt(1px, 0);
content: '\E9AC';
display: block;
font-family: $theme_icons;
font-size: 1em;
}
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
/* Blockquotes cite */
blockquote > cite,
blockquote > p > cite,
blockquote > .wp-block-pullquote__citation,
.wp-block-quote .wp-block-quote__citation {
@include font(15px, 1.35em, 700, normal);
display: block;
letter-spacing: -0.02em;
margin-top: 1.1em;
text-transform: none;
}
blockquote .block-library-pullquote__content {
margin-bottom: 2.5em;
}
.wp-block-quote.is-large .wp-block-quote__citation {
text-align: right;
font-size: inherit;
}
.wp-block-pullquote {
padding: 0;
}
blockquote .wp-block-pullquote__citation {
margin-top: 0;
}
blockquote:not(.has-text-color):not([style*="color:"]),
blockquote:not(.has-text-color) p,
.wp-block-quote .wp-block-quote__citation {
color: var(--theme-color-text_dark) !important;
}
/* Blockquotes elements */
blockquote p {
margin: 0;
@include font(1.4286rem, 1.6em, 400);
}
blockquote:not(.has-text-color) a {
color: var(--theme-color-text_link);
}
blockquote:not(.has-text-color) a:hover {
color: var(--theme-color-text_hover);
}
blockquote:not(.has-text-color) code {
background-color: var(--theme-color-extra_bg_hover);
border-color: var(--theme-color-extra_bd_hover);
color: var(--theme-color-extra_dark);
}
/* Blockquotes alignment */
.is-style-alignsmall,
.is-style-alignmedium,
.is-style-alignlarge,
.is-style-alignhuge {
blockquote {
margin: 0 !important;
padding: 2.4em 0 0;
text-align: center;
}
blockquote:before {
top: -0.15em;
right: 0;
}
}
/* 2.5 Other tags */
u {
color: var(--theme-color-text_dark);
}
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%;
}
pre:empty {
display: none;
}
code {
background-color: var(--theme-color-alter_bg_color);
border: 1px solid var(--theme-color-alter_bd_color);
color: var(--theme-color-alter_text);
display: inline-block;
max-width: 100%;
overflow: auto;
padding: 0 1em;
vertical-align: middle;
word-wrap: break-word;
}
pre > code {
display: block;
padding: 1em;
vertical-align: top;
}
code a {
color: var(--theme-color-alter_link);
}
code a:hover {
color: var(--theme-color-alter_hover);
}
abbr,
acronym {
border-bottom: 1px dotted;
cursor: help;
}
mark,
ins {
background-color: transparent;
text-decoration: none;
}
mark {
color: var(--theme-color-text_dark);
}
sup,
sub {
font-size: 70%;
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 {
@include content-box;
border: none;
border-top: 1px solid var(--theme-color-bd_color);
height: 0;
margin: 6.7857em 0 !important;
}
.wp-block-separator {
border: 0;
border-bottom-width: 1px;
border-style: solid;
}
p:empty {
display: none;
}
.wp-block-separator:not([class*="is-style"]) {
width: 15%;
}
body.single .post_content > p {
white-space: break-spaces;
}
body.single.sidebar_hide {
overflow-x: hidden;
}
.post_content > {
.wp-block-archives:not(.alignwide):not(.alignfull),
.wp-block-categories:not(.alignwide):not(.alignfull),
.wp-block-code,
.wp-block-columns:not(.alignwide):not(.alignfull),
.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-media-text:not(.alignwide):not(.alignfull),
.wp-block-preformatted,
.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
.wp-block-video:not(.alignwide):not(.alignfull),
.wp-block-search {
margin-top: 1.95em;
margin-bottom: 1.95em;
}
.wp-block-kadence-spacer + .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
margin-top: 0;
}
}
@media #{$media_sm} {
.post_content > {
.wp-block-archives:not(.alignwide):not(.alignfull),
.wp-block-categories:not(.alignwide):not(.alignfull),
.wp-block-code,
.wp-block-columns:not(.alignwide):not(.alignfull),
.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-media-text:not(.alignwide):not(.alignfull),
.wp-block-preformatted,
.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
.wp-block-video:not(.alignwide):not(.alignfull),
.wp-block-search {
margin-top: 1.3em;
margin-bottom: 1.3em;
}
.wp-block-kadence-spacer + .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
margin-top: 0;
}
}
}
.wp-block-latest-comments,
.wp-block-latest-posts {
padding-left: 0;
}
/* 2.6 Fontello icons */
[class^="icon-"]:before,
[class*=" icon-"]:before {
@include font(inherit, inherit !important, inherit, inherit);
display: inline-block; // Don't use vertical-align: top because meta row can be a tall when large author avatar is used;
margin: 0;
width: auto;
}
/* 2.7 Buttons in WP Editor */
.wp-editor-container {
border-width: 0 !important;
.quicktags-toolbar {
border: 1px solid var(--theme-color-bd_color);
&:empty {
display: none;
}
input[type="button"] {
@include box-shadow( 0 1px 0 0 var(--theme-color-alter_bd_hover));
background-color: var(--theme-color-alter_bg_color);
border-color: var(--theme-color-alter_bd_color);
color: var(--theme-color-alter_dark);
}
input[type="button"]:hover,
input[type="button"]:focus {
background-color: var(--theme-color-alter_bg_hover);
border-color: var(--theme-color-alter_bd_hover);
color: var(--theme-color-alter_link);
}
}
}
/* 2.8 Drop cap */
.has-drop-cap:not(:focus):first-letter {
@include font(3.57rem, 1em, 700);
margin: 0.03em 0.35em 0.2em 0;
color: var(--theme-color-text_dark);
}
.has-drop-cap:not(:focus):after {
padding-top: 8px;
}
@-moz-document url-prefix() {
.has-drop-cap:not(:focus):first-letter {
margin-top: 0.2em;
}
}
/* 2.9 Titles */
h3.custom-h3 {
margin-bottom: 0.25em;
}
/* 3. WP Blocks
-------------------------------------------------------------- */
/* 3.1 Images */
img {
max-width: 100%;
height: auto;
/* Only height: auto; not both! */ vertical-align: top;
}
.wp-block-gallery.alignfull,
.wp-block-gallery.alignwide {
margin-top: 0em;
margin-bottom: 1.95em;
}
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
@include flex-align-items(flex-start); // Old value is center
@include flex-direction(column);
@include flex-justify-content(flex-start);
@include flex;
}
figure,
.wp-caption,
.wp-caption-overlay .wp-caption {
@include flex-align-items(center);
@include flex-direction(column);
@include flex-justify-content(flex-start);
@include flex;
border: 0;
margin: 0;
max-width: 100%;
overflow: hidden;
padding: 0;
position: relative;
}
figure:not([class*="align"]) {
@include flex-align-items(flex-start);
}
figure,
.wp-caption {
margin-bottom: 1em;
}
p figure,
p .wp-caption {
margin-bottom: 0;
}
figure figcaption,
.wp-block-image figcaption,
.wp-block-audio figcaption,
.wp-block-video figcaption,
.wp-block-embed figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item 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 border-box;
@include font(14px, 22px, 400, normal);
background: none;
bottom: auto;
color: var(--theme-color-text_dark_07);
display: block;
left: auto;
margin: 0;
max-height: 6em;
overflow-x: hidden;
overflow-y: auto;
padding: 24px 0 0 !important;
position: relative;
right: auto;
text-align: left;
top: auto;
width: 100%;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
padding: 6px 0 0 !important;
}
.wp-block-image .alignleft figcaption,
img.alignleft figcaption,
.wp-block-image .alignright figcaption,
img.alignright figcaption,
.wp-block-image .aligncenter figcaption,
img.aligncenter figcaption,
.wp-block-image.is-resized figcaption {
display: block;
}
.wp-block-freeform.block-library-rich-text__tinymce dd.wp-caption-dd a {
display: inline;
}
figure figcaption .align-right,
.wp-block-image figcaption .align-right,
.wp-block-audio figcaption .align-right,
.wp-block-video figcaption .align-right,
.wp-block-embed figcaption .align-right,
.wp-block-gallery .blocks-gallery-image figcaption .align-right,
.wp-block-gallery .blocks-gallery-item figcaption .align-right,
.wp-caption .wp-caption-text .align-right,
.wp-caption .wp-caption-dd .align-right,
.wp-caption-overlay .wp-caption .wp-caption-text .align-right,
.wp-caption-overlay .wp-caption .wp-caption-dd .align-right {
color: var(--theme-color-text_dark);
float: right;
margin-left: 1em;
}
.wp-caption > a[rel="magnific"] {
display: block;
position: relative;
}
.wp-caption > a[rel="magnific"]:before {
@include abs-cc;
@include border-round;
@include square(2.889em);
@include transition(all ease 0.3s);
background-color: var(--theme-color-extra_dark);
color: var(--theme-color-extra_bg_color);
content: '\e9b5';
display: block;
font-family: $theme_icons;
font-size: 1.2857rem;
opacity: 1;
text-align: center;
}
.wp-caption > a[rel="magnific"]:hover:before {
background-color: var(--theme-color-extra_hover);
color: var(--theme-color-extra_dark);
}
svg:not(:root) {
overflow: hidden;
}
.pk-zoom-icon-popup {
position: relative;
}
.pk-zoom-icon-popup:after {
@include abs-pos(50%, auto, auto, 50%);
@include border-radius(50%);
@include box(3.25em, 3.25em, 3.25em);
@include translate();
content: '\E9B5';
font-family: $theme_icons;
margin: 0;
}
.pswp__caption__center {
text-align: center;
}
/* 3.2 Gallery */
.gallery {
@include flex-align-items(flex-start);
@include flex-direction(row);
@include flex-justify-content(center);
@include flex-wrap(wrap);
@include flex;
margin: 0 -5px;
}
.gallery-item {
@include border-box;
overflow: hidden;
padding: 0 5px;
}
figure.gallery-item {
@include flex-align-items(center);
}
@for $i from 9 through 1 {
.gallery-columns-#{$i} .gallery-item {
width: 100% / $i !important;
}
}
.gallery-item a {
display: block;
}
.gallery-item a img {
display: block;
width: 100%;
}
.gallery[class*="gallery-columns-"] .gallery-item .gallery-caption.wp-caption-text {
padding-top: 10px!important;
}
.gallery-columns-9 .gallery-caption {
font-size: 0.625em;
line-height: 1.75em;
}
.gallery-columns-8 .gallery-caption {
font-size: 0.6875em;
line-height: 1.75em;
}
.gallery-columns-7 .gallery-caption {
font-size: 0.75em;
line-height: 1.75em;
}
.gallery-columns-6 .gallery-caption {
font-size: 0.8125em;
line-height: 1.75em;
}
.widget_area .widget_media_gallery {
figure, .wp-caption {
margin-bottom: 10px;
}
}
/* 3.3 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;
}
.wp-block-embed.alignwide iframe,
.wp-block-embed.alignfull iframe {
width: 100%;
}
figure.wp-block-audio,
figure.wp-block-video,
figure.wp-block-embed {
overflow: visible;
}
figure.wp-block-audio {
display: block;
}
figure.wp-block-audio figcaption,
figure.wp-block-video figcaption,
figure.wp-block-embed figcaption {
margin: 1em 0 0 !important;
padding: 0 !important;
}
.video_frame {
background-color: var(--theme-color-extra_bg_color);
}
/* 3.4 Embed blocks */
.wp-block-embed.wp-has-aspect-ratio {
display: block;
}
.wp-block-embed .wp-block-embed__wrapper {
position: relative;
max-width: 100%;
}
.wp-block-embed.alignwide .wp-block-embed__wrapper iframe,
.wp-block-embed.alignfull .wp-block-embed__wrapper iframe,
.wp-block-embed[class*="wp-embed-aspect-"] .wp-block-embed__wrapper iframe {
@include abs-cover;
@include box(100%, 100%);
}
.wp-block-embed.is-type-video.alignwide .wp-block-embed__wrapper:before,
.wp-block-embed.is-type-video.alignfull .wp-block-embed__wrapper:before,
.wp-block-embed.is-type-video[class*="wp-embed-aspect-"] .wp-block-embed__wrapper:before {
content: "";
display: block;
width: 0;
}
.wp-block-embed.is-type-video.alignwide .wp-block-embed__wrapper:before,
.wp-block-embed.is-type-video.alignfull .wp-block-embed__wrapper:before,
.wp-block-embed.is-type-video.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%;
}
.wp-block-embed.is-type-video.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
padding-top: 42.85%;
}
.wp-block-embed.is-type-video.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,
.wp-block-embed.is-type-video.wp-embed-aspect-2-1 .wp-block-embed__wrapper:before {
padding-top: 50%;
}
.wp-block-embed.is-type-video.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
padding-top: 75%;
}
.wp-block-embed.is-type-video.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
padding-top: 100%;
}
.wp-block-embed.is-type-video.wp-embed-aspect-3-4 .wp-block-embed__wrapper:before {
padding-top: 133.33%;
}
.wp-block-embed.is-type-video.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
padding-top: 177.77%;
}
.wp-block-embed.is-type-video.wp-embed-aspect-9-18 .wp-block-embed__wrapper:before,
.wp-block-embed.is-type-video.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
padding-top: 200%;
}
.wp-block-embed.is-type-video.wp-embed-aspect-9-21 .wp-block-embed__wrapper:before {
padding-top: 233.33%;
}
/* 3.5 WordPress Playlist */
.wp-playlist-light {
background: var(--theme-color-bg_color);
border-color: var(--theme-color-bd_color);
color: var(--theme-color-text);
}
.wp-playlist-light .wp-playlist-caption {
color: var(--theme-color-text_dark);
}
.wp-playlist-light .wp-playlist-playing {
background: var(--theme-color-alter_bg_color);
color: var(--theme-color-alter_dark);
}
.wp-playlist-item {
border-color: var(--theme-color-bd_color);
}
.wp-playlist .wp-playlist-current-item img {
background-color: #fff;
}
/* 3.6 Cover image */
.wp-block-cover-image,
.wp-block-cover {
color: #fff;
@include border-box;
}
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover .wp-block-cover-text {
max-width: 90%;
@include border-box;
}
.wp-block-cover-image p,
.wp-block-cover p {
margin-bottom: 0 !important;
line-height: 1.5em !important;
}
.wp-block-cover-image p + p,
.wp-block-cover p + p {
margin-top: 1em !important;
}
.wp-block-cover-image a,
.wp-block-cover a {
color: inherit;
}
.wp-block-cover-image a:hover,
.wp-block-cover a:hover {
color: var(--theme-color-extra_bg_color);
}
/* 3.7 Media & Text */
.wp-block-media-text .has-medium-font-size {
line-height: 1.5em;
}
.wp-block-media-text .has-large-font-size {
line-height: 1.4em;
}
.wp-block-media-text .has-huge-font-size {
line-height: 1.3em;
}
/* 3.8 Media elements */
/* Media elements hook for Safary */
.me-plugin {
@include box(0, 0);
position: absolute;
}
.mejs-container {
min-height: 70px;
}
.mejs-controls {
height: 70px;
padding: 15px 20px;
}
.mejs-container .mejs-controls,
.wp-playlist .mejs-container .mejs-controls {
background: var(--theme-color-alter_bg_color);
}
/* Icons instead bg image */
.mejs-controls .mejs-button {
@include box(39px, 39px, '');
}
.mejs-controls .mejs-button > button {
@include border-round;
@include box(39px, 39px, '');
@include font(1em, 39px);
background-color: var(--theme-color-bg_color);
background-image: none !important;
color: var(--theme-color-text_dark);
margin: 0;
padding: 0 !important;
text-align: center;
}
.mejs-controls .mejs-button > button:hover,
.mejs-controls .mejs-button > button:focus {
color: var(--theme-color-extra_hover);
}
.mejs-controls .mejs-playpause-button.mejs-play > button:before,
.mejs-controls .mejs-playpause-button.mejs-replay > button:before {
content: '\e9a2';
font-family: $theme_icons;
}
.mejs-controls .mejs-playpause-button.mejs-pause > button:before {
content: '\E9D4';
font-family: $theme_icons;
}
.mejs-controls .mejs-volume-button.mejs-mute > button:before {
content: '\e9b7';
font-family: $theme_icons;
}
.mejs-controls .mejs-volume-button.mejs-unmute > button:before {
content: '\e9b6';
font-family: $theme_icons;
}
.mejs-controls .mejs-button.mejs-fullscreen-button > button:before {
content: '\E9D5';
font-family: $theme_icons;
}
.mejs-controls .mejs-button.mejs-unfullscreen > button:before {
content: '\e918';
font-family: $theme_icons;
}
.mejs-controls .mejs-button.mejs-fullscreen-button {
margin-left: 10px;
}
.mejs-controls .mejs-time {
color: var(--theme-color-text);
font-size: 14px;
margin-top: 15px;
overflow: visible;
padding: 0;
min-width: 36px;
text-align: left;
}
.mejs-controls .mejs-time.mejs-currenttime-container {
margin-left: 20px;
}
.mejs-controls .mejs-time.mejs-duration-container {
margin-right: 16px;
}
.mejs-controls .mejs-time-rail {
padding-top: 13px;
}
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-time-rail .mejs-time-hovered,
.mejs-controls .mejs-volume-slider .mejs-volume-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: var(--theme-color-bg_color);
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-time-rail .mejs-time-buffering,
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-time-rail .mejs-time-hovered {
height: 5px;
}
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-volume-slider .mejs-volume-current {
background: var(--theme-color-text_link);
}
.mejs-controls .mejs-time-rail .mejs-time-handle-content {
border-color: var(--theme-color-extra_link);
}
.mejs-controls .mejs-time-rail .mejs-time-handle-content {
border: none;
height: 5px;
left: -4px;
top: -4px;
width: 5px;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
background: var(--theme-color-text_link);
border: none;
color: var(--theme-color-inverse_text);
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
border-top-color: var(--theme-color-text_link);
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 4px;
width: 30px;
}
.mejs-controls .mejs-horizontal-volume-slider {
margin: 0 0 0 10px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
top: 18px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: var(--theme-color-text_link);
}
.mejs-controls .mejs-volume-slider .mejs-volume-handle,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
background: var(--theme-color-extra_link);
}
.mejs-time-handle,
.mejs-time-handle-content {
border-width: 2.5px!important;
}
.mejs-controls .mejs-time-rail .mejs-time-handle-content {
left: 0px;
top: -2.5px;
}
.mejs-overlay-button {
@include border-round;
@include square(4.223em);
@include transition(all 0.5s ease);
align-items: center;
background: none;
background-color: var(--theme-color-extra_dark);
border: 3px solid var(--theme-color-extra_dark);
color: var(--theme-color-extra_bg_color);
display: flex;
font-size: 1.2857rem;
justify-content: center;
}
.mejs-overlay-button:hover {
background-color: var(--theme-color-extra_hover);
border-color: var(--theme-color-extra_hover);
color: var(--theme-color-extra_dark);
@include square(5em);
}
.mejs-overlay-button:before {
content: '\e9a2';
font-family: "fontello";
margin-left: 1px;
}
.wp-playlist .mejs-container .mejs-controls {
background: rgba(0, 0, 0, 0.7);
}
.post_featured.with_thumb .mejs-container,
.post_featured.with_thumb .mejs-controls,
.post_featured > div > .mejs-container,
.post_featured > div > .mejs-container .mejs-controls,
.post_featured > div > div > .mejs-container,
.post_featured > div > div > .mejs-container .mejs-controls,
.trx_addons_audio_player.with_cover .mejs-container,
.trx_addons_audio_player.with_cover .mejs-controls {
background: none;
height: 40px;
padding: 0;
}
.sidebar .mejs-controls .mejs-time,
.footer_wrap .mejs-controls .mejs-time {
display: none;
}
/* 4. Content
-------------------------------------------------------------- */
/* Custom font size in blocks */
.has-large-font-size,
.has-huge-font-size {
line-height: 1.4em;
}
/* Core columns */
.wp-block-columns {
@include flex-wrap(nowrap);
margin-bottom: 0;
.wp-block-column:nth-child(odd) { margin-right: 0; }
.wp-block-column:nth-child(even) { margin-left: 0; }
.wp-block-column:not(:first-child) { margin-left: calc( var(--theme-var-grid_gap) / 2 ); }
.wp-block-column:not(:last-child) { margin-right: calc( var(--theme-var-grid_gap) / 2 ); }
}
.wp-block-column:nth-child(odd) {
margin-right: 0;
}
.wp-block-column:nth-child(even) {
margin-left: 0;
}
.wp-block-column:not(:first-child) {
margin-left: calc( var(--theme-var-grid_gap) / 2);
}
.wp-block-column:not(:last-child) {
margin-right: calc( var(--theme-var-grid_gap) / 2);
}
/* Kadence columns in the editor */
.kt-gutter-default > .innerblocks-wrap > .editor-inner-blocks > .editor-block-list__layout > [data-type="kadence/column"] {
margin-right: var(--theme-var-grid_gap);
}
/* Kadence columns in the frontend */
.kt-gutter-default > .wp-block-kadence-column {
margin-right: var(--theme-var-grid_gap);
}
/* CoBlocks columns in the frontend */
.has-small-gutter > [class*="wp-block-coblocks-"]:not(:first-child) {
margin-left: calc( var(--theme-var-grid_gap) / 2);
}
.has-small-gutter > [class*="wp-block-coblocks-"]:not(:last-child) {
margin-right: calc( var(--theme-var-grid_gap) / 2);
}
/* Groups */
.wp-block-group.has-background {
padding: 1.5em 2em;
margin-bottom: 1.5em;
}
.wp-block-group__inner-container {
p:last-child {
margin-bottom: 0;
}
}
/* 5. Alignment
-------------------------------------------------------------- */
.alignleft {
display: inline-block;
vertical-align: top;
float: left;
margin-right: 1.8em !important;
margin-bottom: 1em !important;
margin-top: 0.5em !important;
}
.alignright {
display: inline-block;
vertical-align: top;
float: right;
margin-left: 1.8em !important;
margin-bottom: 1em !important;
margin-top: 0.5em !important;
}
.aligncenter {
display: block;
text-align: center;
clear: both;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 1em !important;
}
.wp-block-cover.aligncenter {
margin-bottom: 1.95em !important;
}
figure.alignleft,
figure.alignright {
margin-top: 0.4em !important;
}
.wp-block-gallery[class*="align"] {
@include flex;
}
/* 5.1 Size of blocks (used on single posts) */
.is-style-sizesmall {
max-width: initial;
width: calc( var(--theme-var-page_column) * 3 + var(--theme-var-grid_gap) * 2);
}
.is-style-sizemedium {
max-width: initial;
width: calc( var(--theme-var-page_column) * 4 + var(--theme-var-grid_gap) * 3);
}
.is-style-sizelarge {
max-width: initial;
width: calc( var(--theme-var-page_column) * 5 + var(--theme-var-grid_gap) * 4);
}
/* 5.2 Wide and Full blocks */
.alignfull > img,
.alignwide > img {
max-width: none;
width: 100%;
}
.sidebar_hide .alignwide {
position: relative;
z-index: 1;
left: calc( -88vw / 2 + 100% / 2);
width: 88vw;
max-width: none;
}
.sidebar_hide.narrow_content .alignwide,
.sidebar_hide.normal_content .alignwide {
left: calc( var(--theme-var-page) / -2 + 50%);
width: var(--theme-var-page);
}
.sidebar_hide .alignfull {
position: relative;
z-index: 1;
margin-left: calc( -100vw / 2 + 100% / 2 + 8px);
margin-right: calc( -100vw / 2 + 100% / 2 + 8px);
width: calc( 100vw - 16px);
max-width: calc( 100vw - 16px);
}
.body_style_boxed {
&.sidebar_hide .alignfull {
margin-left: calc( -1 * var(--theme-var-page_boxed) / 2 + 100% / 2);
margin-right: calc( -1 * var(--theme-var-page_boxed) / 2 + 100% / 2);
width: calc( var(--theme-var-page_boxed));
max-width: calc( var(--theme-var-page_boxed));
}
}
/* 5.3 Align left and right inside narrow content without sidebars */
.sidebar_hide .alignleft.is-style-alignsmall,
.sidebar_hide .is-style-alignsmall > .alignleft,
.sidebar_right.post_with_info_vertical .alignleft.is-style-alignsmall,
.sidebar_right.post_with_info_vertical .is-style-alignsmall > .alignleft {
float: left;
margin: 1em 1em 1em calc( var(--theme-var-page_column_and_gap) * (-1));
margin-top: 0.6em !important;
}
.sidebar_hide .alignright.is-style-alignsmall,
.sidebar_hide .is-style-alignsmall > .alignright,
.sidebar_left.post_with_info_vertical .alignright.is-style-alignsmall,
.sidebar_left.post_with_info_vertical .is-style-alignsmall > .alignright {
float: right;
margin: 1em calc( var(--theme-var-page_column_and_gap) * (-1)) 1em 1em;
margin-top: 0.6em !important;
}
.sidebar_hide .alignleft.is-style-alignmedium,
.sidebar_hide .is-style-alignmedium > .alignleft,
.sidebar_right.post_with_info_vertical .alignleft.is-style-alignmedium,
.sidebar_right.post_with_info_vertical .is-style-alignmedium > .alignleft {
float: left;
margin: 1em 1em 1em calc( var(--theme-var-page_column_and_gap) * (-2));
}
.sidebar_hide .alignright.is-style-alignmedium,
.sidebar_hide .is-style-alignmedium > .alignright,
.sidebar_left.post_with_info_vertical .alignright.is-style-alignmedium,
.sidebar_left.post_with_info_vertical .is-style-alignmedium > .alignright {
float: right;
margin: 1em calc( var(--theme-var-page_column_and_gap) * (-2)) 1em 1em;
}
.sidebar_hide .alignleft.is-style-alignlarge,
.sidebar_hide .is-style-alignlarge > .alignleft,
.sidebar_right.post_with_info_vertical .alignleft.is-style-alignlarge,
.sidebar_right.post_with_info_vertical .is-style-alignlarge > .alignleft {
float: left;
margin: 1em 1em 1em calc( var(--theme-var-page_column_and_gap) * (-3));
}
.sidebar_hide .alignright.is-style-alignlarge,
.sidebar_hide .is-style-alignlarge > .alignright,
.sidebar_left.post_with_info_vertical .alignright.is-style-alignlarge,
.sidebar_left.post_with_info_vertical .is-style-alignlarge > .alignright {
float: right;
margin: 1em calc( var(--theme-var-page_column_and_gap) * (-3)) 1em 1em;
}
.sidebar_hide .alignleft.is-style-alignhuge,
.sidebar_hide .is-style-alignhuge > .alignleft,
.sidebar_right.post_with_info_vertical .alignleft.is-style-alignhuge,
.sidebar_right.post_with_info_vertical .is-style-alignhuge > .alignleft {
float: left;
margin: 1em 1em 1em calc( var(--theme-var-page_column_and_gap) * (-4));
}
.sidebar_hide .alignright.is-style-alignhuge,
.sidebar_hide .is-style-alignhuge > .alignright,
.sidebar_left.post_with_info_vertical .alignright.is-style-alignhuge,
.sidebar_left.post_with_info_vertical .is-style-alignhuge > .alignright {
float: right;
margin: 1em calc( var(--theme-var-page_column_and_gap) * (-4)) 1em 1em;
}
@media #{$media_xl_over} {
body.normal_content {
&.sidebar_hide .alignleft.is-style-alignlarge,
&.sidebar_hide .is-style-alignlarge > .alignleft,
&.sidebar_hide .alignleft.is-style-alignhuge,
&.sidebar_hide .is-style-alignhuge > .alignleft {
margin: 1em 1em 1em calc( var(--theme-var-page_column_and_gap) * (-2));
}
&.sidebar_hide .alignright.is-style-alignlarge,
&.sidebar_hide .is-style-alignlarge > .alignright,
&.sidebar_hide .alignright.is-style-alignhuge,
&.sidebar_hide .is-style-alignhuge > .alignright {
margin: 1em calc( var(--theme-var-page_column_and_gap) * (-2)) 1em 1em;
}
}
body.sidebar_show {
&.sidebar_right.post_with_info_vertical .alignleft.is-style-alignlarge,
&.sidebar_right.post_with_info_vertical .is-style-alignlarge > .alignleft,
&.sidebar_right.post_with_info_vertical .alignleft.is-style-alignhuge,
&.sidebar_right.post_with_info_vertical .is-style-alignhuge > .alignleft {
margin: 1em 1em 1em calc( var(--theme-var-page_column_and_gap) * (-2));
}
&.sidebar_left.post_with_info_vertical .alignright.is-style-alignlarge,
&.sidebar_left.post_with_info_vertical .is-style-alignlarge > .alignright,
&.sidebar_left.post_with_info_vertical .alignright.is-style-alignhuge,
&.sidebar_left.post_with_info_vertical .is-style-alignhuge > .alignright {
margin: 1em calc( var(--theme-var-page_column_and_gap) * (-2)) 1em 1em;
}
}
}
/* 6. Buttons
-------------------------------------------------------------- */
/* 6.1 Common rules */
form {
margin-bottom: 0;
}
button,
input,
optgroup,
select,
textarea,
textarea.wp-editor-area {
font-family: inherit;
font-size: 1em;
margin: 0; /* Corrects font size not being inherited in all browsers */
vertical-align: baseline;/* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
/* Improves appearance and consistency in all browsers */
}
button {
overflow: visible;
}
form button:not(.components-button),
input[type="button"],
input[type="reset"],
input[type="submit"],
.theme_button,
.post_item .more-link,
.wp-block-button__link,
/* ThemeREX Addons*/
.sc_button:not(.sc_button_simple),
.sc_form button,
.sc_portfolio_preview_show .post_readmore,
/* jQuery UI widgets reset */
div.ui-widget button,
div.ui-widget input[type="submit"] {
@include theme_button_filled;
}
.wp-block-button.is-style-squared .wp-block-button__link {
@include border-sharp;
}
/* Buttons color */
form button:not(.components-button),
input[type="button"],
input[type="reset"],
input[type="submit"],
.theme_button,
.post_item .more-link,
.wp-block-button__link,
/* ThemeREX Addons*/
.sc_button:not(.sc_button_simple):not([class*="color_style_"]),
.sc_form button,
.sc_portfolio_preview_show .post_readmore,
/* jQuery UI widgets reset */
div.ui-widget button,
div.ui-widget input[type="submit"] {
@include theme_button_colors;
}
/* Buttons hover */
form button:not(.components-button):hover,
form button:not(.components-button):focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
.post_item .more-link:hover,
.comments_wrap .form-submit input[type="submit"]:hover,
.comments_wrap .form-submit input[type="submit"]:focus,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
/* ThemeREX Addons */
.sc_button_default:not([class*="hover_style_"]):hover,
.sc_button_default:not([class*="hover_style_"]):focus,
.sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):not([class*="hover_style_"]):hover,
.sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):not([class*="hover_style_"]):focus,
.socials_share.socials_type_block .social_icon:hover,
.socials_share.socials_type_block .social_icon:focus,
/* jQuery UI widgets reset */
div.ui-widget button:hover,
div.ui-widget button:focus,
div.ui-widget input[type="submit"]:hover,
div.ui-widget input[type="submit"]:focus {
@include theme_button_colors_hover;
}
.sc_button:not(.sc_button_simple).with_subtitle,
.sc_button:not(.sc_button_simple).sc_button_icon_top {
height: auto;
}
.sc_button:not(.sc_button_simple).with_subtitle .sc_button_icon,
.sc_button:not(.sc_button_simple).with_subtitle .sc_button_text {
vertical-align: middle;
}
.sc_button:not(.sc_button_simple).sc_button_icon_top .sc_button_icon {
width: auto;
}
.sc_button_bg_image .sc_button_icon {
position: relative;
z-index: 2;
}
/* Disabled buttons */
button[disabled],
input[type="submit"][disabled],
input[type="button"][disabled],
a.sc_button[disabled],
a.theme_button[disabled],
button[disabled]:hover,
input[type="submit"][disabled]:hover,
input[type="button"][disabled]:hover,
a.sc_button[disabled]:hover,
a.theme_button[disabled]:hover {
@include theme_button_disabled(!important);
}
/* WP Button */
.wp-block-button__link {
height: auto;
white-space: pre-wrap;
}
.wp-block-button.is-style-outline > .wp-block-button__link {
@include theme_button_colors_style_3;
box-shadow: none;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
@include theme_button_colors_hover_style_3;
}
/* Iconed button */
.sc_button_icon,
.sc_button_text {
display: inline-block;
vertical-align: bottom;
white-space: normal;
text-decoration: inherit;
}
.sc_button_icon {
font-size: 18px;
height: 19px;
line-height: 19px;
width: 19px;
text-align: left;
}
.sc_button_icon_left .sc_button_icon {
margin-right: 8px;
text-align: right;
}
.sc_button_icon_right {
align-items: center;
display: inline-flex !important;
flex-direction: row-reverse;
justify-content: center;
}
.sc_button_icon_right .sc_button_icon {
float: none;
margin-left: 8px;
margin-top: 0;
}
/* Small button */
.sc_button.sc_button_size_small,
.theme_button.theme_button_small,
.post_item .more-link,
article.post_item .more-link {
&:not(.sc_button_simple):not(.sc_button_rounded) {
padding: 11px 27px 11px 28px;
font-size: 12px;
height: 44px;
line-height: 18px;
.sc_button_icon {
line-height: 18px;
height: 18px;
}
}
}
/* Large button */
.sc_button.sc_button_size_large,
.theme_button.sc_button_size_large,
.post-password-form input[type="submit"] {
&:not(.sc_button_simple):not(.sc_button_rounded) {
font-size: 14px !important;
padding: 17px 55px 17px 56px !important;
height: 57px;
}
}
/* Bordered button */
.sc_button.sc_button_bordered,
.wp-block-button.is-style-outline > .wp-block-button__link {
@include theme_button_bordered;
}
.sc_layouts_row_type_narrow .sc_button.sc_button_bordered,
.sc_layouts_row_type_narrow .wp-block-button.is-style-outline > .wp-block-button__link {
padding: 0.8em 1.8em;
}
.sc_button.sc_button_bordered.sc_button_size_small,
.theme_button.sc_button_bordered.sc_button_size_small {
padding: 0.814em 1.65em;
}
.sc_button.sc_button_bordered.sc_button_size_large,
.theme_button.sc_button_bordered.sc_button_size_large {
padding: 1.229em 4.57em !important;
}
/* Simple button */
.sc_button.sc_button_simple,
.sc_layouts_row .sc_button.sc_button_simple,
.nav-links-old .nav-prev a,
.nav-links-old .nav-next a {
@include font(1rem, 1.25em, 600);
background: transparent !important;
border: none !important;
letter-spacing: 0.06em;
text-transform: none;
@include box-shadow(none !important);
border: none;
border-radius: 0;
padding: 0;
width: auto;
}
.sc_button.sc_button_simple:before,
.sc_button.sc_button_simple:after {
display: none !important;
}
/* Color Styles */
.sc_button_default.color_style_default,
.color_style_default .sc_button_default,
.sc_button.color_style_default:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image),
.color_style_default .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) {
@include theme_button_colors;
}
.sc_button_default.color_style_1,
.color_style_1 .sc_button_default,
.sc_button.color_style_1:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image),
.color_style_1 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) {
@include theme_button_colors_style_1;
}
.sc_button_default.color_style_2,
.color_style_2 .sc_button_default,
.sc_button.color_style_2:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image),
.color_style_2 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) {
@include theme_button_colors_style_2;
}
.sc_button_rounded.color_style_2,
.color_style_2 .sc_button_rounded,
.sc_button_rounded.color_style_2:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image),
.color_style_2 .sc_button_rounded:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) {
@include theme_button_colors_style_rounded_2;
}
.sc_button_default.color_style_3,
.color_style_3 .sc_button_default,
.sc_button.color_style_3:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image),
.color_style_3 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) {
@include theme_button_colors_style_3;
}
.sc_button_rounded.color_style_3,
.color_style_3 .sc_button_rounded,
.sc_button_rounded.color_style_3:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image),
.color_style_3 .sc_button_rounded:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) {
@include theme_button_colors_style_rounded_3;
}
.sc_button_default.color_style_4,
.color_style_4 .sc_button_default,
.sc_button.color_style_4:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image),
.color_style_4 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) {
@include theme_button_colors_style_4;
}
.sc_button_default.theme_button_colors_hover:hover,
.sc_button_default.theme_button_colors_hover:focus,
.theme_button_colors_hover .sc_button_default:hover,
.theme_button_colors_hover .sc_button_default:focus,
.sc_button.theme_button_colors_hover:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.sc_button.theme_button_colors_hover:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.theme_button_colors_hover .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.theme_button_colors_hover .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.sc_button_default.theme_button_colors_hover:hover,
.sc_button_default.theme_button_colors_hover:focus,
.theme_button_colors_hover .sc_button_default:hover,
.theme_button_colors_hover .sc_button_default:focus,
.sc_button.theme_button_colors_hover:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.sc_button.theme_button_colors_hover:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.theme_button_colors_hover .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.theme_button_colors_hover .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus {
@include theme_button_colors_hover_style_1;
}
.sc_button_default.hover_style_1:hover,
.sc_button_default.hover_style_1:focus,
.hover_style_1 .sc_button_default:hover,
.hover_style_1 .sc_button_default:focus,
.sc_button.hover_style_1:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.sc_button.hover_style_1:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.hover_style_1 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.hover_style_1 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.sc_button_default.hover_style_icon_1:hover,
.sc_button_default.hover_style_icon_1:focus,
.hover_style_icon_1 .sc_button_default:hover,
.hover_style_icon_1 .sc_button_default:focus,
.sc_button.hover_style_icon_1:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.sc_button.hover_style_icon_1:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.hover_style_icon_1 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.hover_style_icon_1 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus {
@include theme_button_colors_hover_style_1;
}
.sc_button_default.hover_style_2:hover,
.sc_button_default.hover_style_2:focus,
.hover_style_2 .sc_button_default:hover,
.hover_style_2 .sc_button_default:focus,
.sc_button.hover_style_2:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.sc_button.hover_style_2:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.hover_style_2 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.hover_style_2 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.sc_button_default.hover_style_icon_2:hover,
.sc_button_default.hover_style_icon_2:focus,
.hover_style_icon_2 .sc_button_default:hover,
.hover_style_icon_2 .sc_button_default:focus,
.sc_button.hover_style_icon_2:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.sc_button.hover_style_icon_2:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.hover_style_icon_2 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.hover_style_icon_2 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus {
@include theme_button_colors_hover_style_2;
}
.sc_button_default.hover_style_3:hover,
.sc_button_default.hover_style_3:focus,
.hover_style_3 .sc_button_default:hover,
.hover_style_3 .sc_button_default:focus,
.sc_button.hover_style_3:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.sc_button.hover_style_3:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.hover_style_3 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.hover_style_3 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.sc_button_default.hover_style_icon_3:hover,
.sc_button_default.hover_style_icon_3:focus,
.hover_style_icon_3 .sc_button_default:hover,
.hover_style_icon_3 .sc_button_default:focus,
.sc_button.hover_style_icon_3:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.sc_button.hover_style_icon_3:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.hover_style_icon_3 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.hover_style_icon_3 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus {
@include theme_button_colors_hover_style_3;
}
.sc_button_default.hover_style_4:hover,
.sc_button_default.hover_style_4:focus,
.hover_style_4 .sc_button_default:hover,
.hover_style_4 .sc_button_default:focus,
.sc_button.hover_style_4:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.sc_button.hover_style_4:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.hover_style_4 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.hover_style_4 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.sc_button_default.hover_style_icon_4:hover,
.sc_button_default.hover_style_icon_4:focus,
.hover_style_icon_4 .sc_button_default:hover,
.hover_style_icon_4 .sc_button_default:focus,
.sc_button.hover_style_icon_4:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.sc_button.hover_style_icon_4:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.hover_style_icon_4 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.hover_style_icon_4 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus {
@include theme_button_colors_hover_style_4;
}
.sc_button_rounded.hover_style_4:hover,
.sc_button_rounded.hover_style_4:focus,
.hover_style_4 .sc_button_rounded:hover,
.hover_style_4 .sc_button_rounded:focus,
.sc_button_rounded.hover_style_4:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.sc_button_rounded.hover_style_4:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.hover_style_4 .sc_button_rounded:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.hover_style_4 .sc_button_rounded:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus {
@include theme_button_colors_hover_style_rounded_4;
}
.sc_button_default.hover_style_5:hover,
.sc_button_default.hover_style_5:focus,
.hover_style_5 .sc_button_default:hover,
.hover_style_5 .sc_button_default:focus,
.sc_button.hover_style_5:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.sc_button.hover_style_5:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.hover_style_5 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.hover_style_5 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.sc_button_default.hover_style_icon_5:hover,
.sc_button_default.hover_style_icon_5:focus,
.hover_style_icon_5 .sc_button_default:hover,
.hover_style_icon_5 .sc_button_default:focus,
.sc_button.hover_style_icon_5:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.sc_button.hover_style_icon_5:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
.hover_style_icon_5 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.hover_style_icon_5 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus {
@include theme_button_colors_hover_style_5;
}
[class*="hover_style_icon"].sc_button_default .sc_button_text,
[class*="hover_style_icon"] .sc_button_default .sc_button_text,
[class*="hover_style_icon"].sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) .sc_button_text,
[class*="hover_style_icon"] .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) .sc_button_text {
@include transition(all ease 0.3s);
}
[class*="hover_style_icon"].sc_button_default.sc_button_icon_right:hover .sc_button_text,
[class*="hover_style_icon"] .sc_button_default.sc_button_icon_right:hover .sc_button_text,
[class*="hover_style_icon"].sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image).sc_button_icon_right:hover .sc_button_text,
[class*="hover_style_icon"] .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image).sc_button_icon_right:hover .sc_button_text {
margin-left: -13px;
}
[class*="hover_style_icon"].sc_button_default.sc_button_icon_left:hover .sc_button_text,
[class*="hover_style_icon"] .sc_button_default.sc_button_icon_left:hover .sc_button_text,
[class*="hover_style_icon"].sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image).sc_button_icon_left:hover .sc_button_text,
[class*="hover_style_icon"] .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image).sc_button_icon_left:hover .sc_button_text {
margin-right: -13px;
}
[class*="hover_style_icon"].sc_button_default.sc_button_icon_right .sc_button_icon,
[class*="hover_style_icon"] .sc_button_default.sc_button_icon_right .sc_button_icon,
[class*="hover_style_icon"].sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image).sc_button_icon_right .sc_button_icon,
[class*="hover_style_icon"] .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image).sc_button_icon_right .sc_button_icon {
position: relative;
left: -18px;
margin-right: -18px;
margin-left: 0px;
opacity: 0;
@include transition(all ease 0.3s);
}
[class*="hover_style_icon"].sc_button_default.sc_button_icon_left .sc_button_icon,
[class*="hover_style_icon"] .sc_button_default.sc_button_icon_left .sc_button_icon,
[class*="hover_style_icon"].sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image).sc_button_icon_left .sc_button_icon,
[class*="hover_style_icon"] .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image).sc_button_icon_left .sc_button_icon {
position: relative;
right: -18px;
margin-right: 0;
margin-left: -18px;
opacity: 0;
@include transition(all ease 0.3s);
}
[class*="hover_style_icon"].sc_button_default.sc_button_icon_right:hover .sc_button_icon,
[class*="hover_style_icon"] .sc_button_default.sc_button_icon_right:hover .sc_button_icon,
[class*="hover_style_icon"].sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image).sc_button_icon_right:hover .sc_button_icon,
[class*="hover_style_icon"] .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image).sc_button_icon_right:hover .sc_button_icon {
left: 4px;
margin-left: 9px;
margin-right: -14px;
opacity: 1;
}
[class*="hover_style_icon"].sc_button_default.sc_button_icon_left:hover .sc_button_icon,
[class*="hover_style_icon"] .sc_button_default.sc_button_icon_left:hover .sc_button_icon,
[class*="hover_style_icon"].sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image).sc_button_icon_left:hover .sc_button_icon,
[class*="hover_style_icon"] .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image).sc_button_icon_left:hover .sc_button_icon {
right: 4px;
margin-right: 9px;
margin-left: -14px;
opacity: 1;
}
/* Buttons animation */
.page_content_wrap {
.sc_button_wrap .sc_button_default,
.nav-links-more a.sc_button_default {
position: relative;
animation: animation_back_down 0.3s ease forwards;
&:hover {
animation: animation_jump_up 0.3s ease forwards;
}
}
}
@include keyframes(animation_jump_up) {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-3px);
}
}
@include keyframes(animation_back_down) {
0% {
transform: translateY(-3px);
}
100% {
transform: translateY(0);
}
}
.sc_button.sc_button_rounded,
.theme_button.sc_button_rounded {
animation-name: none!important;
&:hover {
animation-name: none;
transform: scale(1.1);
}
&:hover:active {
transform: scale(1);
}
}
/* 6.2 Rounded button */
.sc_button.sc_button_rounded,
.theme_button.sc_button_rounded {
@include border-round;
align-items: center;
border-style: solid;
border-width: 2px !important;
display: inline-flex !important;
font-size: 14px !important;
height: 105px;
justify-content: center;
overflow: hidden;
padding: 10px 8px 10px 10px !important;
text-align: center;
width: 105px;
}
.sc_button.sc_button_rounded.sc_button_size_small,
.theme_button.sc_button_rounded.sc_button_size_small {
height: 85px;
width: 85px;
}
.sc_button.sc_button_rounded.sc_button_size_large,
.theme_button.sc_button_rounded.sc_button_size_large {
height: 125px;
width: 125px;
}
.sc_button_rounded.sc_button_with_icon:not(.sc_button_bg_image) {
position: relative;
.sc_button_icon {
@include abs-cc;
@include transition(all ease 0.3s);
left: 2rem;
margin: 0;
opacity: 0;
padding: 0;
}
.sc_button_text {
@include transition(all ease 0.3s);
}
}
.sc_button_rounded.sc_button_with_icon:not(.sc_button_bg_image):hover,
.sc_button_rounded.sc_button_with_icon:not(.sc_button_bg_image):focus {
.sc_button_icon {
opacity: 1;
left: 50%;
text-align: center;
}
.sc_button_text {
opacity: 0;
@include translateX(2rem);
}
}
/* 6.3 Simple button */
.sc_button.sc_button_simple:not(.sc_button_bg_image) {
color: var(--theme-color-text_dark);
}
.sc_button.sc_button_simple:not(.sc_button_bg_image):not([class*="color_style_"]):hover,
.sc_button.sc_button_simple:not(.sc_button_bg_image):not([class*="color_style_"]):focus {
color: var(--theme-color-text_link) !important;
}
.sc_button.sc_button_simple:not(.sc_button_bg_image).color_style_1,
.nav-links-old .nav-prev a,
.nav-links-old .nav-next a {
color: var(--theme-color-text_dark);
}
.sc_button.sc_button_simple:not(.sc_button_bg_image).color_style_1:hover,
.sc_button.sc_button_simple:not(.sc_button_bg_image).color_style_1:focus,
.nav-links-old .nav-prev a:hover,
.nav-links-old .nav-next a:hover {
color: var(--theme-color-text_link);
}
.sc_button.sc_button_simple:not(.sc_button_bg_image).color_style_2 {
color: var(--theme-color-text_light);
}
.sc_button.sc_button_simple:not(.sc_button_bg_image).color_style_2:hover,
.sc_button.sc_button_simple:not(.sc_button_bg_image).color_style_2:focus {
color: var(--theme-color-text_dark);
}
.sc_button.sc_button_simple:not(.sc_button_bg_image).color_style_3 {
border-bottom: 2px solid var(--theme-color-text_light) !important;
color: var(--theme-color-text_light);
}
.sc_button.sc_button_simple:not(.sc_button_bg_image).color_style_3:hover,
.sc_button.sc_button_simple:not(.sc_button_bg_image).color_style_3:focus {
border-bottom: 2px solid var(--theme-color-text_dark) !important;
color: var(--theme-color-text_dark);
}
.sc_button.sc_button_simple:not(.sc_button_bg_image).color_style_4 {
border-bottom: 2px solid var(--theme-color-text_dark) !important;
color: var(--theme-color-text_dark);
}
.sc_button.sc_button_simple:not(.sc_button_bg_image).color_style_4:hover,
.sc_button.sc_button_simple:not(.sc_button_bg_image).color_style_4:focus {
border-bottom: 2px solid var(--theme-color-text_link) !important;
color: var(--theme-color-text_link);
}
/* 6.4 Search button */
.sc_layouts_search {
width: fit-content;
}
.content .sc_layouts_search {
width: auto;
}
.search_wrap .search_field {
@include border-sharp;
border-width: 0;
padding: 0.3em 0 0.5em 1.3em !important;
}
.search_wrap .search_submit {
@include transition-colors;
background-color: transparent;
color: var(--theme-color-text_dark);
@include translateY(-50%);
border: none;
bottom: auto;
box-shadow: none;
top: 50%;
font-size: 1.5rem;
}
.search_wrap .search_submit:focus,
.search_wrap .search_submit:hover {
background-color: transparent;
color: var(--theme-color-text_link);
box-shadow: none;
}
.search_wrap .search_submit:before {
content: '\e9a3';
font-family: $theme_icons;
margin-left: 1px;
}
.wp-block-search .wp-block-search__input {
width: 100%;
max-width: 100%;
padding: 1.2em 3em 1em 0 !important;
font-size: 1.5714rem;
border-width: 0 0 1px 0;
border-style: solid;
border-color: var(--theme-color-bd_color);
border-radius: 0;
}
.wp-block-search {
position: relative;
}
.wp-block-search__label {
display: none;
}
.wp-block-search .wp-block-search__button {
width: 4rem;
padding: 0;
@include abs-rc();
font-size: 2rem;
text-indent: -1000px;
border: 0!important;
border-radius: 0!important;
overflow: hidden;
box-shadow: none!important;
color: var(--theme-color-text_dark);
background-color: transparent!important;
}
/* 6.5 Theme button */
.theme_button {
@include theme_button_colors(!important);
}
.theme_button:hover,
.theme_button:focus {
@include theme_button_colors_hover(!important);
}
.theme_button.color_style_link2,
.color_style_link2 .theme_button {
@include theme_button_colors_style_link2(!important);
}
.theme_button.color_style_link2:hover,
.theme_button.color_style_link2:focus,
.color_style_link2 .theme_button:hover,
.color_style_link2 .theme_button:focus {
@include theme_button_colors_hover_style_link2(!important);
}
.theme_button.color_style_link3,
.sc_button.color_style_link3,
.color_style_link3 .theme_button {
@include theme_button_colors_style_link3(!important);
}
.theme_button.color_style_link3:hover,
.theme_button.color_style_link3:focus,
.sc_button.color_style_link3:hover,
.sc_button.color_style_link3:focus,
.color_style_link3 .theme_button:hover,
.color_style_link3 .theme_button:focus {
@include theme_button_colors_hover_style_link3(!important);
}
.theme_button.color_style_dark,
.color_style_dark .theme_button {
@include theme_button_colors_style_dark(!important);
}
.theme_button.color_style_dark:hover,
.theme_button.color_style_dark:focus,
.color_style_dark .theme_button:hover,
.color_style_dark .theme_button:focus {
@include theme_button_colors_hover_style_dark(!important);
}
/* 6.6 Buttons in sidebars */
/* Simple button */
[class*="scheme_"].sidebar .sc_button_simple:not(.sc_button_bg_image) {
color: var(--theme-color-alter_link);
}
[class*="scheme_"].sidebar .sc_button_simple:not(.sc_button_bg_image):hover,
[class*="scheme_"].sidebar .sc_button_simple:not(.sc_button_bg_image):focus {
color: var(--theme-color-alter_hover) !important;
}
/* Bordered button */
[class*="scheme_"].sidebar .sc_button_bordered:not(.sc_button_bg_image) {
color: var(--theme-color-alter_link);
border-color: var(--theme-color-alter_link);
}
[class*="scheme_"].sidebar .sc_button_bordered:not(.sc_button_bg_image):hover,
[class*="scheme_"].sidebar .sc_button_bordered:not(.sc_button_bg_image):focus {
color: var(--theme-color-alter_hover) !important;
border-color: var(--theme-color-alter_hover) !important;
}
/* All other buttons */
[class*="scheme_"].sidebar button,
[class*="scheme_"].sidebar input[type="reset"],
[class*="scheme_"].sidebar input[type="submit"],
[class*="scheme_"].sidebar input[type="button"],
/* ThemeREX Addons */
[class*="scheme_"].sidebar .sc_button_default,
[class*="scheme_"].sidebar .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image),
[class*="scheme_"].sidebar .socials_share.socials_type_block .social_icon {
@include theme_button_colors_style_alter();
}
/* All other buttons hovered */
[class*="scheme_"].sidebar button:hover,
[class*="scheme_"].sidebar button:focus,
[class*="scheme_"].sidebar input[type="reset"]:hover,
[class*="scheme_"].sidebar input[type="reset"]:focus,
[class*="scheme_"].sidebar input[type="submit"]:hover,
[class*="scheme_"].sidebar input[type="submit"]:focus,
[class*="scheme_"].sidebar input[type="button"]:hover,
[class*="scheme_"].sidebar input[type="button"]:focus,
/* ThemeREX Addons */
[class*="scheme_"].sidebar .sc_button_default:hover,
[class*="scheme_"].sidebar .sc_button_default:focus,
[class*="scheme_"].sidebar .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
[class*="scheme_"].sidebar .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
[class*="scheme_"].sidebar .socials_share.socials_type_block .social_icon:hover,
[class*="scheme_"].sidebar .socials_share.socials_type_block .social_icon:focus {
@include theme_button_colors_hover_style_alter();
}
/* Close buttons */
.theme_button_close,
.trx_addons_button_close,
.review-form a.close,
#cancel-comment-reply-link,
.adp-popup-close {
@include abs-rt(0,0,3);
@include square(3rem);
cursor: pointer;
display: block;
margin: 0 !important;
}
.review-form a.close,
#cancel-comment-reply-link,
.sc_layouts_cart_widget_close,
.adp-popup-close {
@include square(2rem);
}
.mfp-close-icon,
.review-form a.close,
#cancel-comment-reply-link {
@include transform-origin(50% 50%);
@include transition-property(transform);
overflow: hidden !important;
text-indent: -300px;
}
.mfp-close-icon,
.theme_button_close_icon,
.trx_addons_button_close_icon {
@include abs-lt(25%, 25%, 2);
@include border-box;
@include square(50%);
@include transform-origin(50% 50%);
@include transition-property(transform);
}
.theme_button_close:hover .theme_button_close_icon,
.trx_addons_button_close:hover .trx_addons_button_close_icon,
.mfp-close:hover .mfp-close-icon,
.review-form a.close:hover,
#cancel-comment-reply-link:hover,
.adp-popup-close:hover {
@include rotate(-90deg);
}
.theme_button_close_icon:before,
.theme_button_close_icon:after,
.trx_addons_button_close_icon:before,
.trx_addons_button_close_icon:after,
.mfp-close-icon:before,
.mfp-close-icon:after,
.review-form a.close:before,
.review-form a.close:after,
#cancel-comment-reply-link:before,
#cancel-comment-reply-link:after,
.adp-popup-close:before,
.adp-popup-close:after {
@include abs-lt(0, 50%);
@include border-box;
@include box(100%, 0);
@include transform-origin(50% 50%);
@include transition-property(border-color);
border-top: 1px solid var(--theme-color-alter_dark);
content: ' ';
margin-top: -1px;
}
.theme_button_close:hover .theme_button_close_icon:before,
.theme_button_close:focus .theme_button_close_icon:before,
.theme_button_close:hover .theme_button_close_icon:after,
.theme_button_close:focus .theme_button_close_icon:after,
.trx_addons_button_close:hover .trx_addons_button_close_icon:before,
.trx_addons_button_close:focus .trx_addons_button_close_icon:before,
.trx_addons_button_close:hover .trx_addons_button_close_icon:after,
.trx_addons_button_close:focus .trx_addons_button_close_icon:after,
.mfp-close:hover .mfp-close-icon:before,
.mfp-close:focus .mfp-close-icon:before,
.mfp-close:hover .mfp-close-icon:after,
.mfp-close:focus .mfp-close-icon:after,
.review-form a.close:hover:before,
.review-form a.close:hover:after,
#cancel-comment-reply-link:hover:before,
#cancel-comment-reply-link:hover:after,
.adp-popup-close:hover:before,
.adp-popup-close:hover:after {
border-color: var(--theme-color-alter_dark);
}
.theme_button_close_icon:before,
.trx_addons_button_close_icon:before,
.mfp-close .mfp-close-icon:before,
.review-form a.close:before,
#cancel-comment-reply-link:before,
.adp-popup-close:before {
@include rotate(45deg);
}
.theme_button_close_icon:after,
.trx_addons_button_close_icon:after,
.mfp-close .mfp-close-icon:after,
.review-form a.close:after,
#cancel-comment-reply-link:after,
.adp-popup-close:after {
@include rotate(-45deg);
}
.mfp-close {
opacity: 1;
&.trx_addons_popup_mask {
cursor: url(../images/cancel.png) 21 21, pointer;
background: url(../images/login_bg.jpg) no-repeat;
}
}
.mfp-close-icon:before,
.mfp-close-icon:after {
border-top: 1px solid var(--theme-color-extra_dark);
}
.mfp-close:hover .mfp-close-icon:before,
.mfp-close:focus .mfp-close-icon:before,
.mfp-close:hover .mfp-close-icon:after,
.mfp-close:focus .mfp-close-icon:after {
border-color: var(--theme-color-extra_dark);
}
/* 7. Form fields settings
-------------------------------------------------------------- */
/* 7.1 Text fields */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
select,
textarea,
textarea.wp-editor-area {
@include theme_field_template;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="password"],
.select2-container.select2-container--default span.select2-choice,
.select2-container.select2-container--default span.select2-selection,
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container.select2-container--default .select2-selection--multiple,
textarea,
textarea.wp-editor-area {
@include theme_field_colors;
}
input[type="text"]:focus,
input[type="text"].filled,
input[type="number"]:focus,
input[type="number"].filled,
input[type="email"]:focus,
input[type="email"].filled,
input[type="url"]:focus,
input[type="url"].filled,
input[type="tel"]:focus,
input[type="tel"].filled,
input[type="search"]:focus,
input[type="search"].filled,
input[type="password"]:focus,
input[type="password"].filled,
.select_container:hover,
select option:hover,
select option:focus,
select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-selection--single,
.select2-container.select2-container--default span.select2-selection--single:hover,
.select2-container.select2-container--focus span.select2-selection--single,
.select2-container.select2-container--open span.select2-selection--single,
select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-choice,
.select2-container.select2-container--default span.select2-choice:hover,
.select2-container.select2-container--focus span.select2-choice,
.select2-container.select2-container--open span.select2-choice,
select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-selection--multiple,
.select2-container.select2-container--default span.select2-selection--multiple:hover,
.select2-container.select2-container--focus span.select2-selection--multiple,
.select2-container.select2-container--open span.select2-selection--multiple,
textarea:focus,
textarea.filled,
textarea.wp-editor-area:focus,
textarea.wp-editor-area.filled {
@include theme_field_colors_hover;
}
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;
}
textarea.wp-editor-area {
@include border-radius(0 0 var(--theme-var-rad) var(--theme-var-rad));
}
/* 7.2 Text fields in widgets */
.widget input[type="text"],
.widget input[type="number"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="tel"],
.widget input[type="password"],
.widget input[type="search"],
.widget select,
.widget textarea,
.widget textarea.wp-editor-area {}
/* Placeholders */
input[placeholder]::-webkit-input-placeholder {
color: var(--theme-color-input_light);
opacity: 1;
text-overflow: ellipsis;
}
textarea[placeholder]::-webkit-input-placeholder {
color: var(--theme-color-input_light);
opacity: 1;
text-overflow: ellipsis;
}
input[placeholder]::-moz-placeholder {
color: var(--theme-color-input_light);
opacity: 1;
text-overflow: ellipsis;
}
textarea[placeholder]::-moz-placeholder {
color: var(--theme-color-input_light);
opacity: 1;
text-overflow: ellipsis;
}
input[placeholder]:-ms-input-placeholder {
color: var(--theme-color-input_light);
opacity: 1;
text-overflow: ellipsis;
}
textarea[placeholder]:-ms-input-placeholder {
color: var(--theme-color-input_light);
opacity: 1;
text-overflow: ellipsis;
}
input[placeholder]::placeholder {
color: var(--theme-color-input_light);
opacity: 1;
text-overflow: ellipsis;
}
textarea[placeholder]::placeholder {
color: var(--theme-color-input_light);
opacity: 1;
text-overflow: ellipsis;
}
footer {
input[placeholder]::-webkit-input-placeholder {
color: var(--theme-color-input_dark_06);
}
textarea[placeholder]::-webkit-input-placeholder {
color: var(--theme-color-input_dark_06);
}
input[placeholder]::-moz-placeholder {
color: var(--theme-color-input_dark_06);
}
textarea[placeholder]::-moz-placeholder {
color: var(--theme-color-input_dark_06);
}
input[placeholder]:-ms-input-placeholder {
color: var(--theme-color-input_dark_06);
}
textarea[placeholder]:-ms-input-placeholder {
color: var(--theme-color-input_dark_06);
}
input[placeholder]::placeholder {
color: var(--theme-color-input_dark_06);
}
textarea[placeholder]::placeholder {
color: var(--theme-color-input_dark_06);
}
}
/* EDGE autofill */
input[type="password"].edge-autofilled,
input[type="email"].edge-autofilled,
input[type="text"].edge-autofilled {
background-color: var(--theme-color-input_bg_hover) !important;
border-color: var(--theme-color-input_bd_hover) !important;
color: var(--theme-color-input_dark) !important;
}
textarea,
textarea.wp-editor-area,
select,
option,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="password"],
input[type="checkbox"],
input[type="radio"] {
@include border-box;
@include transition-colors;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
/* Addresses excess padding in IE8/9 */}
/*input[type="number"]::-webkit-inner-spin-button,*/
input[type="number"]::-webkit-outer-spin-button {
height: 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-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
/* Corrects inner padding displayed oddly in S5, Chrome on OSX */}
button::-moz-focus-inner,
input::-moz-focus-inner {
/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0;
padding: 0;
}
button[disabled],
html input[disabled] {
cursor: default !important;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
select,
textarea,
textarea.wp-editor-area {
-webkit-appearance: none;
outline: none;
resize: none;
}
button:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus,
textarea.wp-editor-area:focus {
outline: 0 !important;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
box-shadow: none;
}
body.show_outline {
button:focus,
input:focus,
select:focus,
textarea:focus,
textarea.wp-editor-area:focus {
outline: thin dotted !important;
}
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 50000s ease-in-out 90000s, color 50000s ease-in-out 90000s;
}
/* 7.4 jQuery UI widgets reset */
div.ui-widget {
select,
textarea,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"] {
padding: 12px 30px;
}
}
[class*="sc_input_hover_"] {
select,
textarea,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"] {
padding: 12px 30px;
}
}
/* 7.5 Radio buttons and checkboxes */
input[type="radio"],
input[type="checkbox"],
.wpcf7-radio input[type="radio"],
.wpcf7-checkbox input[type="checkbox"],
.wpcf7-acceptance input[type="checkbox"],
.yikes-easy-mc-form input[type="checkbox"],
.yikes-easy-mc-form input[type="radio"],
.wpgdprc-checkbox label input[type="checkbox"] {
/* Old way: hide controls and use :before instead - not compatible with accessibility rules (control can't be focused)
display:none;
New way: clip control and position it absolute - compatible with accessibility rules (control can receive a focus)*/
clip: rect(1px, 1px, 1px, 1px);
margin: 0 !important;
padding: 0 !important;
position: absolute !important;
}
label > input[type="radio"],
label > input[type="checkbox"],
input[type="checkbox"].wpcf7-acceptance {
clip: auto;
display: inline-block;
position: static !important;
vertical-align: baseline;
}
.wpcf7-radio .wpcf7-list-item-label,
.wpcf7-checkbox .wpcf7-list-item-label {
cursor: pointer;
}
.wpcf7-list-item-label.wpcf7-list-item-right {
display: inline-block;
padding-right: 1.4em;
position: relative;
vertical-align: top;
}
input[type="checkbox"] + label,
input[type="checkbox"] + .wpcf7-list-item-label,
input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text,
.wpgdprc-checkbox label,
input[type="radio"] + label,
input[type="radio"] + .wpcf7-list-item-label,
input[type="radio"] + .yikes-mailchimp-eu-compliance-text,
.wpcf7-radio .wpcf7-list-item-label.wpcf7-list-item-right {
@include font(14px, 1.4em, 400);
color: var(--theme-color-input_text);
display: inline-block;
letter-spacing: 0;
padding-left: 2em;
position: relative;
vertical-align: top;
}
input[type="checkbox"] + label:before,
input[type="checkbox"] + .wpcf7-list-item-label:before,
input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text:before,
.wpcf7-list-item-label.wpcf7-list-item-right:before,
.wpgdprc-checkbox label:before,
input[type="radio"] + label:before,
input[type="radio"] + .wpcf7-list-item-label:before,
input[type="radio"] + .yikes-mailchimp-eu-compliance-text:before,
.wpcf7-radio .wpcf7-list-item-label.wpcf7-list-item-right:before {
@include abs-lt(0, 1px);
@include border-radius(0);
@include square(16px);
@include border-box;
border: 1px solid var(--theme-color-input_bd_color) !important;
background-color: var(--theme-color-bg_color);
color: var(--theme-color-text_dark);
content: ' ';
display: block;
font-family: $theme_icons;
font-size: 6px;
text-align: center;
}
input[type="radio"] + label:before,
input[type="radio"] + .wpcf7-list-item-label:before,
input[type="radio"] + .yikes-mailchimp-eu-compliance-text:before,
.wpcf7-radio .wpcf7-list-item-label.wpcf7-list-item-right:before{
@include border-round;
@include box(12px, 12px, 10px);
top: 4px;
left: 2px;
}
input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:checked + .wpcf7-list-item-label:before,
input[type="checkbox"]:checked + .yikes-mailchimp-eu-compliance-text:before,
.wpcf7-checkbox .wpcf7-list-item-checked.wpcf7-list-item-right:before {
background-color: var(--theme-color-text_dark);
background: radial-gradient(circle, var(--theme-color-text_dark) 50%, var(--theme-color-bg_color) 50%);
box-shadow: inset 0 0 0px 4px var(--theme-color-bg_color);
}
input[type="radio"]:checked + label:before,
input[type="radio"]:checked + .wpcf7-list-item-label:before,
input[type="radio"]:checked + .yikes-mailchimp-eu-compliance-text:before,
.wpcf7-radio .wpcf7-list-item-checked.wpcf7-list-item-right:before {
content: '\e8e4';
font-size: 6px;
}
body.show_outline {
input[type="radio"]:focus + label:before,
input[type="radio"]:focus + .wpcf7-list-item-label:before,
input[type="radio"]:focus + .yikes-mailchimp-eu-compliance-text:before,
input[type="checkbox"]:focus + label:before,
input[type="checkbox"]:focus + .wpcf7-list-item-label:before,
input[type="checkbox"]:focus + .yikes-mailchimp-eu-compliance-text:before {
box-shadow: 0 0 0 1px #000;
outline: 0 !important;
}
}
/* 7.6 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;
@include border-radius(var(--theme-var-rad));
}
.select_container,
.select_container:after,
.select_container select {
@include transition-all;
}
.select_container:before {
@include abs-pos(2px, 2px, 2px, auto);
@include border-radius(0 var(--theme-var-rad) var(--theme-var-rad) 0);
color: var(--theme-color-input_text);
content: ' ';
cursor: pointer;
display: block;
pointer-events: none;
width: 3em;
z-index: 1;
}
.select_container:focus:before,
.select_container:hover:before {
color: var(--theme-color-input_dark);
}
.sc_input_hover_accent .select_container:before {
@include border-sharp;
bottom: 2px;
right: 2px;
top: 2px;
}
.select_container:after {
@include abs-rt(1em, 50%, 2);
@include square(1em);
color: var(--theme-color-input_text);
content: '\e828';
cursor: pointer;
display: block;
font-family: $theme_icons;
margin-top: -0.5em;
pointer-events: none;
}
.select_container:focus:after,
.select_container:hover:after {
color: var(--theme-color-input_dark);
}
.select_container select {
@include border-box;
background: var(--theme-color-input_bg_color) !important;
color: var(--theme-color-input_text);
max-width: none !important;
padding-right: 3em !important;
width: 100% !important;
cursor: pointer;
}
.select_container select:focus {
background-color: var(--theme-color-input_bg_hover) !important;
color: var(--theme-color-input_dark);
}
.widget .select_container select {
border-color: var(--theme-color-bd_color);
}
.widget .select_container:before {
width: 2em;
}
.widget .select_container:after {
right: 2em;
}
/* 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 {
@include border-sharp;
border: 2px solid #ddd;
height: auto;
padding: 0.4985em 0 0.4985em 1.4em;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
display: inline-block;
}
.select2-container--default .select2-selection--single span.select2-selection__rendered {
color: inherit;
line-height: 2.86em;
}
.select2-container.select2-container--default .select2-selection .select2-selection__arrow {
@include translateY;
top: 50%;
}
.select2-drop-active {
border: none;
}
.select2-dropdown {
border: 1px solid #ddd;
}
.select2-search {
padding: 13px 0;
}
.select2-dropdown,
.select2-container.select2-container--focus span.select2-selection,
.select2-container.select2-container--open span.select2-selection {
background: var(--theme-color-input_bg_hover);
border-color: var(--theme-color-input_bd_hover);
color: var(--theme-color-input_dark);
}
.select2-container .select2-results__option {
padding: 0;
background: transparent;
color: var(--theme-color-input_dark);
}
.select2-dropdown .select2-highlighted,
.select2-container .select2-results__option--highlighted[aria-selected] {
color: var(--theme-color-text_link);
background: transparent;
}
/* 7.7 Required fields */
label.required:after {
color: #da6f5b;
content: '*';
display: none;
font-size: 80%;
vertical-align: text-top;
}
/* 7.8 Field set */
fieldset {
border: 1px solid var(--theme-color-bd_color);
margin: 1.5em 0.2em;
padding: 1em 1.5em;
position: relative;
}
fieldset legend {
@include abs-lt(1.5em, -0.6em);
background-color: var(--theme-color-bg_color);
color: var(--theme-color-text_dark);
font-style: italic;
font-weight: 400;
letter-spacing: 0;
padding: 0 0.2em;
}
/* 8. WP styles and Screen readers
-------------------------------------------------------------- */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
margin: 0 !important;
padding: 0 !important;
position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
@include box(auto, auto);
@include box-shadow(0 0 2px 2px rgba(0, 0, 0, 0.6));
@include font(0.8em, normal);
background-color: #f1f1f1;
border-radius: 3px;
clip: auto !important;
color: #21759b;
display: block;
left: 5px;
padding: 1em 1.5em;
text-decoration: none;
top: 5px;
z-index: 100000;
}
.kicker_skip_link {
@include abs-lt(6px, 6px, 999999);
@include transition-property(transform);
@include translateY(-100px);
}
.kicker_skip_link:focus {
@include box(auto, auto);
@include translateY(0);
background: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
color: #0073aa;
display: block;
font-size: 1em;
font-weight: 400;
line-height: normal;
outline-offset: -1px;
padding: 1em 1.5em;
}
a.kicker_skip_link_anchor {
@include box(0, 0);
position: absolute;
}
/* 9. Theme grid
-------------------------------------------------------------- */
.container,
.container-fluid {
margin-left: auto;
margin-right: auto;
padding-left: calc( var(--theme-var-grid_gap) / 2);
padding-right: calc( var(--theme-var-grid_gap) / 2);
}
.row,
.columns_wrap {
margin-left: 0px;
margin-right: calc( -1 * var(--theme-var-grid_gap));
}
.row > [class*="column-"],
.columns_wrap > [class*="column-"] {
@include border-box;
display: inline-block;
min-height: 1px;
padding-left: 0px;
padding-right: var(--theme-var-grid_gap);
position: relative;
vertical-align: top;
z-index: 20;
}
.row.columns_padding_left,
.columns_wrap.columns_padding_left,
.vc_row.columns_padding_left {
margin-left: calc( -1 * var(--theme-var-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: var(--theme-var-grid_gap);
padding-right: 0;
}
.vc_row.columns_padding_right,
.row.columns_padding_right,
.columns_wrap.columns_padding_right {
margin-left: 0;
margin-right: calc( -1 * var(--theme-var-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: var(--theme-var-grid_gap);
}
.vc_row,
.row.columns_padding_center,
.columns_wrap.columns_padding_center {
margin-left: calc( -1 * var(--theme-var-grid_gap) / 2);
margin-right: calc( -1 * var(--theme-var-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: calc( var(--theme-var-grid_gap) / 2);
padding-right: calc( var(--theme-var-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: var(--theme-var-grid_gap);
}
.row.columns_padding_bottom.columns_in_single_row > [class*="column-"],
.columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="column-"] {
padding-bottom: 0;
}
.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;
}
}
}
}
}
/* 10. Page layouts
-------------------------------------------------------------- */
.page_wrap {
min-height: 100vh;
@include border-box;
}
.page_wrap,
.content_wrap {
margin: 0 auto;
}
.body_style_boxed {
@include bg-cover(center top);
background-attachment: fixed;
background-color: #f0f0f0;
}
.body_style_boxed .page_wrap {
max-width: 100%;
width: var(--theme-var-page_boxed);
}
.page_content_wrap {
padding-bottom: 5.4rem;
padding-top: 5.4rem;
}
.remove_margins .page_content_wrap {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.content_wrap,
.content_container {
margin: 0 auto;
max-width: 100%;
width: var(--theme-var-page);
}
.content_wrap .content_wrap,
.content_wrap .content_container,
.content_container .content_wrap,
.content_container .content_container {
width: 100%;
}
.content_wrap:after,
.content_wrap_fullscreen:after,
.content_container:after {
@include clear;
content: " ";
}
.body_style_fullwide .content_wrap {
@include border-box;
margin: 0 auto;
max-width: var(--theme-var-page_fullwide_max); // To prevent stretching content on the extra wide screen
padding-left: var(--theme-var-page_fullwide_extra);
padding-right: var(--theme-var-page_fullwide_extra);
width: 100% !important;
}
.content,
.sidebar,
.sidebar_inner {
@include border-box;
}
.sidebar_fixed_placeholder {
min-height: 1px;
}
.page_content_wrap .content_wrap,
.page_content_wrap .content_wrap_fullscreen {
position: relative;
}
#page_preloader,
.page_content_wrap,
.custom-background .content_wrap > .content,
.background_banner_wrap~.content_wrap > .content {
background-color: var(--theme-color-bg_color);
}
.preloader_wrap > div {
background-color: var(--theme-color-text_link);
}
/* 10.1 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: var(--theme-var-content);
}
[class*="content_wrap"] > .sidebar {
width: var(--theme-var-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;
}
/* 10.2 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: var(--theme-var-sidebar_and_gap);
}
.body_style_fullwide.sidebar_right [class*="content_wrap"] > .sidebar,
.body_style_fullscreen.sidebar_right [class*="content_wrap"] > .sidebar {
margin-left: calc( -1 * var(--theme-var-sidebar));
}
.body_style_fullwide.sidebar_left [class*="content_wrap"] > .content,
.body_style_fullscreen.sidebar_left [class*="content_wrap"] > .content {
padding-left: var(--theme-var-sidebar_and_gap);
}
.body_style_fullwide.sidebar_left [class*="content_wrap"] > .sidebar,
.body_style_fullscreen.sidebar_left [class*="content_wrap"] > .sidebar {
margin-right: calc( -1 * var(--theme-var-sidebar));
}
.body_style_fullscreen .page_content_wrap {
position: relative;
/* Need to correct 'sticky' sidebar position */
}
.body_style_fullscreen [class*="content_wrap"] > .content > article.page {
padding: 0;
}
/* 10.3 Sticky sidebar */
.fixed_blocks_sticky .sidebar {
position: sticky;
top: var(--fixed-rows-height)!important;
}
.fixed_blocks_sticky.admin-bar .sidebar {
top: 32px;
}
/* 10.4 Sidebar control to show/hide sidebar on mobile devices */
.sidebar_control {
background-color: var(--theme-color-alter_bg_color);
border-color: var(--theme-color-alter_bd_color);
color: var(--theme-color-alter_dark) !important;
display: none;
}
.sidebar_control:hover {
background-color: var(--theme-color-alter_bg_hover);
border-color: var(--theme-color-alter_bd_hover);
color: var(--theme-color-alter_link) !important;
}
.sidebar .sidebar_control,
.sidebar .sidebar_control:after {
@include border-radius(var(--theme-var-rad));
}
/* 10.5 Banners */
[class*="_banner_wrap"]:not(.background_banner_wrap) {
background-color: var(--theme-color-alter_bg_color);
}
[class*="_banner_wrap"] .banner_wrap_title {
color: var(--theme-color-alter_dark);
margin-top: 0;
letter-spacing: -0.02em;
}
.banner_wrap_title,
.sidebar .banner_wrap_title {
color: var(--theme-color-alter_light);
}
.after_header_banner_wrap {
margin-top: 2.45em;
}
.before_sidebar_banner_wrap {
margin-bottom: 4.25rem;
padding: 3.214rem;
}
.after_sidebar_banner_wrap {
margin-top: 4.25rem;
padding: 3.214rem;
}
/* 11 Header
-------------------------------------------------------------- */
/* 11.1 Top panel */
.top_panel {
@include bg-cover;
padding: 0.02px 0;
position: relative;
z-index: 8000;
}
.top_panel,
[class*="scheme_"].top_panel,
[class*="scheme_"].footer_wrap {
background-color: var(--theme-color-bg_color);
color: var(--theme-color-text);
}
.top_panel .row > [class*="column-"],
.top_panel .columns_wrap > [class*="column-"] {
vertical-align: middle;
}
.top_panel.with_bg_image:before {
@include bg-mask(#000, 0.7, -1);
content: ' ';
}
[class*="scheme_"].top_panel.with_bg_image:before {
background-color: var(--theme-color-bg_color_07);
}
[class*="scheme_"].top_panel .slider_engine_revo .slide_subtitle,
.top_panel .slider_engine_revo .slide_subtitle {
color: var(--theme-color-text_link);
}
.top_panel_default .top_panel_navi,
[class*="scheme_"].top_panel_default .top_panel_navi {
background-color: var(--theme-color-bg_color);
}
.top_panel_default .top_panel_title,
[class*="scheme_"].top_panel_default .top_panel_title {
background-color: var(--theme-color-alter_bg_color);
}
.top_panel_default .menu_main_nav > li ul > li > a:hover,
.top_panel_default .menu_main_nav > li ul > li.sfHover > a {
color: var(--theme-color-text_link)!important;
}
/* 11.2 Background video in the header */
#background_video {
@include abs-cc(-1 !important);
@include box(100%, 100%);
object-fit: cover;
overflow: hidden;
}
div#background_video {
position: absolute !important;
}
div#background_video:after {
@include abs-lt(0, 0, 2);
@include box(100%, 100%);
background-color: rgba(255, 255, 255, 0.3);
content: ' ';
}
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;
}
/* 11.3 Header positions */
.header_position_over .page_wrap {
position: relative;
}
.header_position_over .top_panel {
@include abs-lt(0, 0, 8000);
background: var(--theme-color-alter_bg_color_0) !important;
width: 100%;
}
.header_position_over .top_panel .sc_layouts_row[class*="scheme_"]:not(.sc_layouts_row_fixed_on) {
background-color: transparent;
}
.header_position_under .top_panel {
@include border-box;
position: relative;
z-index: 2;
}
.header_position_under .top_panel:hover {
z-index: 6 !important;
.top_panel_mask {
visibility: hidden;
}
}
.header_position_under .top_panel_mask {
@include abs-cover(9999);
background-color: #000;
display: none;
opacity: 0;
pointer-events: none;
}
.header_position_under .page_content_wrap {
position: relative;
z-index: 4;
}
.header_position_under .footer_wrap {
position: relative;
z-index: 3;
}
/* 11.4 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);
}
/* 11.5 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: '\e93c';
font-family: $theme_icons;
}
.elementor-editor-active .sc_layouts_item_menu_mobile_button,
.elementor-editor-active .sc_layouts_menu_mobile_button,
.elementor-editor-active .sc_layouts_item_menu_mobile_button + .sc_layouts_menu,
.elementor-editor-active .sc_layouts_menu_mobile_button + .sc_layouts_menu {
display: inline-block !important;
vertical-align: middle;
}
.sc_layouts_menu_mobile_button .sc_layouts_item_icon,
.sc_layouts_menu_mobile_button_burger .sc_layouts_item_icon {
margin-right: 10px;
}
.sc_layouts_menu_mobile_button_burger:not(.without_menu) {
display: block !important;
}
.sc_layouts_menu_mobile_button_burger {
width: max-content;
}
.sc_layouts_menu_mobile_button_burger > .sc_layouts_menu_popup {
transform: none;
left: 0;
}
.sc_layouts_menu_mobile_button_burger > .sc_layouts_menu_popup > .sc_layouts_menu_nav {
left: 0;
top: 1.5em;
}
/* 11.6 Vertical menus */
.sc_layouts_menu_dir_vertical .sc_layouts_menu_nav {
font-size: 1.2857rem;
> li ul:not(.sc_item_filters_tabs) {
background-color: transparent;
&:not(.sc_layouts_submenu) {
padding: 0.3em 0 0.3em 0.65em;
}
}
> li > a {
color: var(--theme-color-text) !important;
font-weight: 600;
letter-spacing: -0.01em;
padding: 0.65em 0;
text-transform: none;
}
> li > a:hover {
color: var(--theme-color-text_dark) !important;
}
> li.current-menu-item > a,
> li.current-menu-parent > a,
> li.current-menu-ancestor > a {
color: var(--theme-color-text_dark) !important;
}
li.menu-item-has-children > a {
padding-right: 2em;
}
li.menu-item-has-children > a > .open_child_menu {
@include font(1.1rem, '', 400);
@include abs-rt(0, 0.3em, 2);
width: 2em;
text-align: right;
}
> li.menu-item-has-children > a > .open_child_menu {
top: 0.75em;
}
li > a > span:not([class*="icon-"]):empty {
display: block !important;
}
.open_child_menu:before {
font-family: $theme_icons;
content: '\e9ba';
font-weight: 400;
}
> li > ul,
li > ul ul,
> li:last-child > ul {
position: relative;
left: auto;
top: auto;
margin: 0;
padding: 0.35em 0 0.35em 0.7em;
width: auto !important;
}
> li li > a {
padding: 0.5em 0;
color: var(--theme-color-text) !important;
}
> li li > a:hover {
color: var(--theme-color-text_dark) !important;
background-color: transparent;
}
li li.menu-item-has-children > a:after {
display: none;
}
}
/* 11.7. 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;
}
/* 11.8 Buttons ins the Header */
header {
.elementor-widget-trx_sc_button {
line-height: 1.571428rem;
}
.sc_button {
&.sc_button_simple {
font-size: 1rem!important;
text-transform: capitalize!important;
letter-spacing: -0.02em!important;
&.sc_button_icon_left .sc_button_icon {
margin-right: 0.6em;
}
&.sc_button_icon_right .sc_button_icon {
margin-left: 0.6em;
}
.sc_button_icon {
line-height: 18px;
}
}
&.sc_button_size_small {
font-size: 12px;
padding: 11px 24px;
&.sc_button_icon_left .sc_button_icon {
margin-right: 3px;
}
&.sc_button_icon_right .sc_button_icon {
margin-left: 3px;
}
}
}
}
/* 11.9 Share in the Header */
header .pk-share-buttons-layout-default {
.pk-share-buttons-icon + .pk-share-buttons-count {
margin-top: 4px;
margin-left: -1px;
}
.pk-share-buttons-link .pk-share-buttons-count {
padding: 0 4px;
}
}
/* VC Separator */
[class*="scheme_"].sc_layouts_row .vc_separator.vc_sep_color_grey .vc_sep_line,
.sc_layouts_row .vc_separator.vc_sep_color_grey .vc_sep_line {
border-color: var(--theme-color-alter_bd_color);
}
/* 12.10 Cart */
.sc_layouts_cart {
margin-right: 8px;
}
.sc_layouts_cart_icon {
font-size: 1.571rem !important;
}
.sc_layouts_cart_icon:before {
content: '\e9a5';
font-family: $theme_icons;
}
.sc_layouts_cart_items_short {
padding: 0 3px;
min-width: 20px;
width: max-content;
height: 20px;
line-height: 21px;
top: auto;
bottom: -8px;
font-size: 11px;
border-radius: 10px;
color: var(--theme-color-inverse_text);
background-color: var(--theme-color-text_link);
text-indent: 0.5px;
.ua_gecko & {
text-indent: 1px;
}
}
.sc_layouts_cart_widget {
background-color: var(--theme-color-extra_bg_color);
border: none;
color: var(--theme-color-extra_dark);
padding: 2.6rem 2.142rem 2.9rem;
right: -4.7em;
top: 3.6em;
width: 330px;
&:after {
display: none;
}
.sc_layouts_cart_widget_close {
.trx_addons_button_close_icon:before,
.trx_addons_button_close_icon:after,
.trx_addons_button_close_icon:hover:before,
.trx_addons_button_close_icon:hover:after {
border-color: var(--theme-color-extra_dark);
}
}
.woocommerce.widget_shopping_cart {
ul.cart_list li a,
ul.product_list_widget li a {
color: var(--theme-color-extra_link) !important;
}
ul.cart_list li a:hover,
ul.product_list_widget li a:hover {
color: var(--theme-color-extra_hover) !important;
}
.total {
border-color: var(--theme-color-extra_bd_color);
color: var(--theme-color-extra_dark);
}
span.amount {
color: var(--theme-color-extra_dark);
}
a.remove {
color: var(--theme-color-extra_link) !important;
left: auto;
margin: 0;
right: 0;
}
a.remove:hover {
color: var(--theme-color-extra_hover) !important;
}
.woocommerce-mini-cart__empty-message {
padding: 33% 0;
}
}
}
/* 12.11 Login & logout */
.sc_layouts_login_icon.trx_addons_icon-user-alt:before {
content: '\e9a7';
font-family: $theme_icons;
}
.sc_layouts_login_icon.trx_addons_icon-user-times {
font-size: 1.33rem !important;
}
.sc_layouts_login_icon.trx_addons_icon-user-times:before {
content: '\e9d6';
font-family: $theme_icons;
}
.sc_layouts_login_menu {
display: block;
}
.sc_layouts_login_menu.sc_layouts_menu_nav > li > a {
@include font('', '', inherit, inherit);
letter-spacing: inherit;
text-decoration: inherit;
text-transform: inherit;
}
/* 12.12 Currency Switcher */
.sc_layouts_currency .woocommerce-currency-switcher-form .wSelect-selected {
color: var(--theme-color-alter_text);
}
.sc_layouts_currency .woocommerce-currency-switcher-form .wSelect-selected:hover {
color: var(--theme-color-alter_dark);
}
.sc_layouts_currency .chosen-container .chosen-results,
.sc_layouts_currency .woocommerce-currency-switcher-form .wSelect-options-holder,
.sc_layouts_currency .woocommerce-currency-switcher-form .dd-options,
.sc_layouts_currency .woocommerce-currency-switcher-form .dd-option {
background: var(--theme-color-alter_bg_color);
color: var(--theme-color-alter_dark);
}
.sc_layouts_currency .chosen-container .chosen-results li,
.sc_layouts_currency .woocommerce-currency-switcher-form .wSelect-option {
color: var(--theme-color-alter_dark);
}
.sc_layouts_currency .chosen-container .active-result.highlighted,
.sc_layouts_currency .chosen-container .active-result.result-selected,
.sc_layouts_currency .woocommerce-currency-switcher-form .wSelect-option:hover,
.sc_layouts_currency .woocommerce-currency-switcher-form .wSelect-options-holder .wSelect-option-selected,
.sc_layouts_currency .woocommerce-currency-switcher-form .dd-option:hover,
.sc_layouts_currency .woocommerce-currency-switcher-form .dd-option-selected {
color: var(--theme-color-alter_link) !important;
}
.sc_layouts_currency .woocommerce-currency-switcher-form .dd-option-description {
color: var(--theme-color-alter_text);
}
/* 12.13 Iconed Text */
.sc_layouts_iconed_text {
margin: -10px;
.sc_layouts_iconed_text_link {
padding: 10px;
display: flex;
align-items: center;
cursor: pointer;
}
.sc_layouts_item_icon:not(.sc_icon_type_icons) {
span {
@include transition-duration(.3s);
@include transition-timing(0.000, 0.000, 0.110, 1.000);
background-color: var(--theme-color-text_dark);
border-radius: 1px;
display: block;
height: 2px;
width: 20px;
}
span:nth-child(n+2) {
margin-top: 4px;
}
}
.sc_layouts_item_icon + .sc_layouts_item_details {
margin-left: 1rem;
}
.sc_layouts_item_details {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.12em;
.sc_layouts_item_details_line1,
.sc_layouts_item_details_line2 {
color: var(--theme-color-text_dark);
}
}
/* Hover */
.sc_layouts_iconed_text_link:hover .sc_layouts_item_icon:not(.sc_icon_type_icons) {
span:nth-child(1) {
@include translateY(-2px);
}
span:nth-child(3) {
@include translateY(2px);
}
}
/* Mobile menu */
&.sc_layouts_menu_mobile_button,
&.sc_layouts_menu_mobile_button_burger {
@include font(14px, 19px, 700);
letter-spacing: -0.02em;
.sc_layouts_item_link {
color: var(--theme-color-text_dark);
}
.sc_layouts_item_icon:not(:only-child) {
margin-right: 10px;
}
}
}
/* 12. Custom layouts
-------------------------------------------------------------- */
[class*="scheme_"].sc_layouts_row {
background-color: var(--theme-color-bg_color);
color: var(--theme-color-text);
}
.sc_layouts_row_delimiter,
[class*="scheme_"].sc_layouts_row_delimiter {
border-color: var(--theme-color-bd_color);
}
.footer_wrap [class*="scheme_"].vc_row .sc_layouts_row_delimiter,
.footer_wrap [class*="scheme_"].sc_layouts_row_delimiter,
[class*="scheme_"].footer_wrap .sc_layouts_row_delimiter {
border-color: var(--theme-color-alter_bd_color);
}
.sc_layouts_item_icon {
color: var(--theme-color-text_dark);
font-size: inherit;
line-height: inherit;
vertical-align: baseline;
font-weight: 400;
}
.sc_layouts_item_details_line1,
.sc_layouts_item_details_line2 {
font-size: 17px;
font-weight: inherit;
line-height: 22px;
}
.sc_layouts_item_details_line1 {
color: var(--theme-color-text_link);
}
.sc_layouts_item_details_line2 {
color: var(--theme-color-text_dark);
}
span.trx_addons_login_menu,
span.trx_addons_login_menu:after {
background-color: var(--theme-color-alter_bg_color);
border-color: var(--theme-color-alter_bd_color);
color: var(--theme-color-alter_text);
}
span.trx_addons_login_menu .trx_addons_login_menu_delimiter {
border-color: var(--theme-color-alter_bd_color);
}
span.trx_addons_login_menu .trx_addons_login_menu_item {
color: var(--theme-color-alter_text);
}
span.trx_addons_login_menu .trx_addons_login_menu_item:hover,
span.trx_addons_login_menu .trx_addons_login_menu_item:focus {
color: var(--theme-color-alter_dark);
background-color: var(--theme-color-alter_bg_hover);
}
.trx_addons_login_link .sc_layouts_item_details {
display: inline-flex;
}
.trx_addons_login_link .sc_layouts_item_details_line1 + .sc_layouts_item_details_line2 {
margin-left: 0.3em;
}
.sc_layouts_row_fixed {
transition: none !important;
}
.sc_layouts_row_fixed_on {
animation-duration: 0.3s;
animation-name: fixedHeaderAnim;
animation-timing-function: ease-out;
background-color: var(--theme-color-bg_color);
box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
}
.sc_layouts_row_fixed_on .sc_layouts_row_type_compact {
padding: 0;
}
@keyframes fixedHeaderAnim {
0% {
@include transform(translateY(-120%));
}
100% {
@include transform(translateY(0));
}
}
.sc_layouts_row_fixed_on.sc_layouts_row_fixed_animation_off {
animation-duration: 0.3s;
animation-name: fixedHeaderAnimOff;
animation-timing-function: ease-out;
box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
}
@keyframes fixedHeaderAnimOff {
0% {
@include transform(translateY(0));
opacity: 1;
}
100% {
@include transform(translateY(-120%));
opacity: 1;
}
}
/* 12.1 Row type: Narrow */
.sc_layouts_row.sc_layouts_row_type_narrow,
[class*="scheme_"].sc_layouts_row.sc_layouts_row_type_narrow {
background-color: var(--theme-color-bg_color_0);
}
.sc_layouts_row_type_narrow .menu_main_nav_area > ul,
.sc_layouts_row_type_narrow .sc_layouts_menu_nav {
font-size: 1.142857rem;
}
.sc_layouts_row_type_narrow .sc_layouts_menu_nav > li > a {
padding: 1.35em 0.95em;
text-transform: none;
letter-spacing: 0!important;
}
.sc_layouts_row_type_narrow .sc_layouts_item,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_layouts_item {
color: var(--theme-color-alter_text);
}
.sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not(.button),
[class*="scheme_"].sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not(.button) {
color: var(--theme-color-alter_text);
}
.sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not(.button):hover,
.sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not(.button):focus,
.sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not(.button):hover .sc_layouts_item_icon,
.sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not(.button):focus .sc_layouts_item_icon,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not(.button):hover,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not(.button):focus,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not(.button):hover .sc_layouts_item_icon,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not(.button):focus .sc_layouts_item_icon {
color: var(--theme-color-alter_dark);
}
.sc_layouts_row_type_narrow .sc_layouts_item_icon,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_layouts_item_icon {
color: var(--theme-color-alter_link);
}
.sc_layouts_row_type_narrow .sc_layouts_item_details_line1,
.sc_layouts_row_type_narrow .sc_layouts_item_details_line2,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_layouts_item_details_line1,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_layouts_item_details_line2 {
color: var(--theme-color-alter_text);
}
.sc_layouts_row_type_narrow .sc_layouts_item_details_line1,
.sc_layouts_row_type_narrow .sc_layouts_item_details_line2 {
font-size: 17px;
}
.sc_layouts_row_type_narrow .socials_wrap .social_item .social_icon,
[class*="scheme_"].sc_layouts_row_type_narrow .socials_wrap .social_item .social_icon,
.sc_layouts_row_type_narrow .socials_wrap:not([class*="socials_type_"]) .social_item .social_icon,
[class*="scheme_"].sc_layouts_row_type_narrow .socials_wrap:not([class*="socials_type_"]) .social_item .social_icon {
background-color: transparent;
color: var(--theme-color-alter_link);
}
.sc_layouts_row_type_narrow .socials_wrap .social_item:hover .social_icon,
.sc_layouts_row_type_narrow .socials_wrap .social_item:focus .social_icon,
[class*="scheme_"].sc_layouts_row_type_narrow .socials_wrap .social_item:hover .social_icon,
[class*="scheme_"].sc_layouts_row_type_narrow .socials_wrap .social_item:focus .social_icon,
.sc_layouts_row_type_narrow .socials_wrap:not([class*="socials_type_"]) .social_item:hover .social_icon,
.sc_layouts_row_type_narrow .socials_wrap:not([class*="socials_type_"]) .social_item:focus .social_icon,
[class*="scheme_"].sc_layouts_row_type_narrow .socials_wrap:not([class*="socials_type_"]) .social_item:hover .social_icon,
[class*="scheme_"].sc_layouts_row_type_narrow .socials_wrap:not([class*="socials_type_"]) .social_item:focus .social_icon {
background-color: transparent;
color: var(--theme-color-alter_hover);
}
.sc_layouts_row_type_narrow .sc_button_default,
.sc_layouts_row_type_narrow .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image),
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button_default,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) {
background-color: var(--theme-color-alter_link);
color: var(--theme-color-inverse_link);
}
.sc_layouts_row_type_narrow .sc_button_default:hover,
.sc_layouts_row_type_narrow .sc_button_default:focus,
.sc_layouts_row_type_narrow .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.sc_layouts_row_type_narrow .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button_default:hover,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button_default:focus,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus {
background-color: var(--theme-color-alter_link);
color: var(--theme-color-inverse_link);
}
.sc_layouts_row_type_narrow .sc_button.color_style_link2,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button.color_style_link2 {
background-color: var(--theme-color-alter_link2);
color: var(--theme-color-inverse_link);
}
.sc_layouts_row_type_narrow .sc_button.color_style_link2:hover,
.sc_layouts_row_type_narrow .sc_button.color_style_link2:focus,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button.color_style_link2:hover,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button.color_style_link2:focus {
background-color: var(--theme-color-alter_hover2);
color: var(--theme-color-inverse_link) !important;
}
.sc_layouts_row_type_narrow .sc_button.color_style_link3,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button.color_style_link3 {
background-color: var(--theme-color-alter_link3);
color: var(--theme-color-inverse_link);
}
.sc_layouts_row_type_narrow .sc_button.color_style_link3:hover,
.sc_layouts_row_type_narrow .sc_button.color_style_link3:focus,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button.color_style_link3:hover,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button.color_style_link3:focus {
background-color: var(--theme-color-alter_hover3);
color: var(--theme-color-inverse_link) !important;
}
.sc_layouts_row_type_narrow .sc_button.color_style_dark,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button.color_style_dark {
background-color: var(--theme-color-alter_dark);
color: var(--theme-color-inverse_link);
}
.sc_layouts_row_type_narrow .sc_button.color_style_dark:hover,
.sc_layouts_row_type_narrow .sc_button.color_style_dark:focus,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button.color_style_dark:hover,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button.color_style_dark:focus {
background-color: var(--theme-color-alter_link);
color: var(--theme-color-inverse_link) !important;
}
.sc_layouts_row_type_narrow .sc_button_bordered:not(.sc_button_bg_image),
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button_bordered:not(.sc_button_bg_image) {
color: var(--theme-color-alter_link);
border-color: var(--theme-color-alter_link);
}
.sc_layouts_row_type_narrow .sc_button_bordered:not(.sc_button_bg_image):hover,
.sc_layouts_row_type_narrow .sc_button_bordered:not(.sc_button_bg_image):focus,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button_bordered:not(.sc_button_bg_image):hover,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button_bordered:not(.sc_button_bg_image):focus {
color: var(--theme-color-alter_hover) !important;
border-color: var(--theme-color-alter_hover) !important;
}
.sc_layouts_row_type_narrow .sc_button_bordered.color_style_link2:not(.sc_button_bg_image),
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button_bordered.color_style_link2:not(.sc_button_bg_image) {
color: var(--theme-color-alter_link2);
border-color: var(--theme-color-alter_link2);
}
.sc_layouts_row_type_narrow .sc_button_bordered.color_style_link2:not(.sc_button_bg_image):hover,
.sc_layouts_row_type_narrow .sc_button_bordered.color_style_link2:not(.sc_button_bg_image):focus,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button_bordered.color_style_link2:not(.sc_button_bg_image):hover,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button_bordered.color_style_link2:not(.sc_button_bg_image):focus {
color: var(--theme-color-alter_hover2) !important;
border-color: var(--theme-color-alter_hover2) !important;
}
.sc_layouts_row_type_narrow .sc_button_bordered.color_style_link3:not(.sc_button_bg_image),
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button_bordered.color_style_link3:not(.sc_button_bg_image) {
color: var(--theme-color-alter_link3);
border-color: var(--theme-color-alter_link3);
}
.sc_layouts_row_type_narrow .sc_button_bordered.color_style_link3:not(.sc_button_bg_image):hover,
.sc_layouts_row_type_narrow .sc_button_bordered.color_style_link3:not(.sc_button_bg_image):focus,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button_bordered.color_style_link3:not(.sc_button_bg_image):hover,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button_bordered.color_style_link3:not(.sc_button_bg_image):focus {
color: var(--theme-color-alter_hover3) !important;
border-color: var(--theme-color-alter_hover3) !important;
}
.sc_layouts_row_type_narrow .sc_button_bordered.color_style_dark:not(.sc_button_bg_image),
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button_bordered.color_style_dark:not(.sc_button_bg_image) {
color: var(--theme-color-alter_dark);
border-color: var(--theme-color-alter_dark);
}
.sc_layouts_row_type_narrow .sc_button_bordered.color_style_dark:not(.sc_button_bg_image):hover,
.sc_layouts_row_type_narrow .sc_button_bordered.color_style_dark:not(.sc_button_bg_image):focus,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button_bordered.color_style_dark:not(.sc_button_bg_image):hover,
[class*="scheme_"].sc_layouts_row_type_narrow .sc_button_bordered.color_style_dark:not(.sc_button_bg_image):focus {
color: var(--theme-color-alter_link) !important;
border-color: var(--theme-color-alter_link) !important;
}
/* 12.2 Row type: Compact */
.sc_layouts_row_type_compact {
padding: 0.15em 0;
}
.sc_layouts_row_type_compact .sc_layouts_menu_nav > li > a {
letter-spacing: 0.1em;
}
.sc_layouts_row_type_compact .sc_layouts_item,
[class*="scheme_"].sc_layouts_row_type_compact .sc_layouts_item {
color: var(--theme-color-text);
}
.sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not(.button),
[class*="scheme_"].sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not(.button) {
color: var(--theme-color-text_dark);
}
.sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not(.button):hover,
.sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not(.button):focus,
.sc_layouts_row_type_compact .sc_layouts_item a:hover .sc_layouts_item_icon,
.sc_layouts_row_type_compact .sc_layouts_item a:focus .sc_layouts_item_icon,
[class*="scheme_"].sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not(.button):hover,
[class*="scheme_"].sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not(.button):focus,
[class*="scheme_"].sc_layouts_row_type_compact .sc_layouts_item a:hover .sc_layouts_item_icon,
[class*="scheme_"].sc_layouts_row_type_compact .sc_layouts_item a:focus .sc_layouts_item_icon {
color: var(--theme-color-text_link);
}
.sc_layouts_row_type_compact .sc_layouts_item_icon,
[class*="scheme_"].sc_layouts_row_type_compact .sc_layouts_item_icon {
color: var(--theme-color-text_dark);
}
.sc_layouts_row_type_compact .sc_layouts_item_icon.sc_layouts_cart_icon:hover,
[class*="scheme_"].sc_layouts_row_type_compact .sc_layouts_item_icon.sc_layouts_cart_icon:hover {
color: var(--theme-color-text_link);
}
.sc_layouts_row_type_compact .sc_layouts_item_details_line1,
.sc_layouts_row_type_compact .sc_layouts_item_details_line2,
[class*="scheme_"].sc_layouts_row_type_compact .sc_layouts_item_details_line1,
[class*="scheme_"].sc_layouts_row_type_compact .sc_layouts_item_details_line2 {
color: var(--theme-color-text_dark);
}
.sc_layouts_row_type_compact .sc_layouts_login_details {
display: none;
}
.sc_layouts_row_type_compact .socials_wrap .social_item .social_icon,
[class*="scheme_"].sc_layouts_row_type_compact .socials_wrap .social_item .social_icon,
.sc_layouts_row_type_compact .socials_wrap:not([class*="socials_type_"]) .social_item .social_icon,
[class*="scheme_"].sc_layouts_row_type_compact .socials_wrap:not([class*="socials_type_"]) .social_item .social_icon {
background-color: transparent;
color: var(--theme-color-text_dark);
}
.sc_layouts_row_type_compact .socials_wrap .social_item:hover .social_icon,
[class*="scheme_"].sc_layouts_row_type_compact .socials_wrap .social_item:hover .social_icon,
.sc_layouts_row_type_compact .socials_wrap:not([class*="socials_type_"]) .social_item:hover .social_icon,
[class*="scheme_"].sc_layouts_row_type_compact .socials_wrap:not([class*="socials_type_"]) .social_item:hover .social_icon {
background-color: transparent;
color: var(--theme-color-text_hover);
}
.sc_layouts_row_type_compact .search_style_normal .search_field,
.sc_layouts_row_type_compact .search_style_expand.search_opened .search_field {
padding-left: 3em !important;
}
/* 12.3 Row type: Normal */
header .sc_layouts_row_type_normal {
padding: 0;
}
.sc_layouts_row_type_normal .sc_layouts_item,
[class*="scheme_"].sc_layouts_row_type_normal .sc_layouts_item {
color: var(--theme-color-text);
}
.sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not(.button),
[class*="scheme_"].sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not(.button) {
color: var(--theme-color-text_dark);
}
.sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not(.button):hover,
.sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not(.button):focus,
.sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not(.button):hover .sc_layouts_item_icon,
.sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not(.button):focus .sc_layouts_item_icon,
[class*="scheme_"].sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not(.button):hover,
[class*="scheme_"].sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not(.button):focus,
[class*="scheme_"].sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not(.button):hover .sc_layouts_item_icon,
[class*="scheme_"].sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not(.button):focus .sc_layouts_item_icon {
color: var(--theme-color-text_dark);
}
.sc_layouts_row_type_normal .search_wrap {
background-color: var(--theme-color-input_bg_color_0);
@include border-radius(var(--theme-var-rad));
}
.sc_layouts_row_type_normal .search_wrap .search_field {
font-size: 1rem;
text-transform: none;
padding: 0 2.07em 0 3em !important;
height: 4.072em;
line-height: 4.072em;
@include border-radius(var(--theme-var-rad));
}
.sc_layouts_row_type_normal .search_style_expand.search_opened .search_field {
padding: 0 2.07em 0 3em !important;
}
.sc_layouts_row_type_normal .sc_layouts_column .search_style_expand .search_field {
height: 4.072em;
line-height: 4.072em;
}
.sc_layouts_row_type_normal .sc_layouts_column .search_style_expand:not(.search_opened) .search_field {
padding: 0 0.8em !important;
}
.sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen:not(.search_opened) .search_field {
height: auto;
line-height: inherit;
padding: 0!important;
width: 25px;
height: 0;
text-indent: -1000px;
}
.sc_layouts_row_type_normal .sc_layouts_column .search_style_expand:not(.search_opened) .search_submit,
.sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen:not(.search_opened) .search_submit {
width: 5.2em;
padding-right: 0;
padding-left: 0;
}
.sc_layouts_row_type_normal .search_wrap .search_submit,
[class*="scheme_"].sc_layouts_row_type_normal .search_wrap .search_submit {
top: 50%;
left: 0;
height: initial;
line-height: initial;
}
.sc_layouts_row_type_normal .search_wrap .search_submit {
font-size: 1.25em;
text-align: inherit;
}
.sc_layouts_row_type_normal .search_wrap .search_submit:before {
font-size: inherit;
position: relative;
}
/* 12.4 Logo */
.sc_layouts_logo {
display: block;
}
.sc_layouts_logo b {
color: var(--theme-color-text_dark);
}
.sc_layouts_logo i {
color: var(--theme-color-text_link);
}
.sc_layouts_logo_text,
.sc_layouts_logo .logo_text {
color: var(--theme-color-text_dark) !important;
}
.sc_layouts_logo_text:hover,
.sc_layouts_logo:hover .logo_text {
color: var(--theme-color-text_link) !important;
}
.sc_layouts_logo_slogan,
.sc_layouts_logo .logo_slogan {
color: var(--theme-color-text) !important;
}
/* 12.5 Search style 'Normal' */
.search_style_normal .search_field {
width: 17em;
padding: 0.3em 0 0.5em 2.07em !important;
border-bottom: 1px solid;
background-color: transparent;
}
.search_style_normal .search_field:focus,
.search_style_normal .search_field.filled,
.search_style_normal .search_field:hover {
background-color: transparent;
}
.search_wrap.search_ajax .search_field {
padding-left: 2.07em !important;
}
/* 12.6 Search style 'Expand' */
.search_style_expand.search_opened .search_field {
width: 17em;
padding: 0.3em 0 0.5em 2.07em !important;
border-bottom: 1px solid;
background-color: transparent;
}
.search_style_expand.search_opened .search_field:focus,
.search_style_expand.search_opened .search_field.filled,
.search_style_expand.search_opened .search_field:hover {
background-color: transparent;
}
/* 12.7 Search style 'Fullscreen' */
.search_style_fullscreen .search_field {
background-color: transparent !important;
}
.search_style_fullscreen.search_opened .search_form_wrap {
height: 44%;
background-color: var(--theme-color-extra_bg_color);
z-index: 1000000;
}
.search_style_fullscreen.search_opened .search_form {
width: calc(var(--theme-var-page) - 1px);
border-color: var(--theme-color-extra_bd_color);
}
.search_style_fullscreen.search_opened .search_close {
content: '\E9AF';
font-family: $theme_icons;
font-size: 1.8rem;
top: 1.5em;
right: 2.55em;
color: var(--theme-color-extra_light) !important;
}
.search_style_fullscreen.search_opened .search_close .trx_addons_button_close_icon {
width: 80%;
height: 80%;
top: 10%;
left: 10%;
}
.search_style_fullscreen.search_opened .search_close .trx_addons_button_close_icon:before,
.search_style_fullscreen.search_opened .search_close .trx_addons_button_close_icon:after {
border-color: var(--theme-color-extra_light);
border-width: 2px;
}
.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.5714rem !important;
letter-spacing: -0.02em;
padding: 0 2.3em 0 0 !important;
text-transform: none;
height: 4em;
line-height: 4em !important;
}
.search_style_fullscreen.search_opened,
.sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen.search_opened {
.search_field:-webkit-autofill,
.search_field:-webkit-autofill:hover,
.search_field:-webkit-autofill:focus,
.search_field:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 60px var(--theme-color-extra_bg_color) inset !important;
-webkit-text-fill-color: var(--theme-color-extra_dark) !important;
border: 0!important;
border-radius: 0;
}
}
.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: 0 !important;
top: 53%;
transition: right .3s;
}
.search_style_fullscreen.search_opened .search_field,
.search_style_fullscreen.search_opened .search_submit {
color: var(--theme-color-extra_text);
background-color: transparent;
}
.search_style_fullscreen.search_opened.search_ajax .search_submit,
.sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen.search_opened.search_ajax .search_submit {
margin-top: 0;
transform: translateY(-50%);
}
.search_style_fullscreen.search_opened .search_close:hover,
.search_style_fullscreen.search_opened .search_close.filled,
.search_style_fullscreen.search_opened .search_close:focus {
color: var(--theme-color-extra_dark) !important;
}
.search_style_fullscreen.search_opened .search_field:hover,
.search_style_fullscreen.search_opened .search_field.filled,
.search_style_fullscreen.search_opened .search_field:focus,
.search_style_fullscreen.search_opened .search_submit:hover:before,
.search_style_fullscreen.search_opened .search_submit.filled:before,
.search_style_fullscreen.search_opened .search_submit:focus:before {
color: var(--theme-color-extra_dark);
}
.search_style_fullscreen.search_opened .search_field::-webkit-input-placeholder {
color: var(--theme-color-extra_text);
opacity: 1;
}
.search_style_fullscreen.search_opened .search_field::-moz-placeholder {
color: var(--theme-color-extra_text);
opacity: 1;
}
/* Firefox 19 + */
.search_style_fullscreen.search_opened .search_field:-moz-placeholder {
color: var(--theme-color-extra_text);
opacity: 1;
}
/* Firefox 18- */
.search_style_fullscreen.search_opened .search_field:-ms-input-placeholder {
color: var(--theme-color-extra_text);
opacity: 1;
}
/* 12.8 Search results */
.search_wrap .search_results {
padding: 30px 30px 20px;
background-color: var(--theme-color-bg_color);
border-color: var(--theme-color-bd_color);
}
.search_wrap .search_results:after {
background-color: var(--theme-color-bg_color);
border-left-color: var(--theme-color-bd_color);
border-top-color: var(--theme-color-bd_color);
}
.search_wrap .search_results .search_results_close {
color: var(--theme-color-text_light);
font-size: 1rem;
top: 10px;
right: 8px;
}
.search_wrap .search_results .search_results_close:hover {
color: var(--theme-color-text_dark);
}
.search_wrap .search_results .search_results_close:before {
content: '\e9af';
font-family: fontello;
}
.search_results.widget_area .post_item + .post_item {
border-top-color: var(--theme-color-bd_color);
margin-top: 15px;
padding-top: 15px;
}
.search_wrap .search_results .post_meta {
display: inherit;
}
.search_wrap .search_results .post_info_counters {
display: none;
}
.search_wrap.search_progress .search_submit {
animation: none;
}
.search_wrap.search_progress .search_submit:before {
content: '\e832';
display: inherit;
@include animation(spin 2s infinite linear);
}
.search_style_fullscreen .search_results {
top: 44%;
width: var(--theme-var-page) !important;
position: fixed;
z-index: 1000000;
border-color: var(--theme-color-extra_bg_hover);
background-color: var(--theme-color-extra_bg_hover);
transform: translate(-50%, 0);
&:after {
background-color: var(--theme-color-extra_bg_hover);
border-left-color: var(--theme-color-extra_bg_hover);
border-top-color: var(--theme-color-extra_bg_hover);
}
a:not(.sc_button):not(.button) {
color: var(--theme-color-extra_dark) !important;
}
a:not(.sc_button):not(.button):hover {
color: var(--theme-color-extra_hover) !important;
}
.post_item + .post_item {
border-top-color: var(--theme-color-extra_bd_color);
}
}
@keyframes spin {
0% {
@include transform(rotate(0deg));
}
100% {
@include transform(rotate(360deg));
}
}
/* 12.9 Page title and breadcrumbs */
.sc_layouts_title {
.sc_layouts_title_meta,
.sc_layouts_title_breadcrumbs,
.sc_layouts_title_breadcrumbs a,
.sc_layouts_title_description,
.post_meta,
.post_meta_item,
.post_meta .vc_inline-link,
.post_meta_item a,
.post_meta_item:after,
.post_meta_item:hover:after,
.post_meta_item.post_meta_edit:after,
.post_meta_item.post_meta_edit:hover:after,
.post_meta_item.post_categories,
.post_meta_item.post_categories a,
.post_info .post_info_item,
.post_info .post_info_item a,
.post_info_counters .post_meta_item {
color: var(--theme-color-text_dark);
}
.post_meta_item a:hover,
.post_meta_item a:focus,
.sc_layouts_title_breadcrumbs a:hover,
.sc_layouts_title_breadcrumbs a:focus,
.post_meta .vc_inline-link:hover,
.post_meta .vc_inline-link:focus,
a.post_meta_item:hover,
a.post_meta_item:focus,
.post_meta_item.post_categories a:hover,
.post_meta_item.post_categories a:focus,
.post_info .post_info_item a:hover,
.post_info .post_info_item a:focus,
.post_info_counters .post_meta_item:hover,
.post_info_counters .post_meta_item:focus {
color: var(--theme-color-text_hover);
}
.post_meta {
margin-top: 0;
}
.post_meta_item.post_categories,
.post_meta_item.post_sponsored {
vertical-align: middle;
}
.sc_layouts_title_meta {
margin-bottom: 1.3em;
}
&.with_tint.with_content {
&:before {
background: var(--theme-color-extra_bg_color_05);
}
.sc_layouts_title_meta,
.sc_layouts_title_breadcrumbs,
.sc_layouts_title_breadcrumbs a,
.sc_layouts_title_description,
.post_meta,
.post_meta_item,
.post_meta .vc_inline-link,
.post_meta_item a,
.post_meta_item:after,
.post_meta_item:hover:after,
.post_meta_item.post_meta_edit:after,
.post_meta_item.post_meta_edit:hover:after,
.post_meta_item.post_categories,
.post_meta_item.post_categories a,
.post_info .post_info_item,
.post_info .post_info_item a,
.post_info_counters .post_meta_item,
.post_meta .post_author .post_author_name,
.sc_layouts_title_caption {
color: var(--theme-color-extra_dark);
}
.post_meta_item a:hover,
.post_meta_item a:focus,
.sc_layouts_title_breadcrumbs a:hover,
.sc_layouts_title_breadcrumbs a:focus,
.post_meta .vc_inline-link:hover,
.post_meta .vc_inline-link:focus,
a.post_meta_item:hover,
a.post_meta_item:focus,
.post_meta_item.post_categories a:hover,
.post_meta_item.post_categories a:focus,
.post_info .post_info_item a:hover,
.post_info .post_info_item a:focus,
.post_info_counters .post_meta_item:hover,
.post_info_counters .post_meta_item:focus,
.post_meta a.post_author:hover .post_author_name {
color: var(--theme-color-extra_hover);
}
}
}
.top_panel_default .top_panel_title {
padding: 2.5em 0;
}
.sc_layouts_title .sc_layouts_title_caption,
.sc_layouts_row_fixed.sc_layouts_row_hide_unfixed .sc_layouts_title_caption {
margin: 0 !important;
}
.sc_layouts_title_description {
margin: 0 auto;
max-width: 100%;
}
.sc_layouts_title_breadcrumbs .breadcrumbs {
font-weight: 600;
}
.layouts_title_1 {
max-width: calc(100% - 102px);
}
/* 13. Menu
-------------------------------------------------------------- */
.elementor-editor-active .sc_layouts_menu {
visibility: visible;
}
.sc_layouts_menu_popup .sc_layouts_menu_nav,
.sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs):not(.sc_layouts_submenu) {
width: 16.2rem;
padding: 1em 0;
}
.sc_layouts_menu_nav .menu-collapse {
margin-right: 0 !important;
margin-left: 0.7em !important;
}
.sc_layouts_menu_nav > li > ul ul.submenu_left {
left: -16.2rem;
}
.sc_layouts_menu_nav > li > a {
padding: 1.05em;
color: var(--theme-color-text_dark);
}
.sc_layouts_menu_nav > li.menu-item-has-children > a {
padding-right: 1.05em;
}
.sc_layouts_menu_nav > li.menu-item-has-children > a:after {
display: none;
}
.sc_layouts_row_type_normal .sc_layouts_menu_nav > li > a {
padding: 1em 1.2em;
}
.sc_layouts_row_type_normal .sc_layouts_menu_nav > li.menu-item-has-children > a {
padding-right: 1.2em;
}
.sc_layouts_menu_nav > li > a:hover,
.sc_layouts_menu_nav > li.sfHover > a {
color: var(--theme-color-text_link) !important;
}
.sc_layouts_menu_nav > li.current-menu-item > a,
.sc_layouts_menu_nav > li.current-menu-parent > a,
.sc_layouts_menu_nav > li.current-menu-ancestor > a {
font-weight: 700 ;
}
.sc_layouts_menu_nav .menu-collapse > a {
font-weight: 400;
width: 2em;
}
.sc_layouts_menu_nav .menu-collapse > a:before {
color: var(--theme-color-text_dark);
font-weight: 400;
}
.sc_layouts_menu_nav .menu-collapse > a:after {
background-color: var(--theme-color-alter_bg_color);
}
.sc_layouts_menu_nav .menu-collapse > a:hover:before,
.sc_layouts_menu_nav .menu-collapse > a:focus:before {
color: var(--theme-color-alter_link);
}
.sc_layouts_menu_nav .menu-collapse > a:hover:after,
.sc_layouts_menu_nav .menu-collapse > a:focus:after {
background-color: var(--theme-color-alter_bg_hover);
}
/* 13.1 Submenu */
.sc_layouts_menu_nav > li > ul {
left: 0;
top: 4.4em;
}
.sc_layouts_menu_nav > li.sfHover {
z-index: 100;
}
body:not(.touch_device) {
.sc_layouts_menu_dir_horizontal {
.sc_layouts_menu_nav > li ul.sc_layouts_submenu,
.sc_layouts_menu_nav > li ul.sub-menu {
opacity: 0 !important;
transition: opacity 0.2s ease;
}
.sc_layouts_menu_nav > li ul.sc_layouts_submenu.fadeIn,
.sc_layouts_menu_nav > li ul.sub-menu.fadeIn {
animation-name: none !important;
opacity: 1 !important;
}
.sc_layouts_menu_nav > li ul.sc_layouts_submenu.fadeOut.wait,
.sc_layouts_menu_nav > li ul.sub-menu.fadeOut.wait {
visibility: hidden !important;
}
.sc_layouts_menu_nav > li ul.sc_layouts_submenu.fadeOut,
.sc_layouts_menu_nav > li ul.sub-menu.fadeOut{
animation-name: none !important;
opacity: 0 !important;
}
}
}
.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: 15.3em;
margin: 0 0 0 2px;
top: -1em;
}
.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:not(.sc_item_filters_tabs),
.sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs) {
@include box-shadow(none);
background-color: var(--theme-color-extra_bg_color);
}
.sc_layouts_menu_nav > li > ul ul.sc_item_filters_tabs {
background-color: transparent;
}
.sc_layouts_menu_nav > li.submenu_with_blogger_left_filters > ul:not(.sc_item_filters_tabs) {
background: var(--theme-color-extra_bg_color);
background: -moz-linear-gradient(90deg, var(--theme-color-extra_bg_hover) 0%, var(--theme-color-extra_bg_hover) 19%, var(--theme-color-extra_bg_color) 19%, var(--theme-color-extra_bg_color) 100%);
background: -webkit-linear-gradient(90deg, var(--theme-color-extra_bg_hover) 0%, var(--theme-color-extra_bg_hover) 19%, var(--theme-color-extra_bg_color) 19%, var(--theme-color-extra_bg_color) 100%);
background: linear-gradient(90deg, var(--theme-color-extra_bg_hover) 0%, var(--theme-color-extra_bg_hover) 19%, var(--theme-color-extra_bg_color) 19%, var(--theme-color-extra_bg_color) 100%);
}
.elementor-section-full_width {
.sc_layouts_menu_nav > li.submenu_with_blogger_left_filters > ul:not(.sc_item_filters_tabs) {
background: var(--theme-color-extra_bg_color);
background: -moz-linear-gradient(90deg, var(--theme-color-extra_bg_hover) 0%, var(--theme-color-extra_bg_hover) 17.3%, var(--theme-color-extra_bg_color) 17.3%, var(--theme-color-extra_bg_color) 100%);
background: -webkit-linear-gradient(90deg, var(--theme-color-extra_bg_hover) 0%, var(--theme-color-extra_bg_hover) 17.3%, var(--theme-color-extra_bg_color) 17.3%, var(--theme-color-extra_bg_color) 100%);
background: -webkit-gradient(linear, left top, right top, from(var(--theme-color-extra_bg_hover)), color-stop(17.3%, var(--theme-color-extra_bg_hover)), color-stop(17.3%, var(--theme-color-extra_bg_color)), to(var(--theme-color-extra_bg_color)));
background: -webkit-linear-gradient(left, var(--theme-color-extra_bg_hover) 0%, var(--theme-color-extra_bg_hover) 17.3%, var(--theme-color-extra_bg_color) 17.3%, var(--theme-color-extra_bg_color) 100%);
background: -o-linear-gradient(left, var(--theme-color-extra_bg_hover) 0%, var(--theme-color-extra_bg_hover) 17.3%, var(--theme-color-extra_bg_color) 17.3%, var(--theme-color-extra_bg_color) 100%);
background: linear-gradient(90deg, var(--theme-color-extra_bg_hover) 0%, var(--theme-color-extra_bg_hover) 17.3%, var(--theme-color-extra_bg_color) 17.3%, var(--theme-color-extra_bg_color) 100%);
}
}
.widget_nav_menu li.menu-delimiter,
.sc_layouts_menu_nav > li li.menu-delimiter {
border-color: var(--theme-color-extra_bd_color);
}
.sc_layouts_menu_popup .sc_layouts_menu_nav > li > a,
.sc_layouts_menu_nav > li li > a {
color: var(--theme-color-extra_text) !important;
padding: 0.7em 1.55em;
}
.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 {
color: var(--theme-color-extra_dark) !important;
}
.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 {
content: '\e9a6';
font-family: $theme_icons;
font-size: 1.1em;
right: 1.3em;
top: 0.7em;
opacity: 0.5;
transition: none;
}
.sc_layouts_menu_popup .sc_layouts_menu_nav > li.menu-item-has-children > a:hover:after,
.sc_layouts_menu_nav li li.menu-item-has-children.sfHover > a:after,
.sc_layouts_menu_nav li li.menu-item-has-children > a:hover:after {
opacity: 1;
}
.sc_layouts_menu_nav li[class*="columns-"] li.menu-item-has-children > a:hover,
.sc_layouts_menu_nav li[class*="columns-"] li.menu-item-has-children.sfHover > a {
background-color: transparent;
color: var(--theme-color-extra_text) !important;
}
.sc_layouts_menu_nav > li li[class*="icon-"]:before {
color: var(--theme-color-extra_link);
}
.sc_layouts_menu_nav > li li[class*="icon-"]:hover:before,
.sc_layouts_menu_nav > li li[class*="icon-"].shHover:before {
color: var(--theme-color-extra_hover);
}
.sc_layouts_menu_nav > li li.current-menu-item > a,
.sc_layouts_menu_nav > li li.current-menu-parent > a,
.sc_layouts_menu_nav > li li.current-menu-ancestor > a {
color: var(--theme-color-extra_dark) !important;
}
.sc_layouts_menu_nav > li li.current-menu-item:before,
.sc_layouts_menu_nav > li li.current-menu-parent:before,
.sc_layouts_menu_nav > li li.current-menu-ancestor:before {
color: var(--theme-color-extra_dark) !important;
}
/* 13.2 Description in the menu */
.sc_layouts_menu_item_description {
color: var(--theme-color-extra_light);
}
.menu_main_nav > li ul [class*="current-menu-"] > a .sc_layouts_menu_item_description,
.sc_layouts_menu_nav > li ul li[class*="current-menu-"] > a .sc_layouts_menu_item_description,
.menu_main_nav > li ul a:hover .sc_layouts_menu_item_description,
.sc_layouts_menu_nav > li ul a:hover .sc_layouts_menu_item_description {
color: var(--theme-color-text_light);
}
.menu_main_nav > li[class*="current-menu-"] > a .sc_layouts_menu_item_description,
.sc_layouts_menu_nav > li[class*="current-menu-"] > a .sc_layouts_menu_item_description,
.menu_main_nav > li > a:hover .sc_layouts_menu_item_description,
.sc_layouts_menu_nav > li > a:hover .sc_layouts_menu_item_description {
color: var(--theme-color-text);
}
/* 13.3 Menu hovers */
.menu_hover_fade_box .sc_layouts_menu_nav > a:hover,
.menu_hover_fade_box .sc_layouts_menu_nav > li:not(.menu-collapse) > a:hover,
.menu_hover_fade_box .sc_layouts_menu_nav > li:not(.menu-collapse).sfHover > a {
background-color: var(--theme-color-alter_bg_color);
color: var(--theme-color-alter_link);
}
/* slide_box */
.menu_hover_slide_box .sc_layouts_menu_nav > li#blob {
background-color: var(--theme-color-alter_bg_color);
}
/* slide_line */
.menu_hover_slide_line .sc_layouts_menu_nav > li#blob {
background-color: var(--theme-color-text_link);
}
.menu_hover_slide_line.sc_layouts_menu_dir_vertical > ul > li#blob {
margin-top: 2.55em;
width: 100% !important;
}
/* color_line */
.menu_hover_color_line .sc_layouts_menu_nav > li:not(.menu-collapse) > a:before {
background-color: var(--theme-color-text_dark);
}
.menu_hover_color_line .sc_layouts_menu_nav > li:not(.menu-collapse) > a:after,
.menu_hover_color_line .sc_layouts_menu_nav > li:not(.menu-collapse).menu-item-has-children > a:after {
background-color: var(--theme-color-text_link);
}
.menu_hover_color_line .sc_layouts_menu_nav > li:not(.menu-collapse).sfHover > a,
.menu_hover_color_line .sc_layouts_menu_nav > li:not(.menu-collapse) > a:hover,
.menu_hover_color_line .sc_layouts_menu_nav > li:not(.menu-collapse) > a:focus {
color: var(--theme-color-text_link);
}
.menu_hover_color_line > ul > li:not(.menu-collapse).menu-item-has-children > a:before,
.menu_hover_color_line > ul > li:not(.menu-collapse).menu-item-has-children > a:after {
right: 1em !important;
}
.menu_hover_color_line > ul > li:not(.menu-collapse) > a:before,
.menu_hover_color_line > ul > li:not(.menu-collapse) > a:after,
.menu_hover_color_line > ul > li:not(.menu-collapse).menu-item-has-children > a:after {
top: 3em;
}
.menu_hover_color_line.sc_layouts_menu_dir_vertical > ul > li:not(.menu-collapse) > a:before,
.menu_hover_color_line.sc_layouts_menu_dir_vertical > ul > li:not(.menu-collapse) > a:after {
top: 2.55em !important;
}
.menu_hover_color_line.sc_layouts_menu_dir_vertical > ul > li:not(.menu-collapse).menu-item-has-children > a:before,
.menu_hover_color_line.sc_layouts_menu_dir_vertical > ul > li:not(.menu-collapse).menu-item-has-children > a:after {
right: 0 !important;
}
/* zoom_line */
.menu_hover_zoom_line .sc_layouts_menu_nav > li:not(.menu-collapse) > a:before {
background-color: var(--theme-color-text_link);
}
.menu_hover_zoom_line.sc_layouts_menu_dir_vertical > ul > li:not(.menu-collapse) > a:before {
top: 2.55em;
}
/* path_line */
.menu_hover_path_line .sc_layouts_menu_nav > li:not(.menu-collapse):before,
.menu_hover_path_line .sc_layouts_menu_nav > li:not(.menu-collapse):after,
.menu_hover_path_line .sc_layouts_menu_nav > li:not(.menu-collapse) > a:before,
.menu_hover_path_line .sc_layouts_menu_nav > li:not(.menu-collapse) > a:after {
background-color: var(--theme-color-text_link);
}
.menu_hover_path_line > ul > li:not(.menu-collapse) > a:after {
display: block;
}
.menu_hover_path_line.sc_layouts_menu_dir_vertical > ul > li:not(.menu-collapse):before,
.menu_hover_path_line.sc_layouts_menu_dir_vertical > ul > li:not(.menu-collapse):after {
display: none;
}
.menu_hover_path_line.sc_layouts_menu_dir_vertical > ul > li:not(.menu-collapse) > a:before {
top: 1px;
}
.menu_hover_path_line.sc_layouts_menu_dir_vertical > ul > li:not(.menu-collapse) > a:after,
.menu_hover_path_line.sc_layouts_menu_dir_vertical > ul > li:not(.menu-collapse).menu-item-has-children > a:after {
bottom: 1px;
}
/* Firefox fix */
@-moz-document url-prefix() {
.menu_hover_path_line > ul > li:not(.menu-collapse):first-child::after {
right: 0.1em;
}
}
/* roll_down */
.menu_hover_roll_down .sc_layouts_menu_nav > li:not(.menu-collapse) > a:before {
background-color: var(--theme-color-text_link);
}
.menu_hover_roll_down > ul > li:not(.menu-collapse) > a:before {
top: 3em;
}
.menu_hover_roll_down.sc_layouts_menu_dir_vertical > ul > li:not(.menu-collapse) > a:before {
top: 2.55em;
}
/* 14. Layouts as submenu
-------------------------------------------------------------- */
.submenu_with_columns_divider .elementor-column:not(:last-child) {
position: relative;
}
.submenu_with_columns_divider .elementor-column:not(:first-child):before {
background-color: var(--theme-color-extra_bd_color);
content: '';
display: block;
margin-bottom: 10px;
margin-right: 19px;
width: 1px;
z-index: 1;
}
.sc_layouts_menu li > ul.sc_layouts_submenu .elementor-row,
.sc_layouts_menu li > ul.sc_layouts_submenu .vc_row,
.sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item,
.sc_layouts_menu li > ul.sc_layouts_submenu .post_item,
.sc_layouts_menu li > ul.sc_layouts_submenu .amount,
.sc_layouts_menu li > ul.sc_layouts_submenu li {
color: var(--theme-color-extra_text);
}
.sc_layouts_menu li > ul.sc_layouts_submenu .elementor-row a:not(.sc_button):not(.button),
.sc_layouts_menu li > ul.sc_layouts_submenu .vc_row a:not(.sc_button):not(.button),
.sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item a:not(.sc_button):not(.button) {
color: var(--theme-color-extra_dark);
}
.sc_layouts_menu li > ul.sc_layouts_submenu .elementor-row a:not(.sc_button):not(.button):hover,
.sc_layouts_menu li > ul.sc_layouts_submenu .elementor-row a:not(.sc_button):not(.button):focus,
.sc_layouts_menu li > ul.sc_layouts_submenu .vc_row a:not(.sc_button):not(.button):hover,
.sc_layouts_menu li > ul.sc_layouts_submenu .vc_row a:not(.sc_button):not(.button):focus,
.sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item a:not(.sc_button):not(.button):hover,
.sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item a:not(.sc_button):not(.button):focus,
.sc_layouts_menu li > ul.sc_layouts_submenu .elementor-row a:hover .sc_layouts_item_icon,
.sc_layouts_menu li > ul.sc_layouts_submenu .elementor-row a:focus .sc_layouts_item_icon,
.sc_layouts_menu li > ul.sc_layouts_submenu .vc_row a:hover .sc_layouts_item_icon,
.sc_layouts_menu li > ul.sc_layouts_submenu .vc_row a:focus .sc_layouts_item_icon,
.sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item a:hover .sc_layouts_item_icon,
.sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item a:focus .sc_layouts_item_icon {
color: var(--theme-color-extra_link);
}
ul.sc_layouts_submenu h1,
ul.sc_layouts_submenu h2,
ul.sc_layouts_submenu h3,
ul.sc_layouts_submenu h4,
ul.sc_layouts_submenu h5,
ul.sc_layouts_submenu h6,
ul.sc_layouts_submenu h1 a,
ul.sc_layouts_submenu h2 a,
ul.sc_layouts_submenu h3 a,
ul.sc_layouts_submenu h4 a,
ul.sc_layouts_submenu h5 a,
ul.sc_layouts_submenu h6 a,
ul.sc_layouts_submenu [class*="color_style_"] h1 a,
ul.sc_layouts_submenu [class*="color_style_"] h2 a,
ul.sc_layouts_submenu [class*="color_style_"] h3 a,
ul.sc_layouts_submenu [class*="color_style_"] h4 a,
ul.sc_layouts_submenu [class*="color_style_"] h5 a,
ul.sc_layouts_submenu [class*="color_style_"] h6 a {
color: var(--theme-color-extra_dark);
}
ul.sc_layouts_submenu h1 a:hover,
ul.sc_layouts_submenu h1 a:focus,
ul.sc_layouts_submenu h2 a:hover,
ul.sc_layouts_submenu h2 a:focus,
ul.sc_layouts_submenu h3 a:hover,
ul.sc_layouts_submenu h3 a:focus,
ul.sc_layouts_submenu h4 a:hover,
ul.sc_layouts_submenu h4 a:focus,
ul.sc_layouts_submenu h5 a:hover,
ul.sc_layouts_submenu h5 a:focus,
ul.sc_layouts_submenu h6 a:hover,
ul.sc_layouts_submenu h6 a:focus {
color: var(--theme-color-extra_link);
}
ul.sc_layouts_submenu .color_style_link2 h1 a:hover,
ul.sc_layouts_submenu .color_style_link2 h1 a:focus,
ul.sc_layouts_submenu .color_style_link2 h2 a:hover,
ul.sc_layouts_submenu .color_style_link2 h2 a:focus,
ul.sc_layouts_submenu .color_style_link2 h3 a:hover,
ul.sc_layouts_submenu .color_style_link2 h3 a:focus,
ul.sc_layouts_submenu .color_style_link2 h4 a:hover,
ul.sc_layouts_submenu .color_style_link2 h4 a:focus,
ul.sc_layouts_submenu .color_style_link2 h5 a:hover,
ul.sc_layouts_submenu .color_style_link2 h5 a:focus,
ul.sc_layouts_submenu .color_style_link2 h6 a:hover,
ul.sc_layouts_submenu .color_style_link2 h6 a:focus {
color: var(--theme-color-extra_link2);
}
ul.sc_layouts_submenu .color_style_link3 h1 a:hover,
ul.sc_layouts_submenu .color_style_link3 h1 a:focus,
ul.sc_layouts_submenu .color_style_link3 h2 a:hover,
ul.sc_layouts_submenu .color_style_link3 h2 a:focus,
ul.sc_layouts_submenu .color_style_link3 h3 a:hover,
ul.sc_layouts_submenu .color_style_link3 h3 a:focus,
ul.sc_layouts_submenu .color_style_link3 h4 a:hover,
ul.sc_layouts_submenu .color_style_link3 h4 a:focus,
ul.sc_layouts_submenu .color_style_link3 h5 a:hover,
ul.sc_layouts_submenu .color_style_link3 h5 a:focus,
ul.sc_layouts_submenu .color_style_link3 h6 a:hover,
ul.sc_layouts_submenu .color_style_link3 h6 a:focus {
color: var(--theme-color-extra_link3);
}
ul.sc_layouts_submenu .color_style_dark h1 a:hover,
ul.sc_layouts_submenu .color_style_dark h1 a:focus,
ul.sc_layouts_submenu .color_style_dark h2 a:hover,
ul.sc_layouts_submenu .color_style_dark h2 a:focus,
ul.sc_layouts_submenu .color_style_dark h3 a:hover,
ul.sc_layouts_submenu .color_style_dark h3 a:focus,
ul.sc_layouts_submenu .color_style_dark h4 a:hover,
ul.sc_layouts_submenu .color_style_dark h4 a:focus,
ul.sc_layouts_submenu .color_style_dark h5 a:hover,
ul.sc_layouts_submenu .color_style_dark h5 a:focus,
ul.sc_layouts_submenu .color_style_dark h6 a:hover,
ul.sc_layouts_submenu .color_style_dark h6 a:focus {
color: var(--theme-color-extra_link);
}
ul.sc_layouts_submenu dt,
ul.sc_layouts_submenu b,
ul.sc_layouts_submenu strong,
ul.sc_layouts_submenu i,
ul.sc_layouts_submenu em,
ul.sc_layouts_submenu mark,
ul.sc_layouts_submenu ins {
color: var(--theme-color-extra_dark);
}
ul.sc_layouts_submenu s,
ul.sc_layouts_submenu strike,
ul.sc_layouts_submenu del,
ul.sc_layouts_submenu .post_meta {
color: var(--theme-color-extra_light);
}
.sc_layouts_submenu_freeze {
opacity: 1 !important;
}
ul.sc_layouts_submenu .sc_recent_news_header {
border-color: var(--theme-color-extra_bd_color);
}
.sc_layouts_submenu .elementor-section.elementor-section-stretched {
max-width: 100%;
}
/* Submenu Animation */
.sc_layouts_menu li > ul.sc_layouts_submenu .wp-widget-nav_menu ul > li {
@include transition-all(.4s);
}
.sc_item_filters_tabs > li > a,
.sc_layouts_menu li > ul.sc_layouts_submenu .wp-widget-nav_menu ul > li a,
.sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li ul > li > a span:not(.open_child_menu),
.sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul > li > a span,
.footer_wrap .sc_layouts_menu > ul > li > a span,
.menu_mobile .menu_mobile_nav_area > ul > li ul > li > a span:not(.open_child_menu),
.menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu li.menu-item > a {
@include box-sizing(border-box);
background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
background-repeat: no-repeat;
background-size: 0 1px;
}
.sc_item_filters_tabs > li > a,
.sc_layouts_menu li > ul.sc_layouts_submenu .wp-widget-nav_menu ul > li a,
.menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu li.menu-item > a {
background-position: 0 100%;
transition: background-size .4s cubic-bezier(0.25, 0.4, 0.25, 1), color 0.3s ease;
display: inline-block!important;
}
.sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li ul > li > a span:not(.open_child_menu),
.sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul > li > a span,
.footer_wrap .sc_layouts_menu > ul > li > a span,
.menu_mobile .menu_mobile_nav_area > ul > li ul > li > a span:not(.open_child_menu) {
transition: background-size .4s cubic-bezier(0.25, 0.4, 0.25, 1);
display: inline!important;
}
.sc_item_filters_tabs > li > a:hover,
.sc_layouts_menu li > ul.sc_layouts_submenu .wp-widget-nav_menu ul > li a:hover,
.sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li ul > li > a:hover span:not(.open_child_menu),
.sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul > li > a:hover span,
.footer_wrap .sc_layouts_menu > ul > li > a:hover span,
.menu_mobile .menu_mobile_nav_area > ul > li ul > li > a:hover span:not(.open_child_menu),
.sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li ul > li.sfHover > a span:not(.open_child_menu),
.sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul > li.sfHover > a span,
.footer_wrap .sc_layouts_menu > ul > li.sfHover > a span,
.menu_mobile .menu_mobile_nav_area > ul > li ul > li.sfHover > a span:not(.open_child_menu),
.menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu li.menu-item > a:hover {
-webkit-background-size: 100% 1px;
background-size: 100% 1px;
}
.sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li ul > li,
.sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul > li,
.footer_wrap .sc_layouts_menu > ul > li,
.menu_mobile .menu_mobile_nav_area > ul > li ul > li {
> a span:not(.open_child_menu) {
background-position: 0 100%;
}
&.current-menu-ancestor > a span:not(.open_child_menu),
&.current-menu-item > a span:not(.open_child_menu) {
background-size: 100% 1px!important;
}
}
.sc_item_filters_tabs > li {
> a {
background-position: 0 100%;
}
&.sc_item_filters_tabs_active > a {
background-size: 100% 1px!important;
}
}
.sc_item_filters_tabs_right .sc_item_filters_tabs > li > a,
.sc_item_filters_tabs_left .sc_item_filters_tabs > li > a {
background-position: 0 calc(100% - 1.5em);
}
.sc_layouts_menu li > ul.sc_layouts_submenu .wp-widget-nav_menu ul > li,
.menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu li.menu-item {
a {
background-position: 0 calc(100% - 2px);
}
&.current-menu-item > a {
background-size: 100% 1px!important;
}
}
/* 14.1 Layouts submenu in the Custom Menu */
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-row,
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .vc_row,
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item,
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .post_item {
color: var(--theme-color-text);
}
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-row a:not(.sc_button):not(.button),
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .vc_row a:not(.sc_button):not(.button),
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item a:not(.sc_button):not(.button) {
color: var(--theme-color-text_link);
}
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-row a:not(.sc_button):not(.button):hover,
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-row a:not(.sc_button):not(.button):focus,
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-row a:hover .sc_layouts_item_icon,
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-row a:focus .sc_layouts_item_icon,
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .vc_row a:not(.sc_button):not(.button):hover,
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .vc_row a:not(.sc_button):not(.button):focus,
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .vc_row a:hover .sc_layouts_item_icon,
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .vc_row a:focus .sc_layouts_item_icon,
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item a:not(.sc_button):not(.button):hover,
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item a:not(.sc_button):not(.button):focus,
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item a:hover .sc_layouts_item_icon,
.widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item a:focus .sc_layouts_item_icon {
color: var(--theme-color-text_hover);
}
.widget_nav_menu ul.sc_layouts_submenu h1,
.widget_nav_menu ul.sc_layouts_submenu h2,
.widget_nav_menu ul.sc_layouts_submenu h3,
.widget_nav_menu ul.sc_layouts_submenu h4,
.widget_nav_menu ul.sc_layouts_submenu h5,
.widget_nav_menu ul.sc_layouts_submenu h6,
.widget_nav_menu ul.sc_layouts_submenu h1 a,
.widget_nav_menu ul.sc_layouts_submenu h2 a,
.widget_nav_menu ul.sc_layouts_submenu h3 a,
.widget_nav_menu ul.sc_layouts_submenu h4 a,
.widget_nav_menu ul.sc_layouts_submenu h5 a,
.widget_nav_menu ul.sc_layouts_submenu h6 a,
.widget_nav_menu ul.sc_layouts_submenu [class*="color_style_"] h1 a,
.widget_nav_menu ul.sc_layouts_submenu [class*="color_style_"] h2 a,
.widget_nav_menu ul.sc_layouts_submenu [class*="color_style_"] h3 a,
.widget_nav_menu ul.sc_layouts_submenu [class*="color_style_"] h4 a,
.widget_nav_menu ul.sc_layouts_submenu [class*="color_style_"] h5 a,
.widget_nav_menu ul.sc_layouts_submenu [class*="color_style_"] h6 a {
color: var(--theme-color-text_dark);
}
.widget_nav_menu ul.sc_layouts_submenu h1 a:hover,
.widget_nav_menu ul.sc_layouts_submenu h1 a:focus,
.widget_nav_menu ul.sc_layouts_submenu h2 a:hover,
.widget_nav_menu ul.sc_layouts_submenu h2 a:focus,
.widget_nav_menu ul.sc_layouts_submenu h3 a:hover,
.widget_nav_menu ul.sc_layouts_submenu h3 a:focus,
.widget_nav_menu ul.sc_layouts_submenu h4 a:hover,
.widget_nav_menu ul.sc_layouts_submenu h4 a:focus,
.widget_nav_menu ul.sc_layouts_submenu h5 a:hover,
.widget_nav_menu ul.sc_layouts_submenu h5 a:focus,
.widget_nav_menu ul.sc_layouts_submenu h6 a:hover,
.widget_nav_menu ul.sc_layouts_submenu h6 a:focus {
color: var(--theme-color-text_link);
}
.widget_nav_menu ul.sc_layouts_submenu .color_style_link2 h1 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link2 h1 a:focus,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link2 h2 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link2 h2 a:focus,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link2 h3 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link2 h3 a:focus,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link2 h4 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link2 h4 a:focus,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link2 h5 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link2 h5 a:focus,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link2 h6 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link2 h6 a:focus {
color: var(--theme-color-text_link2);
}
.widget_nav_menu ul.sc_layouts_submenu .color_style_link3 h1 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link3 h1 a:focus,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link3 h2 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link3 h2 a:focus,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link3 h3 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link3 h3 a:focus,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link3 h4 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link3 h4 a:focus,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link3 h5 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link3 h5 a:focus,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link3 h6 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_link3 h6 a:focus {
color: var(--theme-color-text_link3);
}
.widget_nav_menu ul.sc_layouts_submenu .color_style_dark h1 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_dark h1 a:focus,
.widget_nav_menu ul.sc_layouts_submenu .color_style_dark h2 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_dark h2 a:focus,
.widget_nav_menu ul.sc_layouts_submenu .color_style_dark h3 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_dark h3 a:focus,
.widget_nav_menu ul.sc_layouts_submenu .color_style_dark h4 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_dark h4 a:focus,
.widget_nav_menu ul.sc_layouts_submenu .color_style_dark h5 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_dark h5 a:focus,
.widget_nav_menu ul.sc_layouts_submenu .color_style_dark h6 a:hover,
.widget_nav_menu ul.sc_layouts_submenu .color_style_dark h6 a:focus {
color: var(--theme-color-text_link);
}
.widget_nav_menu ul.sc_layouts_submenu dt,
.widget_nav_menu ul.sc_layouts_submenu b,
.widget_nav_menu ul.sc_layouts_submenu strong,
.widget_nav_menu ul.sc_layouts_submenu i,
.widget_nav_menu ul.sc_layouts_submenu em,
.widget_nav_menu ul.sc_layouts_submenu mark,
.widget_nav_menu ul.sc_layouts_submenu ins {
color: var(--theme-color-text_dark);
}
.widget_nav_menu ul.sc_layouts_submenu s,
.widget_nav_menu ul.sc_layouts_submenu strike,
.widget_nav_menu ul.sc_layouts_submenu del,
.widget_nav_menu ul.sc_layouts_submenu .post_meta {
color: var(--theme-color-text_light);
}
.widget_nav_menu ul.sc_layouts_submenu .sc_recent_news_header {
border-color: var(--theme-color-bd_color);
}
.wp-widget-nav_menu,
.widget_nav_menu {
ul.menu {
padding: 0;
}
li {
list-style-type: none;
padding: 0;
}
li + li {
margin-top: 0;
}
ul > li:before {
display: none !important;
}
ul > li a {
display: block;
padding: 0.7em 0;
}
}
.sc_layouts_menu li > ul.sc_layouts_submenu .wp-widget-nav_menu {
ul.menu {
padding: 0;
}
ul li + li {
margin-top: 0;
}
ul > li a {
color: var(--theme-color-extra_text) !important;
padding: 0;
margin: 0.7em 0;
}
ul > li a:hover {
color: var(--theme-color-extra_dark) !important;
}
ul > li.current-menu-item > a {
color: var(--theme-color-extra_dark) !important;
}
}
/* 16. Mobile header
-------------------------------------------------------------- */
.top_panel_mobile_info p {
margin: 0;
}
/* 16.1 Mobile menu */
.menu_mobile_overlay {
@include fixed-mask(#000, 0.8);
display: none !important;
z-index: 100000;
}
.menu_mobile {
@include box(100%, 0);
@include fixed-lt(0, 0, 100002);
@include transition-property(height);
}
.menu_mobile.opened {
height: 100%;
}
/* If admin bar exists */
.admin-bar .menu_mobile {
top: 32px;
}
.admin-bar .menu_mobile.opened {
height: calc(100% - 32px);
}
@media (max-width: 782px) {
.admin-bar .menu_mobile {
top: 46px;
}
.admin-bar .menu_mobile.opened {
height: calc(100% - 46px);
}
}
@media (max-width: 600px) {
.admin-bar .menu_mobile {
top: 0;
}
.admin-bar .menu_mobile.opened {
height: 100%;
}
}
.menu_mobile_inner {
@include abs-cover;
background-color: var(--theme-color-extra_bg_color);
color: var(--theme-color-extra_text);
overflow: hidden;
}
.menu_mobile_button {
color: var(--theme-color-text_dark);
}
.menu_mobile_button:hover {
color: var(--theme-color-text_link);
}
.menu_mobile [class*="sc_fly_"]:not(.sc_fly_static) {
@include transform-none;
bottom: auto;
left: auto;
position: static !important;
right: auto;
top: auto;
}
.menu_mobile:not(.opened) .theme_button_close_icon {
@include transform(scale(0.2) rotate(-45deg));
}
.menu_mobile .sc_layouts_logo {
display: block;
max-width: 280px;
font-size: 1em !important;
margin: 3.6em auto 0;
vertical-align: top;
}
.menu_mobile .menu_mobile_nav_area {
@include abs-lt(0, 48%, 1);
max-width: 280px;
height: auto;
@include translateY;
max-height: 49%;
overflow-y: scroll;
padding-right: 20px;
line-height: 1.5em;
font-size: 1.2857rem;
ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: auto;
}
li {
margin-top: 0;
margin-bottom: 0;
width: auto;
}
& > ul > li > ul {
font-size: 1.0715rem;
line-height: 1.5em;
a {
padding: 0.25em 1em;
}
li.menu-item-has-children > a {
padding-right: 2em;
}
}
.menu-item > a {
@include border-box;
display: block;
max-width: 280px;
position: relative;
text-transform: none;
color: var(--theme-color-text);
letter-spacing: 0;
}
.menu-item > a:hover,
.current-menu-ancestor > a {
color: var(--theme-color-text_dark);
}
& > ul {
width: 100%;
line-height: 1.5em;
font-size: 1.2857rem;
}
& > ul > .menu-item > a {
font-weight: 700;
color: var(--theme-color-text);
padding: 0.65em 0;
letter-spacing: -0.01em;
.open_child_menu {
top: 0.75em;
}
}
& > ul > .menu-item-has-children > a {
padding-right: 2em;
}
& > ul > .menu-item.current-menu-parent > a,
.menu-item.current-menu-parent > a,
.menu-item.current-menu-item > a {
color: var(--theme-color-text_dark);
}
ul.sub-menu {
margin: 0;
padding: 0.3em 0 0.3em 0.65em;
display: none;
}
.open_child_menu {
font-size: 1.1rem;
font-weight: 400;
position: absolute;
z-index: 2;
top: 0.2em;
right: 0;
width: 2em;
text-align: right;
}
.open_child_menu:before {
font-family: $theme_icons;
content: '\e9ba';
font-weight: 400;
}
.menu-item[class*="icon-"] {
position: relative;
&:before {
@include abs-lt(50%, 0);
@include transition-color;
@include translateX(-14rem);
display: inline-block;
line-height: inherit;
padding: 0;
width: 1em;
}
}
.menu-item[class*="image-"] > a {
background-position: 1em center;
background-repeat: no-repeat;
background-size: 1em;
padding-left: 2.3em;
}
& > ul > .menu-item[class*="icon-"] > a {
padding-left: 1.5em;
}
& > ul > .menu-item[class*="columns-"][class*="icon-"]:before {
float: left;
margin: 0 0 0 0.5em;
position: static;
}
& > ul > .menu-item[class*="columns-"][class*="icon-"] > a {
float: left;
margin-left: -1.5em;
}
& > ul > .menu-item .menu-item[class*="icon-"]:before {
margin-left: 2em;
}
& > ul > .menu-item .menu-item[class*="icon-"] > a {
padding-left: 3.5em;
}
& > ul > .menu-item .menu-item[class*="image-"] > a {
background-position: 1.6667em center;
padding-left: 3.5em;
}
& > ul > .menu-item .menu-item .menu-item[class*="icon-"]:before {
margin-left: 3em;
}
& > ul > .menu-item .menu-item .menu-item[class*="icon-"] > a {
padding-left: 4.5em;
}
& > ul > .menu-item .menu-item .menu-item[class*="image-"] > a {
background-position: 1.6667em center;
padding-left: 4.5em;
}
& > ul > .menu-item .menu-item .menu-item .menu-item[class*="icon-"]:before {
margin-left: 4em;
}
& > ul > .menu-item .menu-item .menu-item .menu-item[class*="icon-"] > a {
padding-left: 5.5em;
}
& > ul > .menu-item .menu-item .menu-item .menu-item[class*="image-"] > a {
background-position: 1.6667em center;
padding-left: 5.5em;
}
& > ul > .menu-item .menu-item.menu-delimiter {
margin-top: 0 !important;
overflow: hidden;
padding-top: 0 !important;
text-align: center;
& > a {
height: 1px;
overflow: hidden;
padding-bottom: 0.25em;
padding-right: 0.5em;
padding-top: 0.25em;
border-color: var(--theme-color-alter_bd_color);
&:before {
@include box(100%, 0);
border-top: 1px solid var(--theme-color-alter_bd_color);
content: ' ';
display: block;
}
& > * {
display: none;
}
}
}
}
/* 16.2 Layouts as submenu */
.menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu {
display: none;
margin: 0 auto;
padding: 0;
text-align: center;
width: 280px;
}
.menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .elementor-column-wrap {
padding-left: 0;
padding-right: 0;
}
.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 .columns_wrap [class*="column-"],
.menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .wpb_column:not([class*="vc_col-xs-"]),
.menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .elementor-column:not([class*="elementor-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-"]),
.menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .elementor-column:not([class*="elementor-xs-"]) + .elementor-column:not([class*="elementor-xs-"]) {
margin-top: 2em;
}
.menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu li.menu-item > a {
padding: 0;
}
.menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu li.menu-item + li.menu-item {
margin-top: 18px;
}
/* Search */
.menu_mobile .search_mobile {
@include abs-lb(50%, 8rem);
margin-left: -14.5rem;
width: 280px;
}
.menu_mobile .search_mobile form {
position: relative;
}
.menu_mobile .search_mobile .search_field {
width: 100%;
padding: 17px 30px 17px 50px !important;
@include border-radius(var(--theme-var-rad));
border-width: 1px;
border-style: solid;
border-color: var(--theme-color-extra_bd_hover);
}
.menu_mobile .search_mobile .search_field[placeholder]::-webkit-input-placeholder {
color: var(--theme-color-extra_text);
}
.menu_mobile .search_mobile .search_field[placeholder]::-moz-placeholder {
color: var(--theme-color-extra_text);
}
.menu_mobile .search_mobile .search_field[placeholder]:-ms-input-placeholder {
color: var(--theme-color-extra_text);
}
.menu_mobile .search_mobile .search_field[placeholder]::placeholder {
color: var(--theme-color-extra_text);
}
.menu_mobile .search_mobile .search_submit {
left: 1.2em;
font-size: inherit;
}
.menu_mobile .search_mobile .search_submit:before {
color: var(--theme-color-extra_text);
}
/* Socials */
.menu_mobile .socials_mobile {
@include abs-lb(0, 4rem);
display: block;
text-align: center;
width: 100%;
a {
color: var(--theme-color-extra_dark);
}
a:hover {
color: var(--theme-color-extra_hover);
}
}
.menu_mobile .social_item {
display: inline-block;
margin: 1em 2em 0 0;
}
.menu_mobile .social_item:last-child {
margin-right: 0;
}
.menu_mobile .social_item .social_icon {
@include square(1em);
display: block;
font-size: 1em;
}
.menu_mobile_close {
@include square(3rem);
color: var(--theme-color-extra_light) !important;
font-size: 1.8rem;
right: 19px;
top: 19px;
.theme_button_close_icon {
height: 80%;
left: 10%;
top: 10%;
width: 80%;
&:before,
&:after {
border-color: var(--theme-color-extra_light);
border-width: 2px;
}
}
}
/* 16.3 Menu mobile in mobile layout */
.mobile_device .menu_mobile .menu_mobile_nav_area,
.mobile_layout .menu_mobile .menu_mobile_nav_area {
@include transform-none;
margin: 2.4em auto 0;
max-height: none;
position: relative;
top: auto;
}
.mobile_device .menu_mobile .search_mobile,
.mobile_layout .menu_mobile .search_mobile {
bottom: auto;
left: 0;
margin: 3em auto 0;
position: relative;
}
.mobile_device .menu_mobile .socials_mobile,
.mobile_layout .menu_mobile .socials_mobile {
bottom: auto;
margin: 1em 0 0;
position: relative;
}
/* 17 Posts
-------------------------------------------------------------- */
/* 17.1 Common styles */
.blog_archive {
padding-bottom: 4em;
}
.post_item {
color: var(--theme-color-text);
}
.post_item > .post_title {
margin-top: 0;
}
.post_item .post_title a:hover,
.post_item .post_title a:focus {
color: var(--theme-color-text_link);
}
.post_item .more-link,
.sc_portfolio_preview_show .post_readmore {
margin-top: 2.2em;
}
.search-results .content .post_item .post_title a,
.archive.author .content .post_item .post_title a,
.archive.tag .content .post_item .post_title a,
.post_item.post_layout_excerpt .post_title a,
.post_item.post_layout_classic .post_title a,
.post_item.post_layout_band .post_title a {
color: var(--theme-color-text_dark) !important;
}
.post_item.post_layout_portfolio .post_title a {
color: var(--theme-color-extra_dark) !important;
}
.sc_blogger .sc_blogger_item,
.sc_blogger_band .post_item,
.sc_blogger_excerpt .post_item,
.sc_blogger_classic-masonry.post_item,
.sc_blogger_portfolio-masonry .post_item {
.post_featured + .sc_blogger_item_content .sc_blogger_item_title a,
&.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a {
color: var(--theme-color-text_dark)!important;
}
[class*="post_info_"] .sc_blogger_item_title,
[class*="post_info_"] .sc_blogger_item_title a {
color: var(--theme-color-extra_dark) !important;
}
}
.search-results .content .post_item,
.archive.author .content .post_item,
.archive.tag .content .post_item,
.post_item.post_layout_excerpt,
.post_item.post_layout_classic,
.post_item.post_layout_band,
.post_item.post_layout_portfolio,
.sc_blogger .sc_blogger_item,
.sc_blogger_band .post_item,
.sc_blogger_excerpt .post_item,
.sc_blogger_classic-masonry.post_item,
.sc_blogger_portfolio-masonry .post_item {
.post_featured.post_featured_bg {
.featured_bg_wrapper {
@include abs-lt();
width: 100%;
height: 100%;
overflow: hidden;
}
.featured_bg {
@include transition(transform 1s ease);
@include scale(1.01);
}
.featured_bg.background_parallax {
transition: background-position 0.2s ease, transform 1s ease;
}
}
.slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide,
.post_featured:not(.post_featured_bg) img {
@include transition(transform 1s ease);
}
.post_featured > a {
@include abs-cover(3);
}
/* Image hover */
&:hover {
.post_featured.post_featured_bg.hover_inherit .featured_bg,
.slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide.swiper-slide-active {
@include scale(1.075);
}
.post_featured:not(.post_featured_bg).hover_inherit img {
@include scale(1.075);
}
}
/* Title hover */
.post_title a,
.sc_item_featured [class*="post_info_"] .entry-title a,
&:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a,
.post_featured + .sc_blogger_item_content .sc_blogger_item_title a,
&.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a {
display: inline;
padding: 0;
background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 0 2px;
@include box-sizing(border-box);
transition: background-size .8s cubic-bezier(0.25, 0.8, 0.25, 1);
}
&:hover {
.post_title a,
.sc_item_featured [class*="post_info_"] .entry-title a,
&:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a,
.post_featured + .sc_blogger_item_content .sc_blogger_item_title a,
&.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a {
-webkit-background-size: 100% 2px;
background-size: 100% 2px;
}
}
h6 a {
background-size: 0 1px !important;
}
&:hover {
h6 a {
background-size: 100% 1px !important;
}
}
}
/* Blog post Animation */
@include keyframes(animation_fade_in_up) {
0% {
opacity: 0;
}
100% {
opacity: 1;
top: 0;
}
}
.single-post {
.post_header_wrap.with_featured_image:not(.post_header_wrap_style_style-3) .featured_bg {
background-attachment: fixed;
}
.sc_blogger {
z-index: 1;
&.alignright,
&.alignleft {
.sc_blogger_item {
position: relative;
top: 20px;
opacity: 0;
&.kicker_animation_fade_in_up {
animation: animation_fade_in_up 0.3s ease-out forwards;
@for $i from 1 through 3 {
&:nth-child(#{$i}) {
animation-delay: $i * 0.1s;
}
}
}
}
}
}
.content_wrap {
.sc_widget_video,
.sc_widget_slider {
position: relative;
top: 40px;
opacity: 0;
&.kicker_animation_fade_in_up {
animation: animation_fade_in_up 0.3s ease-out forwards;
}
}
}
.trx_addons_video_player.with_cover .video_embed iframe {
max-height: 100%!important;
}
}
/* 17.2 Post with password */
.post-password-form label {
display: inline-block;
vertical-align: top;
}
.post-password-form input[type="submit"] {
display: inline-block;
margin-left: 0.2em;
}
.post-password-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:focus {
color: var(--theme-color-bg_color);
}
/* 17.3 Post info block */
.post_meta,
.post_meta_item,
.post_meta_item:after,
.post_meta_item:hover:after,
.post_meta .vc_inline-link,
.post_meta .vc_inline-link:after,
.post_meta .vc_inline-link:hover:after,
.post_meta_item a,
.post_info .post_info_item,
.post_info .post_info_item a,
.post_info_counters .post_meta_item {
color: var(--theme-color-text_light);
}
.post_date a:hover,
.post_date a:focus,
a.post_meta_item:hover,
a.post_meta_item:focus,
.post_meta_item a:hover,
.post_meta_item a:focus,
.post_meta .vc_inline-link:hover,
.post_meta .vc_inline-link:focus,
.post_info .post_info_item a:hover,
.post_info .post_info_item a:focus,
.post_info_meta .post_meta_item:hover,
.post_info_meta .post_meta_item:focus {
color: var(--theme-color-text_hover);
}
.post_meta .post_meta_item,
.post_meta .vc_inline-link {
@include transition-property(color);
display: inline-block;
font-size: inherit; // Need for Gutenberg editor
margin-left: 0;
vertical-align: middle;
}
.post_meta .post_meta_item:after,
.post_meta .post_meta_item.post_edit:after,
.post_meta .vc_inline-link:after {
content: '';
display: inline-block;
margin: 0 0.55em;
vertical-align: baseline;
}
.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 .post_meta_item:before,
.post_meta .vc_inline-link:before,
.post_meta .post_meta_item > .post_counters_number {
margin-right: 0.3em;
}
.post_meta .vc_inline-link:before {
content: '\e8bb';
font-family: $theme_icons;
}
.post_meta .post_meta_item_label {
margin-right: 0.3em;
}
.post_meta .post_meta_item .post_meta_number + .post_meta_label {
margin-left: 0.3em;
display: none;
}
/* 17.4 Author in the post meta */
.post_meta .post_author {
@include flex-align-items(center);
display: inline-flex;
.post_author_avatar {
display: inline-block;
line-height: inherit;
margin-right: 1em;
vertical-align: middle;
}
.post_author_avatar > img {
@include border-round;
@include square(2rem);
}
.post_author_by {
margin-right: 0.3em;
}
.post_author_name {
@include transition(color 0.3s ease);
color: var(--theme-color-text_dark);
display: inline-block;
font-weight: 600;
}
&:hover .post_author_name {
color: var(--theme-color-text_hover);
}
}
/* 17.5 Categories in the post meta */
.post_category:empty {
display: none;
}
.post_meta_item.post_categories,
.post_meta_item.post_sponsored {
color: var(--theme-color-text_link);
font-weight: 600;
letter-spacing: 0.06em;
vertical-align: baseline;
> a {
margin-right: 0.5em;
}
> a:last-child {
margin-right: 0;
}
a {
color: var(--theme-color-text_link);
}
a:hover {
color: var(--theme-color-text_dark);
}
.trx_addons_extended_taxonomy img {
display: none !important;
}
}
.post_header_single {
.post_meta_categories {
margin-top: -0.5em !important;
}
.post_meta_item.post_sponsored,
.post_meta_item.post_categories {
display: inline-flex;
flex-wrap: wrap;
}
.post_meta_item.post_sponsored a,
.post_meta_item.post_categories a {
margin-top: 0.5em;
line-height: 14px;
}
}
/* 17.6 Icons in the post meta */
.post_meta_item {
&.icon-comment-light:before {
content: '\E9B2';
}
&.trx_addons_icon-eye:before {
content: '\e9c1';
font-family: $theme_icons;
font-size: 1.1em;
}
&.trx_addons_icon-heart-empty:before {
font-size: 1.1em;
}
}
/* 17.7 Sponsored content */
.single-post .post_meta_item .post_sponsored_label {
background-color: var(--theme-color-extra_hover);
color: var(--theme-color-extra_dark);
padding: 0.25em 0.85em;
border-radius: 10px;
font-weight: 600;
letter-spacing: 0.06em;
line-height: 14px;
}
.single-post .post_meta_item a.post_sponsored_label:hover {
background-color: var(--theme-color-extra_bg_color);
color: var(--theme-color-extra_dark) !important;
}
/* 17.8 Socials share in the post meta */
.post_meta_item .social_items {
font-size: 1em;
}
.post_meta_item .social_items .social_item .social_icon i {
font-style: normal;
text-transform: capitalize;
font-family: inherit;
}
.post_meta_item .socials_share {
display: inline;
vertical-align: baseline;
}
.socials_share .socials_caption:before {
line-height: 0.9em;
}
.socials_share.socials_type_block .socials_caption,
.socials_share.socials_type_list .socials_caption {
display: none;
}
.socials_share.socials_type_drop {
.social_items {
@include transform(none);
color: var(--theme-color-alter_dark);
background-color: var(--theme-color-alter_bg_color);
padding: 1.9em 1.4em;
border: none;
box-shadow: 0 5px 26px rgba(0, 0, 0, 0.07);
top: 2.5em;
left: 0;
right: auto;
bottom: auto;
max-width: 180px;
width: 180px;
z-index: 2001;
}
.social_items:before {
display: none;
}
.social_items.updated .social_item:after {
content: attr(data-title);
text-transform: capitalize;
}
.social_items .social_item {
color: var(--theme-color-alter_dark);
}
.social_items .social_item:hover {
color: var(--theme-color-alter_link);
}
.social_item + .social_item {
margin-top: 0.55em;
}
.social_item .social_icon span {
margin-right: 0.75em;
font-size: 1.15rem;
font-weight: 400;
line-height: 1em;
}
.social_item .social_icon i {
font-size: 13px;
font-weight: 700;
}
}
/* 17.9 Tabs (internal and Essential Grid) */
.mptt-navigation-tabs,
div.kicker_tabs .kicker_tabs_titles {
letter-spacing: 0;
list-style-type: none;
margin: 0em 0 3em;
padding: 0;
text-align: center;
}
div.esg-filter-wrapper .esg-filterbutton,
.mptt-navigation-tabs li,
div.kicker_tabs .kicker_tabs_titles li {
@include border-radius(0);
@include font(12px, 1.4em, normal);
border: none;
display: inline-block;
margin: 0 0 3px;
padding: 0;
text-transform: uppercase;
}
div.esg-filter-wrapper .esg-filterbutton:hover,
div.esg-filter-wrapper .esg-filterbutton.selected {
@include box-shadow(none);
}
div.esg-filter-wrapper .esg-filterbutton + .esg-filterbutton,
.mptt-navigation-tabs li + li,
div.kicker_tabs .kicker_tabs_titles li + li {
margin-left: 3px;
}
div.esg-filter-wrapper .esg-filterbutton > span,
.mptt-navigation-tabs li a,
div.kicker_tabs .kicker_tabs_titles li a,
div.kicker_tabs .kicker_tabs_titles li a.ui-tabs-anchor {
@include transition-colors;
background-color: var(--theme-color-alter_bg_color);
color: var(--theme-color-alter_dark);
display: block;
float: none;
padding: 1.75em 3em;
}
div.esg-filter-wrapper .esg-filterbutton > span:hover,
.mptt-navigation-tabs li a:hover,
.mptt-navigation-tabs li a:focus,
.kicker_tabs .kicker_tabs_titles li a:hover,
.kicker_tabs .kicker_tabs_titles li a:focus,
.kicker_tabs .kicker_tabs_titles li a.ui-tabs-anchor:hover,
.kicker_tabs .kicker_tabs_titles li a.ui-tabs-anchor:focus {
background-color: var(--theme-color-text_link);
color: var(--theme-color-inverse_link);
}
div.esg-filter-wrapper .esg-filterbutton.selected > span,
.mptt-navigation-tabs li.active a,
.kicker_tabs .kicker_tabs_titles li.ui-state-active a,
.kicker_tabs .kicker_tabs_titles li.ui-state-active a.ui-tabs-anchor {
background-color: var(--theme-color-text_dark);
color: var(--theme-color-bg_color);
}
div.kicker_tabs .kicker_tabs_content {
padding: 0;
}
div.kicker_tabs .kicker_tab_content_remove {
opacity: 0;
}
div.kicker_tabs .nav-links {
margin-top: 1em;
}
[class*="scheme_"].sidebar div.esg-filter-wrapper .esg-filterbutton > span,
[class*="scheme_"].sidebar .mptt-navigation-tabs li a,
[class*="scheme_"].sidebar .kicker_tabs .kicker_tabs_titles li a {
background-color: var(--theme-color-alter_bg_hover);
color: var(--theme-color-alter_dark);
}
[class*="scheme_"].sidebar div.esg-filter-wrapper .esg-filterbutton > span:hover,
[class*="scheme_"].sidebar .mptt-navigation-tabs li a:hover,
[class*="scheme_"].sidebar .mptt-navigation-tabs li a:focus,
[class*="scheme_"].sidebar .kicker_tabs .kicker_tabs_titles li a:hover,
[class*="scheme_"].sidebar .kicker_tabs .kicker_tabs_titles li a:focus {
background-color: var(--theme-color-alter_link);
color: var(--theme-color-inverse_link);
}
[class*="scheme_"].sidebar div.esg-filter-wrapper .esg-filterbutton.selected > span,
[class*="scheme_"].sidebar .mptt-navigation-tabs li.active a,
[class*="scheme_"].sidebar .kicker_tabs .kicker_tabs_titles li.ui-state-active a {
background-color: var(--theme-color-alter_dark);
color: var(--theme-color-alter_bg_color);
}
/* 17.10 Post's banners */
.page_content_wrap {
position: relative;
}
.content .before_post_header_banner_wrap {
margin-bottom: 2em;
}
.content .after_post_header_banner_wrap {
margin-bottom: 2em;
}
.custom-background .page_content_wrap {
background-color: transparent !important;
}
.custom-background .content_wrap > .content,
.background_banner_wrap~.content_wrap > .content {
padding: 4rem;
@include border-box;
}
.between_posts_banner_wrap {
margin-bottom: 5.714rem;
margin-top: calc(-5.714rem - 13px);
padding: 3.214rem;
}
.sidebar_hide .between_posts_banner_wrap {
@include translateX;
left: 50%;
width: 100vw;
}
.sidebar_hide .between_posts_banner_wrap:before {
@include abs-pos;
@include translateX;
background-color: var(--theme-color-alter_bg_color);
content: '';
display: block;
left: 50%;
width: var(--theme-var-page_fullwide_max);
z-index: -1;
}
/* 17.11 Post featured block */
.post_featured {
margin-bottom: 1.95em;
overflow: hidden;
position: relative;
}
body.sidebar_hide .post_featured.alignwide,
body.sidebar_hide .post_featured.alignfull {
z-index: 100;
}
.post_featured.with_gallery {
overflow: visible;
}
.post_featured.with_video {
z-index: 2000 !important;
&.with_thumb:after {
@include abs-cover;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.25) 66%, rgba(0, 0, 0, 0.75) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.25) 66%, rgba(0, 0, 0, 0.75) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.25) 66%, rgba(0, 0, 0, 0.75) 100%);
content: ' ';
pointer-events: none;
}
.post_info_video {
@include abs-lb;
@include border-box;
@include transform-none;
display: none;
margin: 0;
opacity: 1;
padding: 3em 1.5em 1.5em;
pointer-events: none;
right: 0;
text-align: center;
top: auto;
width: 100%;
z-index: 2;
& > * {
color: #fff;
}
.post_info_title {
margin: 0.25em 0;
}
}
}
.post_featured.with_audio {
.post_info_audio {
text-align: left;
padding: 0.8em 0.8em 0.5em;
}
}
.post_featured.with_video_list {
overflow: visible;
}
.post_featured > p {
margin: 0;
height: 0;
}
.post_featured_bg {
@include bg-cover;
}
.post_featured_bg:before {
@include box(0, 0);
content: ' ';
display: inline-block;
margin-left: -0.3em;
padding-top: 56.25%;
vertical-align: top;
}
// Uncomment this if you want to stretch images to the block's width
//.post_featured[class*="hover_"] {
// display: block;
//}
//.post_featured img {
// width:100%;
// height:auto;
//}
.featured_bg_wrapper,
.featured_bg_wrapper .featured_bg {
height: 100%
}
.featured_bg_wrapper .featured_bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.post_featured_right {
float: right;
margin-left: 4.3478%;
width: 50%;
}
.post_featured_left {
float: left;
margin-right: 4.3478%;
width: 50%;
}
.post_featured .mask {
background-color: rgba(0, 0, 0, 0.5);
}
/* Rating */
.post_hover_rating {
display: none;
}
/* 17.12 Sticky posts */
.sticky {
position: relative;
&:not(.post_layout_custom) {
border: 1px solid var(--theme-color-bd_color);
padding: 2em;
.label_sticky {
@include abs-rt(-14px, -14px);
@include box(0, 0);
@include rotate(225deg);
border-top-color: var(--theme-color-text_link);
border: 12px solid transparent;
display: block;
}
}
}
.sidebar_hide .sticky_wrap .sticky,
.body_style_fullwide .sticky_wrap .sticky,
.body_style_fullscreen .sticky_wrap .sticky {
text-align: center;
}
ul.sc_layouts_submenu .sticky {
border: none;
padding: 0;
.label_sticky {
display: none;
}
}
.sticky_wrap {
margin-bottom: 5em;
position: relative;
z-index: 1; // Need to place share menu over next post
.sticky {
.post_featured {
display: inline-block;
}
.post_categories {
margin-top: 1em;
}
.post_title {
letter-spacing: 1px;
margin-bottom: 0;
margin-top: 0.5em;
text-transform: uppercase;
}
}
}
/* 18. Post Formats
-------------------------------------------------------------- */
/* 18.1 Audio */
.widget_subtitle + .trx_addons_audio_wrap {
margin-top: 1em;
}
.format-audio .post_featured {
position: relative;
img {
position: relative;
}
&.with_thumb .mask {
background: linear-gradient( transparent, rgba(0,0,0,0.95)); //#000000f2
}
}
.format-audio .post_featured .post_audio.with_iframe .post_audio_author,
.format-audio .post_featured .post_audio.with_iframe .post_audio_title,
.single-format-audio .post_featured .post_audio.with_iframe .post_audio_author,
.single-format-audio .post_featured .post_audio.with_iframe .post_audio_title,
.sc_layouts_blog_item_featured .post_featured .post_audio.with_iframe .post_audio_author,
.sc_layouts_blog_item_featured .post_featured .post_audio.with_iframe .post_audio_title {
display: none;
}
.format-audio .post_featured .post_audio_author,
.single-format-audio .post_featured .post_audio_author,
.sc_layouts_blog_item_featured .post_featured .post_audio_author,
.trx_addons_audio_player .audio_author {
@include font(12px, 20px, 400, normal);
letter-spacing: 0.1em;
text-transform: uppercase;
margin: 0 0 0.9em;
color: var(--theme-color-alter_text);
}
.format-audio .post_featured .post_audio_title,
.single-format-audio .post_featured .post_audio_title,
.sc_layouts_blog_item_featured .post_featured .post_audio_title,
.trx_addons_audio_player .audio_caption {
margin: 0 0 0.25em;
}
.format-audio .post_featured .post_audio_author + .post_audio_title,
.single-format-audio .post_featured .post_audio_author + .post_audio_title,
.sc_layouts_blog_item_featured .post_featured .post_audio_author + .post_audio_title,
.trx_addons_audio_player .audio_author + .audio_caption {
margin-top: -0.35em;
}
.format-audio .post_featured .post_audio_description,
.single-format-audio .post_featured .post_audio_description,
.sc_layouts_blog_item_featured .post_featured .post_audio_description,
.trx_addons_audio_player .audio_description {
@include font(1.142rem, 2em, 400);
}
.trx_addons_audio_player .audio_info + .audio_embed,
.trx_addons_audio_player .audio_info + .audio_frame {
margin-top: 1.2em;
}
.trx_addons_audio_player {
padding: 2.75rem 2.857rem;
}
.trx_addons_audio_wrap .trx_addons_audio_navigation {
& > span {
opacity: 1;
color: var(--theme-color-alter_text);
}
& > span:hover {
color: var(--theme-color-alter_dark);
}
.trx_addons_icon-slider-left:before {
font-size: 0.9em;
content: '\e837';
font-family: fontello;
margin-right: 0.5em;
}
.trx_addons_icon-slider-right:before {
font-size: 0.9em;
content: '\e836';
font-family: fontello;
margin-left: 0.5em;
}
}
.trx_addons_audio_player .audio_now_playing {
margin-top: 0;
}
/* Without BG cover */
.trx_addons_audio_player.without_cover {
border: none;
background-color: var(--theme-color-alter_bg_color);
}
.trx_addons_audio_player.without_cover,
.format-audio .post_featured.without_thumb,
.single-format-audio .post_featured.without_thumb {
.post_audio:not(.with_iframe) {
border: 1px solid var(--theme-color-alter_bd_color);
padding: 2em 2.5em;
}
.post_audio {
background-color: var(--theme-color-alter_bg_color);
border: none;
}
.audio_now_playing {
color: var(--theme-color-alter_dark);
}
.post_audio_author {
color: var(--theme-color-alter_light);
}
.post_audio_title {
color: var(--theme-color-alter_dark);
}
.post_audio_description {
color: var(--theme-color-alter_text);
}
.mejs-container {
min-height: initial;
}
.mejs-controls {
background: var(--theme-color-alter_bg_color);
height: 40px;
padding: 0;
}
}
/* With BG cover */
.trx_addons_audio_player.with_cover .audio_author,
.format-audio .post_featured.with_thumb .post_audio_description,
.single-format-audio .post_featured.with_thumb .post_audio_description,
.trx_addons_audio_player.with_cover .audio_description,
.format-audio .post_featured.with_thumb .post_audio_title,
.single-format-audio .post_featured.with_thumb .post_audio_title,
.trx_addons_audio_player.with_cover .audio_caption,
.sc_layouts_blog_item_featured .post_featured.with_thumb .post_audio_description,
.sc_layouts_blog_item_featured .post_featured.with_thumb .post_audio_title {
color: var(--theme-color-extra_dark);
}
.format-audio .post_featured.with_thumb .post_audio,
.sc_layouts_blog_item_featured .post_featured.with_thumb .post_audio {
@include abs-pos(auto, 0, 0, 0, 1000);
text-align: left;
}
.trx_addons_audio_player.with_cover,
.format-audio .content_wrap > .post_featured.with_thumb,
.single-format-audio .content_wrap > .post_featured.with_thumb {
position: relative;
&:before {
@include abs-cover(3);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.25) 66%, rgba(0, 0, 0, 0.5) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.25) 66%, rgba(0, 0, 0, 0.5) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.25) 66%, rgba(0, 0, 0, 0.5) 100%);
content: ' ';
display: block !important;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
.trx_addons_audio_player_wrap {
position: relative;
z-index: 3;
}
.post_audio_author {
color: var(--theme-color-extra_text);
}
}
.trx_addons_audio_wrap.with_cover .trx_addons_audio_navigation {
& > span {
color: var(--theme-color-extra_text);
}
& > span:hover {
color: var(--theme-color-extra_dark);
}
}
.single-format-audio .post_featured.with_thumb,
.previous_post_content .post_format_audio .post_featured.with_thumb {
.post_audio {
background-color: var(--theme-color-extra_bg_color);
left: 0;
margin: 0;
position: absolute;
right: 0;
bottom: 0;
padding: 0.8em;
z-index: 11;
.post_audio_author,
.post_audio_title,
.post_audio_description {
color: var(--theme-color-extra_dark);
}
}
.post_audio iframe {
min-height: 60px;
}
.mejs-container {
min-height: 40px;
}
.mejs-controls .mejs-button > button {
background-color: transparent;
color: var(--theme-color-extra_dark);
font-size: 1.85em;
}
.mejs-controls .mejs-volume-button.mejs-mute > button:before {
content: '\e9d3';
}
.mejs-controls .mejs-volume-button.mejs-unmute > button:before {
content: '\e9d2';
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-time-rail .mejs-time-buffering,
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-time-rail .mejs-time-hovered,
.mejs-controls .mejs-time-rail .mejs-time-handle-content {
height: 3px;
}
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-time-rail .mejs-time-hovered,
.mejs-controls .mejs-volume-slider .mejs-volume-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: var(--theme-color-extra_bd_hover);
}
.mejs-controls .mejs-time.mejs-currenttime-container {
margin-left: 4px;
}
.mejs-controls .mejs-time.mejs-duration-container {
margin-right: 10px;
}
.mejs-controls .mejs-horizontal-volume-slider {
margin: 0 15px 0 10px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: var(--theme-color-extra_link);
}
.mejs-controls .mejs-time {
color: var(--theme-color-extra_text);
}
.mejs-time-rail {
margin: 0 28px;
}
.mejs-horizontal-volume-slider,
.mejs-horizontal-volume-total {
width: 75px;
}
}
.post_audio_btn {
@include border-round;
@include square(5.428rem);
@include transition(all ease 0.3s);
background-color: var(--theme-color-extra_dark);
color: var(--theme-color-extra_bg_color);
cursor: pointer;
font-size: 1.7rem;
margin-bottom: 1.7em;
text-align: center;
box-sizing: border-box;
padding-right: 0.2em;
}
.post_audio_btn:hover {
background-color: var(--theme-color-extra_hover);
color: var(--theme-color-extra_dark);
}
.post_audio_btn:before {
content: '\e9c4';
font-family: $theme_icons;
}
/* 18.2 Video */
.post_featured.without_thumb {
display: block;
}
.post_featured.with_thumb {
position: relative;
}
.post_featured.with_thumb .post_video,
.sc_layouts_blog_item_featured .post_featured.with_thumb .post_video {
// Next 3 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 abs-cover;
@include flex-align-items(center);
@include flex-justify-content(center);
@include flex;
@include transition-all;
opacity: 0;
overflow: hidden;
text-align: center;
}
.post_featured.with_thumb .post_video:before,
.sc_layouts_blog_item_featured .post_featured.with_thumb .post_video:before {
@include box(0, 0);
content: ' ';
display: inline-block;
padding-top: 55%;
}
.post_featured.with_thumb img,
.sc_layouts_blog_item_featured .post_featured.with_thumb img {
position: relative;
z-index: 2;
}
.trx_addons_video_player.with_cover .video_mask {
display: none;
}
/* 18.2.1 Video hover */
.trx_addons_video_player.with_cover.post_video_play .video_hover,
.post_featured.with_thumb.post_video_play .post_video_hover,
.post_featured.with_thumb.post_video_play + .post_header .post_video_hover,
.sc_layouts_blog_item_featured .post_featured.with_thumb.post_video_play .post_video_hover {
display: none;
}
.trx_addons_video_player.with_cover .video_hover,
.post_featured.with_thumb .post_video_hover,
.post_featured.with_thumb + .post_header .post_video_hover,
.sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover,
.post_featured.with_thumb .trx_addons_video_sticky .post_video:before {
@include abs-lt(50%, 50%, 2000);
@include content-box;
@include border-round;
@include box(5rem, 5rem, 5.1rem);
@include transform-none; // translate make the bad antialias on Webkit, use the negative margin instead
@include transition-all;
@include translate(-50%, -50%);
background-color: var(--theme-color-extra_dark);
border: 3px solid var(--theme-color-extra_dark);
color: var(--theme-color-extra_bg_color);
cursor: pointer;
font-size: 1.2857rem;
margin: 0 !important;
opacity: 1;
overflow: hidden;
text-align: center;
}
.trx_addons_video_player.with_cover .video_hover:hover,
.post_featured.with_thumb .post_video_hover:hover,
.post_featured.with_thumb + .post_header .post_video_hover:hover,
.sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover:hover,
.post_featured.with_thumb .trx_addons_video_sticky .post_video:hover:before {
background-color: var(--theme-color-extra_hover);
border-color: var(--theme-color-extra_hover);
color: var(--theme-color-extra_dark);
}
.trx_addons_video_player.with_cover .video_hover:before,
.post_featured.with_thumb .post_video_hover:before,
.post_featured.with_thumb + .post_header .post_video_hover:before,
.sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover:before,
.post_featured.with_thumb .trx_addons_video_sticky .post_video:before {
content: '\e9a2';
font-family: $theme_icons;
margin-left: 1px;
}
.post_header_wrap .post_featured .trx_addons_video_player.with_cover .video_hover:before {
margin-left: 4px;
margin-top: 2px;
}
.post_header_wrap .post_featured.with_thumb .post_video_hover:before {
margin-left: 4px;
}
.post_featured.with_thumb .trx_addons_video_sticky .post_video {
opacity: 1;
background-color: #121418;
}
.post_featured.with_thumb .trx_addons_video_sticky .post_video:before {
padding: 0;
}
.post_featured.with_thumb.post_video_play .trx_addons_video_sticky .post_video:before {
opacity: 0;
}
/* 18.2.2 Video hover bordered */
.trx_addons_video_player.with_cover .video_hover.style_bordered,
.post_featured.with_thumb .post_video_hover.style_bordered,
.sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover.style_bordered {
background-color: transparent;
border-color: var(--theme-color-extra_dark);
color: var(--theme-color-extra_dark);
}
.trx_addons_video_player.with_cover .video_hover.style_bordered:hover,
.post_featured.with_thumb .post_video_hover.style_bordered:hover,
.sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover.style_bordered:hover {
background-color: transparent;
border-color: var(--theme-color-extra_hover);
color: var(--theme-color-extra_hover);
}
.post_featured.with_thumb .post_video_hover > a,
.post_featured.with_thumb + .post_header .post_video_hover > a,
.sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover > a {
@include abs-cover;
display: block;
}
.post_featured.post_video_play .post_video,
.sc_layouts_blog_item_featured .post_featured.post_video_play .post_video {
opacity: 1;
z-index: 100;
}
/* 18.2.3 Video hover on the single post with sidebar */
.single.sidebar_show .post_item_single .post_content {
.trx_addons_video_player.with_cover .video_hover,
.post_featured.with_thumb .post_video_hover,
.sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover {
@include square(5rem);
font-size: 1.3rem;
background-color: var(--theme-color-extra_dark);
border-color: var(--theme-color-extra_dark);
color: var(--theme-color-extra_bg_color);
&:before{
margin-left: 4px;
}
}
.trx_addons_video_player.with_cover .video_hover.style_bordered:hover,
.post_featured.with_thumb .post_video_hover.style_bordered:hover,
.sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover.style_bordered:hover {
background-color: var(--theme-color-extra_hover);
border-color: var(--theme-color-extra_hover);
color: var(--theme-color-extra_dark);
}
}
/* 18.2.4 Video hover in the sidebar and footer area */
.sidebar .trx_addons_video_player.with_cover .video_hover,
.footer_wrap .trx_addons_video_player.with_cover .video_hover {
@include square(3.5em);
font-size: 1rem;
margin: -1.85em 0 0 -1.85em !important;
}
[class*="scheme_"].sidebar .trx_addons_video_player.with_cover .video_hover {
background-color: var(--theme-color-alter_bg_color);
color: var(--theme-color-alter_dark);
}
[class*="scheme_"].sidebar .trx_addons_video_player.with_cover .video_hover:hover {
background-color: var(--theme-color-alter_dark);
color: var(--theme-color-alter_bg_color);
}
/* 18.3 Gallery */
.format-gallery .post_featured.with_thumb .slider_outer {
@include abs-cc(1000);
width: 100%;
}
/* 18.4 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 {
padding: 1em 1.3158em;
}
.format-aside .post_content_inner {
background-color: var(--theme-color-alter_bg_color);
color: var(--theme-color-alter_dark);
}
.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;
}
/* 18.5 Chat */
.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;
}
.format-chat p > b,
.format-chat p > strong {
color: var(--theme-color-text_dark);
}
/* 19. Paginations
-------------------------------------------------------------- */
/* 19.1 Blog pagination: Load more and Infinite */
.nav-links-more,
.woocommerce-links-more {
letter-spacing: 1px;
margin-top: 2.85rem;
text-transform: uppercase;
}
[class*="blog_style_classic"] .nav-links-more,
[class*="blog_style_masonry"] .nav-links-more {
margin-top: 0;
}
.nav-links-more.nav-links-infinite,
.woocommerce-links-more.woocommerce-links-infinite {
display: none;
}
.nav-links-more a,
.woocommerce-links-more a {
display: inline-block;
padding-top: 2em;
position: relative;
}
.nav-links-more a:hover,
.woocommerce-links-more a:hover {
@include animation(squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2));
}
.nav-links-more.loading a:before,
.woocommerce-links-more.loading a:before {
@include animation(spin 2s infinite linear);
content: '\e831';
font-family: $theme_icons;
margin-right: 0.5em;
display: inherit;
}
.nav-links-infinite a span,
.woocommerce-links-infinite a span {
opacity: 1;
}
.nav-links-infinite.loading,
.woocommerce-links-infinite.loading {
display: block;
}
/* 19.2 Blog pagination: Prev/Next links */
.nav-links-old {
margin-top: 2.85rem;
overflow: hidden;
text-transform: uppercase
}
.nav-links-old .nav-prev a,
.nav-links-old .nav-next a {
display: block;
}
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 {
float: left;
position: relative;
}
.nav-links-old .nav-next {
float: right;
position: relative;
}
.nav-links-old .nav-prev a:before,
.nav-links-old .nav-next a:after {
display: none;
}
/* 19.3 Blog pagination: Page numbers */
.woocommerce nav.woocommerce-pagination ul,
.comments_pagination,
.nav-links,
.page_links {
border: none;
clear: both;
font-size: 16px;
font-weight: 600;
list-style-type: none;
margin-top: 2.85rem;
text-align: left;
text-transform: uppercase;
}
.trx_addons_present .page_links {
margin-top: 0;
}
.page_links .page_links_title {
display: inline-block;
margin: 1em 1em 0 0;
vertical-align: top;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current,
.page_links > span:not(.page_links_title),
.page_links > a,
.comments_pagination .page-numbers,
.nav-links .page-numbers {
@include border-box;
@include border-sharp;
@include box(49px, 49px, 48px);
@include transition-properties(color, background-color, border-color, background-position);
border: 1px solid;
display: inline-block;
font-size: inherit;
font-weight: inherit;
margin: 0 7px 0 0;
padding: 0;
vertical-align: top;
text-align: center;
&:last-child {
margin-right: 0;
}
}
.woocommerce nav.woocommerce-pagination ul li a,
.page_links > a,
.comments_pagination .page-numbers,
.nav-links .page-numbers {
background-color: var(--theme-color-bg_color);
border-color: var(--theme-color-bd_color);
color: var(--theme-color-text_dark);
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.page_links > a:hover,
.page_links > span:not(.page_links_title),
.comments_pagination a.page-numbers:hover,
.comments_pagination .page-numbers.current,
.nav-links a.page-numbers:hover,
.nav-links .page-numbers.current {
background-color: var(--theme-color-text_dark);
border-color: var(--theme-color-text_dark);
color: var(--theme-color-bd_color);
}
.woocommerce nav.woocommerce-pagination ul li {
border: none;
display: inline-block;
margin: 0 0.6667em 0 0;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current {
margin-right: 0;
}
.nav-links .page-numbers.first,
.nav-links .page-numbers.prev,
.nav-links .page-numbers.next,
.nav-links .page-numbers.last,
.comments_pagination .page-numbers.first,
.comments_pagination .page-numbers.prev,
.comments_pagination .page-numbers.next,
.comments_pagination .page-numbers.last,
.woocommerce nav.woocommerce-pagination ul li a.first,
.woocommerce nav.woocommerce-pagination ul li a.prev,
.woocommerce nav.woocommerce-pagination ul li a.next,
.woocommerce nav.woocommerce-pagination ul li a.last {
overflow: hidden;
position: relative;
text-indent: -200px;
}
.nav-links .page-numbers.first:before,
.nav-links .page-numbers.prev:before,
.nav-links .page-numbers.next:before,
.nav-links .page-numbers.last:before,
.comments_pagination .page-numbers.first:before,
.comments_pagination .page-numbers.prev:before,
.comments_pagination .page-numbers.next:before,
.comments_pagination .page-numbers.last:before,
.woocommerce nav.woocommerce-pagination ul li a.first:before,
.woocommerce nav.woocommerce-pagination ul li a.prev:before,
.woocommerce nav.woocommerce-pagination ul li a.next:before,
.woocommerce nav.woocommerce-pagination ul li a.last:before {
@include abs-lt;
font-family: $theme_icons;
font-weight: 400;
text-align: center;
text-indent: 0;
width: 100%;
font-size: 22px;
line-height: 48px;
}
.nav-links .page-numbers.prev:before,
.comments_pagination .page-numbers.prev:before,
.woocommerce nav.woocommerce-pagination ul li a.prev:before {
content: '\E9BD';
}
.nav-links .page-numbers.next:before,
.comments_pagination .page-numbers.next:before,
.woocommerce nav.woocommerce-pagination ul li a.next:before {
content: '\E9BC';
}
.nav-links .page-numbers.first:before,
.comments_pagination .page-numbers.first:before,
.woocommerce nav.woocommerce-pagination ul li a.first:before,
.nav-links .page-numbers.last:before,
.comments_pagination .page-numbers.last:before,
.woocommerce nav.woocommerce-pagination ul li a.last:before {
font-size: 18px;
letter-spacing: -12px;
}
.nav-links .page-numbers.first:before,
.comments_pagination .page-numbers.first:before,
.woocommerce nav.woocommerce-pagination ul li a.first:before {
content: '\e9c0\e9c0';
margin-left: -5px;
}
.nav-links .page-numbers.last:before,
.comments_pagination .page-numbers.last:before,
.woocommerce nav.woocommerce-pagination ul li a.last:before {
content: '\e9a6\e9a6';
margin-left: -5px;
}
/* Attachments navigation */
.image-navigation .nav-previous,
.image-navigation .nav-next {
@include abs-lc(1.5em);
float: none;
margin: 0;
padding: 0;
text-align: left;
width: auto;
}
.image-navigation .nav-next {
left: auto;
right: 1.5em;
text-align: right;
}
.image-navigation .nav-previous a,
.image-navigation .nav-next a {
@include border-radius(var(--theme-var-rad));
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(0, 0, 0, 0);
color: #fff;
display: block;
max-width: 20em;
overflow: hidden;
padding: 1.1em 1em;
text-overflow: ellipsis;
white-space: nowrap;
width: 0;
}
.image-navigation .nav-previous a:hover,
.image-navigation .nav-next a:hover {
@include border-radius(var(--theme-var-rad));
background-color: rgba(0, 0, 0, 0.6);
border-color: rgba(0, 0, 0, 0.6);
color: #fff;
width: auto;
}
.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 {
@include abs-lc;
@include border-round;
@include square(4em);
background-color: #333;
border: 1px solid #000;
color: #fff;
content: '\e8ef';
font-family: $theme_icons;
}
.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 {
background-color: transparent;
border-color: transparent;
}
/* 20. Blog
-------------------------------------------------------------- */
.sc_layouts_blog_item .post_button a,
.sc_layouts_blog_item .post_meta > a,
.sc_layouts_blog_item .post_meta > span {
vertical-align: middle;
}
.sc_layouts_blog_item .post_meta > .post_author {
display: inline-flex;
}
/* 20.1 Full post in the blog */
.full_post_loading {
position: relative;
}
.full_post_loading:after {
@include bg-mask(#fff, 0.7, 9999);
background-color: var(--theme-color-bg_color_07);
background-image: url(../../../images/preloader2.png);
background-position: center;
background-repeat: no-repeat;
content: ' ';
}
.full_post_content {
position: relative;
}
.posts_container .full_post_content {
border-top: 1px solid var(--theme-color-bd_color);
margin-top: 7em;
padding-top: 7em;
}
.posts_container .full_post_content:not(:last-child) {
border-bottom: 1px solid var(--theme-color-bd_color);
margin-bottom: 7em;
padding-bottom: 7em;
}
.sc_item_posts_container .full_post_content,
.sc_item_posts_container .full_post_content:not(:last-child) {
border-bottom: 1px solid var(--theme-color-bd_color);
margin-bottom: 2em;
padding-bottom: 2em;
}
.full_post_opened:first-child + .full_post_content {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.full_post_read {
overflow: visible;
}
.sc_blogger_item.full_post_read .entry-title, // posts in shortcode Blogger
.full_post_read .post_title, // blog posts
.full_post_read .sc_layouts_blog_item_title {
// custom posts layouts
position: relative;
}
.full_post_read .sc_layouts_blog_item_title {
display: inline-block;
vertical-align: top;
}
.sc_blogger_item.full_post_read .entry-title:after, // posts in shortcode Blogger
.full_post_read .post_title:after, // blog posts
.full_post_read .sc_layouts_blog_item_title:after {
// custom posts layouts
@include abs-lt(-0.5em, -0.2em);
@include box(2em, 1em);
@include rotate(-20deg);
background-image: url(../../../images/read.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
content: ' ';
display: none; // Hide read marker by default
opacity: 0.7;
pointer-events: none;
}
.full_post_read .sc_layouts_blog_item_title .post_title:after {
display: none;
}
button.full_post_close {
-webkit-position: sticky;
@include border-box;
@include box-shadow(0 2px 4px 0 rgba(0, 0, 0, 0.2));
@include square(50px);
background-color: var(--theme-color-bg_color);
border-radius: 50% !important;
color: var(--theme-color-text_link);
cursor: pointer;
float: right;
margin: 0 0 1em 2em;
position: sticky;
top: 12em;
z-index: 1000;
}
button.full_post_close:hover {
color: var(--theme-color-text_hover);
}
button.full_post_close:after {
content: '\e916';
font-family: $theme_icons;
}
.full_post_progress {
-webkit-backface-visibility: hidden;
@include abs-lt(0, 0, -1);
@include border-round;
@include rotate(-90deg);
@include square(100%);
display: block;
pointer-events: none;
}
.full_post_progress svg {
fill: currentColor;
}
.full_post_progress_bar {
fill: transparent;
stroke-dasharray: 137.4;
stroke-dashoffset: 0;
stroke-width: 2;
stroke: var(--theme-color-text_link);
}
button.full_post_read_complete:after {
content: '\e8ab';
}
.full_post_read_complete .full_post_progress {
display: none;
}
/* 20.2 Masonry */
.masonry_wrap {
margin-right: calc( -1 * var(--theme-var-grid_gap));
position: relative;
}
.masonry_wrap .masonry_item {
@include border-box;
border-width: 0;
display: inline-block;
margin-bottom: 0;
padding: 0 var(--theme-var-grid_gap) var(--theme-var-grid_gap) 0;
position: relative;
vertical-align: top;
width: 50%;
.post_featured:not(.post_featured_bg)[class*="hover_"] {
display: block;
}
}
.masonry_wrap .masonry_item-1_1 {
width: 100%;
}
.masonry_wrap .masonry_item-1_2 {
width: 50%;
}
.masonry_wrap .masonry_item-1_3 {
width: 33.3333%;
}
.masonry_wrap .masonry_item-1_4 {
width: 25%;
}
/* 20.3 Blog items */
header .sc_layouts_meta {
.post_meta {
font-size: 15px;
margin-top: 0;
}
.post_meta_item {
color: var(--theme-color-text);
}
a.post_meta_item:hover {
color: var(--theme-color-text_dark);
}
.post_meta .post_meta_item:before {
margin-right: 0.7em;
}
.post_meta_item .post_meta_number + .post_meta_label {
display: inline-block;
text-transform: capitalize;
}
.post_meta_item.post_share {
font-size: 13px;
font-weight: 600;
letter-spacing: 0;
padding: 22px 33px 22px 47px;
margin-left: 27px;
border-left: 1px solid var(--theme-color-bd_color);
}
.post_meta_item.post_share a {
color: var(--theme-color-text_dark);
}
.post_meta_item.post_share a:hover {
color: var(--theme-color-text_hover);
}
.socials_share .socials_caption:before {
content: '\E9CE';
font-family: $theme_icons;
font-size: 1.5em;
font-weight: 400;
margin-right: 0.6em;
color: var(--theme-color-text);
}
.socials_share.socials_type_drop .social_items {
top: 4em;
left: auto;
right: -33px;
width: auto;
max-width: none;
}
}
/* 20.4 Scroll progress bar */
.scroll_progress_wrap {
height: 4px;
z-index: 999;
background-color: var(--theme-color-bd_color);
}
.scroll_progress_wrap .scroll_progress_status {
background-color: var(--theme-color-text_dark) !important;
}
.sc_layouts_row_fixed .scroll_progress_fixed {
transition: none;
position: absolute;
top: 100%;
}
body > .scroll_progress_wrap.scroll_progress_fixed {
visibility: hidden;
}
/* 21. Single page parts
-------------------------------------------------------------- */
.structured_data_snippets {
display: none;
}
.post_item_single a.post_meta_item:hover,
.post_item_single .post_meta_item > a:hover,
.post_item_single .post_meta_item .socials_caption:hover,
.post_item_single .post_edit a:hover {
color: var(--theme-color-text_hover);
}
.post_item_single::after {
clear: both;
content: ' ';
display: block;
height: 0;
width: 100%;
}
.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;
}
.section_title {
margin: 0 0 1.5em;
text-align: left;
}
.post_content_single {
position: relative;
}
.post_content_single:after {
@include box(100%, 0);
clear: both;
content: ' ';
display: block;
}
.post_content_single > *:last-child {
margin-bottom: 0;
}
/* 21.1 Narrow content */
.sidebar_hide.narrow_content .post_item_single.post_type_post,
.sidebar_hide.narrow_content .post_item_single.post_type_page {
width: var(--theme-var-content_narrow);
max-width: 100%;
margin: 0 auto;
}
.sidebar_hide.narrow_content .show_comments_single,
.sidebar_hide.narrow_content .comments_wrap,
.sidebar_hide.narrow_content .related_wrap {
margin-left: auto;
margin-right: auto;
width: var(--theme-var-content_narrow);
max-width: 100%;
}
.sidebar_hide.narrow_content .wp-block-image figcaption {
max-width: var(--theme-var-content_narrow);
}
/* 21.1 Normal content */
.normal_content .post_info_vertical {
float: left;
margin: 0 30px 23px 0;
}
.sidebar_hide.normal_content .wp-block-image figcaption {
max-width: var(--theme-var-content);
}
/* 21.2 Vertical share */
.sidebar_hide.narrow_content .post_info_vertical {
@include abs-lt( calc( -1 * var(--theme-var-padding_narrow)), 0);
}
.sidebar_right .post_info_vertical,
.sidebar_hide.narrow_content .previous_post_content.sidebar_show .post_info_vertical {
@include abs-lt;
}
.sidebar_left .post_info_vertical {
@include abs-rt;
}
.sidebar_show.post_with_info_vertical.previous_post_content {
.post_item_single {
width: auto;
}
}
.sidebar_right.post_with_info_vertical {
.post_item_single > .post_content,
.post_item_single > .post_footer,
.show_comments_single,
.comments_wrap {
padding-left: 15.7rem;
}
}
.sidebar_left.post_with_info_vertical {
.post_item_single > .post_content,
.post_item_single > .post_footer,
.show_comments_single,
.comments_wrap {
padding-right: 15.7rem;
}
}
.post_info_vertical_present {
position: relative;
}
.post_info_vertical_share {
.post_share_label {
margin-bottom: 1.2em;
margin-top: 0.3em;
}
.socials_wrap:not(.socials_type_list) .social_item {
margin-right: 8px;
}
.socials_wrap:not(.socials_type_list) .social_item .social_icon {
@include box(3.12em, 3.12em, 3.12em);
@include border-round;
border: 1px solid var(--theme-color-bd_color);
color: var(--theme-color-text_dark);
font-size: 1.1rem;
}
.socials_wrap:not(.socials_type_list) .social_item .social_icon:hover {
color: var(--theme-color-text_link);
}
}
.sidebar_show .post_info_vertical_share,
.normal_content .post_info_vertical_share {
margin-top: -9px;
.post_share_label {
display: none
}
.socials_wrap .social_item {
display: block;
margin: 0 0 3px;
}
}
/* 21.3 Vertical content (post_vertical_content) */
.post_info_vertical_share + .post_info_vertical_content {
margin-top: 3.4em;
}
.post_info_vertical_share + .post_info_vertical_content h5 {
margin-top: 1.5em;
}
.post_info_vertical_content {
i {
font-size: 1.142rem;
}
h5 {
margin-top: 0.3em;
margin-bottom: 0.2em;
}
p {
margin-bottom: 1.25em;
}
.sc_button:not(.sc_button_simple) {
padding-left: 31px;
padding-right: 30px;
}
}
/* 21.4 Post header */
.post_item_single > .post_featured {
margin-bottom: 3em;
text-align: center; // Align the featured image to the center if its width less then width of the content area
}
.post_item_single > .post_featured > img {
width: auto;
max-height: 80vh;
}
.post_featured.post_attachment {
margin-bottom: 0.5em;
}
.entry-caption {
text-align: center;
font-style: italic;
}
.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_content .elementor-text-editor > h1:first-child,
.post_item_single .post_content .elementor-text-editor > h2:first-child,
.post_item_single .post_content .elementor-text-editor > h3:first-child,
.post_item_single .post_content .elementor-text-editor > h4:first-child,
.post_item_single .post_content .elementor-text-editor > h5:first-child,
.post_item_single .post_content .elementor-text-editor > h6:first-child,
.post_item_single .post_title {
margin-top: -0.2em;
}
.post_item_single .post_header_single .post_title {
margin-bottom: 0;
}
.post_header_wrap {
.sc_widget_video_list {
overflow: visible;
}
.trx_addons_video_list_type_alter {
.trx_addons_video_list_title_wrap {
display: none !important;
}
&.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap {
height: 100%;
}
&.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item {
padding: 0 30px 0 50px;
}
.trx_addons_video_list_controller_wrap .trx_addons_video_list_image {
width: 41%;
}
.trx_addons_video_list_controller_wrap .trx_addons_video_list_image + .trx_addons_video_list_info {
width: 59%;
}
}
}
@media (min-width: 1024px ) {
.sidebar_show:not(.sidebar_present) .post_header_wrap {
.trx_addons_video_list_type_alter {
&.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap {
height: auto;
}
}
}
}
.post_header_wrap .post_header {
.post_title {
margin-top: 0;
margin-bottom: 0;
}
.post_subtitle {
@include font(1.142rem, 2em, normal);
}
.post_meta_other .post_meta_item {
white-space: nowrap;
}
.post_meta_other .post_meta_item:after,
.post_meta_other .vc_inline-link:after {
content: '';
margin: 0 0.8em 0 0;
}
.post_meta_other .post_author {
@include flex-align-items(center);
display: inline-flex;
}
.post_meta_reading {
pointer-events: none;
}
.socials_wrap .social_item {
margin: 0 7px 0 0;
}
.socials_wrap .social_item .social_icon {
@include border-round;
@include box(3.12em, 3.12em, 3.12em);
background-color: var(--theme-color-bg_color);
border: 1px solid var(--theme-color-bd_color);
color: var(--theme-color-text_dark);
display: block;
font-size: 1.1rem;
}
.socials_wrap .social_item .social_icon:hover {
@include theme_button_colors_hover;
}
}
.post_header_wrap .post_featured.with_thumb + .post_header .post_video_hover {
@include square(4.5rem);
position: relative;
top: auto;
left: auto;
transform: none;
margin: 0 auto 2.1em !important;
}
.post_header_wrap_in_header .post_featured.with_audio.with_thumb:not(.audio_inited) .post_audio {
visibility: hidden;
}
/* 21.5 Post footer */
/* Tags */
.post_item_single .post_tags_single {
@include flex-direction(row);
@include flex-justify-content(flex-start);
@include flex-wrap(wrap);
@include flex;
margin-top: 2.55em;
}
.post_item_single .post_tags_single .post_meta_label {
display: none;
margin-right: 0.5em;
vertical-align: middle;
}
.post_item_single .post_tags_single a {
@include font(13px, 1.5em, 600);
@include transition-properties(color, background-color, border-color);
background-color: var(--theme-color-bg_color);
border: 1px solid;
border-color: var(--theme-color-bd_color);
border-radius: 1.922rem;
color: var(--theme-color-text_dark);
display: inline-block;
letter-spacing: -0.01em;
margin: 7px 7px 0 0;
padding: 0.572rem 1.922rem;
text-transform: capitalize;
vertical-align: top;
}
.post_item_single .post_tags_single a:hover {
background-color: var(--theme-color-bg_color);
border-color: var(--theme-color-bd_color);
color: var(--theme-color-text_link);
}
/* Emotions */
.post_item_single .trx_addons_emotions {
margin-top: 3em;
}
/* Likes and share in the single post */
.post_item_single .post_meta_single {
@include flex-align-items(center);
@include flex-direction(row);
@include flex-justify-content(space-between);
@include flex;
border-top: 1px solid var(--theme-color-bd_color);
margin-top: 5em;
padding-top: 2.5em;
}
.post_item_single .post_content > .trx_addons_emotions + .post_meta_single {
@include flex-justify-content(flex-start);
}
/* Likes */
.post_item_single .post_meta_single .post_meta_likes {
&:before {
content: '\e9ca';
font-family: $theme_icons;
@include border-round;
@include box(3.57rem, 3.57rem, 3.8rem !important);
@include font(1rem, '', 400);
@include transition-properties(color, background-color, border-color, box-shadow);
background-color: var(--theme-color-alter_bg_color);
border: 1px solid;
border-color: var(--theme-color-alter_bg_color);
color: var(--theme-color-input_dark);
box-shadow:inset 0 0 0 0 rgba(233,51,20, 0);
margin-right: 0.9em;
}
&:after {
display: none;
}
&.enabled:hover:before {
color: var(--theme-color-inverse_link);
box-shadow:inset 0 0 0 26px rgba(233,51,20, 1);
}
&.enabled .post_meta_number {
animation: heart_opacity_dislike .5s;
}
&.disabled .post_meta_number {
animation: heart_opacity_like .5s;
}
&.disabled:before {
content: '\e9d1';
animation: heart_size .5s, heart_round 1s;
}
.post_meta_number {
color: var(--theme-color-text_dark);
font-size: 1.2857rem;
}
}
@include keyframes(heart_round) {
0% {
box-shadow:inset 0 0 0 26px rgba(233,51,20, 1);
}
100% {
box-shadow:inset 0 0 0 0 rgba(233,51,20, 0);
}
}
@include keyframes(heart_size) {
0% {font-size: 1rem;}
50% {font-size: 1.5rem;}
100% {font-size: 1rem;}
}
@include keyframes(heart_opacity_like) {
0% {opacity: 0;}
80% {opacity: 0;}
100% {opacity: 1;}
}
@include keyframes(heart_opacity_dislike) {
0% {opacity: 0;}
100% {opacity: 1;}
}
/* Share */
.post_item_single .post_meta_single .post_share .socials_share.socials_type_block .social_item {
margin: 4px 8px 4px 0;
position: relative;
&:first-child {
margin-left: 0;
}
&[data-title]:before {
@include font(13px, 1em, 600);
@include transition(opacity 0.1s ease);
background-color: var(--theme-color-bg_color);
box-shadow: 0 5px 26px rgba(0, 0, 0, 0.07);
content: attr(data-title);
position: absolute;
left: 0;
top: 100%;
margin-top: 6px;
padding: 10px;
text-transform: none;
width: max-content;
opacity: 0;
}
&[data-title]:hover:before {
opacity: 1;
}
.social_icon {
@include square(3.26em);
@include border-round;
background-color: var(--theme-color-alter_bg_color);
border-color: var(--theme-color-alter_bg_color);
color: var(--theme-color-input_dark);
display: block;
font-size: 1.1rem;
}
.social_icon:hover {
background-color: var(--theme-color-text_link);
border-color: var(--theme-color-text_link);
color: var(--theme-color-inverse_link) !important;
}
.social_icon[class*="social_icon_twitter"] {
color: #02A8F3;
}
.social_icon[class*="social_icon_facebook"] {
color: #3B5998;
}
}
/* 21.6 Single page Prev/Next navigation */
.nav-links-single:not(.nav-links-fixed) {
border-top: 1px solid var(--theme-color-bd_color);
margin-top: 1.75em;
padding-top: 3.25em;
}
.nav-links-single:not(.nav-links-fixed) .navigation {
position: relative;
}
.nav-links-single:not(.nav-links-fixed) .navigation:before {
background-color: var(--theme-color-bd_color);
bottom: -1em;
content: '';
left: 50%;
position: absolute;
top: -1em;
width: 1px;
}
.nav-links-single:not(.nav-links-fixed) .nav-links .nav-previous {
float: left;
padding-right: 30px;
text-align: left;
}
.nav-links-single:not(.nav-links-fixed) .nav-links .nav-next {
float: right;
padding-left: 30px;
text-align: right;
}
.nav-links-single .nav-links {
margin-top: 0;
overflow: hidden;
text-align: left;
text-transform: none;
a {
display: block;
position: relative;
}
a .nav-arrow {
@include bg-cover;
@include box(5.714rem, 5.714rem, 5.714rem);
display: none;
overflow: hidden;
text-align: center;
}
.nav-arrow-label {
display: block;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.1em;
line-height: 18px;
text-transform: uppercase;
}
.nav-arrow-label:before,
.nav-arrow-label:after {
display: inline-block;
font-family: $theme_icons;
font-size: 1.5em;
font-weight: 400;
vertical-align: top;
}
.nav-previous,
.nav-next {
width: 50%;
@include border-box;
}
.nav-previous .nav-arrow-label:before {
content: '\E9C0';
margin-right: 0.45em;
}
.nav-next .nav-arrow-label:after {
content: '\E9A6';
margin-left: 0.35em;
margin-right: -0.05em;
}
.nav-previous .post-title {
text-align: left;
}
.nav-next .post-title {
text-align: right;
}
.nav-arrow-label,
.post-title,
.post_date {
@include transition-colors(0.3s, ease);
}
.meta-nav,
.post_date {
display: none;
}
.nav-arrow-label,
.meta-nav,
.post_date {
color: var(--theme-color-text);
}
.post-title {
margin: 0.75em 0 0;
}
a:hover .post-title {
color: var(--theme-color-text_link);
}
}
.nav-links-single.nav-links-fixed {
@include transition(opacity 0.3s ease);
bottom: 140px;
left: 0px;
opacity: 0;
position: fixed;
right: 0px;
z-index: 100;
&.nav-links-visible {
opacity: 1;
}
.nav-arrow-label {
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
@include font(0.928rem, 51px, 600);
@include transition(all 0.3s ease);
background-color: var(--theme-color-alter_bg_color);
bottom: 0;
color: var(--theme-color-input_dark);
letter-spacing: 0.06em;
padding: 0;
position: absolute;
text-align: center;
text-orientation: mixed;
top: 0;
writing-mode: vertical-rl;
z-index: 2;
}
.nav-previous .nav-arrow-label {
right: 0;
}
.nav-next .nav-arrow-label {
left: 0;
}
.nav-previous .nav-arrow-label:before {
@include rotate(90deg);
content: '\e9bd';
margin-bottom: 0.7em;
margin-right: 0;
}
.nav-next .nav-arrow-label:after {
@include rotate(90deg);
content: '\e9bc';
margin-left: 0;
margin-top: 0.7em;
}
.nav-links .nav-previous,
.nav-links .nav-next {
@include box-shadow(0 3px 26px rgba(0, 0, 0, 0.07));
@include transition(left 0.3s ease, right 0.3s ease);
background-color: var(--theme-color-bg_color);
bottom: 0;
position: absolute;
width: 345px;
}
a .nav-arrow {
display: block;
}
.post-title {
margin-top: 0;
}
.post_date {
display: block;
margin-top: 0.45em !important;
}
.nav-previous {
left: -345px;
}
.nav-next {
left: auto;
right: -345px;
}
&.nav-links-visible .nav-links .nav-previous {
left: -295px;
}
&.nav-links-visible .nav-links .nav-next {
right: -295px;
}
&.nav-links-visible .nav-links .nav-previous:hover {
left: 0;
}
&.nav-links-visible .nav-links .nav-next:hover {
right: 0;
}
&.nav-links-visible .nav-links .nav-previous:hover .nav-arrow-label {
background-color: var(--theme-color-extra_bg_color);
color: var(--theme-color-extra_dark);
right: calc(100% - 50px);
}
&.nav-links-visible .nav-links .nav-next:hover .nav-arrow-label {
background-color: var(--theme-color-extra_bg_color);
color: var(--theme-color-extra_dark);
left: calc(100% - 50px);
}
.nav-previous a {
padding: 4.2rem 9rem 3.9rem 5rem;
}
.nav-next a {
padding: 4.2rem 5rem 3.9rem 9rem;
}
.nav-previous a .nav-arrow {
@include abs-rc(2.1rem);
}
.nav-next a .nav-arrow {
@include abs-lc(2.1rem);
}
.nav-previous .post-title,
.nav-previous .post_date {
text-align: right;
}
.nav-next .post-title,
.nav-next .post_date {
text-align: left;
}
}
.menu_side_left .nav-links-single.nav-links-fixed {
margin-left: var(--theme-var-menu_side);
}
.menu_side_right .nav-links-single.nav-links-fixed {
margin-right: var(--theme-var-menu_side);
}
.nav-links-single-scroll.kicker_loading {
margin-top: 4em;
min-height: 3em;
}
.previous_post_content {
border-top: 13px solid var(--theme-color-bd_color);
margin-top: 5.714rem;
padding-top: 5.714rem;
}
.sidebar_hide .previous_post_content:before {
content: '';
@include translateX;
background-color: var(--theme-color-bd_color);
display: block;
height: 13px;
left: 50%;
margin-top: calc(-5.714rem - 13px);
position: absolute;
width: var(--theme-var-page_fullwide_max);
}
/* 21.7 Post author */
.author_info {
background-color: var(--theme-color-alter_bg_color);
margin-top: 3.2em;
padding: 2.142rem 2.142rem 2.8rem;
position: relative;
.author_avatar {
@include abs-lt(2.142rem, 2.142rem);
@include border-round;
@include square(5.714rem);
overflow: hidden;
}
.author_avatar img {
@include box(100%, auto);
}
.author_description {
padding-left: 100px;
}
.author_bio {
@include font(1.071rem, 1.73em, 400);
}
.author_label {
@include font(12px, 18px, 400);
color: var(--theme-color-alter_text);
letter-spacing: 0.1em;
margin-top: 0.94em;
text-transform: uppercase;
}
.author_title {
margin: 0.35em 0 0.9em;
}
.author_bio {
p {
margin: 0;
}
p + p {
margin-top: 0.6em;
}
.author_links {
@include flex-align-items(center);
@include flex-direction(row);
@include flex-justify-content(space-between);
@include flex;
margin-top: 0.93em;
}
.author_link {
display: none;
}
.socials_wrap {
margin-top: 0;
.social_item {
margin: 0 1.95em 0 0;
color: var(--theme-color-alter_dark);
*:hover {
color: var(--theme-color-alter_link);
}
.social_icon {
background-color: transparent !important;
@include box(1.2em, auto, inherit);
text-align: center;
}
}
}
}
}
/* 21.8 Related posts */
.related_wrap {
border-top: 1px solid var(--theme-color-bd_color); // Don't hide, because related services are cut while rotate
margin-top: 3.571rem;
padding-top: 3.2rem;
.section_title {
margin: 0 0 0.68em;
}
.columns_wrap {
margin-bottom: calc( -1 * var(--theme-var-grid_gap) );
}
.post_featured .mejs-container .mejs-controls {
background-color: var(--theme-color-extra_bg_color);
padding: 10px;
height: 60px;
}
.slider_outer_controls_top > .slider_controls_wrap {
top: -4.2em !important;
}
}
.post_content .related_wrap {
border-top: none;
margin: 25px 0;
padding: 0.02px 0;
}
.post_content .related_wrap_slider {
margin-bottom: 1em;
}
.post_content .related_wrap.related_position_inside_left {
float: left;
margin: 1em 1em 1em 0;
max-width: calc( var(--theme-var-page_column) * 3 + var(--theme-var-grid_gap) * 2);
}
.post_content .related_wrap.related_position_inside_right {
float: right;
margin: 1em 0 1em 1em;
max-width: calc( var(--theme-var-page_column) * 3 + var(--theme-var-grid_gap) * 2);
}
.post_content .related_wrap.related_position_inside_left .slider_container:not(.slider_multi):not(.slider_type_images),
.post_content .related_wrap.related_position_inside_left .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide,
.post_content .related_wrap.related_position_inside_right .slider_container:not(.slider_multi):not(.slider_type_images),
.post_content .related_wrap.related_position_inside_right .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide {
min-height: 5em;
}
.related_wrap .related_item {
text-align: center;
}
.related_wrap .post_categories {
font-size: 12px;
}
.related_wrap .post_categories ul {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
vertical-align: top;
}
.related_wrap .post_categories li,
.related_wrap .post_categories > a {
display: inline-block;
margin: 0;
vertical-align: top;
}
.related_wrap .post_categories li + li,
.related_wrap .post_categories > a + a {
margin-left: 0.5em;
}
.related_wrap .post_categories li:nth-child(n + 3),
.related_wrap .post_categories > a:nth-child(n + 3) {
display: none; // Hide more then 2 categories
}
.related_wrap .post_title {
margin: 0;
}
.related_wrap .post_meta [class^="icon-"] {
@include font(1.2em, inherit);
margin-left: 0;
margin-right: .3em;
vertical-align: top;
}
.post_content.post_info_vertical_present .related_wrap,
.narrow_content .related_wrap {
.post_featured {
.post_title {
font-size: 1.25em;
}
.post_descr {
display: none;
}
}
}
/* 21.8.2 Style 2: Classic */
.related_wrap.related_style_classic .post_featured {
margin-bottom: 13px;
}
.related_wrap.related_style_classic .post_featured[class*="hover_"] {
display: inline-block;
vertical-align: top;
}
.related_wrap.related_style_classic .post_featured img {
height: auto;
max-width: 100%;
}
.related_wrap.related_style_classic .post_meta {
@include flex-justify-content(center);
margin-bottom: 8px;
margin-top: 0;
}
/* 21.8.3 Style 3: Wide */
.related_wrap.related_style_wide .related_item {
@include flex-align-items(flex-start);
@include flex-direction(row);
@include flex-justify-content(flex-start);
@include flex;
text-align: left;
.post_featured {
margin: 0 1em 0 0;
width: 6em;
&[class*="hover_"] {
display: block;
}
img {
width: 100%;
}
}
.post_meta {
margin-top: 7px;
}
.post_title {
margin: -0.25em 0 0;
}
&.format-video,
&.format-audio,
&.format-gallery {
@include flex-direction(column);
.post_featured {
margin: 0 0 1em 0;
width: 100%;
}
}
}
.post_content .related_wrap.related_style_wide .columns_wrap.columns_padding_bottom > [class*="column-"],
.post_content .related_wrap.related_style_wide .columns_wrap > [class*="column-"].columns_padding_bottom {
padding-bottom: 1em;
}
/* 21.8.4 Style 4: List */
.related_wrap.related_style_list .related_item {
padding: 0 0 0 1.5em;
position: relative;
text-align: left;
.post_meta {
margin-top: 7px;
}
}
.related_wrap.related_style_list .related_item:before {
@include abs-lt(0, 0.75em);
@include border-round;
@include square(6px);
background-color: var(--theme-color-text_link);
content: ' ';
}
.post_content .related_wrap.related_style_list .columns_wrap.columns_padding_bottom > [class*="column-"],
.post_content .related_wrap.related_style_list .columns_wrap > [class*="column-"].columns_padding_bottom {
padding-bottom: 1em;
}
/* 21.8.5 Style 5: Short */
.related_wrap.related_style_short .related_item {
position: relative;
text-align: left;
&:after {
content: '';
@include abs-lb(0, -15px);
width: 100%;
border-bottom: 1px solid var(--theme-color-bd_color);
}
}
.related_wrap .related_wrap_slider .related_item_style_short.related_item {
border-bottom: none;
}
.related_wrap.related_style_short .columns_wrap .column-1_4:last-child .related_item,
.related_wrap.related_style_short .columns_wrap .column-1_4:nth-last-child(2) .related_item,
.related_wrap.related_style_short .columns_wrap .column-1_4:nth-last-child(3) .related_item,
.related_wrap.related_style_short .columns_wrap .column-1_4:nth-last-child(4) .related_item,
.related_wrap.related_style_short .columns_wrap .column-1_3:last-child .related_item,
.related_wrap.related_style_short .columns_wrap .column-1_3:nth-last-child(2) .related_item,
.related_wrap.related_style_short .columns_wrap .column-1_3:nth-last-child(3) .related_item,
.related_wrap.related_style_short .columns_wrap .column-1_2:last-child .related_item,
.related_wrap.related_style_short .columns_wrap .column-1_2:nth-last-child(2) .related_item,
.related_wrap.related_style_short .columns_wrap .column-1_1:last-child .related_item {
border-bottom: none;
}
.post_content .related_wrap.related_style_short .columns_wrap.columns_padding_bottom > [class*="column-"],
.post_content .related_wrap.related_style_short .columns_wrap > [class*="column-"].columns_padding_bottom {
padding-bottom: 1em;
}
/* 21.9 Comments */
.page_contact_form {
border-color: var(--theme-color-bd_color);
}
/* Comments */
.body_style_fullscreen .comments_wrap {
margin-bottom: 3em;
}
.comments_wrap {
display: none;
&.opened {
display: block;
}
}
.comments_i_agree_privacy_policy label {
display: block !important;
}
/* 21.9.1 Show comments button in full post */
.show_comments_single {
margin-top: 2.95em;
text-align: center;
.show_comments_button {
@include theme_button_colors_style_1;
width: 100%;
}
.show_comments_button:after {
@include font(1.3em, '', 400);
content: '\e9ba';
display: inline-block;
font-family: $theme_icons;
margin-left: 0.5em;
vertical-align: top;
}
.show_comments_button.opened:after {
content: '\e9bb';
}
/* Animated mask */
.show_comments_button {
position: relative;
}
.show_comments_button.opened:before,
.show_comments_button:not(.opened):before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
animation-name: commentsButtonFade;
animation-duration: 0.8s;
animation-timing-function: ease;
border-radius: inherit;
}
@keyframes commentsButtonFade {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.show_comments_button:not(.opened):before {
animation-name: commentsButtonFade2;
}
@keyframes commentsButtonFade2 {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
}
/* 21.9.2 Comment list */
.comments_list_wrap {
margin-top: 5.1em;
overflow: hidden;
}
.comments_list_wrap .comments_closed {
color: var(--theme-color-text_dark);
margin-top: 2em;
}
.comments_list_wrap > ul {
list-style: none;
margin: 0;
padding: 0;
}
.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
min-height: 6em;
overflow: hidden;
position: relative;
}
.comments_list_wrap ul > li:before {
display: none;
}
.comments_list_wrap ul ul {
padding-left: 6.4em;
}
.comments_list_wrap ul ul ul ul ul {
border-left: none;
padding-left: 0;
&:before,
&.children > li:after {
display: none;
}
&.children > li:last-child:before {
left: 0;
}
}
.comments_list_wrap li + li,
.comments_list_wrap li ul {
margin-top: 2.9em;
margin-bottom: 0;
}
.comment_item.has-children > .comment_body {
position: relative;
}
.comments_list_wrap .comment_author_avatar {
@include abs-lt;
@include border-round;
@include square(6.428rem);
overflow: hidden;
}
.comments_list_wrap .comment_author_avatar img {
width: 100%;
}
.comments_list_wrap .comment_content {
overflow: hidden;
padding-left: 110px;
}
.comments_list_wrap .comment_info {
color: var(--theme-color-text_dark);
margin-bottom: 1.05em;
margin-top: 0.55em;
position: relative;
}
.comments_list_wrap .bypostauthor .comment_bypostauthor {
@include font(12px, 18px, normal);
color: var(--theme-color-text);
display: block;
letter-spacing: 0.1em;
margin-bottom: 0.5em;
text-transform: uppercase;
}
.comments_list_wrap .bypostauthor > .comment_body .comment_author_avatar:after {
will-change: transform;
}
.comments_list_wrap .comment_author {
margin: 1.2em 0 0.7em;
}
.comments_list_wrap .comment_bypostauthor + .comment_author {
margin: 0 0 0.7em;
}
.comments_list_wrap .comment_posted {
@include font(12px, 1.4em);
color: var(--theme-color-text_light);
display: block;
letter-spacing: 0;
margin-bottom: 0.25em;
position: relative;
text-transform: uppercase;
}
.comments_list_wrap .comment_posted_label {
display: none;
}
.comments_list_wrap .comment_date,
.comments_list_wrap .comment_time,
.comments_list_wrap .comment_time_label {
display: inline-block;
margin-right: 0.3em;
vertical-align: baseline;
}
.comments_list_wrap .comment_not_approved {
padding: 0.2em 0 0.5em 0;
font-style: italic;
}
.comments_list_wrap .trx_addons_reviews_text {
font-weight: bold;
}
.comments_list_wrap .comment_text {
@include font(1.071rem, 1.73em, 400);
color: var(--theme-color-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 {
margin: 0 0 0.5em 0;
min-height: 0;
overflow: visible;
padding: 0;
}
.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_footer {
margin-top: 0.7em;
}
.comments_list_wrap .comment_counters {
display: inline-block;
margin-right: 1.9em;
vertical-align: middle;
}
.comments_list_wrap .comment_counters_item:before {
margin: 0 0.3em 0 1px;
font-style: normal;
}
.comments_list_wrap .comment_counters .comment_counters_number {
color: var(--theme-color-text);
}
.comments_list_wrap .comment_counters .comment_counters_label {
display: none;
}
.comments_list_wrap .comment_counters_item .comment_counters_number_separator {
margin: 0 0.2em;
}
.comments_list_wrap .comment_reply {
@include font(1.142rem, 18px, bold);
display: inline-block;
letter-spacing: 0;
margin-top: 1px;
text-transform: none;
vertical-align: middle;
}
.comments_list_wrap .comment_reply a:after {
content: '\e9b3';
display: inline-block;
font-family: $theme_icons;
font-size: 0.6em;
margin-left: 1em;
vertical-align: middle;
}
.comments_list_wrap .comment_footer a {
color: var(--theme-color-text_dark);
}
.comments_list_wrap .comment_footer a:hover {
color: var(--theme-color-text_hover);
}
.comments_wrap .comments_notes {
color: var(--theme-color-text_light);
}
.comments_list_wrap ul.children:before {
content: '';
position: absolute;
bottom: 0;
left: 2.95rem;
top: 8.8rem;
width: 1px;
background-color: var(--theme-color-bd_color);
}
.comments_list_wrap ul.children > li {
overflow: visible;
}
.comments_list_wrap ul.children > li:last-child:before {
content: '';
width: 3px;
position: absolute;
top: calc(3.214rem + 1px);
bottom: 0;
left: -4em;
display: block;
background-color: var(--theme-color-bg_color);
}
.comments_list_wrap ul.children > li:after {
content: '';
height: 1px;
width: 1.5rem;
position: absolute;
top: 3.214rem;
left: -3.95em;
background-color: var(--theme-color-bd_color);
}
/* 21.9.3 Trackbacks and pingbacks */
.comments_list > li.pingback,
.comments_list > li.trackback {
list-style: none;
margin-left: 0;
min-height: 0;
padding-left: 0;
padding-right: 4em;
padding-top: 1em;
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);
}
/* 21.9.4 Comments form */
.comments_form_wrap {
margin-top: 4.75em;
overflow: hidden;
}
.comments_form_wrap form {
position: relative;
}
.comments_form_wrap .comments_form_title {
margin: 0 0 1.2em;
}
.comments_wrap .comments_list_wrap .comments_form_title {
margin-top: 1.2em;
position: relative;
}
.comments_wrap .comments_list_wrap .comments_form_title.comment-reply-title {
padding-right: 13%;
}
.comments_wrap .comments_list_wrap .comment-respond {
padding-left: 110px;
.comment-form > label {
line-height: 1.4em;
margin-bottom: 1em;
display: block;
}
}
.comments_wrap .comments_notes {
font-size: 0.8667em;
}
.comments_wrap .comments_field {
margin-bottom: 1.44em;
}
.comments_wrap .comments_author,
.comments_wrap .comments_email {
width: 48%;
float: left;
}
.comments_wrap .comments_email {
float: right;
}
.comments_wrap .comment-form-cookies-consent {
margin: 0;
}
.comments_wrap ul ul ul .comments_author,
.comments_wrap ul ul ul .comments_email {
float: none;
width: 100%;
}
.comments_wrap .comments_url {
clear: both;
}
.comments_wrap .comments_comment:before {
@include clear;
content: ' ';
}
.comments_wrap .comments_field label:not([for="i_agree_privacy_policy"]),
.comments_wrap .comments_field .sc_form_field_hover {
@include font(1.071rem, 1.5em, 600);
color: var(--theme-color-text_dark);
display: block;
margin-bottom: 0.65em;
}
.comments_wrap .comments_field input,
.comments_wrap .comments_field textarea {
@include border-radius(var(--theme-var-rad));
width: 100%;
}
.comments_wrap .comments_field textarea {
@include border-radius(var(--theme-var-rad));
min-height: 11em;
}
/* 21.9.5 Submit button */
.comments_wrap .form-submit {
margin: 2em 0 0;
}
.comments_wrap .form-submit:before {
@include clear;
content: ' ';
}
.comments_wrap .form-submit input[type="submit"] {
display: inline-block;
}
.comments_wrap .form-submit .sc_button.sc_button_size_large {
padding-top: 10px!important;
padding-bottom: 10px!important;
line-height: 16px;
}
/* 21.9.6 Rating in the comment form */
.comments_wrap .trx_addons_reviews_mark {
display: block;
}
.comments_wrap form .trx_addons_reviews_mark {
margin: -1.5em 0 1em;
}
/* 21.9.7 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;
}
/* 22. Page 404
-------------------------------------------------------------- */
.error404 .page_info {
text-align: center;
margin: 4.6rem 0 4.25rem;
.page_image {
margin-bottom: 4.1rem;
}
.page_title {
margin-bottom: 3.8rem;
}
}
/* 23. Page 'No search results' and 'No archive results'
-------------------------------------------------------- */
.post_item_none_search .post_content {
padding: 1.5em 0;
}
/* 24. Author's page
------------------------------------------------------ */
.author_page {
@include flex-align-items(center);
@include flex-direction(column);
@include flex;
margin-bottom: 4.5rem;
.author_avatar {
margin-bottom: 1.5em;
overflow: hidden;
}
.author_title {
margin-top: 0;
margin-bottom: 0.5em;
}
.author_bio {
margin-bottom: 1em;
text-align: center;
}
.author_bio p {
margin: 0;
}
.author_bio p + p {
margin-top: 0.6em;
}
.author_details {
text-align: center;
.author_posts_total,
.author_socials {
display: inline-block;
text-transform: capitalize;
vertical-align: top;
}
.author_posts_total,
.author_socials .author_socials_caption {
font-size: 20px;
color: var(--theme-color-text_dark);
font-weight: bold;
}
.author_posts_total + .author_socials {
margin-left: 2em;
position: relative;
&:before {
content: '';
position: absolute;
left: -1em;
width: 2px;
height: 30px;
background-color: var(--theme-color-text_dark);
}
.socials_wrap {
display: inline-block;
margin-left: 0.75em;
vertical-align: baseline;
.social_item {
margin: 0 0.75em 0 0;
.social_icon {
@include box(auto, auto, inherit);
background-color: transparent;
text-align: left;
}
}
}
}
}
/* Socials */
.author_socials .social_item {
font-size: 1rem;
color: var(--theme-color-text_dark);
&:hover {
color: var(--theme-color-text_link);
}
}
.author_socials .social_item .social_icon {
overflow: visible;
}
.author_socials .social_item .social_icon span.icon- {
&facebook:before,
&facebook-1:before {
content: '\e9a8';
font-family: $theme_icons;
}
&twitter:before,
&twitter-1:before {
content: '\e9aa';
font-family: $theme_icons;
font-size: 1.4rem;
position: relative;
}
&instagram:before {
content: '\e87e';
font-family: $theme_icons;
font-size: 1.4rem;
}
}
}
/* 25. Sidebars
-------------------------------------------------------------- */
/* 25.1 Common rules */
.sidebar_default .sidebar_inner:not(:last-child):after {
content: '';
border-bottom: 1px solid var(--theme-color-alter_bd_color);
display: block;
margin-top: 4.25rem;
}
.sidebar .widget + .widget,
.elementor-sidebar .elementor-widget + .elementor-widget {
border-top: 1px solid var(--theme-color-alter_bd_color);
margin-top: 4.25rem;
padding-top: 3.85rem;
}
.elementor-sidebar .elementor-widget-trx_widget_banner + .elementor-widget,
.elementor-sidebar .elementor-widget-wp-widget-powerkit_twitter_widget + .elementor-widget {
border-top: none;
margin-top: 4.25rem;
padding-top: 0;
}
.sidebar .widget + .widget.widget_bg_image,
.sidebar .widget + .widget.widget_fullwidth {
border-top: none;
padding-bottom: 4rem;
padding-top: 4rem;
}
.sidebar .widget.widget_bg_image + .widget,
.sidebar .widget.widget_fullwidth + .widget {
border-top: none;
margin-top: 0;
}
.sidebar .widget,
footer .widget {
li + li,
li > ol,
li > ul,
li > dl,
dl > dl {
margin-top: 0;
}
}
[class*="scheme_"].sidebar a {
color: var(--theme-color-alter_link);
}
[class*="scheme_"].sidebar a:hover {
color: var(--theme-color-alter_hover);
}
[class*="scheme_"].sidebar h1,
[class*="scheme_"].sidebar h2,
[class*="scheme_"].sidebar h3,
[class*="scheme_"].sidebar h4,
[class*="scheme_"].sidebar h5,
[class*="scheme_"].sidebar h6,
[class*="scheme_"].sidebar h1 a,
[class*="scheme_"].sidebar h2 a,
[class*="scheme_"].sidebar h3 a,
[class*="scheme_"].sidebar h4 a,
[class*="scheme_"].sidebar h5 a,
[class*="scheme_"].sidebar h6 a {
color: var(--theme-color-alter_dark);
}
[class*="scheme_"].sidebar h1 a:hover,
[class*="scheme_"].sidebar h2 a:hover,
[class*="scheme_"].sidebar h3 a:hover,
[class*="scheme_"].sidebar h4 a:hover,
[class*="scheme_"].sidebar h5 a:hover,
[class*="scheme_"].sidebar h6 a:hover {
color: var(--theme-color-alter_link);
}
.sidebar .widget .widget_title,
.sidebar .widget .widgettitl,
.elementor-sidebar .widget .widget_title,
.elementor-sidebar .sc_item_title,
.content .elementor-widget .widget .widget_title,
.content .elementor-widget .widget .widgettitle {
margin-bottom: 1.3em;
font-size: 18px;
text-align: center;
text-transform: uppercase;
}
.elementor-widget .widget .widget_title + .widget_subtitle,
.elementor-widget .widget .widgettitle + .widget_subtitle,
.elementor-sidebar .sc_item_title + .widget_subtitle{
margin-top: -1em;
}
.elementor-sidebar .sc_item_title_wrap + .sc_item_content,
.elementor-sidebar .sc_item_title_wrap + .trx_addons_columns_wrap {
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-bottom: 1em;
margin-top: 0;
}
.widget_fullwidth .widget_title,
.widget_fullwidth .widgettitle {
text-align: center;
}
.widget ul {
margin: 0;
padding-left: 1.2em;
list-style-type: none;
}
/* Sidebar Widget Title icons */
@include keyframes(animation_fade_in) {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.sidebar .widget .widget_title,
.sidebar .widget .widgettitle,
.elementor-sidebar .widget_title,
.elementor-sidebar .sc_item_title {
&:after {
display: none!important;
}
}
.widget .widget_title,
.sidebar .widget .widget_title,
.sidebar .widget .widgettitle,
.elementor-sidebar .widget_title,
.elementor-sidebar .sc_item_title,
.elementor-sidebar .sc_item_title_text {
.widgettitle_icons_wrapper {
display: block;
margin-top: 1px;
}
.widgettitle_icons_wrapper span {
opacity: 0;
}
.widgettitle_icons_wrapper.kicker_animation_fade_in span {
animation: 0.5s ease 0s animation_fade_in forwards;
}
@for $i from 1 through 3 {
.widgettitle_icons_wrapper span {
&:nth-child(#{$i}) {
animation-delay: $i * 0.1s;
}
}
}
.widgettitle_icons_wrapper span:before {
content: '\e9af';
font-family: $theme_icons;
font-size: 7px;
letter-spacing: 0.55em;
color: var(--theme-color-alter_link);
}
}
.widget li {
position: relative;
}
.widget ul > li:before {
@include abs-lt(-1.2em, 0.8em);
@include square(5px);
border-radius: 50%;
background-color: var(--theme-color-text_link);
content: ' ';
display: block;
}
.widget li a img {
vertical-align: baseline;
}
.widget li a > img,
.widget li span > img {
@include border-radius(var(--theme-var-rad50));
}
[class*="scheme_"].sidebar ul > li:before {
background-color: var(--theme-color-alter_link);
}
[class*="scheme_"].sidebar li > a,
[class*="scheme_"].sidebar .post_title > a {
color: var(--theme-color-alter_dark);
}
[class*="scheme_"].sidebar li > a:hover,
[class*="scheme_"].sidebar .post_title > a:hover {
color: var(--theme-color-alter_link);
}
/* 25.2 Posts in widgets */
[class*="scheme_"].sidebar .post_meta,
[class*="scheme_"].sidebar .post_meta_item,
[class*="scheme_"].sidebar .post_meta_item:after,
[class*="scheme_"].sidebar .post_meta_item:hover:after,
[class*="scheme_"].sidebar .post_meta .vc_inline-link,
[class*="scheme_"].sidebar .post_meta .vc_inline-link:after,
[class*="scheme_"].sidebar .post_meta .vc_inline-link:hover:after,
[class*="scheme_"].sidebar .post_meta_item a,
[class*="scheme_"].sidebar .post_info .post_info_item,
[class*="scheme_"].sidebar .post_info .post_info_item a,
[class*="scheme_"].sidebar .post_info_counters .post_meta_item {
color: var(--theme-color-alter_light);
}
[class*="scheme_"].sidebar .post_date a:hover,
[class*="scheme_"].sidebar a.post_meta_item:hover,
[class*="scheme_"].sidebar .post_meta_item a:hover,
[class*="scheme_"].sidebar .post_meta .vc_inline-link:hover,
[class*="scheme_"].sidebar .post_info .post_info_item a:hover,
[class*="scheme_"].sidebar .post_info_counters .post_meta_item:hover {
color: var(--theme-color-alter_dark);
}
[class*="scheme_"].sidebar .post_item .post_title a:hover {
color: var(--theme-color-alter_link);
}
[class*="scheme_"].sidebar .post_meta_item.post_categories,
[class*="scheme_"].sidebar .post_meta_item.post_categories a {
color: var(--theme-color-alter_link);
}
[class*="scheme_"].sidebar .post_meta_item.post_categories a:hover {
color: var(--theme-color-alter_hover);
}
[class*="scheme_"].sidebar .socials_share.socials_type_drop .social_items {
background-color: var(--theme-color-alter_bg_color);
}
[class*="scheme_"].sidebar .socials_share.socials_type_drop .social_items,
[class*="scheme_"].sidebar .socials_share.socials_type_drop .social_items:before {
background-color: var(--theme-color-alter_bg_color);
border-color: var(--theme-color-alter_bd_color);
color: var(--theme-color-alter_light);
}
/* 25.3 Widgets above and below the page (content and sidebar) */
.widgets_above_page_wrap,
.widgets_above_content_wrap {
font-size: 1em;
margin-bottom: 5em;
}
.widgets_below_content_wrap,
.widgets_below_page_wrap {
font-size: 1em;
margin-top: 5em;
}
.widgets_below_page_wrap {
clear: both;
}
/* 26. Widgets
-------------------------------------------------------------- */
.widget_area .post_item .post_info .post_info_item + .post_info_item:before,
aside .post_item .post_info .post_info_item + .post_info_item:before {
margin: 0 0.55em;
}
.widget_area .post_item .post_categories, aside .post_item .post_categories {
font-weight: 700;
}
/* 26.1 Archive */
[class*="scheme_"].sidebar .widget_archive li {
color: var(--theme-color-alter_dark);
}
/* 26.2 Calendar */
.widget_calendar table,
.wp-block-calendar table {
position: relative;
width: 100%;
}
.widget_calendar caption,
.wp-block-calendar caption {
margin-bottom: 1.35em;
position: relative;
font-weight: 400;
line-height: 1em;
&:before,
&:after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
width: 25%;
height: 2px;
border-width: 1px 0 1px 0;
border-style: solid;
border-color: var(--theme-color-bd_color);
}
&:before {
left: 0;
}
&:after {
right: 0;
}
}
.wp-block-calendar a {
text-decoration: none;
}
.widget_calendar table > thead > tr,
.wp-block-calendar table > thead > tr {
background-color: transparent !important;
}
.widget_calendar caption,
.widget_calendar tbody td a,
.widget_calendar th,
.wp-block-calendar caption,
.wp-block-calendar tbody td a,
.wp-block-calendar th {
color: var(--theme-color-text_dark);
}
[class*="scheme_"].sidebar .widget_calendar caption,
[class*="scheme_"].sidebar .widget_calendar tbody td a,
[class*="scheme_"].sidebar .widget_calendar th {
color: var(--theme-color-alter_dark);
}
.widget_calendar th,
.widget_calendar td,
.wp-block-calendar th,
.wp-block-calendar td {
@include border-box;
background-color: transparent !important;
border: none !important;
text-align: center;
text-transform: uppercase;
width: 14.2857%;
}
.widget_calendar th,
.wp-block-calendar th {
padding: 2px;
@include font(18px !important, 2em, 700 !important, normal);
}
.widget_calendar td,
.wp-block-calendar td {
padding: 0;
@include font(1em !important, 2.5em, 400 !important, normal);
}
.widget_calendar tbody td,
.wp-block-calendar tbody td {
color: var(--theme-color-text) !important;
}
[class*="scheme_"].sidebar .widget_calendar tbody td {
color: var(--theme-color-alter_text) !important;
}
.widget_calendar tbody td a,
.wp-block-calendar tbody td a {
@include border-box;
display: block;
font-weight: normal;
position: relative;
}
.widget_calendar tbody td a:hover,
.wp-block-calendar tbody td a:hover {
color: var(--theme-color-text_link);
}
[class*="scheme_"].sidebar .widget_calendar tbody td a:hover {
color: var(--theme-color-alter_link);
}
.widget_calendar tbody td a:after,
.wp-block-calendar tbody td a:after {
@include abs-lb(48%, 1px);
@include square(3px);
@include transition-bg-color;
background-color: var(--theme-color-text_link);
content: ' ';
}
[class*="scheme_"].sidebar .widget_calendar tbody td a:after {
background-color: var(--theme-color-alter_link);
}
.widget_calendar td#today,
.wp-block-calendar td#today {
position: relative;
z-index: 2;
color: var(--theme-color-inverse_text) !important;
}
.widget_calendar td#today a,
.wp-block-calendar td#today a {
color: var(--theme-color-inverse_link);
}
.widget_calendar td#today a:hover,
.wp-block-calendar td#today a:hover {
color: var(--theme-color-inverse_hover);
}
.widget_calendar td#today:before,
.wp-block-calendar td#today:before {
@include abs-cc(-1);
@include square(2.2em);
background-color: var(--theme-color-text_link);
content: ' ';
border-radius: 50%;
}
[class*="scheme_"].sidebar .widget_calendar td#today:before {
background-color: var(--theme-color-alter_link);
}
.widget_calendar td#today a:after,
.wp-block-calendar td#today a:after {
background-color: var(--theme-color-inverse_link);
}
.widget_calendar td#today a:hover:after,
.wp-block-calendar td#today a:hover:after {
background-color: var(--theme-color-inverse_hover);
}
.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 {
text-align: left;
overflow: hidden;
}
.widget_calendar td#next,
.wp-block-calendar td#next {
text-align: right;
}
.widget_calendar td#prev a,
.widget_calendar td#next a,
.wp-block-calendar td#prev a,
.wp-block-calendar td#next a {
position: relative;
color: var(--theme-color-text_link);
}
[class*="scheme_"].sidebar .widget_calendar #prev a,
[class*="scheme_"].sidebar .widget_calendar #next a {
color: var(--theme-color-alter_link);
}
.widget_calendar #prev a:hover,
.widget_calendar #next a:hover,
.wp-block-calendar #prev a:hover,
.wp-block-calendar #next a:hover {
color: var(--theme-color-text_hover);
}
[class*="scheme_"].sidebar .widget_calendar #prev a:hover,
[class*="scheme_"].sidebar .widget_calendar #next a:hover {
color: var(--theme-color-alter_hover);
}
.widget_calendar td#prev a,
.wp-block-calendar td#prev a {
padding-left: 0.6em;
}
.widget_calendar td#next a,
.wp-block-calendar td#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 {
@include abs-lt;
@include box(1.2em, 1em, 1.4em);
background-color: var(--theme-color-bg_color);
display: inline-block;
}
[class*="scheme_"].sidebar .widget_calendar td#prev a:before,
[class*="scheme_"].sidebar .widget_calendar td#next a:before,
[class*="scheme_"].footer_wrap .widget_calendar td#prev a:before,
[class*="scheme_"].footer_wrap .widget_calendar td#next a:before {
background-color: var(--theme-color-alter_bg_color);
}
.widget_calendar td#prev a:before,
.wp-block-calendar td#prev a:before {
content: '\e939';
font-family: $theme_icons;
}
.widget_calendar td#next a:before,
.wp-block-calendar td#next a:before {
content: '\e93a';
font-family: $theme_icons;
left: auto;
right: 0;
}
.widget_calendar .wp-calendar-nav,
.wp-block-calendar .wp-calendar-nav {
padding: 0 5%;
margin-top: 16px;
display: flex;
justify-content: space-between;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
color: var(--theme-color-text_link);
.wp-calendar-nav-prev a,
.wp-calendar-nav-next a {
position: relative;
letter-spacing: 1px;
&:before,
&:after {
position: absolute;
top: 0;
width: 18px;
line-height: 14px;
background-color: var(--theme-color-bg_color);
}
&:hover {
color: var(--theme-color-text_dark);
}
}
.wp-calendar-nav-prev a {
padding-left: 9px;
&:before {
content: '\e92a';
font-family: $theme_icons;
left: 0;
}
}
.wp-calendar-nav-next a {
padding-right: 9px;
&:after {
content: '\e92b';
font-family: $theme_icons;
right: 0;
text-align: right;
}
}
}
/* 26.3 Categories */
.widget_categories li {
color: var(--theme-color-text_dark);
}
[class*="scheme_"].sidebar .widget_categories li {
color: var(--theme-color-alter_dark);
}
/* 26.4 Recent Posts */
.widget_recent_entries .post-date {
display: inline-block;
margin-left: 0.5em;
color: var(--theme-color-text_light);
}
[class*="scheme_"].widget_recent_entries .post-date {
color: var(--theme-color-alter_light);
}
/* 26. Audio */
.sidebar,
.footer_widgets_wrap {
.widget.widget_media_video {
.mejs-container .mejs-controls,
.wp-playlist .mejs-container .mejs-controls {
background: var(--theme-color-alter_bg_color_02);
}
}
}
/* 26.5 WP Search, WooCommerce Products Search and bbPress Forums Search */
.widget_search form,
.woocommerce.widget_product_search form,
.widget_display_search form,
#bbpress-forums #bbp-search-form {
overflow: hidden;
position: relative;
width: 100%;
}
.widget_search form:after,
.woocommerce.widget_product_search form:after,
.widget_display_search form:after,
#bbpress-forums #bbp-search-form:after {
@include abs-rt(0, 50%, 0);
@include square(1em);
font-size: 1.25em;
@include transition-all;
color: var(--theme-color-input_dark);
content: '\e9a3';
cursor: pointer;
display: block;
font-family: $theme_icons;
margin-top: -0.5em;
pointer-events: none;
}
.widget_search form:hover:after,
.woocommerce.widget_product_search form:hover:after,
.widget_display_search form:hover:after,
#bbpress-forums #bbp-search-form:hover:after {
color: var(--theme-color-text_link);
}
.widget_search .search-field,
.woocommerce.widget_product_search .search_field,
.widget_display_search #bbp_search,
#bbpress-forums #bbp-search-form #bbp_search {
@include border-box;
@include border-radius(var(--theme-var-rad));
padding-right: 3em !important;
width: 100%;
}
.widget_search input.search-submit,
.woocommerce.widget_product_search .search_button,
.widget_display_search #bbp_search_submit,
#bbpress-forums #bbp-search-form #bbp_search_submit {
@include abs-rt;
@include box(4em, 100%);
background: none !important;
border: none !important;
box-shadow: none;
cursor: pointer;
display: block;
padding: 0;
text-indent: -1000px;
}
/* 26.6 RSS */
.widget_rss .widget_title a {
display: inline-block;
margin-right: 6px;
}
.widget_rss .widget_title a:first-child:before {
content: '\e8ed';
display: inline-block;
font-family: $theme_icons;
font-size: 0.9em;
}
.widget_rss .widget_title a:first-child {
color: var(--theme-color-text_dark);
}
.widget_rss .widget_title a:first-child:hover {
color: var(--theme-color-text_hover);
}
[class*="scheme_"].sidebar .widget_rss .widget_title a:first-child {
color: var(--theme-color-alter_link);
}
[class*="scheme_"].sidebar .widget_rss .widget_title a:first-child:hover {
color: var(--theme-color-alter_hover);
}
.widget_rss .widget_title img {
display: none;
}
.widget_rss ul li a.rsswidget {
display: block;
font-size: 1.3571rem;
font-weight: 700;
line-height: 1.2em;
letter-spacing: -0.02em;
color: var(--theme-color-text_dark);
}
.widget_rss ul li a.rsswidget:hover {
color: var(--theme-color-text_hover);
}
.widget_rss .rss-date {
display: block;
margin: 1em 0;
font-size: 12px;
line-height: 1em;
text-transform: uppercase;
letter-spacing: -0.02em;
color: var(--theme-color-text_light);
}
.widget_rss ul li .rssSummary {
line-height: 2.3em;
}
.widget_rss ul li cite {
display: block;
margin-top: 4px;
color: var(--theme-color-text_dark);
}
[class*="scheme_"].sidebar .widget_rss .rss-date {
color: var(--theme-color-alter_light);
}
.widget_rss ul > li:before {
top: 8px;
}
.widget_rss ul > li + li {
margin-top: 1.6em!important;
}
/* 26.7 WP Tag Cloud and WooCommerce Tag Cloud */
.widget_product_tag_cloud,
.widget_tag_cloud,
.wp-block-tag-cloud {
overflow: hidden;
}
.wp-block-tag-cloud {
white-space: normal!important;
}
.widget_product_tag_cloud a,
.widget_tag_cloud a,
.wp-block-tag-cloud a {
@include border-radius(var(--theme-var-rad));
@include font(13px !important, 1em, 700);
background-color: var(--theme-color-bg_color);
color: var(--theme-color-text_dark);
display: block;
float: left;
margin: 0 7px 7px 0;
padding: 11px 27px;
border: 1px solid var(--theme-color-bd_color);
}
.widget_product_tag_cloud a:hover,
.widget_tag_cloud a:hover,
.wp-block-tag-cloud a:hover {
background-color: var(--theme-color-bg_color);
color: var(--theme-color-text_link) !important;
}
[class*="scheme_"].sidebar .widget_product_tag_cloud a,
[class*="scheme_"].sidebar .widget_tag_cloud a {
background-color: var(--theme-color-alter_bd_color);
color: var(--theme-color-alter_dark);
}
[class*="scheme_"].sidebar .widget_product_tag_cloud a:hover,
[class*="scheme_"].sidebar .widget_tag_cloud a:hover {
background-color: var(--theme-color-alter_link);
}
/* 26.8 Instagram Feed */
.footer_fullwidth #sb_instagram .sb_instagram_header {
float: none;
overflow: hidden;
text-align: center;
}
.footer_fullwidth #sb_instagram .sb_instagram_header > a {
display: inline-block;
float: none;
overflow: hidden;
}
#sb_instagram {
.sbi_header_text {
margin-top: -2px;
padding-top: 0 !important;
}
.sb_instagram_header {
margin-bottom: 0.5em !important;
padding: 0 !important;
}
.sb_instagram_header h3 {
font-size: 1.2308em;
line-height: 1.5em;
}
.sb_instagram_header p {
font-size: 1em;
line-height: 1.5em;
}
.sbi_follow_btn {
@include abs-cc;
}
.sbi_follow_btn a {
margin: 0;
vertical-align: middle;
background-color: transparent !important;
}
.sbi_follow_btn a:hover {
box-shadow: none !important;
}
.sbi_follow_btn a svg {
@include content-box;
@include border-round;
height: 24px !important;
width: 24px;
margin: 0;
padding: 16px 16px;
background-color: var(--theme-color-extra_dark);
display: block !important;
}
.sbi_photo {
margin: 0 -1px;
}
}
/* 26.9 Instagram */
ul.instagram-pics {
margin-right: -5px;
}
ul.instagram-pics li {
@include border-box;
@include box(33.3333%, auto);
float: left;
margin: 0;
overflow: hidden;
padding: 0 5px 5px 0;
}
.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;
}
/* 26.10 WP GDPR Compliance */
table.wpgdprc-table {
margin-bottom: 2em;
}
div.wpgdprc .wpgdprc-checkbox {
display: inline;
}
.wpgdprc-checkbox label {
padding-bottom: 0 !important;
padding-left: 2em;
position: relative;
}
.wpgdprc-checkbox label input[type="checkbox"] {
-moz-appearance: none;
-webkit-appearance: none;
clip: auto;
position: static !important;
width: 0;
}
.wpgdprc-checkbox label input[type="checkbox"]:before {
@include abs-lt(0, 1px);
@include border-box;
@include box(0.6em, 0.6em, 0.53em);
border: 1px solid #eee;
content: '';
display: block;
font-family: $theme_icons;
font-size: 1.5em;
text-align: center;
}
.wpgdprc-checkbox label input[type="checkbox"]:checked:before {
content: '\e8ab';
}
.ua_edge .wpgdprc-checkbox label,
.ua_ie .wpgdprc-checkbox label {
padding-left: 0;
}
.ua_edge .wpgdprc-checkbox input[type="checkbox"],
.ua_ie .wpgdprc-checkbox input[type="checkbox"] {
width: auto;
}
.ua_edge .wpgdprc-checkbox input[type="checkbox"]:before,
.ua_ie .wpgdprc-checkbox input[type="checkbox"]:before {
display: none;
}
/* 26.11 Navigation menu */
.footer_wrap .wp-widget-nav_menu ul,
.footer_wrap .widget_nav_menu ul {
margin-top: -0.5em;
}
.footer_wrap .wp-widget-nav_menu a + ul,
.footer_wrap .widget_nav_menu a + ul {
margin-top: 1.25em;
}
.footer_wrap .wp-widget-nav_menu ul li + li,
.footer_wrap .widget_nav_menu ul li + li {
margin-top: 1.25em;
}
.footer_wrap .wp-widget-nav_menu ul > li a,
.footer_wrap .widget_nav_menu ul > li a {
padding: 0;
}
.footer_wrap .wp-widget-nav_menu ul.menu,
.footer_wrap .widget_nav_menu ul.menu {
font-size: 1.142rem;
}
.footer_wrap .wp-widget-nav_menu ul.menu a,
.footer_wrap .widget_nav_menu ul.menu a {
color: var(--theme-color-alter_text);
}
.footer_wrap .wp-widget-nav_menu ul.menu a:hover,
.footer_wrap .widget_nav_menu ul.menu a:hover {
color: var(--theme-color-alter_link);
}
/* 26.12 Widget Text */
.widget_area .widget_text {
strong {
font-size: 1.3571rem;
color: var(--theme-color-text_dark);
}
}
/* 26.13 Search */
header .wp-widget-search {
.search-form {
position: relative;
}
.search-form:before {
content: '\e9a3';
font-family: $theme_icons;
text-indent: 0;
@include abs-lt(22px, 12px);
color: var(--theme-color-text);
@include transition-all();
z-index: 1;
}
.search-form:hover:before {
color: var(--theme-color-text_link);
}
.search-field {
font-size: 13px;
line-height: normal;
padding: 17px 49px;
width: 100%;
}
.search-submit {
height: 100%;
width: 49px;
@include abs-lt(0, 50%);
transform: translateY(-50%);
padding: 0;
border: 0;
text-indent: -1000px;
background-color: var(--theme-color-bg_color_0)!important;
border-color: var(--theme-color-bg_color_0)!important;
box-shadow: none;
z-index: 2;
}
}
.page_content_wrap .wp-widget-search .search-form {
display: flex;
flex-direction: row;
justify-content: space-between;
& > input[type=submit] {
font-size: 14px !important;
height: 57px;
padding-left: 0 !important;
padding-right: 0 !important;
width: 120px;
}
& > label {
width: calc(100% - 130px);
display: inline-block;
}
& > label input[type=search] {
width: 100%;
}
}
/* 27. Footer
-------------------------------------------------------------- */
.footer_wrap {
position: relative;
/* Nav menu */
.wp-widget-nav_menu li, .widget_nav_menu li {
opacity: 0;
@include transition-all(.5s);
&.kicker_animation_fade_in {
-webkit-animation: 0.5s ease 0s animation_fade_in forwards;
-moz-animation: 0.5s ease 0s animation_fade_in forwards;
-o-animation: 0.5s ease 0s animation_fade_in forwards;
animation: 0.5s ease 0s animation_fade_in forwards;
}
}
@for $i from 1 through 10 {
.wp-widget-nav_menu li, .widget_nav_menu li {
&:nth-child(#{$i}) {
animation-delay: $i * 0.05s;
}
}
}
.sc_layouts_menu_nav > li > a,
.menu_main_nav > li > a,
.sc_layouts_menu_nav > li > a {
letter-spacing: 0.12em;
}
/* Widget Title */
.widget_recent_posts .sc_recent_posts_title_type_classic,
.widget_categories_list,
.sc_widget_aboutme,
.wp-widget-search {
.widget_title,
.widgettitle {
text-align: center;
margin-bottom: 1.1em;
text-transform: uppercase;
font-size: 1.2857rem;
}
.widgettitle_icons_wrappe {
margin-top: 3px;
}
}
/* MailChimp */
/* Form 2 */
.mailchimp-form-2 {
.EMAIL-label {
position: relative;
margin-bottom: 1.52em;
}
.EMAIL-label:after {
content: '';
width: 0;
height: 2px;
@include abs-lb();
@include transition_all(.3s);
background-color: var(--theme-color-input_bd_color);
}
.EMAIL-label:hover:after {
background-color: var(--theme-color-input_bd_hover);
}
.EMAIL-label.kicker_animation_width:after {
animation: 3s ease 1s animation_width forwards;
}
input[type="email"] {
margin-bottom: 0;
border: 0!important;
}
}
/* Form 3 */
.mailchimp-form-3.yikes-easy-mc-form .EMAIL-label {
margin-bottom: 1.5em;
}
.mailchimp-form-3.yikes-easy-mc-form .yikes-mailchimp-eu-compliance-text {
font-size: 1rem;
}
/* Search */
.wp-widget-search {
.search-form {
position: relative;
}
.search-form:before {
content: '\e9a3';
font-family: $theme_icons;
text-indent: 0;
@include abs-lt(22px, 12px);
color: var(--theme-color-text);
@include transition-all();
z-index: 1;
}
.search-form:hover:before {
color: var(--theme-color-text_link);
}
.search-field {
font-size: 13px;
line-height: normal;
padding: 17px 49px;
width: 100%;
}
.search-submit {
height: 100%;
width: 49px;
@include abs-lt(0, 50%);
transform: translateY(-50%);
padding: 0;
border: 0;
text-indent: -1000px;
background-color: var(--theme-color-bg_color_0)!important;
border-color: var(--theme-color-bg_color_0)!important;
box-shadow: none;
z-index: 2;
}
}
/* Instagramm */
#sb_instagram {
#sbi_load {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: 0;
}
.sbi_follow_btn a {
display: flex;
align-items: center;
font-size: 13px;
line-height: normal;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.07em;
margin-top: 0;
padding: 15.7px 28px;
@include border-radius(var(--theme-var-rad));
@include transition_all();
color: var(--theme-color-text_dark)!important;
background-color: var(--theme-color-bg_color)!important;
border-color: var(--theme-color-bg_color)!important;
}
.sbi_follow_btn a:hover {
color: var(--theme-color-text_link)!important;
}
.sbi_follow_btn .fa,
.sbi_follow_btn svg {
height: 16px!important;
font-size: 16px;
margin-right: 8px;
padding: 0;
}
}
.categories_list.categories_list_style_1 {
.categories_list_item .categories_list_title_wrapper {
color: var(--theme-color-extra_text);
}
}
}
[class*="scheme_"].footer_wrap,
.footer_wrap [class*="scheme_"].vc_row {
background-color: var(--theme-color-bg_color);
color: var(--theme-color-text);
}
@include keyframes(animation_width) {
0%
{
width: 0;
}
100%
{
width: 100%;
}
}
/* 27.1 Footer widgets */
.footer_wrap p {
margin: 0;
font-size: 1.071428rem;
}
.footer_wrap .widget[class*="column-"] {
margin: 1.5em 0;
}
.footer_wrap .vc_col-sm-4 .widget li {
display: inline-block;
margin-right: 3%;
vertical-align: top;
width: 45%;
}
.footer_wrap .vc_col-sm-4 .widget li li {
display: block;
margin-right: 0%;
width: 100%;
}
.footer_wrap .footer_fullwidth {
overflow: hidden;
}
.footer_wrap .widget_title,
.footer_wrap .widgettitle {
letter-spacing: 0;
margin-bottom: 2em;
text-align: left;
text-transform: uppercase;
}
.footer_wrap .footer_fullwidth .widget_title,
.footer_wrap .footer_fullwidth .widgettitle {
margin-bottom: 1.5em;
text-align: center;
}
/* 27.2 Footer logo */
.footer_logo_inner {
border-color: var(--theme-color-alter_bd_color);
overflow: hidden;
padding: 4em 0;
position: relative;
text-align: center;
}
.footer_widgets_wrap + .footer_logo_wrap .footer_logo_inner {
border-top-style: solid;
border-top-width: 1px;
}
.footer_logo_inner:after {
@include abs-lb(50%, 0);
@include box(1px, 3em);
background-color: var(--theme-color-alter_text);
content: ' ';
}
.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;
}
/* 27.3 Socials in the default footer */
.footer_socials_inner {
padding: 2em 0 3em;
text-align: center;
}
.footer_socials_inner .social_item .social_icon {
color: var(--theme-color-alter_text);
}
.footer_socials_inner .social_item:hover .social_icon {
color: var(--theme-color-alter_dark);
}
.footer_wrap .socials_wrap:not(.socials_type_list) .social_item:hover .social_icon {
color: var(--theme-color-text_link);
}
/* 27.5 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 {
list-style-type: none;
margin: 0;
padding: 0;
}
.menu_footer_nav_area > ul > li,
.footer_wrap .sc_layouts_menu > ul > li {
display: inline-block;
font-size: 1rem;
vertical-align: baseline;
z-index: auto !important;
}
.footer_wrap .sc_layouts_menu > ul > li > a:hover,
.footer_wrap .sc_layouts_menu_nav > li.current-menu-item > a,
.footer_wrap .sc_layouts_menu_nav > li.current-menu-parent > a,
.footer_wrap .sc_layouts_menu_nav > li.current-menu-ancestor > a {
color: var(--theme-color-text_dark) !important;
}
.footer_wrap .sc_layouts_row_type_narrow {
.sc_layouts_menu > ul > li {
font-size: 1.142857rem;
}
.sc_layouts_menu > ul > li + li {
margin-left: 0.8em;
}
.sc_layouts_menu_nav > li > a {
letter-spacing: -0.01em;
color: var(--theme-color-text_dark)!important;
}
.sc_layouts_menu_nav > li > a:hover {
color: var(--theme-color-text_link)!important;
}
}
.menu_footer_nav_area > ul > li + li,
.footer_wrap .sc_layouts_menu > ul > li + li {
margin-left: 2.7em;
}
.menu_footer_nav_area > ul > li + li:before,
.footer_wrap .sc_layouts_menu > ul > li + li:before {
display: none;
@include box(0, 0.8em);
border-left: 1px dotted var(--theme-color-alter_light);
content: ' ';
margin: 0;
vertical-align: baseline;
}
.menu_footer_nav_area > ul > li > a,
.footer_wrap .sc_layouts_menu > ul > li > a,
.menu_footer_nav_area > ul > li.menu-item-has-children > a,
.footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a {
display: inline-block;
padding: 0.3em 0.12em;
}
.mobile_layout .menu_footer_nav_area > ul > li > a,
.mobile_layout .footer_wrap .sc_layouts_menu > ul > li > a {
padding: 0.5em 1em;
}
.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 {
border: 1px solid var(--theme-color-extra_bd_color);
bottom: 3em;
top: auto;
}
.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: 1.0715rem;
}
.menu_footer_nav_area > ul > li ul > li > a,
.footer_wrap .sc_layouts_menu > ul > li ul > li > a {
display: block;
@include transition-all();
}
.menu_footer_nav_area > ul > li ul > li,
.footer_wrap .sc_layouts_menu > ul > li ul > li {
&:hover > a {
color: var(--theme-color-text_link)!important;
}
}
.menu_footer_nav_area ul li a {
color: var(--theme-color-alter_dark);
}
.menu_footer_nav_area ul li a:hover {
color: var(--theme-color-alter_link);
}
/* 27.6 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 {
background-color: var(--theme-color-bg_color);
border-color: var(--theme-color-bd_color);
color: var(--theme-color-text_dark);
font-size: 0.9333em;
overflow: hidden;
padding: 2em 0;
text-align: center;
}
.footer_copyright_wrap p {
margin: 0;
}
.footer_copyright_inner a {
color: var(--theme-color-text_dark);
}
.footer_copyright_inner a:hover {
color: var(--theme-color-text_link);
}
.footer_copyright_inner .copyright_text {
color: var(--theme-color-text);
}
/* 28. Utils
-------------------------------------------------------------- */
/* 28.1 Common rules */
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.columns_wrap:after {
@include clear;
content: " ";
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.affix {
@include translate3d(0, 0, 0);
position: fixed;
}
.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);
background-color: transparent;
border: 0;
color: transparent;
text-shadow: none;
}
.vertical-centered {
overflow: hidden;
}
.vertical-centered:before {
@include box(0, 100%);
content: ' ';
margin-left: -0.3em;
}
.vertical-centered:before,
.vertical-centered > * {
display: inline-block;
vertical-align: middle;
}
#news_ticker_sc {
overflow: hidden;
}
/* 28.2 Loading */
.kicker_loading,
.trx_addons_loading {
background-image: none !important;
}
.kicker_loading:before,
.trx_addons_loading:before {
content: '\e830';
font-family: fontello;
@include abs-lt(50%, 50%);
@include square(40px);
margin: -20px 0 0 -20px;
font-size: 40px;
display: inherit;
color: var(--theme-color-text_dark);
@include animation(spin 2s infinite linear);
}
/* 28.3 Customizer message */
.kicker_customizer_message {
background-color: #f3e6ce;
border-left: 3px solid #666600;
color: #996600;
margin: 0 auto;
max-width: 60%;
padding: 2em;
}
.kicker_customizer_message b {
color: #333300;
}
/* 28.4 Debug window */
#debug_log {
@include fixed-lt(0, 0, 1000000);
background: rgba(0, 0, 0, 0.8);
color: #ffffff;
display: block;
width: 100%;
}
.admin-bar #debug_log {
top: 32px;
}
#debug_log_close {
@include abs-rt(0, -6px);
@include square(20px);
cursor: pointer;
font-size: 18px;
font-weight: bold;
}
#debug_log_content {
@include font(12px, 15px);
max-height: 66px;
overflow: auto;
padding: 16px 16px 6px;
white-space: pre-line;
word-wrap: normal;
}
/* 28.5 Registration and Login popups */
.popup_wrap {
@include abs-rt(0, 3.3333em);
display: none;
padding: 3em 2.5em 2em;
width: 37.5em;
}
.popup_registration {
right: -5.5em;
}
.popup_wrap .popup_close {
@include abs-rt;
@include square(1em);
background-color: #f4f7f9;
border: 2px solid #ebebeb;
color: #cccccc;
display: block;
font-size: 1.25em;
margin: 0.5em 0.5em 0 0;
}
.popup_wrap .popup_close:hover {
background-color: #ffffff;
border: 2px solid #cccccc;
color: #909090;
}
.popup_wrap .popup_close:before {
content: '\e8ac';
font-family: $theme_icons;
line-height: 1em;
margin: 0 !important;
padding: 0 !important;
}
.popup_wrap .form_wrap {
position: relative;
overflow: hidden;
}
.popup_wrap .form_left {
@include border-box;
border-right: 1px solid #e0e0e0;
float: left;
padding-right: 2.5em;
width: 54%;
}
.popup_wrap .form_right {
@include border-box;
float: right;
padding-left: 2.5em;
width: 45%;
}
.popup_wrap.popup_registration .form_left {
border-right: none;
padding-right: 5px;
width: 50%;
}
.popup_wrap.popup_registration .form_right {
padding-left: 5px;
width: 50%;
}
.popup_wrap .popup_form_field {
margin-bottom: 0.625em;
}
.popup_wrap input[type="text"],
.popup_wrap input[type="email"],
.popup_wrap input[type="url"],
.popup_wrap input[type="password"] {
background-color: #fafafa;
border: 2px solid #ebebeb;
width: 100%;
}
.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);
color: #c9c9c9;
margin-right: 0;
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 {
@include font(1.5em, 1.3em);
color: #222222;
margin-bottom: 0.5em;
}
.popup_wrap .login_socials_problem {
line-height: 1.3em;
}
.popup_wrap .popup_form_field.remember_field {
margin-top: 1.2em;
}
/* 28.6 Envelope Animation */
@include keyframes(animation_pulse) {
from {
transform: rotate(0deg) translateX(5px) rotate(0deg);
}
to {
transform: rotate(-360deg) translateX(5px) rotate(360deg);
}
}
.plainAnimation img {
transform: translateX(5px);
animation: animation_pulse 2s cubic-bezier(0.5, 0.5, 0.5, 0.5) 2s infinite;
}
/* 28.7 Mouse Icon Animation */
@include keyframes(animation_mouse_wheel) {
from {
transform: translateY(0);
}
to {
transform: translateY(10px);
}
}
.ta_mouse_wheel img {
position: relative;
animation: animation_mouse_wheel 2s infinite alternate;
}
.ta_mouse_wheel {
&.over_position,
&.under_position {
img {
cursor: pointer;
}
}
}
/* 29. Third part plugins
------------------------------------------------------------------------------------ */
/* 29.1 Google conversion */
iframe[name="google_conversion_frame"] {
display: none;
height: 1px;
min-height: 0px;
}
/* 29.2 Magnific popup */
.mfp-bg {
background: rgba(18, 20, 24, 0.95);
opacity: 1;
z-index: 200001;
}
.mfp-wrap {
z-index: 200002;
cursor: url(../images/cancel.png) 21 21, pointer;
&.fadeIn {
animation-name: none;
}
}
.mfp-arrow {
background-color: transparent !important;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
background: none !important;
color: var(--theme-color-text_link);
padding: 0;
right: -20px;
text-align: center;
width: 44px;
}
.mfp-image-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:hover,
.mfp-close-btn-in .mfp-close:hover {
color: var(--theme-color-text_hover);
}
.mfp-figure img.mfp-img {
max-height: 75vh;
padding-bottom: 0;
}
.mfp-title,
.mfp-counter {
color: var(--theme-color-text_dark);
}
.mfp-inline-holder div.mfp-content,
.mfp-ajax-holder div.mfp-content {
.sc_layouts_popup {
max-height: none;
overflow: visible;
}
}
/* 29.3 The GDPR Framework */
.gdpr-terms-container {
clear: both;
margin: 1em 0 !important;
}
/* 29.4 RevSlider */
.slider_wrap .rev_slider_wrapper {
z-index: 0;
}
.theme_scroll_down {
@include font(11px !important, 15px !important);
cursor: pointer;
display: inline-block;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
}
.theme_scroll_down:after {
@include font(16px !important, 30px !important);
content: '\e938';
display: block;
font-family: $theme_icons;
text-align: center;
}
.theme_scroll_down:hover {
@include animation(squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2));
}
/* 29.5 Contact Form 7 */
.wpcf7 {
label {
@include font(1.2857rem, '', 700);
color: var(--theme-color-text_dark);
display: inline-block;
margin-bottom: 0.85em;
}
p {
margin: 0 0 1.5em;
}
p:last-of-type {
margin: 0;
}
.wpcf7-form > br,
.wpcf7-form > p > br {
display: none;
}
.wpcf7-form-control-wrap {
display: block;
}
.wpcf7-form-control-wrap:not(:last-child) {
margin-bottom: 1.45em;
}
.wpcf7-form-control {
display: inline-block;
}
.wpcf7-form-control:not(.wpcf7-submit) {
width: 100%;
}
.wpcf7-list-item {
margin: 0;
}
.wpcf7-checkbox .wpcf7-list-item,
.wpcf7-radio .wpcf7-list-item {
display: block;
}
.wpcf7-list-item-label.wpcf7-list-item-right:before {
left: auto;
right: 0;
}
}
/* 29.6 Advanced Popups */
.adp-popup-overlay {
background-color: var(--theme-color-text_dark_095);
cursor: url(../images/cancel.png) 21 21, pointer;
}
.adp-popup {
.adp-popup-close {
display: flex;
align-items: center;
@include transition-property(transform);
@include square(1.8rem);
right: 16px;
top: 23px;
}
.adp-popup-close:before,
.adp-popup-close:after {
content: '';
top: auto;
}
.adp-popup-wrap {
overflow: visible;
}
.adp-popup-container {
background-color: var(--theme-color-bg_color);
box-shadow: 0 3px 66px var(--theme-color-text_dark_01);
}
.adp-popup-content {
box-sizing: border-box;
padding: 3.1rem 3.285rem;
}
/* Inner elements */
.wp-block-image {
margin-top: 2.1em !important;
margin-bottom: 0 !important;
}
}
/* Popup with overlay */
.adp-popup[data-open-manual-selector="#our_newsletter"] {
/* Close */
.adp-popup-close {
display: none;
}
/* Inner elements */
h4 {
margin-top: 0.8em;
margin-bottom: 0.3em;
}
}
/* Slide out popup (bottom right) */
.adp-popup[data-open-manual-selector="#our_newsletter_slide_out"] {
.adp-popup-content {
padding: 1.5rem 2.6rem 3.4rem;
}
/* Inner elements */
.wp-block-image .aligncenter {
margin-bottom: 0.85em !important;
}
h4 {
margin-top: 0.6em;
margin-bottom: 0;
}
p {
margin-bottom: 1.3em;
}
}
/* 29.7 Mailchimp */
.widget_title + .yikes-mailchimp-container {
margin-top: -1.25em;
}
.yikes-mailchimp-container .edit-link {
display: none;
}
.yikes-mailchimp-container .yikes-easy-mc-form {
input[type="email"],
input[type="number"],
input[type="text"],
input[type="url"],
select {
@include theme_field_template;
@include theme_field_colors;
}
input[type="email"]:focus,
input[type="email"]:hover,
input[type="number"]:focus,
input[type="number"]:hover,
input[type="text"]:focus,
input[type="text"]:hover,
input[type="url"]:focus,
input[type="url"]:hover,
select:focus,
select:hover {
@include theme_field_colors_hover;
}
input[type=email]:focus,
input[type=number]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus {
outline: none;
}
.EMAIL-label {
@include font(1.2857rem, '', 700);
color: var(--theme-color-text_dark);
display: inline-block;
margin-bottom: 0.85em;
}
.yikes-easy-mc-submit-button:not(.sc_button_simple) {
min-height: initial;
padding: 14px 0 14px 0;
width: 100%;
}
.yikes-mailchimp-eu-compliance-label {
margin-bottom: 0;
}
&.mailchimp-form-1 {
.EMAIL-label {
margin-bottom: 3px;
}
input[type=email] {
margin-bottom: 0;
padding: 14px 30px;
text-align: center;
}
.yikes-mailchimp-eu-compliance-label {
margin-top: 2.3em;
}
input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text {
font-size: 13px;
letter-spacing: -0.01em;
}
}
&.mailchimp-form-2 {
position: relative;
input[type="email"] {
@include border-sharp;
font-size: 15px;
margin-bottom: 0;
border-width: 0 0 2px;
padding: 14px 10em 17px 0;
background-color: transparent;
}
input[type="email"]:hover,
input[type="email"]:focus {
background-color: transparent;
}
.yikes-easy-mc-submit-button.sc_button_simple {
@include abs-rt(0, -1px);
margin: 0;
min-height: auto;
padding: 0;
width: auto;
}
input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text {
color: var(--theme-color-input_light);
}
}
&.mailchimp-form-3,
&.mailchimp-form-5 {
margin: auto;
max-width: 39rem;
position: relative;
input[type="email"] {
border-color: var(--theme-color-input_bg_color);
margin-bottom: 8px;
padding-right: 13em;
}
input[type="email"]:hover,
input[type="email"]:focus {
border-color: var(--theme-color-input_bd_hover);
}
.yikes-easy-mc-submit-button.sc_button_simple {
@include abs-rt(1.9em, 3px);
margin: 0;
min-height: auto;
overflow: visible;
padding: 0 0 0 1.25em;
width: auto;
font-size: 14px;
letter-spacing: 0.06em;
}
.yikes-easy-mc-submit-button.sc_button_simple:before {
background-color: var(--theme-color-input_bd_hover);
content: '';
display: block !important;
height: 2.2em;
left: 0;
margin-top: -1.1em;
opacity: 1;
right: auto;
width: 1px;
}
.yikes-easy-mc-submit-button.sc_button_simple.sc_button_icon_left .sc_button_icon {
font-size: 1.3em;
margin-right: 0.2em;
line-height: 1em;
}
.yikes-mailchimp-eu-compliance-label {
text-align: center;
}
input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text {
color: var(--theme-color-input_light);
}
}
&.mailchimp-form-4 {
position: relative;
input[type="email"] {
@include border-sharp;
border-width: 0 0 2px;
font-size: 14px;
margin-bottom: 0;
padding: 14px 0;
width: calc(100% - 140px - 13%);
background-color: transparent;
border-color: var(--theme-color-text_dark);
}
input[type="email"]:hover,
input[type="email"]:focus {
background-color: transparent;
}
.yikes-easy-mc-submit-button.sc_button_simple {
@include abs-rt(0, 21px);
margin: 0;
min-height: auto;
padding: 0;
width: auto;
font-size: 18px;
text-transform: none;
letter-spacing: 0;
}
.yikes-easy-mc-submit-button.sc_button_simple .sc_button_icon {
font-size: 25px;
width: 24px;
}
input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text {
color: var(--theme-color-input_light);
}
}
&.mailchimp-form-5 {
input[type="email"] {
border-color: var(--theme-color-input_bd_color);
}
input[type="email"]:hover,
input[type="email"]:focus {
border-color: var(--theme-color-input_bd_hover);
}
}
&.mailchimp-form-6 {
.EMAIL-label {
margin-bottom: 3px;
}
input[type=email] {
margin-bottom: 0;
padding: 14px 30px;
text-align: center;
}
.yikes-mailchimp-eu-compliance-label {
margin-top: 3.1em;
}
input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text {
font-size: 13px;
letter-spacing: -0.01em;
}
}
.yikes-easy-mc-submit-button.admin-logged-in {
margin-bottom: 0;
}
}
footer {
.yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-2 input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text,
.yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-3 input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text {
color: var(--theme-color-input_dark_06);
}
}
.yikes-mailchimp-container-1,
.yikes-mailchimp-container-3,
.yikes-mailchimp-container-5,
.yikes-mailchimp-container-6 {
.yikes-easy-mc-success-message {
text-align: center;
}
}
/* 29.8 Social Sharing */
.trx_addons_login_socials_list br {
display: none;
}
.mo-openid-app-icons {
display: flex !important;
justify-content: space-between;
& > p {
display: none;
}
.sc_button {
font-size: 12px;
font-weight: 400;
letter-spacing: 0;
margin: 0;
text-align: center;
text-transform: none;
padding: 14px 27px 14px 28px !important;
width: auto;
}
.sc_button i {
@include font(1.2em, inherit, 400);
@include rel-pos(auto, auto, auto, auto);
border: none;
display: inline-block;
margin-right: 0.5em;
padding: 0;
vertical-align: middle;
width: auto;
}
[onclick*="google"].sc_button {
background-color: #e93314;
border-color: #e93314;
box-shadow: 0 5px 12px rgba(59, 89, 152, 0.2) !important;
}
[onclick*="twitter"].sc_button {
background-color: #55ACEE;
border-color: #55ACEE;
box-shadow: 0 5px 12px rgba(85, 172, 238, 0.2) !important;
}
}
/* 29.9 Kadence blocks */
.wp-block-kadence-spacer {
margin: 0 !important;
clear: none;
}
.block-editor-page .wp-block-kadence-spacer {
background-color: var(--theme-color-alter_bg_color);
}
.wp-block-kadence-rowlayout:before {
content: none;
}
.kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner figure .kb-gal-image-radius {
width: 100%;
}
.kb-gallery-ul .kadence-blocks-gallery-item {
padding: 5px;
}
.kb-gallery-ul {
margin: -5px;
}
/* 29.10 GDPR Cookie Consent */
#cookie-law-info-bar {
@include font(1rem, 1.9em, 600);
letter-spacing: -0.02em;
padding: 15px 10px;
}
#cookie-law-info-bar:before {
content: '\e9cd';
font-family: $theme_icons;
font-size: 2.3em;
font-weight: 400;
margin-right: 0.8em;
display: inline-block;
vertical-align: middle;
}
.cli-plugin-button,
.cli-plugin-button:visited,
.medium.cli-plugin-button,
.medium.cli-plugin-button:visited {
@include font(11px, 17px, 600);
@include border-radius(var(--theme-var-rad));
padding: 10px 34px;
letter-spacing: 0.12em;
}
.cli-plugin-button:hover {
@include theme_button_colors_hover(!important);
}
#cookie-law-info-again {
box-shadow: #12141821 2px 2px 5px 2px;
}
/* 29.11 Backstage Customizer */
div.backstage-customizer-access-wrapper {
top: 50%;
left: 0;
right: auto;
bottom: auto;
transform: rotate(90deg) translateX(-75%);
transform-origin: 0 100% 0;
.backstage-customizer-access-button {
font-size: 17px;
line-height: 50px;
font-weight: 700;
height: 50px;
width: auto;
padding: 0 25px !important;
color: var(--theme-color-inverse_hover);
border-color: var(--theme-color-extra_bg_hover);
background-color: var(--theme-color-extra_bg_hover);
@include transition(all 0.3s ease);
&:hover {
color: var(--theme-color-inverse_hover);
border-color: var(--theme-color-text_hover);
background-color: var(--theme-color-text_hover);
}
a {
padding: 0;
font-weight: inherit !important;
float: none;
color: var(--theme-color-inverse_hover);
&:before {
top: -2px;
vertical-align: middle;
}
}
}
}
body.trx_addons_customizer_demo input[type="submit"],
body.trx_addons_customizer_demo a:not([href*="#"]):not(.search_close) {
pointer-events: none;
}
/* 30. Messages
------------------------------------------------------------------------------------ */
.trx_addons_message_box,
p.yikes-easy-mc-error-message,
p.yikes-easy-mc-success-message,
.wpcf7 form .wpcf7-response-output.trx_addons_message_box,
span.wpcf7-not-valid-tip {
@include font(14px, 1.4em, 400);
letter-spacing: 0;
text-transform: none;
box-shadow: none !important;
border: none !important;
@include border-radius(0);
padding: 10px !important;
width: auto;
}
.trx_addons_message_box,
.wpcf7-response-output.trx_addons_message_box,
.wpcf7 form.invalid .wpcf7-response-output.trx_addons_message_box {
position: relative;
top: auto;
left: auto;
max-width: none;
transform: none;
text-align: left;
margin-top: 17px;
}
.trx_addons_message_box.wpcf7-response-output.trx_addons_message_box_error,
.trx_addons_message_box_error,
p.yikes-easy-mc-error-message,
span.wpcf7-not-valid-tip {
background-color: var(--theme-color-extra_hover) !important;
color: var(--theme-color-extra_dark) !important;
}
.trx_addons_message_box_success,
p.yikes-easy-mc-success-message,
.wpcf7-response-output.trx_addons_message_box.trx_addons_message_box_success {
background-color: var(--theme-color-text_link3) !important;
color: var(--theme-color-extra_dark) !important;
}
.yikes-easy-mc-error-message,
p.yikes-easy-mc-success-message {
margin-bottom: 17px !important;
}
span.wpcf7-not-valid-tip,
.wpcf7-response-output.trx_addons_message_box.trx_addons_message_box_success {
margin-top: 17px !important;
padding: 0 !important;
color: var(--theme-color-extra_hover) !important;
background-color: transparent !important;
}
.wpcf7-checkbox + span.wpcf7-not-valid-tip {
margin-top: 2px !important;
}
form .error_field,
.wpcf7-not-valid {
box-shadow: none !important;
border-color: var(--theme-color-extra_hover) !important;
}
/* 31. Scheme dark
------------------------------------------------------------------------------------ */
body.scheme_dark .scheme_dark {
.sc_layouts_panel_inner {
background-color: var(--theme-color-alter_bg_color);
}
}
body.scheme_dark .scheme_default {
.sc_layouts_row_fixed_on {
background-color: var(--theme-color-bg_color);
}
}
body.scheme_dark {
.sc_layouts_row_fixed_on,
.trx_addons_popup,
.sc_layouts_popup,
.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:not(.sc_item_filters_tabs),
.sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs),
&.single-format-audio .post_featured.with_thumb .post_audio,
.previous_post_content .post_format_audio .post_featured.with_thumb .post_audio,
.search_style_fullscreen.search_opened .search_form_wrap,
.sc_layouts_cart_widget,
.nav-links-single.nav-links-fixed .nav-links .nav-previous,
.nav-links-single.nav-links-fixed .nav-links .nav-next {
background-color: var(--theme-color-extra_bg_hover);
}
.post_layout_excerpt > .post_header .post_categories a {
background-color: var(--theme-color-extra_dark);
color: var(--theme-color-extra_bg_color) !important;
&:hover {
background-color: var(--theme-color-extra_hover);
color: var(--theme-color-extra_link) !important;
}
}
.sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs) .slider_outer_controls_top .slider_controls_wrap > a:not(:hover) {
background-color: var(--theme-color-extra_bg_color);
border-color: var(--theme-color-extra_bg_color);
}
.sc_layouts_menu_nav > li.submenu_with_blogger_left_filters > ul:not(.sc_item_filters_tabs) {
background: linear-gradient(90deg, var(--theme-color-extra_bd_color) 0%, var(--theme-color-extra_bd_color) 19%, var(--theme-color-extra_bg_hover) 19%, var(--theme-color-extra_bg_hover) 100%);
}
}
/* 32. Color scheme switcher
------------------------------------------------------------------------------------ */
#color_scheme_switcher {
display: block;
padding: 0;
font-size: inherit;
text-align: center;
visibility: visible;
list-style-type: none;
margin: 0;
@include fixed-pos(auto, 2em, 1.2em, auto, 100001);
@include square(2.889em !important);
@include border-round;
&:before {
color: var(--theme-color-inverse_link);
background: var(--theme-color-text_link);
cursor: pointer;
font-size: 23px;
@include square(inherit);
@include border-round;
@include transition(all ease 0.3s);
&:hover {
background: var(--theme-color-text_hover);
}
}
li {
margin: 0;
opacity: 0;
background: var(--theme-color-bg_color);
border: 1px solid var(--theme-color-bd_color);
box-sizing: border-box;
cursor: pointer;
@include abs-pos(0, 0, auto, auto, -1);
@include box(2.889em, 2.889em, calc(2.889em - 4px));
@include border-round;
@include transition(all ease 0.3s);
&:hover {
transform: scale(1.1);
}
span {
font-size: 12px;
}
}
}
@for $i from 1 through 12 {
#color_scheme_switcher.opened li:nth-child(#{$i}) {
right: calc(#{$i} * (2.889em + 15px));
opacity: 1;
}
}
body.scheme_dark {
.logo_image.invert,
.sc_layouts_logo.invert img {
filter: invert(1);
}
[class*="scheme_"] .logo_image.invert,
[class*="scheme_"] .sc_layouts_logo.invert img {
filter: none;
}
}