![]() 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/default/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 -------------------------------------------------------------- */ /* 1. Theme-specific variables and classes -------------------------------------------------------------- */ :root { --theme-var-koef_narrow: 0.7412; --theme-var-menu_side: 6rem; --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) ); --theme-var-page: var(--theme-var-page_width); --theme-var-sidebar_width_max: 500px; --theme-var-sidebar_width_min: 150px; --theme-var-sidebar_gap_width_max: 100px; --theme-var-sidebar_gap_width_min: 0px; --theme-var-sidebar: clamp( var(--theme-var-sidebar_width_min, 150px), calc( var(--theme-var-page) * var(--theme-var-sidebar_prc) * var(--theme-var-sidebar_proportional) + var(--theme-var-sidebar_width) * ( 1 - var(--theme-var-sidebar_proportional) ) ), var(--theme-var-sidebar_width_max, 500px) ); --theme-var-sidebar_gap: clamp( var(--theme-var-sidebar_gap_width_min, 0px), calc( var(--theme-var-page) * var(--theme-var-sidebar_gap_prc) * var(--theme-var-sidebar_proportional) + var(--theme-var-sidebar_gap_width) * ( 1 - var(--theme-var-sidebar_proportional) ) ), var(--theme-var-sidebar_gap_width_max, 100px) ); --theme-var-sidebar_and_gap: calc( var(--theme-var-sidebar) + var(--theme-var-sidebar_gap) ); --theme-var-content: calc( var(--theme-var-page) - var(--theme-var-sidebar) - var(--theme-var-sidebar_gap) ); --theme-var-content_narrow: calc( var(--theme-var-content) * var(--theme-var-koef_narrow) ); --theme-var-padding_narrow: calc( var(--theme-var-content) * ( 1 - var(--theme-var-koef_narrow) ) ); --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 ); --fixed-rows-height: 0px; } .body_style_boxed { --theme-var-page_boxed: calc( var(--theme-var-page_width) + var(--theme-var-page_boxed_extra) * 2 ); --theme-var-page: calc( var(--theme-var-page_boxed) - var(--theme-var-page_boxed_extra) * 2 ); --theme-var-sidebar: clamp( var(--theme-var-sidebar_width_min, 150px), calc( var(--theme-var-page) * var(--theme-var-sidebar_prc) * var(--theme-var-sidebar_proportional) + var(--theme-var-sidebar_width) * ( 1 - var(--theme-var-sidebar_proportional) ) ), var(--theme-var-sidebar_width_max, 500px) ); --theme-var-sidebar_gap: clamp( var(--theme-var-sidebar_gap_width_min, 0px), calc( var(--theme-var-page) * var(--theme-var-sidebar_gap_prc) * var(--theme-var-sidebar_proportional) + var(--theme-var-sidebar_gap_width) * ( 1 - var(--theme-var-sidebar_proportional) ) ), var(--theme-var-sidebar_gap_width_max, 100px) ); --theme-var-sidebar_and_gap: calc( var(--theme-var-sidebar) + var(--theme-var-sidebar_gap) ); --theme-var-content: calc( var(--theme-var-page) - var(--theme-var-sidebar) - var(--theme-var-sidebar_gap) ); --theme-var-content_narrow: calc( var(--theme-var-content) * var(--theme-var-koef_narrow) ); --theme-var-padding_narrow: calc( var(--theme-var-content) * ( 1 - var(--theme-var-koef_narrow) ) ); --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 ); --theme-var-sidebar: clamp( var(--theme-var-sidebar_width_min, 150px), calc( var(--theme-var-page) * var(--theme-var-sidebar_prc) * var(--theme-var-sidebar_proportional) + var(--theme-var-sidebar_width) * ( 1 - var(--theme-var-sidebar_proportional) ) ), var(--theme-var-sidebar_width_max, 500px) ); --theme-var-sidebar_gap: clamp( var(--theme-var-sidebar_gap_width_min, 0px), calc( var(--theme-var-page) * var(--theme-var-sidebar_gap_prc) * var(--theme-var-sidebar_proportional) + var(--theme-var-sidebar_gap_width) * ( 1 - var(--theme-var-sidebar_proportional) ) ), var(--theme-var-sidebar_gap_width_max, 100px) ); --theme-var-sidebar_and_gap: calc( var(--theme-var-sidebar) + var(--theme-var-sidebar_gap) ); --theme-var-content: calc( var(--theme-var-page) - var(--theme-var-sidebar) - var(--theme-var-sidebar_gap) ); --theme-var-content_narrow: calc( var(--theme-var-content) * var(--theme-var-koef_narrow) ); --theme-var-padding_narrow: calc( var(--theme-var-content) * ( 1 - var(--theme-var-koef_narrow) ) ); } .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); } .nowrap { white-space: nowrap; } /* 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;*/ -ms-touch-action: auto; 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; } p:last-child, ul:last-child, ol:last-child, dl:last-child, blockquote:last-child, address:last-child, .wp-block-button:last-child, .wp-block-cover:last-child, .wp-block-image:last-child, .wp-block-video:last-child, .wp-block-media-text:last-child { margin-bottom: 0; } /* 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, #e93314); text-decoration: none; } a:hover { color: var(--theme-color-text_hover, #e14b31); } .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"] { -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -o-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } 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; } .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 > table th + th, .wp-block-table > table th + td, .wp-block-table > table td + th, .wp-block-table > table td + td { border-width: 0 0 0 1px; border-style: solid; } table > p { margin: 0 !important; } table th { font-size: 1.285rem; line-height: 1.8em; font-weight: 700; font-style: normal; letter-spacing: -0.02em; text-align: center; text-transform: none; } caption { font-weight: 700; text-align: center; } table th, table th + th, table td + th, .wp-block-calendar th { border-color: var(--theme-color-text_dark); } .wp-block-table > table th, .wp-block-table > table th + th, .wp-block-table > table td + th, .wp-block-table > .wp-block-calendar th { border-color: var(--theme-color-text_dark); } table td, table th + td, table td + td, .wp-block-calendar tbody td { color: var(--theme-color-text); border-color: var(--theme-color-bg_color); } .wp-block-table > table td, .wp-block-table > table th + td, .wp-block-table > table td + td, .wp-block-table > .wp-block-calendar tbody td { color: var(--theme-color-text); border-color: var(--theme-color-bg_color); } table th { color: var(--theme-color-bg_color); background-color: var(--theme-color-text_dark) !important; } table th b, table th strong { color: var(--theme-color-bg_color); } table > tbody > tr:nth-child(2n + 1) > td { background-color: var(--theme-color-alter_bg_color); } table > tbody > tr:nth-child(2n) > td { background-color: var(--theme-color-bg_color); } table th a:hover { color: var(--theme-color-bg_color); } /* 2.4 Blockquotes */ blockquote { overflow: hidden; position: relative; text-align: left; } blockquote, blockquote[class*="wp-block-quote"][class*="is-style-"], blockquote[class*="wp-block-quote"][class*="is-"], .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-freeform.block-library-rich-text__tinymce blockquote { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: 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 { position: absolute; z-index: 1; top: 0; left: 1px; content: '\E9AC'; display: block; font-family: "fontello"; 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 { font-size: 15px; line-height: 1.35em; font-weight: 700; font-style: normal; display: block; letter-spacing: -0.02em; margin-top: 1.1em; text-transform: none; } blockquote .block-library-pullquote__content { margin-bottom: 2.5em; } .wp-block-quote.is-large .wp-block-quote__citation { text-align: right; font-size: inherit; } .wp-block-pullquote { padding: 0; } blockquote .wp-block-pullquote__citation { margin-top: 0; } blockquote:not(.has-text-color):not([style*="color:"]), blockquote:not(.has-text-color) p, .wp-block-quote .wp-block-quote__citation { color: var(--theme-color-text_dark) !important; } /* Blockquotes elements */ blockquote p { margin: 0; font-size: 1.4286rem; line-height: 1.6em; font-weight: 400; } blockquote:not(.has-text-color) a { color: var(--theme-color-text_link); } blockquote:not(.has-text-color) a:hover { color: var(--theme-color-text_hover); } blockquote:not(.has-text-color) code { background-color: var(--theme-color-extra_bg_hover); border-color: var(--theme-color-extra_bd_hover); color: var(--theme-color-extra_dark); } /* Blockquotes alignment */ .is-style-alignsmall blockquote, .is-style-alignmedium blockquote, .is-style-alignlarge blockquote, .is-style-alignhuge blockquote { margin: 0 !important; padding: 2.4em 0 0; text-align: center; } .is-style-alignsmall blockquote:before, .is-style-alignmedium blockquote:before, .is-style-alignlarge blockquote:before, .is-style-alignhuge blockquote:before { top: -0.15em; right: 0; } /* 2.5 Other tags */ u { color: var(--theme-color-text_dark); } dd { margin-left: 1.5em; } dt, b, strong { font-weight: bold; } dfn, em, i { font-style: italic; } pre, code, kbd, tt, var, samp { font-family: "Courier New", Courier, monospace; font-size: 1em; letter-spacing: 0; } pre { overflow: auto; max-width: 100%; } pre:empty { display: none; } code { background-color: var(--theme-color-alter_bg_color); border: 1px solid var(--theme-color-alter_bd_color); color: var(--theme-color-alter_text); display: inline-block; max-width: 100%; overflow: auto; padding: 0 1em; vertical-align: middle; word-wrap: break-word; } pre > code { display: block; padding: 1em; vertical-align: top; } code a { color: var(--theme-color-alter_link); } code a:hover { color: var(--theme-color-alter_hover); } abbr, acronym { border-bottom: 1px dotted; cursor: help; } mark, ins { background-color: transparent; text-decoration: none; } mark { color: var(--theme-color-text_dark); } sup, sub { font-size: 70%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 80%; } big { font-size: 120%; } [hidden], template { display: none; } hr, .wp-block-separator { -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; border: none; border-top: 1px solid var(--theme-color-bd_color); height: 0; margin: 6.7857em 0; } hr.aligncenter, hr.alignleft, hr.alignright, .wp-block-separator.aligncenter, .wp-block-separator.alignleft, .wp-block-separator.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), .post_content > .wp-block-categories:not(.alignwide):not(.alignfull), .post_content > .wp-block-code, .post_content > .wp-block-columns:not(.alignwide):not(.alignfull), .post_content > .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .post_content > .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .post_content > .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .post_content > .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .post_content > .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .post_content > .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .post_content > .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .post_content > .wp-block-media-text:not(.alignwide):not(.alignfull), .post_content > .wp-block-preformatted, .post_content > .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .post_content > .wp-block-quote, .post_content > .wp-block-quote.is-large, .post_content > .wp-block-quote.is-style-large, .post_content > .wp-block-verse, .post_content > .wp-block-video:not(.alignwide):not(.alignfull), .post_content > .wp-block-search, .post_content > .wp-block-calendar { margin-top: 1.95em; margin-bottom: 1.95em; } .post_content > .wp-block-kadence-spacer + .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) { margin-top: 0; } @media (max-width: 767px) { .post_content > .wp-block-archives:not(.alignwide):not(.alignfull), .post_content > .wp-block-categories:not(.alignwide):not(.alignfull), .post_content > .wp-block-code, .post_content > .wp-block-columns:not(.alignwide):not(.alignfull), .post_content > .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .post_content > .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .post_content > .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .post_content > .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .post_content > .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .post_content > .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .post_content > .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .post_content > .wp-block-media-text:not(.alignwide):not(.alignfull), .post_content > .wp-block-preformatted, .post_content > .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .post_content > .wp-block-quote, .post_content > .wp-block-quote.is-large, .post_content > .wp-block-quote.is-style-large, .post_content > .wp-block-verse, .post_content > .wp-block-video:not(.alignwide):not(.alignfull), .post_content > .wp-block-search, .post_content > .wp-block-calendar { margin-top: 1.3em; margin-bottom: 1.3em; } .post_content > .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 { font-size: inherit; line-height: inherit !important; font-weight: inherit; font-style: inherit; display: inline-block; margin: 0; width: auto; } /* 2.7 Buttons in WP Editor */ .wp-editor-container { border-width: 0 !important; } .wp-editor-container .quicktags-toolbar { border: 1px solid var(--theme-color-bd_color); } .wp-editor-container .quicktags-toolbar:empty { display: none; } .wp-editor-container .quicktags-toolbar input[type="button"] { -webkit-box-shadow: 0 1px 0 0 var(--theme-color-alter_bd_hover); -ms-box-shadow: 0 1px 0 0 var(--theme-color-alter_bd_hover); 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); } .wp-editor-container .quicktags-toolbar input[type="button"]:hover, .wp-editor-container .quicktags-toolbar 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 { font-size: 3.57rem; line-height: 1em; font-weight: 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 { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; -webkit-box-align: stretch; 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 { -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; } figure, .wp-caption, .wp-caption-overlay .wp-caption { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; border: 0; margin: 0; max-width: 100%; overflow: hidden; padding: 0; position: relative; } figure:not([class*="align"]) { -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-align: start; 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 { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 22px; font-weight: 400; font-style: normal; background: none; bottom: auto; color: var(--theme-color-text_dark_07); display: block; left: auto; margin: 0; max-height: 6em; overflow-x: hidden; overflow-y: auto; padding: 24px 0 0 !important; position: relative; right: auto; text-align: left; top: auto; -webkit-flex-grow: 0; -ms-flex-grow: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-basis: auto; -ms-flex-basis: auto; -ms-flex-preferred-size: auto; 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 { position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 2.889em; height: 2.889em; line-height: 2.889em; text-align: center; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; 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: "fontello"; 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 { position: absolute; z-index: 1; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 3.25em; height: 3.25em; line-height: 3.25em; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: '\E9B5'; font-family: "fontello"; margin: 0; } .pswp__caption__center { text-align: center; } /* 3.2 Gallery */ .gallery { -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; margin: 0 -5px; } .gallery-item { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding: 0 5px; } figure.gallery-item { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .gallery-columns-9 .gallery-item { width: 11.11111% !important; } .gallery-columns-8 .gallery-item { width: 12.5% !important; } .gallery-columns-7 .gallery-item { width: 14.28571% !important; } .gallery-columns-6 .gallery-item { width: 16.66667% !important; } .gallery-columns-5 .gallery-item { width: 20% !important; } .gallery-columns-4 .gallery-item { width: 25% !important; } .gallery-columns-3 .gallery-item { width: 33.33333% !important; } .gallery-columns-2 .gallery-item { width: 50% !important; } .gallery-columns-1 .gallery-item { width: 100% !important; } .gallery-item a { display: block; } .gallery-item a img { display: block; width: 100%; } .gallery[class*="gallery-columns-"] .gallery-item .gallery-caption.wp-caption-text { padding-top: 10px !important; } .gallery-columns-9 .gallery-caption { font-size: 0.625em; line-height: 1.75em; } .gallery-columns-8 .gallery-caption { font-size: 0.6875em; line-height: 1.75em; } .gallery-columns-7 .gallery-caption { font-size: 0.75em; line-height: 1.75em; } .gallery-columns-6 .gallery-caption { font-size: 0.8125em; line-height: 1.75em; } .widget_area .widget_media_gallery figure, .widget_area .widget_media_gallery .wp-caption { margin-bottom: 10px; } .widget_area .widget_media_gallery .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 { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 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; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .wp-block-cover-image .wp-block-cover-text, .wp-block-cover .wp-block-cover-text { max-width: 90%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: 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 { width: 0; height: 0; position: absolute; } .mejs-container { min-height: 70px; } .mejs-controls { height: 70px; padding: 15px 20px; } .mejs-container .mejs-controls, .wp-playlist .mejs-container .mejs-controls { background: var(--theme-color-alter_bg_color); } /* Icons instead bg image */ .mejs-controls .mejs-button { width: 39px; height: 39px; } .mejs-controls .mejs-button > button { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 39px; height: 39px; font-size: 1em; line-height: 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: "fontello"; } .mejs-controls .mejs-playpause-button.mejs-pause > button:before { content: '\E9D4'; font-family: "fontello"; } .mejs-controls .mejs-volume-button.mejs-mute > button:before { content: '\e9b7'; font-family: "fontello"; } .mejs-controls .mejs-volume-button.mejs-unmute > button:before { content: '\e9b6'; font-family: "fontello"; } .mejs-controls .mejs-button.mejs-fullscreen-button > button:before { content: '\E9D5'; font-family: "fontello"; } .mejs-controls .mejs-button.mejs-unfullscreen > button:before { content: '\e918'; font-family: "fontello"; } .mejs-controls .mejs-button.mejs-fullscreen-button { margin-left: 10px; } .mejs-controls .mejs-time { color: var(--theme-color-text); font-size: 14px; margin-top: 15px; overflow: visible; padding: 0; min-width: 36px; text-align: left; } .mejs-controls .mejs-time.mejs-currenttime-container { margin-left: 20px; } .mejs-controls .mejs-time.mejs-duration-container { margin-right: 16px; } .mejs-controls .mejs-time-rail { padding-top: 13px; } .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-controls .mejs-time-rail .mejs-time-hovered, .mejs-controls .mejs-volume-slider .mejs-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: var(--theme-color-bg_color); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-controls .mejs-time-rail .mejs-time-buffering, .mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-time-rail .mejs-time-hovered { height: 5px; } .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-volume-slider .mejs-volume-current { background: var(--theme-color-text_link); } .mejs-controls .mejs-time-rail .mejs-time-handle-content { border-color: var(--theme-color-extra_link); } .mejs-controls .mejs-time-rail .mejs-time-handle-content { border: none; height: 5px; left: -4px; top: -4px; width: 5px; } .mejs-controls .mejs-time-rail .mejs-time-float { background: var(--theme-color-text_link); border: none; color: var(--theme-color-inverse_text); } .mejs-controls .mejs-time-rail .mejs-time-float-corner { border-top-color: var(--theme-color-text_link); } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 4px; width: 30px; } .mejs-controls .mejs-horizontal-volume-slider { margin: 0 0 0 10px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { top: 18px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: var(--theme-color-text_link); } .mejs-controls .mejs-volume-slider .mejs-volume-handle, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { background: var(--theme-color-extra_link); } .mejs-time-handle, .mejs-time-handle-content { border-width: 2.5px !important; } .mejs-controls .mejs-time-rail .mejs-time-handle-content { left: 0px; top: -2.5px; } .mejs-overlay-button { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 4.223em; height: 4.223em; line-height: 4.223em; text-align: center; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-box-align: center; -ms-flex-align: center; 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: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.2857rem; -webkit-box-pack: center; -ms-flex-pack: center; 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); width: 5em; height: 5em; line-height: 5em; text-align: center; } .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; } .wp-block-social-links > 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 { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 0; } @media (min-width: 782px) { .wp-block-columns .wp-block-column:nth-child(odd) { margin-right: 0; } .wp-block-columns .wp-block-column:nth-child(even) { margin-left: 0; } .wp-block-columns .wp-block-column:not(:first-child) { margin-left: calc( var(--theme-var-grid_gap) / 2); } .wp-block-columns .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"] { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: 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 (min-width: 1440px) { body.normal_content.sidebar_hide .alignleft.is-style-alignlarge, body.normal_content.sidebar_hide .is-style-alignlarge > .alignleft, body.normal_content.sidebar_hide .alignleft.is-style-alignhuge, body.normal_content.sidebar_hide .is-style-alignhuge > .alignleft { margin: 1em 1em 1em calc( var(--theme-var-page_column_and_gap) * (-2)); } body.normal_content.sidebar_hide .alignright.is-style-alignlarge, body.normal_content.sidebar_hide .is-style-alignlarge > .alignright, body.normal_content.sidebar_hide .alignright.is-style-alignhuge, body.normal_content.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, body.sidebar_show.sidebar_right.post_with_info_vertical .is-style-alignlarge > .alignleft, body.sidebar_show.sidebar_right.post_with_info_vertical .alignleft.is-style-alignhuge, body.sidebar_show.sidebar_right.post_with_info_vertical .is-style-alignhuge > .alignleft { margin: 1em 1em 1em calc( var(--theme-var-page_column_and_gap) * (-2)); } body.sidebar_show.sidebar_left.post_with_info_vertical .alignright.is-style-alignlarge, body.sidebar_show.sidebar_left.post_with_info_vertical .is-style-alignlarge > .alignright, body.sidebar_show.sidebar_left.post_with_info_vertical .alignright.is-style-alignhuge, body.sidebar_show.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, .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, div.ui-widget button, div.ui-widget input[type="submit"] { -webkit-appearance: none; cursor: pointer; display: inline-block; vertical-align: top; font-size: var(--theme-font-button_font-size); line-height: var(--theme-font-button_line-height); font-weight: var(--theme-font-button_font-weight); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: var(--theme-var-rad); -ms-border-radius: var(--theme-var-rad); border-radius: var(--theme-var-rad); text-transform: uppercase; white-space: nowrap; letter-spacing: 0.12em; height: 51px; max-width: 100%; border-width: 2px !important; border-style: solid; padding: 14px 43px 14px 44px; } .wp-block-button.is-style-squared .wp-block-button__link { -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } /* 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, .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, div.ui-widget button, div.ui-widget input[type="submit"] { color: var(--theme-color-inverse_link); border-color: var(--theme-color-text_link); background-color: var(--theme-color-text_link); -webkit-box-shadow: 0 5px 12px var(--theme-color-text_link_01); box-shadow: 0 5px 12px var(--theme-color-text_link_01); } /* 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, .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, 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 { color: var(--theme-color-inverse_hover); border-color: var(--theme-color-text_hover); background-color: var(--theme-color-text_hover); -webkit-box-shadow: 0 5px 12px var(--theme-color-text_hover_01); box-shadow: 0 5px 12px var(--theme-color-text_hover_01); } .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 { color: var(--theme-color-text) !important; border-color: var(--theme-color-text_light) !important; background-color: var(--theme-color-text_light) !important; } /* WP Button */ .wp-block-button__link { height: auto; white-space: pre-wrap; } .wp-block-button.is-style-outline > .wp-block-button__link { color: var(--theme-color-text_dark); border-color: var(--theme-color-bd_color); background-color: transparent; -webkit-box-shadow: none; box-shadow: none; box-shadow: none; } .wp-block-button.is-style-outline > .wp-block-button__link:hover { color: var(--theme-color-text_hover); border-color: var(--theme-color-bd_color); background-color: var(--theme-color-bg_color); -webkit-box-shadow: none; box-shadow: none; } /* 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 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: center; -ms-flex-pack: center; 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:not(.sc_button_simple):not(.sc_button_rounded), .theme_button.theme_button_small:not(.sc_button_simple):not(.sc_button_rounded), .post_item .more-link:not(.sc_button_simple):not(.sc_button_rounded), article.post_item .more-link:not(.sc_button_simple):not(.sc_button_rounded), .sc_igenerator_form_field_prompt .sc_igenerator_form_field_prompt_button:not(.sc_button_simple):not(.sc_button_rounded), .sc_tgenerator_form_field_prompt .sc_tgenerator_form_field_prompt_button:not(.sc_button_simple):not(.sc_button_rounded), .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.sc_button_size_small:not(.sc_button_simple):not(.sc_button_rounded) .sc_button_icon, .theme_button.theme_button_small:not(.sc_button_simple):not(.sc_button_rounded) .sc_button_icon, .post_item .more-link:not(.sc_button_simple):not(.sc_button_rounded) .sc_button_icon, article.post_item .more-link:not(.sc_button_simple):not(.sc_button_rounded) .sc_button_icon, .sc_igenerator_form_field_prompt .sc_igenerator_form_field_prompt_button:not(.sc_button_simple):not(.sc_button_rounded) .sc_button_icon, .sc_tgenerator_form_field_prompt .sc_tgenerator_form_field_prompt_button:not(.sc_button_simple):not(.sc_button_rounded) .sc_button_icon, .sc_chat_form_field_prompt .sc_chat_form_field_prompt_button:not(.sc_button_simple):not(.sc_button_rounded) .sc_button_icon { line-height: 18px; height: 18px; } /* Large button */ .sc_button.sc_button_size_large:not(.sc_button_simple):not(.sc_button_rounded), .theme_button.sc_button_size_large:not(.sc_button_simple):not(.sc_button_rounded), .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 { -webkit-appearance: none; cursor: pointer; display: inline-block; vertical-align: top; font-size: var(--theme-font-button_font-size); line-height: var(--theme-font-button_line-height); font-weight: var(--theme-font-button_font-weight); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: var(--theme-var-rad); -ms-border-radius: var(--theme-var-rad); border-radius: var(--theme-var-rad); text-transform: uppercase; white-space: nowrap; letter-spacing: 0.12em; height: 51px; max-width: 100%; background: none !important; border-width: 2px !important; border-style: solid; padding: 14px 43px 14px 44px; } .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 { font-size: 1rem; line-height: 1.25em; font-weight: 600; background: transparent !important; border: none !important; letter-spacing: 0.06em; text-transform: none; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; 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) { color: var(--theme-color-inverse_link); border-color: var(--theme-color-text_link); background-color: var(--theme-color-text_link); -webkit-box-shadow: 0 5px 12px var(--theme-color-text_link_01); box-shadow: 0 5px 12px var(--theme-color-text_link_01); } .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) { color: var(--theme-color-bg_color); border-color: var(--theme-color-text_dark); background-color: var(--theme-color-text_dark); -webkit-box-shadow: 0 5px 12px var(--theme-color-text_dark_01); box-shadow: 0 5px 12px var(--theme-color-text_dark_01); } .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) { color: var(--theme-color-text_dark); border-color: var(--theme-color-bg_color); background-color: var(--theme-color-bg_color); -webkit-box-shadow: none; box-shadow: none; } .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) { color: var(--theme-color-text_dark); border-color: var(--theme-color-bg_color); background-color: var(--theme-color-bg_color); -webkit-box-shadow: 0 8px 15px var(--theme-color-extra_bg_color_002); box-shadow: 0 8px 15px var(--theme-color-extra_bg_color_002); } .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) { color: var(--theme-color-text_dark); border-color: var(--theme-color-bd_color); background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .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) { color: var(--theme-color-text_dark); border-color: var(--theme-color-text_dark); background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .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) { color: var(--theme-color-text_dark); border-color: var(--theme-color-text_dark); background-color: var(--theme-color-bg_color); -webkit-box-shadow: none; box-shadow: none; } .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 { color: var(--theme-color-extra_dark); border-color: var(--theme-color-extra_bg_hover); background-color: var(--theme-color-extra_bg_hover); -webkit-box-shadow: 0 5px 12px var(--theme-color-extra_bg_hover_01); box-shadow: 0 5px 12px var(--theme-color-extra_bg_hover_01); } .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 { color: var(--theme-color-extra_dark); border-color: var(--theme-color-extra_bg_hover); background-color: var(--theme-color-extra_bg_hover); -webkit-box-shadow: 0 5px 12px var(--theme-color-extra_bg_hover_01); box-shadow: 0 5px 12px var(--theme-color-extra_bg_hover_01); } .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 { color: var(--theme-color-text_dark); border-color: var(--theme-color-bg_color); background-color: var(--theme-color-bg_color); -webkit-box-shadow: 0 5px 12px var(--theme-color-text_dark_01); box-shadow: 0 5px 12px var(--theme-color-text_dark_01); } .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 { color: var(--theme-color-text_hover); border-color: var(--theme-color-bd_color); background-color: var(--theme-color-bg_color); -webkit-box-shadow: none; box-shadow: none; } .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 { color: var(--theme-color-text_dark); border-color: var(--theme-color-bd_color); background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .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 { color: var(--theme-color-text_dark); border-color: var(--theme-color-text_dark); background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .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 { color: var(--theme-color-text_dark); border-color: var(--theme-color-text_dark); background-color: var(--theme-color-bg_color); -webkit-box-shadow: none; box-shadow: none; } [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 { -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; 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; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; 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; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; 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, .page_content_wrap .nav-links-more a.sc_button_default { position: relative; -webkit-animation: animation_back_down 0.3s ease forwards; animation: animation_back_down 0.3s ease forwards; } .page_content_wrap .sc_button_wrap .sc_button_default:hover, .page_content_wrap .nav-links-more a.sc_button_default:hover { -webkit-animation: animation_jump_up 0.3s ease forwards; animation: animation_jump_up 0.3s ease forwards; } @-webkit-keyframes animation_jump_up { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } } @-moz-keyframes animation_jump_up { 0% { transform: translateY(0); } 100% { transform: translateY(-3px); } } @-ms-keyframes animation_jump_up { 0% { -ms-transform: translateY(0); transform: translateY(0); } 100% { -ms-transform: translateY(-3px); transform: translateY(-3px); } } @-o-keyframes animation_jump_up { 0% { transform: translateY(0); } 100% { transform: translateY(-3px); } } @keyframes animation_jump_up { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } } @-webkit-keyframes animation_back_down { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes animation_back_down { 0% { transform: translateY(-3px); } 100% { transform: translateY(0); } } @-ms-keyframes animation_back_down { 0% { -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -ms-transform: translateY(0); transform: translateY(0); } } @-o-keyframes animation_back_down { 0% { transform: translateY(-3px); } 100% { transform: translateY(0); } } @keyframes animation_back_down { 0% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .sc_button.sc_button_rounded, .theme_button.sc_button_rounded { -webkit-animation-name: none !important; animation-name: none !important; } .sc_button.sc_button_rounded:hover, .theme_button.sc_button_rounded:hover { -webkit-animation-name: none; animation-name: none; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sc_button.sc_button_rounded:hover:active, .theme_button.sc_button_rounded:hover:active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* 6.2 Rounded button */ .sc_button.sc_button_rounded, .theme_button.sc_button_rounded { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 2px !important; display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; font-size: 14px !important; height: 105px; -webkit-box-pack: center; -ms-flex-pack: center; 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_rounded.sc_button_with_icon:not(.sc_button_bg_image) .sc_button_icon { position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; left: 2rem; margin: 0; opacity: 0; padding: 0; } .sc_button_rounded.sc_button_with_icon:not(.sc_button_bg_image) .sc_button_text { -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .sc_button_rounded.sc_button_with_icon:not(.sc_button_bg_image):hover .sc_button_icon, .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_rounded.sc_button_with_icon:not(.sc_button_bg_image):hover .sc_button_text, .sc_button_rounded.sc_button_with_icon:not(.sc_button_bg_image):focus .sc_button_text { opacity: 0; -webkit-transform: translateX(2rem); -ms-transform: translateX(2rem); transform: 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: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .content .sc_layouts_search { width: auto; } .search_wrap .search_field { -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border-width: 0; padding: 0.3em 0 0.5em 1.3em !important; } .search_wrap .search_submit { -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -o-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; background-color: transparent; color: var(--theme-color-text_dark); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: none; bottom: auto; -webkit-box-shadow: none; 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); -webkit-box-shadow: none; box-shadow: none; } .search_wrap .search_submit:before { content: '\e9a3'; font-family: "fontello"; margin-left: 1px; } /* 6.5 Theme button */ .theme_button { color: var(--theme-color-inverse_link) !important; border-color: var(--theme-color-text_link) !important; background-color: var(--theme-color-text_link) !important; -webkit-box-shadow: 0 5px 12px var(--theme-color-text_link_01) !important; box-shadow: 0 5px 12px var(--theme-color-text_link_01) !important; } .theme_button:hover, .theme_button:focus { color: var(--theme-color-inverse_hover) !important; border-color: var(--theme-color-text_hover) !important; background-color: var(--theme-color-text_hover) !important; -webkit-box-shadow: 0 5px 12px var(--theme-color-text_hover_01) !important; box-shadow: 0 5px 12px var(--theme-color-text_hover_01) !important; } .theme_button.color_style_link2, .color_style_link2 .theme_button { border-color: var(--theme-color-text_link2) !important; background-color: var(--theme-color-text_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 { border-color: var(--theme-color-text_hover2) !important; background-color: var(--theme-color-text_hover2) !important; } .theme_button.color_style_link3, .sc_button.color_style_link3, .color_style_link3 .theme_button { color: var(--theme-color-inverse_link) !important; border-color: var(--theme-color-text_link3) !important; background-color: var(--theme-color-text_link3) !important; -webkit-box-shadow: 0 3px 16px var(--theme-color-text_link3_03) !important; box-shadow: 0 3px 16px var(--theme-color-text_link3_03) !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 { color: var(--theme-color-inverse_link) !important; border-color: var(--theme-color-text_hover3) !important; background-color: var(--theme-color-text_hover3) !important; -webkit-box-shadow: 0 3px 16px var(--theme-color-text_hover3_03) !important; box-shadow: 0 3px 16px var(--theme-color-text_hover3_03) !important; } .theme_button.color_style_dark, .color_style_dark .theme_button { color: var(--theme-color-bg_color) !important; border-color: var(--theme-color-text_dark) !important; background-color: var(--theme-color-text_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 { color: var(--theme-color-inverse_text) !important; border-color: var(--theme-color-extra_bg_hover) !important; background-color: var(--theme-color-extra_bg_hover) !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"], [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 { color: var(--theme-color-inverse_link); border-color: var(--theme-color-alter_link); background-color: var(--theme-color-alter_link); } /* 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, [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 { color: var(--theme-color-extra_bg_color); border-color: var(--theme-color-extra_dark); background-color: var(--theme-color-extra_dark); } /* Close buttons */ .theme_button_close, .trx_addons_button_close, .review-form a.close, #cancel-comment-reply-link, .adp-popup-close { position: absolute; z-index: 3; top: 0; right: 0; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; cursor: pointer; display: block; margin: 0 !important; } .review-form a.close, #cancel-comment-reply-link, .sc_layouts_cart_widget_close, .adp-popup-close { width: 2rem; height: 2rem; line-height: 2rem; text-align: center; } .mfp-close-icon, .review-form a.close, #cancel-comment-reply-link { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.3s ease; -ms-transition: -ms-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; overflow: hidden !important; text-indent: -300px; } .mfp-close-icon, .theme_button_close_icon, .trx_addons_button_close_icon { position: absolute; z-index: 2; top: 25%; left: 25%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 50%; height: 50%; line-height: 50%; text-align: center; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.3s ease; -ms-transition: -ms-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .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 { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: 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 { position: absolute; z-index: 1; top: 50%; left: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 0; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: border-color 0.3s ease; -ms-transition: border-color 0.3s ease; -o-transition: border-color 0.3s ease; transition: border-color 0.3s ease; 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 { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: 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 { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mfp-close { opacity: 1; } .mfp-close.trx_addons_popup_mask { cursor: url(../images/cancel.png) 21 21, pointer; background: url(../images/login_bg.jpg) no-repeat; } .mfp-close-icon:before, .mfp-close-icon:after { border-top: 1px solid var(--theme-color-extra_dark); } .mfp-close:hover .mfp-close-icon:before, .mfp-close:focus .mfp-close-icon:before, .mfp-close:hover .mfp-close-icon:after, .mfp-close:focus .mfp-close-icon:after { border-color: var(--theme-color-extra_dark); } /* 7. Form fields settings -------------------------------------------------------------- */ /* 7.1 Text fields */ .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 { padding: 17px 30px; border-width: 1px; border-style: solid; -webkit-border-radius: var(--theme-var-rad); -ms-border-radius: var(--theme-var-rad); border-radius: var(--theme-var-rad); } .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 { color: var(--theme-color-input_text); border-color: var(--theme-color-input_bd_color); background-color: var(--theme-color-input_bg_color); } .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 { color: var(--theme-color-input_dark); border-color: var(--theme-color-input_bd_hover); background-color: var(--theme-color-input_bg_hover); } textarea, textarea.wp-editor-area { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ min-height: 10em; } textarea.wp-editor-area { -webkit-border-radius: 0 0 var(--theme-var-rad) var(--theme-var-rad); -ms-border-radius: 0 0 var(--theme-var-rad) var(--theme-var-rad); border-radius: 0 0 var(--theme-var-rad) var(--theme-var-rad); } /* 7.2 Text fields in widgets */ /* Placeholders */ .theme_form_field_placeholder { color: var(--theme-color-input_light); opacity: 1; -o-text-overflow: ellipsis; 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]::-webkit-input-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; } input[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; -o-text-overflow: ellipsis; text-overflow: ellipsis; } textarea[placeholder]::-webkit-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; } textarea[placeholder]::-ms-input-placeholder { color: var(--theme-color-input_light); opacity: 1; text-overflow: ellipsis; } textarea[placeholder]::placeholder { color: var(--theme-color-input_light); opacity: 1; -o-text-overflow: ellipsis; text-overflow: ellipsis; } footer input[placeholder]::-webkit-input-placeholder { color: var(--theme-color-input_dark_06); } footer textarea[placeholder]::-webkit-input-placeholder { color: var(--theme-color-input_dark_06); } footer input[placeholder]::-moz-placeholder { color: var(--theme-color-input_dark_06); } footer textarea[placeholder]::-moz-placeholder { color: var(--theme-color-input_dark_06); } footer input[placeholder]:-ms-input-placeholder { color: var(--theme-color-input_dark_06); } footer textarea[placeholder]:-ms-input-placeholder { color: var(--theme-color-input_dark_06); } footer input[placeholder]::-webkit-input-placeholder { color: var(--theme-color-input_dark_06); } footer input[placeholder]:-ms-input-placeholder { color: var(--theme-color-input_dark_06); } footer input[placeholder]::-ms-input-placeholder { color: var(--theme-color-input_dark_06); } footer input[placeholder]::placeholder { color: var(--theme-color-input_dark_06); } footer textarea[placeholder]::-webkit-input-placeholder { color: var(--theme-color-input_dark_06); } footer textarea[placeholder]:-ms-input-placeholder { color: var(--theme-color-input_dark_06); } footer textarea[placeholder]::-ms-input-placeholder { color: var(--theme-color-input_dark_06); } footer 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"] { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -o-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } /*input[type="number"]::-webkit-inner-spin-button,*/ input[type="number"]::-webkit-outer-spin-button { height: 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 { -webkit-box-shadow: none; box-shadow: none; } body.show_outline button:focus, body.show_outline input:focus, body.show_outline select:focus, body.show_outline textarea:focus, body.show_outline textarea.wp-editor-area:focus { outline: thin dotted !important; } .theme_form_field_text:-webkit-autofill, .theme_form_field_text:-webkit-autofill:hover, .theme_form_field_text:-webkit-autofill:focus, .theme_form_field_text:-webkit-autofill:active, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition: background-color 50000s ease-in-out 90000s, color 50000s ease-in-out 90000s; -o-transition: background-color 50000s ease-in-out 90000s, color 50000s ease-in-out 90000s; transition: background-color 50000s ease-in-out 90000s, color 50000s ease-in-out 90000s; } /* 7.4 jQuery UI widgets reset */ div.ui-widget select, div.ui-widget textarea, div.ui-widget input[type="text"], div.ui-widget input[type="number"], div.ui-widget input[type="email"], div.ui-widget input[type="password"], div.ui-widget input[type="search"] { padding: 12px 30px; } [class*="sc_input_hover_"] select, [class*="sc_input_hover_"] textarea, [class*="sc_input_hover_"] input[type="text"], [class*="sc_input_hover_"] input[type="number"], [class*="sc_input_hover_"] input[type="email"], [class*="sc_input_hover_"] input[type="password"], [class*="sc_input_hover_"] input[type="search"] { padding: 12px 30px; } /* 7.5 Radio buttons and checkboxes */ input[type="radio"], input[type="checkbox"], .wpcf7-radio input[type="radio"], .wpcf7-checkbox input[type="checkbox"], .wpcf7-acceptance input[type="checkbox"], .yikes-easy-mc-form input[type="checkbox"], .yikes-easy-mc-form input[type="radio"], .wpgdprc-checkbox label input[type="checkbox"] { /* Old way: hide controls and use :before instead - not compatible with accessibility rules (control can't be focused) display:none; New way: clip control and position it absolute - compatible with accessibility rules (control can receive a focus)*/ clip: rect(1px, 1px, 1px, 1px); margin: 0 !important; padding: 0 !important; position: absolute !important; } label > input[type="radio"], label > input[type="checkbox"], input[type="checkbox"].wpcf7-acceptance { clip: auto; display: inline-block; position: static !important; vertical-align: baseline; } .wpcf7-radio .wpcf7-list-item-label, .wpcf7-checkbox .wpcf7-list-item-label { cursor: pointer; } .wpcf7-list-item-label.wpcf7-list-item-right { display: inline-block; padding-right: 1.4em; position: relative; vertical-align: top; } input[type="checkbox"] + label, input[type="checkbox"] + .wpcf7-list-item-label, input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text, .wpgdprc-checkbox label, input[type="radio"] + label, input[type="radio"] + .wpcf7-list-item-label, input[type="radio"] + .yikes-mailchimp-eu-compliance-text, .wpcf7-radio .wpcf7-list-item-label.wpcf7-list-item-right, .comment-form .wpgdprc-checkbox label, .gdpr-terms-container > span, #gdpr_woo_consent_field label { font-size: 14px; line-height: 1.4em; font-weight: 400; color: var(--theme-color-input_text); display: inline-block; letter-spacing: 0; padding-left: 2em; position: relative; vertical-align: top; } .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 { position: absolute; z-index: 1; top: 1px; left: 0; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; width: 16px; height: 16px; line-height: 16px; text-align: center; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: 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: "fontello"; font-size: 6px; text-align: center; } input[type="radio"] + label:before, input[type="radio"] + .wpcf7-list-item-label:before, input[type="radio"] + .yikes-mailchimp-eu-compliance-text:before, .wpcf7-radio .wpcf7-list-item-label.wpcf7-list-item-right:before { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 12px; height: 12px; line-height: 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: -webkit-radial-gradient(circle, var(--theme-color-text_dark) 50%, var(--theme-color-bg_color) 50%); background: -o-radial-gradient(circle, var(--theme-color-text_dark) 50%, var(--theme-color-bg_color) 50%); background: radial-gradient(circle, var(--theme-color-text_dark) 50%, var(--theme-color-bg_color) 50%); -webkit-box-shadow: inset 0 0 0px 4px var(--theme-color-bg_color); 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, body.show_outline input[type="radio"]:focus + .wpcf7-list-item-label:before, body.show_outline input[type="radio"]:focus + .yikes-mailchimp-eu-compliance-text:before, body.show_outline input[type="checkbox"]:focus + label:before, body.show_outline input[type="checkbox"]:focus + .wpcf7-list-item-label:before, body.show_outline input[type="checkbox"]:focus + .yikes-mailchimp-eu-compliance-text:before { -webkit-box-shadow: 0 0 0 1px #000; box-shadow: 0 0 0 1px #000; outline: 0 !important; } /* 7.6 Select container (dropdown) */ select { -o-text-overflow: ellipsis; 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; -webkit-border-radius: var(--theme-var-rad); -ms-border-radius: var(--theme-var-rad); border-radius: var(--theme-var-rad); } .select_container, .select_container:after, .select_container select { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .select_container:before { position: absolute; z-index: 1; top: 2px; right: 2px; bottom: 2px; left: auto; -webkit-border-radius: 0 var(--theme-var-rad) var(--theme-var-rad) 0; -ms-border-radius: 0 var(--theme-var-rad) var(--theme-var-rad) 0; 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 { -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; bottom: 2px; right: 2px; top: 2px; } .select_container:after { position: absolute; z-index: 2; top: 50%; right: 1em; width: 1em; height: 1em; line-height: 1em; text-align: center; color: var(--theme-color-input_text); content: '\e828'; cursor: pointer; display: block; font-family: "fontello"; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } .select_container:focus:after, .select_container:hover:after { color: var(--theme-color-input_dark); } .select_container select { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: var(--theme-color-input_bg_color) !important; color: var(--theme-color-input_text); max-width: none !important; padding-right: 3em !important; width: 100% !important; cursor: pointer; } .select_container select:focus { background-color: var(--theme-color-input_bg_hover) !important; color: var(--theme-color-input_dark); } .widget .select_container select { border-color: var(--theme-color-bd_color); } .widget .select_container:before { width: 2em; } .widget .select_container:after { right: 2em; } /* Select2 - Advanced select with search */ .select2-container { width: 100% !important; display: block; } .select2-container.select2-container--default span.select2-choice, .select2-container.select2-container--default span.select2-selection { -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; 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 { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); 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 { width: auto; height: auto; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); font-size: 0.8em; line-height: 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 { position: absolute; z-index: 999999; top: 6px; left: 6px; -webkit-transition: -webkit-transform 0.3s ease; -ms-transition: -ms-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } .kicker_skip_link:focus { width: auto; height: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); background: #f1f1f1; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 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 { width: 0; height: 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-"] { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: 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 */ .column-1, .column-1_1 { width: 100%; } .column-1_2 { width: 50%; } .push-1_2 { left: 50%; } .pull-1_2 { right: 50%; } .offset-1_2 { margin-left: 50%; } .column-1_3 { width: 33.33333%; } .push-1_3 { left: 33.33333%; } .pull-1_3 { right: 33.33333%; } .offset-1_3 { margin-left: 33.33333%; } .column-1_4 { width: 25%; } .push-1_4 { left: 25%; } .pull-1_4 { right: 25%; } .offset-1_4 { margin-left: 25%; } .column-1_5 { width: 20%; } .push-1_5 { left: 20%; } .pull-1_5 { right: 20%; } .offset-1_5 { margin-left: 20%; } .column-1_6 { width: 16.66667%; } .push-1_6 { left: 16.66667%; } .pull-1_6 { right: 16.66667%; } .offset-1_6 { margin-left: 16.66667%; } .column-1_7 { width: 14.28571%; } .push-1_7 { left: 14.28571%; } .pull-1_7 { right: 14.28571%; } .offset-1_7 { margin-left: 14.28571%; } .column-1_8 { width: 12.5%; } .push-1_8 { left: 12.5%; } .pull-1_8 { right: 12.5%; } .offset-1_8 { margin-left: 12.5%; } .column-1_9 { width: 11.11111%; } .push-1_9 { left: 11.11111%; } .pull-1_9 { right: 11.11111%; } .offset-1_9 { margin-left: 11.11111%; } .column-1_10 { width: 10%; } .push-1_10 { left: 10%; } .pull-1_10 { right: 10%; } .offset-1_10 { margin-left: 10%; } .column-1_11 { width: 9.09091%; } .push-1_11 { left: 9.09091%; } .pull-1_11 { right: 9.09091%; } .offset-1_11 { margin-left: 9.09091%; } .column-1_12 { width: 8.33333%; } .push-1_12 { left: 8.33333%; } .pull-1_12 { right: 8.33333%; } .offset-1_12 { margin-left: 8.33333%; } .column-2_2 { width: 100%; } .column-2_3 { width: 66.66667%; } .push-2_3 { left: 66.66667%; } .pull-2_3 { right: 66.66667%; } .offset-2_3 { margin-left: 66.66667%; } .column-2_4 { width: 50%; } .push-2_4 { left: 50%; } .pull-2_4 { right: 50%; } .offset-2_4 { margin-left: 50%; } .column-2_5 { width: 40%; } .push-2_5 { left: 40%; } .pull-2_5 { right: 40%; } .offset-2_5 { margin-left: 40%; } .column-2_6 { width: 33.33333%; } .push-2_6 { left: 33.33333%; } .pull-2_6 { right: 33.33333%; } .offset-2_6 { margin-left: 33.33333%; } .column-2_7 { width: 28.57143%; } .push-2_7 { left: 28.57143%; } .pull-2_7 { right: 28.57143%; } .offset-2_7 { margin-left: 28.57143%; } .column-2_8 { width: 25%; } .push-2_8 { left: 25%; } .pull-2_8 { right: 25%; } .offset-2_8 { margin-left: 25%; } .column-2_9 { width: 22.22222%; } .push-2_9 { left: 22.22222%; } .pull-2_9 { right: 22.22222%; } .offset-2_9 { margin-left: 22.22222%; } .column-2_10 { width: 20%; } .push-2_10 { left: 20%; } .pull-2_10 { right: 20%; } .offset-2_10 { margin-left: 20%; } .column-2_11 { width: 18.18182%; } .push-2_11 { left: 18.18182%; } .pull-2_11 { right: 18.18182%; } .offset-2_11 { margin-left: 18.18182%; } .column-2_12 { width: 16.66667%; } .push-2_12 { left: 16.66667%; } .pull-2_12 { right: 16.66667%; } .offset-2_12 { margin-left: 16.66667%; } .column-3_3 { width: 100%; } .column-3_4 { width: 75%; } .push-3_4 { left: 75%; } .pull-3_4 { right: 75%; } .offset-3_4 { margin-left: 75%; } .column-3_5 { width: 60%; } .push-3_5 { left: 60%; } .pull-3_5 { right: 60%; } .offset-3_5 { margin-left: 60%; } .column-3_6 { width: 50%; } .push-3_6 { left: 50%; } .pull-3_6 { right: 50%; } .offset-3_6 { margin-left: 50%; } .column-3_7 { width: 42.85714%; } .push-3_7 { left: 42.85714%; } .pull-3_7 { right: 42.85714%; } .offset-3_7 { margin-left: 42.85714%; } .column-3_8 { width: 37.5%; } .push-3_8 { left: 37.5%; } .pull-3_8 { right: 37.5%; } .offset-3_8 { margin-left: 37.5%; } .column-3_9 { width: 33.33333%; } .push-3_9 { left: 33.33333%; } .pull-3_9 { right: 33.33333%; } .offset-3_9 { margin-left: 33.33333%; } .column-3_10 { width: 30%; } .push-3_10 { left: 30%; } .pull-3_10 { right: 30%; } .offset-3_10 { margin-left: 30%; } .column-3_11 { width: 27.27273%; } .push-3_11 { left: 27.27273%; } .pull-3_11 { right: 27.27273%; } .offset-3_11 { margin-left: 27.27273%; } .column-3_12 { width: 25%; } .push-3_12 { left: 25%; } .pull-3_12 { right: 25%; } .offset-3_12 { margin-left: 25%; } .column-4_4 { width: 100%; } .column-4_5 { width: 80%; } .push-4_5 { left: 80%; } .pull-4_5 { right: 80%; } .offset-4_5 { margin-left: 80%; } .column-4_6 { width: 66.66667%; } .push-4_6 { left: 66.66667%; } .pull-4_6 { right: 66.66667%; } .offset-4_6 { margin-left: 66.66667%; } .column-4_7 { width: 57.14286%; } .push-4_7 { left: 57.14286%; } .pull-4_7 { right: 57.14286%; } .offset-4_7 { margin-left: 57.14286%; } .column-4_8 { width: 50%; } .push-4_8 { left: 50%; } .pull-4_8 { right: 50%; } .offset-4_8 { margin-left: 50%; } .column-4_9 { width: 44.44444%; } .push-4_9 { left: 44.44444%; } .pull-4_9 { right: 44.44444%; } .offset-4_9 { margin-left: 44.44444%; } .column-4_10 { width: 40%; } .push-4_10 { left: 40%; } .pull-4_10 { right: 40%; } .offset-4_10 { margin-left: 40%; } .column-4_11 { width: 36.36364%; } .push-4_11 { left: 36.36364%; } .pull-4_11 { right: 36.36364%; } .offset-4_11 { margin-left: 36.36364%; } .column-4_12 { width: 33.33333%; } .push-4_12 { left: 33.33333%; } .pull-4_12 { right: 33.33333%; } .offset-4_12 { margin-left: 33.33333%; } .column-5_5 { width: 100%; } .column-5_6 { width: 83.33333%; } .push-5_6 { left: 83.33333%; } .pull-5_6 { right: 83.33333%; } .offset-5_6 { margin-left: 83.33333%; } .column-5_7 { width: 71.42857%; } .push-5_7 { left: 71.42857%; } .pull-5_7 { right: 71.42857%; } .offset-5_7 { margin-left: 71.42857%; } .column-5_8 { width: 62.5%; } .push-5_8 { left: 62.5%; } .pull-5_8 { right: 62.5%; } .offset-5_8 { margin-left: 62.5%; } .column-5_9 { width: 55.55556%; } .push-5_9 { left: 55.55556%; } .pull-5_9 { right: 55.55556%; } .offset-5_9 { margin-left: 55.55556%; } .column-5_10 { width: 50%; } .push-5_10 { left: 50%; } .pull-5_10 { right: 50%; } .offset-5_10 { margin-left: 50%; } .column-5_11 { width: 45.45455%; } .push-5_11 { left: 45.45455%; } .pull-5_11 { right: 45.45455%; } .offset-5_11 { margin-left: 45.45455%; } .column-5_12 { width: 41.66667%; } .push-5_12 { left: 41.66667%; } .pull-5_12 { right: 41.66667%; } .offset-5_12 { margin-left: 41.66667%; } .column-6_6 { width: 100%; } .column-6_7 { width: 85.71429%; } .push-6_7 { left: 85.71429%; } .pull-6_7 { right: 85.71429%; } .offset-6_7 { margin-left: 85.71429%; } .column-6_8 { width: 75%; } .push-6_8 { left: 75%; } .pull-6_8 { right: 75%; } .offset-6_8 { margin-left: 75%; } .column-6_9 { width: 66.66667%; } .push-6_9 { left: 66.66667%; } .pull-6_9 { right: 66.66667%; } .offset-6_9 { margin-left: 66.66667%; } .column-6_10 { width: 60%; } .push-6_10 { left: 60%; } .pull-6_10 { right: 60%; } .offset-6_10 { margin-left: 60%; } .column-6_11 { width: 54.54545%; } .push-6_11 { left: 54.54545%; } .pull-6_11 { right: 54.54545%; } .offset-6_11 { margin-left: 54.54545%; } .column-6_12 { width: 50%; } .push-6_12 { left: 50%; } .pull-6_12 { right: 50%; } .offset-6_12 { margin-left: 50%; } .column-7_7 { width: 100%; } .column-7_8 { width: 87.5%; } .push-7_8 { left: 87.5%; } .pull-7_8 { right: 87.5%; } .offset-7_8 { margin-left: 87.5%; } .column-7_9 { width: 77.77778%; } .push-7_9 { left: 77.77778%; } .pull-7_9 { right: 77.77778%; } .offset-7_9 { margin-left: 77.77778%; } .column-7_10 { width: 70%; } .push-7_10 { left: 70%; } .pull-7_10 { right: 70%; } .offset-7_10 { margin-left: 70%; } .column-7_11 { width: 63.63636%; } .push-7_11 { left: 63.63636%; } .pull-7_11 { right: 63.63636%; } .offset-7_11 { margin-left: 63.63636%; } .column-7_12 { width: 58.33333%; } .push-7_12 { left: 58.33333%; } .pull-7_12 { right: 58.33333%; } .offset-7_12 { margin-left: 58.33333%; } .column-8_8 { width: 100%; } .column-8_9 { width: 88.88889%; } .push-8_9 { left: 88.88889%; } .pull-8_9 { right: 88.88889%; } .offset-8_9 { margin-left: 88.88889%; } .column-8_10 { width: 80%; } .push-8_10 { left: 80%; } .pull-8_10 { right: 80%; } .offset-8_10 { margin-left: 80%; } .column-8_11 { width: 72.72727%; } .push-8_11 { left: 72.72727%; } .pull-8_11 { right: 72.72727%; } .offset-8_11 { margin-left: 72.72727%; } .column-8_12 { width: 66.66667%; } .push-8_12 { left: 66.66667%; } .pull-8_12 { right: 66.66667%; } .offset-8_12 { margin-left: 66.66667%; } .column-9_9 { width: 100%; } .column-9_10 { width: 90%; } .push-9_10 { left: 90%; } .pull-9_10 { right: 90%; } .offset-9_10 { margin-left: 90%; } .column-9_11 { width: 81.81818%; } .push-9_11 { left: 81.81818%; } .pull-9_11 { right: 81.81818%; } .offset-9_11 { margin-left: 81.81818%; } .column-9_12 { width: 75%; } .push-9_12 { left: 75%; } .pull-9_12 { right: 75%; } .offset-9_12 { margin-left: 75%; } .column-10_10 { width: 100%; } .column-10_11 { width: 90.90909%; } .push-10_11 { left: 90.90909%; } .pull-10_11 { right: 90.90909%; } .offset-10_11 { margin-left: 90.90909%; } .column-10_12 { width: 83.33333%; } .push-10_12 { left: 83.33333%; } .pull-10_12 { right: 83.33333%; } .offset-10_12 { margin-left: 83.33333%; } .column-11_11 { width: 100%; } .column-11_12 { width: 91.66667%; } .push-11_12 { left: 91.66667%; } .pull-11_12 { right: 91.66667%; } .offset-11_12 { margin-left: 91.66667%; } .column-12_12 { width: 100%; } /* 10. Page layouts -------------------------------------------------------------- */ .page_wrap { min-height: 100vh; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .page_wrap, .content_wrap { margin: 0 auto; } .body_style_boxed { background-position: center top; background-repeat: no-repeat; background-size: cover; 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 { clear: both; width: 100%; height: 0; display: block; content: " "; } .body_style_fullwide .content_wrap { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: var(--theme-var-page_fullwide_max); padding-left: var(--theme-var-page_fullwide_extra); padding-right: var(--theme-var-page_fullwide_extra); width: 100% !important; } .content, .sidebar, .sidebar_inner { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: 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 #page_preloader, body.bg_white .page_content_wrap, body.bg_white .custom-background .content_wrap > .content, body.bg_white .background_banner_wrap ~ .content_wrap > .content { 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: -webkit-sticky; 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 { -webkit-border-radius: var(--theme-var-rad); -ms-border-radius: var(--theme-var-rad); 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 { background-position: center; background-repeat: no-repeat; background-size: 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 { position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); 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 { position: absolute; z-index: -1 !important; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; overflow: hidden; } div#background_video { position: absolute !important; } div#background_video:after { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.3); content: ' '; } div#background_video iframe, div#background_video video { position: absolute; z-index: 1; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, 50%) !important; -ms-transform: translate(-50%, 50%) !important; transform: translate(-50%, 50%) !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 { position: absolute; z-index: 8000; top: 0; left: 0; background: var(--theme-color-alter_bg_color_0) !important; width: 100%; } .header_position_over .top_panel .sc_layouts_row[class*="scheme_"] { -webkit-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .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 { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 2; } .header_position_under .top_panel:hover { z-index: 6 !important; } .header_position_under .top_panel:hover .top_panel_mask { visibility: hidden; } .header_position_under .top_panel_mask { position: absolute; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; 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 { -webkit-transition: padding 0.3s ease; -ms-transition: padding 0.3s ease; -o-transition: padding 0.3s ease; transition: padding 0.3s ease; } .top_panel_default .sc_layouts_row .custom-logo-link img, .top_panel_default .sc_layouts_row .sc_layouts_logo img { -webkit-transition: max-height 0.3s ease; -ms-transition: max-height 0.3s ease; -o-transition: max-height 0.3s ease; transition: max-height 0.3s ease; } /* 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: "fontello"; } .top_panel_default .sc_layouts_menu_nav li li.menu-item-has-children > a:after { content: '\e836'; font-family: "fontello"; } .top_panel_default .sc_layouts_menu_mobile_button .sc_layouts_item_icon:before { content: '\e93c'; font-family: "fontello"; } .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: -webkit-max-content; width: -moz-max-content; width: max-content; } .sc_layouts_menu_mobile_button_burger > .sc_layouts_menu_popup { -webkit-transform: none; -ms-transform: none; 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; } .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs) { background-color: transparent; } .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs):not(.sc_layouts_submenu) { padding: 0.3em 0 0.3em 0.65em; } .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li > a { color: var(--theme-color-text) !important; font-weight: 600; letter-spacing: -0.01em; padding: 0.65em 0; text-transform: none; } .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li > a:hover { color: var(--theme-color-text_dark) !important; } .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li.current-menu-item > a, .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li.current-menu-parent > a, .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li.current-menu-ancestor > a { color: var(--theme-color-text_dark) !important; } .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav li.menu-item-has-children > a { padding-right: 2em; } .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav li.menu-item-has-children > a > .open_child_menu { font-size: 1.1rem; font-weight: 400; position: absolute; z-index: 2; top: 0.3em; right: 0; width: 2em; text-align: right; } .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li.menu-item-has-children > a > .open_child_menu { top: 0.75em; } .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav li > a > span:not([class*="icon-"]):empty { display: block !important; } .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav .open_child_menu:before { font-family: "fontello"; content: '\e9ba'; font-weight: 400; } .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li > ul, .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav li > ul ul, .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li:last-child > ul { position: relative; left: auto; top: auto; margin: 0; padding: 0.35em 0 0.35em 0.7em; width: auto !important; } .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li li > a { padding: 0.5em 0; color: var(--theme-color-text) !important; } .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li li > a:hover { color: var(--theme-color-text_dark) !important; background-color: transparent; } .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav 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; } header .sc_button.sc_button_simple { font-size: 1rem !important; text-transform: capitalize !important; letter-spacing: -0.02em !important; } header .sc_button.sc_button_simple.sc_button_icon_left .sc_button_icon { margin-right: 0.6em; } header .sc_button.sc_button_simple.sc_button_icon_right .sc_button_icon { margin-left: 0.6em; } header .sc_button.sc_button_simple .sc_button_icon { line-height: 18px; } header .sc_button.sc_button_size_small { font-size: 12px; padding: 11px 24px; } header .sc_button.sc_button_size_small.sc_button_icon_left .sc_button_icon { margin-right: 3px; } header .sc_button.sc_button_size_small.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; } header .pk-share-buttons-layout-default .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: "fontello"; } .sc_layouts_cart_items_short { padding: 0 3px; min-width: 20px; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 20px; line-height: 21px; top: auto; bottom: -8px; font-size: 11px; border-radius: 10px; color: var(--theme-color-inverse_text); background-color: var(--theme-color-text_link); text-indent: 0.5px; } .ua_gecko .sc_layouts_cart_items_short { text-indent: 1px; } .sc_layouts_cart_widget { background-color: var(--theme-color-extra_bg_color); border: none; color: var(--theme-color-extra_dark); padding: 2.6rem 2.142rem 2.9rem; right: -4.7em; top: 3.6em; width: 330px; } .sc_layouts_cart_widget:after { display: none; } .sc_layouts_cart_widget .sc_layouts_cart_widget_close .trx_addons_button_close_icon:before, .sc_layouts_cart_widget .sc_layouts_cart_widget_close .trx_addons_button_close_icon:after, .sc_layouts_cart_widget .sc_layouts_cart_widget_close .trx_addons_button_close_icon:hover:before, .sc_layouts_cart_widget .sc_layouts_cart_widget_close .trx_addons_button_close_icon:hover:after { border-color: var(--theme-color-extra_dark); } .sc_layouts_cart_widget .woocommerce.widget_shopping_cart ul.cart_list li a, .sc_layouts_cart_widget .woocommerce.widget_shopping_cart ul.product_list_widget li a { color: var(--theme-color-extra_link) !important; } .sc_layouts_cart_widget .woocommerce.widget_shopping_cart ul.cart_list li a:hover, .sc_layouts_cart_widget .woocommerce.widget_shopping_cart ul.product_list_widget li a:hover { color: var(--theme-color-extra_hover) !important; } .sc_layouts_cart_widget .woocommerce.widget_shopping_cart .total { border-color: var(--theme-color-extra_bd_color); color: var(--theme-color-extra_dark); } .sc_layouts_cart_widget .woocommerce.widget_shopping_cart span.amount { color: var(--theme-color-extra_dark); } .sc_layouts_cart_widget .woocommerce.widget_shopping_cart a.remove { color: var(--theme-color-extra_link) !important; left: auto; margin: 0; right: 0; } .sc_layouts_cart_widget .woocommerce.widget_shopping_cart a.remove:hover { color: var(--theme-color-extra_hover) !important; } .sc_layouts_cart_widget .woocommerce.widget_shopping_cart .woocommerce-mini-cart__empty-message { padding: 33% 0; } /* 12.11 Login & logout */ .sc_layouts_login_icon.trx_addons_icon-user-alt:before { content: '\e9a7'; font-family: "fontello"; } .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: "fontello"; } .sc_layouts_login_menu { display: block; } .sc_layouts_login_menu.sc_layouts_menu_nav > li > a { font-weight: inherit; font-style: 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; /* Hover */ /* Mobile menu */ } .sc_layouts_iconed_text .sc_layouts_iconed_text_link { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .sc_layouts_iconed_text .sc_layouts_item_icon:not(.sc_icon_type_icons) span { -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0, 0, 0.11, 1); -ms-transition-timing-function: cubic-bezier(0, 0, 0.11, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.11, 1); transition-timing-function: cubic-bezier(0, 0, 0.11, 1); background-color: var(--theme-color-text_dark); border-radius: 1px; display: block; height: 2px; width: 20px; } .sc_layouts_iconed_text .sc_layouts_item_icon:not(.sc_icon_type_icons) span:nth-child(n+2) { margin-top: 4px; } .sc_layouts_iconed_text .sc_layouts_item_icon + .sc_layouts_item_details { margin-left: 1rem; } .sc_layouts_iconed_text .sc_layouts_item_details { font-size: 13px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.12em; } .sc_layouts_iconed_text .sc_layouts_item_details .sc_layouts_item_details_line1, .sc_layouts_iconed_text .sc_layouts_item_details .sc_layouts_item_details_line2 { color: var(--theme-color-text_dark); } .sc_layouts_iconed_text .sc_layouts_iconed_text_link:hover .sc_layouts_item_icon:not(.sc_icon_type_icons) span:nth-child(1) { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .sc_layouts_iconed_text .sc_layouts_iconed_text_link:hover .sc_layouts_item_icon:not(.sc_icon_type_icons) span:nth-child(3) { -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } .sc_layouts_iconed_text.sc_layouts_menu_mobile_button, .sc_layouts_iconed_text.sc_layouts_menu_mobile_button_burger { font-size: 14px; line-height: 19px; font-weight: 700; letter-spacing: -0.02em; } .sc_layouts_iconed_text.sc_layouts_menu_mobile_button .sc_layouts_item_link, .sc_layouts_iconed_text.sc_layouts_menu_mobile_button_burger .sc_layouts_item_link { color: var(--theme-color-text_dark); } .sc_layouts_iconed_text.sc_layouts_menu_mobile_button .sc_layouts_item_icon:not(:only-child), .sc_layouts_iconed_text.sc_layouts_menu_mobile_button_burger .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: -webkit-inline-box; display: -ms-inline-flexbox; 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 { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .sc_layouts_row_fixed_on { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: fixedHeaderAnim; animation-name: fixedHeaderAnim; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; background-color: var(--theme-color-bg_color); -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08); box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08); } .sc_layouts_row_fixed_on .sc_layouts_row_type_compact { padding: 0; } @-webkit-keyframes fixedHeaderAnim { 0% { -webkit-transform: translateY(-120%); -ms-transform: translateY(-120%); transform: translateY(-120%); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes fixedHeaderAnim { 0% { -webkit-transform: translateY(-120%); -ms-transform: translateY(-120%); transform: translateY(-120%); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .sc_layouts_row_fixed_on.sc_layouts_row_fixed_animation_off { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: fixedHeaderAnimOff; animation-name: fixedHeaderAnimOff; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08); box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08); } @-webkit-keyframes fixedHeaderAnimOff { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-120%); -ms-transform: translateY(-120%); transform: translateY(-120%); opacity: 1; } } @keyframes fixedHeaderAnimOff { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-120%); -ms-transform: translateY(-120%); 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); -webkit-border-radius: var(--theme-var-rad); -ms-border-radius: var(--theme-var-rad); 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; -webkit-border-radius: var(--theme-var-rad); -ms-border-radius: var(--theme-var-rad); 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: "fontello"; font-size: 1.8rem; top: 1.5em; right: 2.55em; color: var(--theme-color-extra_light) !important; } .search_style_fullscreen.search_opened .search_close .trx_addons_button_close_icon { width: 80%; height: 80%; top: 10%; left: 10%; } .search_style_fullscreen.search_opened .search_close .trx_addons_button_close_icon:before, .search_style_fullscreen.search_opened .search_close .trx_addons_button_close_icon:after { border-color: var(--theme-color-extra_light); border-width: 2px; } .search_style_fullscreen.search_opened .search_field, .sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen.search_opened .search_field { font-size: 1.5714rem !important; letter-spacing: -0.02em; padding: 0 2.3em 0 0 !important; text-transform: none; height: 4em; line-height: 4em !important; } .search_style_fullscreen.search_opened .search_field:-webkit-autofill, .search_style_fullscreen.search_opened .search_field:-webkit-autofill:hover, .search_style_fullscreen.search_opened .search_field:-webkit-autofill:focus, .search_style_fullscreen.search_opened .search_field:-webkit-autofill:active, .sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen.search_opened .search_field:-webkit-autofill, .sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen.search_opened .search_field:-webkit-autofill:hover, .sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen.search_opened .search_field:-webkit-autofill:focus, .sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen.search_opened .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%; -webkit-transition: right .3s; -o-transition: right .3s; 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; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); 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 { -webkit-animation: none; animation: none; } .search_wrap.search_progress .search_submit:before { content: '\e832'; display: inherit; -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; 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); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .search_style_fullscreen .search_results: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); } .search_style_fullscreen .search_results a:not(.sc_button):not(.button) { color: var(--theme-color-extra_dark) !important; } .search_style_fullscreen .search_results a:not(.sc_button):not(.button):hover { color: var(--theme-color-extra_hover) !important; } .search_style_fullscreen .search_results .post_item + .post_item { border-top-color: var(--theme-color-extra_bd_color); } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } /* 12.9 Page title and breadcrumbs */ .sc_layouts_title .sc_layouts_title_meta, .sc_layouts_title .sc_layouts_title_breadcrumbs, .sc_layouts_title .sc_layouts_title_breadcrumbs a, .sc_layouts_title .sc_layouts_title_description, .sc_layouts_title .post_meta, .sc_layouts_title .post_meta_item, .sc_layouts_title .post_meta .vc_inline-link, .sc_layouts_title .post_meta_item a, .sc_layouts_title .post_meta_item:after, .sc_layouts_title .post_meta_item:hover:after, .sc_layouts_title .post_meta_item.post_meta_edit:after, .sc_layouts_title .post_meta_item.post_meta_edit:hover:after, .sc_layouts_title .post_meta_item.post_categories, .sc_layouts_title .post_meta_item.post_categories a, .sc_layouts_title .post_info .post_info_item, .sc_layouts_title .post_info .post_info_item a, .sc_layouts_title .post_info_counters .post_meta_item { color: var(--theme-color-text_dark); } .sc_layouts_title .post_meta_item a:hover, .sc_layouts_title .post_meta_item a:focus, .sc_layouts_title .sc_layouts_title_breadcrumbs a:hover, .sc_layouts_title .sc_layouts_title_breadcrumbs a:focus, .sc_layouts_title .post_meta .vc_inline-link:hover, .sc_layouts_title .post_meta .vc_inline-link:focus, .sc_layouts_title a.post_meta_item:hover, .sc_layouts_title a.post_meta_item:focus, .sc_layouts_title .post_meta_item.post_categories a:hover, .sc_layouts_title .post_meta_item.post_categories a:focus, .sc_layouts_title .post_info .post_info_item a:hover, .sc_layouts_title .post_info .post_info_item a:focus, .sc_layouts_title .post_info_counters .post_meta_item:hover, .sc_layouts_title .post_info_counters .post_meta_item:focus { color: var(--theme-color-text_hover); } .sc_layouts_title .post_meta { margin-top: 0; } .sc_layouts_title .post_meta_item.post_categories, .sc_layouts_title .post_meta_item.post_sponsored { vertical-align: middle; } .sc_layouts_title .sc_layouts_title_meta { margin-bottom: 1.3em; } .sc_layouts_title.with_tint.with_content:before { background: var(--theme-color-extra_bg_color_05); } .sc_layouts_title.with_tint.with_content .sc_layouts_title_meta, .sc_layouts_title.with_tint.with_content .sc_layouts_title_breadcrumbs, .sc_layouts_title.with_tint.with_content .sc_layouts_title_breadcrumbs a, .sc_layouts_title.with_tint.with_content .sc_layouts_title_description, .sc_layouts_title.with_tint.with_content .post_meta, .sc_layouts_title.with_tint.with_content .post_meta_item, .sc_layouts_title.with_tint.with_content .post_meta .vc_inline-link, .sc_layouts_title.with_tint.with_content .post_meta_item a, .sc_layouts_title.with_tint.with_content .post_meta_item:after, .sc_layouts_title.with_tint.with_content .post_meta_item:hover:after, .sc_layouts_title.with_tint.with_content .post_meta_item.post_meta_edit:after, .sc_layouts_title.with_tint.with_content .post_meta_item.post_meta_edit:hover:after, .sc_layouts_title.with_tint.with_content .post_meta_item.post_categories, .sc_layouts_title.with_tint.with_content .post_meta_item.post_categories a, .sc_layouts_title.with_tint.with_content .post_info .post_info_item, .sc_layouts_title.with_tint.with_content .post_info .post_info_item a, .sc_layouts_title.with_tint.with_content .post_info_counters .post_meta_item, .sc_layouts_title.with_tint.with_content .post_meta .post_author .post_author_name, .sc_layouts_title.with_tint.with_content .sc_layouts_title_caption { color: var(--theme-color-extra_dark); } .sc_layouts_title.with_tint.with_content .post_meta_item a:hover, .sc_layouts_title.with_tint.with_content .post_meta_item a:focus, .sc_layouts_title.with_tint.with_content .sc_layouts_title_breadcrumbs a:hover, .sc_layouts_title.with_tint.with_content .sc_layouts_title_breadcrumbs a:focus, .sc_layouts_title.with_tint.with_content .post_meta .vc_inline-link:hover, .sc_layouts_title.with_tint.with_content .post_meta .vc_inline-link:focus, .sc_layouts_title.with_tint.with_content a.post_meta_item:hover, .sc_layouts_title.with_tint.with_content a.post_meta_item:focus, .sc_layouts_title.with_tint.with_content .post_meta_item.post_categories a:hover, .sc_layouts_title.with_tint.with_content .post_meta_item.post_categories a:focus, .sc_layouts_title.with_tint.with_content .post_info .post_info_item a:hover, .sc_layouts_title.with_tint.with_content .post_info .post_info_item a:focus, .sc_layouts_title.with_tint.with_content .post_info_counters .post_meta_item:hover, .sc_layouts_title.with_tint.with_content .post_info_counters .post_meta_item:focus, .sc_layouts_title.with_tint.with_content .post_meta a.post_author:hover .post_author_name { color: var(--theme-color-extra_hover); } .top_panel_default .top_panel_title { padding: 2.5em 0; } .sc_layouts_title .sc_layouts_title_caption, .sc_layouts_row_fixed.sc_layouts_row_hide_unfixed .sc_layouts_title_caption { margin: 0 !important; } .sc_layouts_title_description { margin: 0 auto; max-width: 100%; } .sc_layouts_title_breadcrumbs .breadcrumbs { font-weight: 600; } .layouts_title_1 { max-width: calc(100% - 102px); } /* 13. Menu -------------------------------------------------------------- */ .elementor-editor-active .sc_layouts_menu { visibility: visible; } .sc_layouts_menu_popup .sc_layouts_menu_nav, .sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs):not(.sc_layouts_submenu) { width: 16.2rem; padding: 1em 0; } .sc_layouts_menu_nav .menu-collapse { margin-right: 0 !important; margin-left: 0.7em !important; } .sc_layouts_menu_nav > li > ul ul.submenu_left { left: -16.2rem; } .sc_layouts_menu_nav > li > a { padding: 1.05em; color: var(--theme-color-text_dark); } .sc_layouts_menu_nav > li.menu-item-has-children > a { padding-right: 1.05em; } .sc_layouts_menu_nav > li.menu-item-has-children > a:after { display: none; } .sc_layouts_row_type_normal .sc_layouts_menu_nav > li > a { padding: 1em 1.2em; } .sc_layouts_row_type_normal .sc_layouts_menu_nav > li.menu-item-has-children > a { padding-right: 1.2em; } .sc_layouts_menu_nav > li > a:hover, .sc_layouts_menu_nav > li.sfHover > a { color: var(--theme-color-text_link) !important; } .sc_layouts_menu_nav > li.current-menu-item > a, .sc_layouts_menu_nav > li.current-menu-parent > a, .sc_layouts_menu_nav > li.current-menu-ancestor > a { font-weight: 700; } .sc_layouts_menu_nav .menu-collapse > a { font-weight: 400; width: 2em; } .sc_layouts_menu_nav .menu-collapse > a:before { color: var(--theme-color-text_dark); font-weight: 400; } .sc_layouts_menu_nav .menu-collapse > a:after { background-color: var(--theme-color-alter_bg_color); } .sc_layouts_menu_nav .menu-collapse > a:hover:before, .sc_layouts_menu_nav .menu-collapse > a:focus:before { color: var(--theme-color-alter_link); } .sc_layouts_menu_nav .menu-collapse > a:hover:after, .sc_layouts_menu_nav .menu-collapse > a:focus:after { background-color: var(--theme-color-alter_bg_hover); } /* 13.1 Submenu */ .sc_layouts_menu_nav > li > ul { left: 0; top: 4.4em; } .sc_layouts_menu_nav > li.sfHover { z-index: 100; } body:not(.touch_device) .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul.sc_layouts_submenu, body:not(.touch_device) .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul.sub-menu { opacity: 0 !important; -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } body:not(.touch_device) .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul.sc_layouts_submenu.fadeIn, body:not(.touch_device) .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul.sub-menu.fadeIn { -webkit-animation-name: none !important; animation-name: none !important; opacity: 1 !important; } body:not(.touch_device) .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul.sc_layouts_submenu.fadeOut.wait, body:not(.touch_device) .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul.sub-menu.fadeOut.wait { visibility: hidden !important; } body:not(.touch_device) .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul.sc_layouts_submenu.fadeOut, body:not(.touch_device) .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul.sub-menu.fadeOut { -webkit-animation-name: none !important; 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) { -webkit-box-shadow: none; -ms-box-shadow: none; 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: -webkit-gradient(linear, left top, right top, from(var(--theme-color-extra_bg_hover)), color-stop(19%, var(--theme-color-extra_bg_hover)), color-stop(19%, 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) 19%, var(--theme-color-extra_bg_color) 19%, 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) 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: "fontello"; font-size: 1.1em; right: 1.3em; top: 0.7em; opacity: 0.5; -webkit-transition: none; -o-transition: none; 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 { font-size: 10px; line-height: 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 { -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .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 { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor)); background-image: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%); background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%); 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%; -webkit-transition: background-size 0.4s cubic-bezier(0.25, 0.4, 0.25, 1), color 0.3s ease; -o-transition: background-size 0.4s cubic-bezier(0.25, 0.4, 0.25, 1), color 0.3s ease; transition: background-size 0.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) { -webkit-transition: background-size 0.4s cubic-bezier(0.25, 0.4, 0.25, 1); -o-transition: background-size 0.4s cubic-bezier(0.25, 0.4, 0.25, 1); transition: background-size 0.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 > a span:not(.open_child_menu), .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul > li > a span:not(.open_child_menu), .footer_wrap .sc_layouts_menu > ul > li > a span:not(.open_child_menu), .menu_mobile .menu_mobile_nav_area > ul > li ul > li > a span:not(.open_child_menu) { background-position: 0 100%; } .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li ul > li.current-menu-ancestor > a span:not(.open_child_menu), .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li ul > li.current-menu-item > a span:not(.open_child_menu), .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul > li.current-menu-ancestor > a span:not(.open_child_menu), .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul > li.current-menu-item > a span:not(.open_child_menu), .footer_wrap .sc_layouts_menu > ul > li.current-menu-ancestor > a span:not(.open_child_menu), .footer_wrap .sc_layouts_menu > ul > li.current-menu-item > a span:not(.open_child_menu), .menu_mobile .menu_mobile_nav_area > ul > li ul > li.current-menu-ancestor > a span:not(.open_child_menu), .menu_mobile .menu_mobile_nav_area > ul > li ul > li.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 > li.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 a, .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu li.menu-item a { background-position: 0 calc(100% - 2px); } .sc_layouts_menu li > ul.sc_layouts_submenu .wp-widget-nav_menu ul > li.current-menu-item > a, .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu li.menu-item.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 ul.menu, .widget_nav_menu ul.menu { padding: 0; } .wp-widget-nav_menu li, .widget_nav_menu li { list-style-type: none; padding: 0; } .wp-widget-nav_menu li + li, .widget_nav_menu li + li { margin-top: 0; } .wp-widget-nav_menu ul > li:before, .widget_nav_menu ul > li:before { display: none !important; } .wp-widget-nav_menu ul > li a, .widget_nav_menu 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; } .sc_layouts_menu li > ul.sc_layouts_submenu .wp-widget-nav_menu ul li + li { margin-top: 0; } .sc_layouts_menu li > ul.sc_layouts_submenu .wp-widget-nav_menu ul > li a { color: var(--theme-color-extra_text) !important; padding: 0; margin: 0.7em 0; } .sc_layouts_menu li > ul.sc_layouts_submenu .wp-widget-nav_menu ul > li a:hover { color: var(--theme-color-extra_dark) !important; } .sc_layouts_menu li > ul.sc_layouts_submenu .wp-widget-nav_menu 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; } .wp-block-navigation ul.wp-block-page-list 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 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: none !important; z-index: 100000; } .menu_mobile { width: 100%; height: 0; position: fixed; z-index: 100002; top: 0; left: 0; -webkit-transition: height 0.3s ease; -ms-transition: height 0.3s ease; -o-transition: height 0.3s ease; transition: height 0.3s ease; } .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 { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; 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) { -webkit-transform: none; -ms-transform: none; transform: none; bottom: auto; left: auto; position: static !important; right: auto; top: auto; } .menu_mobile:not(.opened) .theme_button_close_icon { -webkit-transform: scale(0.2) rotate(-45deg); -ms-transform: scale(0.2) rotate(-45deg); 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 { position: absolute; z-index: 1; top: 48%; left: 0; max-width: 280px; height: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-height: 49%; overflow-y: scroll; padding-right: 20px; line-height: 1.5em; font-size: 1.2857rem; } .menu_mobile .menu_mobile_nav_area ul { list-style: none; margin: 0 auto; padding: 0; width: auto; } .menu_mobile .menu_mobile_nav_area li { margin-top: 0; margin-bottom: 0; width: auto; } .menu_mobile .menu_mobile_nav_area > ul > li > ul { font-size: 1.0715rem; line-height: 1.5em; } .menu_mobile .menu_mobile_nav_area > ul > li > ul a { padding: 0.25em 1em; } .menu_mobile .menu_mobile_nav_area > ul > li > ul li.menu-item-has-children > a { padding-right: 2em; } .menu_mobile .menu_mobile_nav_area .menu-item > a { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: block; max-width: 280px; position: relative; text-transform: none; color: var(--theme-color-text); letter-spacing: 0; } .menu_mobile .menu_mobile_nav_area .menu-item > a:hover, .menu_mobile .menu_mobile_nav_area .current-menu-ancestor > a { color: var(--theme-color-text_dark); } .menu_mobile .menu_mobile_nav_area > ul { width: 100%; line-height: 1.5em; font-size: 1.2857rem; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item > a { font-weight: 700; color: var(--theme-color-text); padding: 0.65em 0; letter-spacing: -0.01em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item > a .open_child_menu { top: 0.75em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item-has-children > a { padding-right: 2em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item.current-menu-parent > a, .menu_mobile .menu_mobile_nav_area .menu-item.current-menu-parent > a, .menu_mobile .menu_mobile_nav_area .menu-item.current-menu-item > a { color: var(--theme-color-text_dark); } .menu_mobile .menu_mobile_nav_area ul.sub-menu { margin: 0; padding: 0.3em 0 0.3em 0.65em; display: none; } .menu_mobile .menu_mobile_nav_area .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; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } .menu_mobile .menu_mobile_nav_area .open_child_menu:before { font-family: "fontello"; content: '\e9ba'; font-weight: 400; } .menu_mobile .menu_mobile_nav_area .menu-item[class*="icon-"] { position: relative; } .menu_mobile .menu_mobile_nav_area .menu-item[class*="icon-"]:before { position: absolute; z-index: 1; top: 0; left: 50%; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; -webkit-transform: translateX(-14rem); -ms-transform: translateX(-14rem); transform: translateX(-14rem); display: inline-block; line-height: inherit; padding: 0; width: 1em; } .menu_mobile .menu_mobile_nav_area .menu-item[class*="image-"] > a { background-position: 1em center; background-repeat: no-repeat; background-size: 1em; padding-left: 2.3em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item[class*="icon-"] > a { padding-left: 1.5em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item[class*="columns-"][class*="icon-"]:before { float: left; margin: 0 0 0 0.5em; position: static; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item[class*="columns-"][class*="icon-"] > a { float: left; margin-left: -1.5em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item[class*="icon-"]:before { margin-left: 2em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item[class*="icon-"] > a { padding-left: 3.5em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item[class*="image-"] > a { background-position: 1.6667em center; padding-left: 3.5em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item .menu-item[class*="icon-"]:before { margin-left: 3em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item .menu-item[class*="icon-"] > a { padding-left: 4.5em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item .menu-item[class*="image-"] > a { background-position: 1.6667em center; padding-left: 4.5em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item .menu-item .menu-item[class*="icon-"]:before { margin-left: 4em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item .menu-item .menu-item[class*="icon-"] > a { padding-left: 5.5em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item .menu-item .menu-item[class*="image-"] > a { background-position: 1.6667em center; padding-left: 5.5em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item.menu-delimiter { margin-top: 0 !important; overflow: hidden; padding-top: 0 !important; text-align: center; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item.menu-delimiter > 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); } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item.menu-delimiter > a:before { width: 100%; height: 0; border-top: 1px solid var(--theme-color-alter_bd_color); content: ' '; display: block; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item.menu-delimiter > a > * { 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 { position: absolute; z-index: 1; bottom: 8rem; left: 50%; 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; -webkit-border-radius: var(--theme-var-rad); -ms-border-radius: var(--theme-var-rad); 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]::-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 { position: absolute; z-index: 1; bottom: 4rem; left: 0; display: block; text-align: center; width: 100%; } .menu_mobile .socials_mobile a { color: var(--theme-color-extra_dark); } .menu_mobile .socials_mobile 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 { width: 1em; height: 1em; line-height: 1em; text-align: center; display: block; font-size: 1em; } .menu_mobile_close { width: 3rem; height: 3rem; line-height: 3rem; text-align: center; color: var(--theme-color-extra_light) !important; font-size: 1.8rem; right: 19px; top: 19px; } .menu_mobile_close .theme_button_close_icon { height: 80%; left: 10%; top: 10%; width: 80%; } .menu_mobile_close .theme_button_close_icon:before, .menu_mobile_close .theme_button_close_icon: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 { -webkit-transform: none; -ms-transform: none; 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 .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger .sc_blogger_item.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_band .post_item .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_band .post_item.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_excerpt .post_item .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_excerpt .post_item.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_classic-masonry.post_item .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_classic-masonry.post_item.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_portfolio-masonry .post_item .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_portfolio-masonry .post_item.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a { color: var(--theme-color-text_dark) !important; } .sc_blogger .sc_blogger_item [class*="post_info_"] .sc_blogger_item_title, .sc_blogger .sc_blogger_item [class*="post_info_"] .sc_blogger_item_title a, .sc_blogger_band .post_item [class*="post_info_"] .sc_blogger_item_title, .sc_blogger_band .post_item [class*="post_info_"] .sc_blogger_item_title a, .sc_blogger_excerpt .post_item [class*="post_info_"] .sc_blogger_item_title, .sc_blogger_excerpt .post_item [class*="post_info_"] .sc_blogger_item_title a, .sc_blogger_classic-masonry.post_item [class*="post_info_"] .sc_blogger_item_title, .sc_blogger_classic-masonry.post_item [class*="post_info_"] .sc_blogger_item_title a, .sc_blogger_portfolio-masonry .post_item [class*="post_info_"] .sc_blogger_item_title, .sc_blogger_portfolio-masonry .post_item [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 { /* Image hover */ /* Title hover */ } .search-results .content .post_item .post_featured.post_featured_bg .featured_bg_wrapper, .archive.author .content .post_item .post_featured.post_featured_bg .featured_bg_wrapper, .archive.tag .content .post_item .post_featured.post_featured_bg .featured_bg_wrapper, .post_item.post_layout_excerpt .post_featured.post_featured_bg .featured_bg_wrapper, .post_item.post_layout_classic .post_featured.post_featured_bg .featured_bg_wrapper, .post_item.post_layout_band .post_featured.post_featured_bg .featured_bg_wrapper, .post_item.post_layout_portfolio .post_featured.post_featured_bg .featured_bg_wrapper, .sc_blogger .sc_blogger_item .post_featured.post_featured_bg .featured_bg_wrapper, .sc_blogger_band .post_item .post_featured.post_featured_bg .featured_bg_wrapper, .sc_blogger_excerpt .post_item .post_featured.post_featured_bg .featured_bg_wrapper, .sc_blogger_classic-masonry.post_item .post_featured.post_featured_bg .featured_bg_wrapper, .sc_blogger_portfolio-masonry .post_item .post_featured.post_featured_bg .featured_bg_wrapper { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .search-results .content .post_item .post_featured.post_featured_bg .featured_bg, .archive.author .content .post_item .post_featured.post_featured_bg .featured_bg, .archive.tag .content .post_item .post_featured.post_featured_bg .featured_bg, .post_item.post_layout_excerpt .post_featured.post_featured_bg .featured_bg, .post_item.post_layout_classic .post_featured.post_featured_bg .featured_bg, .post_item.post_layout_band .post_featured.post_featured_bg .featured_bg, .post_item.post_layout_portfolio .post_featured.post_featured_bg .featured_bg, .sc_blogger .sc_blogger_item .post_featured.post_featured_bg .featured_bg, .sc_blogger_band .post_item .post_featured.post_featured_bg .featured_bg, .sc_blogger_excerpt .post_item .post_featured.post_featured_bg .featured_bg, .sc_blogger_classic-masonry.post_item .post_featured.post_featured_bg .featured_bg, .sc_blogger_portfolio-masonry .post_item .post_featured.post_featured_bg .featured_bg { -webkit-transition: -webkit-transform 1s ease; -ms-transition: -ms-transform 1s ease; transition: -webkit-transform 1s ease; -o-transition: transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease; -webkit-transform: scale(1.02, 1.02); -ms-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); } .search-results .content .post_item .post_featured.post_featured_bg .featured_bg.background_parallax, .archive.author .content .post_item .post_featured.post_featured_bg .featured_bg.background_parallax, .archive.tag .content .post_item .post_featured.post_featured_bg .featured_bg.background_parallax, .post_item.post_layout_excerpt .post_featured.post_featured_bg .featured_bg.background_parallax, .post_item.post_layout_classic .post_featured.post_featured_bg .featured_bg.background_parallax, .post_item.post_layout_band .post_featured.post_featured_bg .featured_bg.background_parallax, .post_item.post_layout_portfolio .post_featured.post_featured_bg .featured_bg.background_parallax, .sc_blogger .sc_blogger_item .post_featured.post_featured_bg .featured_bg.background_parallax, .sc_blogger_band .post_item .post_featured.post_featured_bg .featured_bg.background_parallax, .sc_blogger_excerpt .post_item .post_featured.post_featured_bg .featured_bg.background_parallax, .sc_blogger_classic-masonry.post_item .post_featured.post_featured_bg .featured_bg.background_parallax, .sc_blogger_portfolio-masonry .post_item .post_featured.post_featured_bg .featured_bg.background_parallax { -webkit-transition: background-position 0.2s ease, -webkit-transform 1s ease; transition: background-position 0.2s ease, -webkit-transform 1s ease; -o-transition: background-position 0.2s ease, transform 1s ease; transition: background-position 0.2s ease, transform 1s ease; transition: background-position 0.2s ease, transform 1s ease, -webkit-transform 1s ease; } .search-results .content .post_item .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide, .search-results .content .post_item .post_featured:not(.post_featured_bg) img, .archive.author .content .post_item .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide, .archive.author .content .post_item .post_featured:not(.post_featured_bg) img, .archive.tag .content .post_item .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide, .archive.tag .content .post_item .post_featured:not(.post_featured_bg) img, .post_item.post_layout_excerpt .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide, .post_item.post_layout_excerpt .post_featured:not(.post_featured_bg) img, .post_item.post_layout_classic .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide, .post_item.post_layout_classic .post_featured:not(.post_featured_bg) img, .post_item.post_layout_band .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide, .post_item.post_layout_band .post_featured:not(.post_featured_bg) img, .post_item.post_layout_portfolio .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide, .post_item.post_layout_portfolio .post_featured:not(.post_featured_bg) img, .sc_blogger .sc_blogger_item .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide, .sc_blogger .sc_blogger_item .post_featured:not(.post_featured_bg) img, .sc_blogger_band .post_item .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide, .sc_blogger_band .post_item .post_featured:not(.post_featured_bg) img, .sc_blogger_excerpt .post_item .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide, .sc_blogger_excerpt .post_item .post_featured:not(.post_featured_bg) img, .sc_blogger_classic-masonry.post_item .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide, .sc_blogger_classic-masonry.post_item .post_featured:not(.post_featured_bg) img, .sc_blogger_portfolio-masonry .post_item .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide, .sc_blogger_portfolio-masonry .post_item .post_featured:not(.post_featured_bg) img { -webkit-transition: -webkit-transform 1s ease; -ms-transition: -ms-transform 1s ease; transition: -webkit-transform 1s ease; -o-transition: transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease; } .search-results .content .post_item .post_featured > a, .archive.author .content .post_item .post_featured > a, .archive.tag .content .post_item .post_featured > a, .post_item.post_layout_excerpt .post_featured > a, .post_item.post_layout_classic .post_featured > a, .post_item.post_layout_band .post_featured > a, .post_item.post_layout_portfolio .post_featured > a, .sc_blogger .sc_blogger_item .post_featured > a, .sc_blogger_band .post_item .post_featured > a, .sc_blogger_excerpt .post_item .post_featured > a, .sc_blogger_classic-masonry.post_item .post_featured > a, .sc_blogger_portfolio-masonry .post_item .post_featured > a { position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; } .search-results .content .post_item:hover .post_featured.post_featured_bg.hover_inherit .featured_bg, .archive.author .content .post_item:hover .post_featured.post_featured_bg.hover_inherit .featured_bg, .archive.tag .content .post_item:hover .post_featured.post_featured_bg.hover_inherit .featured_bg, .post_item.post_layout_excerpt:hover .post_featured.post_featured_bg.hover_inherit .featured_bg, .post_item.post_layout_classic:hover .post_featured.post_featured_bg.hover_inherit .featured_bg, .post_item.post_layout_band:hover .post_featured.post_featured_bg.hover_inherit .featured_bg, .post_item.post_layout_portfolio:hover .post_featured.post_featured_bg.hover_inherit .featured_bg, .sc_blogger .sc_blogger_item:hover .post_featured.post_featured_bg.hover_inherit .featured_bg, .sc_blogger_band .post_item:hover .post_featured.post_featured_bg.hover_inherit .featured_bg, .sc_blogger_excerpt .post_item:hover .post_featured.post_featured_bg.hover_inherit .featured_bg, .sc_blogger_classic-masonry.post_item:hover .post_featured.post_featured_bg.hover_inherit .featured_bg, .sc_blogger_portfolio-masonry .post_item:hover .post_featured.post_featured_bg.hover_inherit .featured_bg { -webkit-transform: scale(1.09, 1.09); -ms-transform: scale(1.09, 1.09); transform: scale(1.09, 1.09); } .search-results .content .post_item:hover .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide.swiper-slide-active, .archive.author .content .post_item:hover .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide.swiper-slide-active, .archive.tag .content .post_item:hover .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide.swiper-slide-active, .post_item.post_layout_excerpt:hover .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide.swiper-slide-active, .post_item.post_layout_classic:hover .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide.swiper-slide-active, .post_item.post_layout_band:hover .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide.swiper-slide-active, .post_item.post_layout_portfolio:hover .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide.swiper-slide-active, .sc_blogger .sc_blogger_item:hover .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide.swiper-slide-active, .sc_blogger_band .post_item:hover .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide.swiper-slide-active, .sc_blogger_excerpt .post_item:hover .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide.swiper-slide-active, .sc_blogger_classic-masonry.post_item:hover .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide.swiper-slide-active, .sc_blogger_portfolio-masonry .post_item:hover .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide.swiper-slide-active { -webkit-transform: scale(1.075, 1.075); -ms-transform: scale(1.075, 1.075); transform: scale(1.075, 1.075); } .search-results .content .post_item:hover .post_featured:not(.post_featured_bg).hover_inherit img, .archive.author .content .post_item:hover .post_featured:not(.post_featured_bg).hover_inherit img, .archive.tag .content .post_item:hover .post_featured:not(.post_featured_bg).hover_inherit img, .post_item.post_layout_excerpt:hover .post_featured:not(.post_featured_bg).hover_inherit img, .post_item.post_layout_classic:hover .post_featured:not(.post_featured_bg).hover_inherit img, .post_item.post_layout_band:hover .post_featured:not(.post_featured_bg).hover_inherit img, .post_item.post_layout_portfolio:hover .post_featured:not(.post_featured_bg).hover_inherit img, .sc_blogger .sc_blogger_item:hover .post_featured:not(.post_featured_bg).hover_inherit img, .sc_blogger_band .post_item:hover .post_featured:not(.post_featured_bg).hover_inherit img, .sc_blogger_excerpt .post_item:hover .post_featured:not(.post_featured_bg).hover_inherit img, .sc_blogger_classic-masonry.post_item:hover .post_featured:not(.post_featured_bg).hover_inherit img, .sc_blogger_portfolio-masonry .post_item:hover .post_featured:not(.post_featured_bg).hover_inherit img { -webkit-transform: scale(1.075, 1.075); -ms-transform: scale(1.075, 1.075); transform: scale(1.075, 1.075); } .search-results .content .post_item .post_title a, .search-results .content .post_item .sc_item_featured [class*="post_info_"] .entry-title a, .search-results .content .post_item:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .search-results .content .post_item .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .search-results .content .post_item.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .archive.author .content .post_item .post_title a, .archive.author .content .post_item .sc_item_featured [class*="post_info_"] .entry-title a, .archive.author .content .post_item:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .archive.author .content .post_item .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .archive.author .content .post_item.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .archive.tag .content .post_item .post_title a, .archive.tag .content .post_item .sc_item_featured [class*="post_info_"] .entry-title a, .archive.tag .content .post_item:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .archive.tag .content .post_item .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .archive.tag .content .post_item.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .post_item.post_layout_excerpt .post_title a, .post_item.post_layout_excerpt .sc_item_featured [class*="post_info_"] .entry-title a, .post_item.post_layout_excerpt:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .post_item.post_layout_excerpt .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .post_item.post_layout_excerpt.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .post_item.post_layout_classic .post_title a, .post_item.post_layout_classic .sc_item_featured [class*="post_info_"] .entry-title a, .post_item.post_layout_classic:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .post_item.post_layout_classic .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .post_item.post_layout_classic.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .post_item.post_layout_band .post_title a, .post_item.post_layout_band .sc_item_featured [class*="post_info_"] .entry-title a, .post_item.post_layout_band:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .post_item.post_layout_band .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .post_item.post_layout_band.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .post_item.post_layout_portfolio .post_title a, .post_item.post_layout_portfolio .sc_item_featured [class*="post_info_"] .entry-title a, .post_item.post_layout_portfolio:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .post_item.post_layout_portfolio .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .post_item.post_layout_portfolio.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger .sc_blogger_item .post_title a, .sc_blogger .sc_blogger_item .sc_item_featured [class*="post_info_"] .entry-title a, .sc_blogger .sc_blogger_item:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .sc_blogger .sc_blogger_item .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger .sc_blogger_item.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_band .post_item .post_title a, .sc_blogger_band .post_item .sc_item_featured [class*="post_info_"] .entry-title a, .sc_blogger_band .post_item:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .sc_blogger_band .post_item .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_band .post_item.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_excerpt .post_item .post_title a, .sc_blogger_excerpt .post_item .sc_item_featured [class*="post_info_"] .entry-title a, .sc_blogger_excerpt .post_item:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .sc_blogger_excerpt .post_item .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_excerpt .post_item.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_classic-masonry.post_item .post_title a, .sc_blogger_classic-masonry.post_item .sc_item_featured [class*="post_info_"] .entry-title a, .sc_blogger_classic-masonry.post_item:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .sc_blogger_classic-masonry.post_item .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_classic-masonry.post_item.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_portfolio-masonry .post_item .post_title a, .sc_blogger_portfolio-masonry .post_item .sc_item_featured [class*="post_info_"] .entry-title a, .sc_blogger_portfolio-masonry .post_item:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .sc_blogger_portfolio-masonry .post_item .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_portfolio-masonry .post_item.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a { display: inline; padding: 0; background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor)); background-image: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%); background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%); background-image: linear-gradient(to right, currentColor 0%, currentColor 100%); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 2px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); } .search-results .content .post_item:hover .post_title a, .search-results .content .post_item:hover .sc_item_featured [class*="post_info_"] .entry-title a, .search-results .content .post_item:hover:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .search-results .content .post_item:hover .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .search-results .content .post_item:hover.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .archive.author .content .post_item:hover .post_title a, .archive.author .content .post_item:hover .sc_item_featured [class*="post_info_"] .entry-title a, .archive.author .content .post_item:hover:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .archive.author .content .post_item:hover .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .archive.author .content .post_item:hover.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .archive.tag .content .post_item:hover .post_title a, .archive.tag .content .post_item:hover .sc_item_featured [class*="post_info_"] .entry-title a, .archive.tag .content .post_item:hover:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .archive.tag .content .post_item:hover .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .archive.tag .content .post_item:hover.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .post_item.post_layout_excerpt:hover .post_title a, .post_item.post_layout_excerpt:hover .sc_item_featured [class*="post_info_"] .entry-title a, .post_item.post_layout_excerpt:hover:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .post_item.post_layout_excerpt:hover .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .post_item.post_layout_excerpt:hover.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .post_item.post_layout_classic:hover .post_title a, .post_item.post_layout_classic:hover .sc_item_featured [class*="post_info_"] .entry-title a, .post_item.post_layout_classic:hover:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .post_item.post_layout_classic:hover .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .post_item.post_layout_classic:hover.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .post_item.post_layout_band:hover .post_title a, .post_item.post_layout_band:hover .sc_item_featured [class*="post_info_"] .entry-title a, .post_item.post_layout_band:hover:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .post_item.post_layout_band:hover .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .post_item.post_layout_band:hover.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .post_item.post_layout_portfolio:hover .post_title a, .post_item.post_layout_portfolio:hover .sc_item_featured [class*="post_info_"] .entry-title a, .post_item.post_layout_portfolio:hover:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .post_item.post_layout_portfolio:hover .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .post_item.post_layout_portfolio:hover.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger .sc_blogger_item:hover .post_title a, .sc_blogger .sc_blogger_item:hover .sc_item_featured [class*="post_info_"] .entry-title a, .sc_blogger .sc_blogger_item:hover:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .sc_blogger .sc_blogger_item:hover .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger .sc_blogger_item:hover.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_band .post_item:hover .post_title a, .sc_blogger_band .post_item:hover .sc_item_featured [class*="post_info_"] .entry-title a, .sc_blogger_band .post_item:hover:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .sc_blogger_band .post_item:hover .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_band .post_item:hover.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_excerpt .post_item:hover .post_title a, .sc_blogger_excerpt .post_item:hover .sc_item_featured [class*="post_info_"] .entry-title a, .sc_blogger_excerpt .post_item:hover:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .sc_blogger_excerpt .post_item:hover .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_excerpt .post_item:hover.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_classic-masonry.post_item:hover .post_title a, .sc_blogger_classic-masonry.post_item:hover .sc_item_featured [class*="post_info_"] .entry-title a, .sc_blogger_classic-masonry.post_item:hover:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .sc_blogger_classic-masonry.post_item:hover .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_classic-masonry.post_item:hover.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_portfolio-masonry .post_item:hover .post_title a, .sc_blogger_portfolio-masonry .post_item:hover .sc_item_featured [class*="post_info_"] .entry-title a, .sc_blogger_portfolio-masonry .post_item:hover:not(.sc_blogger_item_with_image) [class*="post_info_"] .entry-title a, .sc_blogger_portfolio-masonry .post_item:hover .post_featured + .sc_blogger_item_content .sc_blogger_item_title a, .sc_blogger_portfolio-masonry .post_item:hover.sc_blogger_item_default .sc_blogger_item_content .sc_blogger_item_title a { -webkit-background-size: 100% 2px; background-size: 100% 2px; } .search-results .content .post_item h6 a, .archive.author .content .post_item h6 a, .archive.tag .content .post_item h6 a, .post_item.post_layout_excerpt h6 a, .post_item.post_layout_classic h6 a, .post_item.post_layout_band h6 a, .post_item.post_layout_portfolio h6 a, .sc_blogger .sc_blogger_item h6 a, .sc_blogger_band .post_item h6 a, .sc_blogger_excerpt .post_item h6 a, .sc_blogger_classic-masonry.post_item h6 a, .sc_blogger_portfolio-masonry .post_item h6 a { background-size: 0 1px !important; } .search-results .content .post_item:hover h6 a, .archive.author .content .post_item:hover h6 a, .archive.tag .content .post_item:hover h6 a, .post_item.post_layout_excerpt:hover h6 a, .post_item.post_layout_classic:hover h6 a, .post_item.post_layout_band:hover h6 a, .post_item.post_layout_portfolio:hover h6 a, .sc_blogger .sc_blogger_item:hover h6 a, .sc_blogger_band .post_item:hover h6 a, .sc_blogger_excerpt .post_item:hover h6 a, .sc_blogger_classic-masonry.post_item:hover h6 a, .sc_blogger_portfolio-masonry .post_item:hover h6 a { background-size: 100% 1px !important; } /* Blog post Animation */ @-webkit-keyframes animation_fade_in_up { 0% { opacity: 0; } 100% { opacity: 1; top: 0; } } @-moz-keyframes animation_fade_in_up { 0% { opacity: 0; } 100% { opacity: 1; top: 0; } } @-ms-keyframes animation_fade_in_up { 0% { opacity: 0; } 100% { opacity: 1; top: 0; } } @-o-keyframes animation_fade_in_up { 0% { opacity: 0; } 100% { opacity: 1; top: 0; } } @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; } .single-post .sc_blogger { z-index: 1; } .single-post .sc_blogger.alignright .sc_blogger_item, .single-post .sc_blogger.alignleft .sc_blogger_item { position: relative; top: 20px; opacity: 0; } .single-post .sc_blogger.alignright .sc_blogger_item.kicker_animation_fade_in_up, .single-post .sc_blogger.alignleft .sc_blogger_item.kicker_animation_fade_in_up { -webkit-animation: animation_fade_in_up 0.3s ease-out forwards; animation: animation_fade_in_up 0.3s ease-out forwards; } .single-post .sc_blogger.alignright .sc_blogger_item.kicker_animation_fade_in_up:nth-child(1), .single-post .sc_blogger.alignleft .sc_blogger_item.kicker_animation_fade_in_up:nth-child(1) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .single-post .sc_blogger.alignright .sc_blogger_item.kicker_animation_fade_in_up:nth-child(2), .single-post .sc_blogger.alignleft .sc_blogger_item.kicker_animation_fade_in_up:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .single-post .sc_blogger.alignright .sc_blogger_item.kicker_animation_fade_in_up:nth-child(3), .single-post .sc_blogger.alignleft .sc_blogger_item.kicker_animation_fade_in_up:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .single-post .content_wrap .sc_widget_video, .single-post .content_wrap .sc_widget_slider { position: relative; top: 40px; opacity: 0; } .single-post .content_wrap .sc_widget_video.kicker_animation_fade_in_up, .single-post .content_wrap .sc_widget_slider.kicker_animation_fade_in_up { -webkit-animation: animation_fade_in_up 0.3s ease-out forwards; animation: animation_fade_in_up 0.3s ease-out forwards; } .single-post .trx_addons_video_player.with_cover .video_embed iframe { max-height: 100% !important; } /* 17.2 Post with password */ .post-password-form label { display: inline-block; vertical-align: top; } .post-password-form input[type="submit"] { display: inline-block; margin-left: 0.2em; } .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus { color: var(--theme-color-bg_color); } /* 17.3 Post info block */ .post_meta, .post_meta_item, .post_meta_item:after, .post_meta_item:hover:after, .post_meta .vc_inline-link, .post_meta .vc_inline-link:after, .post_meta .vc_inline-link:hover:after, .post_meta_item a, .post_info .post_info_item, .post_info .post_info_item a, .post_info_counters .post_meta_item { color: var(--theme-color-text_light); } .post_date a:hover, .post_date a:focus, a.post_meta_item:hover, a.post_meta_item:focus, .post_meta_item a:hover, .post_meta_item a:focus, .post_meta .vc_inline-link:hover, .post_meta .vc_inline-link:focus, .post_info .post_info_item a:hover, .post_info .post_info_item a:focus, .post_info_meta .post_meta_item:hover, .post_info_meta .post_meta_item:focus { color: var(--theme-color-text_hover); } .post_meta .post_meta_item, .post_meta .vc_inline-link { -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; display: inline-block; font-size: inherit; 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: "fontello"; } .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 { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .post_meta .post_author .post_author_avatar { display: inline-block; line-height: inherit; margin-right: 1em; vertical-align: middle; } .post_meta .post_author .post_author_avatar > img { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; } .post_meta .post_author .post_author_by { margin-right: 0.3em; } .post_meta .post_author .post_author_name { -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; color: var(--theme-color-text_dark); display: inline-block; font-weight: 600; } .post_meta .post_author:hover .post_author_name { color: var(--theme-color-text_hover); } /* 17.5 Categories in the post meta */ .post_category:empty { display: none; } .post_meta_item.post_categories, .post_meta_item.post_sponsored { color: var(--theme-color-text_link); font-weight: 600; letter-spacing: 0.06em; vertical-align: baseline; } .post_meta_item.post_categories > a, .post_meta_item.post_sponsored > a { margin-right: 0.5em; } .post_meta_item.post_categories > a:last-child, .post_meta_item.post_sponsored > a:last-child { margin-right: 0; } .post_meta_item.post_categories a, .post_meta_item.post_sponsored a { color: var(--theme-color-text_link); } .post_meta_item.post_categories a:hover, .post_meta_item.post_sponsored a:hover { color: var(--theme-color-text_dark); } .post_meta_item.post_categories .trx_addons_extended_taxonomy img, .post_meta_item.post_sponsored .trx_addons_extended_taxonomy img { display: none !important; } .post_header_single .post_meta_categories { margin-top: -0.5em !important; } .post_header_single .post_meta_item.post_sponsored, .post_header_single .post_meta_item.post_categories { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .post_header_single .post_meta_item.post_sponsored a, .post_header_single .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'; } .post_meta_item.trx_addons_icon-eye:before { content: '\e9c1'; font-family: "fontello"; font-size: 1.1em; } .post_meta_item.trx_addons_icon-heart-empty:before { font-size: 1.1em; } /* 17.7 Sponsored content */ .single-post .post_meta_item .post_sponsored_label { background-color: var(--theme-color-extra_hover); color: var(--theme-color-extra_dark); padding: 0.25em 0.85em; border-radius: 10px; font-weight: 600; letter-spacing: 0.06em; line-height: 14px; } .single-post .post_meta_item a.post_sponsored_label:hover { background-color: var(--theme-color-extra_bg_color); color: var(--theme-color-extra_dark) !important; } /* 17.8 Socials share in the post meta */ .post_meta_item .social_items { font-size: 1em; } .post_meta_item .social_items .social_item .social_icon i { font-style: normal; text-transform: capitalize; font-family: inherit; } .post_meta_item .socials_share { display: inline; vertical-align: baseline; } .socials_share .socials_caption:before { line-height: 0.9em; } .socials_share.socials_type_block .socials_caption, .socials_share.socials_type_list .socials_caption { display: none; } .socials_share.socials_type_drop .social_items { -webkit-transform: none; -ms-transform: none; transform: none; color: var(--theme-color-alter_dark); background-color: var(--theme-color-alter_bg_color); padding: 1.9em 1.4em; border: none; -webkit-box-shadow: 0 5px 26px rgba(0, 0, 0, 0.07); 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; } .socials_share.socials_type_drop .social_items:before { display: none; } .socials_share.socials_type_drop .social_items.updated .social_item:after { content: attr(data-title); text-transform: capitalize; } .socials_share.socials_type_drop .social_items .social_item { color: var(--theme-color-alter_dark); } .socials_share.socials_type_drop .social_items .social_item:hover { color: var(--theme-color-alter_link); } .socials_share.socials_type_drop .social_item + .social_item { margin-top: 0.55em; } .socials_share.socials_type_drop .social_item .social_icon span { margin-right: 0.75em; font-size: 1.15rem; font-weight: 400; line-height: 1em; } .socials_share.socials_type_drop .social_item .social_icon i { font-size: 13px; font-weight: 700; } /* 17.9 Tabs (internal and Essential Grid) */ .mptt-navigation-tabs, div.kicker_tabs .kicker_tabs_titles { letter-spacing: 0; list-style-type: none; margin: 0em 0 3em; padding: 0; text-align: center; } div.esg-filter-wrapper .esg-filterbutton, .mptt-navigation-tabs li, div.kicker_tabs .kicker_tabs_titles li { -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-size: 12px; line-height: 1.4em; font-weight: 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 { -webkit-box-shadow: none; -ms-box-shadow: none; 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 { -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -o-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; 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; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: 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 { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; width: 100vw; } .sidebar_hide .between_posts_banner_wrap:before { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); 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; } .post_featured.with_video.with_thumb:after { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; 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: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.13)), color-stop(66%, rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.75))); background: -o-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_featured.with_video .post_info_video { position: absolute; z-index: 1; bottom: 0; left: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transform: none; -ms-transform: none; 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; } .post_featured.with_video .post_info_video > * { color: #fff; } .post_featured.with_video .post_info_video .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 { background-position: center; background-repeat: no-repeat; background-size: cover; } .post_featured_bg:before { width: 0; height: 0; content: ' '; display: inline-block; margin-left: -0.3em; padding-top: 56.25%; vertical-align: top; } .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; } .sticky:not(.post_layout_custom) { border: 1px solid var(--theme-color-bd_color); padding: 2em; } .sticky:not(.post_layout_custom) .label_sticky { position: absolute; z-index: 1; top: -14px; right: -14px; width: 0; height: 0; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: 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; } ul.sc_layouts_submenu .sticky .label_sticky { display: none; } .sticky_wrap { margin-bottom: 5em; position: relative; z-index: 1; } .sticky_wrap .sticky .post_featured { display: inline-block; } .sticky_wrap .sticky .post_categories { margin-top: 1em; } .sticky_wrap .sticky .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; } .format-audio .post_featured img { position: relative; } .format-audio .post_featured.with_thumb .mask { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.95))); background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.95)); background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.95)); background: linear-gradient(transparent, rgba(0, 0, 0, 0.95)); } .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 { font-size: 12px; line-height: 20px; font-weight: 400; font-style: 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 { font-size: 1.142rem; line-height: 2em; font-weight: 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); } .trx_addons_audio_wrap .trx_addons_audio_navigation > span:hover { color: var(--theme-color-alter_dark); } .trx_addons_audio_wrap .trx_addons_audio_navigation .trx_addons_icon-slider-left:before { font-size: 0.9em; content: '\e837'; font-family: fontello; margin-right: 0.5em; } .trx_addons_audio_wrap .trx_addons_audio_navigation .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 .post_audio:not(.with_iframe), .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe), .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; } .trx_addons_audio_player.without_cover .post_audio, .format-audio .post_featured.without_thumb .post_audio, .single-format-audio .post_featured.without_thumb .post_audio { background-color: var(--theme-color-alter_bg_color); border: none; } .trx_addons_audio_player.without_cover .audio_now_playing, .format-audio .post_featured.without_thumb .audio_now_playing, .single-format-audio .post_featured.without_thumb .audio_now_playing { color: var(--theme-color-alter_dark); } .trx_addons_audio_player.without_cover .post_audio_author, .format-audio .post_featured.without_thumb .post_audio_author, .single-format-audio .post_featured.without_thumb .post_audio_author { color: var(--theme-color-alter_light); } .trx_addons_audio_player.without_cover .post_audio_title, .format-audio .post_featured.without_thumb .post_audio_title, .single-format-audio .post_featured.without_thumb .post_audio_title { color: var(--theme-color-alter_dark); } .trx_addons_audio_player.without_cover .post_audio_description, .format-audio .post_featured.without_thumb .post_audio_description, .single-format-audio .post_featured.without_thumb .post_audio_description { color: var(--theme-color-alter_text); } .trx_addons_audio_player.without_cover .mejs-container, .format-audio .post_featured.without_thumb .mejs-container, .single-format-audio .post_featured.without_thumb .mejs-container { min-height: initial; } .trx_addons_audio_player.without_cover .mejs-controls, .format-audio .post_featured.without_thumb .mejs-controls, .single-format-audio .post_featured.without_thumb .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 { position: absolute; z-index: 1000; top: auto; right: 0; bottom: 0; left: 0; 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; } .trx_addons_audio_player.with_cover:before, .format-audio .content_wrap > .post_featured.with_thumb:before, .single-format-audio .content_wrap > .post_featured.with_thumb:before { position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; 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: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.13)), color-stop(66%, rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.5))); background: -o-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.with_cover .trx_addons_audio_player_wrap, .format-audio .content_wrap > .post_featured.with_thumb .trx_addons_audio_player_wrap, .single-format-audio .content_wrap > .post_featured.with_thumb .trx_addons_audio_player_wrap { position: relative; z-index: 3; } .trx_addons_audio_player.with_cover .post_audio_author, .format-audio .content_wrap > .post_featured.with_thumb .post_audio_author, .single-format-audio .content_wrap > .post_featured.with_thumb .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); } .trx_addons_audio_wrap.with_cover .trx_addons_audio_navigation > span:hover { color: var(--theme-color-extra_dark); } .single-format-audio .post_featured.with_thumb .post_audio, .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; } .single-format-audio .post_featured.with_thumb .post_audio .post_audio_author, .single-format-audio .post_featured.with_thumb .post_audio .post_audio_title, .single-format-audio .post_featured.with_thumb .post_audio .post_audio_description, .previous_post_content .post_format_audio .post_featured.with_thumb .post_audio .post_audio_author, .previous_post_content .post_format_audio .post_featured.with_thumb .post_audio .post_audio_title, .previous_post_content .post_format_audio .post_featured.with_thumb .post_audio .post_audio_description { color: var(--theme-color-extra_dark); } .single-format-audio .post_featured.with_thumb .post_audio iframe, .previous_post_content .post_format_audio .post_featured.with_thumb .post_audio iframe { min-height: 60px; } .single-format-audio .post_featured.with_thumb .mejs-container, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-container { min-height: 40px; } .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-button > button, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-button > button { background-color: transparent; color: var(--theme-color-extra_dark); font-size: 1.85em; } .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-volume-button.mejs-mute > button:before, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-volume-button.mejs-mute > button:before { content: '\e9d3'; } .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-volume-button.mejs-unmute > button:before, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-volume-button.mejs-unmute > button:before { content: '\e9d2'; } .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-total, .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-buffering, .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-loaded, .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-current, .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-hovered, .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-handle-content, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-total, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-buffering, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-loaded, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-current, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-hovered, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-handle-content { height: 3px; } .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-total, .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-loaded, .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-hovered, .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-volume-slider .mejs-volume-total, .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-total, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-loaded, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-time-rail .mejs-time-hovered, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-volume-slider .mejs-volume-total, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: var(--theme-color-extra_bd_hover); } .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-time.mejs-currenttime-container, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-time.mejs-currenttime-container { margin-left: 4px; } .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-time.mejs-duration-container, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-time.mejs-duration-container { margin-right: 10px; } .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-horizontal-volume-slider, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-horizontal-volume-slider { margin: 0 15px 0 10px; } .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: var(--theme-color-extra_link); } .single-format-audio .post_featured.with_thumb .mejs-controls .mejs-time, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-controls .mejs-time { color: var(--theme-color-extra_text); } .single-format-audio .post_featured.with_thumb .mejs-time-rail, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-time-rail { margin: 0 28px; } .single-format-audio .post_featured.with_thumb .mejs-horizontal-volume-slider, .single-format-audio .post_featured.with_thumb .mejs-horizontal-volume-total, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-horizontal-volume-slider, .previous_post_content .post_format_audio .post_featured.with_thumb .mejs-horizontal-volume-total { width: 75px; } .post_audio_btn { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 5.428rem; height: 5.428rem; line-height: 5.428rem; text-align: center; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; 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; -webkit-box-sizing: border-box; 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: "fontello"; } /* 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 { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 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 { width: 0; height: 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 { position: absolute; z-index: 2000; top: 50%; left: 50%; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 5rem; height: 5rem; line-height: 5.1rem; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: 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: "fontello"; margin-left: 1px; } .post_header_wrap .post_featured .trx_addons_video_player.with_cover .video_hover:before { margin-left: 4px; margin-top: 2px; } .post_header_wrap .post_featured.with_thumb .post_video_hover:before { margin-left: 4px; } .post_featured.with_thumb .trx_addons_video_sticky .post_video { opacity: 1; background-color: #121418; } .post_featured.with_thumb .trx_addons_video_sticky .post_video:before { padding: 0; } .post_featured.with_thumb.post_video_play .trx_addons_video_sticky .post_video:before { opacity: 0; } /* 18.2.2 Video hover bordered */ .trx_addons_video_player.with_cover .video_hover.style_bordered, .post_featured.with_thumb .post_video_hover.style_bordered, .sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover.style_bordered { background-color: transparent; border-color: var(--theme-color-extra_dark); color: var(--theme-color-extra_dark); } .trx_addons_video_player.with_cover .video_hover.style_bordered:hover, .post_featured.with_thumb .post_video_hover.style_bordered:hover, .sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover.style_bordered:hover { background-color: transparent; border-color: var(--theme-color-extra_hover); color: var(--theme-color-extra_hover); } .post_featured.with_thumb .post_video_hover > a, .post_featured.with_thumb + .post_header .post_video_hover > a, .sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; 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, .single.sidebar_show .post_item_single .post_content .post_featured.with_thumb .post_video_hover, .single.sidebar_show .post_item_single .post_content .sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover { width: 5rem; height: 5rem; line-height: 5rem; text-align: center; 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); } .single.sidebar_show .post_item_single .post_content .trx_addons_video_player.with_cover .video_hover:before, .single.sidebar_show .post_item_single .post_content .post_featured.with_thumb .post_video_hover:before, .single.sidebar_show .post_item_single .post_content .sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover:before { margin-left: 4px; } .single.sidebar_show .post_item_single .post_content .trx_addons_video_player.with_cover .video_hover.style_bordered:hover, .single.sidebar_show .post_item_single .post_content .post_featured.with_thumb .post_video_hover.style_bordered:hover, .single.sidebar_show .post_item_single .post_content .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 { width: 3.5em; height: 3.5em; line-height: 3.5em; text-align: center; 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 { position: absolute; z-index: 1000; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 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 { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); 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 { -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; animation: spin 2s infinite linear; content: '\e831'; font-family: "fontello"; 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 { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; width: 49px; height: 49px; line-height: 48px; -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, background-position 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, background-position 0.3s ease; -o-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, background-position 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, background-position 0.3s ease; border: 1px solid; display: inline-block; font-size: inherit; font-weight: inherit; margin: 0 7px 0 0; padding: 0; vertical-align: top; text-align: center; } .woocommerce nav.woocommerce-pagination ul li a:last-child, .woocommerce nav.woocommerce-pagination ul li span.current:last-child, .page_links > span:not(.page_links_title):last-child, .page_links > a:last-child, .comments_pagination .page-numbers:last-child, .nav-links .page-numbers:last-child, .wp-block-query-pagination .page-numbers: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.first, .nav-links .page-numbers.prev, .nav-links .page-numbers.next, .nav-links .page-numbers.last, .wp-block-query-pagination .page-numbers.first, .wp-block-query-pagination .page-numbers.prev, .wp-block-query-pagination .page-numbers.next, .wp-block-query-pagination .page-numbers.last, .comments_pagination .page-numbers.first, .comments_pagination .page-numbers.prev, .comments_pagination .page-numbers.next, .comments_pagination .page-numbers.last, .woocommerce nav.woocommerce-pagination ul li a.first, .woocommerce nav.woocommerce-pagination ul li a.prev, .woocommerce nav.woocommerce-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.last { overflow: hidden; position: relative; text-indent: -200px; } .nav-links .page-numbers.first:before, .nav-links .page-numbers.prev:before, .nav-links .page-numbers.next:before, .nav-links .page-numbers.last:before, .wp-block-query-pagination .page-numbers.first:before, .wp-block-query-pagination .page-numbers.prev:before, .wp-block-query-pagination .page-numbers.next:before, .wp-block-query-pagination .page-numbers.last:before, .comments_pagination .page-numbers.first:before, .comments_pagination .page-numbers.prev:before, .comments_pagination .page-numbers.next:before, .comments_pagination .page-numbers.last:before, .woocommerce nav.woocommerce-pagination ul li a.first:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before, .woocommerce nav.woocommerce-pagination ul li a.next:before, .woocommerce nav.woocommerce-pagination ul li a.last:before { position: absolute; z-index: 1; top: 0; left: 0; font-family: "fontello"; font-weight: 400; text-align: center; text-indent: 0; width: 100%; font-size: 22px; line-height: 48px; } .nav-links .page-numbers.prev:before, .comments_pagination .page-numbers.prev:before, .wp-block-query-pagination .page-numbers.prev:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before { content: '\E9BD'; } .nav-links .page-numbers.next:before, .comments_pagination .page-numbers.next:before, .wp-block-query-pagination .page-numbers.next:before, .woocommerce nav.woocommerce-pagination ul li a.next:before { content: '\E9BC'; } .nav-links .page-numbers.first:before, .comments_pagination .page-numbers.first:before, .wp-block-query-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, .wp-block-query-pagination .page-numbers.last:before, .woocommerce nav.woocommerce-pagination ul li a.last:before { font-size: 18px; letter-spacing: -12px; } .nav-links .page-numbers.first:before, .comments_pagination .page-numbers.first:before, .wp-block-query-pagination .page-numbers.first:before, .woocommerce nav.woocommerce-pagination ul li a.first:before { content: '\e9c0\e9c0'; margin-left: -5px; } .nav-links .page-numbers.last:before, .comments_pagination .page-numbers.last:before, .wp-block-query-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 { position: absolute; z-index: 1; top: 50%; left: 1.5em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); 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 { -webkit-border-radius: var(--theme-var-rad); -ms-border-radius: var(--theme-var-rad); 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; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; width: 0; } .image-navigation .nav-previous a:hover, .image-navigation .nav-next a:hover { -webkit-border-radius: var(--theme-var-rad); -ms-border-radius: var(--theme-var-rad); 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 { position: absolute; z-index: 1; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 4em; height: 4em; line-height: 4em; text-align: center; background-color: #333; border: 1px solid #000; color: #fff; content: '\e8ef'; font-family: "fontello"; } .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: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /* 20.1 Full post in the blog */ .full_post_loading { position: relative; } .full_post_loading:after { position: absolute; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.7); 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, .full_post_read .post_title, .full_post_read .sc_layouts_blog_item_title { 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, .full_post_read .post_title:after, .full_post_read .sc_layouts_blog_item_title:after { position: absolute; z-index: 1; top: -0.2em; left: -0.5em; width: 2em; height: 1em; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); background-image: url(../../../images/read.png); background-position: center; background-repeat: no-repeat; background-size: contain; content: ' '; display: none; 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: -webkit-sticky; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); width: 50px; height: 50px; line-height: 50px; text-align: center; 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: "fontello"; } .full_post_progress { -webkit-backface-visibility: hidden; position: absolute; z-index: -1; top: 0; left: 0; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); width: 100%; height: 100%; line-height: 100%; text-align: center; 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 { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: 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%; } .masonry_wrap .masonry_item .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; } header .sc_layouts_meta .post_meta_item { color: var(--theme-color-text); } header .sc_layouts_meta a.post_meta_item:hover { color: var(--theme-color-text_dark); } header .sc_layouts_meta .post_meta .post_meta_item:before { margin-right: 0.7em; } header .sc_layouts_meta .post_meta_item .post_meta_number + .post_meta_label { display: inline-block; text-transform: capitalize; } header .sc_layouts_meta .post_meta_item.post_share { font-size: 13px; font-weight: 600; letter-spacing: 0; padding: 22px 33px 22px 47px; margin-left: 27px; border-left: 1px solid var(--theme-color-bd_color); } header .sc_layouts_meta .post_meta_item.post_share a { color: var(--theme-color-text_dark); } header .sc_layouts_meta .post_meta_item.post_share a:hover { color: var(--theme-color-text_hover); } header .sc_layouts_meta .socials_share .socials_caption:before { content: '\E9CE'; font-family: "fontello"; font-size: 1.5em; font-weight: 400; margin-right: 0.6em; color: var(--theme-color-text); } header .sc_layouts_meta .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 { -webkit-transition: none; -o-transition: none; 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 { width: 100%; height: 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 { position: absolute; z-index: 1; top: 0; left: calc( -1 * var(--theme-var-padding_narrow)); max-width: var(--theme-var-padding_narrow); } .sidebar_right .post_info_vertical, .sidebar_hide.narrow_content .previous_post_content.sidebar_show .post_info_vertical { position: absolute; z-index: 1; top: 0; left: 0; } .sidebar_left .post_info_vertical { position: absolute; z-index: 1; top: 0; right: 0; } .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, .sidebar_right.post_with_info_vertical .post_item_single > .post_footer, .sidebar_right.post_with_info_vertical .show_comments_single, .sidebar_right.post_with_info_vertical .comments_wrap { padding-left: 15.7rem; } .sidebar_left.post_with_info_vertical .post_item_single > .post_content, .sidebar_left.post_with_info_vertical .post_item_single > .post_footer, .sidebar_left.post_with_info_vertical .show_comments_single, .sidebar_left.post_with_info_vertical .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; } .post_info_vertical_share .socials_wrap:not(.socials_type_list) .social_item { margin-right: 8px; margin-bottom: 8px; } .post_info_vertical_share .socials_wrap:not(.socials_type_list) .social_item .social_icon { width: 3.12em; height: 3.12em; line-height: 3.12em; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 1px solid var(--theme-color-bd_color); color: var(--theme-color-text_dark); font-size: 1.1rem; } .post_info_vertical_share .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; } .sidebar_show .post_info_vertical_share .post_share_label, .normal_content .post_info_vertical_share .post_share_label { display: none; } .sidebar_show .post_info_vertical_share .socials_wrap .social_item, .normal_content .post_info_vertical_share .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; } .post_info_vertical_content h5 { margin-top: 0.3em; margin-bottom: 0.2em; } .post_info_vertical_content p { margin-bottom: 1.25em; } .post_info_vertical_content .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; } .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_header_wrap .post_featured.with_thumb[data-caption]:after { content: attr(data-caption); font-size: 14px; line-height: 1.3em; position: absolute; z-index: 2; bottom: 15px; left: 50%; background-color: #000; color: #fff; opacity: 0.5; display: block; text-align: center; padding: 8px 15px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .post_header_wrap .sc_widget_video_list { overflow: visible; } .post_header_wrap .trx_addons_video_list_type_alter .trx_addons_video_list_title_wrap { display: none !important; } .post_header_wrap .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap { height: 100%; } .post_header_wrap .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item { padding: 0 30px 0 50px; } .post_header_wrap .trx_addons_video_list_type_alter .trx_addons_video_list_controller_wrap .trx_addons_video_list_image { width: 41%; } .post_header_wrap .trx_addons_video_list_type_alter .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_header_wrap .post_header .post_subtitle { font-size: 1.142rem; line-height: 2em; font-weight: normal; } .post_header_wrap .post_header .post_meta_other .post_meta_item { white-space: nowrap; } .post_header_wrap .post_header .post_meta_other .post_meta_item:after, .post_header_wrap .post_header .post_meta_other .vc_inline-link:after { content: ''; margin: 0 0.8em 0 0; } .post_header_wrap .post_header .post_meta_other .post_author { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .post_header_wrap .post_header .post_meta_reading { pointer-events: none; } .post_header_wrap .post_header .socials_wrap .social_item { margin: 0 7px 0 0; } .post_header_wrap .post_header .socials_wrap .social_item .social_icon { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 3.12em; height: 3.12em; line-height: 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; } .post_header_wrap .post_header .socials_wrap .social_item .social_icon:hover { color: var(--theme-color-inverse_hover); border-color: var(--theme-color-text_hover); background-color: var(--theme-color-text_hover); -webkit-box-shadow: 0 5px 12px var(--theme-color-text_hover_01); box-shadow: 0 5px 12px var(--theme-color-text_hover_01); } .post_header_wrap .post_featured.with_thumb + .post_header .post_video_hover { width: 4.5rem; height: 4.5rem; line-height: 4.5rem; text-align: center; position: relative; top: auto; left: auto; -webkit-transform: none; -ms-transform: none; 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 { -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: 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 { font-size: 13px; line-height: 1.5em; font-weight: 600; -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -o-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; background-color: var(--theme-color-bg_color); border: 1px solid; border-color: var(--theme-color-bd_color); border-radius: 1.922rem; color: var(--theme-color-text_dark); display: inline-block; letter-spacing: -0.01em; margin: 7px 7px 0 0; padding: 0.572rem 1.922rem; text-transform: capitalize; vertical-align: top; } .sc_igenerator_form_field_tags_item:hover, .post_item_single .post_tags_single a:hover { background-color: var(--theme-color-bg_color); border-color: var(--theme-color-bd_color); color: var(--theme-color-text_link); } /* Emotions */ .post_item_single .trx_addons_emotions { margin-top: 3em; } /* Likes and share in the single post */ .post_item_single .post_meta_single { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: space-between; -webkit-box-pack: justify; justify-content: space-between; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: 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 { -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } /* Likes */ .post_item_single .post_meta_single .post_meta_likes:before { content: '\e9ca'; font-family: "fontello"; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 3.57rem; height: 3.57rem; line-height: 3.8rem !important; font-size: 1rem; font-weight: 400; -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease; -o-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; 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); -webkit-box-shadow: inset 0 0 0 0 rgba(233, 51, 20, 0); box-shadow: inset 0 0 0 0 rgba(233, 51, 20, 0); margin-right: 0.9em; } .post_item_single .post_meta_single .post_meta_likes:after { display: none; } .post_item_single .post_meta_single .post_meta_likes.enabled:hover:before { color: var(--theme-color-inverse_link); -webkit-box-shadow: inset 0 0 0 26px var(--theme-color-text_link); box-shadow: inset 0 0 0 26px var(--theme-color-text_link); } .post_item_single .post_meta_single .post_meta_likes.enabled .post_meta_number { -webkit-animation: heart_opacity_dislike .5s; animation: heart_opacity_dislike .5s; } .post_item_single .post_meta_single .post_meta_likes.disabled .post_meta_number { -webkit-animation: heart_opacity_like .5s; animation: heart_opacity_like .5s; } .post_item_single .post_meta_single .post_meta_likes.disabled:before { content: '\e9d1'; -webkit-animation: heart_size .5s, heart_round 1s; animation: heart_size .5s, heart_round 1s; } .post_item_single .post_meta_single .post_meta_likes .post_meta_number { color: var(--theme-color-text_dark); font-size: 1.2857rem; } @-webkit-keyframes heart_round { 0% { -webkit-box-shadow: inset 0 0 0 26px #e93314; box-shadow: inset 0 0 0 26px #e93314; } 100% { -webkit-box-shadow: inset 0 0 0 0 rgba(233, 51, 20, 0); box-shadow: inset 0 0 0 0 rgba(233, 51, 20, 0); } } @-moz-keyframes heart_round { 0% { box-shadow: inset 0 0 0 26px #e93314; } 100% { box-shadow: inset 0 0 0 0 rgba(233, 51, 20, 0); } } @-ms-keyframes heart_round { 0% { box-shadow: inset 0 0 0 26px #e93314; } 100% { box-shadow: inset 0 0 0 0 rgba(233, 51, 20, 0); } } @-o-keyframes heart_round { 0% { box-shadow: inset 0 0 0 26px #e93314; } 100% { box-shadow: inset 0 0 0 0 rgba(233, 51, 20, 0); } } @keyframes heart_round { 0% { -webkit-box-shadow: inset 0 0 0 26px #e93314; box-shadow: inset 0 0 0 26px #e93314; } 100% { -webkit-box-shadow: inset 0 0 0 0 rgba(233, 51, 20, 0); box-shadow: inset 0 0 0 0 rgba(233, 51, 20, 0); } } @-webkit-keyframes heart_size { 0% { font-size: 1rem; } 50% { font-size: 1.5rem; } 100% { font-size: 1rem; } } @-moz-keyframes heart_size { 0% { font-size: 1rem; } 50% { font-size: 1.5rem; } 100% { font-size: 1rem; } } @-ms-keyframes heart_size { 0% { font-size: 1rem; } 50% { font-size: 1.5rem; } 100% { font-size: 1rem; } } @-o-keyframes heart_size { 0% { font-size: 1rem; } 50% { font-size: 1.5rem; } 100% { font-size: 1rem; } } @keyframes heart_size { 0% { font-size: 1rem; } 50% { font-size: 1.5rem; } 100% { font-size: 1rem; } } @-webkit-keyframes heart_opacity_like { 0% { opacity: 0; } 80% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes heart_opacity_like { 0% { opacity: 0; } 80% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes heart_opacity_like { 0% { opacity: 0; } 80% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes heart_opacity_like { 0% { opacity: 0; } 80% { opacity: 0; } 100% { opacity: 1; } } @keyframes heart_opacity_like { 0% { opacity: 0; } 80% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes heart_opacity_dislike { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes heart_opacity_dislike { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes heart_opacity_dislike { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes heart_opacity_dislike { 0% { opacity: 0; } 100% { opacity: 1; } } @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; } .post_item_single .post_meta_single .post_share .socials_share.socials_type_block .social_item:first-child { margin-left: 0; } .post_item_single .post_meta_single .post_share .socials_share.socials_type_block .social_item[data-title]:before { font-size: 13px; line-height: 1em; font-weight: 600; -webkit-transition: opacity 0.1s ease; -ms-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; transition: opacity 0.1s ease; background-color: var(--theme-color-bg_color); -webkit-box-shadow: 0 5px 26px rgba(0, 0, 0, 0.07); 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: -webkit-max-content; width: -moz-max-content; width: max-content; opacity: 0; } .post_item_single .post_meta_single .post_share .socials_share.socials_type_block .social_item[data-title]:hover:before { opacity: 1; } .post_item_single .post_meta_single .post_share .socials_share.socials_type_block .social_item .social_icon { width: 3.26em; height: 3.26em; line-height: 3.26em; text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: var(--theme-color-alter_bg_color); border-color: var(--theme-color-alter_bg_color); color: var(--theme-color-input_dark); display: block; font-size: 1.1rem; } .post_item_single .post_meta_single .post_share .socials_share.socials_type_block .social_item .social_icon:hover { background-color: var(--theme-color-text_link); border-color: var(--theme-color-text_link); color: var(--theme-color-inverse_link) !important; } .post_item_single .post_meta_single .post_share .socials_share.socials_type_block .social_item .social_icon[class*="social_icon_twitter"] { color: #02A8F3; } .post_item_single .post_meta_single .post_share .socials_share.socials_type_block .social_item .social_icon[class*="social_icon_facebook"] { color: #3B5998; } /* 21.6 Single page Prev/Next navigation */ .nav-links-single:not(.nav-links-fixed) { border-top: 1px solid var(--theme-color-bd_color); margin-top: 1.75em; padding-top: 3.25em; } .nav-links-single:not(.nav-links-fixed) .navigation { position: relative; } .nav-links-single:not(.nav-links-fixed) .navigation:before { background-color: var(--theme-color-bd_color); bottom: -1em; content: ''; left: 50%; position: absolute; top: -1em; width: 1px; } .nav-links-single:not(.nav-links-fixed) .nav-links .nav-previous { float: left; padding-right: 30px; text-align: left; } .nav-links-single:not(.nav-links-fixed) .nav-links .nav-next { float: right; padding-left: 30px; text-align: right; } .nav-links-single .nav-links { margin-top: 0; overflow: hidden; text-align: left; text-transform: none; } .nav-links-single .nav-links a { display: block; position: relative; } .nav-links-single .nav-links a .nav-arrow { background-position: center; background-repeat: no-repeat; background-size: cover; width: 5.714rem; height: 5.714rem; line-height: 5.714rem; display: none; overflow: hidden; text-align: center; } .nav-links-single .nav-links .nav-arrow-label { display: block; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; line-height: 18px; text-transform: uppercase; } .nav-links-single .nav-links .nav-arrow-label:before, .nav-links-single .nav-links .nav-arrow-label:after { display: inline-block; font-family: "fontello"; font-size: 1.5em; font-weight: 400; vertical-align: top; } .nav-links-single .nav-links .nav-previous, .nav-links-single .nav-links .nav-next { width: 50%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .nav-links-single .nav-links .nav-previous .nav-arrow-label:before { content: '\E9C0'; margin-right: 0.45em; } .nav-links-single .nav-links .nav-next .nav-arrow-label:after { content: '\E9A6'; margin-left: 0.35em; margin-right: -0.05em; } .nav-links-single .nav-links .nav-previous .post-title { text-align: left; } .nav-links-single .nav-links .nav-next .post-title { text-align: right; } .nav-links-single .nav-links .nav-arrow-label, .nav-links-single .nav-links .post-title, .nav-links-single .nav-links .post_date { -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -o-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } .nav-links-single .nav-links .meta-nav, .nav-links-single .nav-links .post_date { display: none; } .nav-links-single .nav-links .nav-arrow-label, .nav-links-single .nav-links .meta-nav, .nav-links-single .nav-links .post_date { color: var(--theme-color-text); } .nav-links-single .nav-links .post-title { margin: 0.75em 0 0; } .nav-links-single .nav-links a:hover .post-title { color: var(--theme-color-text_link); } .nav-links-single.nav-links-fixed { -webkit-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; bottom: 140px; left: 0px; opacity: 0; position: fixed; right: 0px; z-index: 100; } .nav-links-single.nav-links-fixed.nav-links-visible { opacity: 1; } .nav-links-single.nav-links-fixed .nav-arrow-label { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 0.928rem; line-height: 51px; font-weight: 600; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; 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; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; z-index: 2; } .nav-links-single.nav-links-fixed .nav-previous .nav-arrow-label { right: 0; } .nav-links-single.nav-links-fixed .nav-next .nav-arrow-label { left: 0; } .nav-links-single.nav-links-fixed .nav-previous .nav-arrow-label:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); content: '\e9bd'; margin-bottom: 0.7em; margin-right: 0; } .nav-links-single.nav-links-fixed .nav-next .nav-arrow-label:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); content: '\e9bc'; margin-left: 0; margin-top: 0.7em; } .nav-links-single.nav-links-fixed .nav-links .nav-previous, .nav-links-single.nav-links-fixed .nav-links .nav-next { -webkit-box-shadow: 0 3px 26px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0 3px 26px rgba(0, 0, 0, 0.07); box-shadow: 0 3px 26px rgba(0, 0, 0, 0.07); -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; -o-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; background-color: var(--theme-color-bg_color); bottom: 0; position: absolute; width: 345px; } .nav-links-single.nav-links-fixed a .nav-arrow { display: block; } .nav-links-single.nav-links-fixed .post-title { margin-top: 0; } .nav-links-single.nav-links-fixed .post_date { display: block; margin-top: 0.45em !important; } .nav-links-single.nav-links-fixed .nav-previous { left: -345px; } .nav-links-single.nav-links-fixed .nav-next { left: auto; right: -345px; } .nav-links-single.nav-links-fixed.nav-links-visible .nav-links .nav-previous { left: -295px; } .nav-links-single.nav-links-fixed.nav-links-visible .nav-links .nav-next { right: -295px; } .nav-links-single.nav-links-fixed.nav-links-visible .nav-links .nav-previous:hover { left: 0; } .nav-links-single.nav-links-fixed.nav-links-visible .nav-links .nav-next:hover { right: 0; } .nav-links-single.nav-links-fixed.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-single.nav-links-fixed.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-links-single.nav-links-fixed .nav-previous a { padding: 4.2rem 9rem 3.9rem 5rem; } .nav-links-single.nav-links-fixed .nav-next a { padding: 4.2rem 5rem 3.9rem 9rem; } .nav-links-single.nav-links-fixed .nav-previous a .nav-arrow { position: absolute; z-index: 1; top: 50%; right: 2.1rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .nav-links-single.nav-links-fixed .nav-next a .nav-arrow { position: absolute; z-index: 1; top: 50%; left: 2.1rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .nav-links-single.nav-links-fixed .nav-previous .post-title, .nav-links-single.nav-links-fixed .nav-previous .post_date { text-align: right; } .nav-links-single.nav-links-fixed .nav-next .post-title, .nav-links-single.nav-links-fixed .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: ''; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); 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_info .author_avatar { position: absolute; z-index: 1; top: 2.142rem; left: 2.142rem; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 5.714rem; height: 5.714rem; line-height: 5.714rem; text-align: center; overflow: hidden; } .author_info .author_avatar img { width: 100%; height: auto; } .author_info .author_description { padding-left: 100px; } .author_info .author_bio { font-size: 1.071rem; line-height: 1.73em; font-weight: 400; } .author_info .author_label { font-size: 12px; line-height: 18px; font-weight: 400; color: var(--theme-color-alter_text); letter-spacing: 0.1em; margin-top: 0.94em; text-transform: uppercase; } .author_info .author_title { margin: 0.35em 0 0.9em; } .author_info .author_bio p { margin: 0; } .author_info .author_bio p + p { margin-top: 0.6em; } .author_info .author_bio .author_links { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: space-between; -webkit-box-pack: justify; justify-content: space-between; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; margin-top: 0.93em; } .author_info .author_bio .author_link { display: none; } .author_info .author_bio .socials_wrap { margin-top: 0; } .author_info .author_bio .socials_wrap .social_item { margin: 0 1.95em 0 0; color: var(--theme-color-alter_dark); } .author_info .author_bio .socials_wrap .social_item *:hover { color: var(--theme-color-alter_link); } .author_info .author_bio .socials_wrap .social_item .social_icon { background-color: transparent !important; width: 1.2em; height: auto; line-height: inherit; text-align: center; } /* 21.8 Related posts */ .related_wrap { border-top: 1px solid var(--theme-color-bd_color); margin-top: 3.571rem; padding-top: 3.2rem; } .related_wrap .section_title { margin: 0 0 0.68em; } .related_wrap .columns_wrap { margin-bottom: calc( -1 * var(--theme-var-grid_gap)); } .related_wrap .post_featured .mejs-container .mejs-controls { background-color: var(--theme-color-extra_bg_color); padding: 10px; height: 60px; } .related_wrap .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; } .related_wrap .post_title { margin: 0; } .related_wrap .post_meta [class^="icon-"] { font-size: 1.2em; line-height: inherit; margin-left: 0; margin-right: .3em; vertical-align: top; } .post_content.post_info_vertical_present .related_wrap .post_featured .post_title, .narrow_content .related_wrap .post_featured .post_title { font-size: 1.25em; } .post_content.post_info_vertical_present .related_wrap .post_featured .post_descr, .narrow_content .related_wrap .post_featured .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 { -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; margin-bottom: 8px; margin-top: 0; } /* 21.8.3 Style 3: Wide */ .related_wrap.related_style_wide .related_item { -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; text-align: left; } .related_wrap.related_style_wide .related_item .post_featured { margin: 0 1em 0 0; width: 6em; } .related_wrap.related_style_wide .related_item .post_featured[class*="hover_"] { display: block; } .related_wrap.related_style_wide .related_item .post_featured img { width: 100%; } .related_wrap.related_style_wide .related_item .post_meta { margin-top: 7px; } .related_wrap.related_style_wide .related_item .post_title { margin: -0.25em 0 0; } .related_wrap.related_style_wide .related_item.format-video, .related_wrap.related_style_wide .related_item.format-audio, .related_wrap.related_style_wide .related_item.format-gallery { -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .related_wrap.related_style_wide .related_item.format-video .post_featured, .related_wrap.related_style_wide .related_item.format-audio .post_featured, .related_wrap.related_style_wide .related_item.format-gallery .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; } .related_wrap.related_style_list .related_item .post_meta { margin-top: 7px; } .related_wrap.related_style_list .related_item:before { position: absolute; z-index: 1; top: 0.75em; left: 0; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 6px; height: 6px; line-height: 6px; text-align: center; 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; } .related_wrap.related_style_short .related_item:after { content: ''; position: absolute; z-index: 1; bottom: -15px; left: 0; 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; } .comments_wrap.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; /* Animated mask */ } .show_comments_single .show_comments_button { color: var(--theme-color-bg_color); border-color: var(--theme-color-text_dark); background-color: var(--theme-color-text_dark); -webkit-box-shadow: 0 5px 12px var(--theme-color-text_dark_01); box-shadow: 0 5px 12px var(--theme-color-text_dark_01); width: 100%; } .show_comments_single .show_comments_button:after { font-size: 1.3em; font-weight: 400; content: '\e9ba'; display: inline-block; font-family: "fontello"; margin-left: 0.5em; vertical-align: top; } .show_comments_single .show_comments_button.opened:after { content: '\e9bb'; } .show_comments_single .show_comments_button { position: relative; } .show_comments_single .show_comments_button.opened:before, .show_comments_single .show_comments_button:not(.opened):before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-animation-name: commentsButtonFade; animation-name: commentsButtonFade; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: ease; animation-timing-function: ease; border-radius: inherit; } @-webkit-keyframes commentsButtonFade { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes commentsButtonFade { 0% { opacity: 1; } 100% { opacity: 0; } } .show_comments_single .show_comments_button:not(.opened):before { -webkit-animation-name: commentsButtonFade2; animation-name: commentsButtonFade2; } @-webkit-keyframes commentsButtonFade2 { 0% { opacity: 1; } 100% { opacity: 0; } } @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; 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; } .comments_list_wrap ul ul ul ul ul:before, .comments_list_wrap ul ul ul ul ul.children > li:after { display: none; } .comments_list_wrap ul ul ul ul ul.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 { position: absolute; z-index: 1; top: 0; left: 0; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 6.428rem; height: 6.428rem; line-height: 6.428rem; text-align: center; 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 { font-size: 12px; line-height: 18px; font-weight: normal; color: var(--theme-color-text); display: block; letter-spacing: 0.1em; margin-bottom: 0.5em; text-transform: uppercase; } .comments_list_wrap .bypostauthor > .comment_body .comment_author_avatar:after { will-change: transform; } .comments_list_wrap .comment_author { margin: 1.2em 0 0.7em; } .comments_list_wrap .comment_bypostauthor + .comment_author { margin: 0 0 0.7em; } .comments_list_wrap .comment_posted { font-size: 12px; line-height: 1.4em; color: var(--theme-color-text_light); display: block; letter-spacing: 0; margin-bottom: 0.25em; position: relative; text-transform: uppercase; } .comments_list_wrap .comment_posted_label { display: none; } .comments_list_wrap .comment_date, .comments_list_wrap .comment_time, .comments_list_wrap .comment_time_label { display: inline-block; margin-right: 0.3em; vertical-align: baseline; } .comments_list_wrap .comment_not_approved { padding: 0.2em 0 0.5em 0; font-style: italic; } .comments_list_wrap .trx_addons_reviews_text { font-weight: bold; } .comments_list_wrap .comment_text { font-size: 1.071rem; line-height: 1.73em; font-weight: 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 { font-size: 1.142rem; line-height: 18px; font-weight: 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: "fontello"; 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 { position: absolute; z-index: 1; top: 1em; right: 0; } /* 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; } .comments_wrap .comments_list_wrap .comment-respond .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 { clear: both; width: 100%; height: 0; display: block; content: ' '; } .comments_wrap .comments_field label:not([for="i_agree_privacy_policy"]), .comments_wrap .comments_field .sc_form_field_hover { font-size: 1.071rem; line-height: 1.5em; font-weight: 600; color: var(--theme-color-text_dark); display: block; margin-bottom: 0.65em; } .comments_wrap .comments_field input, .comments_wrap .comments_field textarea { -webkit-border-radius: var(--theme-var-rad); -ms-border-radius: var(--theme-var-rad); border-radius: var(--theme-var-rad); width: 100%; } .comments_wrap .comments_field textarea { -webkit-border-radius: var(--theme-var-rad); -ms-border-radius: var(--theme-var-rad); 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 { clear: both; width: 100%; height: 0; display: block; 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 { position: absolute; z-index: 1; top: -6.2em; right: 0; } .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; } .error404 .page_info .page_image { margin-bottom: 4.1rem; } .error404 .page_info .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 { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; margin-bottom: 4.5rem; /* Socials */ } .author_page .author_avatar { margin-bottom: 1.5em; overflow: hidden; } .author_page .author_title { margin-top: 0; margin-bottom: 0.5em; } .author_page .author_bio { margin-bottom: 1em; text-align: center; } .author_page .author_bio p { margin: 0; } .author_page .author_bio p + p { margin-top: 0.6em; } .author_page .author_details { text-align: center; } .author_page .author_details .author_posts_total, .author_page .author_details .author_socials { display: inline-block; text-transform: capitalize; vertical-align: top; } .author_page .author_details .author_posts_total, .author_page .author_details .author_socials .author_socials_caption { font-size: 20px; color: var(--theme-color-text_dark); font-weight: bold; } .author_page .author_details .author_posts_total + .author_socials { margin-left: 2em; position: relative; } .author_page .author_details .author_posts_total + .author_socials:before { content: ''; position: absolute; left: -1em; width: 2px; height: 30px; background-color: var(--theme-color-text_dark); } .author_page .author_details .author_posts_total + .author_socials .socials_wrap { display: inline-block; margin-left: 0.75em; vertical-align: baseline; } .author_page .author_details .author_posts_total + .author_socials .socials_wrap .social_item { margin: 0 0.75em 0 0; } .author_page .author_details .author_posts_total + .author_socials .socials_wrap .social_item .social_icon { width: auto; height: auto; line-height: inherit; background-color: transparent; text-align: left; } .author_page .author_socials .social_item { font-size: 1rem; color: var(--theme-color-text_dark); } .author_page .author_socials .social_item:hover { color: var(--theme-color-text_link); } .author_page .author_socials .social_item .social_icon { overflow: visible; } .author_page .author_socials .social_item .social_icon span.icon-facebook:before, .author_page .author_socials .social_item .social_icon span.icon-facebook-1:before { content: '\e9a8'; font-family: "fontello"; } .author_page .author_socials .social_item .social_icon span.icon-twitter:before, .author_page .author_socials .social_item .social_icon span.icon-twitter-1:before { font-size: 1.4rem; position: relative; } .author_page .author_socials .social_item .social_icon span.icon-instagram:before { content: '\e87e'; font-family: "fontello"; font-size: 1.4rem; } /* 24. Category page ------------------------------------------------------ */ .category_page { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; margin-bottom: 4.5rem; } .category_page .category_image { margin-bottom: 1.5em; overflow: hidden; } .category_page .category_image:empty { display: none; } .category_page .category_title { margin-top: 0; margin-bottom: 0.5em; } .category_page .category_desc { text-align: center; } .category_page .category_desc p { margin: 0; } .category_page .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 li + li, .sidebar .widget li > ol, .sidebar .widget li > ul, .sidebar .widget li > dl, .sidebar .widget dl > dl, footer .widget li + li, footer .widget li > ol, footer .widget li > ul, footer .widget li > dl, footer .widget dl > dl { margin-top: 0; } .sidebar .widget .wp-block-group__inner-container > h1, .sidebar .widget .wp-block-group__inner-container > h2, .sidebar .widget .wp-block-group__inner-container > h3, .sidebar .widget .wp-block-group__inner-container > h4, .sidebar .widget .wp-block-group__inner-container > h5, .sidebar .widget .wp-block-group__inner-container > h6, footer .widget .wp-block-group__inner-container > h1, footer .widget .wp-block-group__inner-container > h2, footer .widget .wp-block-group__inner-container > h3, footer .widget .wp-block-group__inner-container > h4, footer .widget .wp-block-group__inner-container > h5, footer .widget .wp-block-group__inner-container > 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 { font-size: 1.4286em; line-height: 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 */ @-webkit-keyframes animation_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes animation_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes animation_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes animation_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes animation_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } .sidebar .widget .widget_title:after, .sidebar .widget .widgettitle:after, .elementor-sidebar .widget_title:after, .elementor-sidebar .sc_item_title:after { display: none !important; } .widget .widget_title .widgettitle_icons_wrapper, .sidebar .widget .widget_title .widgettitle_icons_wrapper, .sidebar .widget .widgettitle .widgettitle_icons_wrapper, .elementor-sidebar .widget_title .widgettitle_icons_wrapper, .elementor-sidebar .sc_item_title .widgettitle_icons_wrapper, .elementor-sidebar .sc_item_title_text .widgettitle_icons_wrapper { display: block; margin-top: 1px; } .widget .widget_title .widgettitle_icons_wrapper span, .sidebar .widget .widget_title .widgettitle_icons_wrapper span, .sidebar .widget .widgettitle .widgettitle_icons_wrapper span, .elementor-sidebar .widget_title .widgettitle_icons_wrapper span, .elementor-sidebar .sc_item_title .widgettitle_icons_wrapper span, .elementor-sidebar .sc_item_title_text .widgettitle_icons_wrapper span { opacity: 0; } .widget .widget_title .widgettitle_icons_wrapper.kicker_animation_fade_in span, .sidebar .widget .widget_title .widgettitle_icons_wrapper.kicker_animation_fade_in span, .sidebar .widget .widgettitle .widgettitle_icons_wrapper.kicker_animation_fade_in span, .elementor-sidebar .widget_title .widgettitle_icons_wrapper.kicker_animation_fade_in span, .elementor-sidebar .sc_item_title .widgettitle_icons_wrapper.kicker_animation_fade_in span, .elementor-sidebar .sc_item_title_text .widgettitle_icons_wrapper.kicker_animation_fade_in span { -webkit-animation: 0.5s ease 0s animation_fade_in forwards; animation: 0.5s ease 0s animation_fade_in forwards; } .widget .widget_title .widgettitle_icons_wrapper span:nth-child(1), .sidebar .widget .widget_title .widgettitle_icons_wrapper span:nth-child(1), .sidebar .widget .widgettitle .widgettitle_icons_wrapper span:nth-child(1), .elementor-sidebar .widget_title .widgettitle_icons_wrapper span:nth-child(1), .elementor-sidebar .sc_item_title .widgettitle_icons_wrapper span:nth-child(1), .elementor-sidebar .sc_item_title_text .widgettitle_icons_wrapper span:nth-child(1) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .widget .widget_title .widgettitle_icons_wrapper span:nth-child(2), .sidebar .widget .widget_title .widgettitle_icons_wrapper span:nth-child(2), .sidebar .widget .widgettitle .widgettitle_icons_wrapper span:nth-child(2), .elementor-sidebar .widget_title .widgettitle_icons_wrapper span:nth-child(2), .elementor-sidebar .sc_item_title .widgettitle_icons_wrapper span:nth-child(2), .elementor-sidebar .sc_item_title_text .widgettitle_icons_wrapper span:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .widget .widget_title .widgettitle_icons_wrapper span:nth-child(3), .sidebar .widget .widget_title .widgettitle_icons_wrapper span:nth-child(3), .sidebar .widget .widgettitle .widgettitle_icons_wrapper span:nth-child(3), .elementor-sidebar .widget_title .widgettitle_icons_wrapper span:nth-child(3), .elementor-sidebar .sc_item_title .widgettitle_icons_wrapper span:nth-child(3), .elementor-sidebar .sc_item_title_text .widgettitle_icons_wrapper span:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .widget .widget_title .widgettitle_icons_wrapper span:before, .sidebar .widget .widget_title .widgettitle_icons_wrapper span:before, .sidebar .widget .widgettitle .widgettitle_icons_wrapper span:before, .elementor-sidebar .widget_title .widgettitle_icons_wrapper span:before, .elementor-sidebar .sc_item_title .widgettitle_icons_wrapper span:before, .elementor-sidebar .sc_item_title_text .widgettitle_icons_wrapper span:before { content: '\e9af'; font-family: "fontello"; font-size: 7px; letter-spacing: 0.55em; color: var(--theme-color-alter_link); } .widget li { position: relative; } .widget ul > li:before { position: absolute; z-index: 1; top: 0.8em; left: -1.2em; width: 5px; height: 5px; line-height: 5px; text-align: center; 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 { -webkit-border-radius: var(--theme-var-rad50); -ms-border-radius: var(--theme-var-rad50); 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; } .widget_calendar caption:before, .widget_calendar caption:after, .wp-block-calendar caption:before, .wp-block-calendar caption:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-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); } .widget_calendar caption:before, .wp-block-calendar caption:before { left: 0; } .widget_calendar caption:after, .wp-block-calendar caption: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 { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: 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; font-size: 18px !important; line-height: 2em; font-weight: 700 !important; font-style: normal; } .widget_calendar td, .wp-block-calendar td { padding: 0; font-size: 1em !important; line-height: 2.5em; font-weight: 400 !important; font-style: 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 { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: 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 { position: absolute; z-index: 1; bottom: 7px; left: 48%; width: 3px; height: 3px; line-height: 3px; text-align: center; -webkit-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; 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 { position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 2.2em; height: 2.2em; line-height: 2.2em; text-align: center; 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 { position: absolute; z-index: 1; top: 0; left: 0; width: 1.2em; height: 1em; line-height: 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: "fontello"; } .widget_calendar td#next a:before, .wp-block-calendar td#next a:before { content: '\e93a'; font-family: "fontello"; left: auto; right: 0; } .widget_calendar .wp-calendar-nav, .wp-block-calendar .wp-calendar-nav { padding: 0 5%; margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 12px; text-transform: uppercase; font-weight: 700; color: var(--theme-color-text_link); } .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev a, .widget_calendar .wp-calendar-nav .wp-calendar-nav-next a, .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev a, .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-next a { position: relative; letter-spacing: 1px; } .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev a:before, .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev a:after, .widget_calendar .wp-calendar-nav .wp-calendar-nav-next a:before, .widget_calendar .wp-calendar-nav .wp-calendar-nav-next a:after, .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev a:before, .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev a:after, .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-next a:before, .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-next a:after { position: absolute; top: 0; width: 18px; line-height: 14px; background-color: var(--theme-color-bg_color); } .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev a:hover, .widget_calendar .wp-calendar-nav .wp-calendar-nav-next a:hover, .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev a:hover, .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-next a:hover { color: var(--theme-color-text_dark); } .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev a, .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev a { padding-left: 9px; } .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev a:before, .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev a:before { content: '\e92a'; font-family: "fontello"; left: 0; } .widget_calendar .wp-calendar-nav .wp-calendar-nav-next a, .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-next a { padding-right: 9px; } .widget_calendar .wp-calendar-nav .wp-calendar-nav-next a:after, .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-next a:after { content: '\e92b'; font-family: "fontello"; 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 .widget.widget_media_video .mejs-container .mejs-controls, .sidebar .widget.widget_media_video .wp-playlist .mejs-container .mejs-controls, .footer_widgets_wrap .widget.widget_media_video .mejs-container .mejs-controls, .footer_widgets_wrap .widget.widget_media_video .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 { position: absolute; z-index: 0; top: 50%; right: 0; width: 1em; height: 1em; line-height: 1em; text-align: center; font-size: 1.25em; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: var(--theme-color-input_dark); content: '\e9a3'; cursor: pointer; display: block; font-family: "fontello"; 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 { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: var(--theme-var-rad); -ms-border-radius: var(--theme-var-rad); 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 { position: absolute; z-index: 1; top: 0; right: 0; width: 4em; height: 100%; background: none !important; border: none !important; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: block; padding: 0; text-indent: -1000px; } .wp-block-search, .widget_search .wp-block-search { position: relative; } .wp-block-search:after, .widget_search .wp-block-search:after { display: none; } .wp-block-search .wp-block-search__label, .widget_search .wp-block-search .wp-block-search__label { margin-bottom: 10px; display: block; } .wp-block-search .wp-block-search__button, .widget_search .wp-block-search .wp-block-search__button { padding: 17px 20px; height: 57px; } .wp-block-search .wp-block-search__button.has-icon, .widget_search .wp-block-search .wp-block-search__button.has-icon { padding: 0 !important; width: 57px; } .wp-block-search .wp-block-search__button.has-icon:before, .widget_search .wp-block-search .wp-block-search__button.has-icon:before { content: '\e9a3'; font-family: "fontello"; font-size: 21px; line-height: 0.9em; font-weight: 400; } .wp-block-search .wp-block-search__button.has-icon svg, .widget_search .wp-block-search .wp-block-search__button.has-icon svg { display: none; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, .widget_search .wp-block-search.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.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input, .widget_search .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { padding: 0 26px; border-radius: var(--theme-var-rad); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button, .widget_search .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { padding: 12px 20px; height: 47px; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon, .widget_search .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon { padding: 0; width: 54px; -webkit-box-shadow: none; box-shadow: none; border: none; color: var(--theme-color-text_dark); background-color: transparent; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon:hover, .widget_search .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon: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: "fontello"; 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 { -webkit-border-radius: var(--theme-var-rad); -ms-border-radius: var(--theme-var-rad); border-radius: var(--theme-var-rad); font-size: 13px !important; line-height: 1em; font-weight: 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; } .elementor-editor-active #sb_instagram { background-color: var(--theme-color-alter_bg_color_07); } #sb_instagram .sbi_header_text { margin-top: -2px; padding-top: 0 !important; } #sb_instagram .sb_instagram_header { margin-bottom: 0.5em !important; padding: 0 !important; } #sb_instagram .sb_instagram_header h3 { font-size: 1.2308em; line-height: 1.5em; } #sb_instagram .sb_instagram_header p { font-size: 1em; line-height: 1.5em; } #sb_instagram .sbi_follow_btn { position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #sb_instagram .sbi_follow_btn a { margin: 0; vertical-align: middle; background-color: transparent !important; } #sb_instagram .sbi_follow_btn a:hover, #sb_instagram .sbi_follow_btn a:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } #sb_instagram .sbi_follow_btn a svg { -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; height: 24px !important; width: 24px !important; margin: auto; padding: 16px 16px; color: var(--theme-color-extra_bg_color); background-color: var(--theme-color-extra_dark); display: block !important; } .page_content_wrap #sb_instagram .sbi_follow_btn a svg + span { color: var(--theme-color-extra_dark); text-shadow: 1px 1px 2px var(--theme-color-extra_bg_color); } #sb_instagram .sbi_photo { margin: 0 -1px; } /* 26.9 Instagram */ ul.instagram-pics { margin-right: -5px; } ul.instagram-pics li { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 33.3333%; height: 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 { position: absolute; z-index: 1; top: 1px; left: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 0.6em; height: 0.6em; line-height: 0.53em; border: 1px solid #eee; content: ''; display: block; font-family: "fontello"; font-size: 1.5em; text-align: center; } .wpgdprc-checkbox label input[type="checkbox"]:checked:before { content: '\e8ab'; } .ua_edge .wpgdprc-checkbox label, .ua_ie .wpgdprc-checkbox label { padding-left: 0; } .ua_edge .wpgdprc-checkbox input[type="checkbox"], .ua_ie .wpgdprc-checkbox input[type="checkbox"] { width: auto; } .ua_edge .wpgdprc-checkbox input[type="checkbox"]:before, .ua_ie .wpgdprc-checkbox input[type="checkbox"]:before { display: none; } /* 26.11 Navigation menu */ .footer_wrap .wp-widget-nav_menu ul, .footer_wrap .widget_nav_menu ul { margin-top: -0.5em; } .footer_wrap .wp-widget-nav_menu a + ul, .footer_wrap .widget_nav_menu a + ul { margin-top: 1.25em; } .footer_wrap .wp-widget-nav_menu ul li + li, .footer_wrap .widget_nav_menu ul li + li { margin-top: 1.25em; } .footer_wrap .wp-widget-nav_menu ul > li a, .footer_wrap .widget_nav_menu ul > li a { padding: 0; } .footer_wrap .wp-widget-nav_menu ul.menu, .footer_wrap .widget_nav_menu ul.menu { font-size: 1.142rem; } .footer_wrap .wp-widget-nav_menu ul.menu a, .footer_wrap .widget_nav_menu ul.menu a { color: var(--theme-color-alter_text); } .footer_wrap .wp-widget-nav_menu ul.menu a:hover, .footer_wrap .widget_nav_menu ul.menu a:hover { color: var(--theme-color-alter_link); } /* 26.12 Widget Text */ .widget_area .widget_text strong { font-size: 1.3571rem; color: var(--theme-color-text_dark); } /* 26.13 Search */ header .wp-widget-search .search-form { position: relative; } header .wp-widget-search .search-form:before { content: '\e9a3'; font-family: "fontello"; text-indent: 0; position: absolute; z-index: 1; top: 12px; left: 22px; color: var(--theme-color-text); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } header .wp-widget-search .search-form:hover:before { color: var(--theme-color-text_link); } header .wp-widget-search .search-field { font-size: 13px; line-height: normal; padding: 17px 49px; width: 100%; } header .wp-widget-search .search-submit { height: 100%; width: 49px; position: absolute; z-index: 1; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-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; -webkit-box-shadow: none; box-shadow: none; z-index: 2; } .page_content_wrap .wp-widget-search .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page_content_wrap .wp-widget-search .search-form > input[type=submit] { font-size: 14px !important; height: 57px; padding-left: 0 !important; padding-right: 0 !important; width: 120px; } .page_content_wrap .wp-widget-search .search-form > label { width: calc(100% - 130px); display: inline-block; } .page_content_wrap .wp-widget-search .search-form > label input[type=search] { width: 100%; } /* 26.14 Video List */ .sidebar.widget_area .trx_addons_video_list_video_wrap .trx_addons_video_player.with_cover .video_hover, footer .widget_area .columns_wrap .trx_addons_video_list_video_wrap .trx_addons_video_player.with_cover .video_hover { margin: 0 !important; -webkit-transform: none; -ms-transform: none; transform: none; width: 2rem !important; height: 2rem !important; line-height: 2rem !important; font-size: 0.8rem !important; } .sidebar.widget_area .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap .trx_addons_video_list_subtitle, footer .widget_area .columns_wrap .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap .trx_addons_video_list_subtitle { display: none; } .sidebar.widget_area .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap .trx_addons_video_list_title, footer .widget_area .columns_wrap .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap .trx_addons_video_list_title { font-size: 1.2rem; line-height: 1em; } .sidebar.widget_area .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap .trx_addons_video_list_meta, footer .widget_area .columns_wrap .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap .trx_addons_video_list_meta { display: none; } .sidebar.widget_area .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_video_wrap, .sidebar.widget_area .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_video_wrap, footer .widget_area .columns_wrap .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_video_wrap, footer .widget_area .columns_wrap .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_video_wrap { padding-right: 0; } .sidebar.widget_area .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_video_wrap .trx_addons_video_player.with_cover .video_hover, .sidebar.widget_area .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_video_wrap .trx_addons_video_player.with_cover .video_hover, footer .widget_area .columns_wrap .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_video_wrap .trx_addons_video_player.with_cover .video_hover, footer .widget_area .columns_wrap .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_video_wrap .trx_addons_video_player.with_cover .video_hover { top: 1rem !important; left: 1rem !important; } .sidebar.widget_area .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap, .sidebar.widget_area .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap, footer .widget_area .columns_wrap .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap, footer .widget_area .columns_wrap .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap { width: 100%; margin-top: 15px; overflow-y: visible !important; overflow-x: hidden !important; white-space: wrap !important; } .sidebar.widget_area .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item, .sidebar.widget_area .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item, footer .widget_area .columns_wrap .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item, footer .widget_area .columns_wrap .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item { padding: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% !important; background-color: inherit; } .sidebar.widget_area .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item + .trx_addons_video_list_controller_item, .sidebar.widget_area .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item + .trx_addons_video_list_controller_item, footer .widget_area .columns_wrap .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item + .trx_addons_video_list_controller_item, footer .widget_area .columns_wrap .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item + .trx_addons_video_list_controller_item { margin-top: 15px; margin-left: 0; } .sidebar.widget_area .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item .trx_addons_video_list_subtitle, .sidebar.widget_area .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item .trx_addons_video_list_subtitle, footer .widget_area .columns_wrap .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item .trx_addons_video_list_subtitle, footer .widget_area .columns_wrap .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item .trx_addons_video_list_subtitle { display: none; } .sidebar.widget_area .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item .trx_addons_video_list_image:before, .sidebar.widget_area .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item .trx_addons_video_list_image:before, footer .widget_area .columns_wrap .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item .trx_addons_video_list_image:before, footer .widget_area .columns_wrap .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item .trx_addons_video_list_image:before { width: 2rem; height: 2rem; line-height: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.6rem; -webkit-box-sizing: content-box; box-sizing: content-box; } .sidebar.widget_area .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_image, .sidebar.widget_area .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_image, footer .widget_area .columns_wrap .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_image, footer .widget_area .columns_wrap .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_image { width: 38.68% !important; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } .sidebar.widget_area .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_image + .trx_addons_video_list_info, .sidebar.widget_area .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_image + .trx_addons_video_list_info, footer .widget_area .columns_wrap .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_image + .trx_addons_video_list_info, footer .widget_area .columns_wrap .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_image + .trx_addons_video_list_info { min-width: 61.32% !important; padding-left: 5%; margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .sidebar.widget_area .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_title, .sidebar.widget_area .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_title, footer .widget_area .columns_wrap .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_title, footer .widget_area .columns_wrap .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_title { font-size: 1.1rem; line-height: 1em; } .sidebar.widget_area .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_title_wrap, .sidebar.widget_area .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_title_wrap, footer .widget_area .columns_wrap .trx_addons_video_list_type_alter.trx_addons_video_list_controller_right .trx_addons_video_list_title_wrap, footer .widget_area .columns_wrap .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_title_wrap { bottom: 1rem !important; left: 1rem !important; right: 1rem !important; } .sidebar.widget_area .trx_addons_video_list_type_alter .trx_addons_video_list_video_wrap .trx_addons_video_player + .trx_addons_video_list_title_wrap, .sidebar.widget_area .trx_addons_video_list_type_default.trx_addons_video_list_controller_right .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap, footer .widget_area .columns_wrap .trx_addons_video_list_type_alter .trx_addons_video_list_video_wrap .trx_addons_video_player + .trx_addons_video_list_title_wrap, footer .widget_area .columns_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; } .sidebar.widget_area .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_video_wrap, footer .widget_area .columns_wrap .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_video_wrap { padding-right: 0; } .sidebar.widget_area .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_video_wrap .trx_addons_video_player.with_cover .video_hover, footer .widget_area .columns_wrap .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_video_wrap .trx_addons_video_player.with_cover .video_hover { left: 10px; top: 10px; } .sidebar.widget_area .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap, footer .widget_area .columns_wrap .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap { padding: 0; left: 10px; bottom: 10px; } .sidebar.widget_area .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap, footer .widget_area .columns_wrap .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap { width: 100%; padding: 10px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .sidebar.widget_area .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item, footer .widget_area .columns_wrap .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item { width: calc(50% - 5px) !important; margin-top: 0; padding: 0; } .sidebar.widget_area .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item .trx_addons_video_list_info, footer .widget_area .columns_wrap .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item .trx_addons_video_list_info { bottom: 10px; padding: 0 10px; } .sidebar.widget_area .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item:after, footer .widget_area .columns_wrap .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item:after { left: 10px; top: 10px; display: block; width: 2rem; height: 2rem; padding-left: 0; line-height: 2rem; } .sidebar.widget_area .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_subtitle, footer .widget_area .columns_wrap .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_subtitle { display: none; } .sidebar.widget_area .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .trx_addons_video_list_title, footer .widget_area .columns_wrap .trx_addons_video_list_type_wide.trx_addons_video_list_controller_right .trx_addons_video_list_controller_wrap .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; } .sidebar.widget_area .trx_addons_video_list_type_news .trx_addons_video_player.without_cover, footer .widget_area .columns_wrap .trx_addons_video_list_type_news .trx_addons_video_player.without_cover { padding-bottom: 0; } .sidebar.widget_area .trx_addons_video_list_type_news .trx_addons_video_list_video_wrap .trx_addons_video_player.with_cover > img, footer .widget_area .columns_wrap .trx_addons_video_list_type_news .trx_addons_video_list_video_wrap .trx_addons_video_player.with_cover > img { height: auto; left: 0; margin: 0; width: 100% !important; } .sidebar.widget_area .trx_addons_video_list_type_news .trx_addons_video_list_video_wrap .trx_addons_video_player.with_cover .video_hover, footer .widget_area .columns_wrap .trx_addons_video_list_type_news .trx_addons_video_list_video_wrap .trx_addons_video_player.with_cover .video_hover { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sidebar.widget_area .trx_addons_video_list_type_news .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap, footer .widget_area .columns_wrap .trx_addons_video_list_type_news .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap { padding: 15px 0; } .sidebar.widget_area .trx_addons_video_list_type_news.trx_addons_video_list_controller_bottom, footer .widget_area .columns_wrap .trx_addons_video_list_type_news.trx_addons_video_list_controller_bottom { padding-bottom: 11rem; } .sidebar.widget_area .trx_addons_video_list_type_news.trx_addons_video_list_controller_bottom .trx_addons_video_list_controller_wrap, footer .widget_area .columns_wrap .trx_addons_video_list_type_news.trx_addons_video_list_controller_bottom .trx_addons_video_list_controller_wrap { min-height: auto; padding-top: 0; height: -webkit-max-content; height: -moz-max-content; height: max-content; } .sidebar.widget_area .trx_addons_video_list_type_news.trx_addons_video_list_controller_bottom .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item, footer .widget_area .columns_wrap .trx_addons_video_list_type_news.trx_addons_video_list_controller_bottom .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item { width: calc(50% - 5px); padding: 15px; overflow: hidden; -webkit-box-flex: 0; -ms-flex: none; flex: none; height: auto; } .sidebar.widget_area .trx_addons_video_list_type_news.trx_addons_video_list_controller_bottom .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item + .trx_addons_video_list_controller_item, footer .widget_area .columns_wrap .trx_addons_video_list_type_news.trx_addons_video_list_controller_bottom .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item + .trx_addons_video_list_controller_item { margin-left: 10px; } .sidebar.widget_area .trx_addons_video_list_type_news.trx_addons_video_list_controller_bottom .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item .trx_addons_video_list_title, footer .widget_area .columns_wrap .trx_addons_video_list_type_news.trx_addons_video_list_controller_bottom .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item .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; } .sidebar.widget_area .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, footer .widget_area .columns_wrap .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 { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sidebar.widget_area .trx_addons_video_list_type_classic.trx_addons_video_list_title_alter .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item, footer .widget_area .columns_wrap .trx_addons_video_list_type_classic.trx_addons_video_list_title_alter .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item { width: calc(50% - 5px); } .sidebar.widget_area .trx_addons_video_list_type_classic.trx_addons_video_list_title_alter .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item .trx_addons_video_list_image:before, footer .widget_area .columns_wrap .trx_addons_video_list_type_classic.trx_addons_video_list_title_alter .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item .trx_addons_video_list_image:before { width: 2rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 0.8rem; } .sidebar.widget_area .trx_addons_video_list_type_classic.trx_addons_video_list_title_alter .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item + .trx_addons_video_list_controller_item, footer .widget_area .columns_wrap .trx_addons_video_list_type_classic.trx_addons_video_list_title_alter .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item + .trx_addons_video_list_controller_item { margin-left: 10px; } .sidebar.widget_area .trx_addons_video_list_type_classic.trx_addons_video_list_title_alter .trx_addons_video_list_controller_wrap .trx_addons_video_list_title, footer .widget_area .columns_wrap .trx_addons_video_list_type_classic.trx_addons_video_list_title_alter .trx_addons_video_list_controller_wrap .trx_addons_video_list_title { font-size: 17px; line-height: 18px; } .sidebar.widget_area .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, footer .widget_area .columns_wrap .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: 15px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .sidebar.widget_area .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap, footer .widget_area .columns_wrap .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap { padding: 1.1rem 5%; position: absolute; top: auto; bottom: 15px; } .sidebar.widget_area .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_controller_wrap, footer .widget_area .columns_wrap .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_controller_wrap { margin-top: 15px; } .sidebar.widget_area .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_controller_wrap .trx_addons_video_list_image, footer .widget_area .columns_wrap .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_controller_wrap .trx_addons_video_list_image { width: auto; max-width: none; } .sidebar.widget_area .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item, .sidebar.widget_area .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item_active, footer .widget_area .columns_wrap .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item, footer .widget_area .columns_wrap .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item_active { background-color: inherit; } .sidebar.widget_area .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item, footer .widget_area .columns_wrap .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: calc(50% - 5px); -ms-flex-preferred-size: auto; flex-basis: auto; } .sidebar.widget_area .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item + .trx_addons_video_list_controller_item, footer .widget_area .columns_wrap .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item + .trx_addons_video_list_controller_item { margin-left: 10px; } .sidebar.widget_area .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item .trx_addons_video_list_image:before, footer .widget_area .columns_wrap .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item .trx_addons_video_list_image:before { width: 2rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 0.8rem; } .sidebar.widget_area .column-1_4 .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap, .sidebar.widget_area .column-1_5 .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap, .sidebar.widget_area .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, footer .widget_area .columns_wrap .column-1_4 .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap, footer .widget_area .columns_wrap .column-1_5 .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap, footer .widget_area .columns_wrap .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; } .sidebar.widget_area .trx_addons_video_list_type_classic .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap, 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 .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, footer .widget_area .columns_wrap .column-1_5 .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, footer .widget_area .columns_wrap .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%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } footer .widget_area .columns_wrap .column-1_4 .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap, footer .widget_area .columns_wrap .column-1_5 .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap, footer .widget_area .columns_wrap .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; } footer .widget_area .columns_wrap .column-1_5 .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item, footer .widget_area .columns_wrap .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%; } footer .widget_area .columns_wrap .column-1_5 .trx_addons_video_list_type_classic.trx_addons_video_list_title_default .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item .trx_addons_video_list_title, footer .widget_area .columns_wrap .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 .trx_addons_video_list_title { font-size: 17px; font-size: 18px; } /* 27. Footer -------------------------------------------------------------- */ .footer_wrap { position: relative; /* Nav menu */ /* Widget Title */ /* MailChimp */ /* Form 2 */ /* Form 3 */ /* Search */ /* Instagramm */ } .footer_wrap .wp-widget-nav_menu li, .footer_wrap .widget_nav_menu li { opacity: 0; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .footer_wrap .wp-widget-nav_menu li.kicker_animation_fade_in, .footer_wrap .widget_nav_menu li.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; } .footer_wrap .wp-widget-nav_menu li:nth-child(1), .footer_wrap .widget_nav_menu li:nth-child(1) { -webkit-animation-delay: 0.05s; animation-delay: 0.05s; } .footer_wrap .wp-widget-nav_menu li:nth-child(2), .footer_wrap .widget_nav_menu li:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .footer_wrap .wp-widget-nav_menu li:nth-child(3), .footer_wrap .widget_nav_menu li:nth-child(3) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; } .footer_wrap .wp-widget-nav_menu li:nth-child(4), .footer_wrap .widget_nav_menu li:nth-child(4) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .footer_wrap .wp-widget-nav_menu li:nth-child(5), .footer_wrap .widget_nav_menu li:nth-child(5) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .footer_wrap .wp-widget-nav_menu li:nth-child(6), .footer_wrap .widget_nav_menu li:nth-child(6) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .footer_wrap .wp-widget-nav_menu li:nth-child(7), .footer_wrap .widget_nav_menu li:nth-child(7) { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; } .footer_wrap .wp-widget-nav_menu li:nth-child(8), .footer_wrap .widget_nav_menu li:nth-child(8) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .footer_wrap .wp-widget-nav_menu li:nth-child(9), .footer_wrap .widget_nav_menu li:nth-child(9) { -webkit-animation-delay: 0.45s; animation-delay: 0.45s; } .footer_wrap .wp-widget-nav_menu li:nth-child(10), .footer_wrap .widget_nav_menu li:nth-child(10) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .footer_wrap .sc_layouts_menu_nav > li > a, .footer_wrap .menu_main_nav > li > a, .footer_wrap .sc_layouts_menu_nav > li > a { letter-spacing: 0.12em; } .footer_wrap .widget_recent_posts .sc_recent_posts_title_type_classic .widget_title, .footer_wrap .widget_recent_posts .sc_recent_posts_title_type_classic .widgettitle, .footer_wrap .widget_categories_list .widget_title, .footer_wrap .widget_categories_list .widgettitle, .footer_wrap .sc_widget_aboutme .widget_title, .footer_wrap .sc_widget_aboutme .widgettitle, .footer_wrap .wp-widget-search .widget_title, .footer_wrap .wp-widget-search .widgettitle { text-align: center; margin-bottom: 1.1em; text-transform: uppercase; font-size: 1.2857rem; } .footer_wrap .widget_recent_posts .sc_recent_posts_title_type_classic .widgettitle_icons_wrappe, .footer_wrap .widget_categories_list .widgettitle_icons_wrappe, .footer_wrap .sc_widget_aboutme .widgettitle_icons_wrappe, .footer_wrap .wp-widget-search .widgettitle_icons_wrappe { margin-top: 3px; } .footer_wrap .mailchimp-form-2 .EMAIL-label { position: relative; margin-bottom: 1.52em; } .footer_wrap .mailchimp-form-2 .EMAIL-label:after { content: ''; width: 0; height: 2px; position: absolute; z-index: 1; bottom: 0; left: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background-color: var(--theme-color-input_bd_color); } .footer_wrap .mailchimp-form-2 .EMAIL-label:hover:after { background-color: var(--theme-color-input_bd_hover); } .footer_wrap .mailchimp-form-2 .EMAIL-label.kicker_animation_width:after { -webkit-animation: 3s ease 1s animation_width forwards; animation: 3s ease 1s animation_width forwards; } .footer_wrap .mailchimp-form-2 input[type="email"] { margin-bottom: 0; border: 0 !important; } .footer_wrap .mailchimp-form-3.yikes-easy-mc-form .EMAIL-label { margin-bottom: 1.5em; } .footer_wrap .mailchimp-form-3.yikes-easy-mc-form .yikes-mailchimp-eu-compliance-text { font-size: 1rem; } .footer_wrap .wp-widget-search .search-form { position: relative; } .footer_wrap .wp-widget-search .search-form:before { content: '\e9a3'; font-family: "fontello"; text-indent: 0; position: absolute; z-index: 1; top: 12px; left: 22px; color: var(--theme-color-text); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } .footer_wrap .wp-widget-search .search-form:hover:before { color: var(--theme-color-text_link); } .footer_wrap .wp-widget-search .search-field { font-size: 13px; line-height: normal; padding: 17px 49px; width: 100%; } .footer_wrap .wp-widget-search .search-submit { height: 100%; width: 49px; position: absolute; z-index: 1; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-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; -webkit-box-shadow: none; box-shadow: none; z-index: 2; } .footer_wrap #sb_instagram #sbi_load { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; } .footer_wrap #sb_instagram .sbi_follow_btn a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; line-height: normal; text-transform: uppercase; font-weight: 700; letter-spacing: 0.07em; margin-top: 0; padding: 15.7px 28px; -webkit-border-radius: var(--theme-var-rad); -ms-border-radius: var(--theme-var-rad); border-radius: var(--theme-var-rad); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: var(--theme-color-extra_bg_color) !important; background-color: var(--theme-color-extra_link) !important; border-color: var(--theme-color-extra_link) !important; } .footer_wrap #sb_instagram .sbi_follow_btn a:hover { color: var(--theme-color-extra_dark) !important; background-color: var(--theme-color-extra_hover) !important; border-color: var(--theme-color-extra_hover) !important; } .footer_wrap #sb_instagram .sbi_follow_btn a svg { border-radius: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; color: inherit; background-color: inherit; } .footer_wrap #sb_instagram .sbi_follow_btn .fa, .footer_wrap #sb_instagram .sbi_follow_btn svg { height: 16px !important; font-size: 16px; padding: 0; } .footer_wrap #sb_instagram .sbi_follow_btn .fa + span, .footer_wrap #sb_instagram .sbi_follow_btn svg + span { margin-left: 8px; display: inline-block; } .footer_wrap #sb_instagram .sbi_follow_btn .fa + span:empty, .footer_wrap #sb_instagram .sbi_follow_btn svg + span:empty { display: none; } .footer_wrap .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); } @-webkit-keyframes animation_width { 0% { width: 0; } 100% { width: 100%; } } @-moz-keyframes animation_width { 0% { width: 0; } 100% { width: 100%; } } @-ms-keyframes animation_width { 0% { width: 0; } 100% { width: 100%; } } @-o-keyframes animation_width { 0% { width: 0; } 100% { width: 100%; } } @keyframes animation_width { 0% { width: 0; } 100% { width: 100%; } } /* 27.1 Footer widgets */ .footer_wrap p { margin: 0; font-size: 1.071428rem; } .footer_wrap .widget[class*="column-"] { margin: 1.5em 0; } .footer_wrap .vc_col-sm-4 .widget li { display: inline-block; margin-right: 3%; vertical-align: top; width: 45%; } .footer_wrap .vc_col-sm-4 .widget li li { display: block; margin-right: 0%; width: 100%; } .footer_wrap .footer_fullwidth { overflow: hidden; } .footer_wrap .widget_title, .footer_wrap .widgettitle { letter-spacing: 0; margin-bottom: 2em; text-align: left; text-transform: uppercase; } .footer_wrap .footer_fullwidth .widget_title, .footer_wrap .footer_fullwidth .widgettitle { margin-bottom: 1.5em; text-align: center; } /* 27.2 Footer logo */ .footer_logo_inner { border-color: var(--theme-color-alter_bd_color); overflow: hidden; padding: 4em 0; position: relative; text-align: center; } .footer_widgets_wrap + .footer_logo_wrap .footer_logo_inner { border-top-style: solid; border-top-width: 1px; } .footer_logo_inner:after { position: absolute; z-index: 1; bottom: 0; left: 50%; width: 1px; height: 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 { font-size: 3.3333em; line-height: 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; } .footer_wrap .sc_layouts_row_type_narrow .sc_layouts_menu > ul > li + li { margin-left: 0.8em; } .footer_wrap .sc_layouts_row_type_narrow .sc_layouts_menu_nav > li > a { letter-spacing: -0.01em; color: var(--theme-color-text_dark) !important; } .footer_wrap .sc_layouts_row_type_narrow .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; width: 0; height: 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: "fontello"; 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: "fontello"; } .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; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .menu_footer_nav_area > ul > li ul > li:hover > a, .footer_wrap .sc_layouts_menu > ul > li ul > li:hover > a { color: var(--theme-color-text_link) !important; } .menu_footer_nav_area ul li a { color: var(--theme-color-alter_dark); } .menu_footer_nav_area ul li a:hover { color: var(--theme-color-alter_link); } /* 27.6 Copyright area in the default footer */ .footer_widgets_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_logo_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_socials_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_menu_wrap + .footer_copyright_wrap .footer_copyright_inner { border-top-width: 1px; border-top-style: solid; } .footer_copyright_inner { background-color: var(--theme-color-bg_color); border-color: var(--theme-color-bd_color); color: var(--theme-color-text_dark); font-size: 0.9333em; overflow: hidden; padding: 2em 0; text-align: center; } .footer_copyright_wrap p { margin: 0; } .footer_copyright_inner a { color: var(--theme-color-text_dark); } .footer_copyright_inner a:hover { color: var(--theme-color-text_link); } .footer_copyright_inner .copyright_text { color: var(--theme-color-text); } /* 28. Utils -------------------------------------------------------------- */ /* 28.1 Common rules */ .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; width: 100%; height: 0; display: block; content: " "; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .affix { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: 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 { font-size: 0; line-height: 0; background-color: transparent; border: 0; color: transparent; text-shadow: none; } .vertical-centered { overflow: hidden; } .vertical-centered:before { width: 0; height: 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; position: absolute; z-index: 1; top: 50%; left: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: -20px 0 0 -20px; font-size: 40px; display: inherit; color: var(--theme-color-text_dark); -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; 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 { position: fixed; z-index: 1000000; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); color: #ffffff; display: block; width: 100%; } .admin-bar #debug_log { top: 32px; } #debug_log_close { position: absolute; z-index: 1; top: -6px; right: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; cursor: pointer; font-size: 18px; font-weight: bold; } #debug_log_content { font-size: 12px; line-height: 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 { position: absolute; z-index: 1; top: 3.3333em; right: 0; display: none; padding: 3em 2.5em 2em; width: 37.5em; } .popup_registration { right: -5.5em; } .popup_wrap .popup_close { position: absolute; z-index: 1; top: 0; right: 0; width: 1em; height: 1em; line-height: 1em; text-align: center; 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: "fontello"; line-height: 1em; margin: 0 !important; padding: 0 !important; } .popup_wrap .form_wrap { position: relative; overflow: hidden; } .popup_wrap .form_left { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #e0e0e0; float: left; padding-right: 2.5em; width: 54%; } .popup_wrap .form_right { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: 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 { position: absolute; z-index: 1; top: 10px; right: 8px; 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 { font-size: 1.5em; line-height: 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 */ @-webkit-keyframes animation_pulse { from { -webkit-transform: rotate(0deg) translateX(5px) rotate(0deg); transform: rotate(0deg) translateX(5px) rotate(0deg); } to { -webkit-transform: rotate(-360deg) translateX(5px) rotate(360deg); transform: rotate(-360deg) translateX(5px) rotate(360deg); } } @-moz-keyframes animation_pulse { from { transform: rotate(0deg) translateX(5px) rotate(0deg); } to { transform: rotate(-360deg) translateX(5px) rotate(360deg); } } @-ms-keyframes animation_pulse { from { -ms-transform: rotate(0deg) translateX(5px) rotate(0deg); transform: rotate(0deg) translateX(5px) rotate(0deg); } to { -ms-transform: rotate(-360deg) translateX(5px) rotate(360deg); transform: rotate(-360deg) translateX(5px) rotate(360deg); } } @-o-keyframes animation_pulse { from { transform: rotate(0deg) translateX(5px) rotate(0deg); } to { transform: rotate(-360deg) translateX(5px) rotate(360deg); } } @keyframes animation_pulse { from { -webkit-transform: rotate(0deg) translateX(5px) rotate(0deg); transform: rotate(0deg) translateX(5px) rotate(0deg); } to { -webkit-transform: rotate(-360deg) translateX(5px) rotate(360deg); transform: rotate(-360deg) translateX(5px) rotate(360deg); } } .plainAnimation img { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); -webkit-animation: animation_pulse 2s cubic-bezier(0.5, 0.5, 0.5, 0.5) 2s infinite; animation: animation_pulse 2s cubic-bezier(0.5, 0.5, 0.5, 0.5) 2s infinite; } /* 28.7 Mouse Icon Animation */ @-webkit-keyframes animation_mouse_wheel { from { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(10px); transform: translateY(10px); } } @-moz-keyframes animation_mouse_wheel { from { transform: translateY(0); } to { transform: translateY(10px); } } @-ms-keyframes animation_mouse_wheel { from { -ms-transform: translateY(0); transform: translateY(0); } to { -ms-transform: translateY(10px); transform: translateY(10px); } } @-o-keyframes animation_mouse_wheel { from { transform: translateY(0); } to { transform: translateY(10px); } } @keyframes animation_mouse_wheel { from { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(10px); transform: translateY(10px); } } .ta_mouse_wheel img { position: relative; -webkit-animation: animation_mouse_wheel 2s infinite alternate; animation: animation_mouse_wheel 2s infinite alternate; } .ta_mouse_wheel.over_position img, .ta_mouse_wheel.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; } .mfp-wrap.fadeIn { -webkit-animation-name: none; animation-name: none; } .mfp-wrap ~ .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 .sc_layouts_popup, .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 input[type="checkbox"], .gdpr-terms-container > span input[type="checkbox"] { left: 0; clip: auto; visibility: hidden; position: absolute !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #gdpr_woo_consent_field label input[type="checkbox"]:before, .gdpr-terms-container > span input[type="checkbox"]:before { visibility: visible; cursor: pointer; } /* 29.4 RevSlider */ .slider_wrap .rev_slider_wrapper { z-index: 0; } .theme_scroll_down { font-size: 11px !important; line-height: 15px !important; cursor: pointer; display: inline-block; letter-spacing: 2px; text-align: center; text-transform: uppercase; } .theme_scroll_down:after { font-size: 16px !important; line-height: 30px !important; content: '\e938'; display: block; font-family: "fontello"; text-align: center; } .theme_scroll_down:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } /* 29.5 Contact Form 7 */ .wpcf7 label { font-size: 1.2857rem; font-weight: 700; color: var(--theme-color-text_dark); display: inline-block; margin-bottom: 0.85em; } .wpcf7 p { margin: 0 0 1.5em; } .wpcf7 p:last-of-type { margin: 0; } .wpcf7 .wpcf7-form > br, .wpcf7 .wpcf7-form > p > br { display: none; } .wpcf7 .wpcf7-form-control-wrap { display: block; } .wpcf7 .wpcf7-form-control-wrap:not(:last-child) { margin-bottom: 1.45em; } .wpcf7 .wpcf7-form-control { display: inline-block; } .wpcf7 .wpcf7-form-control:not(.wpcf7-submit) { width: 100%; } .wpcf7 .wpcf7-list-item { margin: 0; } .wpcf7 .wpcf7-checkbox .wpcf7-list-item, .wpcf7 .wpcf7-radio .wpcf7-list-item { display: block; } .wpcf7 .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 { /* Inner elements */ } .adp-popup .adp-popup-close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: -webkit-transform 0.3s ease; -ms-transition: -ms-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; width: 1.8rem; height: 1.8rem; line-height: 1.8rem; text-align: center; right: 16px; top: 23px; } .adp-popup .adp-popup-close:before, .adp-popup .adp-popup-close:after { content: ''; top: auto; } .adp-popup .adp-popup-wrap { overflow: visible; } .adp-popup .adp-popup-container { background-color: var(--theme-color-bg_color); -webkit-box-shadow: 0 3px 66px var(--theme-color-text_dark_01); box-shadow: 0 3px 66px var(--theme-color-text_dark_01); } .adp-popup .adp-popup-content { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3.1rem 3.285rem; } .adp-popup .wp-block-image { margin-top: 2.1em !important; margin-bottom: 0 !important; } /* Popup with overlay */ .adp-popup[data-open-manual-selector="#our_newsletter"] { /* Close */ /* Inner elements */ } .adp-popup[data-open-manual-selector="#our_newsletter"] .adp-popup-close { display: none; } .adp-popup[data-open-manual-selector="#our_newsletter"] h4 { margin-top: 0.8em; margin-bottom: 0.3em; } /* Slide out popup (bottom right) */ .adp-popup[data-open-manual-selector="#our_newsletter_slide_out"] { /* Inner elements */ } .adp-popup[data-open-manual-selector="#our_newsletter_slide_out"] .adp-popup-content { padding: 1.5rem 2.6rem 3.4rem; } .adp-popup[data-open-manual-selector="#our_newsletter_slide_out"] .wp-block-image .aligncenter { margin-bottom: 0.85em !important; } .adp-popup[data-open-manual-selector="#our_newsletter_slide_out"] h4 { margin-top: 0.6em; margin-bottom: 0; } .adp-popup[data-open-manual-selector="#our_newsletter_slide_out"] 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"], .yikes-mailchimp-container .yikes-easy-mc-form input[type="number"], .yikes-mailchimp-container .yikes-easy-mc-form input[type="text"], .yikes-mailchimp-container .yikes-easy-mc-form input[type="url"], .yikes-mailchimp-container .yikes-easy-mc-form select { padding: 17px 30px; border-width: 1px; border-style: solid; -webkit-border-radius: var(--theme-var-rad); -ms-border-radius: var(--theme-var-rad); border-radius: var(--theme-var-rad); color: var(--theme-color-input_text); border-color: var(--theme-color-input_bd_color); background-color: var(--theme-color-input_bg_color); } .yikes-mailchimp-container .yikes-easy-mc-form input[type="email"]:focus, .yikes-mailchimp-container .yikes-easy-mc-form input[type="email"]:hover, .yikes-mailchimp-container .yikes-easy-mc-form input[type="number"]:focus, .yikes-mailchimp-container .yikes-easy-mc-form input[type="number"]:hover, .yikes-mailchimp-container .yikes-easy-mc-form input[type="text"]:focus, .yikes-mailchimp-container .yikes-easy-mc-form input[type="text"]:hover, .yikes-mailchimp-container .yikes-easy-mc-form input[type="url"]:focus, .yikes-mailchimp-container .yikes-easy-mc-form input[type="url"]:hover, .yikes-mailchimp-container .yikes-easy-mc-form select:focus, .yikes-mailchimp-container .yikes-easy-mc-form select:hover { color: var(--theme-color-input_dark); border-color: var(--theme-color-input_bd_hover); background-color: var(--theme-color-input_bg_hover); } .yikes-mailchimp-container .yikes-easy-mc-form input[type=email]:focus, .yikes-mailchimp-container .yikes-easy-mc-form input[type=number]:focus, .yikes-mailchimp-container .yikes-easy-mc-form input[type=text]:focus, .yikes-mailchimp-container .yikes-easy-mc-form input[type=url]:focus, .yikes-mailchimp-container .yikes-easy-mc-form select:focus { outline: none; } .yikes-mailchimp-container .yikes-easy-mc-form .EMAIL-label { font-size: 1.2857rem; font-weight: 700; color: var(--theme-color-text_dark); display: inline-block; margin-bottom: 0.85em; } .yikes-mailchimp-container .yikes-easy-mc-form .yikes-easy-mc-submit-button:not(.sc_button_simple) { min-height: initial; padding: 14px 0 14px 0; width: 100%; } .yikes-mailchimp-container .yikes-easy-mc-form .yikes-mailchimp-eu-compliance-label { margin-bottom: 0; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-1 .EMAIL-label { margin-bottom: 3px; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-1 input[type=email] { margin-bottom: 0; padding: 14px 30px; text-align: center; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-1 .yikes-mailchimp-eu-compliance-label { margin-top: 2.3em; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-1 input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text { font-size: 13px; letter-spacing: -0.01em; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-2 { position: relative; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-2 input[type="email"] { -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-size: 15px; margin-bottom: 0; border-width: 0 0 2px; padding: 14px 10em 17px 0; background-color: transparent; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-2 input[type="email"]:hover, .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-2 input[type="email"]:focus { background-color: transparent; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-2 .yikes-easy-mc-submit-button.sc_button_simple { position: absolute; z-index: 1; top: -1px; right: 0; margin: 0; min-height: auto; padding: 0; width: auto; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-2 input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text { color: var(--theme-color-input_light); } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-3, .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-5 { margin: auto; width: 39rem; max-width: 80vw; position: relative; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-3 input[type="email"], .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-5 input[type="email"] { border-color: var(--theme-color-input_bg_color); margin-bottom: 8px; padding-right: 13em; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-3 input[type="email"]:hover, .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-3 input[type="email"]:focus, .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-5 input[type="email"]:hover, .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-5 input[type="email"]:focus { border-color: var(--theme-color-input_bd_hover); } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-3 .yikes-easy-mc-submit-button.sc_button_simple, .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-5 .yikes-easy-mc-submit-button.sc_button_simple { position: absolute; z-index: 1; top: 3px; right: 1.9em; margin: 0; min-height: auto; overflow: visible; padding: 0 0 0 1.25em; width: auto; font-size: 14px; letter-spacing: 0.06em; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-3 .yikes-easy-mc-submit-button.sc_button_simple:before, .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-5 .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-mailchimp-container .yikes-easy-mc-form.mailchimp-form-3 .yikes-easy-mc-submit-button.sc_button_simple.sc_button_icon_left .sc_button_icon, .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-5 .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-container .yikes-easy-mc-form.mailchimp-form-3 .yikes-mailchimp-eu-compliance-label, .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-5 .yikes-mailchimp-eu-compliance-label { text-align: center; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-3 input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text, .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-5 input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text { color: var(--theme-color-input_light); } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-4 { position: relative; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-4 input[type="email"] { -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; 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); } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-4 input[type="email"]:hover, .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-4 input[type="email"]:focus { background-color: transparent; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-4 .yikes-easy-mc-submit-button.sc_button_simple { position: absolute; z-index: 1; top: 21px; right: 0; margin: 0; min-height: auto; padding: 0; width: auto; font-size: 18px; text-transform: none; letter-spacing: 0; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-4 .yikes-easy-mc-submit-button.sc_button_simple .sc_button_icon { font-size: 25px; width: 24px; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-4 input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text { color: var(--theme-color-input_light); } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-5 input[type="email"] { border-color: var(--theme-color-input_bd_color); } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-5 input[type="email"]:hover, .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-5 input[type="email"]:focus { border-color: var(--theme-color-input_bd_hover); } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-6 .EMAIL-label { margin-bottom: 3px; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-6 input[type=email] { margin-bottom: 0; padding: 14px 30px; text-align: center; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-6 .yikes-mailchimp-eu-compliance-label { margin-top: 3.1em; } .yikes-mailchimp-container .yikes-easy-mc-form.mailchimp-form-6 input[type="checkbox"] + .yikes-mailchimp-eu-compliance-text { font-size: 13px; letter-spacing: -0.01em; } .yikes-mailchimp-container .yikes-easy-mc-form .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, footer .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-easy-mc-success-message, .yikes-mailchimp-container-3 .yikes-easy-mc-success-message, .yikes-mailchimp-container-5 .yikes-easy-mc-success-message, .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: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mo-openid-app-icons > p { display: none; } .mo-openid-app-icons .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; } .mo-openid-app-icons .sc_button i { font-size: 1.2em; line-height: inherit; font-weight: 400; position: relative; top: auto; right: auto; bottom: auto; left: auto; border: none; display: inline-block; margin-right: 0.5em; padding: 0; vertical-align: middle; width: auto; } .mo-openid-app-icons [onclick*="google"].sc_button { background-color: #e93314; border-color: #e93314; -webkit-box-shadow: 0 5px 12px rgba(59, 89, 152, 0.2) !important; box-shadow: 0 5px 12px rgba(59, 89, 152, 0.2) !important; } .mo-openid-app-icons [onclick*="twitter"].sc_button { background-color: #55ACEE; border-color: #55ACEE; -webkit-box-shadow: 0 5px 12px rgba(85, 172, 238, 0.2) !important; 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-consent-container.cky-box-bottom-left .cky-notice, .cky-consent-container.cky-banner-bottom .cky-notice { text-align: center; } .cky-consent-container.cky-box-bottom-left .cky-notice-group, .cky-consent-container.cky-banner-bottom .cky-notice-group { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cky-consent-container.cky-box-bottom-left .cky-notice-group .cky-notice-des, .cky-consent-container.cky-banner-bottom .cky-notice-group .cky-notice-des { display: -webkit-box; display: -ms-flexbox; display: flex; } .cky-consent-container.cky-box-bottom-left .cky-notice-btn-wrapper, .cky-consent-container.cky-banner-bottom .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 { font-size: 1rem; line-height: 1.9em; font-weight: 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: "fontello"; 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 { font-size: 11px; line-height: 17px; font-weight: 600; -webkit-border-radius: var(--theme-var-rad); -ms-border-radius: var(--theme-var-rad); border-radius: var(--theme-var-rad); padding: 10px 34px; letter-spacing: 0.12em; max-width: -webkit-max-content !important; max-width: -moz-max-content !important; max-width: max-content !important; } .theme-kicker .cky-btn { margin: 5px 5px 5px 0; } .theme-kicker .cky-btn:last-of-type { margin-right: 0; } .theme-kicker .cky-btn:hover, .cli-plugin-button:hover { color: var(--theme-color-inverse_hover) !important; border-color: var(--theme-color-text_hover) !important; background-color: var(--theme-color-text_hover) !important; -webkit-box-shadow: 0 5px 12px var(--theme-color-text_hover_01) !important; box-shadow: 0 5px 12px var(--theme-color-text_hover_01) !important; opacity: 1; } #cookie-law-info-again { -webkit-box-shadow: #12141821 2px 2px 5px 2px; box-shadow: #12141821 2px 2px 5px 2px; } .theme-kicker button.cky-show-desc-btn:not(:hover):not(:active) { color: var(--theme-color-text_link); } .theme-kicker button.cky-show-desc-btn:hover, .theme-kicker button.cky-show-desc-btn:active, .theme-kicker button.cky-show-desc-btn:focus { color: var(--theme-color-text_hover); } /* 29.11 Backstage Customizer */ div.backstage-customizer-access-wrapper { top: 50%; left: 0; right: auto; bottom: auto; -webkit-transform: rotate(90deg) translateX(-75%); -ms-transform: rotate(90deg) translateX(-75%); transform: rotate(90deg) translateX(-75%); -webkit-transform-origin: 0 100% 0; -ms-transform-origin: 0 100% 0; transform-origin: 0 100% 0; } div.backstage-customizer-access-wrapper .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); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } div.backstage-customizer-access-wrapper .backstage-customizer-access-button:hover { color: var(--theme-color-inverse_hover); border-color: var(--theme-color-text_hover); background-color: var(--theme-color-text_hover); } div.backstage-customizer-access-wrapper .backstage-customizer-access-button a { padding: 0; font-weight: inherit !important; float: none; color: var(--theme-color-inverse_hover); } div.backstage-customizer-access-wrapper .backstage-customizer-access-button a: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 { font-size: 14px; line-height: 1.4em; font-weight: 400; letter-spacing: 0; text-transform: none; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; -webkit-border-radius: 0; -ms-border-radius: 0; 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; -webkit-transform: none; -ms-transform: 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-extra_hover) !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-extra_dark) !important; } .yikes-easy-mc-error-message, p.yikes-easy-mc-success-message { margin-bottom: 17px !important; } span.wpcf7-not-valid-tip, .wpcf7-response-output.trx_addons_message_box.trx_addons_message_box_success { margin-top: 17px !important; padding: 0 !important; color: var(--theme-color-extra_hover) !important; background-color: transparent !important; } .wpcf7-checkbox + span.wpcf7-not-valid-tip { margin-top: 2px !important; } form .error_field, .wpcf7-not-valid { -webkit-box-shadow: none !important; 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, body.scheme_dark .trx_addons_popup, body.scheme_dark .sc_layouts_popup, body.scheme_dark .sc_layouts_menu_popup .sc_layouts_menu_nav, body.scheme_dark .sc_layouts_menu_popup .sc_layouts_menu_nav > li > ul, body.scheme_dark .sc_layouts_menu_nav > li > ul ul:not(.sc_item_filters_tabs), body.scheme_dark .sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs), body.scheme_dark.single-format-audio .post_featured.with_thumb .post_audio, body.scheme_dark .previous_post_content .post_format_audio .post_featured.with_thumb .post_audio, body.scheme_dark .search_style_fullscreen.search_opened .search_form_wrap, body.scheme_dark .sc_layouts_cart_widget, body.scheme_dark .nav-links-single.nav-links-fixed .nav-links .nav-previous, body.scheme_dark .nav-links-single.nav-links-fixed .nav-links .nav-next { background-color: var(--theme-color-extra_bg_hover); } body.scheme_dark .post_layout_excerpt > .post_header .post_categories a { background-color: var(--theme-color-extra_dark); color: var(--theme-color-extra_bg_color) !important; } body.scheme_dark .post_layout_excerpt > .post_header .post_categories a:hover { background-color: var(--theme-color-extra_hover); color: var(--theme-color-extra_link) !important; } body.scheme_dark .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); } body.scheme_dark .sc_layouts_menu_nav > li.submenu_with_blogger_left_filters > ul:not(.sc_item_filters_tabs) { background: -webkit-gradient(linear, left top, right top, from(var(--theme-color-extra_bd_color)), color-stop(19%, var(--theme-color-extra_bd_color)), color-stop(19%, var(--theme-color-extra_bg_hover)), to(var(--theme-color-extra_bg_hover))); background: -webkit-linear-gradient(left, 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%); background: -o-linear-gradient(left, 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%); 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; position: fixed; z-index: 999; top: auto; right: 2em; bottom: 1.2em; left: auto; width: 2.889em !important; height: 2.889em !important; line-height: 2.889em !important; text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } #color_scheme_switcher:before { color: var(--theme-color-inverse_link); background: var(--theme-color-text_link); cursor: pointer; font-size: 23px; width: inherit; height: inherit; line-height: inherit; text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } #color_scheme_switcher:before:hover { background: var(--theme-color-text_hover); } #color_scheme_switcher li { margin: 0; opacity: 0; background: var(--theme-color-bg_color); border: 1px solid var(--theme-color-bd_color); -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; position: absolute; z-index: -1; top: 0; right: 0; bottom: auto; left: auto; width: 2.889em; height: 2.889em; line-height: calc(2.889em - 4px); -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } #color_scheme_switcher li:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #color_scheme_switcher li span { font-size: 12px; } #color_scheme_switcher.opened li:nth-child(1) { right: calc(1 * (2.889em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(2) { right: calc(2 * (2.889em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(3) { right: calc(3 * (2.889em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(4) { right: calc(4 * (2.889em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(5) { right: calc(5 * (2.889em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(6) { right: calc(6 * (2.889em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(7) { right: calc(7 * (2.889em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(8) { right: calc(8 * (2.889em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(9) { right: calc(9 * (2.889em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(10) { right: calc(10 * (2.889em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(11) { right: calc(11 * (2.889em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(12) { right: calc(12 * (2.889em + 15px)); opacity: 1; } body.scheme_dark .logo_image.invert, body.scheme_dark .sc_layouts_logo.invert img { -webkit-filter: invert(1); filter: invert(1); } body.scheme_dark [class*="scheme_"] .logo_image.invert, body.scheme_dark [class*="scheme_"] .sc_layouts_logo.invert img { -webkit-filter: none; filter: none; }