Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/hessa.corals.io/wp-content/themes/kicker/skins/writer/css/ |
/* 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
--theme-var-sidebar_width_max: 500px; // Max width of the sidebar.
// Dev can use var(--theme-var-sidebar_width) instead digits
// to limit a max value with a current value of the option
--theme-var-sidebar_width_min: 150px; // Min width of the sidebar
--theme-var-sidebar_gap_width_max: 100px; // Max gap between the content and sidebar
--theme-var-sidebar_gap_width_min: 0px; // Min gap between the content and sidebar
@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,
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, #707123);
text-decoration: none;
}
a:hover {
color: var(--theme-color-text_hover, #5A5B18);
}
.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;
letter-spacing: -0.01em;
}
.wp-block-table thead {
border: 0;
}
.wp-block-table tfoot {
border-top: 1px solid var(--theme-color-bd_color);
}
.wp-block-table td, .wp-block-table th {
border: 0;
}
table th + th,
table th + td,
table td + th,
table td + td {
border-width: 0 0 0 1px;
border-style: solid;
.wp-block-table > & {
border-width: 0 0 0 1px;
border-style: solid;
}
}
table > p {
margin: 0 !important;
}
table th {
@include font(1.285rem, 1.8em, 700, normal);
letter-spacing: 0;
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);
.wp-block-table > & {
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);
.wp-block-table > & {
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-quote.is-large:not(.is-style-plain),
.wp-block-quote.is-style-large:not(.is-style-plain) {
padding: 0 0 0 2.8em;
}
.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(16px, 1.35em, 700, normal);
display: block;
letter-spacing: 0;
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);
letter-spacing: -0.01em;
}
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 {
font-style: italic;
}
i {
font-style: normal;
}
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,
.wp-block-separator {
@include content-box;
border: none;
border-top: 1px solid var(--theme-color-bd_color);
height: 0;
margin: 6.7857em 0;
&.aligncenter,
&.alignleft,
&.alignright {
margin-top: 6.7857em!important;
margin-bottom: 6.7857em!important;
}
}
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,
.wp-block-calendar {
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,
.wp-block-calendar {
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;
}
/* Gallery */
/*.wp-block-gallery.has-nested-images,*/
figure.wp-block-gallery {
@include flex;
@include flex-direction(row);
@include flex-wrap(wrap);
@include flex-justify-content(flex-start);
@include flex-align-items(stretch);
}
.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-block-gallery.has-nested-images figure.wp-block-image 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_light);
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;
@include flex-grow(0);
@include flex-basis(auto);
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption,
.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-columns .wp-block-image:last-child figcaption {
margin-bottom: 1.95em;
}
.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 {
border: none !important;
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;
}
.wp-block-gallery {
margin-bottom: -16px;
}
}
/* 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_hover);
.sc_layouts_popup & {
bottom: -1px;
}
}
/* 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: 13px;
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: 3px 3px 3px 5px;
width: 27px;
font-size: 10px;
}
.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;
}
/* 3.9 Socials */
.wp-block-social-links {
padding-left: 0!important;
> li:before {
display: none!important;
}
}
/* 3.10 Latest Posts */
.wp-block-latest-posts.wp-block-latest-posts__list {
> li:before {
display: none!important;
}
}
/* 3.11 Archives */
.wp-block-archives-dropdown label {
margin-bottom: 10px;
}
/* 4. Content
-------------------------------------------------------------- */
/* Custom font size in blocks */
.has-large-font-size,
.has-huge-font-size {
line-height: 1.4em;
}
/* Align */
.has-text-align-center {
text-align: center;
}
/* Core columns */
.wp-block-columns {
@include flex-wrap(nowrap);
margin-bottom: 0;
@media (min-width: 782px) {
.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),
.wp-block-search__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_igenerator_form_field_prompt .sc_igenerator_form_field_prompt_button,
.sc_tgenerator_form_field_prompt .sc_tgenerator_form_field_prompt_button,
.sc_chat_form_field_prompt .sc_chat_form_field_prompt_button,
.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),
.wp-block-search__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_igenerator_form_field_prompt .sc_igenerator_form_field_prompt_button,
.sc_tgenerator_form_field_prompt .sc_tgenerator_form_field_prompt_button,
.sc_chat_form_field_prompt .sc_chat_form_field_prompt_button,
.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,
.wp-block-search__button:hover,
.wp-block-search__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,
.sc_igenerator_form_field_prompt .sc_igenerator_form_field_prompt_button:not(.sc_igenerator_form_field_prompt_button_disabled):hover,
.sc_igenerator_form_field_prompt .sc_igenerator_form_field_prompt_button:not(.sc_igenerator_form_field_prompt_button_disabled):focus,
.sc_tgenerator_form_field_prompt .sc_tgenerator_form_field_prompt_button:not(.sc_tgenerator_form_field_prompt_button_disabled):hover,
.sc_tgenerator_form_field_prompt .sc_tgenerator_form_field_prompt_button:not(.sc_tgenerator_form_field_prompt_button_disabled):focus,
.sc_chat_form_field_prompt .sc_chat_form_field_prompt_button:not(.sc_chat_form_field_prompt_button_disabled):hover,
.sc_chat_form_field_prompt .sc_chat_form_field_prompt_button:not(.sc_chat_form_field_prompt_button_disabled):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,
.sc_igenerator_form_inner .sc_igenerator_form_field_prompt .sc_igenerator_form_field_prompt_button_disabled,
.sc_tgenerator_form_field_prompt .sc_tgenerator_form_field_prompt_button_disabled,
.sc_chat_form_field_prompt .sc_chat_form_field_prompt_button_disabled,
.sc_igenerator_form_inner .sc_igenerator_form_field_prompt .sc_igenerator_form_field_prompt_button_disabled:hover,
.sc_tgenerator_form_field_prompt .sc_tgenerator_form_field_prompt_button_disabled:hover,
.sc_chat_form_field_prompt .sc_chat_form_field_prompt_button_disabled:hover,
.sc_igenerator_form_inner .sc_igenerator_form_field_prompt .sc_igenerator_form_field_prompt_button_disabled:focus,
.sc_tgenerator_form_field_prompt .sc_tgenerator_form_field_prompt_button_disabled:focus,
.sc_chat_form_field_prompt .sc_chat_form_field_prompt_button_disabled:focus {
@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,
.sc_igenerator_form_field_prompt .sc_igenerator_form_field_prompt_button,
.sc_tgenerator_form_field_prompt .sc_tgenerator_form_field_prompt_button,
.sc_chat_form_field_prompt .sc_chat_form_field_prompt_button {
&: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;
}
/* 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;
}
}
.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 */
.theme_form_field_text,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
input.wp-block-search__input,
select,
textarea,
textarea.wp-editor-area,
.sc_igenerator_form_field_inner input[type="text"],
.sc_tgenerator_form_field_inner input[type="text"],
.sc_chat_form_field_prompt input[type="text"],
.sc_tgenerator_text {
@include theme_field_template;
}
.theme_form_field_text,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="search"],
input.wp-block-search__input,
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,
.sc_igenerator_form_field_inner input[type="text"],
.sc_tgenerator_form_field_inner input[type="text"],
.sc_chat_form_field_prompt input[type="text"],
.sc_tgenerator_text {
@include theme_field_colors;
}
.theme_form_field_text:focus,
.theme_form_field_text.filled,
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.wp-block-search__input:focus,
input.wp-block-search__input.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,
.sc_igenerator_form_field_inner input[type="text"]:focus,
.sc_tgenerator_form_field_inner input[type="text"]:focus,
.sc_chat_form_field_prompt input[type="text"]:focus,
.sc_tgenerator_text:focus {
@include theme_field_colors_hover;
background-color: transparent;
}
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));
}
/* Placeholders */
.theme_form_field_placeholder {
color: var(--theme-color-input_light);
opacity: 1;
text-overflow: ellipsis;
}
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,
.theme_form_field_text,
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"],
.sc_igenerator_form_field_inner input[type="text"] {
@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;
}
.theme_form_field_text,
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,
.sc_igenerator_form_field_inner input[type="text"] {
-webkit-appearance: none;
outline: none;
resize: none;
}
button:focus,
.theme_form_field_text: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;
}
.theme_form_field_text,
.theme_form_field_text:focus,
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,
.sc_igenerator_form_field_inner input[type="text"],
.sc_igenerator_form_field_inner input[type="text"]:focus {
box-shadow: none;
}
body.show_outline {
button:focus,
input:focus,
select:focus,
textarea:focus,
textarea.wp-editor-area:focus {
outline: thin dotted !important;
}
}
.theme_form_field_text,
input {
&:-webkit-autofill,
&:-webkit-autofill:hover,
&:-webkit-autofill:focus,
&:-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,
input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text p,
.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,
.comment-form .wpgdprc-checkbox label,
.gdpr-terms-container > span,
#gdpr_woo_consent_field label {
@include font(13px, 1.3em, 400);
color: var(--theme-color-input_text);
display: inline-block;
letter-spacing: 0;
padding-left: 2em;
position: relative;
vertical-align: top;
}
input[type="checkbox"] + .mailchimp-eu-compliance-label,
input[type="checkbox"] + .mailchimp-eu-compliance-label p {
@include font(13px, 1.3em, 400);
color: var(--theme-color-input_text);
}
input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text p {
padding-left: 0;
}
.sc_igenerator .sc_igenerator_form_settings .sc_igenerator_form_settings_field input[type="radio"] + label:before,
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,
.gdpr-terms-container > span input[type="checkbox"]:before,
#gdpr_woo_consent_field label input[type="checkbox"]:before {
@include abs-lt(0, 1px);
@include border-radius(4px);
@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;
}
.trx_addons_popup_form_field_agree input[type="checkbox"] + label:before {
top: 2px;
}
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;
}
.sc_igenerator .sc_igenerator_form_settings .sc_igenerator_form_settings_field input[type="radio"]:checked + label:before,
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,
.gdpr-terms-container > span input[type="checkbox"]:checked:before,
#gdpr_woo_consent_field label input[type="checkbox"]:checked: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);
}
.sc_igenerator .sc_igenerator_form_settings .sc_igenerator_form_settings_field input[type="radio"]:checked + label:before,
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;
transform: translateY(-50%);
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-bg_color) !important;
border-color: var(--theme-color-bd_hover);
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;
display: block;
}
.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;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.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;
}
/* 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);
body.bg_white & {
background-color: #ffffff!important;
}
}
.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;
}
.sc_layouts_row_on_top {
z-index: 999999;
}
/* 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%;
.sc_layouts_row[class*="scheme_"] {
@include transition-property(background-color);
}
}
.header_position_over:not(.trx_addons_page_scrolled) .top_panel .sc_layouts_row[class*="scheme_"],
.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;
}
.header_position_under .page_wrap {
padding-bottom: 0.1px; /* Fix for Chrome and Safari to allow margin-bottom in the .page_content_wrap when footer is fixed */
}
/* 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;
}
body.body_style_fullwide .sc_layouts_menu_nav > li[class*="columns-"] > ul {
padding-left: var(--theme-var-page_fullwide_extra);
padding-right: var(--theme-var-page_fullwide_extra);
}
/* 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.3em !important;
}
.sc_layouts_cart_icon:before {
content: '\e9a5';
font-family: $theme_icons;
}
.sc_layouts_cart_items_short {
padding: 0 3px;
min-width: 19px;
width: max-content;
height: 19px;
line-height: 18px;
top: auto;
bottom: -8px;
font-size: 10px;
border-radius: 10px;
color: var(--theme-color-inverse_text);
background-color: var(--theme-color-text_link);
text-indent: 0;
.ua_gecko & {
text-indent: 0.5px;
}
}
.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 {
font-weight: 700;
color: var(--theme-color-extra_dark) !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;
}
}
}
.top_panel .sc_layouts_cart_widget .woocommerce-mini-cart__buttons.buttons {
display: flex;
}
/* 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.095em !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;
padding: 0 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,
.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 {
color: var(--theme-color-extra_hover2) !important;
font-weight: 700;
}
.sc_layouts_menu_nav .menu-collapse > a {
font-weight: 400;
width: 36px;
}
.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 {
@include font(10px, 14px);
color: var(--theme-color-extra_light);
}
.sc_layouts_menu_nav > li > a .sc_layouts_menu_item_description {
top: 3.9em;
padding: 0 1.55em 0;
letter-spacing: 0.1em;
}
.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;
}
}
.wp-block-navigation ul.wp-block-page-list {
li + li {
margin-top: 0;
}
li.wp-block-pages-list__item:hover {
color: var(--theme-color-text_hover);
}
}
/* 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;
@include content-box;
}
.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.02);
}
.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 {
@include scale(1.09);
}
.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;
}
}
}
/* 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_link);
}
.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 .icon-clock-empty:before {
position: relative;
top: 0.5px;
}
.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: 700;
}
&: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: 700;
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';
vertical-align: bottom;
}
&.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: 700;
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: 600;
}
}
/* 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: 2px;
}
.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;
}
[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,
.wp-block-query-pagination {
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,
.wp-block-query-pagination .page-numbers {
@include border-box;
@include border-sharp;
@include box(49px, 49px, 45px);
@include transition-properties(color, background-color, border-color, background-position);
border: 1px solid;
border-radius: 50%;
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,
.wp-block-query-pagination .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,
.wp-block-query-pagination a.page-numbers:hover,
.wp-block-query-pagination .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,
.wp-block-query-pagination .page-numbers,
.comments_pagination .page-numbers,
.woocommerce nav.woocommerce-pagination ul li a {
&.first, &.prev, &.next, &.last {
overflow: hidden;
position: relative;
text-indent: -200px;
&: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;
}
}
}
.wp-block-query-pagination .page-numbers.prev:before,
.nav-links .page-numbers.prev:before,
.comments_pagination .page-numbers.prev:before,
.woocommerce nav.woocommerce-pagination ul li a.prev:before {
content: '\E9BD';
}
.wp-block-query-pagination .page-numbers.next:before,
.nav-links .page-numbers.next:before,
.comments_pagination .page-numbers.next:before,
.woocommerce nav.woocommerce-pagination ul li a.next:before {
content: '\E9BC';
}
.wp-block-query-pagination .page-numbers.first:before,
.wp-block-query-pagination .page-numbers.last:before,
.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;
}
.wp-block-query-pagination .page-numbers.first:before,
.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;
}
.wp-block-query-pagination .page-numbers.last:before,
.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-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.3em;
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);
max-width: var(--theme-var-padding_narrow);
}
.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;
margin-bottom: 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: 2.94em;
}
.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 {
/* Image caption */
.post_featured.with_thumb[data-caption]:after {
content: attr(data-caption);
@include font(14px, 1.3em);
@include abs-lb(50%, 15px, 2);
background-color: #000;
color: #fff;
opacity: 0.5;
display: block;
text-align: center;
padding: 8px 15px;
transform: translateX(-50%);
}
.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;
}
.sc_igenerator_form_field_tags_item,
.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-inverse_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.5rem 1.922rem 0.6rem;
text-transform: capitalize;
vertical-align: top;
}
.sc_igenerator_form_field_tags_item:hover,
.post_item_single .post_tags_single a:hover {
background-color: var(--theme-color-inverse_bg_color);
border-color: var(--theme-color-alter_bd_color);
color: var(--theme-color-extra_hover);
}
/* 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(216,143,116, 0);
margin-right: 0.9em;
}
&:after {
display: none;
}
&.enabled:hover:before {
color: var(--theme-color-inverse_link);
box-shadow:inset 0 0 0 26px var(--theme-color-extra_hover);
}
&.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 var(--theme-color-extra_hover);
}
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;
color: var(--theme-color-inverse_bg_color);
background-color: var(--theme-color-alter_dark);
border-color: var(--theme-color-alter_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_"] {
&:hover {
background-color: var(--theme-color-text_link);
}
}
}
/* 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: 13px;
font-weight: 700;
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);
border-radius: 50%;
}
.nav-next a .nav-arrow {
@include abs-lc(2.1rem);
border-radius: 50%;
}
.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(13px, 18px, 700);
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, 700);
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;
}
.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,
.comments_wrap .comment-form-cookies-consent {
margin-bottom: 1.44em;
}
.comments_wrap .comments_author,
.comments_wrap .comments_email {
width: 48%;
float: left;
}
.comments_wrap .comments_email {
float: right;
}
.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(16px, 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 {
font-size: 1.4rem;
position: relative;
}
&instagram:before {
content: '\e87e';
font-family: $theme_icons;
font-size: 1.4rem;
}
}
}
/* 24. Category page
------------------------------------------------------ */
.category_page {
@include flex-align-items(center);
@include flex-direction(column);
@include flex;
margin-bottom: 4.5rem;
.category_image {
margin-bottom: 1.5em;
overflow: hidden;
&:empty {
display: none;
}
}
.category_title {
margin-top: 0;
margin-bottom: 0.5em;
}
.category_desc {
text-align: center;
}
.category_desc p {
margin: 0;
}
.category_desc p + p {
margin-top: 0.6em;
}
}
/* 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;
}
.wp-block-group__inner-container {
& > h1, & > h2, & > h3, & > h4, & > h5, & > h6 {
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: 0px;
line-height: 13px;
}
.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: '\e9d7';
font-family: $theme_icons;
font-size: 32px;
font-weight: 300;
}
}
.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%, 7px);
@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.4 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;
left: auto;
}
.widget_search form.search-form:after {
right: 1em;
}
.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;
}
.wp-block-search,
.widget_search .wp-block-search {
position: relative;
&:after {
display: none;
}
.wp-block-search__label {
margin-bottom: 10px;
display: block;
}
.wp-block-search__button {
padding: 17px 20px;
height: 57px;
}
.wp-block-search__button.has-icon {
padding: 0 !important;
width: 57px;
&:before {
content: '\e9a3';
font-family: $theme_icons;
@include font(21px, 0.9em, 400);
}
svg {
display: none;
}
}
&.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border-color: var(--theme-color-input_bd_color);
border-radius: var(--theme-var-rad);
.wp-block-search__input {
padding: 0 26px;
border-radius: var(--theme-var-rad);
}
.wp-block-search__button {
padding: 12px 20px;
height: 47px;
}
.wp-block-search__button.has-icon {
padding: 0;
width: 54px;
box-shadow: none;
border: none;
color: var(--theme-color-text_dark);
background-color: transparent;
&:hover {
color: var(--theme-color-text_link);
}
}
}
}
/* 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 {
.elementor-editor-active & {
background-color: var(--theme-color-alter_bg_color_07); // Hightlight Instagram feed widget on the Elementor edit page
}
.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;
margin-left: 0!important;
}
.sbi_follow_btn a {
margin: 0;
vertical-align: middle;
background-color: transparent !important;
&:hover,
&:focus {
box-shadow: none !important;
}
}
.sbi_follow_btn a svg {
display: block !important;
@include content-box;
@include border-round;
height: 24px !important;
width: 24px !important;
margin: auto;
padding: 16px 16px;
color: var(--theme-color-alter_link);
background-color: var(--theme-color-alter_bg_color);
transition: all .3s;
&:hover {
color: var(--theme-color-alter_link);
background-color: var(--theme-color-extra_link);
}
+ span {
.page_content_wrap & {
color: var(--theme-color-extra_dark);
text-shadow: 1px 1px 2px var(--theme-color-extra_bg_color);
}
}
}
.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;
border-radius: 4px;
}
.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%;
}
}
/* 26.14 Video List */
.sidebar.widget_area,
footer .widget_area .columns_wrap {
.trx_addons_video_list_video_wrap {
.trx_addons_video_player.with_cover .video_hover {
margin: 0!important;
transform: none;
width: 2rem!important;
height: 2rem!important;
line-height: 2rem!important;
font-size: 0.8rem!important;
}
.trx_addons_video_list_title_wrap {
.trx_addons_video_list_subtitle {
display: none;
}
.trx_addons_video_list_title {
font-size: 1.2rem;
line-height: 1em;
}
.trx_addons_video_list_meta {
display: none;
}
}
}
// Default & Alter
.trx_addons_video_list_type_alter,
.trx_addons_video_list_type_default {
&.trx_addons_video_list_controller_right {
.trx_addons_video_list_video_wrap {
padding-right: 0;
.trx_addons_video_player.with_cover .video_hover {
top: 1rem!important;
left: 1rem!important;
}
}
.trx_addons_video_list_controller_wrap {
width: 100%;
margin-top: 15px;
overflow-y: visible!important;
overflow-x: hidden!important;
white-space: wrap!important;
.trx_addons_video_list_controller_item {
padding: 0;
flex-direction: row;
display: flex;
width: 100%!important;
background-color: inherit;
+ .trx_addons_video_list_controller_item {
margin-top: 15px;
margin-left: 0;
}
.trx_addons_video_list_subtitle {
display: none;
}
.trx_addons_video_list_image:before {
width: 2rem;
height: 2rem;
line-height: 2rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.6rem;
box-sizing: content-box;
}
}
.trx_addons_video_list_image {
width: 38.68%!important;
max-width: max-content;
+ .trx_addons_video_list_info {
min-width: 61.32%!important;
padding-left: 5%;
margin-top: 0;
display: flex;
}
}
.trx_addons_video_list_title {
font-size: 1.1rem;
line-height: 1em;
}
}
.trx_addons_video_list_title_wrap {
bottom: 1rem!important;
left: 1rem!important;
right: 1rem!important;
}
}
}
.trx_addons_video_list_type_alter .trx_addons_video_list_video_wrap .trx_addons_video_player + .trx_addons_video_list_title_wrap,
.trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap {
margin-top: 10px;
}
// Wide
.trx_addons_video_list_type_wide {
&.trx_addons_video_list_controller_right {
.trx_addons_video_list_video_wrap {
padding-right: 0;
.trx_addons_video_player.with_cover .video_hover {
left: 10px;
top: 10px;
}
.trx_addons_video_list_title_wrap {
padding: 0;
left: 10px;
bottom: 10px;
}
}
.trx_addons_video_list_controller_wrap {
width: 100%;
padding: 10px 0 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
.trx_addons_video_list_controller_item {
width: calc(50% - 5px)!important;
margin-top: 0;
padding: 0;
.trx_addons_video_list_info {
bottom: 10px;
padding: 0 10px;
}
&:after {
left: 10px;
top: 10px;
display: block;
width: 2rem;
height: 2rem;
padding-left: 0;
line-height: 2rem;
}
}
.trx_addons_video_list_subtitle {
display: none;
}
.trx_addons_video_list_title {
font-size: 1.1rem;
line-height: 1em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden
}
}
}
}
// News
.trx_addons_video_list_type_news {
.trx_addons_video_player.without_cover {
padding-bottom: 0;
}
.trx_addons_video_list_video_wrap {
.trx_addons_video_player.with_cover {
> img {
height: auto;
left: 0;
margin: 0;
width: 100%!important;
}
.video_hover {
transform: translate(-50%, -50%);
}
}
.trx_addons_video_list_title_wrap {
padding: 15px 0;
}
}
&.trx_addons_video_list_controller_bottom {
padding-bottom: 11rem;
.trx_addons_video_list_controller_wrap {
min-height: auto;
padding-top: 0;
height: max-content;
.trx_addons_video_list_controller_item {
width: calc(50% - 5px);
padding: 15px;
overflow: hidden;
flex: none;
height: auto;
+ .trx_addons_video_list_controller_item {
margin-left: 10px;
}
.trx_addons_video_list_title {
font-size: 1.1rem;
line-height: 1em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden
}
}
}
}
}
// Classic
.trx_addons_video_list_type_classic {
&.trx_addons_video_list_title_alter {
.trx_addons_video_list_video_wrap .trx_addons_video_player.with_cover .video_hover {
transform: translate(-50%,-50%);
}
.trx_addons_video_list_controller_wrap {
.trx_addons_video_list_controller_item {
width: calc(50% - 5px);
.trx_addons_video_list_image:before {
@include square(2rem);
font-size: 0.8rem;
}
+ .trx_addons_video_list_controller_item {
margin-left: 10px;
}
}
.trx_addons_video_list_title {
font-size: 17px;
line-height: 18px;
}
}
}
&.trx_addons_video_list_title_default {
.trx_addons_video_list_video_wrap {
.trx_addons_video_player.with_cover .video_hover {
top: 15px;
transform: translateX(-50%);
}
.trx_addons_video_list_title_wrap {
padding: 1.1rem 5%;
position: absolute;
top: auto;
bottom: 15px;
}
}
.trx_addons_video_list_controller_wrap {
margin-top: 15px;
.trx_addons_video_list_image {
width: auto;
max-width: none;
}
.trx_addons_video_list_controller_item,
.trx_addons_video_list_controller_item_active {
background-color: inherit;
}
.trx_addons_video_list_controller_item {
width: calc(50% - 5px);
flex-basis: auto;
+ .trx_addons_video_list_controller_item {
margin-left: 10px;
}
.trx_addons_video_list_image:before {
@include square(2rem);
font-size: 0.8rem;
}
}
}
}
}
.column-1_4,
.column-1_5,
.column-1_6 {
.trx_addons_video_list_type_classic {
&.trx_addons_video_list_title_default .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap {
display: none!important;
}
}
}
}
// Classic
.sidebar.widget_area,
footer .widget_area {
.trx_addons_video_list_type_classic .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap {
background-color: var(--theme-color-bg_color);
}
}
footer .widget_area {
.columns_wrap {
.column-1_4,
.column-1_5,
.column-1_6 {
.trx_addons_video_list_type_classic {
&.trx_addons_video_list_title_default .trx_addons_video_list_video_wrap {
.trx_addons_video_player.with_cover .video_hover {
top: 50%;
transform: translate(-50%, -50%);
}
.trx_addons_video_list_title_wrap {
display: none!important;
}
}
}
}
.column-1_5,
.column-1_6 {
.trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item {
width: 65%;
.trx_addons_video_list_title {
font-size: 17px;
font-size: 18px;
}
}
}
}
}
/* 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: 12px;
line-height: normal;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.07em;
margin-top: 0;
padding: 11px 28px;
@include border-radius(var(--theme-var-rad));
@include transition_all();
color: var(--theme-color-extra_bg_color)!important;
background-color: var(--theme-color-extra_dark)!important;
border-color: var(--theme-color-extra_dark)!important;
&:hover {
color: var(--theme-color-extra_dark)!important;
background-color: var(--theme-color-bg_color)!important;
border-color: var(--theme-color-bg_color)!important;
}
svg {
border-radius: 0;
width: max-content;
color: inherit;
background-color: inherit;
transition: none;
}
}
.sbi_follow_btn .fa,
.sbi_follow_btn svg {
height: 18px!important;
width: 18px!important;
font-size: 18px;
padding: 0;
+ span {
margin-left: 8px;
display: inline-block;
&:empty {
display: none;
}
}
}
}
.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: capitalize;
}
.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,
//.columns_wrap:after,
.row: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 .theme_form_field_text,
.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;
max-height: 100vh;
}
.mfp-wrap {
z-index: 200002;
cursor: url(../images/cancel.png) 21 21, pointer;
&.fadeIn {
animation-name: none;
}
& ~ .body_wrap {
overflow: hidden;
max-height: 100vh;
}
}
.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;
line-height: 1em;
}
#gdpr_woo_consent_field label,
.gdpr-terms-container > span {
input[type="checkbox"] {
left: 0;
clip: auto;
visibility: hidden;
position: absolute!important;
appearance: none;
&:before {
visibility: visible;
cursor: pointer;
}
}
}
/* 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 {
color: var(--theme-color-input_dark);
border-color: var(--theme-color-input_bd_hover);
background-color: var(--theme-color-bg_color);
}
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;
width: 39rem;
max-width: 80vw;
position: relative;
input[type="email"] {
border-color: var(--theme-color-input_bg_color);
margin-bottom: 8px;
padding-right: 13em;
footer & {
background-color: var(--theme-color-input_bg_hover);
border-color: var(--theme-color-input_bg_hover);
&:hover,
&:focus {
background-color: var(--theme-color-input_bg_color);
border-color: var(--theme-color-input_bd_hover);
}
}
}
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 */
.theme-kicker .cky-modal {
border-radius: 0;
}
.cky-consent-container {
&.cky-box-bottom-left {
bottom: 0;
}
&.cky-box-bottom-left,
&.cky-banner-bottom {
.cky-notice {
text-align: center;
}
.cky-notice-group {
justify-content: center;
.cky-notice-des {
display: flex;
}
}
.cky-notice-btn-wrapper {
margin-left: 30px;
padding: 0!important
}
}
}
.cky-consent-container.cky-box-bottom-left .cky-notice-group .cky-notice-des > span,
.cky-consent-container.cky-banner-bottom .cky-notice-group .cky-notice-des > span,
#cookie-law-info-bar {
@include font(1rem, 1.9em, 600);
letter-spacing: -0.02em;
}
.cky-consent-container .cky-notice-group .cky-notice-des {
font-weight: 600;
}
.cky-consent-container.cky-box-bottom-left .cky-consent-bar,
.cky-consent-container.cky-banner-bottom .cky-consent-bar,
#cookie-law-info-bar {
padding: 15px 10px;
}
.cky-consent-container.cky-box-bottom-left .cky-notice-des:before,
.cky-consent-container.cky-banner-bottom .cky-notice-des:before,
#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;
}
.theme-kicker .cky-btn,
.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;
max-width: max-content!important;
}
.theme-kicker .cky-btn {
margin: 5px 5px 5px 0;
&:last-of-type {
margin-right: 0;
}
}
.theme-kicker .cky-btn:hover,
.cli-plugin-button:hover {
@include theme_button_colors_hover(!important);
opacity: 1;
}
#cookie-law-info-again {
box-shadow: #12141821 2px 2px 5px 2px;
}
.theme-kicker button.cky-show-desc-btn {
&:not(:hover):not(:active) {
color: var(--theme-color-text_link);
}
&:hover,
&:active,
&:focus {
color: var(--theme-color-text_hover);
}
}
/* 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: inherit;
font-weight: 700;
width: auto;
padding: 0.5em 1.5em !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
------------------------------------------------------------------------------------ */
.sc_igenerator .sc_igenerator_message,
.trx_addons_message_box,
.mc4wp-response .mc4wp-alert,
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(16px, 1.3em, 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,
.mc4wp-response .mc4wp-error,
p.yikes-easy-mc-error-message,
span.wpcf7-not-valid-tip {
background-color: var(--theme-color-text_link3) !important;
color: var(--theme-color-extra_dark) !important;
}
.trx_addons_message_box_success,
.mc4wp-response .mc4wp-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-inverse_text) !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, 999);
@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 - 5px));
@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;
}
}