/* TABLE OF CONTENTS 1. Theme-specific variables and classes 2. Default tag's settings 3. Form fields settings 4. WP styles and Screen readers 5. Theme grid 6. Page layouts 7. Section's decorations 7.1 Header: Logo and Menu 7.2 Sliders 7.3 Post info (page/post title, category or tag name, author, meta, etc.) 7.4 Post Formats 7.5 Paginations 8. Single page parts 8.1 Post header 8.2 Post footer 8.3 Post author 8.4 Related posts 8.5 Comments 8.6 Page 404 8.7 Page 'No search results' and 'No archive results' 8.8 Author's page 9. Sidebars 10. Footer areas 11. Utils 12. Registration and Login popups 13. Third part plugins -------------------------------------------------------------- */ /* 1. Theme-specific variables and classes -------------------------------------------------------------- */ :root { --theme-var-koef_narrow: 0.75; --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) ) ); --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) ) ); } .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) ) ); } .accent1 { color: var(--theme-color-text_link); } .accent2 { color: var(--theme-color-text_link2); } .accent3 { color: var(--theme-color-text_link3); } .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); } .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); } /* 2. Default tag's settings -------------------------------------------------------------- */ html { font-size: 17px; } html[style*="overflow: hidden"] { overflow: hidden !important; width: auto; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 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); } /* // old way body.body_style_fullscreen.ua_safari:not(.sc_stack_section_present):not(.elementor-editor-active) .content_wrap_fullscreen, body.body_style_fullscreen.ua_ios:not(.sc_stack_section_present):not(.elementor-editor-active) .content_wrap_fullscreen { overflow: hidden; // Used to prevent the horizontal scroll bar appears on IOS. // But this rule broke sticky effect for sections - they are jumping down when any rows become fixed } */ body.body_style_fullscreen .content_wrap_fullscreen { overflow: clip; } article, aside, details, footer, header, hgroup, nav, section { display: block; } /* Lists */ li > p + p { margin-top: 0.5em; } ol, ul { padding-left: 1.5em; } li > ol, li > ul, li > dl, dl > dl { margin-bottom: 0 !important; } li > p { margin-bottom: 0; } ul[class*="wp-block-"] { margin-bottom: 0; } ul.wp-block-archives-list, ul.wp-block-categories-list { padding-left: 1.5em; } ul > li:before { color: var(--theme-color-text_link); } /* Links */ a { text-decoration: none; background: transparent; color: var(--theme-color-text_link); } a:hover { color: var(--theme-color-text_hover); } .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); } 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: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 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); } /* Tables */ table { border-collapse: collapse; } .sc_table table th, table th { padding: 0.8em; } .sc_table table td, table td { padding: 1em 0.8em; } table th + th, table th + td, table td + th, table td + td { border-left: none; } table > p { margin: 0 !important; } .sc_table table tr:first-child th, .sc_table table tr:first-child td { font-weight: 700; } table th { font-size: 19px; font-weight: 700; font-style: normal; letter-spacing: -0.2px; text-transform: none; text-align: center; } caption { font-weight: 700; text-align: center; } table td, table th + td, table td + td { color: var(--theme-color-text); } table td { font-size: 16px; } table th { color: var(--theme-color-extra_dark); background-color: var(--theme-color-extra_bg_color); } table th b, table th strong { color: var(--theme-color-extra_dark); } table > tbody > tr:nth-child(2n+1) > td { background-color: var(--theme-color-bg_color); } table > tbody > tr:nth-child(2n) > td { background-color: var(--theme-color-alter_bg_color); } table th a:hover { color: var(--theme-color-extra_dark); } /* Blockquotes*/ blockquote { position: relative; overflow: hidden; border: none; } blockquote:not(.has-text-align-right):not(.has-text-align-center) { text-align: left; } blockquote, blockquote[class*="wp-block-quote"][class*="is-"], .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-quote.is-large:not(.is-style-plain), .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-freeform.block-library-rich-text__tinymce blockquote { padding: 2.75em 2.9em; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } blockquote[class*="wp-block-quote"][class*="is-style-large"], blockquote[class*="wp-block-quote"][class*="is-large"] { margin: 0 0 2em 0; } .wp-block-pullquote.is-style-solid-color > blockquote, .wp-block-column blockquote { margin: 0 !important; max-width: none !important; } .blog_mode_post blockquote, .blog_mode_page blockquote { margin: 1.8em 0; } .blog_mode_post .comments_list blockquote, .blog_mode_page .comments_list blockquote { margin: 1.5em 0; } blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } blockquote p { margin: 0; font-size: 18px; line-height: 30px; font-weight: 400; } .wp-block-pullquote.is-style-solid-color blockquote p { line-height: 1.5; } blockquote.has-text-align-right > .wp-block-quote__citation, blockquote.has-text-align-right > cite, blockquote.has-text-align-center > .wp-block-quote__citation, blockquote.has-text-align-center > cite { display: inline-block; } .wp-block-quote.is-style-large > cite { padding-left: 0; } .wp-block-quote.is-style-large > cite:before { display: none; } blockquote > cite, blockquote > p > cite, blockquote > .wp-block-pullquote__citation, .wp-block-quote .wp-block-quote__citation { display: block; font-size: 19px; line-height: 28px; font-weight: 700; font-style: normal; letter-spacing: -0.2px; margin-bottom: 3px; margin-top: 1.65em; padding-left: 60px; position: relative; text-transform: none; } blockquote > cite:before, blockquote > p > cite:before, blockquote > .wp-block-pullquote__citation:before, .wp-block-quote .wp-block-quote__citation:before { background-color: currentColor; content: ""; display: block; height: 2px; left: 0; position: absolute; top: 50%; width: 40px; } 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; } .wp-block-pullquote[class*="align"] blockquote { margin-left: 0; margin-right: 0; } section > blockquote:not(.has-background):not(.is-style-plain), div:not(.has-background) > blockquote:not(.has-background):not(.is-style-plain), figure:not(.has-background) > blockquote:not(.has-background):not(.is-style-plain) { background-color: var(--theme-color-alter_bg_color); } .wp-block-quote .wp-block-quote__citation { color: var(--theme-color-alter_dark) !important; } section > blockquote:not(.has-text-color):not(.is-style-plain), section > blockquote:not(.has-text-color):not(.is-style-plain) p, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain), div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) p, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain), figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) p { color: var(--theme-color-alter_dark) !important; } section > blockquote:not(.has-text-color):not(.is-style-plain) a, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) a, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) a { color: var(--theme-color-text_link); } section > blockquote:not(.has-text-color):not(.is-style-plain) a:hover, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) a:hover, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) a:hover { color: var(--theme-color-text_hover); } section > blockquote:not(.has-text-color):not(.is-style-plain) dt, section > blockquote:not(.has-text-color):not(.is-style-plain) b, section > blockquote:not(.has-text-color):not(.is-style-plain) strong, section > blockquote:not(.has-text-color):not(.is-style-plain) i, section > blockquote:not(.has-text-color):not(.is-style-plain) em, section > blockquote:not(.has-text-color):not(.is-style-plain) mark, section > blockquote:not(.has-text-color):not(.is-style-plain) ins, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) dt, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) b, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) strong, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) i, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) em, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) mark, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) ins, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) dt, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) b, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) strong, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) i, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) em, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) mark, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) ins { color: var(--theme-color-alter_dark); } section > blockquote:not(.has-text-color):not(.is-style-plain) s, section > blockquote:not(.has-text-color):not(.is-style-plain) strike, section > blockquote:not(.has-text-color):not(.is-style-plain) del, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) s, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) strike, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) del, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) s, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) strike, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) del { color: var(--theme-color-alter_light); } section > blockquote:not(.has-text-color):not(.is-style-plain) code, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) code, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain) code { color: var(--theme-color-text_dark); background-color: var(--theme-color-bg_color); border-color: var(--theme-color-bd_color); } section > blockquote:not(.has-text-color):not(.is-style-plain):not([class*="trx_addons_"]) > cite:before, section > blockquote:not(.has-text-color):not(.is-style-plain):not([class*="trx_addons_"]) > p > cite:before, section > blockquote:not(.has-text-color):not(.is-style-plain):not([class*="trx_addons_"]) > .wp-block-pullquote__citation:before, section > blockquote:not(.has-text-color):not(.is-style-plain):not([class*="trx_addons_"]) .wp-block-quote__citation:before, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain):not([class*="trx_addons_"]) > cite:before, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain):not([class*="trx_addons_"]) > p > cite:before, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain):not([class*="trx_addons_"]) > .wp-block-pullquote__citation:before, div:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain):not([class*="trx_addons_"]) .wp-block-quote__citation:before, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain):not([class*="trx_addons_"]) > cite:before, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain):not([class*="trx_addons_"]) > p > cite:before, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain):not([class*="trx_addons_"]) > .wp-block-pullquote__citation:before, figure:not(.has-text-color) > blockquote:not(.has-text-color):not(.is-style-plain):not([class*="trx_addons_"]) .wp-block-quote__citation:before { background-color: var(--theme-color-alter_link); } [class*="type-cpt_"] [class*="_page_content"] blockquote { margin-left: 0; margin-right: 0; } /* drop-cap */ .has-drop-cap:not(:focus):first-letter { font-weight: 700; background-color: transparent; color: var(--theme-color-text_dark); font-size: 57px; height: 55px; line-height: 55px; margin: 10px 10px 0 0; text-align: left; min-width: 60px; } /* Other tags */ dd { margin-left: 1.5em; } dt, b, strong { font-weight: bold; } dfn, em, i { font-style: italic; } pre, code, kbd, tt, var, samp { font-family: "Courier New", Courier, monospace; font-size: 1em; letter-spacing: 0; } pre { overflow: auto; max-width: 100%; } code { overflow: auto; max-width: 100%; padding: 0 1em; display: inline-block; vertical-align: middle; word-wrap: break-word; color: var(--theme-color-alter_text); background-color: var(--theme-color-alter_bg_color); border: 1px solid var(--theme-color-alter_bd_color); } pre > code { display: block; vertical-align: top; padding: 1em; } code a { color: var(--theme-color-alter_link); } code a:hover { color: var(--theme-color-alter_hover); } abbr, acronym { cursor: help; } mark, ins { background-color: transparent; text-decoration: none; } mark { color: var(--theme-color-text_dark); } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 80%; } big { font-size: 120%; } [hidden], template { display: none; } hr { -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; height: 0; border: none; border-top: 1px solid var(--theme-color-bd_color); margin-top: 6.7857em !important; margin-bottom: 6.7857em !important; } .wp-block-separator:not([class*="is-style"]) { width: 15%; } /* Fontello icons */ [class^="icon-"]:before, [class*=" icon-"]:before { font-size: inherit; line-height: inherit !important; font-weight: inherit; font-style: inherit; display: inline-block; width: auto; margin: 0; } /* 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"] { background-color: var(--theme-color-alter_bg_color); border-color: var(--theme-color-alter_bd_color); color: var(--theme-color-alter_dark); -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); } .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); } /* Images */ img { max-width: 100%; height: auto; /* Only height: auto; not both! */ vertical-align: top; } /* Fix for WordPress 5.9+ */ /*.wp-block-gallery.has-nested-images,*/ figure.wp-block-gallery { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .wp-block-gallery { margin-top: 0; margin-bottom: 1.2em; } .wp-block-gallery .blocks-gallery-grid { margin-top: 0; margin-bottom: 0 !important; } .widget .wp-block-gallery .blocks-gallery-grid { font-size: inherit; padding-left: 0; } .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } figure, .wp-caption, .wp-caption-overlay .wp-caption { border: 0; margin: 0; padding: 0; overflow: hidden; position: relative; max-width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: 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-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption, .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd, .wp-caption-overlay .wp-caption .wp-caption-text, .wp-caption-overlay .wp-caption .wp-caption-dd { font-size: 16px; line-height: 20px; font-weight: 400; font-style: normal; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: none; bottom: auto; color: var(--theme-color-text); display: block; left: auto; margin: 0; max-height: 6em; overflow-x: hidden; overflow-y: auto; padding: 14px 0 5px !important; position: relative; right: auto; text-align: left; top: auto; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; scrollbar-width: thin; scrollbar-color: var(--theme-color-alter_bd_color) var(--theme-color-alter_bg_color); } figure figcaption::-webkit-scrollbar, .wp-block-image figcaption::-webkit-scrollbar, .wp-block-audio figcaption::-webkit-scrollbar, .wp-block-video figcaption::-webkit-scrollbar, .wp-block-embed figcaption::-webkit-scrollbar, .wp-block-gallery .blocks-gallery-image figcaption::-webkit-scrollbar, .wp-block-gallery .blocks-gallery-item figcaption::-webkit-scrollbar, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption::-webkit-scrollbar, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption::-webkit-scrollbar, .wp-caption .wp-caption-text::-webkit-scrollbar, .wp-caption .wp-caption-dd::-webkit-scrollbar, .wp-caption-overlay .wp-caption .wp-caption-text::-webkit-scrollbar, .wp-caption-overlay .wp-caption .wp-caption-dd::-webkit-scrollbar { width: 6px; } figure figcaption::-webkit-scrollbar-track, .wp-block-image figcaption::-webkit-scrollbar-track, .wp-block-audio figcaption::-webkit-scrollbar-track, .wp-block-video figcaption::-webkit-scrollbar-track, .wp-block-embed figcaption::-webkit-scrollbar-track, .wp-block-gallery .blocks-gallery-image figcaption::-webkit-scrollbar-track, .wp-block-gallery .blocks-gallery-item figcaption::-webkit-scrollbar-track, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption::-webkit-scrollbar-track, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption::-webkit-scrollbar-track, .wp-caption .wp-caption-text::-webkit-scrollbar-track, .wp-caption .wp-caption-dd::-webkit-scrollbar-track, .wp-caption-overlay .wp-caption .wp-caption-text::-webkit-scrollbar-track, .wp-caption-overlay .wp-caption .wp-caption-dd::-webkit-scrollbar-track { background: var(--theme-color-alter_bg_color); } figure figcaption::-webkit-scrollbar-thumb, .wp-block-image figcaption::-webkit-scrollbar-thumb, .wp-block-audio figcaption::-webkit-scrollbar-thumb, .wp-block-video figcaption::-webkit-scrollbar-thumb, .wp-block-embed figcaption::-webkit-scrollbar-thumb, .wp-block-gallery .blocks-gallery-image figcaption::-webkit-scrollbar-thumb, .wp-block-gallery .blocks-gallery-item figcaption::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption::-webkit-scrollbar-thumb, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption::-webkit-scrollbar-thumb, .wp-caption .wp-caption-text::-webkit-scrollbar-thumb, .wp-caption .wp-caption-dd::-webkit-scrollbar-thumb, .wp-caption-overlay .wp-caption .wp-caption-text::-webkit-scrollbar-thumb, .wp-caption-overlay .wp-caption .wp-caption-dd::-webkit-scrollbar-thumb { background-color: var(--theme-color-alter_bd_hover); border: 1px solid var(--theme-color-alter_bg_color); -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; } figure figcaption a, .wp-block-image figcaption a, .wp-block-audio figcaption a, .wp-block-video figcaption a, .wp-block-embed figcaption a, .wp-block-gallery .blocks-gallery-image figcaption a, .wp-block-gallery .blocks-gallery-item figcaption a, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption a, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption a, .wp-caption .wp-caption-text a, .wp-caption .wp-caption-dd a, .wp-caption-overlay .wp-caption .wp-caption-text a, .wp-caption-overlay .wp-caption .wp-caption-dd a { color: var(--theme-color-text_dark); } figure figcaption a:hover, .wp-block-image figcaption a:hover, .wp-block-audio figcaption a:hover, .wp-block-video figcaption a:hover, .wp-block-embed figcaption a:hover, .wp-block-gallery .blocks-gallery-image figcaption a:hover, .wp-block-gallery .blocks-gallery-item figcaption a:hover, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a:hover, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption a:hover, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption a:hover, .wp-caption .wp-caption-text a:hover, .wp-caption .wp-caption-dd a:hover, .wp-caption-overlay .wp-caption .wp-caption-text a:hover, .wp-caption-overlay .wp-caption .wp-caption-dd a:hover { color: var(--theme-color-text_hover); } .blocks-gallery-grid figcaption, .wp-block-gallery figcaption { flex-grow: 0; } .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; color: var(--theme-color-text_dark) !important; } .wp-block-freeform.block-library-rich-text__tinymce dd.wp-caption-dd a { display: inline; } svg:not(:root) { overflow: hidden; } /* Gallery */ .gallery { margin: 0 -5px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery-item { overflow: hidden; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; } figure.gallery-item { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .gallery-columns-9 .gallery-item { width: 11.1111111111% !important; } .gallery-columns-8 .gallery-item { width: 12.5% !important; } .gallery-columns-7 .gallery-item { width: 14.2857142857% !important; } .gallery-columns-6 .gallery-item { width: 16.6666666667% !important; } .gallery-columns-5 .gallery-item { width: 20% !important; } .gallery-columns-4 .gallery-item { width: 25% !important; } .gallery-columns-3 .gallery-item { width: 33.3333333333% !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 { border: none; display: block; width: 100%; } .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; } /* Audio and Video */ audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } video { width: 100%; height: auto; } 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; } /* 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%; } /* WordPress Playlist */ .wp-playlist-light { background: none; color: var(--theme-color-alter_dark); } .wp-playlist-light .wp-playlist-current-item { background: var(--theme-color-alter_bg_color); } .wp-playlist-light .wp-playlist-caption { color: var(--theme-color-text_dark); } .wp-playlist-light .wp-playlist-playing { background: none; color: var(--theme-color-alter_link); } .wp-playlist-light .wp-playlist-playing * { color: var(--theme-color-alter_link) !important; } .wp-playlist-item { border-color: var(--theme-color-bd_color); } .wp-playlist .wp-playlist-current-item img { background-color: #fff; } .wp-playlist .mejs-container .mejs-controls { background: var(--theme-color-alter_bg_color); } /* 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; } /* 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; } /* Calendar */ .wp-block-calendar table th { color: var(--theme-color-alter_dark); background-color: var(--theme-color-alter_bg_color); } /* Custom font size in blocks */ .has-large-font-size, .has-huge-font-size { line-height: 1.4em; } /* Core columns */ .wp-block-columns { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 0; } .wp-block-column:nth-child(odd) { margin-right: 0; } .wp-block-column:nth-child(even) { margin-left: 0; } .wp-block-column:not(:first-child) { margin-left: calc( var(--theme-var-grid_gap) / 2 ); } .wp-block-column:not(:last-child) { margin-right: calc( var(--theme-var-grid_gap) / 2 ); } /* 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.has-background .wp-block-group__inner-container > :last-child { margin-bottom: 0; } /* Alignment */ .alignleft { display: inline-block; vertical-align: top; float: left; margin-right: 1.7em !important; margin-bottom: 1em !important; margin-top: 0.5em !important; } .alignright { display: inline-block; vertical-align: top; float: right; margin-left: 1.7em !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; } figure.alignleft, figure.alignright { margin-top: 0.5em !important; } .wp-block-gallery[class*="align"] { display: -webkit-flex; display: -ms-flexbox; display: flex; } .has-left-content { text-align: left; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .has-center-content { text-align: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .has-right-content { text-align: right; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } /* Align left and right inside narrow content without sidebars */ .sidebar_hide.narrow_content .alignleft.is-style-alignfar, .sidebar_hide.narrow_content .is-style-alignfar > .alignleft, .sidebar_hide.narrow_content .alignright.is-style-alignfar, .sidebar_hide.narrow_content .is-style-alignfar > .alignright { max-width: calc( ( var(--theme-var-page) - var(--theme-var-content_narrow) ) / 2 - var(--theme-var-grid_gap) ); } .sidebar_hide.narrow_content .alignleft.is-style-alignfar, .sidebar_hide.narrow_content .is-style-alignfar > .alignleft { float: left; margin: 1em 1em 1em calc( ( var(--theme-var-page) - var(--theme-var-content_narrow) ) / -2 ); } .sidebar_hide.narrow_content .alignright.is-style-alignfar, .sidebar_hide.narrow_content .is-style-alignfar > .alignright { float: right; margin: 1em calc( ( var(--theme-var-page) - var(--theme-var-content_narrow) ) / -2 ) 1em 2em; } .sidebar_hide.narrow_content .wp-block-image > .alignleft.is-style-alignfar, .sidebar_hide.narrow_content .wp-block-image.is-style-alignfar > .alignleft, .sidebar_hide.narrow_content .wp-block-image > .alignright.is-style-alignfar, .sidebar_hide.narrow_content .wp-block-image.is-style-alignfar > .alignright { max-width: none !important; } /* Align left and right inside normal content without sidebars */ .sidebar_hide.normal_content .alignleft.is-style-alignfar, .sidebar_hide.normal_content .is-style-alignfar > .alignleft { float: left; margin: 1em 1em 1em calc( ( var(--theme-var-page) - var(--theme-var-content) ) / -2 ); } .sidebar_hide.normal_content .post_info_vertical_present .alignleft.is-style-alignfar, .sidebar_hide.normal_content .post_info_vertical_present .is-style-alignfar > .alignleft { margin-left: calc( -1 * ( 17.647% + ( var(--theme-var-page) - var(--theme-var-content) ) / 2 ) ); } .sidebar_hide.normal_content .alignright.is-style-alignfar, .sidebar_hide.normal_content .is-style-alignfar > .alignright { float: right; margin: 1em calc( ( var(--theme-var-page) - var(--theme-var-content) ) / -2 ) 1em 2em; } .sidebar_hide.normal_content .wp-block-image > .alignleft.is-style-alignfar, .sidebar_hide.normal_content .wp-block-image.is-style-alignfar > .alignleft, .sidebar_hide.normal_content .wp-block-image > .alignright.is-style-alignfar, .sidebar_hide.normal_content .wp-block-image.is-style-alignfar > .alignright { max-width: none !important; } /* Wide and Full blocks */ .alignfull > img, .alignwide > img { max-width: none; width: 100%; } body.sidebar_hide .alignwide { position: relative; z-index: 1; left: calc( -88vw / 2 + 100% / 2 ); width: 88vw; max-width: none; } body.sidebar_hide.narrow_content .alignwide, body.sidebar_hide.normal_content .alignwide { left: calc( var(--theme-var-page) / -2 + 50% ); width: var(--theme-var-page); } .sidebar_hide.normal_content .post_info_vertical_present .alignwide { left: calc( var(--theme-var-page) / -2 + 50% - 8.8235% ); } .sidebar_hide.expand_content .post_info_vertical_present .alignwide { left: calc( -88vw / 2 + 100% / 2 - 8.8235% ); } body.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 ); } .sidebar_hide:not(.narrow_content) .post_info_vertical_present .alignfull { margin-left: calc( -100vw / 2 + 100% / 2 + 8px - 8.8235% ); } /* 3. Form fields settings -------------------------------------------------------------- */ /* Common rules */ form { margin-bottom: 0; } button, input, optgroup, select, textarea, textarea.wp-editor-area { font-family: inherit; font-size: 1em; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } button:not(.components-button) { overflow: visible; } /* Buttons */ form button:not(.components-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_form button, .sc_portfolio_preview_show .post_readmore { -webkit-appearance: none; cursor: pointer; display: inline-flex; align-items: center; 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: 0; -ms-border-radius: 0; border-radius: 0; text-transform: var(--theme-font-button_text-transform); letter-spacing: var(--theme-font-button_letter-spacing); white-space: nowrap; height: auto; max-width: 100%; color: var(--theme-color-inverse_link); border-color: var(--theme-color-text_link); background-color: var(--theme-color-text_link); padding: 17px 62px; border-width: 0 !important; } form button:not(.components-button).sc_button_shadow, input[type="button"].sc_button_shadow, input[type="reset"].sc_button_shadow, input[type="submit"].sc_button_shadow, .theme_button.sc_button_shadow, .post_item .more-link.sc_button_shadow, .wp-block-button__link.sc_button_shadow, .sc_button:not(.sc_button_simple).sc_button_shadow, .sc_form button.sc_button_shadow, .sc_portfolio_preview_show .post_readmore.sc_button_shadow { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_link_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_link_02); box-shadow: 0 7px 25px var(--theme-color-text_link_02); } form button:not(.components-button).sc_button_shadow.color_style_dark, input[type="button"].sc_button_shadow.color_style_dark, input[type="reset"].sc_button_shadow.color_style_dark, input[type="submit"].sc_button_shadow.color_style_dark, .theme_button.sc_button_shadow.color_style_dark, .post_item .more-link.sc_button_shadow.color_style_dark, .wp-block-button__link.sc_button_shadow.color_style_dark, .sc_button:not(.sc_button_simple).sc_button_shadow.color_style_dark, .sc_form button.sc_button_shadow.color_style_dark, .sc_portfolio_preview_show .post_readmore.sc_button_shadow.color_style_dark { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_dark_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_dark_02); box-shadow: 0 7px 25px var(--theme-color-text_dark_02); } form button:not(.components-button).sc_button_shadow.color_style_link2, input[type="button"].sc_button_shadow.color_style_link2, input[type="reset"].sc_button_shadow.color_style_link2, input[type="submit"].sc_button_shadow.color_style_link2, .theme_button.sc_button_shadow.color_style_link2, .post_item .more-link.sc_button_shadow.color_style_link2, .wp-block-button__link.sc_button_shadow.color_style_link2, .sc_button:not(.sc_button_simple).sc_button_shadow.color_style_link2, .sc_form button.sc_button_shadow.color_style_link2, .sc_portfolio_preview_show .post_readmore.sc_button_shadow.color_style_link2 { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_link2_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_link2_02); box-shadow: 0 7px 25px var(--theme-color-text_link2_02); } form button:not(.components-button).sc_button_shadow.color_style_link3, input[type="button"].sc_button_shadow.color_style_link3, input[type="reset"].sc_button_shadow.color_style_link3, input[type="submit"].sc_button_shadow.color_style_link3, .theme_button.sc_button_shadow.color_style_link3, .post_item .more-link.sc_button_shadow.color_style_link3, .wp-block-button__link.sc_button_shadow.color_style_link3, .sc_button:not(.sc_button_simple).sc_button_shadow.color_style_link3, .sc_form button.sc_button_shadow.color_style_link3, .sc_portfolio_preview_show .post_readmore.sc_button_shadow.color_style_link3 { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_link3_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_link3_02); box-shadow: 0 7px 25px var(--theme-color-text_link3_02); } .wp-block-button__link { white-space: normal; } .sidebar_small_screen_above .sidebar_control { color: var(--theme-color-inverse_link); border-color: var(--theme-color-text_link); background-color: var(--theme-color-text_link); padding: 17px 62px; align-items: center; vertical-align: top; font-size: 16px; line-height: 21px; font-weight: 700; position: relative; border-width: 0 !important; text-align: center; } .sidebar_small_screen_above .sidebar_control:after { content: '\e828'; font-family: "fontello"; display: inline-block; width: 2em; height: 2em; line-height: 2em; text-align: center; -webkit-transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease; -ms-transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease; position: absolute; z-index: 1; top: 0.7em; right: 1em; } .sidebar_small_screen_above .sidebar.opened .sidebar_control:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sidebar_small_screen_above .sidebar_control { color: var(--theme-color-inverse_link) !important; background-color: var(--theme-color-text_link) !important; } .sidebar_small_screen_above .sidebar_control:focus, .sidebar_small_screen_above .sidebar_control:hover { color: var(--theme-color-inverse_link) !important; background-color: var(--theme-color-text_hover) !important; } /* Square Buttons */ .wp-block-button.is-style-squared .wp-block-button__link { -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } /* Buttons Shadow */ .wpcf7 .wpcf7-submit { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } /* Buttons */ .sc_button_wrap { margin-bottom: -10px; } .sc_button_wrap .sc_button { margin-bottom: 10px; } /* Buttons hover */ form button:not(.components-button):hover, form button:not(.components-button):focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus, .post_item .more-link:hover, .comments_wrap .form-submit input[type="submit"]:hover, .comments_wrap .form-submit input[type="submit"]:focus, .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus, .sc_button_default:hover, .sc_button_default:focus, .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover, .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus, .socials_share.socials_type_block .social_icon:hover, .socials_share.socials_type_block .social_icon:focus { color: var(--theme-color-inverse_link); border-color: var(--theme-color-text_hover); background-color: var(--theme-color-text_hover); } /* icon */ .sc_button_icon { font-size: 0.9em; line-height: 1em; } .sc_button_decoration .sc_button_icon { font-size: 1em; } .sc_button_icon_left .sc_button_icon { margin-right: 0.55em; } .sc_button_icon_right .sc_button_icon { float: none; margin-left: 0.55em; order: 2; } .sc_button_icon_left .sc_button_icon, .sc_button_icon_right .sc_button_icon { position: relative; top: 0; } .sc_button_icon_top { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .sc_button + .sc_button { margin-left: 0; } .sc_button { margin-right: 2.3em; } .sc_button:last-child { margin-right: 0; } /* Style hover */ .sc_button_hover { position: relative; } .sc_button_hover .sc_button_icon, .sc_button_hover .sc_button_text { -webkit-transition: -webkit-transform 0.3s ease-out; -ms-transition: -ms-transform 0.3s ease-out; transition: transform 0.3s ease-out; will-change: transform; } .sc_button_hover:hover .sc_button_icon, .sc_button_hover:hover .sc_button_text { -webkit-transform: translateX(-1.65rem); -ms-transform: translateX(-1.65rem); transform: translateX(-1.65rem); } .sc_button_hover:before { content: '\e9a4'; font-family: "fontello"; font-size: 10px; font-weight: 400; margin: 0; position: absolute; z-index: 1; right: 0 !important; left: auto !important; top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 0.3s ease-out, right 0.3s ease-out; -ms-transition: opacity 0.3s ease-out, right 0.3s ease-out; transition: opacity 0.3s ease-out, right 0.3s ease-out; background-color: transparent !important; color: inherit !important; opacity: 0; will-change: right,opacity; } .sc_button_hover:hover:before, .sc_button_hover.active:before { right: 3.2em !important; opacity: 1; } /* style hover small */ .sc_button_hover.sc_button_size_small:hover .sc_button_icon, .sc_button_hover.sc_button_size_small:hover .sc_button_text { -webkit-transform: translateX(-1.1rem); -ms-transform: translateX(-1.1rem); transform: translateX(-1.1rem); } .sc_button_hover.sc_button_size_small:hover:before, .sc_button_hover.sc_button_size_small.active:before { right: 2.5em !important; } /* 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 { color: var(--theme-color-inverse_link) !important; border-color: var(--theme-color-inverse_link) !important; background-color: var(--theme-color-text_light) !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; opacity: 1 !important; } /* Small button */ .sc_button.sc_button_size_small:not(.sc_button_simple), .theme_button.theme_button_small { padding: 13px 40px; } .sc_button.sc_button_bordered.sc_button_size_small { padding: 11px 38px; } /* Large button */ .sc_button.sc_button_size_large:not(.sc_button_simple) { font-size: 14px; padding: 19px 66px; } .sc_button_bordered.sc_button.sc_button_size_large { padding: 17px 64px; } /* Color Styles */ /* shadow */ .color_style_link2 .sc_button.sc_button_shadow:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_link2_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_link2_02); box-shadow: 0 7px 25px var(--theme-color-text_link2_02); } .color_style_link3 .sc_button.sc_button_shadow:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_link3_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_link3_02); box-shadow: 0 7px 25px var(--theme-color-text_link3_02); } .color_style_dark .sc_button.sc_button_shadow:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_dark_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_dark_02); box-shadow: 0 7px 25px var(--theme-color-text_dark_02); } .sc_button_default.color_style_link2, .color_style_link2 .sc_button_default, .sc_button.color_style_link2:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image), .color_style_link2 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) { border-color: var(--theme-color-text_link2); background-color: var(--theme-color-text_link2); } .sc_button_default.color_style_link2:hover, .sc_button_default.color_style_link2:focus, .color_style_link2 .sc_button_default:hover, .color_style_link2 .sc_button_default:focus, .sc_button.color_style_link2:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover, .sc_button.color_style_link2:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus, .color_style_link2 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover, .color_style_link2 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus { border-color: var(--theme-color-text_hover2); background-color: var(--theme-color-text_hover2); } .sc_button_default.color_style_link3, .color_style_link3 .sc_button_default, .sc_button.color_style_link3:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image), .color_style_link3 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) { border-color: var(--theme-color-text_link3); background-color: var(--theme-color-text_link3); } .sc_button_default.color_style_link3:hover, .sc_button_default.color_style_link3:focus, .color_style_link3 .sc_button_default:hover, .color_style_link3 .sc_button_default:focus, .sc_button.color_style_link3:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover, .sc_button.color_style_link3:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus, .color_style_link3 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover, .color_style_link3 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus { border-color: var(--theme-color-text_hover3); background-color: var(--theme-color-text_hover3); } .sc_button_default.color_style_dark, .color_style_dark .sc_button_default, .sc_button.color_style_dark:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image), .color_style_dark .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); } .sc_button_default.color_style_dark:hover, .sc_button_default.color_style_dark:focus, .color_style_dark .sc_button_default:hover, .color_style_dark .sc_button_default:focus, .sc_button.color_style_dark:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover, .sc_button.color_style_dark:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus, .color_style_dark .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover, .color_style_dark .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus { color: var(--theme-color-inverse_hover); border-color: var(--theme-color-text_dark_blend); background-color: var(--theme-color-text_dark_blend); } .search_wrap .search_submit:before { color: var(--theme-color-input_text); content: '\e9b6'; font-family: "fontello"; padding: 1px; } .search_wrap .search_submit:hover:before, .search_wrap .search_submit:focus:before { color: var(--theme-color-input_dark); } /* Decoration button */ .sc_button.sc_button_decoration { position: relative; padding-left: 37px; padding-right: 35px; } .sc_button.sc_button_decoration.sc_button_icon_top:not(.sc_button_with_icon):not(.sc_button_with_image) { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .sc_button.sc_button_decoration.sc_button_size_small { padding-left: 33px; padding-right: 30px; } .sc_button.sc_button_decoration:not(.sc_button_with_icon):not(.sc_button_with_image):after { position: relative; top: 0; content: '\e9a4'; font-family: "fontello"; font-size: 10px; font-weight: 400; margin-left: 50px; } .sc_button.sc_button_decoration.sc_button_size_small:not(.sc_button_with_icon):not(.sc_button_with_image):after { margin-left: 24px; } .sc_button.sc_button_decoration:hover { color: var(--theme-color-inverse_hover) !important; border-color: var(--theme-color-text_dark) !important; background-color: var(--theme-color-text_dark) !important; } .sc_button.sc_button_decoration.sc_button_shadow:hover { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_dark_02) !important; -ms-box-shadow: 0 7px 25px var(--theme-color-text_dark_02) !important; box-shadow: 0 7px 25px var(--theme-color-text_dark_02) !important; } .sc_button.sc_button_decoration.color_style_dark:hover { color: var(--theme-color-bg_color) !important; border-color: var(--theme-color-text_dark_blend) !important; background-color: var(--theme-color-text_dark_blend) !important; } /* Bordered button */ .sc_button.sc_button_bordered, .wp-block-button.is-style-outline > .wp-block-button__link { -webkit-appearance: none; cursor: pointer; display: inline-flex; align-items: center; 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: 0; -ms-border-radius: 0; border-radius: 0; text-transform: var(--theme-font-button_text-transform); letter-spacing: var(--theme-font-button_letter-spacing); white-space: nowrap; height: auto; max-width: 100%; background: none !important; border-width: 2px !important; border-style: solid; padding: 15px 60px; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .sc_button.sc_button_bordered.sc_button_shadow, .wp-block-button.is-style-outline > .wp-block-button__link.sc_button_shadow { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_link_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_link_02); box-shadow: 0 7px 25px var(--theme-color-text_link_02); } .sc_button.sc_button_bordered.sc_button_shadow.color_style_dark, .wp-block-button.is-style-outline > .wp-block-button__link.sc_button_shadow.color_style_dark { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_dark_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_dark_02); box-shadow: 0 7px 25px var(--theme-color-text_dark_02); } .sc_button.sc_button_bordered.sc_button_shadow.color_style_link2, .wp-block-button.is-style-outline > .wp-block-button__link.sc_button_shadow.color_style_link2 { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_link2_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_link2_02); box-shadow: 0 7px 25px var(--theme-color-text_link2_02); } .sc_button.sc_button_bordered.sc_button_shadow.color_style_link3, .wp-block-button.is-style-outline > .wp-block-button__link.sc_button_shadow.color_style_link3 { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_link3_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_link3_02); box-shadow: 0 7px 25px var(--theme-color-text_link3_02); } .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: 13px 48px; } .sc_button_bordered:not(.sc_button_bg_image), .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color) { color: var(--theme-color-text_link); border-color: var(--theme-color-text_link); } .sc_button_bordered:not(.sc_button_bg_image):hover, .sc_button_bordered:not(.sc_button_bg_image):focus, .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus { color: var(--theme-color-inverse_link) !important; border-color: var(--theme-color-text_hover) !important; background-color: var(--theme-color-text_hover) !important; } .sc_button_bordered.color_style_link2:not(.sc_button_bg_image), .color_style_link2 .sc_button_bordered:not(.sc_button_bg_image) { color: var(--theme-color-text_link2); border-color: var(--theme-color-text_link2); } .sc_button_bordered.color_style_link2:not(.sc_button_bg_image):hover, .sc_button_bordered.color_style_link2:not(.sc_button_bg_image):focus, .color_style_link2 .sc_button_bordered:not(.sc_button_bg_image):hover, .color_style_link2 .sc_button_bordered:not(.sc_button_bg_image):focus { color: var(--theme-color-inverse_link) !important; border-color: var(--theme-color-text_link2) !important; background-color: var(--theme-color-text_link2) !important; } .sc_button_bordered.color_style_link3:not(.sc_button_bg_image), .color_style_link3 .sc_button_bordered:not(.sc_button_bg_image) { color: var(--theme-color-text_link3); border-color: var(--theme-color-text_link3); } .sc_button_bordered.color_style_link3:not(.sc_button_bg_image):hover, .sc_button_bordered.color_style_link3:not(.sc_button_bg_image):focus, .color_style_link3 .sc_button_bordered:not(.sc_button_bg_image):hover, .color_style_link3 .sc_button_bordered:not(.sc_button_bg_image):focus { color: var(--theme-color-inverse_link) !important; border-color: var(--theme-color-text_link3) !important; background-color: var(--theme-color-text_link3) !important; } .sc_button_bordered.color_style_dark:not(.sc_button_bg_image), .color_style_dark .sc_button_bordered:not(.sc_button_bg_image) { color: var(--theme-color-text_dark); border-color: var(--theme-color-text_dark); } .sc_button_bordered.color_style_dark:not(.sc_button_bg_image):hover, .sc_button_bordered.color_style_dark:not(.sc_button_bg_image):focus, .color_style_dark .sc_button_bordered:not(.sc_button_bg_image):hover, .color_style_dark .sc_button_bordered:not(.sc_button_bg_image):focus { color: var(--theme-color-inverse_hover) !important; border-color: var(--theme-color-text_dark) !important; background-color: var(--theme-color-text_dark) !important; } /* Button Slide */ .sc_button.sc_button_slide { --theme-var-button_slide_color: var(--theme-color-text_link); --theme-var-button_slide_color_hover_text: var(--theme-color-inverse_link); background: none !important; position: relative; z-index: 1; overflow: hidden; color: var(--theme-var-button_slide_color) !important; } .sc_button.sc_button_slide.color_style_link2 { --theme-var-button_slide_color: var(--theme-color-text_link2); } .sc_button.sc_button_slide.color_style_link3 { --theme-var-button_slide_color: var(--theme-color-text_link3); } .sc_button.sc_button_slide.color_style_dark { --theme-var-button_slide_color: var(--theme-color-text_dark); --theme-var-button_slide_color_hover_text: var(--theme-color-inverse_hover); } .sc_button.sc_button_slide > span { position: relative; z-index: 2; color: currentColor; } .sc_button.sc_button_slide:before { content: ""; -webkit-border-radius: inherit; -ms-border-radius: inherit; border-radius: inherit; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; -webkit-box-shadow: inset 0 0 0 2px var(--theme-var-button_slide_color); -ms-box-shadow: inset 0 0 0 2px var(--theme-var-button_slide_color); box-shadow: inset 0 0 0 2px var(--theme-var-button_slide_color); } .sc_button.sc_button_slide:after { content: ""; position: absolute; z-index: 1; display: block; width: 100%; height: 120%; top: -10%; left: 0; background-color: currentColor; transform: translateX(-100%); } .sc_button.sc_button_slide.hovered:after, .sc_button.sc_button_slide:hover:after { animation: button-slide-animation 1.2s cubic-bezier(0.34, 0.43, 0.13, 0.96) forwards; } .sc_button.sc_button_slide.hovered > span, .sc_button.sc_button_slide:hover > span { animation: button-slide-text-animation 1.2s forwards; } @keyframes button-slide-text-animation { 0%, 100%, 75% { color: currentColor; } 30%, 50% { color: var(--theme-var-button_slide_color_hover_text); } } @keyframes button-slide-animation { 0% { transform: translateX(-101%); } 50% { transform: translateX(0); } 100% { transform: translateX(101%); } } /* Button Flow */ .sc_button.sc_button_flow { position: relative; z-index: 1; overflow: hidden; --theme-var-button_flow_color_text_hover: var(--theme-color-inverse_link); --theme-var-button_flow_color: var(--theme-color-text_dark); --theme-var-button_flow_color_hover: var(--theme-color-text_link); color: var(--theme-color-inverse_hover) !important; background-color: var(--theme-var-button_flow_color_hover) !important; } .sc_button.sc_button_flow.color_style_link2 { --theme-var-button_flow_color_hover: var(--theme-color-text_link2); } .sc_button.sc_button_flow.color_style_link3 { --theme-var-button_flow_color_hover: var(--theme-color-text_link3); } .sc_button.sc_button_flow.color_style_dark { --theme-var-button_flow_color_hover: var(--theme-color-text_dark_blend); --theme-var-button_flow_color_text_hover: var(--theme-color-inverse_hover); } .sc_button.sc_button_flow > span { position: relative; z-index: 2; } .sc_button.sc_button_flow:before { content: ""; -webkit-border-radius: inherit; -ms-border-radius: inherit; border-radius: inherit; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; -webkit-box-shadow: inset 0 100px 0 0 var(--theme-var-button_flow_color) !important; -ms-box-shadow: inset 0 100px 0 0 var(--theme-var-button_flow_color) !important; box-shadow: inset 0 100px 0 0 var(--theme-var-button_flow_color) !important; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .sc_button.sc_button_flow:hover, .sc_button.sc_button_flow:focus, .sc_button.sc_button_flow:active { color: var(--theme-var-button_flow_color_text_hover) !important; } .sc_button.sc_button_flow:hover:before, .sc_button.sc_button_flow:focus:before, .sc_button.sc_button_flow:active:before { -webkit-box-shadow: inset 0 100px 0 -100px var(--theme-var-button_flow_color) !important; -ms-box-shadow: inset 0 100px 0 -100px var(--theme-var-button_flow_color) !important; box-shadow: inset 0 100px 0 -100px var(--theme-var-button_flow_color) !important; } .sc_button.sc_button_flow.sc_button_shadow { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_dark_02) !important; -ms-box-shadow: 0 7px 25px var(--theme-color-text_dark_02) !important; box-shadow: 0 7px 25px var(--theme-color-text_dark_02) !important; } /* Button Veil */ .sc_button.sc_button_veil { --theme-var-button_veil_color: var(--theme-color-text_link); --theme-var-button_veil_color_hover_text: var(--theme-color-inverse_link); background: none !important; position: relative; z-index: 1; overflow: hidden; color: var(--theme-var-button_veil_color) !important; } .sc_button.sc_button_veil.color_style_link2 { --theme-var-button_veil_color: var(--theme-color-text_link2); } .sc_button.sc_button_veil.color_style_link3 { --theme-var-button_veil_color: var(--theme-color-text_link3); } .sc_button.sc_button_veil.color_style_dark { --theme-var-button_veil_color: var(--theme-color-text_dark); --theme-var-button_veil_color_hover_text: var(--theme-color-inverse_hover); } .sc_button.sc_button_veil > span { position: relative; z-index: 2; } .sc_button.sc_button_veil:before { content: ""; -webkit-border-radius: inherit; -ms-border-radius: inherit; border-radius: inherit; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; -webkit-box-shadow: inset 0 0 0 2px var(--theme-var-button_veil_color); -ms-box-shadow: inset 0 0 0 2px var(--theme-var-button_veil_color); box-shadow: inset 0 0 0 2px var(--theme-var-button_veil_color); } .sc_button.sc_button_veil:after { content: ""; position: absolute; z-index: 1; display: block; width: 600px; height: 800px; bottom: 100%; left: 50%; background-color: var(--theme-var-button_veil_color); -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; transform: translateX(-50%); -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sc_button.sc_button_veil:hover, .sc_button.sc_button_veil:focus, .sc_button.sc_button_veil:active { color: var(--theme-var-button_veil_color_hover_text) !important; } .sc_button.sc_button_veil:hover:after, .sc_button.sc_button_veil:focus:after, .sc_button.sc_button_veil:active:after { bottom: -100%; } /* Button Curtain */ .sc_button.sc_button_curtain { position: relative; z-index: 1; overflow: hidden; --theme-var-button_curtain_color: var(--theme-color-text_link); --theme-var-button_curtain_color_text: var(--theme-color-inverse_link); color: var(--theme-var-button_curtain_color_text) !important; background-color: var(--theme-color-alter_bg_color) !important; } .sc_button.sc_button_curtain.color_style_link2 { --theme-var-button_curtain_color: var(--theme-color-text_link2); } .sc_button.sc_button_curtain.color_style_link3 { --theme-var-button_curtain_color: var(--theme-color-text_link3); } .sc_button.sc_button_curtain.color_style_dark { --theme-var-button_curtain_color: var(--theme-color-text_dark); --theme-var-button_curtain_color_text: var(--theme-color-inverse_hover); --theme-var-button_curtain_color_text_hover: var(--theme-color-inverse_hover); } .sc_button.sc_button_curtain > span { position: relative; z-index: 3; } .sc_button.sc_button_curtain:before { content: ""; -webkit-border-radius: inherit; -ms-border-radius: inherit; border-radius: inherit; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; -webkit-box-shadow: inset 0 0 0 2px var(--theme-var-button_curtain_color); -ms-box-shadow: inset 0 0 0 2px var(--theme-var-button_curtain_color); box-shadow: inset 0 0 0 2px var(--theme-var-button_curtain_color); } .sc_button.sc_button_curtain:after { content: ""; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--theme-var-button_curtain_color); -webkit-transition: bottom 0.3s cubic-bezier(0.7, 0, 0.2, 1); -ms-transition: bottom 0.3s cubic-bezier(0.7, 0, 0.2, 1); transition: bottom 0.3s cubic-bezier(0.7, 0, 0.2, 1); } .sc_button.sc_button_curtain:hover, .sc_button.sc_button_curtain:focus, .sc_button.sc_button_curtain:active { color: var(--theme-var-button_curtain_color) !important; } .sc_button.sc_button_curtain:hover:after, .sc_button.sc_button_curtain:focus:after, .sc_button.sc_button_curtain:active:after { bottom: 100%; } /* Button Slant */ .sc_button.sc_button_slant { position: relative; z-index: 1; overflow: hidden; --theme-var-button_curtain_color: var(--theme-color-text_link); --theme-var-button_curtain_color_text: var(--theme-color-inverse_link); color: var(--theme-var-button_curtain_color_text) !important; background-color: var(--theme-color-alter_bg_color) !important; } .sc_button.sc_button_slant.color_style_link2 { --theme-var-button_curtain_color: var(--theme-color-text_link2); } .sc_button.sc_button_slant.color_style_link3 { --theme-var-button_curtain_color: var(--theme-color-text_link3); } .sc_button.sc_button_slant.color_style_dark { --theme-var-button_curtain_color: var(--theme-color-text_dark); --theme-var-button_curtain_color_text: var(--theme-color-inverse_hover); --theme-var-button_curtain_color_text_hover: var(--theme-color-inverse_hover); } .sc_button.sc_button_slant > span { position: relative; z-index: 2; } .sc_button.sc_button_slant:before { content: ""; width: 120%; background-color: var(--theme-var-button_curtain_color); position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: -10%; -webkit-transform: skew(30deg); -ms-transform: skew(30deg); transform: skew(30deg); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); -ms-transition: -ms-transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); } .sc_button.sc_button_slant:hover, .sc_button.sc_button_slant:focus, .sc_button.sc_button_slant:active { color: var(--theme-var-button_curtain_color) !important; } .sc_button.sc_button_slant:hover:before, .sc_button.sc_button_slant:focus:before, .sc_button.sc_button_slant:active:before { -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } /* Simple button */ .sc_button.sc_button.sc_button_simple { font-size: 16px; line-height: 20px; font-weight: 700; font-style: normal; background: transparent !important; border: none !important; letter-spacing: 0; padding: 0 1.7em 2px 0; text-transform: none; } .sc_button.sc_button.sc_button_simple:not(.sc_button_with_icon) .sc_button_text { vertical-align: top; } .sc_button.sc_button.sc_button_simple.sc_button_size_large { font-size: 17px; } .sc_button.sc_button.sc_button_simple.sc_button_size_small { font-size: 15px; } .sc_button.sc_button.sc_button_simple:before, .sc_button.sc_button.sc_button_simple:after { content: '\e9a4'; font-family: "fontello"; font-style: normal; font-size: 12px; font-weight: 400; top: 0; padding: 0 1px; -webkit-transition: right 0.3s ease, opacity 0.3s ease; -ms-transition: right 0.3s ease, opacity 0.3s ease; transition: right 0.3s ease, opacity 0.3s ease; } .sc_button.sc_button.sc_button_simple.sc_button_with_icon { display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0; } .sc_button.sc_button.sc_button_simple.sc_button_with_icon.sc_button_icon_right .sc_button_icon { margin-left: 0.6em; } .sc_button.sc_button.sc_button_simple.sc_button_with_icon .sc_button_icon { position: relative; top: 0; font-size: 20px; width: 55px; height: 55px; line-height: 55px; text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 2px solid var(--theme-color-bd_color); } .sc_button.sc_button.sc_button_simple.sc_button_with_icon .sc_button_icon > span { position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 30px; height: 30px; line-height: 29px; } .sc_button.sc_button.sc_button_simple.sc_button_with_icon:before, .sc_button.sc_button.sc_button_simple.sc_button_with_icon:after { display: none; } /* Simple Small */ .sc_button_simple.sc_button_icon_left .sc_button_icon { margin-right: 0.6em; } .sc_button_size_small.sc_button.sc_button_simple.sc_button_icon_left .sc_button_icon { margin-right: 0; } .sc_button_size_small.sc_button.sc_button_simple.sc_button_icon_left .sc_button_icon + .sc_button_text { margin-left: 0.5em; } .sc_button_size_small.sc_button.sc_button_simple.sc_button_icon_right .sc_button_icon { margin-left: 0; } .sc_button_size_small.sc_button.sc_button_simple.sc_button_icon_right .sc_button_icon + .sc_button_text { margin-right: 0.5em; } .sc_button_size_small.sc_button.sc_button.sc_button_simple.sc_button_with_icon .sc_button_icon { font-size: 12px; width: 36px; height: 36px; line-height: 36px; text-align: center; } .sc_button.sc_button_simple:not(.sc_button_bg_image) { color: var(--theme-color-text_link); } .sc_button.sc_button_simple:not(.sc_button_bg_image):hover, .sc_button.sc_button_simple:not(.sc_button_bg_image):focus { color: var(--theme-color-text_hover) !important; } .sc_button.sc_button_simple.color_style_link2:not(.sc_button_bg_image), .color_style_link2 .sc_button.sc_button_simple:not(.sc_button_bg_image) { color: var(--theme-color-text_link2); } .sc_button.sc_button_simple.color_style_link2:not(.sc_button_bg_image):hover, .sc_button.sc_button_simple.color_style_link2:not(.sc_button_bg_image):focus, .color_style_link2 .sc_button.sc_button_simple:not(.sc_button_bg_image):hover, .color_style_link2 .sc_button.sc_button_simple:not(.sc_button_bg_image):focus { color: var(--theme-color-text_hover2) !important; } .sc_button.sc_button_simple.color_style_link3:not(.sc_button_bg_image), .color_style_link3 .sc_button.sc_button_simple:not(.sc_button_bg_image) { color: var(--theme-color-text_link3); } .sc_button.sc_button_simple.color_style_link3:not(.sc_button_bg_image):hover, .sc_button.sc_button_simple.color_style_link3:not(.sc_button_bg_image):focus, .color_style_link3 .sc_button.sc_button_simple:not(.sc_button_bg_image):hover, .color_style_link3 .sc_button.sc_button_simple:not(.sc_button_bg_image):focus { color: var(--theme-color-text_hover3) !important; } .sc_button.sc_button_simple.color_style_dark:not(.sc_button_bg_image), .color_style_dark .sc_button.sc_button_simple:not(.sc_button_bg_image) { color: var(--theme-color-text_dark); } .sc_button.sc_button_simple.color_style_dark:not(.sc_button_bg_image):hover, .sc_button.sc_button_simple.color_style_dark:not(.sc_button_bg_image):focus, .color_style_dark .sc_button.sc_button_simple:not(.sc_button_bg_image):hover, .color_style_dark .sc_button.sc_button_simple:not(.sc_button_bg_image):focus { color: var(--theme-color-text_dark) !important; } /* 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; } .theme_button:hover, .theme_button:focus { color: var(--theme-color-inverse_link) !important; border-color: var(--theme-color-text_hover) !important; background-color: var(--theme-color-text_hover) !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, .color_style_link3 .theme_button { border-color: var(--theme-color-text_link3) !important; background-color: var(--theme-color-text_link3) !important; } .theme_button.color_style_link3:hover, .theme_button.color_style_link3:focus, .color_style_link3 .theme_button:hover, .color_style_link3 .theme_button:focus { border-color: var(--theme-color-text_hover3) !important; background-color: var(--theme-color-text_hover3) !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_hover) !important; border-color: var(--theme-color-text_dark_blend) !important; background-color: var(--theme-color-text_dark_blend) !important; } /* 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-inverse_link); border-color: var(--theme-color-alter_hover); background-color: var(--theme-color-alter_hover); } /* Text fields */ input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area { padding: 0.6em 0; border: none; border-bottom-width: 1px; border-bottom-style: solid; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } /* Text fields */ input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="search"], input[type="password"], .select2-container.select2-container--default span.select2-choice, .select2-container.select2-container--default span.select2-selection, .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container.select2-container--default .select2-selection--multiple, textarea, textarea.wp-editor-area, select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-selection--multiple, select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-selection--single, select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-choice { color: var(--theme-color-input_text); border-color: var(--theme-color-input_bd_color); background-color: var(--theme-color-input_bg_color); text-overflow: ellipsis; } input[type="text"]:focus, input[type="text"].filled, input[type="number"]:focus, input[type="number"].filled, input[type="email"]:focus, input[type="email"].filled, input[type="url"]:focus, input[type="url"].filled, input[type="tel"]:focus, input[type="tel"].filled, input[type="search"]:focus, input[type="search"].filled, input[type="password"]:focus, input[type="password"].filled, .select_container:hover, select option:hover, select option:focus, .select2-container.select2-container--default span.select2-selection--single:hover, .select2-container.select2-container--default span.select2-choice:hover, .select2-container.select2-container--default span.select2-selection--multiple:hover, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single, select.select2-hidden-accessible.filled + .select2-container.select2-container--default.select2-container--open span.select2-selection--multiple, select.select2-hidden-accessible.filled + .select2-container.select2-container--default.select2-container--open span.select2-selection--single, select.select2-hidden-accessible.filled + .select2-container.select2-container--default.select2-container--open span.select2-choice, .select2-container.select2-container--focus span.select2-choice, .select2-container.select2-container--open span.select2-choice, .select2-container.select2-container--focus span.select2-selection--single, .select2-container.select2-container--open span.select2-selection--single, .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 { 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; -ms-border-radius: 0; border-radius: 0; } /* Text fields in widgets */ .widget input[type="text"], .widget input[type="number"], .widget input[type="email"], .widget input[type="url"], .widget input[type="tel"], .widget input[type="password"], .widget input[type="search"], .widget select, .widget textarea, .widget textarea.wp-editor-area { padding: 0.77em 1.2em; } /* Placeholders */ input[placeholder]::-webkit-input-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } textarea[placeholder]::-webkit-input-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } input[placeholder]::-moz-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } textarea[placeholder]::-moz-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } input[placeholder]:-ms-input-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } textarea[placeholder]:-ms-input-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } input[placeholder]::placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } textarea[placeholder]::placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } input[placeholder]:focus::-webkit-input-placeholder { opacity: 1; color: var(--theme-color-input_dark); } textarea[placeholder]:focus::-webkit-input-placeholder { opacity: 1; color: var(--theme-color-input_dark); } input[placeholder]:focus::-moz-placeholder { opacity: 1; color: var(--theme-color-input_dark); } textarea[placeholder]:focus::-moz-placeholder { opacity: 1; color: var(--theme-color-input_dark); } input[placeholder]:focus:-ms-input-placeholder { opacity: 1; color: var(--theme-color-input_dark); } textarea[placeholder]:focus:-ms-input-placeholder { opacity: 1; color: var(--theme-color-input_dark); } input[placeholder]:focus::placeholder { opacity: 1; color: var(--theme-color-input_dark); } textarea[placeholder]:focus::placeholder { opacity: 1; color: var(--theme-color-input_dark); } input[placeholder]:active::-webkit-input-placeholder { opacity: 1; color: var(--theme-color-input_dark); } textarea[placeholder]:active::-webkit-input-placeholder { opacity: 1; color: var(--theme-color-input_dark); } input[placeholder]:active::-moz-placeholder { opacity: 1; color: var(--theme-color-input_dark); } textarea[placeholder]:active::-moz-placeholder { opacity: 1; color: var(--theme-color-input_dark); } input[placeholder]:active:-ms-input-placeholder { opacity: 1; color: var(--theme-color-input_dark); } textarea[placeholder]:active:-ms-input-placeholder { opacity: 1; color: var(--theme-color-input_dark); } input[placeholder]:active::placeholder { opacity: 1; color: var(--theme-color-input_dark); } textarea[placeholder]:active::placeholder { opacity: 1; color: var(--theme-color-input_dark); } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 50000s ease-in-out 90000s, color 50000s ease-in-out 90000s; } /* EDGE autofill */ input[type="password"].edge-autofilled, input[type="email"].edge-autofilled, input[type="text"].edge-autofilled { color: var(--theme-color-input_dark) !important; border-color: var(--theme-color-input_bd_hover) !important; background-color: var(--theme-color-input_bg_hover) !important; } textarea, textarea.wp-editor-area, select, 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"] { -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; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; -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; } option { -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; color: var(--theme-color-text_dark); background-color: var(--theme-color-bg_color); font-size: inherit; font-weight: inherit; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="number"]::-webkit-outer-spin-button { height: 50%; } input[type="number"], input[type="search"] { -webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */ } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } button[disabled], html input[disabled] { cursor: default !important; } input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area { -webkit-appearance: none; outline: none; resize: none; } button:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { outline: 0; } 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; } /* Radio buttons and checkboxes */ h3#ship-to-different-address label .input-checkbox, input[type="radio"], input[type="checkbox"], .edd_price_options ul > li > label > input[type="radio"], .edd_price_options ul > li > label > input[type="checkbox"], .wpcf7-radio input[type="radio"], .wpcf7-checkbox input[type="checkbox"], .wpcf7-acceptance input[type="checkbox"] { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; margin: 0 !important; padding: 0 !important; } label > input[type="radio"], label > input[type="checkbox"], input[type="checkbox"].wpcf7-acceptance { display: inline-block; vertical-align: baseline; position: static !important; clip: auto; } .wpcf7-radio .wpcf7-list-item-label, .wpcf7-checkbox .wpcf7-list-item-label { cursor: pointer; } .edd_price_options ul > li > label > input[type="radio"] + span, .edd_price_options ul > li > label > input[type="checkbox"] + span { display: inline-block; vertical-align: baseline; } h3#ship-to-different-address label > span, input[type="radio"] + label, input[type="checkbox"] + label, input[type="radio"] + .wpcf7-list-item-label, input[type="checkbox"] + .wpcf7-list-item-label, .edd_price_options ul > li > label > input[type="radio"] + span, .edd_price_options ul > li > label > input[type="checkbox"] + span { position: relative; font-size: 14px; padding-left: 1.8em; line-height: 22px; display: inline-block; vertical-align: top; } h3#ship-to-different-address label > span a, input[type="radio"] + label a, input[type="checkbox"] + label a, input[type="radio"] + .wpcf7-list-item-label a, input[type="checkbox"] + .wpcf7-list-item-label a, .edd_price_options ul > li > label > input[type="radio"] + span a, .edd_price_options ul > li > label > input[type="checkbox"] + span a { color: inherit; border-bottom: 1px solid var(--theme-color-text); line-height: 1em; display: inline-block; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } h3#ship-to-different-address label > span a:hover, input[type="radio"] + label a:hover, input[type="checkbox"] + label a:hover, input[type="radio"] + .wpcf7-list-item-label a:hover, input[type="checkbox"] + .wpcf7-list-item-label a:hover, .edd_price_options ul > li > label > input[type="radio"] + span a:hover, .edd_price_options ul > li > label > input[type="checkbox"] + span a:hover { color: var(--theme-color-text_dark); border-color: var(--theme-color-text_dark); } .wpcf7-list-item-label.wpcf7-list-item-right { position: relative; padding-right: 1.4em; display: inline-block; vertical-align: top; } h3#ship-to-different-address label > span:before, input[type="radio"] + label:before, input[type="checkbox"] + label:before, input[type="radio"] + .wpcf7-list-item-label:before, input[type="checkbox"] + .wpcf7-list-item-label:before, .wpcf7-list-item-label.wpcf7-list-item-right:before, .edd_price_options ul > li > label > input[type="radio"] + span:before, .edd_price_options ul > li > label > input[type="checkbox"] + span:before { content: ' '; font-family: "fontello"; font-size: 7px; font-weight: 400; letter-spacing: -0.7px; display: block; text-align: center; border: 1px solid var(--theme-color-bd_color); width: 16px; height: 16px; line-height: 15px; position: absolute; z-index: 1; top: 0.35em; left: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: var(--theme-color-text_dark); cursor: pointer; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .payment_methods input[type="radio"] + label:before { top: 0.65em; } input[type="radio"] + label:hover:before, input[type="checkbox"] + label:hover:before, input[type="radio"] + .wpcf7-list-item-label:hover:before, input[type="checkbox"] + .wpcf7-list-item-label:hover:before, .wpcf7-list-item-label.wpcf7-list-item-right:hover:before, .edd_price_options ul > li > label > input[type="radio"] + span:hover:before, .edd_price_options ul > li > label > input[type="checkbox"] + span:hover:before { border-color: var(--theme-color-text_dark); } body.show_outline input[type="radio"]:focus + label:before, body.show_outline input[type="checkbox"]:focus + label:before, body.show_outline input[type="radio"]:focus + .wpcf7-list-item-label:before, body.show_outline input[type="checkbox"]:focus + .wpcf7-list-item-label:before, body.show_outline .edd_price_options ul > li > label > input[type="radio"]:focus + span:before, body.show_outline .edd_price_options ul > li > label > input[type="checkbox"]:focus + span:before { outline: 0 !important; box-shadow: 0 0 0 1px #000; } .wpcf7-list-item-label.wpcf7-list-item-right:before { left: auto; right: 0; } h3#ship-to-different-address label input[type="checkbox"]:checked + span:before, input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + .wpcf7-list-item-label:before, .wpcf7-checkbox .wpcf7-list-item-checked.wpcf7-list-item-right:before, .edd_price_options ul > li > label > input[type="checkbox"]:checked + span:before { content: '\e9f6'; } input[type="radio"]:checked + label:before, input[type="radio"]:checked + .wpcf7-list-item-label:before, .wpcf7-radio .wpcf7-list-item-checked.wpcf7-list-item-right:before, .edd_price_options ul > li > label > input[type="radio"]:checked + span:before { content: '\e9f6'; } input[type="radio"] + label:before, input[type="checkbox"] + label:before, .wpcf7-list-item-label.wpcf7-list-item-right:before { border-color: var(--theme-color-input_bd_color) !important; } input[type="radio"] + label:hover:before, input[type="checkbox"] + label:hover:before, .wpcf7-list-item-label.wpcf7-list-item-right:hover:before { border-color: var(--theme-color-text_dark) !important; } /* Select container (dropdown) */ select { text-overflow: ellipsis; white-space: nowrap; } select::-ms-expand { display: none; } /* Hide all select fields while page loading */ select:not(.esg-sorting-select):not([class*="trx_addons_attrib_"]) { visibility: hidden; } /* Show all select fields when they inside an our wrapper */ .select_container select:not(.esg-sorting-select):not([class*="trx_addons_attrib_"]) { visibility: visible; } /* Our wrapper to decorate select fields */ .select_container { width: 100%; position: relative; } .select_container, .select_container:after, .select_container select { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .select_container:before { content: ' '; display: block; position: absolute; z-index: 1; top: 2px; right: 2px; bottom: 2px; left: auto; width: 3em; z-index: 1; pointer-events: none; cursor: pointer; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; color: var(--theme-color-input_text); background-color: var(--theme-color-input_bg_color); } .select_container:focus:before, .select_container:hover:before { color: var(--theme-color-input_dark); background-color: var(--theme-color-input_bg_hover); } .sc_input_hover_accent .select_container:before { right: 2px; top: 2px; bottom: 2px; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .select_container:after { content: '\e828'; font-family: "fontello"; display: block; position: absolute; z-index: 2; top: 50%; right: 0; width: 1em; height: 1em; line-height: 1em; text-align: center; margin-top: -0.5em; pointer-events: none; cursor: pointer; color: var(--theme-color-input_text); } .select_container:focus:after, .select_container:hover:after { color: var(--theme-color-input_dark); } .select_container select { width: 100% !important; max-width: none !important; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: var(--theme-color-input_text); background: var(--theme-color-input_bg_color) !important; border-color: var(--theme-color-input_bd_color); } .select_container select:focus { color: var(--theme-color-input_dark); background-color: var(--theme-color-input_bg_hover) !important; } .widget .select_container select { padding-right: 2em !important; padding-left: 0; padding-top: 0.75em; padding-bottom: 0.75em; } .widget .select_container:before { width: 2em; } .widget .select_container:after { right: 0; } /* Select2 - Advanced select with search */ .select2-container { width: 100% !important; } .select2-container.select2-container--default span.select2-choice, .select2-container.select2-container--default span.select2-selection { height: auto; border: none; border-bottom: 1px solid var(--theme-color-input_bd_color); padding: 0; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; } .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.7em; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .select2-selection .select2-selection__arrow { position: relative; text-align: right; } .select2-selection .select2-selection__arrow b { display: none; } .select2-selection .select2-selection__arrow:before { content: '\e942'; font-family: "fontello"; } .select2-container.select2-container--default .select2-selection .select2-selection__arrow { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .select2-drop-active { border: none; } .select2-dropdown { border: 1px solid var(--theme-color-input_bd_color) !important; -webkit-border-radius: 0 !important; -ms-border-radius: 0 !important; border-radius: 0 !important; } .select2-search { padding: 8px; } .select2-dropdown, .select2-container.select2-container--focus span.select2-selection, .select2-container.select2-container--open span.select2-selection { color: var(--theme-color-text_dark); border-color: var(--theme-color-input_bd_color); background: var(--theme-color-bg_color); } .select2-container .select2-results__option { color: var(--theme-color-input_dark); background: var(--theme-color-input_bg_hover); } .select2-dropdown .select2-highlighted, .select2-container .select2-results__option--highlighted[aria-selected] { color: var(--theme-color-inverse_link); background: var(--theme-color-text_link); } .select2-container--default .select2-results__option[aria-selected="true"] { color: var(--theme-color-alter_dark); background-color: var(--theme-color-alter_bg_color); } .select2-container--default .select2-results__option[data-selected="true"] { color: var(--theme-color-inverse_link); background-color: var(--theme-color-text_link); } .select2-container--default .select2-search--dropdown .select2-search__field { border-color: var(--theme-color-input_bd_color); } .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: var(--theme-color-input_bd_hover); } /* Required fields */ label.required:after { content: '*'; display: none; vertical-align: text-top; font-size: 80%; color: #da6f5b; } /* 4. WP styles and Screen readers -------------------------------------------------------------- */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; margin: 0 !important; padding: 0 !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; top: 5px; left: 5px; width: auto; height: auto; font-size: 0.8em; line-height: normal; padding: 1em 1.5em; color: #21759b; background-color: #f1f1f1; border-radius: 3px; clip: auto !important; text-decoration: none; /* Above WP toolbar */ z-index: 100000; -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); } .grace_church_skip_link { position: absolute; z-index: 999999; top: 6px; left: 6px; -webkit-transform: translateY(-300px); -ms-transform: translateY(-300px); transform: translateY(-300px); -webkit-transition: -webkit-transform 0.3s ease; -ms-transition: -ms-transform 0.3s ease; transition: transform 0.3s ease; } .grace_church_skip_link:focus { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); outline-offset: -1px; display: block; width: auto; height: auto; font-size: 1em; font-weight: 400; padding: 1em 1.5em; background: #f1f1f1; color: #0073aa; line-height: normal; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); } a.grace_church_skip_link_anchor { position: absolute; width: 0; height: 0; } /* 5. Theme grid -------------------------------------------------------------- */ .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: calc( var(--theme-var-grid_gap) / 2 ); padding-right: calc( var(--theme-var-grid_gap) / 2 ); } .row, .columns_wrap { margin-left: 0; margin-right: calc( -1 * var(--theme-var-grid_gap) ); } .row > [class*="column-"], .columns_wrap > [class*="column-"] { display: inline-block; vertical-align: top; position: relative; z-index: 20; min-height: 1px; padding-left: 0; padding-right: var(--theme-var-grid_gap); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .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.3333333333%; } .push-1_3 { left: 33.3333333333%; } .pull-1_3 { right: 33.3333333333%; } .offset-1_3 { margin-left: 33.3333333333%; } .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.6666666667%; } .push-1_6 { left: 16.6666666667%; } .pull-1_6 { right: 16.6666666667%; } .offset-1_6 { margin-left: 16.6666666667%; } .column-1_7 { width: 14.2857142857%; } .push-1_7 { left: 14.2857142857%; } .pull-1_7 { right: 14.2857142857%; } .offset-1_7 { margin-left: 14.2857142857%; } .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.1111111111%; } .push-1_9 { left: 11.1111111111%; } .pull-1_9 { right: 11.1111111111%; } .offset-1_9 { margin-left: 11.1111111111%; } .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.0909090909%; } .push-1_11 { left: 9.0909090909%; } .pull-1_11 { right: 9.0909090909%; } .offset-1_11 { margin-left: 9.0909090909%; } .column-1_12 { width: 8.3333333333%; } .push-1_12 { left: 8.3333333333%; } .pull-1_12 { right: 8.3333333333%; } .offset-1_12 { margin-left: 8.3333333333%; } .column-2_2 { width: 100%; } .column-2_3 { width: 66.6666666667%; } .push-2_3 { left: 66.6666666667%; } .pull-2_3 { right: 66.6666666667%; } .offset-2_3 { margin-left: 66.6666666667%; } .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.3333333333%; } .push-2_6 { left: 33.3333333333%; } .pull-2_6 { right: 33.3333333333%; } .offset-2_6 { margin-left: 33.3333333333%; } .column-2_7 { width: 28.5714285714%; } .push-2_7 { left: 28.5714285714%; } .pull-2_7 { right: 28.5714285714%; } .offset-2_7 { margin-left: 28.5714285714%; } .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.2222222222%; } .push-2_9 { left: 22.2222222222%; } .pull-2_9 { right: 22.2222222222%; } .offset-2_9 { margin-left: 22.2222222222%; } .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.1818181818%; } .push-2_11 { left: 18.1818181818%; } .pull-2_11 { right: 18.1818181818%; } .offset-2_11 { margin-left: 18.1818181818%; } .column-2_12 { width: 16.6666666667%; } .push-2_12 { left: 16.6666666667%; } .pull-2_12 { right: 16.6666666667%; } .offset-2_12 { margin-left: 16.6666666667%; } .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.8571428571%; } .push-3_7 { left: 42.8571428571%; } .pull-3_7 { right: 42.8571428571%; } .offset-3_7 { margin-left: 42.8571428571%; } .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.3333333333%; } .push-3_9 { left: 33.3333333333%; } .pull-3_9 { right: 33.3333333333%; } .offset-3_9 { margin-left: 33.3333333333%; } .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.2727272727%; } .push-3_11 { left: 27.2727272727%; } .pull-3_11 { right: 27.2727272727%; } .offset-3_11 { margin-left: 27.2727272727%; } .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.6666666667%; } .push-4_6 { left: 66.6666666667%; } .pull-4_6 { right: 66.6666666667%; } .offset-4_6 { margin-left: 66.6666666667%; } .column-4_7 { width: 57.1428571429%; } .push-4_7 { left: 57.1428571429%; } .pull-4_7 { right: 57.1428571429%; } .offset-4_7 { margin-left: 57.1428571429%; } .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.4444444444%; } .push-4_9 { left: 44.4444444444%; } .pull-4_9 { right: 44.4444444444%; } .offset-4_9 { margin-left: 44.4444444444%; } .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.3636363636%; } .push-4_11 { left: 36.3636363636%; } .pull-4_11 { right: 36.3636363636%; } .offset-4_11 { margin-left: 36.3636363636%; } .column-4_12 { width: 33.3333333333%; } .push-4_12 { left: 33.3333333333%; } .pull-4_12 { right: 33.3333333333%; } .offset-4_12 { margin-left: 33.3333333333%; } .column-5_5 { width: 100%; } .column-5_6 { width: 83.3333333333%; } .push-5_6 { left: 83.3333333333%; } .pull-5_6 { right: 83.3333333333%; } .offset-5_6 { margin-left: 83.3333333333%; } .column-5_7 { width: 71.4285714286%; } .push-5_7 { left: 71.4285714286%; } .pull-5_7 { right: 71.4285714286%; } .offset-5_7 { margin-left: 71.4285714286%; } .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.5555555556%; } .push-5_9 { left: 55.5555555556%; } .pull-5_9 { right: 55.5555555556%; } .offset-5_9 { margin-left: 55.5555555556%; } .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.4545454545%; } .push-5_11 { left: 45.4545454545%; } .pull-5_11 { right: 45.4545454545%; } .offset-5_11 { margin-left: 45.4545454545%; } .column-5_12 { width: 41.6666666667%; } .push-5_12 { left: 41.6666666667%; } .pull-5_12 { right: 41.6666666667%; } .offset-5_12 { margin-left: 41.6666666667%; } .column-6_6 { width: 100%; } .column-6_7 { width: 85.7142857143%; } .push-6_7 { left: 85.7142857143%; } .pull-6_7 { right: 85.7142857143%; } .offset-6_7 { margin-left: 85.7142857143%; } .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.6666666667%; } .push-6_9 { left: 66.6666666667%; } .pull-6_9 { right: 66.6666666667%; } .offset-6_9 { margin-left: 66.6666666667%; } .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.5454545455%; } .push-6_11 { left: 54.5454545455%; } .pull-6_11 { right: 54.5454545455%; } .offset-6_11 { margin-left: 54.5454545455%; } .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.7777777778%; } .push-7_9 { left: 77.7777777778%; } .pull-7_9 { right: 77.7777777778%; } .offset-7_9 { margin-left: 77.7777777778%; } .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.6363636364%; } .push-7_11 { left: 63.6363636364%; } .pull-7_11 { right: 63.6363636364%; } .offset-7_11 { margin-left: 63.6363636364%; } .column-7_12 { width: 58.3333333333%; } .push-7_12 { left: 58.3333333333%; } .pull-7_12 { right: 58.3333333333%; } .offset-7_12 { margin-left: 58.3333333333%; } .column-8_8 { width: 100%; } .column-8_9 { width: 88.8888888889%; } .push-8_9 { left: 88.8888888889%; } .pull-8_9 { right: 88.8888888889%; } .offset-8_9 { margin-left: 88.8888888889%; } .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.7272727273%; } .push-8_11 { left: 72.7272727273%; } .pull-8_11 { right: 72.7272727273%; } .offset-8_11 { margin-left: 72.7272727273%; } .column-8_12 { width: 66.6666666667%; } .push-8_12 { left: 66.6666666667%; } .pull-8_12 { right: 66.6666666667%; } .offset-8_12 { margin-left: 66.6666666667%; } .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.8181818182%; } .push-9_11 { left: 81.8181818182%; } .pull-9_11 { right: 81.8181818182%; } .offset-9_11 { margin-left: 81.8181818182%; } .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.9090909091%; } .push-10_11 { left: 90.9090909091%; } .pull-10_11 { right: 90.9090909091%; } .offset-10_11 { margin-left: 90.9090909091%; } .column-10_12 { width: 83.3333333333%; } .push-10_12 { left: 83.3333333333%; } .pull-10_12 { right: 83.3333333333%; } .offset-10_12 { margin-left: 83.3333333333%; } .column-11_11 { width: 100%; } .column-11_12 { width: 91.6666666667%; } .push-11_12 { left: 91.6666666667%; } .pull-11_12 { right: 91.6666666667%; } .offset-11_12 { margin-left: 91.6666666667%; } .column-12_12 { width: 100%; } /* Utils */ .clearfix:after, .container:after, .container-fluid:after, .row:after { content: " "; clear: both; width: 100%; height: 0; display: block; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .visible { visibility: visible; } .invisible { visibility: hidden; } .show { display: block !important; } .hide { display: none !important; } .hidden { display: none !important; visibility: hidden !important; } .text-hide { font-size: 0; line-height: 0; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .vertical-centered { overflow: hidden; } .vertical-centered:before { content: ' '; width: 0; height: 100%; margin-left: -0.3em; } .vertical-centered:before, .vertical-centered > * { display: inline-block; vertical-align: middle; } .grace_church_loading, .trx_addons_loading { background-image: url(../../../images/preloader.png) !important; background-position: center !important; background-repeat: no-repeat !important; } .theme_button_close, .trx_addons_button_close, .review-form a.close, #cancel-comment-reply-link { display: block; cursor: pointer; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; position: absolute; z-index: 1; top: 0; right: 0; margin: 0 !important; } .sc_layouts_panel_close.trx_addons_button_close { width: 47px; height: 47px; line-height: 47px; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: var(--theme-color-alter_bg_hover); color: var(--theme-color-alter_dark); right: 50px; top: 48px; font-size: 16px; } .sc_layouts_panel_left .sc_layouts_panel_close.trx_addons_button_close { right: auto; left: 50px; } .review-form a.close, #cancel-comment-reply-link, .sc_layouts_cart_widget_close { width: 2rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 16px; } .mfp-close-icon { width: 100% !important; } .mfp-close-icon, .review-form a.close, #cancel-comment-reply-link { text-indent: -300px; overflow: hidden !important; -webkit-transition: -webkit-transform 0.3s ease; -ms-transition: -ms-transform 0.3s ease; transition: transform 0.3s ease; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; will-change: transform; -webkit-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } #cancel-comment-reply-link { top: 0.9rem; right: -1.2rem; width: 2rem; height: 2rem; line-height: 2rem; } .mfp-close-icon, .theme_button_close_icon, .trx_addons_button_close_icon { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); position: absolute; z-index: 1; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); transform-origin: center center; width: auto; height: auto; font-size: 15px; } .theme_button_close_icon:after, .trx_addons_button_close_icon:after, .mfp-close-icon:after, .review-form a.close:after, #cancel-comment-reply-link:after { display: none; } .mfp-close-icon:before, .theme_button_close_icon:before, .trx_addons_button_close_icon:before, .mfp-close-icon:before, .review-form a.close:before, #cancel-comment-reply-link:before { position: relative; top: 0; left: 0; content: '\e9e1'; font-family: "fontello"; line-height: 1; text-align: center; border: none; } .mfp-close-icon:before, .review-form a.close:before, #cancel-comment-reply-link:before { position: absolute; right: 0; text-indent: 0; line-height: inherit; } .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 { -webkit-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } /* Mfp Wrap */ .mfp-close-icon { font-size: 23px; } .mfp-wrap .mfp-close { margin: -50px -50px 0 0; } /* 6. 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-color: #f0f0f0; background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover; } .body_style_boxed .page_wrap { width: var(--theme-var-page_boxed); max-width: 100%; } .page_content_wrap { padding-top: 7.1rem; padding-bottom: 7.4rem; } .remove_margins .page_content_wrap { padding-top: 0 !important; padding-bottom: 0 !important; } .content_wrap, .content_container { width: var(--theme-var-page); max-width: 100%; margin: 0 auto; } .content_wrap .content_wrap, .content_wrap .content_container, .content_container .content_wrap, .content_container .content_container { width: 100%; } .content_wrap:after, .content_container:after { content: " "; clear: both; width: 100%; height: 0; display: block; } .body_style_fullwide .content_wrap { max-width: var(--theme-var-page_fullwide_max); margin: 0 auto; width: 100% !important; padding-left: var(--theme-var-page_fullwide_extra); padding-right: var(--theme-var-page_fullwide_extra); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content, .sidebar, .sidebar_inner { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .page_content_wrap .content_wrap, .page_content_wrap .content_wrap_fullscreen { position: relative; } #page_preloader, .page_content_wrap, .custom-background .content_wrap > .content, .background_banner_wrap ~ .content_wrap > .content { background-color: var(--theme-color-bg_color); } .preloader_wrap > div { background-color: var(--theme-color-text_link); } /* 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; } /* 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 { padding: 0; position: relative; /* Need to correct 'sticky' sidebar position */ } /* Boxed style for articles and sidebar */ .body_style_fullscreen [class*="content_wrap"] > .content > article.page { padding: 0; } /* Sticky sidebar */ .fixed_blocks_sticky .sidebar { -webkit-position: sticky; position: -webkit-sticky; position: sticky; top: var(--fixed-rows-height); } .sidebar_fixed_placeholder { min-height: 1px; } /* Sidebar control to show/hide sidebar on mobile devices */ .sidebar_control { display: none; color: var(--theme-color-alter_dark) !important; background-color: var(--theme-color-alter_bg_color); border-color: var(--theme-color-alter_bd_color); } .sidebar_control:hover { color: var(--theme-color-alter_link) !important; background-color: var(--theme-color-alter_bg_color); border-color: var(--theme-color-alter_bd_hover); } .sidebar .sidebar_control, .sidebar .sidebar_control:after { -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } /* Float Sidebar */ @media (max-width: 1023px) { .sidebar_custom.sidebar_float, .sidebar_default.sidebar_float:not([class*="scheme_"]) { -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05); -ms-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05); } .sidebar_custom.sidebar_float .sidebar_inner, .sidebar_default.sidebar_float:not([class*="scheme_"]) .sidebar_inner { background-color: var(--theme-color-bg_color); padding: 30px; } } /* Banners */ [class*="_banner_wrap"]:not(.background_banner_wrap) { background-color: var(--theme-color-alter_bg_color); } .banner_wrap_title, .sidebar .banner_wrap_title { color: var(--theme-color-alter_light); } .widget_banner:not(.widget_fullwidth) .image_wrap { padding: 15px; background-color: var(--theme-color-alter_bg_hover); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; text-align: center; } /* Fullheight sections */ .grace-church-full-height { min-height: calc( 100vh - var(--fixed-rows-height) ); } /* 7. Section's decorations =============================================================== */ /* 7.1 Header -------------------------------------------------------------- */ /* Top panel */ .top_panel { position: relative; z-index: 8000; padding: 0.02px 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .top_panel, [class*="scheme_"].top_panel, [class*="scheme_"].footer_wrap { color: var(--theme-color-text); background-color: var(--theme-color-bg_color); } .top_panel .row > [class*="column-"], .top_panel .columns_wrap > [class*="column-"] { vertical-align: middle; } .top_panel.with_bg_image:before { content: ' '; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); } [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 .sc_layouts_row_type_normal { padding: 4em 0 5.3em; } .top_panel_default .sc_layouts_row_type_compact { padding: 0.8em 0; } .top_panel_default.with_bg_image .sc_layouts_row:not(.sc_layouts_row_fixed_on) { background-color: transparent; } /* Background video in the header */ #background_video { object-fit: cover; overflow: hidden; 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%; } div#background_video { position: absolute !important; } div#background_video:after { content: ' '; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.3); } 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; } /* Header positions */ .header_position_over .page_wrap { position: relative; } .header_position_over .top_panel { position: absolute; z-index: 8000; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0) !important; } .header_position_over .top_panel .sc_layouts_row[class*="scheme_"] { -webkit-transition: background-color 0.3s ease; -ms-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; } @media (min-width: 768px) { body.header_position_over .elementor-section-height-full.sc_stack_section_on, body.header_position_under .elementor-section-height-full.sc_stack_section_on { height: 100vh; } body.header_position_over.fixed_blocks_sticky .sc_stack_section_effect_slide:not(.elementor-element-edit-mode), body.header_position_under.fixed_blocks_sticky .sc_stack_section_effect_slide:not(.elementor-element-edit-mode) { top: 0; } body.header_position_over.admin-bar.fixed_blocks_sticky .elementor-section-height-full.sc_stack_section_on, body.header_position_under.admin-bar.fixed_blocks_sticky .elementor-section-height-full.sc_stack_section_on { height: calc(100vh - 32px); } body.header_position_over.admin-bar.fixed_blocks_sticky .sc_stack_section_effect_slide:not(.elementor-element-edit-mode), body.header_position_under.admin-bar.fixed_blocks_sticky .sc_stack_section_effect_slide:not(.elementor-element-edit-mode) { top: 32px; } } .header_position_under .top_panel { position: relative; z-index: 2; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header_position_under .top_panel_mask { display: none; background-color: #000; opacity: 0; pointer-events: none; position: absolute; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; } .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 */ } /* Default header layouts ---------------------------------------------- */ /* 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: '\e8ba'; font-family: "fontello"; } /* Mobile Button */ .sc_layouts_menu_mobile_button .sc_layouts_item_icon, .sc_layouts_menu_mobile_button_burger .sc_layouts_item_icon { color: var(--theme-color-text_dark); font-size: 16px; } .sc_layouts_menu_mobile_button .sc_layouts_item_icon:before, .sc_layouts_menu_mobile_button_burger .sc_layouts_item_icon:before { font-family: "fontello"; content: '\e9d7'; } /* Custom layouts --------------------------------- */ [class*="scheme_"].sc_layouts_row { color: var(--theme-color-text); background-color: var(--theme-color-bg_color); } .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_light); } .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 { color: var(--theme-color-alter_text); background-color: var(--theme-color-alter_bg_color); border-color: var(--theme-color-alter_bd_color); } 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); } .sc_layouts_row_fixed_on { background-color: var(--theme-color-bg_color); } /* Row type: Narrow */ .sc_layouts_row.sc_layouts_row_type_narrow, [class*="scheme_"].sc_layouts_row.sc_layouts_row_type_narrow { color: var(--theme-color-alter_text); background-color: var(--theme-color-alter_bg_color); } .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([class*="button"]), [class*="scheme_"].sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not([class*="button"]) { color: var(--theme-color-alter_text); } .sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not([class*="button"]):hover, .sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not([class*="button"]):focus, .sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not([class*="button"]):hover .sc_layouts_item_icon, .sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not([class*="button"]):focus .sc_layouts_item_icon, [class*="scheme_"].sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not([class*="button"]):hover, [class*="scheme_"].sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not([class*="button"]):focus, [class*="scheme_"].sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not([class*="button"]):hover .sc_layouts_item_icon, [class*="scheme_"].sc_layouts_row_type_narrow .sc_layouts_item a:not(.sc_button):not([class*="button"]):focus .sc_layouts_item_icon { color: var(--theme-color-alter_text); } .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_text); } .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 .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 !important; color: var(--theme-color-alter_dark); } .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 { color: var(--theme-color-alter_link); } .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; } .sc_layouts_row_type_narrow .search_wrap .search_submit, [class*="scheme_"].sc_layouts_row_type_narrow .search_wrap .search_submit { background-color: transparent; color: var(--theme-color-alter_link); } .sc_layouts_row_type_narrow .search_wrap .search_field, [class*="scheme_"].sc_layouts_row_type_narrow .search_wrap .search_field { color: var(--theme-color-alter_text); } .sc_layouts_row_type_narrow .search_wrap .search_field::-webkit-input-placeholder, [class*="scheme_"].sc_layouts_row_type_narrow .search_wrap .search_field::-webkit-input-placeholder { color: var(--theme-color-alter_text); } .sc_layouts_row_type_narrow .search_wrap .search_field::-moz-placeholder, [class*="scheme_"].sc_layouts_row_type_narrow .search_wrap .search_field::-moz-placeholder { color: var(--theme-color-alter_text); } .sc_layouts_row_type_narrow .search_wrap .search_field:-ms-input-placeholder, [class*="scheme_"].sc_layouts_row_type_narrow .search_wrap .search_field:-ms-input-placeholder { color: var(--theme-color-alter_text); } .sc_layouts_row_type_narrow .search_wrap .search_field:focus, [class*="scheme_"].sc_layouts_row_type_narrow .search_wrap .search_field:focus { color: var(--theme-color-alter_dark); } /* Row type: Compact */ .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([class*="button"]), [class*="scheme_"].sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not([class*="button"]) { color: var(--theme-color-text_dark); } .sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not([class*="button"]):hover, .sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not([class*="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([class*="button"]):hover, [class*="scheme_"].sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not([class*="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_dark); } .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_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 .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_wrap .search_submit, [class*="scheme_"].sc_layouts_row_type_compact .search_wrap .search_submit { background-color: transparent; color: var(--theme-color-text_dark); } .sc_layouts_row_type_compact .search_wrap .search_submit:before, [class*="scheme_"].sc_layouts_row_type_compact .search_wrap .search_submit:before { color: var(--theme-color-text_dark); } .sc_layouts_row_type_compact .search_wrap .search_submit:hover, .sc_layouts_row_type_compact .search_wrap .search_submit:focus, [class*="scheme_"].sc_layouts_row_type_compact .search_wrap .search_submit:hover, [class*="scheme_"].sc_layouts_row_type_compact .search_wrap .search_submit:focus { background-color: transparent; color: var(--theme-color-text_hover); } .sc_layouts_row_type_compact .search_wrap.search_style_normal .search_submit, [class*="scheme_"].sc_layouts_row_type_compact .search_wrap.search_style_normal .search_submit { color: var(--theme-color-text_link); } .sc_layouts_row_type_compact .search_wrap.search_style_normal .search_submit:hover, .sc_layouts_row_type_compact .search_wrap.search_style_normal .search_submit:focus, [class*="scheme_"].sc_layouts_row_type_compact .search_wrap.search_style_normal .search_submit:hover, [class*="scheme_"].sc_layouts_row_type_compact .search_wrap.search_style_normal .search_submit:focus { color: var(--theme-color-text_hover); } .sc_layouts_row_type_compact .search_wrap .search_field::-webkit-input-placeholder, [class*="scheme_"].sc_layouts_row_type_compact .search_wrap .search_field::-webkit-input-placeholder { color: var(--theme-color-text); } .sc_layouts_row_type_compact .search_wrap .search_field::-moz-placeholder, [class*="scheme_"].sc_layouts_row_type_compact .search_wrap .search_field::-moz-placeholder { color: var(--theme-color-text); } .sc_layouts_row_type_compact .search_wrap .search_field:-ms-input-placeholder, [class*="scheme_"].sc_layouts_row_type_compact .search_wrap .search_field:-ms-input-placeholder { color: var(--theme-color-text); } /* Row type: Normal */ .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([class*="button"]), [class*="scheme_"].sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not([class*="button"]) { color: var(--theme-color-text); } .sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not([class*="button"]):hover, .sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not([class*="button"]):focus, .sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not([class*="button"]):hover .sc_layouts_item_icon, .sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not([class*="button"]):focus .sc_layouts_item_icon, [class*="scheme_"].sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not([class*="button"]):hover, [class*="scheme_"].sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not([class*="button"]):focus, [class*="scheme_"].sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not([class*="button"]):hover .sc_layouts_item_icon, [class*="scheme_"].sc_layouts_row_type_normal .sc_layouts_item a:not(.sc_button):not([class*="button"]):focus .sc_layouts_item_icon { color: var(--theme-color-text_dark); } .sc_layouts_row_type_normal .search_wrap .search_submit, [class*="scheme_"].sc_layouts_row_type_normal .search_wrap .search_submit { background-color: transparent; color: var(--theme-color-input_text); } .sc_layouts_row_type_normal .search_wrap .search_submit:hover, .sc_layouts_row_type_normal .search_wrap .search_submit:focus, [class*="scheme_"].sc_layouts_row_type_normal .search_wrap .search_submit:hover, [class*="scheme_"].sc_layouts_row_type_normal .search_wrap .search_submit:focus { background-color: transparent; color: var(--theme-color-input_dark); } /* Logo */ .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; } .sc_layouts_logo .logo_slogan { font-size: 14px; line-height: 18px; } /* Search style 'Normal' */ .search_style_normal.search_wrap .search_form { top: 2px; } .search_style_normal.search_wrap .search_field { padding: 5px 0 5px 2em !important; } .search_style_normal.search_wrap .search_field[placeholder]::-webkit-input-placeholder { color: var(--theme-color-input_text); } .search_style_normal.search_wrap .search_field[placeholder]::-moz-placeholder { color: var(--theme-color-input_text); } .search_style_normal.search_wrap .search_field[placeholder]:-ms-input-placeholder { color: var(--theme-color-input_text); } .search_style_normal.search_wrap .search_field[placeholder]::placeholder { color: var(--theme-color-input_text); } .search_style_normal.search_wrap .search_submit:before { color: var(--theme-color-text); -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .search_style_normal.search_wrap .search_submit:hover:before, .search_style_normal.search_wrap .search_submit:focus:before { color: var(--theme-color-text_dark); } /* Search style 'Expand' */ .search_style_expand.search_wrap .search_form { top: 2px; } .search_style_expand.search_wrap .search_field { padding: 5px 0 5px 2em !important; } .search_style_expand.search_wrap .search_field[placeholder]::-webkit-input-placeholder { color: var(--theme-color-input_text); } .search_style_expand.search_wrap .search_field[placeholder]::-moz-placeholder { color: var(--theme-color-input_text); } .search_style_expand.search_wrap .search_field[placeholder]:-ms-input-placeholder { color: var(--theme-color-input_text); } .search_style_expand.search_wrap .search_field[placeholder]::placeholder { color: var(--theme-color-input_text); } .search_style_expand.search_wrap .search_submit:before { color: var(--theme-color-text); -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .search_style_expand.search_wrap .search_submit:hover:before, .search_style_expand.search_wrap .search_submit:focus:before { color: var(--theme-color-text_dark); } .search_style_expand.search_opened { background-color: transparent; border-color: transparent; } .search_style_expand.search_opened .search_submit { color: var(--theme-color-text); } .search_style_expand.search_opened .search_submit:hover, .search_style_expand.search_opened .search_submit:focus { color: var(--theme-color-text_dark); } /* Search style 'Fullscreen' */ .search_style_fullscreen .search_results { width: 67vw; } .search_style_fullscreen.search_wrap { min-width: 1.55em; min-height: 1.55em; } .search_style_fullscreen.search_wrap .search_field { padding: 0 0 0 1.55em !important; } .search_style_fullscreen.search_wrap .search_submit { bottom: -5px; } .search_style_fullscreen.search_wrap.search_ajax .search_field { padding-left: 1.55em !important; } .search_style_fullscreen.search_wrap.search_ajax.search_opened .search_field { padding-left: 0 !important; } .search_style_fullscreen.search_opened .search_form_wrap { background-color: var(--theme-color-alter_bg_color); } .search_style_fullscreen.search_opened .search_form { border-color: var(--theme-color-alter_dark_05); } .search_style_fullscreen.search_opened .search_field, .search_style_fullscreen.search_opened .search_close, .search_style_fullscreen.search_opened .search_submit { color: var(--theme-color-alter_dark); } .search_style_fullscreen.search_opened .search_close:hover, .search_style_fullscreen.search_opened .search_close:focus, .search_style_fullscreen.search_opened .search_field:hover, .search_style_fullscreen.search_opened .search_field:focus, .search_style_fullscreen.search_opened .search_submit:hover, .search_style_fullscreen.search_opened .search_submit:focus { color: var(--theme-color-alter_dark); } .search_style_fullscreen.search_opened .search_field::-webkit-input-placeholder { color: var(--theme-color-alter_text) !important; opacity: 1 !important; } .search_style_fullscreen.search_opened .search_field::-moz-placeholder { color: var(--theme-color-alter_text) !important; opacity: 1 !important; } /* Firefox 19+ */ .search_style_fullscreen.search_opened .search_field:-moz-placeholder { color: var(--theme-color-alter_text) !important; opacity: 1 !important; } /* Firefox 18- */ .search_style_fullscreen.search_opened .search_field:-ms-input-placeholder { color: var(--theme-color-alter_text) !important; opacity: 1 !important; } .search_style_fullscreen.search_opened .search_form { width: 68%; } .search_style_fullscreen.search_opened .search_field, .sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen.search_opened .search_field { padding: 0 1.5em 0 0 !important; font-size: 1.9rem !important; line-height: normal !important; font-weight: 400 !important; height: 3em; letter-spacing: 0; } .search_style_fullscreen.search_opened .search_field[placeholder]::-webkit-input-placeholder, .search_style_fullscreen.search_opened .search_field[placeholder]::-moz-placeholder, .search_style_fullscreen.search_opened .search_field[placeholder]:-ms-input-placeholder, .search_style_fullscreen.search_opened .search_field[placeholder]::placeholder, .sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen.search_opened .search_field[placeholder]::-webkit-input-placeholder, .sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen.search_opened .search_field[placeholder]::-moz-placeholder, .sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen.search_opened .search_field[placeholder]:-ms-input-placeholder, .sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen.search_opened .search_field[placeholder]::placeholder { line-height: normal !important; height: 3em !important; } .search_style_fullscreen.search_opened .search_submit, .sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen.search_opened .search_submit { font-size: 1.5rem; } .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: -1.5em; } .search_style_fullscreen.search_opened .search_close { font-size: 1.3rem; font-weight: 400; top: -4em; -webkit-transition: -webkit-transform 0.3s ease; -ms-transition: -ms-transform 0.3s ease; transition: transform 0.3s ease; } .search_style_fullscreen.search_opened .search_close:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .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; } .search_style_fullscreen.search_opened .search_field, .search_style_fullscreen.search_opened .search_submit, .search_style_fullscreen.search_opened .search_submit:before { -webkit-transition: none; -ms-transition: none; transition: none; } .search_wrap.search_progress .search_submit:before { content: '\E830'; } /* Search field */ .search_wrap .search_field { padding: 0 0 0 1.7em !important; } /* Search submit */ .search_wrap .search_submit { padding: 1px; bottom: 0; } /* Search close */ .search_close:before { content: '\e9e1'; font-family: "fontello"; } /* Search Style "Modern" */ .admin-bar .search_modern .search_wrap.search_opened { top: 32px; } @media (max-width: 782px) { .admin-bar .search_modern .search_wrap.search_opened { top: 46px; } } @media (max-width: 600px) { .admin-bar .search_modern .search_wrap.search_opened { top: 0; } } body.search_active .top_panel { z-index: 8002; } body.sc_layouts_search_opened .top_panel { z-index: 8003; } .search_modern { position: relative; z-index: 2000; display: inline-block; vertical-align: middle; /* search in content */ } .search_modern.search_active { z-index: 100005; } .search_modern > .search_submit { display: block; width: 1.4em; height: 1.4em; line-height: 1.4em; text-align: center; position: relative; -webkit-transition: all 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96); -ms-transition: all 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96); transition: all 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96); opacity: 1; cursor: pointer; padding: 1px; color: var(--theme-color-text_dark); background-color: transparent; } .search_modern > .search_submit:before { padding: 1px; font-size: 24px !important; font-family: "fontello"; content: '\e9b6'; margin: 0; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .sc_layouts_row_type_compact .search_modern .search_wrap .search_submit { font-size: inherit; } .search_modern .search_wrap { position: fixed; left: 0; top: -500px; z-index: 100; width: 100%; height: 500px; overflow: hidden; will-change: top, box-shadow; -webkit-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; -ms-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0); -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0); box-shadow: 0 1px 6px rgba(0, 0, 0, 0); background-color: var(--theme-color-alter_bg_color); } .search_modern .search_wrap.search_ajax { overflow: visible; } .search_modern .search_wrap.search_progress .search_submit { -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .search_modern .search_wrap.search_progress .search_submit:before { content: '\E830'; } .search_modern .search_wrap .search_form { font-size: 1em; position: absolute; z-index: 1; top: 55%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; border: none; } .search_modern .search_wrap .search_form:after { content: ''; display: block; width: 100%; height: 1px; background-color: var(--theme-color-text_dark); -webkit-transform: scale3d(0, 1, 1); -ms-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .search_modern .search_wrap .search_field, .search_modern .search_wrap .search_submit, .search_modern .search_wrap .search_submit:before { -webkit-transition: none; -ms-transition: none; transition: none; } .search_modern .search_form_wrap { position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: var(--theme-var-page); height: 100%; } .search_modern .search_form_wrap .search_field { width: 0; visibility: hidden; padding: 0 0 0 1.25em; vertical-align: middle; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: none; background-color: transparent; } .search_modern .search_form_wrap .search_field[placeholder]::-webkit-input-placeholder { color: var(--theme-color-text); } .search_modern .search_form_wrap .search_field[placeholder]::-moz-placeholder { color: var(--theme-color-text); } .search_modern .search_form_wrap .search_field[placeholder]:-ms-input-placeholder { color: var(--theme-color-text); } .search_modern .search_form_wrap .search_field[placeholder]::placeholder { color: var(--theme-color-text); } .search_modern .search_form_wrap .search_submit { font-size: inherit; line-height: inherit; font-weight: inherit; position: absolute; left: auto; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; padding: 0; } .search_modern .search_form_wrap .search_submit:before { font-size: 24px !important; font-family: "fontello"; content: '\e9b6'; margin: 0; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; color: var(--theme-color-text_dark); } .search_modern .search_wrap .search_results { padding: 3em; } .search_modern .search_results, .sc_layouts_column_align_right .search_modern .search_results { top: 6.5em; left: 0; right: auto; width: 100%; } .search_modern .search_results:after, .sc_layouts_column_align_right .search_modern .search_results:after { left: 3em; right: auto; } .search_modern .search_results .search_results_content { max-height: 30vh; overflow-y: auto; } .search_modern .search_header_wrap { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: auto; z-index: 2; } .search_modern .search_header_wrap .logo_image { position: absolute; left: 60px; top: 70px; display: inline-block; max-height: 100px; width: auto; } .search_modern .search_header_wrap .search_close { position: absolute; right: 60px; top: 60px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 1.2em; height: 1.2em; line-height: 1.2em; font-size: 2rem; font-weight: 400; text-align: center; cursor: pointer; -webkit-transition: none; -ms-transition: none; transition: none; color: var(--theme-color-text_dark); } .search_modern .search_header_wrap .search_close:before { position: relative; display: inline-block; content: '\e9e1'; font-family: "fontello"; font-size: 24px; -webkit-transition: -webkit-transform 0.3s ease, color 0.3s ease; -ms-transition: -ms-transform 0.3s ease, color 0.3s ease; transition: transform 0.3s ease, color 0.3s ease; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .search_modern .search_header_wrap .search_close:hover:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .search_modern .search_overlay { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 1000%; height: 1000%; background-color: var(--theme-color-alter_bg_color); opacity: .2; } .content .search_modern .search_wrap { max-width: 100%; } .content .search_modern .search_wrap .search_form_wrap { width: var(--theme-var-page); } /* Search Opened */ .search_modern .search_wrap.search_opened { top: 0; -webkit-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; -ms-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); } .search_modern .search_wrap.search_opened.search_ajax .search_submit { -webkit-transform: none; -ms-transform: none; transform: none; margin-top: -1.5em; } .search_modern .search_wrap.search_opened .search_field { font-size: 1.9rem !important; line-height: normal !important; font-weight: 400 !important; width: 100%; height: 3em; letter-spacing: 0; margin: 0; padding: 0 1.5em 0 0; border: none; white-space: pre-wrap; word-wrap: break-word; resize: none; overflow: hidden; display: block; visibility: visible; } .search_modern .search_wrap.search_opened .search_field[placeholder]::-webkit-input-placeholder, .search_modern .search_wrap.search_opened .search_field[placeholder]::-moz-placeholder, .search_modern .search_wrap.search_opened .search_field[placeholder]:-ms-input-placeholder, .search_modern .search_wrap.search_opened .search_field[placeholder]::placeholder { line-height: normal !important; height: 3em !important; } .search_modern .search_wrap.search_opened .search_submit { position: absolute; left: auto; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .search_modern .search_wrap.search_opened .search_submit:before { font-size: 1.5rem; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .search_modern .search_wrap.search_opened .search_field { padding: 0 1.5em 0 0 !important; } .search_modern .search_wrap.search_opened .search_field, .search_modern .search_wrap.search_opened .search_field:hover, .search_modern .search_wrap.search_opened .search_field:focus { background-color: transparent; } .search_modern .search_wrap.search_opened .search_field::-ms-clear { display: none; } /* Animation Search */ .search_modern { /* out animation */ /* Logo animation */ /* Close button animation */ } .search_modern .search_form { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: hidden; } .search_modern .search_form:after { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; visibility: hidden; } .search_modern .search_opened .search_form { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .search_modern .search_opened .search_form:after { -webkit-animation-name: fadeInMove; animation-name: fadeInMove; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .search_out_anim .search_modern .search_form { -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .search_out_anim .search_modern .search_form:after { -webkit-animation-name: fadeOutMove2; animation-name: fadeOutMove2; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .search_modern .logo_image { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; visibility: hidden; } .search_modern .search_opened .logo_image { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .search_out_anim .search_modern .logo_image { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: visible; } .search_modern .search_close:before { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; visibility: hidden; } .search_modern .search_opened .search_close:before { -webkit-animation-name: fadeInAnimScale; animation-name: fadeInAnimScale; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; visibility: visible; } .search_out_anim .search_modern .search_close:before { -webkit-animation-name: fadeOutAnimScale; animation-name: fadeOutAnimScale; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: visible; } /* Search results */ .search_wrap .search_results { 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 { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 1.4em; height: 1.4em; line-height: 1.4em; text-align: center; font-size: 14px; top: 8px; right: 8px; color: var(--theme-color-text_dark); } .search_wrap .search_results .search_results_close:hover { color: var(--theme-color-text_dark); } .search_wrap .search_results .search_results_close:before { font-family: "fontello"; content: '\e9e1'; -webkit-transition: -webkit-transform 0.3s ease; -ms-transition: -ms-transform 0.3s ease; transition: transform 0.3s ease; } .search_wrap .search_results .search_results_close:hover:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .search_wrap .search_results.widget_area .post_item + .post_item { border-top-color: var(--theme-color-bd_color); } /* Search field inside content --------------------------------------- */ .content .search_wrap { margin: 0; } .content .search_wrap .search_form_wrap { width: 100%; } .content .search_wrap .search_form_wrap .search_field { width: 100%; } .content .search_wrap .search_submit { background-color: transparent; } .content .search_wrap .search_results { width: 100%; } .post_item_none_search .search_wrap, .post_item_none_archive .search_wrap { max-width: 410px; margin: 0 auto; } .post_item_none_search .search_wrap .search_field, .post_item_none_archive .search_wrap .search_field { padding: 0.77em 1.2em 0.77em 3.3em !important; border-width: 1px !important; border-style: solid !important; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .post_item_none_search .search_wrap .search_submit, .post_item_none_archive .search_wrap .search_submit { left: 0; right: auto; top: 0; padding: 0 1em; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .post_item_none_search .search_wrap .search_submit:before, .post_item_none_archive .search_wrap .search_submit:before { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } /* 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); } /* Menu --------------------------------- */ .sc_layouts_menu_nav > li > a { color: var(--theme-color-text_dark); } .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 { color: var(--theme-color-text_link) !important; } .sc_layouts_menu_nav .menu-collapse > a:before { top: 0; color: var(--theme-color-alter_dark); font-weight: 400; } .sc_layouts_menu_nav .menu-collapse > a:after { display: none; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; 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_dark); } .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); } /* Submenu */ .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, .sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs) { background-color: var(--theme-color-extra_bg_color); } .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; } .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_hover) !important; } .sc_layouts_menu_nav > li li > a:hover:after { color: var(--theme-color-extra_hover) !important; } .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 { color: var(--theme-color-extra_text) !important; background-color: transparent; } .sc_layouts_menu_nav > li li[class*="icon-"]:before { color: var(--theme-color-extra_hover); } .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_hover) !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_hover) !important; } /* Description in the menu */ .sc_layouts_menu_item_description { color: var(--theme-color-extra_light); } .menu_main_nav > li ul [class*="current-menu-"] > a .sc_layouts_menu_item_description, .sc_layouts_menu_nav > li ul li[class*="current-menu-"] > a .sc_layouts_menu_item_description, .menu_main_nav > li ul a:hover .sc_layouts_menu_item_description, .sc_layouts_menu_nav > li ul a:hover .sc_layouts_menu_item_description { color: var(--theme-color-text_light); } .menu_main_nav > li[class*="current-menu-"] > a .sc_layouts_menu_item_description, .sc_layouts_menu_nav > li[class*="current-menu-"] > a .sc_layouts_menu_item_description, .menu_main_nav > li > a:hover .sc_layouts_menu_item_description, .sc_layouts_menu_nav > li > a:hover .sc_layouts_menu_item_description { color: var(--theme-color-text); } /* Menu hovers ----------------------------------------- */ /* fade box */ .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 { color: var(--theme-color-alter_link); background-color: var(--theme-color-alter_bg_color); } /* 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); } /* 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); display: block; } .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); } /* zoom_line */ .menu_hover_zoom_line .sc_layouts_menu_nav > li:not(.menu-collapse) > a:after { background-color: var(--theme-color-text_dark); } .menu_hover_zoom_line .sc_layouts_menu_nav > li > a:hover, .menu_hover_zoom_line .sc_layouts_menu_nav > li.sfHover > a { color: var(--theme-color-text_dark) !important; } .menu_hover_zoom_line > ul > li:not(.menu-collapse) > a:before { display: none; } .menu_hover_zoom_line > ul > li:not(.menu-collapse) > a:after { content: "" !important; display: block !important; position: relative; z-index: 1; top: auto; bottom: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; width: 0; height: 2px; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .menu_hover_zoom_line > ul > li:not(.menu-collapse) > a:hover:after, .menu_hover_zoom_line > ul > li:not(.menu-collapse).sfHover > a:after, .menu_hover_zoom_line > ul > li:not(.menu-collapse).current-menu-item > a:after, .menu_hover_zoom_line > ul > li:not(.menu-collapse).current-menu-parent > a:after, .menu_hover_zoom_line > ul > li:not(.menu-collapse).current-menu-ancestor > a:after { width: 100%; } .menu_hover_zoom_line .sc_layouts_menu_nav > li.current-menu-item > a, .menu_hover_zoom_line .sc_layouts_menu_nav > li.current-menu-parent > a, .menu_hover_zoom_line .sc_layouts_menu_nav > li.current-menu-ancestor > a { color: var(--theme-color-text_dark) !important; } /* 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); } /* roll_down */ .menu_hover_roll_down .sc_layouts_menu_nav > li:not(.menu-collapse) > a:before { background-color: var(--theme-color-text_link); } /* Layouts as submenu --------------------------------- */ .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-section, .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-section a:not(.sc_button):not([class*="button"]), .sc_layouts_menu li > ul.sc_layouts_submenu .vc_row a:not(.sc_button):not([class*="button"]), .sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item a:not(.sc_button):not([class*="button"]) { color: var(--theme-color-extra_dark); } .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-section a:not(.sc_button):not([class*="button"]):hover, .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-section a:not(.sc_button):not([class*="button"]):focus, .sc_layouts_menu li > ul.sc_layouts_submenu .vc_row a:not(.sc_button):not([class*="button"]):hover, .sc_layouts_menu li > ul.sc_layouts_submenu .vc_row a:not(.sc_button):not([class*="button"]):focus, .sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item a:not(.sc_button):not([class*="button"]):hover, .sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item a:not(.sc_button):not([class*="button"]):focus, .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-section a:hover .sc_layouts_item_icon, .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-section 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); } ul.sc_layouts_submenu .sc_recent_news_header { border-color: var(--theme-color-extra_bd_color); } /* Layouts submenu in the Custom Menu */ .widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-section, .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-section a:not(.sc_button):not([class*="button"]), .widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .vc_row a:not(.sc_button):not([class*="button"]), .widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item a:not(.sc_button):not([class*="button"]) { color: var(--theme-color-text_link); } .widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-section a:not(.sc_button):not([class*="button"]):hover, .widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-section a:not(.sc_button):not([class*="button"]):focus, .widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-section a:hover .sc_layouts_item_icon, .widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-section a:focus .sc_layouts_item_icon, .widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .vc_row a:not(.sc_button):not([class*="button"]):hover, .widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .vc_row a:not(.sc_button):not([class*="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([class*="button"]):hover, .widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item a:not(.sc_button):not([class*="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); } /* Side menu ----------------------------------------------------------- */ body.menu_side_present { width: auto; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } body.menu_side_left { margin-left: 6rem; } body.menu_side_right { margin-right: 6rem; } .menu_side_present .body_wrap { position: relative; overflow: hidden; max-width: 100%; } .menu_side_present .menu_side_wrap { position: fixed; z-index: 20000; top: 0; right: auto; bottom: 0; left: 0; width: 6rem; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_side_right .menu_side_wrap { left: auto; right: 0; } .admin-bar .menu_side_wrap { top: 32px; } @media (max-width: 782px) { .admin-bar .menu_side_wrap { top: 46px; } } @media (max-width: 600px) { .admin-bar .menu_side_wrap { top: 0; } } .menu_side_wrap .menu_side_inner { display: block; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_side_inner { color: var(--theme-color-alter_text); background-color: var(--theme-color-alter_bg_color); } .menu_side_present .menu_side_wrap .sc_layouts_logo { display: block; padding: 25% 10%; text-align: center; border-bottom: 1px solid #ddd; position: relative; z-index: 1; } .menu_side_inner .sc_layouts_logo { background-color: var(--theme-color-alter_bg_color); border-color: var(--theme-color-alter_bd_color); } [class*="scheme_"].menu_side_icons .sc_layouts_logo { background-color: var(--theme-color-bg_color); border-color: var(--theme-color-bd_color); } .menu_side_present .menu_side_wrap .logo_text { font-size: 1em; letter-spacing: 0; text-align: center; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .menu_side_present .menu_side_wrap .logo_slogan { display: none; } .menu_side_wrap .menu_mobile_button { display: block; position: relative; left: 0; right: auto; top: 0; } .menu_side_wrap .menu_side_button { display: none; font-size: 16px; margin-top: -1.5em; overflow: hidden; cursor: pointer; position: absolute; z-index: 1; top: 50%; left: -1.5em; width: 3em; height: 3em; line-height: 3em; text-align: center; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_side_right .menu_side_wrap .menu_side_button { text-align: left; padding-left: 10px; -webkit-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .menu_side_left .menu_side_wrap .menu_side_button { left: auto; right: -1.5em; text-align: right; padding-right: 10px; -webkit-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .menu_side_right .menu_side_wrap .menu_side_button:before { content: '\e837'; } .menu_side_right .menu_side_wrap.opened .menu_side_button:before { content: '\e836'; } .menu_side_left .menu_side_wrap .menu_side_button:before { content: '\e836'; } .menu_side_left .menu_side_wrap.opened .menu_side_button:before { content: '\e837'; } [class*="scheme_"].menu_side_wrap .menu_side_button { color: var(--theme-color-alter_dark); border-color: var(--theme-color-alter_bd_color); background-color: var(--theme-color-alter_bg_color_07); } [class*="scheme_"].menu_side_wrap .menu_side_button:hover { color: var(--theme-color-inverse_hover); border-color: var(--theme-color-alter_hover); background-color: var(--theme-color-alter_link); } #toc_menu { display: none; position: absolute; top: 50%; left: 50%; width: 100%; margin: -50% 0 0 -50%; } .toc_menu_item { position: relative; z-index: 1; } .toc_menu_item .toc_menu_icon { display: block; position: relative; color: #888; height: 1.5em; line-height: 1.5em; text-align: center; } .toc_menu_item .toc_menu_icon:before { display: inline-block; line-height: inherit; color: inherit; } .toc_menu_item .toc_menu_icon_default:before { content: ' '; margin-top: 0.75em; width: 0.5em; height: 1px; background-color: #888; } .toc_menu_item:hover .toc_menu_icon, .toc_menu_item_active .toc_menu_icon { color: #292929; } .toc_menu_item:hover .toc_menu_icon_default:before, .toc_menu_item_active .toc_menu_icon_default:before { background-color: #292929; } .toc_menu_item_active .toc_menu_icon_default:before { width: 1.5em; } .toc_menu_item .toc_menu_description { position: absolute; top: 0; right: -20em; opacity: 0; white-space: nowrap; -webkit-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } .toc_menu_item:hover .toc_menu_description { right: 100%; margin-right: 1.5em; opacity: 1; } .menu_side_inner #toc_menu { display: block; position: relative; z-index: 0; -webkit-transition: top 0.3s ease; -ms-transition: top 0.3s ease; transition: top 0.3s ease; } .menu_side_icons #toc_menu { left: 0; top: 0; margin: 0; } .menu_side_icons .toc_menu_item .toc_menu_description { height: 6rem; font-size: 1.0667em; line-height: 6rem; font-weight: bold; text-transform: uppercase; top: 0; } .menu_side_icons .toc_menu_item:hover .toc_menu_description { margin-right: 0; } .menu_side_icons .toc_menu_item .toc_menu_description span { display: inline-block; vertical-align: middle; padding: 0 3em; letter-spacing: 1px; } .menu_side_icons .toc_menu_item .toc_menu_icon { width: 100%; height: 6rem; line-height: 6rem; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; border-bottom: 1px solid #ddd; } .menu_side_icons .toc_menu_item .toc_menu_icon:before { font-size: 2rem; line-height: inherit; font-weight: normal; } .menu_side_dots #toc_menu .toc_menu_item .toc_menu_icon { text-align: center; } .menu_side_dots #toc_menu .toc_menu_item .toc_menu_icon_default:before { content: ' '; width: 5px; height: 5px; line-height: inherit; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .menu_side_dots #toc_menu .toc_menu_item_active .toc_menu_icon_default:before { width: 9px; height: 9px; line-height: 9px; text-align: center; } .menu_side_left .toc_menu_item .toc_menu_description { left: -20em; right: auto; } .menu_side_left .toc_menu_item:hover .toc_menu_description { left: 100%; right: auto; } [class*="scheme_"].menu_side_icons .toc_menu_item .toc_menu_icon, .menu_side_inner > .toc_menu_item .toc_menu_icon { background-color: var(--theme-color-bg_color); border-color: var(--theme-color-bd_color); color: var(--theme-color-text_link); } [class*="scheme_"].menu_side_icons .toc_menu_item:hover .toc_menu_icon, [class*="scheme_"].menu_side_icons .toc_menu_item_active .toc_menu_icon, .menu_side_inner > .toc_menu_item:hover .toc_menu_icon, .menu_side_inner > .toc_menu_item_active .toc_menu_icon { background-color: var(--theme-color-text_link); color: var(--theme-color-inverse_link); } [class*="scheme_"].menu_side_icons .toc_menu_icon_default:before, .menu_side_inner > .toc_menu_icon_default:before { background-color: var(--theme-color-text_link); } [class*="scheme_"].menu_side_icons .toc_menu_item:hover .toc_menu_icon_default:before, [class*="scheme_"].menu_side_icons .toc_menu_item_active .toc_menu_icon_default:before, .menu_side_inner > .toc_menu_item:hover .toc_menu_icon_default:before, .menu_side_inner > .toc_menu_item_active .toc_menu_icon_default:before { background-color: var(--theme-color-text_dark); } [class*="scheme_"].menu_side_icons .toc_menu_item .toc_menu_description, .menu_side_inner > .toc_menu_item .toc_menu_description { color: var(--theme-color-inverse_link); background-color: var(--theme-color-text_link); } [class*="scheme_"].menu_side_dots #toc_menu .toc_menu_item .toc_menu_icon { background-color: var(--theme-color-alter_bg_color); color: var(--theme-color-alter_text); } [class*="scheme_"].menu_side_dots #toc_menu .toc_menu_item:hover .toc_menu_icon, [class*="scheme_"].menu_side_dots #toc_menu .toc_menu_item_active .toc_menu_icon { color: var(--theme-color-alter_link); } [class*="scheme_"].menu_side_dots #toc_menu .toc_menu_item .toc_menu_icon:before { background-color: var(--theme-color-alter_link); } [class*="scheme_"].menu_side_dots #toc_menu .toc_menu_item:hover .toc_menu_icon:before { background-color: var(--theme-color-alter_hover); } /* Mobile header ---------------------------------------- */ /* Animation */ @-webkit-keyframes fadeInAnim { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInAnim { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOutAnim { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOutAnim { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeInAnimScale { 0% { opacity: 0; -webkit-transform: scale(0.2) rotate(0); } 100% { opacity: 1; -webkit-transform: scale(1) rotate(180deg); } } @keyframes fadeInAnimScale { 0% { opacity: 0; transform: scale(0.2) rotate(0); } 100% { opacity: 1; transform: scale(1) rotate(180deg); } } @-webkit-keyframes fadeOutAnimScale { 0% { opacity: 1; -webkit-transform: scale(1) rotate(180deg); } 100% { opacity: 0; -webkit-transform: scale(0.2) rotate(0); } } @keyframes fadeOutAnimScale { 0% { opacity: 1; transform: scale(1) rotate(180deg); } 100% { opacity: 0; transform: scale(0.2) rotate(0); } } @-webkit-keyframes fadeInRightPanel { 0% { opacity: 0; -webkit-transform: translateX(30px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRightPanel { 0% { opacity: 0; transform: translateX(30px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes fadeOutRightPanel { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @keyframes fadeOutRightPanel { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } @-webkit-keyframes fadeInMove { 0% { opacity: 0; -webkit-transform: scale3d(0, 1, 1); } 10% { opacity: 1; -webkit-transform: scale3d(0.1, 1, 1); } 100% { opacity: 0.14; -webkit-transform: scale3d(1, 1, 1); } } @keyframes fadeInMove { 0% { opacity: 0; transform: scale3d(0, 1, 1); } 10% { opacity: 1; transform: scale3d(0.1, 1, 1); } 100% { opacity: 0.14; transform: scale3d(1, 1, 1); } } @-webkit-keyframes fadeOutMove { 0% { opacity: 0.14; -webkit-transform: scale3d(1, 1, 1); } 100% { opacity: 0.14; -webkit-transform: scale3d(0, 1, 1); } } @keyframes fadeOutMove { 0% { opacity: 0.14; transform: scale3d(1, 1, 1); } 100% { opacity: 0.14; transform: scale3d(0, 1, 1); } } @-webkit-keyframes fadeOutMove2 { 0% { opacity: 0.8; -webkit-transform: scale3d(1, 1, 1); } 100% { opacity: 0.14; -webkit-transform: scale3d(0, 1, 1); } } @keyframes fadeOutMove2 { 0% { opacity: 0.8; transform: scale3d(1, 1, 1); } 100% { opacity: 0.14; transform: scale3d(0, 1, 1); } } .top_panel_mobile_info p { margin: 0; } /* Panel Mobile Menu +++++++++++++++++++++++++++++++++++ */ /* Admin Bar Panel Menu */ .admin-bar .sc_layouts_panel_menu { top: 32px; } .admin-bar .sc_layouts_panel_menu.opened, .admin-bar .sc_layouts_panel_menu.sc_layouts_panel_menu_fullscreen.opened { height: calc(100% - 32px) !important; } .admin-bar .sc_layouts_panel_menu.sc_layouts_panel_menu_narrow.opened { height: calc(75% - 32px) !important; } @media (max-width: 782px) { .admin-bar .sc_layouts_panel_menu { top: 46px; } .admin-bar .sc_layouts_panel_menu.opened, .admin-bar .sc_layouts_panel_menu.sc_layouts_panel_menu_fullscreen.opened { height: calc(100% - 46px) !important; } .admin-bar .sc_layouts_panel_menu.sc_layouts_panel_menu_narrow.opened { height: calc(75% - 46px) !important; } } @media (max-width: 600px) { .admin-bar .sc_layouts_panel_menu { top: 0; } .admin-bar .sc_layouts_panel_menu.opened, .admin-bar .sc_layouts_panel_menu.sc_layouts_panel_menu_fullscreen.opened { height: 100% !important; } .admin-bar .sc_layouts_panel_menu.sc_layouts_panel_menu_narrow.opened { height: 100% !important; } } .sc_layouts_panel_menu_overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 8001; width: 100%; height: 100%; background-color: var(--theme-color-alter_bg_color); opacity: .1; } .sc_layouts_panel_menu { position: fixed; z-index: 100002; top: 0; left: 0; width: 100%; height: 0; will-change: height; -webkit-transition: height 0.5s cubic-bezier(0.5, 1, 0.89, 1); -ms-transition: height 0.5s cubic-bezier(0.5, 1, 0.89, 1); transition: height 0.5s cubic-bezier(0.5, 1, 0.89, 1); /* Panel Menu Header */ /* Close Button */ /* Menu */ /* specific scheme colors */ /* Vertical Dropdown */ /* align center */ /* align right */ /* Vertical Menu Extra */ /* Vertical Menu Default */ /* Horizontal */ /* Socials */ /* Widget Socials */ /* Socials with names */ /* Animation +++++++++++++++++++++++++++ */ /* Close button animation */ /* Panel with menu style 1 */ /* Logo animation */ /* Vertical dropdown menu animation */ /* Elementor heading title animation */ /* Text Editor title animation */ /* Paragraph animation */ /* Socials animation */ /* Panel with menu style 2 */ /* Horizontal & vertical menu */ /* Divider */ /* Socials animation */ /* Panel with menu style 3 */ /* Logo animation */ /* Vertical dropdown menu animation */ /* Divider */ /* Socials animation */ /* Panel with menu style 4 */ /* Logo animation */ /* Vertical dropdown menu animation */ /* Section Divider */ /* Paragraph animation */ /* Socials animation */ /* Panel with menu style 5 */ /* Logo animation */ /* Paragraph animation */ /* Text Editor title animation */ /* Vertical dropdown menu animation */ /* Divider */ /* Socials animation */ } .sc_layouts_panel_menu .elementor-section.elementor-section-height-full > .elementor-container { height: 100%; } .sc_layouts_panel_menu.sc_layouts_panel_menu_fullscreen.opened { height: 100%; } .sc_layouts_panel_menu.sc_layouts_panel_menu_narrow.opened { height: 75%; } .sc_layouts_panel_menu.sc_layouts_panel_menu_narrow .sc_layouts_panel_menu_inner { overflow-x: hidden; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; } .sc_layouts_panel_menu.sc_layouts_panel_menu_narrow .sc_layouts_panel_menu_inner::-webkit-scrollbar { width: 0; } .sc_layouts_panel_menu .sc_layouts_panel_menu_inner { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: var(--theme-color-alter_text); background-color: var(--theme-color-alter_bg_color); } .sc_layouts_panel_menu .sc_layouts_panel_menu_inner > .elementor, .sc_layouts_panel_menu .sc_layouts_panel_menu_inner .elementor-section-wrap, .sc_layouts_panel_menu .sc_layouts_panel_menu_inner .elementor-inner, .sc_layouts_panel_menu .sc_layouts_panel_menu_inner .elementor-section.elementor-section-height-full { height: 100%; min-height: auto; } .sc_layouts_panel_menu .sc_layouts_panel_menu_inner > p { margin: 0; } .sc_layouts_panel_menu .panel_menu_header { padding: 60px 50px; } .sc_layouts_panel_menu.scheme_default .sc_layouts_panel_menu_close .sc_layouts_panel_menu_close_text, .sc_layouts_panel_menu.scheme_light .sc_layouts_panel_menu_close .sc_layouts_panel_menu_close_text { color: var(--theme-color-alter_dark); } .sc_layouts_panel_menu .sc_layouts_panel_menu_close { display: inline-block; position: absolute; z-index: 1; top: 60px; right: 65px; margin: 0 !important; line-height: 1em; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; color: var(--theme-color-alter_dark); -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .sc_layouts_panel_menu .sc_layouts_panel_menu_close:hover { color: var(--theme-color-alter_dark); } .sc_layouts_panel_menu .sc_layouts_panel_menu_close .sc_layouts_panel_menu_close_icon { font-size: 19px; font-weight: 400; position: relative; z-index: 1; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform 0.3s ease-out; -ms-transition: -ms-transform 0.3s ease-out; transition: transform 0.3s ease-out; color: var(--theme-color-alter_dark); } .sc_layouts_panel_menu .sc_layouts_panel_menu_close .sc_layouts_panel_menu_close_icon:before { position: relative; z-index: 1; content: '\e9e1'; font-family: "fontello"; line-height: 1; text-align: center; } .sc_layouts_panel_menu .sc_layouts_panel_menu_close:hover .sc_layouts_panel_menu_close_icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sc_layouts_panel_menu .sc_layouts_panel_menu_close .sc_layouts_panel_menu_close_text { font-size: 17px; line-height: 1em; font-weight: 400; margin-right: 0.9em; color: var(--theme-color-alter_light); } .sc_layouts_panel_menu.scheme_default .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li > a, .sc_layouts_panel_menu.scheme_default .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav li > a, .sc_layouts_panel_menu.scheme_light .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li > a, .sc_layouts_panel_menu.scheme_light .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav li > a { color: var(--theme-color-alter_dark); } .sc_layouts_panel_menu.scheme_default .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li > a:hover, .sc_layouts_panel_menu.scheme_default .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav li > a:hover, .sc_layouts_panel_menu.scheme_light .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li > a:hover, .sc_layouts_panel_menu.scheme_light .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav li > a:hover { color: var(--theme-color-alter_dark) !important; } .sc_layouts_panel_menu.scheme_default .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li[class*="icon-"]:before, .sc_layouts_panel_menu.scheme_default .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav li[class*="icon-"]:before, .sc_layouts_panel_menu.scheme_light .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li[class*="icon-"]:before, .sc_layouts_panel_menu.scheme_light .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav li[class*="icon-"]:before { color: var(--theme-color-alter_dark); } .sc_layouts_panel_menu.scheme_default .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li > a, .sc_layouts_panel_menu.scheme_default .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li li > a, .sc_layouts_panel_menu.scheme_light .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li > a, .sc_layouts_panel_menu.scheme_light .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li li > a { color: var(--theme-color-alter_dark) !important; } .sc_layouts_panel_menu.scheme_default .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li > a:hover, .sc_layouts_panel_menu.scheme_default .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li li > a:hover, .sc_layouts_panel_menu.scheme_light .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li > a:hover, .sc_layouts_panel_menu.scheme_light .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li li > a:hover { color: var(--theme-color-alter_link) !important; } .sc_layouts_panel_menu.scheme_default .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li.opened > a, .sc_layouts_panel_menu.scheme_default .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li li.opened > a, .sc_layouts_panel_menu.scheme_light .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li.opened > a, .sc_layouts_panel_menu.scheme_light .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li li.opened > a { color: var(--theme-color-alter_link) !important; } .sc_layouts_panel_menu .sc_layouts_column_align_center .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li > a, .sc_layouts_panel_menu .sc_layouts_column_align_center .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li[class*="icon-"] > a, .sc_layouts_panel_menu .sc_layouts_column_align_center .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li.menu-item-has-children > a { padding: 5px 4.4rem; } .sc_layouts_panel_menu .sc_layouts_column_align_center .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li[class*="icon-"]:before { left: 50%; -webkit-transform: translateX(-12rem); -ms-transform: translateX(-12rem); transform: translateX(-12rem); } .sc_layouts_panel_menu .sc_layouts_column_align_center .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li > a, .sc_layouts_panel_menu .sc_layouts_column_align_center .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li li[class*="icon-"] > a, .sc_layouts_panel_menu .sc_layouts_column_align_center .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child ul li > a { padding: 0.4rem 3.9rem; } .sc_layouts_panel_menu .sc_layouts_column_align_center .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li[class*="icon-"]:before { margin-left: 0; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li.menu-item-has-children > a > .open_child_menu { right: auto; left: 0; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li.menu-item-has-children > a > .open_child_menu:before { content: '\EA07'; left: 10px; right: auto; -webkit-transition: left 0.3s ease-out, color 0.3s ease, opacity 0.3s ease-out; -ms-transition: left 0.3s ease-out, color 0.3s ease, opacity 0.3s ease-out; transition: left 0.3s ease-out, color 0.3s ease, opacity 0.3s ease-out; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li.opened > a > .open_child_menu:before, .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li > a:hover > .open_child_menu:before { right: auto; left: 0; opacity: 1; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li > a, .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li.menu-item-has-children > a { padding-right: 0 !important; padding-left: 2rem; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li[class*="icon-"]:before { left: auto; right: 0; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li[class*="icon-"].menu-item-has-children > a { padding-right: 2.2rem !important; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li[class*="icon-"] > a { padding-right: 2.2rem !important; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li.menu-item-has-children > a { padding-left: 4.4rem; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li[class*="icon-"] > a { padding-right: 3.4rem !important; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li[class*="icon-"]:before { margin-right: 1.8rem; margin-left: 0; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li.menu-item-has-children > a, .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child ul li.menu-item-has-children > a { padding-right: 1.7rem; padding-left: 3.9rem; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li li > a { padding-right: 3.9rem; padding-left: 3.9rem; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li li.menu-item-has-children > a { padding-right: 3.9rem; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li li[class*="icon-"] > a { padding-right: 5.3rem !important; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li li[class*="icon-"]:before { margin-left: 0; margin-right: 3.8rem; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li li li > a { padding-right: 5.8rem; padding-left: 3.9rem; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li li li.menu-item-has-children > a { padding-right: 5.8rem; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li li li li[class*="icon-"] > a { padding-right: 7.3rem !important; padding-left: 3.9rem; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li li li li[class*="icon-"]:before { margin-left: 0; margin-right: 5.8rem; } .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li > a, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li.menu-item-has-children > a, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_left .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li > a, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_left .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li.menu-item-has-children > a { padding: 5px 0; } .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li > a, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child ul li > a, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_left .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li > a, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_left .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child ul li > a { padding: 0.4rem 0; } .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li[class*="icon-"]:before, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li[class*="icon-"]:before, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_left .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li[class*="icon-"]:before, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_left .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li[class*="icon-"]:before { display: none; } .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav ul > li > ul, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_left .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav ul > li > ul { font-size: 17px; padding: 0.2em 0; } .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li.menu-item-has-children > a, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_left .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li.menu-item-has-children > a { padding-left: 0 !important; padding-right: 0 !important; } .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li.menu-item-has-children > a > .open_child_menu, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_left .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li.menu-item-has-children > a > .open_child_menu { display: none !important; } .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li.menu-item-has-children > a, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child ul li.menu-item-has-children > a, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_left .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li.menu-item-has-children > a, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_left .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child ul li.menu-item-has-children > a { padding-left: 0 !important; padding-right: 0 !important; } .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li li > a, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_left .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li li > a { padding: 0.25em 0; } .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_center .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li li[class*="icon-"] > a, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_center .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child ul li > a { padding: 0.25em 0; } .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li > a, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li.menu-item-has-children > a, .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li[class*="icon-"].menu-item-has-children > a { padding-left: 0 !important; padding-right: 0 !important; } .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li > a { padding-right: 0; padding-left: 0; } .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li[class*="icon-"] > a { padding-left: 0; padding-right: 0 !important; } .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li.menu-item-has-children > a { padding-right: 0; } .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li li.menu-item-has-children > a { padding-right: 0; } .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li li > a { padding-right: 0; } .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li li li > a { padding-right: 0; } .sc_layouts_panel_menu.sc_layouts_vertical_menu_extra .sc_layouts_column_align_right .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li li li.menu-item-has-children > a { padding-right: 0; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_popup .sc_layouts_menu_nav > li > a, .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_popup .sc_layouts_menu_nav > li.menu-item-has-children > a { padding: 0.25em 0; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_popup .sc_layouts_menu_nav > li li > a { color: var(--theme-color-extra_text) !important; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_popup .sc_layouts_menu_nav > li li > a:hover, .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_popup .sc_layouts_menu_nav > li li.sfHover > a { color: var(--theme-color-extra_hover) !important; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown { display: block; overflow-x: hidden; overflow-y: scroll; max-height: 45vH; -ms-overflow-style: none; scrollbar-width: none; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown::-webkit-scrollbar { width: 0; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav { font-size: 38px; line-height: 1.5em; font-weight: 700; letter-spacing: 0.6px; text-align: inherit; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav ul { padding: 1em 0; margin: 0; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li { display: block; float: none; width: 100%; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul { text-align: inherit; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li > a { position: relative; width: auto; display: inline-block; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; color: var(--theme-color-alter_text); } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li > a:hover { color: var(--theme-color-alter_dark) !important; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li > a { color: var(--theme-color-alter_text) !important; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li.opened > a, .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li > a:hover { color: var(--theme-color-alter_dark) !important; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li > ul { padding: 1em 0 0.6em; font-size: 19px; line-height: 1.5em; font-weight: 700; letter-spacing: 0.6px; text-align: inherit; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li > a, .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li.menu-item-has-children > a { font-weight: 700; padding: 5px 2rem 5px 0; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li.menu-item-has-children > a { padding-right: 4.4rem !important; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li > a, .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child ul li > a { padding: 0.4rem 1.7rem; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul > li > a { letter-spacing: 0.6px; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li.menu-item-has-children > a, .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child ul li.menu-item-has-children > a { padding-right: 3.9rem; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li li > a { padding-left: 3.9rem; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li li li > a { padding-left: 5.8rem; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li.menu-item-has-children > a > .open_child_menu { display: block; width: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: auto; padding: 0; -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; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; line-height: inherit; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li > a > .open_child_menu:before, .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li.menu-item-has-children > a > .open_child_menu:before { font-family: "fontello"; content: '\E9A4'; display: inline-block; font-size: 16px; font-weight: 400; position: relative; right: 10px; opacity: 0; -webkit-transition: right 0.3s ease-out, color 0.3s ease, opacity 0.3s ease; -ms-transition: right 0.3s ease-out, color 0.3s ease, opacity 0.3s ease; transition: right 0.3s ease-out, color 0.3s ease, opacity 0.3s ease; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li.menu-item-has-children > a > .open_child_menu { top: 4px; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li > a > .open_child_menu:before, .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li.menu-item-has-children > a > .open_child_menu:before { font-size: 8px; font-weight: 400; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li.opened > a > .open_child_menu:before, .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li > a:hover > .open_child_menu:before { right: 0; opacity: 1; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li[class*="icon-"] > a { padding-left: 2.2rem; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li[class*="icon-"]:before { font-size: 24px; line-height: inherit; font-weight: 400; display: inline-block; padding: 0; width: 1em; position: absolute; top: 9px; left: 0; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; color: inherit; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li[class*="icon-"] > a { padding-left: 3.3rem; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li[class*="icon-"]:before { font-size: 18px; margin-left: 1.8rem; top: 8px; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li li[class*="icon-"] > a { padding-left: 5.5rem; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li li[class*="icon-"]:before { margin-left: 3.9rem; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li li li[class*="icon-"] > a { padding-left: 7.3rem; } .sc_layouts_panel_menu .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li li li[class*="icon-"]:before { margin-left: 5.7rem; } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav { font-size: 30px; line-height: 1.5em; font-weight: 700; margin-left: -0.75em; } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav li > a { -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; color: var(--theme-color-alter_text); } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul, .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li:last-child ul { background-color: transparent; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li > ul { font-size: 18px; line-height: 1.5em; font-weight: 400; top: 3.6em; left: -0.2em; } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs) { width: 12em; background-color: var(--theme-color-alter_bg_color); } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li > ul ul { left: 12em; margin: 0; } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li > a, .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li.menu-item-has-children > a { font-weight: 700; padding: 0.5em 0.75em; } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li > a { color: var(--theme-color-alter_text); } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li > a:hover, .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li.sfHover > a { color: var(--theme-color-alter_dark) !important; } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li li > a { padding: 0.45em 1.6em; letter-spacing: 0.7px; color: var(--theme-color-alter_text) !important; } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li li > a:hover, .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li li.sfHover > a, .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li li.current-menu-item > a, .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li li.current-menu-parent > a, .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li li.current-menu-ancestor > a { color: var(--theme-color-alter_dark) !important; } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav li li.menu-item-has-children > a:after { content: '\E9DF'; font-size: 9px; font-weight: 400; top: 1em; right: 0; color: inherit !important; } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li[class*="icon-"] + li[class*="icon-"], .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li + li[class*="icon-"], .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li[class*="icon-"] + li { margin-left: 1em; } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li[class*="icon-"] > a { padding-left: 1.3em; } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li[class*="icon-"]:before { font-size: 24px; color: inherit; padding: 0.8em 0; top: 0; left: 0; } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li li[class*="icon-"] > a { padding-left: 3em; } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li li[class*="icon-"]:before { position: absolute; z-index: 1; top: 50%; left: 1.5em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: inherit; } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal.menu_hover_color_line > ul > li:not(.menu-collapse) > a:before, .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal.menu_hover_color_line > ul > li:not(.menu-collapse) > a:after, .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal.menu_hover_color_line > ul > li:not(.menu-collapse).menu-item-has-children > a:after { top: 2.3em; } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal.menu_hover_color_line > ul > li:not(.menu-collapse).menu-item-has-children > a:before, .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal.menu_hover_color_line > ul > li:not(.menu-collapse).menu-item-has-children > a:after { right: 1em !important; } .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal.menu_hover_color_line .sc_layouts_menu_nav > li:not(.menu-collapse) > a:after, .sc_layouts_panel_menu .sc_layouts_menu_dir_horizontal.menu_hover_color_line .sc_layouts_menu_nav > li:not(.menu-collapse).menu-item-has-children > a:after { background-color: var(--theme-color-text_dark); } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li:first-child > a, .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li.menu-item-has-children:first-child > a, .sc_layouts_panel_menu .sc_layouts_column_align_center .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li:first-child > a, .sc_layouts_panel_menu .sc_layouts_column_align_center .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li.menu-item-has-children:first-child > a { padding-left: 0.75em; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li:last-child > a, .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li.menu-item-has-children:last-child > a { padding-right: 0; } .sc_layouts_panel_menu .sc_socials.sc_socials_default .socials_wrap .social_item { margin-right: 4px; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .sc_layouts_panel_menu .sc_socials.sc_socials_default .socials_wrap .social_item .social_icon { color: var(--theme-color-alter_dark); border-color: var(--theme-color-alter_dark_015); } .sc_layouts_panel_menu .sc_socials.sc_socials_default .socials_wrap .social_item:hover .social_icon[class*="facebook"] { color: #4F5FBF !important; } .sc_layouts_panel_menu .sc_socials.sc_socials_default .socials_wrap .social_item:hover .social_icon[class*="twitter"] { color: #48BDE9 !important; } .sc_layouts_panel_menu .sc_socials.sc_socials_default .socials_wrap .social_item:hover .social_icon[class*="dribble"] { color: #EA4C89 !important; } .sc_layouts_panel_menu .sc_socials.sc_socials_default .socials_wrap .social_item:hover .social_icon[class*="instagram"] { color: #C41BD1 !important; } .sc_layouts_panel_menu .sc_widget_socials .socials_wrap .social_item { font-size: 17px; margin-right: 32px; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .sc_layouts_panel_menu .sc_widget_socials .socials_wrap .social_item .social_icon { padding: 0 1px; width: auto; height: auto; line-height: inherit; text-align: left; color: var(--theme-color-alter_dark) !important; background-color: transparent !important; } .sc_layouts_panel_menu .sc_widget_socials .socials_wrap .social_item .social_icon:hover { background-color: transparent !important; } .sc_layouts_panel_menu .sc_widget_socials .socials_wrap .social_item .social_icon[class*="facebook"]:hover { color: #4F5FBF !important; } .sc_layouts_panel_menu .sc_widget_socials .socials_wrap .social_item .social_icon[class*="twitter"]:hover { color: #48BDE9 !important; } .sc_layouts_panel_menu .sc_widget_socials .socials_wrap .social_item .social_icon[class*="dribble"]:hover { color: #EA4C89 !important; } .sc_layouts_panel_menu .sc_widget_socials .socials_wrap .social_item .social_icon[class*="instagram"]:hover { color: #C41BD1 !important; } .sc_layouts_panel_menu .sc_layouts_column_align_center .sc_socials.sc_socials_icons_names .socials_wrap { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .sc_layouts_panel_menu .sc_layouts_column_align_right .sc_socials.sc_socials_icons_names .socials_wrap { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .sc_layouts_panel_menu .sc_socials.sc_socials_icons_names .socials_wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .sc_layouts_panel_menu .sc_socials.sc_socials_icons_names .socials_wrap .social_item { padding: 0 1px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 1.3em; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; color: var(--theme-color-alter_dark); } .sc_layouts_panel_menu .sc_socials.sc_socials_icons_names .socials_wrap .social_item:hover .social_icon { color: var(--theme-color-alter_dark); } .sc_layouts_panel_menu .sc_socials.sc_socials_icons_names .socials_wrap .social_item:hover .social_icon[class*="facebook"] { color: #4F5FBF !important; } .sc_layouts_panel_menu .sc_socials.sc_socials_icons_names .socials_wrap .social_item:hover .social_icon[class*="twitter"] { color: #48BDE9 !important; } .sc_layouts_panel_menu .sc_socials.sc_socials_icons_names .socials_wrap .social_item:hover .social_icon[class*="dribble"] { color: #EA4C89 !important; } .sc_layouts_panel_menu .sc_socials.sc_socials_icons_names .socials_wrap .social_item:hover .social_icon[class*="instagram"] { color: #C41BD1 !important; } .sc_layouts_panel_menu .sc_socials.sc_socials_icons_names .socials_wrap .social_item:hover .social_name { color: var(--theme-color-alter_dark); } .sc_layouts_panel_menu .sc_socials.sc_socials_icons_names .socials_wrap .social_item:last-child { margin-right: 0; } .sc_layouts_panel_menu .sc_socials.sc_socials_icons_names .socials_wrap .social_item .social_icon { padding: 0 1px; width: auto; height: auto; line-height: inherit; text-align: left; } .sc_layouts_panel_menu .sc_socials.sc_socials_icons_names .socials_wrap .social_item .social_icon + .social_name { font-size: 14px; line-height: 17px; font-weight: 600; margin: 0 0 0 8px; } .sc_layouts_panel_menu .section_divider .elementor-container { padding-top: 30px; padding-bottom: 30px; } .sc_layouts_panel_menu .section_divider .elementor-container:before { content: ''; display: block; height: 1px; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; background-color: var(--theme-color-alter_dark); } .sc_layouts_panel_menu .sc_layouts_panel_menu_close .sc_layouts_panel_menu_close_icon, .sc_layouts_panel_menu .sc_layouts_panel_menu_close .sc_layouts_panel_menu_close_text { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; visibility: hidden; } .sc_layouts_panel_menu.opened .sc_layouts_panel_menu_close .sc_layouts_panel_menu_close_icon, .sc_layouts_panel_menu.opened .sc_layouts_panel_menu_close .sc_layouts_panel_menu_close_text { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.opened .sc_layouts_panel_menu_close .sc_layouts_panel_menu_close_icon { -webkit-animation-name: fadeInAnimScale; animation-name: fadeInAnimScale; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; transform-origin: 50% 54%; } .sc_layouts_panel_menu.out_anim .sc_layouts_panel_menu_close .sc_layouts_panel_menu_close_icon, .sc_layouts_panel_menu.out_anim .sc_layouts_panel_menu_close .sc_layouts_panel_menu_close_text { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: visible; } .sc_layouts_panel_menu.out_anim .sc_layouts_panel_menu_close .sc_layouts_panel_menu_close_icon { -webkit-animation-name: fadeOutAnimScale; animation-name: fadeOutAnimScale; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sc_layouts_panel_menu .ps1-anim1 .sc_layouts_logo { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; visibility: hidden; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .sc_layouts_panel_menu.opened .ps1-anim1 .sc_layouts_logo { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps1-anim1 .sc_layouts_logo { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; visibility: visible; } .sc_layouts_panel_menu .ps1-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: hidden; } .sc_layouts_panel_menu .ps1-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(2) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } .sc_layouts_panel_menu .ps1-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(3) { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .sc_layouts_panel_menu .ps1-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(4) { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .sc_layouts_panel_menu .ps1-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(5) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .sc_layouts_panel_menu .ps1-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(6) { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .sc_layouts_panel_menu .ps1-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(7) { -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s; } .sc_layouts_panel_menu.opened .ps1-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps1-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps1-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(2) { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .sc_layouts_panel_menu.out_anim .ps1-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(3) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .sc_layouts_panel_menu.out_anim .ps1-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(4) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .sc_layouts_panel_menu.out_anim .ps1-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(5) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .sc_layouts_panel_menu.out_anim .ps1-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(6) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .sc_layouts_panel_menu.out_anim .ps1-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(7) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .sc_layouts_panel_menu .ps1-anim3 .elementor-heading-title { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: hidden; } .sc_layouts_panel_menu.opened .ps1-anim3 .elementor-heading-title { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps1-anim3 .elementor-heading-title { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; visibility: visible; } .sc_layouts_panel_menu .ps1-anim4.elementor-widget-text-editor h1, .sc_layouts_panel_menu .ps1-anim4.elementor-widget-text-editor h2, .sc_layouts_panel_menu .ps1-anim4.elementor-widget-text-editor h3, .sc_layouts_panel_menu .ps1-anim4.elementor-widget-text-editor h4, .sc_layouts_panel_menu .ps1-anim4.elementor-widget-text-editor h5, .sc_layouts_panel_menu .ps1-anim4.elementor-widget-text-editor h6 { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; visibility: hidden; } .sc_layouts_panel_menu.opened .ps1-anim4.elementor-widget-text-editor h1, .sc_layouts_panel_menu.opened .ps1-anim4.elementor-widget-text-editor h2, .sc_layouts_panel_menu.opened .ps1-anim4.elementor-widget-text-editor h3, .sc_layouts_panel_menu.opened .ps1-anim4.elementor-widget-text-editor h4, .sc_layouts_panel_menu.opened .ps1-anim4.elementor-widget-text-editor h5, .sc_layouts_panel_menu.opened .ps1-anim4.elementor-widget-text-editor h6 { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps1-anim4.elementor-widget-text-editor h1, .sc_layouts_panel_menu.out_anim .ps1-anim4.elementor-widget-text-editor h2, .sc_layouts_panel_menu.out_anim .ps1-anim4.elementor-widget-text-editor h3, .sc_layouts_panel_menu.out_anim .ps1-anim4.elementor-widget-text-editor h4, .sc_layouts_panel_menu.out_anim .ps1-anim4.elementor-widget-text-editor h5, .sc_layouts_panel_menu.out_anim .ps1-anim4.elementor-widget-text-editor h6 { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; visibility: visible; } .sc_layouts_panel_menu .ps1-anim5.elementor-widget-text-editor p > a { -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .sc_layouts_panel_menu .ps1-anim5.elementor-widget-text-editor p { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; visibility: hidden; } .sc_layouts_panel_menu.opened .ps1-anim5.elementor-widget-text-editor p { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps1-anim5.elementor-widget-text-editor p { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: visible; } .sc_layouts_panel_menu .ps1-anim6 .sc_socials .socials_wrap .social_item, .sc_layouts_panel_menu .ps1-anim6 .sc_widget_socials .socials_wrap .social_item { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: hidden; } .sc_layouts_panel_menu .ps1-anim6 .sc_socials .socials_wrap .social_item:nth-child(2), .sc_layouts_panel_menu .ps1-anim6 .sc_widget_socials .socials_wrap .social_item:nth-child(2) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } .sc_layouts_panel_menu .ps1-anim6 .sc_socials .socials_wrap .social_item:nth-child(3), .sc_layouts_panel_menu .ps1-anim6 .sc_widget_socials .socials_wrap .social_item:nth-child(3) { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .sc_layouts_panel_menu .ps1-anim6 .sc_socials .socials_wrap .social_item:nth-child(4), .sc_layouts_panel_menu .ps1-anim6 .sc_widget_socials .socials_wrap .social_item:nth-child(4) { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .sc_layouts_panel_menu .ps1-anim6 .sc_socials .socials_wrap .social_item:nth-child(5), .sc_layouts_panel_menu .ps1-anim6 .sc_widget_socials .socials_wrap .social_item:nth-child(5) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .sc_layouts_panel_menu.opened .ps1-anim6 .sc_socials .socials_wrap .social_item, .sc_layouts_panel_menu.opened .ps1-anim6 .sc_widget_socials .socials_wrap .social_item { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps1-anim6 .sc_socials .socials_wrap .social_item, .sc_layouts_panel_menu.out_anim .ps1-anim6 .sc_widget_socials .socials_wrap .social_item { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps1-anim6 .sc_socials .socials_wrap .social_item:nth-child(2), .sc_layouts_panel_menu.out_anim .ps1-anim6 .sc_widget_socials .socials_wrap .social_item:nth-child(2) { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .sc_layouts_panel_menu.out_anim .ps1-anim6 .sc_socials .socials_wrap .social_item:nth-child(3), .sc_layouts_panel_menu.out_anim .ps1-anim6 .sc_widget_socials .socials_wrap .social_item:nth-child(3) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .sc_layouts_panel_menu.out_anim .ps1-anim6 .sc_socials .socials_wrap .social_item:nth-child(4), .sc_layouts_panel_menu.out_anim .ps1-anim6 .sc_widget_socials .socials_wrap .social_item:nth-child(4) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .sc_layouts_panel_menu.out_anim .ps1-anim6 .sc_socials .socials_wrap .social_item:nth-child(5), .sc_layouts_panel_menu.out_anim .ps1-anim6 .sc_widget_socials .socials_wrap .social_item:nth-child(5) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .sc_layouts_panel_menu .ps2-anim1 .sc_layouts_logo { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; visibility: hidden; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .sc_layouts_panel_menu.opened .ps2-anim1 .sc_layouts_logo { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps2-anim1 .sc_layouts_logo { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; visibility: visible; } .sc_layouts_panel_menu .ps2-anim2 .sc_layouts_menu_dir_vertical > ul > li, .sc_layouts_panel_menu .ps2-anim2 .sc_layouts_menu_dir_horizontal > ul > li { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: hidden; } .sc_layouts_panel_menu .ps2-anim2 .sc_layouts_menu_dir_vertical > ul > li:nth-child(2), .sc_layouts_panel_menu .ps2-anim2 .sc_layouts_menu_dir_horizontal > ul > li:nth-child(2) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } .sc_layouts_panel_menu .ps2-anim2 .sc_layouts_menu_dir_vertical > ul > li:nth-child(3), .sc_layouts_panel_menu .ps2-anim2 .sc_layouts_menu_dir_horizontal > ul > li:nth-child(3) { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .sc_layouts_panel_menu .ps2-anim2 .sc_layouts_menu_dir_vertical > ul > li:nth-child(4), .sc_layouts_panel_menu .ps2-anim2 .sc_layouts_menu_dir_horizontal > ul > li:nth-child(4) { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .sc_layouts_panel_menu .ps2-anim2 .sc_layouts_menu_dir_vertical > ul > li:nth-child(5), .sc_layouts_panel_menu .ps2-anim2 .sc_layouts_menu_dir_horizontal > ul > li:nth-child(5) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .sc_layouts_panel_menu .ps2-anim2 .sc_layouts_menu_dir_vertical > ul > li:nth-child(6), .sc_layouts_panel_menu .ps2-anim2 .sc_layouts_menu_dir_horizontal > ul > li:nth-child(6) { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .sc_layouts_panel_menu .ps2-anim2 .sc_layouts_menu_dir_vertical > ul > li:nth-child(7), .sc_layouts_panel_menu .ps2-anim2 .sc_layouts_menu_dir_horizontal > ul > li:nth-child(7) { -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s; } .sc_layouts_panel_menu.opened .ps2-anim2 .sc_layouts_menu_dir_vertical > ul > li, .sc_layouts_panel_menu.opened .ps2-anim2 .sc_layouts_menu_dir_horizontal > ul > li { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps2-anim2 .sc_layouts_menu_dir_vertical > ul > li, .sc_layouts_panel_menu.out_anim .ps2-anim2 .sc_layouts_menu_dir_horizontal > ul > li { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps2-anim2 .sc_layouts_menu_dir_vertical > ul > li:nth-child(2), .sc_layouts_panel_menu.out_anim .ps2-anim2 .sc_layouts_menu_dir_horizontal > ul > li:nth-child(2) { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .sc_layouts_panel_menu.out_anim .ps2-anim2 .sc_layouts_menu_dir_vertical > ul > li:nth-child(3), .sc_layouts_panel_menu.out_anim .ps2-anim2 .sc_layouts_menu_dir_horizontal > ul > li:nth-child(3) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .sc_layouts_panel_menu.out_anim .ps2-anim2 .sc_layouts_menu_dir_vertical > ul > li:nth-child(4), .sc_layouts_panel_menu.out_anim .ps2-anim2 .sc_layouts_menu_dir_horizontal > ul > li:nth-child(4) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .sc_layouts_panel_menu.out_anim .ps2-anim2 .sc_layouts_menu_dir_vertical > ul > li:nth-child(5), .sc_layouts_panel_menu.out_anim .ps2-anim2 .sc_layouts_menu_dir_horizontal > ul > li:nth-child(5) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .sc_layouts_panel_menu.out_anim .ps2-anim2 .sc_layouts_menu_dir_vertical > ul > li:nth-child(6), .sc_layouts_panel_menu.out_anim .ps2-anim2 .sc_layouts_menu_dir_horizontal > ul > li:nth-child(6) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .sc_layouts_panel_menu.out_anim .ps2-anim2 .sc_layouts_menu_dir_vertical > ul > li:nth-child(7), .sc_layouts_panel_menu.out_anim .ps2-anim2 .sc_layouts_menu_dir_horizontal > ul > li:nth-child(7) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .sc_layouts_panel_menu .ps2-anim3 .elementor-divider-separator { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: hidden; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; --divider-border-color: var(--theme-color-alter_dark); --divider-color: var(--theme-color-alter_dark); } .sc_layouts_panel_menu.opened .ps2-anim3 .elementor-divider-separator { -webkit-animation-name: fadeInMove; animation-name: fadeInMove; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps2-anim3 .elementor-divider-separator { -webkit-animation-name: fadeOutMove; animation-name: fadeOutMove; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; visibility: visible; } .sc_layouts_panel_menu .ps2-anim4 .sc_socials .socials_wrap .social_item, .sc_layouts_panel_menu .ps2-anim4 .sc_widget_socials .socials_wrap .social_item { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; visibility: hidden; } .sc_layouts_panel_menu .ps2-anim4 .sc_socials .socials_wrap .social_item:nth-child(2), .sc_layouts_panel_menu .ps2-anim4 .sc_widget_socials .socials_wrap .social_item:nth-child(2) { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .sc_layouts_panel_menu .ps2-anim4 .sc_socials .socials_wrap .social_item:nth-child(3), .sc_layouts_panel_menu .ps2-anim4 .sc_widget_socials .socials_wrap .social_item:nth-child(3) { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .sc_layouts_panel_menu .ps2-anim4 .sc_socials .socials_wrap .social_item:nth-child(4), .sc_layouts_panel_menu .ps2-anim4 .sc_widget_socials .socials_wrap .social_item:nth-child(4) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .sc_layouts_panel_menu .ps2-anim4 .sc_socials .socials_wrap .social_item:nth-child(5), .sc_layouts_panel_menu .ps2-anim4 .sc_widget_socials .socials_wrap .social_item:nth-child(5) { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .sc_layouts_panel_menu.opened .ps2-anim4 .sc_socials .socials_wrap .social_item, .sc_layouts_panel_menu.opened .ps2-anim4 .sc_widget_socials .socials_wrap .social_item { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps2-anim4 .sc_socials .socials_wrap .social_item, .sc_layouts_panel_menu.out_anim .ps2-anim4 .sc_widget_socials .socials_wrap .social_item { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps2-anim4 .sc_socials .socials_wrap .social_item:nth-child(2), .sc_layouts_panel_menu.out_anim .ps2-anim4 .sc_widget_socials .socials_wrap .social_item:nth-child(2) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .sc_layouts_panel_menu.out_anim .ps2-anim4 .sc_socials .socials_wrap .social_item:nth-child(3), .sc_layouts_panel_menu.out_anim .ps2-anim4 .sc_widget_socials .socials_wrap .social_item:nth-child(3) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .sc_layouts_panel_menu.out_anim .ps2-anim4 .sc_socials .socials_wrap .social_item:nth-child(4), .sc_layouts_panel_menu.out_anim .ps2-anim4 .sc_widget_socials .socials_wrap .social_item:nth-child(4) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .sc_layouts_panel_menu.out_anim .ps2-anim4 .sc_socials .socials_wrap .social_item:nth-child(5), .sc_layouts_panel_menu.out_anim .ps2-anim4 .sc_widget_socials .socials_wrap .social_item:nth-child(5) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .sc_layouts_panel_menu .ps3-anim1 .sc_layouts_logo { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; visibility: hidden; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .sc_layouts_panel_menu.opened .ps3-anim1 .sc_layouts_logo { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps3-anim1 .sc_layouts_logo { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; visibility: visible; } .sc_layouts_panel_menu .ps3-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: hidden; } .sc_layouts_panel_menu .ps3-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(2) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } .sc_layouts_panel_menu .ps3-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(3) { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .sc_layouts_panel_menu .ps3-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(4) { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .sc_layouts_panel_menu .ps3-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(5) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .sc_layouts_panel_menu .ps3-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(6) { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .sc_layouts_panel_menu .ps3-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(7) { -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s; } .sc_layouts_panel_menu.opened .ps3-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps3-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps3-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(2) { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .sc_layouts_panel_menu.out_anim .ps3-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(3) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .sc_layouts_panel_menu.out_anim .ps3-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(4) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .sc_layouts_panel_menu.out_anim .ps3-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(5) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .sc_layouts_panel_menu.out_anim .ps3-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(6) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .sc_layouts_panel_menu.out_anim .ps3-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(7) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .sc_layouts_panel_menu .ps3-anim3 .elementor-divider-separator { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: hidden; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; --divider-border-color: var(--theme-color-alter_dark); --divider-color: var(--theme-color-alter_dark); } .sc_layouts_panel_menu.opened .ps3-anim3 .elementor-divider-separator { -webkit-animation-name: fadeInMove; animation-name: fadeInMove; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps3-anim3 .elementor-divider-separator { -webkit-animation-name: fadeOutMove; animation-name: fadeOutMove; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; visibility: visible; } .sc_layouts_panel_menu .ps3-anim4 .sc_socials .socials_wrap .social_item, .sc_layouts_panel_menu .ps3-anim4 .sc_widget_socials .socials_wrap .social_item { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; visibility: hidden; } .sc_layouts_panel_menu .ps3-anim4 .sc_socials .socials_wrap .social_item:nth-child(2), .sc_layouts_panel_menu .ps3-anim4 .sc_widget_socials .socials_wrap .social_item:nth-child(2) { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .sc_layouts_panel_menu .ps3-anim4 .sc_socials .socials_wrap .social_item:nth-child(3), .sc_layouts_panel_menu .ps3-anim4 .sc_widget_socials .socials_wrap .social_item:nth-child(3) { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .sc_layouts_panel_menu .ps3-anim4 .sc_socials .socials_wrap .social_item:nth-child(4), .sc_layouts_panel_menu .ps3-anim4 .sc_widget_socials .socials_wrap .social_item:nth-child(4) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .sc_layouts_panel_menu .ps3-anim4 .sc_socials .socials_wrap .social_item:nth-child(5), .sc_layouts_panel_menu .ps3-anim4 .sc_widget_socials .socials_wrap .social_item:nth-child(5) { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .sc_layouts_panel_menu.opened .ps3-anim4 .sc_socials .socials_wrap .social_item, .sc_layouts_panel_menu.opened .ps3-anim4 .sc_widget_socials .socials_wrap .social_item { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps3-anim4 .sc_socials .socials_wrap .social_item, .sc_layouts_panel_menu.out_anim .ps3-anim4 .sc_widget_socials .socials_wrap .social_item { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps3-anim4 .sc_socials .socials_wrap .social_item:nth-child(2), .sc_layouts_panel_menu.out_anim .ps3-anim4 .sc_widget_socials .socials_wrap .social_item:nth-child(2) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .sc_layouts_panel_menu.out_anim .ps3-anim4 .sc_socials .socials_wrap .social_item:nth-child(3), .sc_layouts_panel_menu.out_anim .ps3-anim4 .sc_widget_socials .socials_wrap .social_item:nth-child(3) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .sc_layouts_panel_menu.out_anim .ps3-anim4 .sc_socials .socials_wrap .social_item:nth-child(4), .sc_layouts_panel_menu.out_anim .ps3-anim4 .sc_widget_socials .socials_wrap .social_item:nth-child(4) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .sc_layouts_panel_menu.out_anim .ps3-anim4 .sc_socials .socials_wrap .social_item:nth-child(5), .sc_layouts_panel_menu.out_anim .ps3-anim4 .sc_widget_socials .socials_wrap .social_item:nth-child(5) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .sc_layouts_panel_menu .ps4-anim1 .sc_layouts_logo { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; visibility: hidden; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .sc_layouts_panel_menu.opened .ps4-anim1 .sc_layouts_logo { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps4-anim1 .sc_layouts_logo { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; visibility: visible; } .sc_layouts_panel_menu .ps4-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: hidden; } .sc_layouts_panel_menu .ps4-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(2) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } .sc_layouts_panel_menu .ps4-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(3) { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .sc_layouts_panel_menu .ps4-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(4) { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .sc_layouts_panel_menu .ps4-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(5) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .sc_layouts_panel_menu .ps4-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(6) { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .sc_layouts_panel_menu .ps4-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(7) { -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s; } .sc_layouts_panel_menu.opened .ps4-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps4-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps4-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(2) { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .sc_layouts_panel_menu.out_anim .ps4-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(3) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .sc_layouts_panel_menu.out_anim .ps4-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(4) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .sc_layouts_panel_menu.out_anim .ps4-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(5) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .sc_layouts_panel_menu.out_anim .ps4-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(6) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .sc_layouts_panel_menu.out_anim .ps4-anim2 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(7) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .sc_layouts_panel_menu .ps4-anim3 .elementor-divider-separator, .sc_layouts_panel_menu .ps4-anim3.section_divider .elementor-container:before { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: hidden; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; --divider-border-color: var(--theme-color-alter_dark); --divider-color: var(--theme-color-alter_dark); } .sc_layouts_panel_menu.opened .ps4-anim3 .elementor-divider-separator, .sc_layouts_panel_menu.opened .ps4-anim3.section_divider .elementor-container:before { -webkit-animation-name: fadeInMove; animation-name: fadeInMove; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps4-anim3 .elementor-divider-separator, .sc_layouts_panel_menu.out_anim .ps4-anim3.section_divider .elementor-container:before { -webkit-animation-name: fadeOutMove; animation-name: fadeOutMove; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; visibility: visible; } .sc_layouts_panel_menu .ps4-anim4.elementor-widget-text-editor p > a { -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .sc_layouts_panel_menu .ps4-anim4.elementor-widget-text-editor p { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; visibility: hidden; } .sc_layouts_panel_menu.opened .ps4-anim4.elementor-widget-text-editor p { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps4-anim4.elementor-widget-text-editor p { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; visibility: visible; } .sc_layouts_panel_menu .ps4-anim5 .sc_socials .socials_wrap .social_item, .sc_layouts_panel_menu .ps4-anim5 .sc_widget_socials .socials_wrap .social_item { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; visibility: hidden; } .sc_layouts_panel_menu .ps4-anim5 .sc_socials .socials_wrap .social_item:nth-child(2), .sc_layouts_panel_menu .ps4-anim5 .sc_widget_socials .socials_wrap .social_item:nth-child(2) { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .sc_layouts_panel_menu .ps4-anim5 .sc_socials .socials_wrap .social_item:nth-child(3), .sc_layouts_panel_menu .ps4-anim5 .sc_widget_socials .socials_wrap .social_item:nth-child(3) { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .sc_layouts_panel_menu .ps4-anim5 .sc_socials .socials_wrap .social_item:nth-child(4), .sc_layouts_panel_menu .ps4-anim5 .sc_widget_socials .socials_wrap .social_item:nth-child(4) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .sc_layouts_panel_menu .ps4-anim5 .sc_socials .socials_wrap .social_item:nth-child(5), .sc_layouts_panel_menu .ps4-anim5 .sc_widget_socials .socials_wrap .social_item:nth-child(5) { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .sc_layouts_panel_menu.opened .ps4-anim5 .sc_socials .socials_wrap .social_item, .sc_layouts_panel_menu.opened .ps4-anim5 .sc_widget_socials .socials_wrap .social_item { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps4-anim5 .sc_socials .socials_wrap .social_item, .sc_layouts_panel_menu.out_anim .ps4-anim5 .sc_widget_socials .socials_wrap .social_item { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps4-anim5 .sc_socials .socials_wrap .social_item:nth-child(2), .sc_layouts_panel_menu.out_anim .ps4-anim5 .sc_widget_socials .socials_wrap .social_item:nth-child(2) { -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; -o-animation-delay: 0.25s; animation-delay: 0.25s; } .sc_layouts_panel_menu.out_anim .ps4-anim5 .sc_socials .socials_wrap .social_item:nth-child(3), .sc_layouts_panel_menu.out_anim .ps4-anim5 .sc_widget_socials .socials_wrap .social_item:nth-child(3) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .sc_layouts_panel_menu.out_anim .ps4-anim5 .sc_socials .socials_wrap .social_item:nth-child(4), .sc_layouts_panel_menu.out_anim .ps4-anim5 .sc_widget_socials .socials_wrap .social_item:nth-child(4) { -webkit-animation-delay: 0.15s; -moz-animation-delay: 0.15s; -o-animation-delay: 0.15s; animation-delay: 0.15s; } .sc_layouts_panel_menu.out_anim .ps4-anim5 .sc_socials .socials_wrap .social_item:nth-child(5), .sc_layouts_panel_menu.out_anim .ps4-anim5 .sc_widget_socials .socials_wrap .social_item:nth-child(5) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .sc_layouts_panel_menu .ps5-anim1 .sc_layouts_logo { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; visibility: hidden; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .sc_layouts_panel_menu.opened .ps5-anim1 .sc_layouts_logo { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps5-anim1 .sc_layouts_logo { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; visibility: visible; } .sc_layouts_panel_menu .ps5-anim2.elementor-widget-text-editor p > a { -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .sc_layouts_panel_menu .ps5-anim2.elementor-widget-text-editor p { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; visibility: hidden; } .sc_layouts_panel_menu.opened .ps5-anim2.elementor-widget-text-editor p { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps5-anim2.elementor-widget-text-editor p { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; visibility: visible; } .sc_layouts_panel_menu .ps5-anim3.elementor-widget-text-editor p > a { -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .sc_layouts_panel_menu .ps5-anim3.elementor-widget-text-editor p { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: hidden; } .sc_layouts_panel_menu.opened .ps5-anim3.elementor-widget-text-editor p { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps5-anim3.elementor-widget-text-editor p { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: visible; } .sc_layouts_panel_menu .ps5-anim4.elementor-widget-text-editor h1, .sc_layouts_panel_menu .ps5-anim4.elementor-widget-text-editor h2, .sc_layouts_panel_menu .ps5-anim4.elementor-widget-text-editor h3, .sc_layouts_panel_menu .ps5-anim4.elementor-widget-text-editor h4, .sc_layouts_panel_menu .ps5-anim4.elementor-widget-text-editor h5, .sc_layouts_panel_menu .ps5-anim4.elementor-widget-text-editor h6 { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; visibility: hidden; } .sc_layouts_panel_menu.opened .ps5-anim4.elementor-widget-text-editor h1, .sc_layouts_panel_menu.opened .ps5-anim4.elementor-widget-text-editor h2, .sc_layouts_panel_menu.opened .ps5-anim4.elementor-widget-text-editor h3, .sc_layouts_panel_menu.opened .ps5-anim4.elementor-widget-text-editor h4, .sc_layouts_panel_menu.opened .ps5-anim4.elementor-widget-text-editor h5, .sc_layouts_panel_menu.opened .ps5-anim4.elementor-widget-text-editor h6 { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps5-anim4.elementor-widget-text-editor h1, .sc_layouts_panel_menu.out_anim .ps5-anim4.elementor-widget-text-editor h2, .sc_layouts_panel_menu.out_anim .ps5-anim4.elementor-widget-text-editor h3, .sc_layouts_panel_menu.out_anim .ps5-anim4.elementor-widget-text-editor h4, .sc_layouts_panel_menu.out_anim .ps5-anim4.elementor-widget-text-editor h5, .sc_layouts_panel_menu.out_anim .ps5-anim4.elementor-widget-text-editor h6 { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; visibility: visible; } .sc_layouts_panel_menu .ps5-anim5 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: hidden; } .sc_layouts_panel_menu .ps5-anim5 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(2) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } .sc_layouts_panel_menu .ps5-anim5 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(3) { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .sc_layouts_panel_menu .ps5-anim5 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(4) { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .sc_layouts_panel_menu .ps5-anim5 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(5) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .sc_layouts_panel_menu .ps5-anim5 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(6) { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .sc_layouts_panel_menu .ps5-anim5 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(7) { -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s; } .sc_layouts_panel_menu.opened .ps5-anim5 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps5-anim5 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps5-anim5 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(2) { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .sc_layouts_panel_menu.out_anim .ps5-anim5 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(3) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .sc_layouts_panel_menu.out_anim .ps5-anim5 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(4) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .sc_layouts_panel_menu.out_anim .ps5-anim5 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(5) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .sc_layouts_panel_menu.out_anim .ps5-anim5 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(6) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .sc_layouts_panel_menu.out_anim .ps5-anim5 .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown > ul > li:nth-child(7) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .sc_layouts_panel_menu .ps5-anim6 .elementor-divider-separator { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: hidden; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; --divider-border-color: var(--theme-color-alter_dark); --divider-color: var(--theme-color-alter_dark); } .sc_layouts_panel_menu.opened .ps5-anim6 .elementor-divider-separator { -webkit-animation-name: fadeInMove; animation-name: fadeInMove; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps5-anim6 .elementor-divider-separator { -webkit-animation-name: fadeOutMove; animation-name: fadeOutMove; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; visibility: visible; } .sc_layouts_panel_menu .ps5-anim7 .sc_socials .socials_wrap .social_item, .sc_layouts_panel_menu .ps5-anim7 .sc_widget_socials .socials_wrap .social_item { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; visibility: hidden; } .sc_layouts_panel_menu .ps5-anim7 .sc_socials .socials_wrap .social_item:nth-child(2), .sc_layouts_panel_menu .ps5-anim7 .sc_widget_socials .socials_wrap .social_item:nth-child(2) { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .sc_layouts_panel_menu .ps5-anim7 .sc_socials .socials_wrap .social_item:nth-child(3), .sc_layouts_panel_menu .ps5-anim7 .sc_widget_socials .socials_wrap .social_item:nth-child(3) { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .sc_layouts_panel_menu .ps5-anim7 .sc_socials .socials_wrap .social_item:nth-child(4), .sc_layouts_panel_menu .ps5-anim7 .sc_widget_socials .socials_wrap .social_item:nth-child(4) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .sc_layouts_panel_menu .ps5-anim7 .sc_socials .socials_wrap .social_item:nth-child(5), .sc_layouts_panel_menu .ps5-anim7 .sc_widget_socials .socials_wrap .social_item:nth-child(5) { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .sc_layouts_panel_menu.opened .ps5-anim7 .sc_socials .socials_wrap .social_item, .sc_layouts_panel_menu.opened .ps5-anim7 .sc_widget_socials .socials_wrap .social_item { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps5-anim7 .sc_socials .socials_wrap .social_item, .sc_layouts_panel_menu.out_anim .ps5-anim7 .sc_widget_socials .socials_wrap .social_item { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; visibility: visible; } .sc_layouts_panel_menu.out_anim .ps5-anim7 .sc_socials .socials_wrap .social_item:nth-child(2), .sc_layouts_panel_menu.out_anim .ps5-anim7 .sc_widget_socials .socials_wrap .social_item:nth-child(2) { -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; -o-animation-delay: 0.25s; animation-delay: 0.25s; } .sc_layouts_panel_menu.out_anim .ps5-anim7 .sc_socials .socials_wrap .social_item:nth-child(3), .sc_layouts_panel_menu.out_anim .ps5-anim7 .sc_widget_socials .socials_wrap .social_item:nth-child(3) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .sc_layouts_panel_menu.out_anim .ps5-anim7 .sc_socials .socials_wrap .social_item:nth-child(4), .sc_layouts_panel_menu.out_anim .ps5-anim7 .sc_widget_socials .socials_wrap .social_item:nth-child(4) { -webkit-animation-delay: 0.15s; -moz-animation-delay: 0.15s; -o-animation-delay: 0.15s; animation-delay: 0.15s; } .sc_layouts_panel_menu.out_anim .ps5-anim7 .sc_socials .socials_wrap .social_item:nth-child(5), .sc_layouts_panel_menu.out_anim .ps5-anim7 .sc_widget_socials .socials_wrap .social_item:nth-child(5) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } /* Mobile menu ---------------------------------------- */ body.mobile_layout.menu_side_left { margin-left: 0; } body.mobile_layout.menu_side_right { margin-right: 0; } body.mobile_layout.menu_side_right .menu_side_wrap { right: -6rem; } body.mobile_layout.menu_side_left .menu_side_wrap { left: -6rem; } body.mobile_layout.menu_side_right .menu_side_wrap.opened { right: 0; } body.mobile_layout.menu_side_left .menu_side_wrap.opened { left: 0; } body.mobile_layout.menu_side_present .menu_side_wrap .menu_side_button { display: block; } body.mobile_layout.menu_side_left .menu_side_wrap .menu_side_button:hover { right: -2em; } body.mobile_layout.menu_side_right .menu_side_wrap .menu_side_button:hover { left: -2em; } /* Admin Bar Mobile Menu */ .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_overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 8001; width: 100%; height: 100%; background-color: var(--theme-color-alter_bg_color); opacity: .1; } .menu_mobile { position: fixed; z-index: 100002; top: 0; left: 0; width: 100%; height: 0; will-change: height; -webkit-transition: height 0.45s cubic-bezier(0.5, 1, 0.89, 1); -ms-transition: height 0.45s cubic-bezier(0.5, 1, 0.89, 1); transition: height 0.45s cubic-bezier(0.5, 1, 0.89, 1); /* hide scrollbar Explorer */ /* hide scrollbar FireFox */ /* hide scrollbar Chrome */ /* Layouts as submenu */ /* Search Mobile */ /* Socials Mobile */ /* Close Button */ /* Menu Mobile With Widgets */ /* Widgets Area */ /* Animation +++++++++++++++++++++++++++ */ /* logo */ /* menu */ /* Socials */ /* socials mobile */ /* widgets area */ } .menu_mobile.opened { height: 100%; } .menu_mobile .menu_mobile_inner { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; text-align: center; overflow: hidden; color: var(--theme-color-alter_text); background-color: var(--theme-color-alter_bg_color); } .menu_mobile .menu_mobile_header_wrap { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; padding: 60px 65px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_mobile .menu_mobile_content_wrap.content_wrap { position: relative; z-index: 1; height: 100%; max-height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_mobile .menu_mobile_content_wrap_inner { position: relative; z-index: 1; height: 100%; max-height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_mobile .menu_mobile_button { color: var(--theme-color-text_dark); } .menu_mobile .menu_mobile_button:hover { color: var(--theme-color-text_link); } .menu_mobile .menu-item > a { display: block; } .menu_mobile .menu_mobile_inner a, .menu_mobile .menu_mobile_inner .menu_mobile_nav_area li:before { color: var(--theme-color-alter_text); } .menu_mobile .menu_mobile_inner a:hover, .menu_mobile .menu_mobile_inner .current-menu-ancestor > a, .menu_mobile .menu_mobile_inner .current-menu-item > a, .menu_mobile .menu_mobile_inner .menu_mobile_nav_area li:hover:before, .menu_mobile .menu_mobile_inner .menu_mobile_nav_area li.current-menu-ancestor:before, .menu_mobile .menu_mobile_inner .menu_mobile_nav_area li.current-menu-item:before { color: var(--theme-color-alter_dark); } .menu_mobile .menu_mobile_inner .menu-item.opened > a { color: var(--theme-color-alter_dark); } .menu_mobile [class*="sc_fly_"]:not(.sc_fly_static) { position: static !important; -webkit-transform: none; -ms-transform: none; transform: none; left: auto; top: auto; right: auto; bottom: auto; } .menu_mobile .menu_mobile_nav_area { position: absolute; z-index: 1; top: 27%; left: 0; width: 100%; height: auto; max-height: 53%; overflow-x: hidden; overflow-y: auto; } .menu_mobile .menu_mobile_content_wrap_inner.without_socials .menu_mobile_nav_area { max-height: 65%; } .menu_mobile .menu_mobile_nav_area { -ms-overflow-style: none; } .menu_mobile .menu_mobile_nav_area { scrollbar-width: none; } .menu_mobile .menu_mobile_nav_area::-webkit-scrollbar { width: 0; } .menu_mobile .menu_mobile_nav_area ul { margin: 0 auto; padding: 0; list-style: none; width: auto; } .menu_mobile .menu_mobile_nav_area ul ul { padding: 1em 0; margin: 0; display: none; } .menu_mobile .menu_mobile_nav_area > ul > li > ul { padding: 1em 0 0.6em; } .menu_mobile .menu_mobile_nav_area li { margin-bottom: 0; width: 100%; } .menu_mobile .menu_mobile_nav_area .menu-item > a { font-size: 19px; line-height: 1.5em; font-weight: 400; letter-spacing: 0.6px; padding: 5px 2em; position: relative; display: inline-block; width: auto; text-align: left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .menu_mobile .menu_mobile_nav_area .menu-item[class*="icon-"] { position: relative; display: block; } .menu_mobile .menu_mobile_nav_area .menu-item[class*="icon-"]:before { font-size: 24px; line-height: inherit; font-weight: 400; display: inline-block; padding: 0; width: 1em; position: absolute; z-index: 1; top: 24px; left: 50%; -webkit-transform: translateX(-12rem); -ms-transform: translateX(-12rem); transform: translateX(-12rem); -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .menu_mobile .menu_mobile_nav_area .menu-item .menu-item[class*="icon-"]:before { top: 6px; font-size: 18px; } .menu_mobile .menu_mobile_nav_area > ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item:last-child > ul { padding-bottom: 0; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item > a { font-size: 38px; line-height: 1.5em; font-weight: 700; letter-spacing: 0; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item > a { padding: 0.4em 3.7em; } .menu_mobile .menu_mobile_nav_area .open_child_menu { display: block; position: absolute; z-index: 1; top: 0; right: 0; padding: 0; -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; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } .menu_mobile .menu_mobile_nav_area .menu-item .menu-item .open_child_menu { top: 5px; background-color: transparent; padding: 0; } .menu_mobile .menu_mobile_nav_area li > a > .open_child_menu:before { font-size: 16px; font-weight: 400; font-family: "fontello"; content: '\E9A4'; position: relative; right: 10px; opacity: 0; -webkit-transition: right 0.3s ease-out, color 0.3s ease, opacity 0.3s ease; -ms-transition: right 0.3s ease-out, color 0.3s ease, opacity 0.3s ease; transition: right 0.3s ease-out, color 0.3s ease, opacity 0.3s ease; } .menu_mobile .menu_mobile_nav_area li.opened > a > .open_child_menu:before, .menu_mobile .menu_mobile_nav_area li > a:hover > .open_child_menu:before { right: 0; opacity: 1; } .menu_mobile .menu_mobile_nav_area > ul > li li > a > .open_child_menu:before { font-size: 8px; } .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu { display: none; width: auto; text-align: left; padding: 1em; margin: 0 auto; } .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .sc_content { width: 100% !important; } .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .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 li > ul.sc_layouts_submenu ul { display: block; } .menu_mobile .search_mobile { position: absolute; z-index: 1; bottom: 8rem; left: 0; width: 28rem; margin-left: 0; } .menu_mobile .search_mobile form { position: relative; } .menu_mobile .search_mobile .search_field { width: 100%; padding: 1.5em 3em 1.5em 1.5em !important; } .menu_mobile .search_mobile .search_submit { position: absolute; z-index: 1; top: 0; right: 0; bottom: auto; left: auto; font-size: 0.8667em; padding: 2em 1.8em; color: var(--theme-color-input_light); background-color: transparent; } .menu_mobile .search_mobile .search_submit:focus, .menu_mobile .search_mobile .search_submit:hover { color: var(--theme-color-input_dark); } .menu_mobile .socials_mobile { position: absolute; z-index: 1; bottom: 2rem; left: 0; display: block; width: 100%; padding-top: 2.6em; } .menu_mobile .socials_mobile:before { position: absolute; z-index: 1; top: 0; left: 0; display: block; content: ''; width: 100%; height: 1px; -webkit-transform: scale3d(0, 1, 1); -ms-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); background-color: var(--theme-color-alter_dark); } .menu_mobile .social_item { display: inline-block; margin: 0 2em 0 0; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .menu_mobile .social_item .social_icon { font-size: 16px; font-weight: 400; padding: 0 1px; display: block; width: auto; height: auto; line-height: inherit; color: var(--theme-color-alter_dark); -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; opacity: 1; } .menu_mobile .social_item .social_icon[class*="facebook"]:hover { color: #4F5FBF !important; } .menu_mobile .social_item .social_icon[class*="twitter"]:hover { color: #48BDE9 !important; } .menu_mobile .social_item .social_icon[class*="dribble"]:hover { color: #EA4C89 !important; } .menu_mobile .social_item .social_icon[class*="instagram"]:hover { color: #C41BD1 !important; } .menu_mobile .social_item:last-child { margin-right: 0; } .menu_mobile .menu_mobile_close { position: relative; z-index: 1; margin: 0 0 0 10px !important; line-height: 1em; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; color: var(--theme-color-alter_dark); -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .menu_mobile .menu_mobile_close:hover { color: var(--theme-color-alter_dark); } .menu_mobile .menu_mobile_close .menu_button_close_icon { font-size: 19px; font-weight: 400; position: relative; z-index: 1; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform 0.3s ease-out; -ms-transition: -ms-transform 0.3s ease-out; transition: transform 0.3s ease-out; color: var(--theme-color-alter_dark); } .menu_mobile .menu_mobile_close .menu_button_close_icon:before { position: relative; z-index: 1; content: '\e9e1'; font-family: "fontello"; line-height: 1; text-align: center; } .menu_mobile .menu_mobile_close:hover .menu_button_close_icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .menu_mobile .menu_mobile_close .menu_button_close_text { font-size: 17px; line-height: 1em; font-weight: 400; margin-right: 0.9em; color: var(--theme-color-alter_light); } .menu_mobile:not(.opened) .menu_button_close_icon { -webkit-transform: none; -ms-transform: none; transform: none; } .menu_mobile .menu_mobile_inner.with_widgets { text-align: left; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_content_wrap_inner { margin-right: 15%; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area .menu-item > a { padding: 5px 2em 5px 0; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item .menu-item > a { padding: 0.4em 3.7em 0.4em 1.7em; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area .menu-item[class*="icon-"] { position: relative; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area .menu-item[class*="icon-"]:before { left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .menu_mobile .menu_mobile_inner.with_widgets .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_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item[class*="icon-"] > a { padding-left: 1.2em; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item .menu-item[class*="icon-"]:before { font-size: 18px; margin-left: 1.9em; top: 8px; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item .menu-item[class*="icon-"] > a { padding-left: 3.3em; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item .menu-item[class*="image-"] > a { background-position: 1.6667em center; padding-left: 3.3em; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item[class*="columns-"][class*="icon-"]:before { position: static; margin: 0 0 0 0.5em; float: left; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item[class*="columns-"][class*="icon-"] > a { float: left; margin-left: -1.5em; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item .menu-item .menu-item[class*="icon-"]:before { margin-left: 3.9em; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item .menu-item .menu-item[class*="icon-"] > a { padding-left: 5.3em; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item .menu-item .menu-item[class*="image-"] > a { background-position: 1.6667em center; padding-left: 5.3em; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item .menu-item .menu-item .menu-item[class*="icon-"]:before { margin-left: 6em; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item .menu-item .menu-item .menu-item[class*="icon-"] > a { padding-left: 7.3em; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item .menu-item .menu-item .menu-item[class*="image-"] > a { background-position: 1.6667em center; padding-left: 7.3em; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item .menu-item .menu-item > a { padding-left: 3.7em; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item .menu-item .menu-item .menu-item > a { padding-left: 5.7em; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item .menu-item.menu-delimiter { margin-top: 0 !important; padding-top: 0 !important; text-align: center; overflow: hidden; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item .menu-item.menu-delimiter > a { overflow: hidden; padding-top: 0.25em; padding-bottom: 0.25em; padding-right: 0.5em; height: 1px; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item .menu-item.menu-delimiter > a:before { content: ' '; display: block; border-top: 1px solid var(--theme-color-alter_bd_color); width: 100%; height: 0; } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item .menu-item.menu-delimiter > a { border-color: var(--theme-color-alter_bd_color); } .menu_mobile .menu_mobile_inner.with_widgets .menu_mobile_nav_area > ul > .menu-item .menu-item.menu-delimiter > a > * { display: none; } .menu_mobile .menu_mobile_inner.with_widgets .socials_mobile:before { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .menu_mobile .menu_mobile_widgets_area { padding: 100px 70px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; z-index: 5; top: 0; right: 0; width: 24%; height: 100%; background-color: var(--theme-color-bg_color); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Global Styles in Widget Area */ /* hide scrollbar Explorer */ /* hide scrollbar FireFox */ /* hide scrollbar Chrome */ /* Custom Html Widget */ } .menu_mobile .menu_mobile_widgets_area a { -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .menu_mobile .menu_mobile_widgets_area .columns_wrap [class*="column-"] { width: 100%; } .menu_mobile .menu_mobile_widgets_area .columns_wrap .widget + .widget { margin-top: 2em; } .menu_mobile .menu_mobile_widgets_area .widgets_additional_menu_mobile_fullscreen_wrap { position: relative; z-index: 1; max-height: 90%; height: auto; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; overflow-x: hidden; padding-top: 2px; padding-bottom: 2px; } .menu_mobile .menu_mobile_widgets_area .widgets_additional_menu_mobile_fullscreen_wrap { -ms-overflow-style: none; } .menu_mobile .menu_mobile_widgets_area .widgets_additional_menu_mobile_fullscreen_wrap { scrollbar-width: none; } .menu_mobile .menu_mobile_widgets_area .widgets_additional_menu_mobile_fullscreen_wrap::-webkit-scrollbar { width: 0; } .menu_mobile .menu_mobile_widgets_area .widget_custom_html .extra_item + .extra_item { margin-top: 4em; } .menu_mobile .menu_mobile_widgets_area .widget_custom_html .extra_item h6 { font-size: 1em; line-height: 1.3em; font-weight: 400; margin: 0; color: var(--theme-color-text_dark); } .menu_mobile .menu_mobile_widgets_area .widget_custom_html .extra_item a { display: inline-block; font-size: 1.667em; line-height: 1.3em; font-weight: 700; letter-spacing: -0.8px; color: var(--theme-color-text_dark); } .menu_mobile .menu_mobile_widgets_area .widget_custom_html .extra_item a[href*="mailto"] { padding-bottom: 0.2em; } .menu_mobile .menu_mobile_widgets_area .widget_custom_html .extra_item a:not([href*="mailto"]) { position: relative; padding-right: calc(1.9em + 8px); } .menu_mobile .menu_mobile_widgets_area .widget_custom_html .extra_item a:not([href*="mailto"]):after { font-family: "fontello"; content: '\E9E2'; font-size: 8px; font-weight: 400; position: absolute; top: calc(50% + 2px); right: 8px; color: var(--theme-color-text_link); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: right 0.3s ease-out, color 0.3s ease, opacity 0.3s ease; -ms-transition: right 0.3s ease-out, color 0.3s ease, opacity 0.3s ease; transition: right 0.3s ease-out, color 0.3s ease, opacity 0.3s ease; } .menu_mobile .menu_mobile_widgets_area .widget_custom_html .extra_item a:not([href*="mailto"]):hover:after { right: 1px; } .menu_mobile .menu_mobile_widgets_area .widget_custom_html .extra_item h6 + a { margin-top: 0.5em; } .menu_mobile .menu_mobile_close .menu_button_close_icon, .menu_mobile .menu_mobile_close .menu_button_close_text { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; visibility: hidden; } .menu_mobile.opened .menu_mobile_close .menu_button_close_icon, .menu_mobile.opened .menu_mobile_close .menu_button_close_text { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .menu_mobile.opened .menu_mobile_close .menu_button_close_icon { -webkit-animation-name: fadeInAnimScale; animation-name: fadeInAnimScale; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; transform-origin: 50% 54%; } .menu_mobile.out_anim .menu_mobile_close .menu_button_close_icon, .menu_mobile.out_anim .menu_mobile_close .menu_button_close_text { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: visible; } .menu_mobile.out_anim .menu_mobile_close .menu_button_close_icon { -webkit-animation-name: fadeOutAnimScale; animation-name: fadeOutAnimScale; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .menu_mobile .sc_layouts_logo { display: inline-block; vertical-align: top; text-align: left; margin: 0; font-size: 1em !important; /* Remove this rule if you want to zoom this logo too */ -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; visibility: hidden; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .menu_mobile.opened .sc_layouts_logo { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .menu_mobile.out_anim .sc_layouts_logo { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; visibility: visible; } .menu_mobile .menu_mobile_nav_area > ul > li { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: hidden; } .menu_mobile .menu_mobile_nav_area > ul > li:nth-child(2) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } .menu_mobile .menu_mobile_nav_area > ul > li:nth-child(3) { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .menu_mobile .menu_mobile_nav_area > ul > li:nth-child(4) { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .menu_mobile .menu_mobile_nav_area > ul > li:nth-child(5) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .menu_mobile .menu_mobile_nav_area > ul > li:nth-child(6) { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .menu_mobile .menu_mobile_nav_area > ul > li:nth-child(7) { -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s; } .menu_mobile .menu_mobile_nav_area > ul > li:nth-child(8) { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s; } .menu_mobile .menu_mobile_nav_area > ul > li:nth-child(9) { -webkit-animation-delay: 1.3s; -moz-animation-delay: 1.3s; -o-animation-delay: 1.3s; animation-delay: 1.3s; } .menu_mobile .menu_mobile_nav_area > ul > li:nth-child(10) { -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s; } .menu_mobile.opened .menu_mobile_nav_area > ul > li { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .menu_mobile.out_anim .menu_mobile_nav_area > ul > li { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; visibility: visible; } .menu_mobile.out_anim .menu_mobile_nav_area > ul > li:nth-child(2) { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .menu_mobile.out_anim .menu_mobile_nav_area > ul > li:nth-child(3) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .menu_mobile.out_anim .menu_mobile_nav_area > ul > li:nth-child(4) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .menu_mobile.out_anim .menu_mobile_nav_area > ul > li:nth-child(5) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .menu_mobile.out_anim .menu_mobile_nav_area > ul > li:nth-child(6) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .menu_mobile.out_anim .menu_mobile_nav_area > ul > li:nth-child(7) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .menu_mobile.out_anim .menu_mobile_nav_area > ul > li:nth-child(8), .menu_mobile.out_anim .menu_mobile_nav_area > ul > li:nth-child(9), .menu_mobile.out_anim .menu_mobile_nav_area > ul > li:nth-child(10) { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .menu_mobile .menu_mobile_inner .socials_mobile .social_item { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: hidden; } .menu_mobile .menu_mobile_inner .socials_mobile .social_item:nth-child(2) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } .menu_mobile .menu_mobile_inner .socials_mobile .social_item:nth-child(3) { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .menu_mobile .menu_mobile_inner .socials_mobile .social_item:nth-child(4) { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .menu_mobile .menu_mobile_inner .socials_mobile .social_item:nth-child(5) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .menu_mobile.opened .menu_mobile_inner .socials_mobile .social_item { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .menu_mobile.out_anim .menu_mobile_inner .socials_mobile .social_item { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: visible; } .menu_mobile.out_anim .menu_mobile_inner .socials_mobile .social_item:nth-child(2) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .menu_mobile.out_anim .menu_mobile_inner .socials_mobile .social_item:nth-child(3) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .menu_mobile.out_anim .menu_mobile_inner .socials_mobile .social_item:nth-child(4) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .menu_mobile.out_anim .menu_mobile_inner .socials_mobile .social_item:nth-child(5) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .menu_mobile .menu_mobile_inner .socials_mobile { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: hidden; } .menu_mobile .menu_mobile_inner .socials_mobile:before { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: hidden; } .menu_mobile.opened .menu_mobile_inner .socials_mobile { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .menu_mobile.opened .menu_mobile_inner .socials_mobile:before { -webkit-animation-name: fadeInMove; animation-name: fadeInMove; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .menu_mobile.out_anim .menu_mobile_inner .socials_mobile { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; visibility: visible; } .menu_mobile.out_anim .menu_mobile_inner .socials_mobile:before { -webkit-animation-name: fadeOutMove; animation-name: fadeOutMove; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; visibility: visible; } .menu_mobile .menu_mobile_inner .menu_mobile_widgets_area { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; visibility: hidden; } .menu_mobile .menu_mobile_inner .menu_mobile_widgets_area .widget { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; visibility: hidden; } .menu_mobile .menu_mobile_inner .menu_mobile_widgets_area .widget + .widget { margin-top: var(--theme-var-grid_gap); } .menu_mobile .menu_mobile_inner .menu_mobile_widgets_area .widget.widget_custom_html .extra_item { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; visibility: hidden; } .menu_mobile.opened .menu_mobile_inner .menu_mobile_widgets_area { visibility: visible; } .menu_mobile.opened .menu_mobile_inner .menu_mobile_widgets_area .widgets_additional_menu_mobile_fullscreen_wrap { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .menu_mobile.opened .menu_mobile_inner .menu_mobile_widgets_area .widget { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: visible; } .menu_mobile.opened .menu_mobile_inner .menu_mobile_widgets_area .widget.widget_custom_html .extra_item { -webkit-animation-name: fadeInAnim; animation-name: fadeInAnim; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; visibility: visible; } .menu_mobile.opened .menu_mobile_inner .menu_mobile_widgets_area .widget.widget_custom_html .extra_item:nth-child(2) { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .menu_mobile.opened .menu_mobile_inner .menu_mobile_widgets_area .widget.widget_custom_html .extra_item:nth-child(3) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .menu_mobile.opened .menu_mobile_inner .menu_mobile_widgets_area .widget:nth-child(2) { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .menu_mobile.opened .menu_mobile_inner .menu_mobile_widgets_area .widget:nth-child(3) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .menu_mobile.out_anim .menu_mobile_inner .menu_mobile_widgets_area { -webkit-animation-name: fadeOutRightPanel; animation-name: fadeOutRightPanel; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; visibility: visible; } .menu_mobile.out_anim .menu_mobile_inner .menu_mobile_widgets_area .widget { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; visibility: visible; } .menu_mobile.out_anim .menu_mobile_inner .menu_mobile_widgets_area .widget.widget_custom_html .extra_item { -webkit-animation-name: fadeOutAnim; animation-name: fadeOutAnim; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; visibility: visible; } .menu_mobile.out_anim .menu_mobile_inner .menu_mobile_widgets_area .widget.widget_custom_html .extra_item:nth-child(2) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .menu_mobile.out_anim .menu_mobile_inner .menu_mobile_widgets_area .widget.widget_custom_html .extra_item:nth-child(3) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .menu_mobile.out_anim .menu_mobile_inner .menu_mobile_widgets_area .widget:nth-child(2) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .menu_mobile.out_anim .menu_mobile_inner .menu_mobile_widgets_area .widget:nth-child(3) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } /* Menu mobile 'Narrow' */ .menu_mobile_narrow { margin-top: 0; margin-left: -320px; width: 320px; height: 100%; -webkit-transition: margin-left 0.3s ease, margin-right 0.3s ease; -ms-transition: margin-left 0.3s ease, margin-right 0.3s ease; transition: margin-left 0.3s ease, margin-right 0.3s ease; } .menu_mobile_narrow.opened { margin-left: 0; } .menu_side_right .menu_mobile_narrow { margin-right: -320px; margin-left: 0; left: auto; right: 0; } .menu_side_right .menu_mobile_narrow.opened { margin-right: 0; } .menu_mobile_narrow .menu_mobile_close { width: 4em; height: 4em; line-height: 4em; text-align: center; } .menu_mobile_narrow .menu_mobile_nav_area ul.sc_layouts_submenu .vc_row, .menu_mobile_narrow .menu_mobile_nav_area ul.sc_layouts_submenu .elementor-section { display: block; } .menu_mobile_narrow .menu_mobile_nav_area .menu-item > a { font-size: 1em; line-height: 1.5em; text-transform: none; letter-spacing: 0; width: 18rem; } .menu_mobile_narrow .menu_mobile_nav_area .menu-item[class*="icon-"]:before { -webkit-transform: translateX(-9rem); -ms-transform: translateX(-9rem); transform: translateX(-9rem); } .menu_mobile_narrow .menu_mobile_nav_area > ul > .menu-item > a { font-size: 1.25em; line-height: 1.5em; } .menu_mobile_narrow .menu_mobile_nav_area > ul > .menu-item > a > .open_child_menu:before { font-size: 1em; line-height: inherit; } .menu_mobile_narrow .menu_mobile_nav_area .menu-item .menu-item .open_child_menu { padding: 0.4em; } .menu_mobile_narrow .search_mobile { width: 18rem; margin-left: -9rem; } /* 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; } /* Custom layouts elements ------------------------------------------------------------- */ /* 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); } /* Cart */ .sc_layouts_cart_items_short { background-color: var(--theme-color-text_link); color: var(--theme-color-inverse_link); } .sc_layouts_cart .sc_layouts_cart_widget { background-color: var(--theme-color-extra_bg_color); color: var(--theme-color-extra_dark); } .sc_layouts_cart .sc_layouts_cart_widget ul.cart_list li a, .sc_layouts_cart .sc_layouts_cart_widget ul.cart_list li > b, .sc_layouts_cart .sc_layouts_cart_widget .total, .sc_layouts_cart .sc_layouts_cart_widget .total *, .sc_layouts_cart .sc_layouts_cart_widget .quantity, .sc_layouts_cart .sc_layouts_cart_widget .quantity * { color: var(--theme-color-extra_dark) !important; } .sc_layouts_cart .sc_layouts_cart_widget .widget_shopping_cart_content .buttons a.checkout { border-color: var(--theme-color-extra_dark) !important; color: var(--theme-color-extra_dark) !important; } .sc_layouts_cart .sc_layouts_cart_widget .widget_shopping_cart_content .buttons a.checkout:hover { border-color: var(--theme-color-text_link) !important; color: var(--theme-color-text_link) !important; } .sc_layouts_cart_widget .sc_layouts_cart_widget_close { color: var(--theme-color-text_light); } .sc_layouts_cart_widget .sc_layouts_cart_widget_close:hover { color: var(--theme-color-text_dark); } /* 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); } /* 7.2 Sliders -------------------------------------------------------------- */ /* Revolution slider */ .slider_wrap .rev_slider_wrapper { z-index: 0; } /* 7.3 Post info (page/post title, category or tag name, author, meta, etc.) -------------------------------------------------------------- */ /* 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_dark); } .post_item .post-more-link, .post_item .more-link, .sc_portfolio_preview_show .post_readmore { margin-top: 1.6em; } /* Post with password */ .post-password-form label { display: inline-block; vertical-align: top; } .post-password-form input[type="password"], .post-password-form input[type="submit"] { height: 50px; } .post-password-form input[type="submit"] { padding: 0 40px; display: inline-block; margin-left: 0.2em; } /* 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_info_item.post_categories a, .post_info_item.post_categories { color: var(--theme-color-text_dark); } .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_dark); } .post_meta .post_meta_item, .post_meta .vc_inline-link { font-size: inherit; display: inline-block; margin-left: 0; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .post_meta .post_meta_item .post_meta_item_value > .post_meta_item_icon { margin-right: 5px; } .post_meta .post_meta_item > .post_meta_item_title + .post_meta_item_value { margin-left: 8px; } .post_info .post_info_item:after, .post_meta .post_meta_item:after, .post_meta .post_meta_item.post_edit:after, .post_meta .vc_inline-link:after { content: '\e83c'; font-family: "fontello"; display: inline-block; vertical-align: baseline; font-size: 14px; font-weight: 400; font-style: normal; margin: 0 0.75em; } .post_info .post_info_item:last-child:after, .post_meta .post_meta_item:last-child:after, .post_meta .post_meta_item.post_edit:last-child:after, .post_meta .vc_inline-link:last-child:after { display: none; } .post_meta a.post_meta_item:before, .post_meta .vc_inline-link:before, .post_meta a.post_meta_item > .post_counters_number { margin-right: 0.3em; } .post_meta .post_meta_item:before { display: none; } .post_meta .vc_inline-link:before { content: '\e8bb'; font-family: "fontello"; } .post_meta .post_meta_item_label { margin-right: 0.3em; } .post_meta .post_meta_item .post_author_by { margin-right: 0.3em; display: none; } .post_meta .post_meta_item .post_author_avatar { position: relative; top: -2px; display: inline-block; vertical-align: middle; line-height: inherit; margin-right: 0.3em; } .post_meta .post_meta_item .post_author_avatar > img { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 1.25em; height: 1.25em; -webkit-transform: scale(1, 1) !important; -ms-transform: scale(1, 1) !important; transform: scale(1, 1) !important; } .post_meta .post_meta_item .post_meta_number + .post_meta_label { margin-left: 0.3em; } .post_meta_item.post_categories:not(.cat_sep) { color: transparent !important; } .post_meta_item.post_categories:not(.cat_sep) > a { margin-right: 0.5em; margin-top: 2px; margin-bottom: 2px; display: inline-block; } .post_meta_item.post_categories:not(.cat_sep) > a:last-child { margin-right: 0; } .post_meta_item.post_categories, .post_meta_item.post_categories a { color: var(--theme-color-text_link); } .post_meta_item.post_categories a:hover, .post_meta_item.post_categories a:focus { color: var(--theme-color-text_hover); } .post_meta_item.post_author, .post_info_item.post_info_posted_by, .post_info_item.post_categories { text-transform: uppercase !important; letter-spacing: 0.8px !important; } .post_meta_item.post_author { font-weight: 600; } /* Sponsored content */ .post_meta .post_meta_item .post_sponsored_label { text-transform: uppercase; font-weight: 700; letter-spacing: 0.8px; color: var(--theme-color-text_link); } .post_meta .post_meta_item a.post_sponsored_label:hover { color: var(--theme-color-text_dark); } .single-post .post_meta_item a.post_sponsored_label, .single-post .post_meta_item .post_sponsored_label { display: inline-block; padding: 6px 16px; font-size: 11px; line-height: 14px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background-color: var(--theme-color-text_link); color: var(--theme-color-inverse_link); } .single-post .post_meta_item a.post_sponsored_label:hover { background-color: var(--theme-color-text_hover2); color: var(--theme-color-inverse_link); } /* single */ .post_header_single .post_meta.post_meta_categories a:not(.post_sponsored_label) { -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background-color: var(--theme-color-text_link2); color: var(--theme-color-inverse_link); text-transform: uppercase; padding: 6px 16px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 11px; line-height: 14px; font-weight: 700; letter-spacing: 0.8px; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; margin: 3px 3px 3px 0; } .post_header_single .post_meta.post_meta_categories a:not(.post_sponsored_label):last-child { margin-right: 0; } .post_header_single .post_meta.post_meta_categories a:not(.post_sponsored_label):hover { background-color: var(--theme-color-text_hover2); color: var(--theme-color-inverse_link); } /* 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; } .post_meta_item .socials_share { display: inline-block; vertical-align: baseline; } .socials_share.socials_type_drop .social_items { padding: 0.8em 1em; } .post_meta_item .socials_share.socials_type_drop .social_items { bottom: auto; top: 2.5em; } .post_meta_item .socials_share.socials_type_drop .social_items:before { bottom: auto; top: -5px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .sc_blogger .hover_pull .post_meta_item .socials_share.socials_type_drop .social_items { bottom: 2.5em; top: auto; } .sc_blogger .hover_pull .post_meta_item .socials_share.socials_type_drop .social_items:before { display: none; } .socials_share.socials_type_drop .social_items, .socials_share.socials_type_drop .social_items:before { background-color: var(--theme-color-bg_color); border-color: var(--theme-color-bd_color); color: var(--theme-color-text_light); } .socials_share.socials_type_drop .social_items .social_item { color: var(--theme-color-text_light); } .socials_share.socials_type_drop .social_items .social_item:hover { color: var(--theme-color-text_dark); } /* Tabs (internal and Essential Grid) */ .mptt-navigation-tabs, div.grace_church_tabs .grace_church_tabs_titles { list-style-type: none; padding: 0; text-align: center; letter-spacing: 0; margin: 0 0 3em; } div.esg-filter-wrapper .esg-filterbutton, .mptt-navigation-tabs li, div.grace_church_tabs .grace_church_tabs_titles li { display: inline-block; margin: 0 0 3px; font-size: 12px; line-height: 1.4em; font-weight: normal; text-transform: uppercase; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } 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.grace_church_tabs .grace_church_tabs_titles li + li { margin-left: 3px; } div.esg-filter-wrapper .esg-filterbutton > span, .mptt-navigation-tabs li a, div.grace_church_tabs .grace_church_tabs_titles li a, div.grace_church_tabs .grace_church_tabs_titles li a.ui-tabs-anchor { display: block; float: none; padding: 1.75em 3em; -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; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; color: var(--theme-color-alter_dark); background-color: var(--theme-color-alter_bg_color); } div.esg-filter-wrapper .esg-filterbutton > span:hover, .mptt-navigation-tabs li a:hover, .mptt-navigation-tabs li a:focus, .grace_church_tabs .grace_church_tabs_titles li a:hover, .grace_church_tabs .grace_church_tabs_titles li a:focus, .grace_church_tabs .grace_church_tabs_titles li a.ui-tabs-anchor:hover, .grace_church_tabs .grace_church_tabs_titles li a.ui-tabs-anchor:focus { color: var(--theme-color-inverse_link); background-color: var(--theme-color-text_link); } div.esg-filter-wrapper .esg-filterbutton.selected > span, .mptt-navigation-tabs li.active a, .grace_church_tabs .grace_church_tabs_titles li.ui-state-active a, .grace_church_tabs .grace_church_tabs_titles li.ui-state-active a.ui-tabs-anchor { color: var(--theme-color-bg_color); background-color: var(--theme-color-text_dark); } div.grace_church_tabs .grace_church_tabs_content { padding: 0; } div.grace_church_tabs .grace_church_tab_content_remove { opacity: 0; } div.grace_church_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 .grace_church_tabs .grace_church_tabs_titles li a { color: var(--theme-color-alter_dark); background-color: var(--theme-color-alter_bg_hover); } [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 .grace_church_tabs .grace_church_tabs_titles li a:hover, [class*="scheme_"].sidebar .grace_church_tabs .grace_church_tabs_titles li a:focus { color: var(--theme-color-inverse_link); background-color: var(--theme-color-alter_link); } [class*="scheme_"].sidebar div.esg-filter-wrapper .esg-filterbutton.selected > span, [class*="scheme_"].sidebar .mptt-navigation-tabs li.active a, [class*="scheme_"].sidebar .grace_church_tabs .grace_church_tabs_titles li.ui-state-active a { color: var(--theme-color-alter_bg_color); background-color: var(--theme-color-alter_dark); } /* 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; } /* Post featured block */ .post_featured { overflow: hidden; position: relative; margin-bottom: 1.8em; } .post_featured.with_thumb.post_featured_bg { background-size: cover; background-position: center center; } 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_video_sticky_on { z-index: 100100 !important; } .post_featured.with_video.with_thumb:after { content: ' '; 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: 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%); pointer-events: none; } .post_featured.with_video .post_info_video { position: absolute; z-index: 1; bottom: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 3; top: auto; right: 0; display: block; opacity: 1; margin: 0; width: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 3em 1.5em 1.5em; text-align: center; pointer-events: none; } .post_featured.with_video .post_info_video > * { color: #fff; } .post_featured.with_video .post_info_video .post_info_meta .post_meta, .post_featured.with_video .post_info_video .post_info_meta .post_meta > .post_meta_item, .post_featured.with_video .post_info_video .post_info_meta .post_meta > .post_meta_item > *, .post_featured.with_video .post_info_video .post_info_subtitle .post_meta, .post_featured.with_video .post_info_video .post_info_subtitle .post_meta > .post_meta_item, .post_featured.with_video .post_info_video .post_info_subtitle .post_meta > .post_meta_item > * { color: inherit; } .post_featured.with_video .post_info_video .post_info_title { margin: 0.25em 0; } .post_featured.with_audio .post_info_audio { text-align: left; } .post_featured > p { margin: 0; height: 0; } .post_featured_bg { position: relative; } .post_featured_bg:before { content: ' '; width: 0; height: 0; padding-top: 56.25%; display: inline-block; vertical-align: top; margin-left: -0.3em; } .post_featured_bg > .post_featured_bg_image, .post_featured_bg .post_thumb { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .post_featured_right { float: right; width: 50%; margin-left: 4.3478%; } .post_featured_left { float: left; width: 50%; margin-right: 4.3478%; } .post_featured .mask { background-color: rgba(0, 0, 0, 0.5); } /* 7.4 Post Formats -------------------------------------------------------------- */ /* 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 { display: block; position: absolute; z-index: 1; top: -13px; right: -13px; width: 0; height: 0; border: 12px solid transparent; border-top-color: var(--theme-color-text_link); -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .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; margin-bottom: 1.5em; } .sticky_wrap .sticky .post_categories { margin-top: 0.5em; } .sticky_wrap .sticky .post_title { margin-top: 0; margin-bottom: 0; } .sticky_wrap .sticky.format-gallery .post_featured { display: block; } /* Media elements -------------------------------------- */ .me-plugin { position: absolute; width: 0; height: 0; } .mejs-container:not(.mejs-video) { height: 60px !important; } .mejs-controls { height: 60px; padding: 10px 18px; } .trx_addons_audio_player_wrap .mejs-controls, .wp-playlist .mejs-controls { padding: 0; height: 42px; } .trx_addons_audio_player_wrap .mejs-container, .wp-playlist .mejs-container { height: 42px !important; } .mejs-container .mejs-controls, .wp-playlist .mejs-container .mejs-controls { background: var(--theme-color-alter_bg_color); } [class*="scheme_"].footer_wrap .mejs-container .mejs-controls, [class*="scheme_"].footer_wrap .wp-playlist .mejs-container .mejs-controls, .sidebar_default[class*="scheme_"] .mejs-container .mejs-controls, .sidebar_default[class*="scheme_"] .wp-playlist .mejs-container .mejs-controls { background: var(--theme-color-bg_color); } .mejs-controls .mejs-button > button { color: var(--theme-color-text_dark); background: none !important; padding: 0 !important; text-align: center; font-size: 1.5em; line-height: 20px; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-button > button:hover, .mejs-controls .mejs-button > button:focus { color: var(--theme-color-text_link); } .mejs-controls .mejs-playpause-button.mejs-play > button:before, .mejs-controls .mejs-playpause-button.mejs-replay > button:before { content: '\e9e9'; font-family: "fontello"; letter-spacing: -3px; } .mejs-controls .mejs-playpause-button.mejs-pause > button:before { content: '\e8e3'; font-family: "fontello"; } .mejs-controls .mejs-volume-button.mejs-mute > button:before { content: '\e9b0'; font-family: "fontello"; } .mejs-controls .mejs-volume-button.mejs-unmute > button:before { content: '\e9af'; font-family: "fontello"; } .mejs-controls .mejs-button.mejs-fullscreen-button { margin-left: 8px; } .mejs-controls .mejs-button.mejs-fullscreen-button > button:before { content: '\f0b2'; font-family: "fontello"; letter-spacing: 0; } .mejs-controls .mejs-button.mejs-unfullscreen > button:before { content: '\e918'; font-family: "fontello"; } .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: #E3E3E3; } .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-volume-slider .mejs-volume-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: var(--theme-color-text_link); } .mejs-controls .mejs-time-rail .mejs-time-handle-content { border-color: 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-text_link); } .mejs-controls .mejs-time { overflow: visible; margin-top: 0; padding-left: 0; padding-right: 0; } .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; } .sidebar .mejs-controls .mejs-time, .footer_wrap .mejs-controls .mejs-time { display: none; } /* Audio */ .format-audio .post_featured { position: relative; max-height: unset; } .format-audio .post_featured .post_info { display: none !important; } .format-audio .post_featured img { position: relative; } .format-audio .post_featured.with_thumb .mask { background-color: rgba(0, 0, 0, 0.6); } .format-audio .post_featured .mask { opacity: 1; } .format-audio .post_featured .post_audio.with_iframe .post_audio_author, .format-audio .post_featured .post_audio.with_iframe .post_audio_title, .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 { font-size: 14px; font-weight: 700; font-style: normal; text-transform: uppercase; line-height: 1.3em; letter-spacing: 1.8px; } .sc_layouts_blog_item_featured .audio_author { margin-left: 0; margin-right: 0; text-transform: none; } .format-audio .post_featured .post_audio_title, .single-format-audio .post_featured .post_audio_title, .trx_addons_audio_player .audio_caption, .sc_layouts_blog_item_featured .post_featured .post_audio_title { font-size: 1em; line-height: 1.35em; font-weight: 400; text-transform: none; } .format-audio .post_featured .post_audio_title, .single-format-audio .post_featured .post_audio_title { font-size: 28px; line-height: 1.3em; font-weight: 700; margin-top: 0.4em; margin-bottom: 0.8em; } .format-audio .post_featured.with_thumb .post_audio_title { margin-top: 0.2em; margin-bottom: 0.9em; } .format-audio .post_featured.with_thumb .post_audio_author, .single-format-audio .post_featured.with_thumb .post_audio_author, .format-audio .post_featured.with_thumb .post_audio_description, .single-format-audio .post_featured.with_thumb .post_audio_description, .format-audio .post_featured.with_thumb .post_audio_title, .single-format-audio .post_featured.with_thumb .post_audio_title, .sc_layouts_blog_item_featured .post_featured.with_thumb .post_audio_author, .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 .post_audio_description, .single-format-audio .post_featured .post_audio_description, .sc_layouts_blog_item_featured .post_featured .post_audio_description { font-size: 14px; font-weight: 700; margin-bottom: 1em; } .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: 15px; bottom: 15px; left: 15px; text-align: left; } .format-audio .post_featured.with_thumb .post_audio .mejs-controls, .sc_layouts_blog_item_featured .post_featured.with_thumb .post_audio .mejs-controls { padding-left: 15px; padding-right: 15px; background-color: var(--theme-color-alter_bg_color); } .related_wrap .post_featured.with_thumb .post_audio .audio_wrap { margin-top: 10px; } .related_wrap .post_featured.with_thumb .post_audio .mejs-controls { padding-left: 8px; padding-right: 8px; } .format-audio .post_featured .mejs-controls, .single-format-audio .post_featured:not(.with_video) .mejs-controls, .sc_layouts_blog_item_featured .post_featured .mejs-controls { padding-left: 0; padding-right: 0; } .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe), .single-format-audio .post_featured.without_thumb .post_audio:not(.with_iframe), .sc_layouts_blog_item_featured .post_featured.without_thumb .post_audio:not(.with_iframe) { padding: 3.2em 2.8em; } .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) .post_info_audio, .single-format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) .post_info_audio, .sc_layouts_blog_item_featured .post_featured.without_thumb .post_audio:not(.with_iframe) .post_info_audio { margin-top: 10px; } .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); } .format-audio .post_featured.without_thumb .post_audio_author, .single-format-audio .post_featured.without_thumb .post_audio_author { color: var(--theme-color-alter_dark); } .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); } .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); } .format-audio .post_featured.with_thumb, .single-format-audio .post_header_wrap .post_featured.with_thumb { position: relative; } .format-audio .post_featured.with_thumb:after, .single-format-audio .post_header_wrap .post_featured.with_thumb:after { content: ' '; display: block !important; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; padding: 0; margin: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.3) 66%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.3) 66%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.3) 66%, rgba(0, 0, 0, 0.5) 100%); } .single-format-audio .post_header_wrap .post_featured.with_thumb:not(.with_audio):after { display: none !important; } .single-format-audio .post_header_wrap .post_featured.with_thumb .post_audio { position: absolute; z-index: 10; bottom: 2em; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); min-width: 460px; margin: 0; } .single-format-audio .post_header_wrap .post_featured.with_thumb .post_audio .post_audio_author, .single-format-audio .post_header_wrap .post_featured.with_thumb .post_audio .post_audio_title, .single-format-audio .post_header_wrap .post_featured.with_thumb .post_audio .post_audio_description { color: var(--theme-color-extra_dark); } .single-format-audio .post_header_wrap .post_featured.with_thumb .post_audio.with_iframe { min-width: 760px; } .single-format-audio .post_header_wrap_in_content .post_featured.with_thumb .post_audio, .single-format-audio .post_header_wrap_in_header .post_featured.with_thumb .post_audio { width: 100%; left: 0; right: 0; bottom: 0; transform: none; } .single-format-audio .post_header_wrap_in_content .post_featured.with_thumb > div > div > .mejs-container .mejs-controls, .single-format-audio .post_header_wrap_in_header .post_featured.with_thumb > div > div > .mejs-container .mejs-controls { background-color: var(--theme-color-alter_bg_color); padding-left: 10px; padding-right: 10px; } [class*="single_style_style-"]:not(.single_style_style-1):not(.single_style_style-3) .post_header_wrap_in_header .post_featured.with_audio.with_thumb.audio_inited .post_audio { opacity: 0; bottom: -100px; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } [class*="single_style_style-"]:not(.single_style_style-1):not(.single_style_style-3) .post_header_wrap_in_header .post_featured.with_audio.with_thumb.audio_inited .post_audio.show { opacity: 1; bottom: 0; } /* Btn for hide audio control on single post */ .post_audio_btn { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 4.72rem; height: 4.72rem; line-height: 4.8rem; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; background-color: var(--theme-color-alter_bg_color); color: var(--theme-color-text_dark); cursor: pointer; font-size: 1.2rem; margin-bottom: 1.7em; text-align: center; box-sizing: border-box; padding-right: 0.2em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; z-index: 3; box-shadow: 0 0 5px 1px var(--theme-color-inverse_text_03); } .post_audio_btn:hover { background-color: var(--theme-color-alter_bg_color); color: var(--theme-color-alter_hover); cursor: pointer; } .post_audio_btn:before { content: '\EA10'; font-family: "fontello"; } /* Shortcode "Audio" */ .trx_addons_audio_wrap.resized.list .trx_addons_audio_player { opacity: 0; } .trx_addons_audio_wrap.resized.list .trx_addons_audio_player.current { opacity: 1; } .trx_addons_audio_player { border: none; padding: 0; } .trx_addons_audio_player .audio_info { overflow: visible; } .trx_addons_audio_player.without_cover { background: none; border: none; } .trx_addons_audio_player .audio_author + .audio_caption, .trx_addons_audio_player .audio_author + .audio_description { margin-top: 5px; } .trx_addons_audio_player .audio_info + .audio_embed, .trx_addons_audio_player .audio_info + .audio_frame { margin-top: 25px; } .trx_addons_audio_player .trx_addons_audio_player_wrap { padding: 3.3em 3em; background: var(--theme-color-alter_bg_color); } .trx_addons_audio_player .trx_addons_audio_player_wrap .audio_author { color: var(--theme-color-text_dark); margin: 0; font-size: 17px; } .trx_addons_audio_player .trx_addons_audio_player_wrap .audio_caption { font-weight: 700; font-size: 28px; line-height: 1.2em; margin: 0; color: var(--theme-color-text_dark); } .trx_addons_audio_player .trx_addons_audio_player_wrap .audio_description { font-size: 17px; font-weight: 400; line-height: 20px; color: var(--theme-color-alter_text); margin: 4px 0 0 0; } .trx_addons_audio_player .trx_addons_audio_player_wrap .audio_now_playing { display: inline-block; padding: 6px 16px; font-size: 11px; line-height: 14px; font-weight: 700; margin-top: 0; margin-bottom: 1.55em; letter-spacing: 0.8px; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background-color: var(--theme-color-text_dark); color: var(--theme-color-inverse_hover); } .trx_addons_audio_player div.mejs-controls .mejs-time { font-size: 16px; font-weight: 600; letter-spacing: 0; color: var(--theme-color-text_dark); } .trx_addons_audio_player.with_cover { padding: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .trx_addons_audio_player.with_cover:after { display: none; } .trx_addons_audio_player.with_cover .trx_addons_audio_player_image { width: 27.5%; max-height: 100%; background-position: center center; background-size: cover; flex-shrink: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-align-self: stretch; -ms-align-self: stretch; align-self: stretch; } .trx_addons_audio_player.with_cover .trx_addons_audio_player_wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; flex-grow: 1; } .trx_addons_audio_player .trx_addons_audio_navigation { top: 2.5em; } .trx_addons_audio_player div.mejs-controls div.mejs-button { width: 42px; } .trx_addons_audio_player div.mejs-controls div.mejs-button > button { font-size: 12px; background-color: transparent !important; width: 42px; height: 42px; line-height: 37.5px; letter-spacing: -2px; margin: 0; border: 2px solid var(--theme-color-text_dark); -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .trx_addons_audio_player div.mejs-controls div.mejs-button.mejs-volume-button > button { border: none !important; font-size: 18px; letter-spacing: 0; margin-top: 1px; } .trx_addons_audio_player div.mejs-controls div.mejs-button.mejs-volume-button.mejs-unmute > button { letter-spacing: 8px; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: var(--theme-color-text_dark); } .trx_addons_audio_player div.mejs-controls .mejs-horizontal-volume-slider { margin-left: 5px; } .trx_addons_audio_player div.mejs-controls .mejs-time.mejs-duration-container { margin-right: 25px; } .trx_addons_audio_player div.mejs-controls .mejs-time-rail { padding-top: 15px; margin: 0 27px; } .sidebar .trx_addons_audio_player { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .sidebar .trx_addons_audio_player .trx_addons_audio_player_wrap { width: 100%; padding: 1.8em; background: var(--theme-color-bg_color); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sidebar .trx_addons_audio_player .trx_addons_audio_player_wrap .audio_caption { font-size: 22px; line-height: 1.4em; } .sidebar .trx_addons_audio_player .trx_addons_audio_player_wrap .trx_addons_audio_navigation { top: 3em; right: 2em; font-size: 13px; line-height: 1.3em; } .sidebar .trx_addons_audio_player .trx_addons_audio_player_wrap .trx_addons_audio_navigation > span span { font-size: 1rem; } .sidebar .trx_addons_audio_player.with_cover .trx_addons_audio_player_image { height: 150px; width: 100%; } .trx_addons_audio_wrap.resized.list .audio_frame { bottom: auto; position: relative; } .trx_addons_audio_wrap .trx_addons_audio_navigation { z-index: 3; font-size: 15px; line-height: 1.75em; font-weight: 700; color: var(--theme-color-alter_dark); } .trx_addons_audio_wrap .trx_addons_audio_navigation > span { opacity: 1; } /* WP Playlist */ .wp-playlist.wp-audio-playlist { border: none; margin: 0; padding: 0; } .wp-playlist.wp-audio-playlist .mejs-container { padding: 0 2.7em 0 2.7em; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; min-height: 92px; background: var(--theme-color-alter_bg_color); } .wp-playlist.wp-audio-playlist .mejs-container .mejs-controls { padding: 0 2.7em; min-height: 42px; margin-bottom: 50px; } .wp-playlist.wp-audio-playlist div.mejs-controls div.mejs-button > button { border-width: 2px; border-color: var(--theme-color-alter_dark); width: 42px; height: 42px; line-height: 37.5px; letter-spacing: -2px; } .wp-playlist.wp-audio-playlist div.mejs-controls div.mejs-button.mejs-pause > button { letter-spacing: 0; } .wp-playlist.wp-audio-playlist div.mejs-controls div.mejs-button.mejs-volume-button > button { border: none !important; font-size: 18px; letter-spacing: 0; } .wp-playlist.wp-audio-playlist div.mejs-controls div.mejs-button.mejs-volume-button.mejs-unmute > button { letter-spacing: 8px; } .wp-playlist.wp-audio-playlist .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: var(--theme-color-text_dark); } .wp-playlist.wp-audio-playlist div.mejs-controls .mejs-horizontal-volume-slider { margin-left: 3px; } .wp-playlist.wp-audio-playlist div.mejs-controls .mejs-time.mejs-duration-container { margin-right: 15px; } .wp-playlist.wp-audio-playlist div.mejs-controls .mejs-time-rail { padding-top: 15px; margin: 0 27px; } .wp-playlist.wp-audio-playlist .wp-playlist-current-item { height: auto; padding: 3.1em 2.8em 1.7em; margin-bottom: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .wp-playlist.wp-audio-playlist .wp-playlist-current-item img { display: none; } .wp-playlist.wp-audio-playlist .wp-playlist-item-title { font-size: 28px; line-height: 1.2em; font-weight: 700; } .wp-playlist.wp-audio-playlist .wp-playlist-item-artist { font-size: 17px; line-height: 22px; font-weight: 400; padding-bottom: 2px; text-transform: none; color: var(--theme-color-alter_text); } .wp-playlist.wp-audio-playlist .wp-playlist-item-title + .wp-playlist-item-artist { margin-top: 5px; } .wp-playlist.wp-audio-playlist .wp-playlist-tracks { margin-top: 2.3em; } .wp-playlist.wp-audio-playlist .wp-playlist-tracks .wp-playlist-caption, .wp-playlist.wp-audio-playlist .wp-playlist-tracks .wp-playlist-item-length, .wp-playlist.wp-audio-playlist .wp-playlist-tracks .wp-playlist-item-title { line-height: 1.3em; font-size: 19px; } .wp-playlist.wp-audio-playlist .wp-playlist-tracks .wp-playlist-item-artist { line-height: 1.3em; font-size: 18px; } .wp-playlist.wp-audio-playlist .wp-playlist-tracks .wp-playlist-item .wp-playlist-item-length { right: 0; top: 20px; } .wp-playlist.wp-audio-playlist .wp-playlist-tracks .wp-playlist-item { padding: 20px 0; } .wp-playlist.wp-audio-playlist .wp-playlist-tracks { font-size: 19px; line-height: 1.3em; } .wp-playlist.wp-audio-playlist .wp-playlist-tracks .wp-playlist-item-artist { padding: 0; margin: 0; color: var(--theme-color-alter_text); } .wp-playlist.wp-audio-playlist .wp-playlist-tracks .wp-playlist-item-title { font-weight: 700; } .wp-playlist.wp-audio-playlist .wp-playlist-tracks .wp-playlist-caption { font-weight: 700; } .wp-playlist.wp-audio-playlist .wp-playlist-tracks .wp-playlist-item-length { font-weight: 400; } .wp-playlist.wp-audio-playlist .wp-playlist-tracks .wp-playlist-playing .wp-playlist-item-length, .wp-playlist.wp-audio-playlist .wp-playlist-tracks .wp-playlist-playing .wp-playlist-item-title, .wp-playlist.wp-audio-playlist .wp-playlist-tracks .wp-playlist-playing .wp-playlist-item-artist { text-decoration: none; } .wp-playlist.wp-audio-playlist .wp-playlist-tracks .wp-playlist-item:first-child { padding-top: 0; } .wp-playlist.wp-audio-playlist .wp-playlist-tracks .wp-playlist-item:first-child .wp-playlist-item-length { top: 0; } .wp-playlist.wp-audio-playlist .wp-playlist-tracks .wp-playlist-item:last-child { padding-bottom: 0; } .ua_edge .wp-playlist.wp-audio-playlist .wp-playlist-current-item { margin-bottom: -1px; } .post_featured.with_thumb .trx_addons_video_player .mejs-controls { background: var(--theme-color-alter_bg_color); } .post_featured > div > .mejs-container { background: var(--theme-color-extra_bg_color_05); } .post_featured > div > .mejs-container .mejs-controls { background: var(--theme-color-alter_bg_color); } body.ua_firefox .post_featured > div > .mejs-container .mejs-controls { bottom: -1px; } div.mejs-controls .mejs-time-rail { padding-top: 15px; margin: 0 22px; } div.mejs-controls .mejs-time-handle-content { top: -7px; -webkit-border-radius: 2px !important; -ms-border-radius: 2px !important; border-radius: 2px !important; } div.mejs-controls .mejs-time-float { color: #0d0d12; background: #ffffff; } div.mejs-controls .mejs-time-float-corner { border-top-color: #0d0d12; } div.mejs-controls .mejs-time { font-size: 16px; font-weight: 600; padding-top: 16px; height: 30px; color: var(--theme-color-text_dark); } .sidebar .mejs-controls .mejs-time, .footer_wrap .mejs-controls .mejs-time { display: none; } div.mejs-button > button { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-image: none !important; } div.mejs-button > button:focus { outline: none; } div.mejs-controls div.mejs-button { width: 40px; flex-shrink: 0; } div.mejs-controls div.mejs-button > button { font-size: 12px; background: none !important; border: 1px solid var(--theme-color-alter_bd_color); width: 40px; height: 40px; line-height: 40px; text-align: center; line-height: 38px; margin: 0; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; letter-spacing: -4px; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } [class*="scheme_"].sidebar div.mejs-controls div.mejs-button > button, [class*="scheme_"].sidebar div.mejs-controls div.mejs-button > button:focus, [class*="scheme_"].sidebar div.mejs-controls div.mejs-button > button:hover { border-color: var(--theme-color-bd_color); } div.mejs-controls div.mejs-button.mejs-pause > button { letter-spacing: 0; } div.mejs-controls div.mejs-button.mejs-volume-button > button { font-size: 12px; letter-spacing: -1px; } div.mejs-controls div.mejs-button.mejs-volume-button.mejs-unmute > button { letter-spacing: 4px; } div.mejs-controls .mejs-horizontal-volume-total { top: 19px; } div.mejs-controls .mejs-horizontal-volume-slider { margin-left: 20px; } div.mejs-controls .mejs-time { padding-top: 16px; } div.mejs-controls .mejs-time.mejs-currenttime-container { margin-left: 18px; } div.mejs-controls .mejs-time.mejs-duration-container { margin-right: 17px; } .mejs-horizontal-volume-total, .mejs-time-buffering, .mejs-time-current, .mejs-time-float-corner, .mejs-time-hovered, .mejs-time-loaded, .mejs-time-marker, .mejs-time-total { height: 4px !important; } .mejs-time-total { margin: 5px 0 0; will-change: transform; } .mejs-horizontal-volume-total { margin-top: 1px; } /* 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 { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; opacity: 0; overflow: hidden; } .post_featured.with_thumb .post_video:before, .sc_layouts_blog_item_featured .post_featured.with_thumb .post_video:before { content: ' '; display: inline-block; padding-top: 55%; width: 0; height: 0; } .post_featured.with_thumb img, .sc_layouts_blog_item_featured .post_featured.with_thumb img { position: relative; z-index: 2; } .post_featured.with_thumb.with_audio img, .sc_layouts_blog_item_featured .post_featured.with_thumb.with_audio img { z-index: 1; } .post_featured.with_thumb .mask, .sc_layouts_blog_item_featured .post_featured.with_thumb .mask { z-index: 3; background-color: rgba(0, 0, 0, 0.5); opacity: 0; } .post_featured.with_thumb:hover .mask, .sc_layouts_blog_item_featured .post_featured.with_thumb:hover .mask { opacity: 1; } .trx_addons_video_player.with_cover .video_hover, .post_featured.with_thumb .post_video_hover, .sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover { width: 85px; height: 85px; line-height: 85px; text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; z-index: 2000; top: 50%; left: 50%; -webkit-transform: none; -ms-transform: none; transform: none; margin: -42px 0 0 -42px; font-size: 21px; letter-spacing: -6px; opacity: 1; cursor: pointer; overflow: hidden; color: var(--theme-color-inverse_dark); background-color: var(--theme-color-inverse_link); border: none; } .post_header_wrap .post_featured.with_thumb .post_video_hover { opacity: 1; margin-top: -42px; } .trx_addons_video_player.with_cover:hover .video_hover { opacity: 1; margin-top: -42px; } .trx_addons_video_player.with_cover .video_mask { display: none; } .trx_addons_video_player.with_cover.video_play { background-color: var(--theme-color-inverse_dark); } .trx_addons_video_player.with_cover.video_play img { opacity: 0; } .trx_addons_video_player.with_cover .video_hover:hover, .post_featured.with_thumb .post_video_hover:hover, .sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover:hover { color: var(--theme-color-inverse_link); background-color: var(--theme-color-text_link); } [class*="scheme_"].sidebar .trx_addons_video_player.with_cover .video_hover { color: var(--theme-color-alter_link); } [class*="scheme_"].sidebar .trx_addons_video_player.with_cover .video_hover:hover { color: var(--theme-color-inverse_hover); background-color: var(--theme-color-alter_link); } .trx_addons_video_player.with_cover .video_hover, .post_header_wrap .post_featured.with_thumb .post_video_hover, .body_style_fullwide .post_featured.with_thumb .post_video_hover, .post_layout_excerpt .post_featured.with_thumb .post_video_hover { font-size: 21px; width: 85px; height: 85px; line-height: 85px; text-align: center; } .widget_video .trx_addons_video_player.with_cover .video_hover { font-size: 21px; } .sidebar_show .post_content_single .trx_addons_video_player.with_cover:hover .video_hover, .sidebar_show .post_content_single .trx_addons_video_player.with_cover .video_hover { width: 65px; height: 65px; line-height: 65px; text-align: center; font-size: 15px; margin: -32px 0 0 -32px; } .sidebar .trx_addons_video_player.with_cover .video_hover, .footer_wrap .trx_addons_video_player.with_cover .video_hover { font-size: 1.8em; } .trx_addons_video_player.with_cover .video_hover:before, .post_featured.with_thumb .post_video_hover:before, .sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover:before { content: '\e9e9'; font-family: "fontello"; } .post_featured.with_thumb .post_video_hover > a, .sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover > a { display: block; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } .post_featured.post_video_play .post_video, .sc_layouts_blog_item_featured .post_featured.post_video_play .post_video { opacity: 1; z-index: 100; background-color: #000; } .post_featured.post_video_play .mask, .sc_layouts_blog_item_featured .post_featured.post_video_play .mask { opacity: 1; background-color: #000; } .post_featured.post_video_play .post_video_hover, .sc_layouts_blog_item_featured .post_featured.post_video_play .post_video_hover { display: none; } /* Gallery */ .format-gallery .post_featured.with_thumb > img, .single-format-gallery .post_header_wrap .post_featured.with_thumb > img { opacity: 0; } .format-gallery .post_featured.with_thumb .slider_outer, .single-format-gallery .post_header_wrap .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%; height: 100% !important; } .format-gallery .post_featured.with_thumb .slider_outer .slider_container, .single-format-gallery .post_header_wrap .post_featured.with_thumb .slider_outer .slider_container { height: 100% !important; } /* Aside, Link, Status, Quote */ .format-quote .post_content, .format-aside .post_content, .format-link .post_content, .format-status .post_content { padding: 0; text-align: left; } .format-aside .post_content_inner, .post_item_single.format-aside .post_content > p, .format-link .post_content_inner, .post_item_single.format-link .post_content > p, .format-status .post_content_inner, .post_item_single.format-status .post_content > p { font-size: 1.6667rem; line-height: 1.4em; } .format-aside .post_content_inner { padding: 1em 1.3158em; } .format-aside .post_content_inner { color: var(--theme-color-alter_dark); background-color: var(--theme-color-alter_bg_color); } .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; } .format-link .post_content_inner, .format-status .post_content_inner { color: var(--theme-color-text_dark); } /* 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); } /* 7.5 Paginations -------------------------------------------------------------- */ /* Blog pagination: Load more and Infinite */ .sc_item_pagination_load_more, .nav-links-more, .woocommerce-links-more { letter-spacing: 0; text-align: center; margin-top: 2.8em; } .sc_item_pagination_load_more .nav-links, .sc_item_pagination_load_more .nav-load-more, .sc_item_pagination_load_more .woocommerce-load-more, .nav-links-more .nav-links, .nav-links-more .nav-load-more, .nav-links-more .woocommerce-load-more, .woocommerce-links-more .nav-links, .woocommerce-links-more .nav-load-more, .woocommerce-links-more .woocommerce-load-more { -webkit-appearance: none; cursor: pointer; display: inline-flex; align-items: center; 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: 0; -ms-border-radius: 0; border-radius: 0; text-transform: var(--theme-font-button_text-transform); letter-spacing: var(--theme-font-button_letter-spacing); white-space: nowrap; height: auto; max-width: 100%; color: var(--theme-color-inverse_link); border-color: var(--theme-color-text_link); background-color: var(--theme-color-text_link); padding: 17px 62px; border-width: 0 !important; } .sc_item_pagination_load_more .nav-links.sc_button_shadow, .sc_item_pagination_load_more .nav-load-more.sc_button_shadow, .sc_item_pagination_load_more .woocommerce-load-more.sc_button_shadow, .nav-links-more .nav-links.sc_button_shadow, .nav-links-more .nav-load-more.sc_button_shadow, .nav-links-more .woocommerce-load-more.sc_button_shadow, .woocommerce-links-more .nav-links.sc_button_shadow, .woocommerce-links-more .nav-load-more.sc_button_shadow, .woocommerce-links-more .woocommerce-load-more.sc_button_shadow { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_link_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_link_02); box-shadow: 0 7px 25px var(--theme-color-text_link_02); } .sc_item_pagination_load_more .nav-links.sc_button_shadow.color_style_dark, .sc_item_pagination_load_more .nav-load-more.sc_button_shadow.color_style_dark, .sc_item_pagination_load_more .woocommerce-load-more.sc_button_shadow.color_style_dark, .nav-links-more .nav-links.sc_button_shadow.color_style_dark, .nav-links-more .nav-load-more.sc_button_shadow.color_style_dark, .nav-links-more .woocommerce-load-more.sc_button_shadow.color_style_dark, .woocommerce-links-more .nav-links.sc_button_shadow.color_style_dark, .woocommerce-links-more .nav-load-more.sc_button_shadow.color_style_dark, .woocommerce-links-more .woocommerce-load-more.sc_button_shadow.color_style_dark { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_dark_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_dark_02); box-shadow: 0 7px 25px var(--theme-color-text_dark_02); } .sc_item_pagination_load_more .nav-links.sc_button_shadow.color_style_link2, .sc_item_pagination_load_more .nav-load-more.sc_button_shadow.color_style_link2, .sc_item_pagination_load_more .woocommerce-load-more.sc_button_shadow.color_style_link2, .nav-links-more .nav-links.sc_button_shadow.color_style_link2, .nav-links-more .nav-load-more.sc_button_shadow.color_style_link2, .nav-links-more .woocommerce-load-more.sc_button_shadow.color_style_link2, .woocommerce-links-more .nav-links.sc_button_shadow.color_style_link2, .woocommerce-links-more .nav-load-more.sc_button_shadow.color_style_link2, .woocommerce-links-more .woocommerce-load-more.sc_button_shadow.color_style_link2 { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_link2_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_link2_02); box-shadow: 0 7px 25px var(--theme-color-text_link2_02); } .sc_item_pagination_load_more .nav-links.sc_button_shadow.color_style_link3, .sc_item_pagination_load_more .nav-load-more.sc_button_shadow.color_style_link3, .sc_item_pagination_load_more .woocommerce-load-more.sc_button_shadow.color_style_link3, .nav-links-more .nav-links.sc_button_shadow.color_style_link3, .nav-links-more .nav-load-more.sc_button_shadow.color_style_link3, .nav-links-more .woocommerce-load-more.sc_button_shadow.color_style_link3, .woocommerce-links-more .nav-links.sc_button_shadow.color_style_link3, .woocommerce-links-more .nav-load-more.sc_button_shadow.color_style_link3, .woocommerce-links-more .woocommerce-load-more.sc_button_shadow.color_style_link3 { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_link3_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_link3_02); box-shadow: 0 7px 25px var(--theme-color-text_link3_02); } .sc_item_pagination_load_more .nav-links:hover, .sc_item_pagination_load_more .nav-load-more:hover, .sc_item_pagination_load_more .woocommerce-load-more:hover, .nav-links-more .nav-links:hover, .nav-links-more .nav-load-more:hover, .nav-links-more .woocommerce-load-more:hover, .woocommerce-links-more .nav-links:hover, .woocommerce-links-more .nav-load-more:hover, .woocommerce-links-more .woocommerce-load-more:hover { background-color: var(--theme-color-text_hover); } .sc_item_pagination_load_more.loading span, .nav-links-more.loading span, .woocommerce-links-more.loading span { opacity: 0; } .sc_item_pagination_load_more.loading .nav-links:before, .sc_item_pagination_load_more.loading .nav-load-more:before, .sc_item_pagination_load_more.loading .woocommerce-load-more:before, .nav-links-more.loading .nav-links:before, .nav-links-more.loading .nav-load-more:before, .nav-links-more.loading .woocommerce-load-more:before, .woocommerce-links-more.loading .nav-links:before, .woocommerce-links-more.loading .nav-load-more:before, .woocommerce-links-more.loading .woocommerce-load-more:before { opacity: 1 !important; } .woocommerce-links-more { margin-top: 1em; } .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; } .sc_item_pagination_load_more a:before, .nav-links-more a:before, .woocommerce-links-more a:before { content: '\e929'; font-family: "fontello"; font-size: 1em; font-weight: normal; display: block; text-align: center; margin-left: -0.5em; margin-top: -0.5em; position: absolute; z-index: 1; top: 50%; left: 50%; width: 1em; height: 1em; line-height: 1em; text-align: center; opacity: 0; } .nav-links-more.loading a:before, .woocommerce-links-more.loading a:before { content: '\e82d'; -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .nav-links-infinite a span, .woocommerce-links-infinite a span { opacity: 0; } .nav-links-infinite.loading, .woocommerce-links-infinite.loading { display: block; } /* Blog pagination: Prev/Next links */ .nav-links-old { overflow: hidden; font-size: 15px; line-height: 21px; font-weight: 700; text-transform: capitalize; margin-top: 3em; color: var(--theme-color-text_dark); } .nav-links-old a { color: var(--theme-color-text_dark) !important; } .nav-links-old a:hover { color: var(--theme-color-text_link) !important; } .nav-links-old .nav-prev a:before, .nav-links-old .nav-next a:after { font-family: "fontello"; font-weight: normal; display: inline; position: absolute; z-index: 1; top: 0; left: 0; font-size: 11px; font-weight: 400; } .nav-links-old .nav-prev { float: left; position: relative; padding-left: 2em; } .nav-links-old .nav-prev a:before { content: '\EA07'; } .nav-links-old .nav-next { float: right; position: relative; padding-right: 2em; } .nav-links-old .nav-next a:after { content: '\E9A4'; left: auto; right: 0; } /* Blog pagination: Page numbers */ div.esg-filters, .woocommerce nav.woocommerce-pagination ul, .comments_pagination, .nav-links, .page_links { font-size: 17px; font-weight: 700; text-transform: none; margin-top: 2.7em; text-align: left; border: none; list-style-type: none; clear: both; } .woocommerce nav.woocommerce-pagination ul { margin-top: 1em; } .page_links .page_links_title { display: inline-block; vertical-align: top; margin: 0.75em 0.5em 0 0; } .esg-filters div.esg-navigationbutton, .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 { display: inline-block; vertical-align: top; font-size: inherit; font-weight: inherit; margin: 2px 5px 2px 0; padding: 0; border: 1px solid var(--theme-color-bd_color); color: var(--theme-color-text_dark); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 52px; height: 52px; line-height: 52px; text-align: center; line-height: 49px; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -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; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, background-position 0.3s ease; } .esg-filters div.esg-navigationbutton.dots, .woocommerce nav.woocommerce-pagination ul li a.dots, .woocommerce nav.woocommerce-pagination ul li span.current.dots, .page_links > span:not(.page_links_title).dots, .page_links > a.dots, .comments_pagination .page-numbers.dots, .nav-links .page-numbers.dots { border: none; width: 46px; } .esg-filters div.esg-navigationbutton, .woocommerce nav.woocommerce-pagination ul li a, .page_links > a, .comments_pagination .page-numbers, .nav-links .page-numbers { color: var(--theme-color-text_dark); background-color: var(--theme-color-input_bg_color); } .nav-links .page-numbers.current, .comments_pagination .page-numbers.current, .woocommerce nav.woocommerce-pagination ul li span.current, .esg-filters div.esg-navigationbutton.selected { color: var(--theme-color-inverse_hover); background-color: var(--theme-color-text_dark); border-color: var(--theme-color-text_dark); } .esg-filters div.esg-navigationbutton:hover, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus, .page_links > a:hover, .page_links > span:not(.page_links_title), .comments_pagination a.page-numbers:hover, .nav-links a.page-numbers:hover { color: var(--theme-color-text_dark); background-color: var(--theme-color-alter_bg_color); } .esg-filters .esg-navigationbutton i[class*="eg-icon-"] { color: inherit; } .esg-filters .esg-navigationbutton i.eg-icon-left-open:before { content: '\e939'; font-family: "fontello"; } .esg-filters .esg-navigationbutton i.eg-icon-right-open:before { content: '\e93a'; font-family: "fontello"; } .woocommerce nav.woocommerce-pagination { text-align: left; } .woocommerce nav.woocommerce-pagination ul li { border: none; display: inline-block; margin: 0; } .esg-filters div.esg-navigationbutton:hover, .esg-filters div.esg-navigationbutton.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .nav-links .page-numbers.first, .nav-links .page-numbers.prev, .nav-links .page-numbers.next, .nav-links .page-numbers.last, .comments_pagination .page-numbers.first, .comments_pagination .page-numbers.prev, .comments_pagination .page-numbers.next, .comments_pagination .page-numbers.last, .woocommerce nav.woocommerce-pagination ul li a.first, .woocommerce nav.woocommerce-pagination ul li a.prev, .woocommerce nav.woocommerce-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.last { text-indent: -200px; overflow: hidden; position: relative; } .nav-links .page-numbers.first:before, .nav-links .page-numbers.prev:before, .nav-links .page-numbers.next:before, .nav-links .page-numbers.last:before, .comments_pagination .page-numbers.first:before, .comments_pagination .page-numbers.prev:before, .comments_pagination .page-numbers.next:before, .comments_pagination .page-numbers.last:before, .woocommerce nav.woocommerce-pagination ul li a.first:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before, .woocommerce nav.woocommerce-pagination ul li a.next:before, .woocommerce nav.woocommerce-pagination ul li a.last:before { font-family: "fontello"; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; text-align: center; text-indent: 0; font-size: 14px; font-weight: 400; } .nav-links .page-numbers.first:before, .comments_pagination .page-numbers.first:before, .woocommerce nav.woocommerce-pagination ul li a.first:before { content: '\e8af'; } .nav-links .page-numbers.prev:before, .comments_pagination .page-numbers.prev:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before { content: '\e907'; } .nav-links .page-numbers.next:before, .comments_pagination .page-numbers.next:before, .woocommerce nav.woocommerce-pagination ul li a.next:before { content: '\e908'; } .nav-links .page-numbers.last:before, .comments_pagination .page-numbers.last:before, .woocommerce nav.woocommerce-pagination ul li a.last:before { content: '\e8b0'; } /* Attachments navigation */ .image-navigation .nav-previous, .image-navigation .nav-next { float: none; width: auto; text-align: left; padding: 0; margin: 0; position: absolute; z-index: 1; top: 50%; left: 1.5em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .image-navigation .nav-next { left: auto; right: 1.5em; text-align: right; } .image-navigation .nav-previous a, .image-navigation .nav-next a { display: block; padding: 1.1em 1em; width: 0; max-width: 20em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); color: #fff; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .image-navigation .nav-previous a:hover, .image-navigation .nav-next a:hover { width: auto; color: #fff; background-color: rgba(0, 0, 0, 0.6); border-color: rgba(0, 0, 0, 0.6); -webkit-border-radius: 2em; -ms-border-radius: 2em; border-radius: 2em; } .image-navigation .nav-previous a:hover { padding-left: 3.5em; } .image-navigation .nav-next a:hover { padding-right: 3.5em; } .image-navigation .nav-previous a:after, .image-navigation .nav-next a:after { content: '\e8ef'; font-family: "fontello"; position: absolute; z-index: 1; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 4em; height: 4em; line-height: 4em; text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 1px solid #000; background-color: #333; color: #fff; } .image-navigation .nav-next a:after { content: '\e8f0'; left: auto; right: 0; } .image-navigation .nav-previous a:hover:after, .image-navigation .nav-next a:hover:after { border-color: transparent; background-color: transparent; } /* 7.6 Full post in the blog ------------------------------------------------------ */ .full_post_loading { position: relative; } .full_post_loading:after { content: ' '; 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; } .full_post_content { position: relative; } .full_post_content .post_header_wrap .post_header + .post_featured { margin-top: 30px; } .full_post_content .post_header_wrap + .post_content { margin-top: 30px !important; } .posts_container .full_post_content { margin-top: 7em; padding-top: 7em; border-top: 1px solid var(--theme-color-bd_color); } .posts_container .full_post_content:not(:last-child) { margin-bottom: 7em; padding-bottom: 7em; border-bottom: 1px solid var(--theme-color-bd_color); } .posts_container .post_item_container + .full_post_content { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; align-items: flex-end; } .posts_container .post_item_container + .full_post_content .full_post_close { margin-bottom: -50px; z-index: 1001; } .posts_container .post_item_container.post_format_audio .post_featured.with_thumb .post_audio .post_info_audio .post_audio_description, .posts_container .post_item_container.post_format_audio .post_featured.with_thumb .post_audio .post_info_audio .post_audio_title, .posts_container .post_item_container.post_format_audio .post_featured.with_thumb .post_audio .post_info_audio .post_audio_author { overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: -webkit-box; -webkit-box-orient: vertical; display: -moz-box; -moz-box-orient: vertical; box-orient: vertical; } .posts_container .post_item_container.post_format_audio .post_featured.with_thumb .post_audio .post_info_audio .post_audio_author { -webkit-line-clamp: 1; -moz-line-clamp: 1; line-clamp: 1; } .posts_container .post_item_container.post_format_audio .post_featured.with_thumb .post_audio .post_info_audio .post_audio_title { -webkit-line-clamp: 2; -moz-line-clamp: 2; line-clamp: 2; } .posts_container .post_item_container.post_format_audio .post_featured.with_thumb .post_audio .post_info_audio .post_audio_description { -webkit-line-clamp: 3; -moz-line-clamp: 3; line-clamp: 3; } .sc_item_posts_container .full_post_content, .sc_item_posts_container .full_post_content:not(:last-child) { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid var(--theme-color-bd_color); } .full_post_opened:first-child + .full_post_content { margin-top: 0; padding-top: 0; border-top: none; } .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 { content: ' '; width: 2em; height: 1em; position: absolute; z-index: 1; top: -0.2em; left: -0.5em; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); opacity: 0.7; background-image: url(../../../images/read.png); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; display: none; } .full_post_read .sc_layouts_blog_item_title .post_title:after { display: none; } button.full_post_close { -webkit-position: sticky; position: -webkit-sticky; position: sticky; z-index: 1000; top: 12em; width: 50px; height: 50px; line-height: 50px; text-align: center; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 50% !important; float: right; margin: 0 0 1em 2em; cursor: pointer; color: var(--theme-color-text_link); background-color: var(--theme-color-bg_color); -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); } button.full_post_close:hover { color: var(--theme-color-text_hover); } button.full_post_close:after { content: '\e916'; font-family: "fontello"; } .full_post_progress { position: absolute; z-index: -1; top: 0; left: 0; pointer-events: none; display: block; width: 100%; height: 100%; line-height: 100%; text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-backface-visibility: hidden; } .full_post_progress svg { fill: currentColor; } .full_post_progress_bar { fill: transparent; stroke: var(--theme-color-text_link); stroke-width: 2px; stroke-dashoffset: 0; stroke-dasharray: 137.4; } button.full_post_read_complete:after { content: '\e8ab'; } .full_post_read_complete .full_post_progress { display: none; } /* 8. 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 { content: ' '; display: block; width: 100%; height: 0; clear: both; } .post_content > p:last-child { margin-bottom: 0; } .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; } .post_item_single.format-quote .post_content > blockquote:first-child { margin-top: 0; } .section_title { margin: 0 0 1em; text-align: left; } .sidebar_hide.narrow_content .post_item_single.post_type_post { width: 75%; margin: 0 auto; } .sidebar_hide.narrow_content .post_item_single.post_type_post ~ .show_comments_single, .sidebar_hide.narrow_content .post_item_single.post_type_post ~ section { width: 75%; margin-left: auto; margin-right: auto; } .post_content_single:after { content: ' '; display: block; width: 100%; height: 0; clear: both; } /* Vertical share */ .sidebar_hide.narrow_content .post_info_vertical { position: absolute; z-index: 1; top: 0; left: calc( -1 * var(--theme-var-padding_narrow) ); } .sidebar_show .post_info_vertical, .sidebar_hide:not(.narrow_content) .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_show .post_info_vertical_present, .sidebar_show .post_info_vertical_present + .post_footer, .sidebar_hide:not(.narrow_content) .post_info_vertical_present, .sidebar_hide:not(.narrow_content) .post_info_vertical_present + .post_footer { padding-left: 15%; } .post_info_vertical_present { position: relative; } .sidebar_show .post_info_vertical_fixed_on, .sidebar_hide.narrow_content .post_info_vertical_fixed_on, .sidebar_hide:not(.narrow_content) .post_info_vertical_fixed_on, .sidebar_hide.narrow_content .previous_post_content.sidebar_show .post_info_vertical_fixed_on { position: fixed !important; z-index: 2; } /* 8.1 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; } .post_item_single .post_header_single .post_title { margin-bottom: 0; } /* 8.2 Post footer ------------------------------------------------------ */ /* Tags */ .post_item_single .post_tags_single { margin-top: 2.8em; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .post_item_single .post_tags_single .post_meta_label { display: none; vertical-align: middle; margin-right: 0.5em; } .post_item_single .post_tags_single a { display: inline-block; vertical-align: top; padding: 7px 18px; margin: 0.25em 0.5em 0.25em 0; font-size: 13px; font-weight: 400; line-height: 16px; background-color: var(--theme-color-bg_color); color: var(--theme-color-text); border: 1px solid var(--theme-color-bd_color); -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; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .post_item_single .post_tags_single a:hover { 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 { margin-top: 4em; padding-top: 2.2em; border-top: 1px solid var(--theme-color-bd_color); text-align: right; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .post_item_single .post_content > .trx_addons_emotions + .post_meta_single { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } /* Likes */ .post_meta_likes.disabled, .comment_counters_likes.disabled { color: var(--theme-color-text_link); } .post_item_single .post_meta_single .post_meta_likes { margin-right: 10px; flex-shrink: 0; } .post_item_single .post_meta_single .post_meta_likes:before { display: inline-block; font-size: 14px; width: 43px; height: 43px; line-height: 46px !important; letter-spacing: -1px; -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); -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; content: '\e9cc'; font-family: "fontello"; margin: 0 0.6em 0 0; } .post_item_single .post_meta_single .post_meta_likes.trx_addons_icon-heart:before { content: '\e8aa'; font-size: 16px; } .post_item_single .post_meta_single .post_meta_likes.disabled:before { color: var(--theme-color-text_link); } .post_item_single .post_meta_single .post_meta_likes:hover:before { color: var(--theme-color-text_hover); } .post_item_single .post_meta_single .post_meta_likes:after { display: none; } .post_item_single .post_meta_single .post_meta_likes .post_meta_label { display: none; } /* Share */ .post_item_single .post_meta_single .post_share .socials_share.socials_type_block .social_item { margin: 3px 0 3px 7px; } .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:hover .social_icon { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .post_item_single .post_meta_single .post_share .socials_share.socials_type_block .social_item .social_icon { font-size: 16px; position: relative; display: block; will-change: transform; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; width: 45px; height: 45px; line-height: 45px; text-align: center; letter-spacing: -1px; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: var(--theme-color-alter_bg_color) !important; color: var(--theme-color-text_dark) !important; } .post_item_single .post_meta_single .post_share .socials_share.socials_type_block .social_item .social_icon[class*="twitter"] { background-color: #48BDE9 !important; color: #fff !important; } .post_item_single .post_meta_single .post_share .socials_share.socials_type_block .social_item .social_icon[class*="facebook"] { background-color: #4F5FBF !important; color: #fff !important; } .post_item_single .post_meta_single .post_share .socials_share.socials_type_block .social_item .social_icon[class*="dribble"] { background-color: #EA4C89 !important; color: #fff !important; } .post_item_single .post_meta_single .post_share .socials_share.socials_type_block .social_item .social_icon[class*="email"] { background-color: #7A7E83 !important; color: #fff !important; } .post_item_single .post_meta_single .post_share .socials_share.socials_type_block .social_item .social_icon .icon-twitter-new:before { position: relative; top: -1px; } /* Single page Prev/Next navigation */ .nav-links-single { margin-top: 1.8em; padding-top: 3em; border-top: 1px solid var(--theme-color-bd_color); } .nav-links-single .nav-links { margin-top: 0; text-align: left; overflow: hidden; text-transform: none; } .nav-links-single .nav-links a { display: block; } .nav-links-single .nav-links .nav-arrow-label { text-transform: uppercase; font-size: 13px; line-height: 18px; font-weight: 700; display: block; letter-spacing: 0.8px; } .nav-links-single .nav-links .nav-arrow-label:before, .nav-links-single .nav-links .nav-arrow-label:after { font-family: "fontello"; display: inline-block; vertical-align: top; font-size: 9px; position: relative; font-weight: 400; right: 1px; } .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 { float: left; text-align: left; padding-right: 15px; } .nav-links-single .nav-links .nav-previous .nav-arrow-label:before { content: '\e9e5'; margin-right: 10px; right: auto; left: 1px; } .nav-links-single .nav-links .nav-previous .post-title { text-align: left; } .nav-links-single .nav-links .nav-next { float: right; text-align: right; padding-left: 15px; } .nav-links-single .nav-links .nav-next .nav-arrow-label:after { content: '\e9e6'; margin-left: 10px; } .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; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } .nav-links-single .nav-links .post-title { margin: 12px 0 0; font-size: 19px; line-height: 1.5em; font-weight: 700; } .nav-links-single .nav-links .meta-nav, .nav-links-single .nav-links .post_date { display: block; font-size: 12px; font-weight: normal; } .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_light); } .nav-links-single .nav-links a:hover .post-title { color: var(--theme-color-text_dark); } .nav-links-single.nav-links-with-thumbs .nav-links a { position: relative; min-height: 6em; z-index: 1; } .nav-links-single.nav-links-with-thumbs .nav-links a .nav-arrow { width: 6em; height: 6em; line-height: 6em; text-align: center; overflow: hidden; text-align: center; position: absolute; z-index: 1; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .nav-links-single.nav-links-with-thumbs .nav-links a .nav-arrow:before { content: ' '; display: block; background-color: #fff; opacity: 0; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .nav-links-single.nav-links-with-thumbs .nav-links a:hover .nav-arrow:before { opacity: 0.5; } .nav-links-single.nav-links-with-thumbs .nav-links a .nav-arrow:after { content: '\e939'; font-family: "fontello"; display: inline-block; position: relative; z-index: 2; top: 3em; opacity: 0; color: #292929; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .nav-links-single.nav-links-with-thumbs .nav-links a:hover .nav-arrow:after { top: 0; opacity: 1; } .nav-links-single.nav-links-with-thumbs .nav-links .nav-previous a { padding-left: 8.5em; } .nav-links-single.nav-links-with-thumbs .nav-links .nav-next a { padding-right: 8.5em; } .nav-links-single.nav-links-with-thumbs .nav-links .nav-next a .nav-arrow { right: 0; left: auto; } .nav-links-single.nav-links-with-thumbs .nav-links .nav-next a .nav-arrow:after { content: '\e93a'; } .nav-links-single.nav-links-with-thumbs .nav-links .post-title { margin: 0.1em 0; } .nav-links-single.nav-links-fixed { position: fixed; z-index: 10; bottom: 100px; left: 20px; right: 20px; opacity: 0; -webkit-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; margin-top: 0; padding-top: 0; border-top: none; } .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.nav-links-fixed.nav-links-visible { opacity: 1; } .nav-links-single.nav-links-fixed .nav-links { padding: 0; margin: 0; border-width: 0; border-color: var(--theme-color-bd_color); } .nav-links-single.nav-links-fixed .nav-links .nav-previous, .nav-links-single.nav-links-fixed .nav-links .nav-next { position: absolute; z-index: 1; bottom: 0; left: 0; width: 280px; padding: 15px; border: 1px solid var(--theme-color-bd_color); background-color: var(--theme-color-bg_color); -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .nav-links-single.nav-links-fixed .nav-links .nav-previous { left: -300px; } .nav-links-single.nav-links-fixed.nav-links-visible .nav-links .nav-previous { left: 0; } .nav-links-single.nav-links-fixed .nav-links .nav-next { left: auto; right: -300px; } .nav-links-single.nav-links-fixed.nav-links-visible .nav-links .nav-next { right: 0; } .nav-links-single-scroll.grace_church_loading { min-height: 3em; margin-top: 4em; } .previous_post_content { margin-top: 6em; padding-top: 6em; border-top: 1px solid var(--theme-color-bd_color); } /* 8.3 Post author ------------------------------------------------------ */ .author_info { margin-top: 3em; padding: 40px; position: relative; background-color: var(--theme-color-alter_bg_color); } .author_info .author_avatar { width: 78px; height: 78px; line-height: 78px; text-align: center; position: absolute; z-index: 1; top: 30px; left: 30px; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; overflow: hidden; } .author_info .author_avatar img { width: 100%; height: auto; } .author_info .author_description { padding-left: 88px; } .author_info .author_label { text-transform: uppercase; font-size: 13px; line-height: 18px; font-weight: 700; letter-spacing: 0.8px; color: var(--theme-color-text_light); } .author_info .author_title { margin: 0 0 10px; font-size: 19px; line-height: 1.3em; font-weight: 700; } .author_info .author_title a { display: inline; } .author_info .author_bio { margin-top: 15px; } .author_info .author_bio p { margin: 0; } .author_info .author_bio p + p { margin-top: 0.6em; } .author_info .author_bio .author_links { margin-top: 15px; margin-bottom: -13px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .author_info .author_bio .socials_wrap { margin-top: 0; margin-left: -0.3em; line-height: 0; } .author_info .author_bio .socials_wrap .social_item { margin: 0 20px 0 0; } .author_info .author_bio .socials_wrap .social_item .social_icon { background-color: transparent !important; width: auto; height: auto; line-height: inherit; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; font-size: 13px; } /* 8.4 Related posts ------------------------------------------------------ */ .related_wrap { margin-top: 5em; } .content_wrap > .related_position_below_page:first-child { margin-top: 0 !important; } .related_wrap .slider_container:not(.slider_multi):not(.slider_type_images), .related_wrap .slider_container:not(.slider_multi):not(.slider_type_images) .slider-slide { min-height: 130px; } .related_wrap .sc_item_slider.slider_outer_controls_top > .slider_controls_wrap { top: -4.2em; } .related_wrap .slider_outer_controls_bottom > .slider_controls_wrap { margin-top: 2em; } .post_content .related_wrap { margin: 2em 0 1em; padding: 0.02px 0; border-top: none; } .post_content .related_wrap_slider { margin-bottom: 1em; } .post_content .related_wrap.related_position_inside_left { float: left; margin: 1em 2em 1em 0; max-width: 18em; } .post_content .related_wrap.related_position_inside_right { float: right; margin: 1em 0 1em 2em; max-width: 18em; } .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_meta .post_meta_item .post_sponsored_label { font-weight: 700; letter-spacing: 0.8px; font-size: 14px; color: var(--theme-color-text_link); background: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding: 0; } .related_wrap .post_meta .post_meta_item a.post_sponsored_label:hover { background: none; color: var(--theme-color-text_dark); } .related_wrap .post_categories { font-weight: 700; letter-spacing: 0.8px; } .related_wrap .post_categories ul { margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: top; } .related_wrap .post_categories li, .related_wrap .post_categories > a { display: inline-block; vertical-align: top; margin: 0; color: var(--theme-color-text_dark); } .related_wrap .post_categories li + li, .related_wrap .post_categories > a + a { margin-left: 0; } .related_wrap .post_meta_item.post_categories, .related_wrap .post_meta_item.post_categories a { color: var(--theme-color-text_dark); } .related_wrap .post_meta_item.post_categories a:hover { color: var(--theme-color-text_link); } .related_wrap .post_title { margin: 0; } .related_wrap .post_meta [class^="icon-"] { font-size: 1.2em; line-height: inherit; margin-right: .3em; margin-left: 0; vertical-align: top; display: none; } .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; } /* Style 1: Modern */ .related_wrap.related_style_modern .post_featured { margin-bottom: 0; } .related_wrap.related_style_modern .post_featured .post_header { display: block; width: 70%; padding: 1.5em; position: absolute; z-index: 8; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .related_wrap.related_style_modern .format-audio .post_featured .post_header { display: none; } .related_wrap.related_style_modern .post_title { margin: 0.5em 0; letter-spacing: 0; line-height: 1.25em; } .related_wrap.related_style_modern .post_meta { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .related_wrap.related_style_modern .post_header { background-color: var(--theme-color-bg_color_08); } .related_wrap.related_style_modern .related_item:hover .post_header { background-color: var(--theme-color-bg_color); } .related_wrap.related_style_modern .post_meta a { color: var(--theme-color-text); } .related_wrap.related_style_modern .related_item:hover .post_meta a { color: var(--theme-color-text_light); } .related_wrap.related_style_modern .related_item:hover .post_meta a:hover { color: var(--theme-color-text_dark); } /* Style 2: Classic */ .related_wrap.team_page_related, .related_wrap.related_style_classic { text-align: left; /* slider */ } .related_wrap.team_page_related .related_item, .related_wrap.related_style_classic .related_item { text-align: left; } .related_wrap.team_page_related .post_title, .related_wrap.related_style_classic .post_title { font-size: 24px; line-height: 1.2em; font-weight: 700; } .related_wrap.team_page_related .post_title a:hover, .related_wrap.team_page_related .post_title a, .related_wrap.related_style_classic .post_title a:hover, .related_wrap.related_style_classic .post_title a { color: var(--theme-color-text_dark); } .related_wrap.team_page_related .slider_container .swiper-pagination, .related_wrap.team_page_related .slider_outer .swiper-pagination, .related_wrap.related_style_classic .slider_container .swiper-pagination, .related_wrap.related_style_classic .slider_outer .swiper-pagination { display: none; } .related_wrap.team_page_related .slider_container.slider_controls_side .slider_controls_wrap > a, .related_wrap.team_page_related .slider_outer_controls_side .slider_controls_wrap > a, .related_wrap.team_page_related .slider_container.slider_controls_side:hover .slider_controls_wrap > a, .related_wrap.team_page_related .slider_outer_controls_side:hover .slider_controls_wrap > a, .related_wrap.related_style_classic .slider_container.slider_controls_side .slider_controls_wrap > a, .related_wrap.related_style_classic .slider_outer_controls_side .slider_controls_wrap > a, .related_wrap.related_style_classic .slider_container.slider_controls_side:hover .slider_controls_wrap > a, .related_wrap.related_style_classic .slider_outer_controls_side:hover .slider_controls_wrap > a { opacity: 1; } .related_wrap.team_page_related .slider_container.slider_controls_side .slider_controls_wrap > a.slider_prev, .related_wrap.team_page_related .slider_outer_controls_side .slider_controls_wrap > a.slider_prev, .related_wrap.team_page_related .slider_container.slider_controls_side:hover .slider_controls_wrap > a.slider_prev, .related_wrap.team_page_related .slider_outer_controls_side:hover .slider_controls_wrap > a.slider_prev, .related_wrap.related_style_classic .slider_container.slider_controls_side .slider_controls_wrap > a.slider_prev, .related_wrap.related_style_classic .slider_outer_controls_side .slider_controls_wrap > a.slider_prev, .related_wrap.related_style_classic .slider_container.slider_controls_side:hover .slider_controls_wrap > a.slider_prev, .related_wrap.related_style_classic .slider_outer_controls_side:hover .slider_controls_wrap > a.slider_prev { margin-left: 20px; } .related_wrap.team_page_related .slider_container.slider_controls_side .slider_controls_wrap > a.slider_next, .related_wrap.team_page_related .slider_outer_controls_side .slider_controls_wrap > a.slider_next, .related_wrap.team_page_related .slider_container.slider_controls_side:hover .slider_controls_wrap > a.slider_next, .related_wrap.team_page_related .slider_outer_controls_side:hover .slider_controls_wrap > a.slider_next, .related_wrap.related_style_classic .slider_container.slider_controls_side .slider_controls_wrap > a.slider_next, .related_wrap.related_style_classic .slider_outer_controls_side .slider_controls_wrap > a.slider_next, .related_wrap.related_style_classic .slider_container.slider_controls_side:hover .slider_controls_wrap > a.slider_next, .related_wrap.related_style_classic .slider_outer_controls_side:hover .slider_controls_wrap > a.slider_next { margin-right: 20px; } .related_wrap.related_style_classic .related_item:not(.format-image):not(.format-gallery):not(.format-audio):not(.format-video):not(.has-post-thumbnail) { margin-top: -6px; } .related_wrap.related_style_classic .post_featured { margin-bottom: 1em; } .related_wrap.related_style_classic .post_featured[class*="hover_"] { display: inline-block; vertical-align: top; } .related_wrap.related_style_classic .post_featured img { max-width: 100%; height: auto; } .related_wrap.related_style_classic .post_meta { text-transform: uppercase; margin-top: 0; margin-bottom: 0.85em; } .team_page_related, .related_wrap.related_style_classic { /* audio */ } .team_page_related .trx_addons_video_player.with_cover .video_hover, .team_page_related .post_featured.with_thumb .post_video_hover, .team_page_related .sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover, .related_wrap.related_style_classic .trx_addons_video_player.with_cover .video_hover, .related_wrap.related_style_classic .post_featured.with_thumb .post_video_hover, .related_wrap.related_style_classic .sc_layouts_blog_item_featured .post_featured.with_thumb .post_video_hover { font-size: 14px; width: 50px; height: 50px; line-height: 51px; margin: -25px 0 0 -25px; letter-spacing: -4px; } .team_page_related .format-video .mejs-time.mejs-currenttime-container, .team_page_related .format-video .mejs-time.mejs-duration-container, .related_wrap.related_style_classic .format-video .mejs-time.mejs-currenttime-container, .related_wrap.related_style_classic .format-video .mejs-time.mejs-duration-container { display: none; } .team_page_related .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe), .team_page_related .single-format-audio .post_featured.without_thumb .post_audio:not(.with_iframe), .team_page_related .sc_layouts_blog_item_featured .post_featured.without_thumb .post_audio:not(.with_iframe), .related_wrap.related_style_classic .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe), .related_wrap.related_style_classic .single-format-audio .post_featured.without_thumb .post_audio:not(.with_iframe), .related_wrap.related_style_classic .sc_layouts_blog_item_featured .post_featured.without_thumb .post_audio:not(.with_iframe) { padding: 1em; } .team_page_related .format-audio .post_featured .post_audio_title, .team_page_related .single-format-audio .post_featured .post_audio_title, .related_wrap.related_style_classic .format-audio .post_featured .post_audio_title, .related_wrap.related_style_classic .single-format-audio .post_featured .post_audio_title { font-size: 18px; margin-top: 0.3em; margin-bottom: 0.1em; } .team_page_related .format-audio .mejs-time.mejs-currenttime-container, .team_page_related .format-audio .mejs-time.mejs-duration-container, .related_wrap.related_style_classic .format-audio .mejs-time.mejs-currenttime-container, .related_wrap.related_style_classic .format-audio .mejs-time.mejs-duration-container { display: none; } .team_page_related .format-audio div.mejs-controls .mejs-time-rail, .related_wrap.related_style_classic .format-audio div.mejs-controls .mejs-time-rail { margin: 0 12px; } .team_page_related .format-audio div.mejs-controls .mejs-horizontal-volume-slider, .related_wrap.related_style_classic .format-audio div.mejs-controls .mejs-horizontal-volume-slider { margin-left: 8px; } .team_page_related .format-audio .mejs-container:not(.mejs-video), .related_wrap.related_style_classic .format-audio .mejs-container:not(.mejs-video) { height: 50px !important; } .team_page_related .format-audio .mejs-controls, .related_wrap.related_style_classic .format-audio .mejs-controls { height: 50px; padding: 5px 0; } .team_page_related .format-audio div.mejs-controls .mejs-time.mejs-duration-container, .related_wrap.related_style_classic .format-audio div.mejs-controls .mejs-time.mejs-duration-container { margin-right: 8px; } .team_page_related .format-audio div.mejs-controls .mejs-time.mejs-currenttime-container, .related_wrap.related_style_classic .format-audio div.mejs-controls .mejs-time.mejs-currenttime-container { margin-left: 8px; } /* Style 3: Wide */ .related_wrap.related_style_wide .related_item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; 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_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; 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; } /* Style 4: List */ .related_wrap.related_style_list .related_item { text-align: left; padding: 0 0 0 1.5em; position: relative; } .related_wrap.related_style_list .related_item:before { content: ' '; position: absolute; z-index: 1; top: 0.75em; left: 0; width: 6px; height: 6px; line-height: 6px; text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: var(--theme-color-text_link); } .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; } /* Style 5: Short */ .related_wrap.related_style_short .related_item { text-align: left; padding-bottom: 1em; border-bottom: 1px solid #c1c1c1; margin-bottom: 1em; } .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; } /* 8.5 Comments -------------------------------------------------------- */ /* Contact form */ .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; } /* Show comments button in full post */ .show_comments_single { text-align: center; margin-top: 5em; } .full_post_content .show_comments_single { width: 100%; } .show_comments_single .show_comments_button { display: block; padding: 1.2em; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 2px solid var(--theme-color-text_dark); color: var(--theme-color-text_dark); text-transform: none; font-size: 16px; line-height: 21px; font-weight: 700; letter-spacing: 0; } .show_comments_single .show_comments_button:after { content: '\e828'; font-family: "fontello"; display: inline-block; vertical-align: top; margin-left: 1em; } .show_comments_single .show_comments_button.opened:after { content: '\e835'; } .show_comments_single .show_comments_button:hover, .show_comments_single .show_comments_button:focus { color: var(--theme-color-text_hover); border-color: var(--theme-color-text_hover); } /* Comment list */ .comments_list_wrap { margin-top: 5em; overflow: hidden; } .comments_list_wrap .comments_closed { margin-top: 2em; color: var(--theme-color-text_dark); } .comments_list_wrap > ul { padding: 0; margin: 0; list-style: none; } .comments_list_wrap ul > li { display: block; overflow: visible; position: relative; min-height: 100px; } .comments_list_wrap ul > li:before { display: none; } .comments_list_wrap ul ul.children { padding-left: 100px; } .comments_list_wrap ul ul ul.children { padding-left: 50px; } .comments_list_wrap ul ul ul ul ul { padding-left: 0; border-left: none; } body.narrow_content .comments_list_wrap ul ul ul ul { padding-left: 0; } .comments_list_wrap li + li, .comments_list_wrap li ul { margin-top: 35px; } .comments_list_wrap .comment_author_avatar { position: absolute; z-index: 1; top: 0; left: 0; width: 78px; height: 78px; line-height: 78px; text-align: center; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; overflow: hidden; } .comments_list_wrap .comment_author_avatar img { width: 100%; } .comments_list_wrap .comment_content { padding-left: 100px; overflow: hidden; } .comments_list_wrap .comment_info { margin-bottom: 0.8em; margin-top: 0.3em; position: relative; color: var(--theme-color-text_dark); } .comments_list_wrap .bypostauthor .comment_bypostauthor { padding: 0.2em 1em 0.1em; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: 1px solid var(--theme-color-text_dark); color: var(--theme-color-text_dark); display: inline-block; vertical-align: middle; margin: 0 10px 0 0; font-size: 13px; line-height: 19px; font-weight: normal; } .comments_list_wrap .bypostauthor > .comment_body .comment_author_avatar:after { will-change: transform; } .comments_list_wrap .comment_author { margin: -3px 10px 0 0; font-size: 18px; line-height: 23px; font-weight: 700; display: inline-block; vertical-align: middle; } .comments_list_wrap .comment_posted { display: inline-block; position: relative; letter-spacing: 0; margin-bottom: 0; vertical-align: middle; color: var(--theme-color-alter_text); font-size: 14px; line-height: 20px; font-weight: 400; } .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; vertical-align: baseline; margin-right: 0.2em; } .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 { margin-bottom: 0.6em; color: var(--theme-color-text); } .comments_list_wrap .comment_text p { margin: 0; } .comments_list_wrap .comment_text p + p { margin-top: 0.6em; } .comments_list_wrap .comment_text ul, .comments_list_wrap .comment_text ol { margin: 0; padding: 0 0 0 1.5em; } .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol > li { display: list-item; } .comments_list_wrap .comment_text ul { list-style: disc outside; } .comments_list_wrap .comment_text ul ul { list-style-type: circle; } .comments_list_wrap .comment_text ul ul ul { list-style-type: square; } .comments_list_wrap .comment_text ul ul ul ul { list-style-type: disc; } .comments_list_wrap .comment_text ol { list-style: decimal outside; } .comments_list_wrap .comment_text ol ol { list-style-type: lower-alpha; } .comments_list_wrap .comment_text ol ol ol { list-style-type: upper-roman; } .comments_list_wrap .comment_text ul > li > ul, .comments_list_wrap .comment_text ol > li > ol { margin-top: 0.5em; } .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol > li { min-height: 0; padding: 0; margin: 0 0 0.5em 0; overflow: visible; } .comments_list_wrap .comment_text ul, .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol, .comments_list_wrap .comment_text ol > li { border: none; } .comments_list_wrap .comment_text blockquote > a, .comments_list_wrap .comment_text blockquote > p > a { padding-left: 0; margin-top: 0; } .comments_list_wrap .comment_counters { display: none; vertical-align: middle; margin-right: 1em; } .comments_list_wrap .comment_counters_item:before { margin: 0 0.3em 0 0; font-style: normal; } .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 { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 18px; font-weight: 700; letter-spacing: 0.1px; margin-top: 1px; } .comments_list_wrap .comment_reply a:after { position: relative; top: -1px; content: '\e9df'; font-family: "fontello"; font-weight: 400; font-size: 9px; display: inline-block; vertical-align: middle; margin-left: 10px; } .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); } /* Trackbacks and pingbacks */ .comments_list > li.pingback, .comments_list > li.trackback { list-style: none; margin-left: 0; padding-left: 0; padding-right: 4em; padding-top: 1em; min-height: 0; position: relative; } .comments_list > li.pingback + li, .comments_list > li.trackback + li { margin-top: 1em; } .comments_list > li.pingback p, .comments_list > li.trackback p { font-style: italic; padding-bottom: 0.8em; } .comments_list > li.pingback p a, .comments_list > li.trackback p a { font-style: normal; } .comments_list > li.pingback .edit-link, .comments_list > li.trackback .edit-link { position: absolute; z-index: 1; top: 1em; right: 0; } /* Comments form */ .section_title.comments_form_title { margin-bottom: 0.5em; } .comment-form p[style*="font-size"] { margin: 0 !important; } .comments_form_wrap { margin-top: 5em; overflow: visible; } .comments_form_wrap .wpgdprc-checkbox { margin-bottom: 10px; } .comments_form_wrap form { position: relative; } .comments_wrap .comments_list_wrap .comments_form_title { margin-top: 1.5em; position: relative; padding-right: 2rem; font-size: 1.5em; } .comments_wrap .comments_notes { font-size: 0.8667em; } .comments_wrap .comments_field { margin-bottom: 2em; } .comments_wrap .comments_author, .comments_wrap .comments_email { width: 48%; float: left; } .comments_wrap .comments_email { float: right; } .comments_wrap .comments_url { clear: both; } .comments_wrap .comments_comment:before { content: ' '; clear: both; width: 100%; height: 0; display: block; } .comments_wrap .comments_field label { display: none; } .comments_wrap .comments_field input[type="checkbox"] + label, .comments_wrap .comments_field input[type="radio"] + label { display: block; } .comments_wrap .comments_field input, .comments_wrap .comments_field textarea { width: 100%; padding: 0.6em 0; -webkit-box-shadow: 0 15px 15px -14px rgba(0, 0, 0, 0.015); -ms-box-shadow: 0 15px 15px -14px rgba(0, 0, 0, 0.015); box-shadow: 0 15px 15px -14px rgba(0, 0, 0, 0.015); } .comments_wrap .comments_field textarea { min-height: 6.2em; } /* Submit button */ .comments_wrap .form-submit { margin: 2.3em 0 0; position: relative; } .comments_wrap .form-submit:before { content: ''; clear: both; width: 100%; height: 0; display: block; } .comments_wrap .form-submit input[type="submit"] { display: inline-block; padding: 16px 40px; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } form .error_field { border-color: #F22F2F !important; } /* Rating in the comment form */ .comments_wrap .trx_addons_reviews_mark { display: block; } .comments_wrap form .trx_addons_reviews_mark { margin: -0.5em 0 1em; } /* 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; } /* 8.6 Page 404 -------------------------------------------------------------- */ .post_item_404 .post_content { padding: 10.5em 0 11.5em; overflow: hidden; } .post_item_404 .page_title { float: none; width: 100%; font-size: 270px; line-height: 1em; margin: 0; margin-top: 0 !important; letter-spacing: 0; text-align: center; hyphens: none; color: var(--theme-color-text_dark); position: relative; z-index: 2; } .post_item_404 .page_info { float: none; width: 100%; text-align: center; padding: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 2; } .post_item_404 .page_subtitle { margin: 20px 0 0; font-size: 47px; line-height: 1.1em; } .post_item_404 .page_description { font-size: 19px; margin-top: 17px; margin-bottom: 43px; font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--theme-color-text); } .post_item_404 .go_home { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .search-no-results .page_content_wrap, .error404 .page_content_wrap { padding: 0 !important; background-color: var(--theme-color-bg_color); } /* Anim Parallax */ .post_item_404 .post_content { position: relative; } .post_item_404 .post_content .all-svg { left: 0; position: absolute; top: 0; width: 100%; height: 100%; z-index: 1; } .post_item_404 .post_content .all-svg .svg-1 { display: block; width: 95px; height: 95px; z-index: 20; left: 40%; position: absolute; top: 15%; } .post_item_404 .post_content .all-svg .svg-1 svg { width: 100%; height: 100%; fill: #E1D0C6; opacity: 1; } .post_item_404 .post_content .all-svg .svg-2 { left: 38%; position: absolute; bottom: 14%; width: 140px; height: 140px; z-index: 10; } .post_item_404 .post_content .all-svg .svg-2 svg { width: 100%; height: 100%; fill: transparent; stroke: #F4F0ED; stroke-width: 12px; opacity: 0.4; } .post_item_404 .post_content .all-svg .svg-3 { right: 23%; position: absolute; top: 24%; width: 60px; height: 60px; z-index: 10; } .post_item_404 .post_content .all-svg .svg-3 svg { width: 100%; height: 100%; fill: var(--theme-color-text_link2); opacity: 1; } .post_item_404 .post_content .all-svg .svg-4 { left: 23%; position: absolute; top: 47%; width: 36px; height: 36px; z-index: 10; } .post_item_404 .post_content .all-svg .svg-4 svg { width: 100%; height: 100%; fill: var(--theme-color-text_link); opacity: 1; } /* 8.7 Page 'No search results' and 'No archive results' -------------------------------------------------------- */ .search-no-results.woocommerce-page .content, .post_item_none_search .post_content { padding: 6em 0; } .post_item_none_search .page_title, .post_item_none_archive .page_title { font-size: 7em; line-height: 1.2em; } .post_item_none_search .page_info { width: 70%; margin: 0 auto; } .post_item_none_search .page_info .page_subtitle { margin: 0; font-size: 57px; line-height: 1em; } .post_item_none_search .page_info .page_description { margin-top: 39px; margin-bottom: 43px; padding: 0 17%; } /* 8.8 Author's page ------------------------------------------------------ */ .author_page { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 6em; } .author_page .author_avatar { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; margin-bottom: 1em; overflow: hidden; } .author_page .author_title { margin-top: 0; margin-bottom: 0.5em; } .author_page .author_bio { text-align: center; margin-bottom: 1em; } .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; vertical-align: top; text-transform: capitalize; } .author_page .author_details .author_posts_total_value { font-weight: bold; color: var(--theme-color-text_dark); } .author_page .author_details .author_posts_total + .author_socials:before { content: '|'; display: inline-block; vertical-align: baseline; margin: 0 1em; } .author_page .author_details .author_posts_total + .author_socials .socials_wrap { display: inline-block; vertical-align: baseline; margin-left: 0.75em; } .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 { font-size: 17px; padding: 0 1px; background-color: transparent; width: auto; height: auto; line-height: inherit; text-align: left; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } /* 9. Sidebars -------------------------------------------------------------- */ /* Common rules */ .sidebar_default[class*="scheme_"] .sidebar_inner { padding: 4.1em 0; background-color: var(--theme-color-alter_bg_color); color: var(--theme-color-alter_text); } .sidebar_default[class*="scheme_"] .widget { padding: 0 40px; } .sidebar_default[class*="scheme_"] .widget .widget { padding: 0; } .sidebar .widget + .widget, .sidebar_default[class*="scheme_"] .widget + .widget { margin-top: 2.4rem; } .sidebar .widget + .widget.widget_bg_image, .sidebar_default[class*="scheme_"] .widget + .widget.widget_bg_image, .sidebar .widget + .widget.widget_fullwidth, .sidebar_default[class*="scheme_"] .widget + .widget.widget_fullwidth { border-top: none; padding-top: 4rem; padding-bottom: 4rem; } .sidebar .widget.widget_bg_image + .widget, .sidebar_default[class*="scheme_"] .widget.widget_bg_image + .widget, .sidebar .widget.widget_fullwidth + .widget, .sidebar_default[class*="scheme_"] .widget.widget_fullwidth + .widget { border-top: none; } [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); } .widget p { margin: 0; } .widget p + p, .widget p + div, .widget p + form { margin-top: 1em; } .widget .widget_title, .widget .widgettitle { margin-bottom: 1.2em; font-size: 19px; line-height: 1.3em; font-weight: 700; letter-spacing: 0; margin-top: -7px; } .widget_fullwidth .widget_title, .widget_fullwidth .widgettitle { text-align: center; } .widget ol, .widget ul { font-size: 16px; margin: 0; padding-left: 1.2em; list-style-type: none; } .widget ol ul, .widget ul ul { margin-top: 10px; } .widget ol li + li, .widget ul li + li { margin-top: 10px; } ul[class*="wp-block-"], ol[class*="wp-block-"] { margin-bottom: 0; } ul.wp-block-archives-list, ul.wp-block-categories-list, ul.wp-block-rss { padding-left: 1.5em; list-style-type: none; } .widget ol > li, .widget ul > li, ul.wp-block-archives-list > li, ul.wp-block-categories-list > li, ul.wp-block-rss > li { position: relative; } .widget ol > li a:first-child:before, .widget ul > li a:first-child:before, ul.wp-block-archives-list > li a:first-child:before, ul.wp-block-categories-list > li a:first-child:before, ul.wp-block-rss > li a:first-child:before { content: ' '; display: block; width: 6px; height: 6px; line-height: 6px; text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1; top: 0.7em; left: -1.1em; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; background-color: var(--theme-color-text_dark); } .widget ol > li a:first-child:hover:before, .widget ul > li a:first-child:hover:before, ul.wp-block-archives-list > li a:first-child:hover:before, ul.wp-block-categories-list > li a:first-child:hover:before, ul.wp-block-rss > li a:first-child:hover:before { background-color: var(--theme-color-text_link); } .wp-block-latest-comments__comment { line-height: inherit; list-style: none; margin-bottom: 0; } .wp-block-latest-comments > li, .widget_recent_comments ul > li { position: relative; } .wp-block-latest-comments > li:before, .widget_recent_comments ul > li:before { content: ' '; display: block; width: 6px; height: 6px; line-height: 6px; text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1; top: 0.75em; left: -1.1em; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; background-color: var(--theme-color-text_dark); } .wp-block-latest-comments > li a:before, .widget_recent_comments ul > li a:before { display: none !important; } .wp-block-latest-comments__comment-excerpt p { font-size: 1em; line-height: inherit; } .wp-block-latest-comments__comment-date { font-size: 0.9em; color: var(--theme-color-text_light); } .wp-block-latest-comments.has-avatars { padding-left: 0; } .wp-block-latest-comments.has-avatars > li:before { display: none; } .widget li a img { vertical-align: baseline; } .widget li a > img, .widget li span > img { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } [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); } /* Images in widgets */ .widget_area .post_item .post_thumb img, aside .post_item .post_thumb img { -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .widget_area .post_item, aside .post_item { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; align-items: center; } .widget_area .post_item .post_thumb, aside .post_item .post_thumb { width: 100px; height: 100px; margin: 0 25px 0 0; flex: 100px 0 0; } /* Info in widgets */ .widget_area .post_item .post_categories, aside .post_item .post_categories { display: inline; font-size: inherit; line-height: inherit; font-weight: inherit; margin-top: 0; margin-bottom: 0; position: relative; padding-right: 0; text-transform: inherit; } .widget_area .post_item .post_categories { font-weight: 700; } .post_info_item.post_info_counters .post_meta { font-size: inherit; font-weight: inherit; font-style: normal; line-height: inherit; text-decoration: none; text-transform: none; letter-spacing: 0; margin-top: 0; display: inherit; } .widget_area .post_item .post_info, aside .post_item .post_info { font-size: 13px; line-height: 16px; } .widget_area .post_item .post_info + .post_title, aside .post_item .post_info + .post_title { margin-top: 8px; } .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 { display: table-caption; margin: 0; } .widget_area .post_item .post_title, aside .post_item .post_title { margin: 0; text-align: left; line-height: 1.45em; font-weight: 700; } /* 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_info_item.post_categories a { color: var(--theme-color-alter_dark); } [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_info_item.post_categories a:hover { color: var(--theme-color-alter_link); } [class*="scheme_"].sidebar .post_item .post_title a:hover { color: var(--theme-color-alter_text); } [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); } /* 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; } /* Widget: Latest Posts */ .wp-block-latest-posts.wp-block-latest-posts__list { padding-left: 0; } .wp-block-latest-posts.wp-block-latest-posts__list:not(.is-grid) li + li { margin-top: 1em; } .wp-block-latest-posts.wp-block-latest-posts__list li a:first-child:before { display: none; } .wp-block-latest-posts.wp-block-latest-posts__list img { -webkit-border-radius: 0 !important; -ms-border-radius: 0 !important; border-radius: 0 !important; } .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-author, .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-date { color: var(--theme-color-text_light); font-size: 0.9em; line-height: 1.55em; } .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt { margin: 3px 0 0 0; } .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__featured-image { margin-bottom: 0.5em !important; } .wp-block-latest-posts.wp-block-latest-posts__list .alignleft { margin-right: 1em !important; } .wp-block-latest-posts.wp-block-latest-posts__list .alignright { margin-left: 1em !important; } /* Widget: Archive */ .widget_archive li, .wp-block-archives li { color: var(--theme-color-text_dark); } [class*="scheme_"].footer_wrap .widget_archive li, [class*="scheme_"].sidebar .widget_archive li { color: var(--theme-color-alter_dark); } /* Widget: Calendar */ .widget_calendar a, .wp-block-calendar a { text-decoration: none; } .widget_calendar table, .wp-block-calendar table { width: 100%; position: relative; } .widget_calendar caption, .wp-block-calendar caption { padding-bottom: 0.8em; font-weight: 700; } .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, [class*="scheme_"].sidebar .wp-block-calendar caption, [class*="scheme_"].sidebar .wp-block-calendar tbody td a, [class*="scheme_"].sidebar .wp-block-calendar th { color: var(--theme-color-alter_dark); } .widget_calendar th, .widget_calendar td, .wp-block-calendar th, .wp-block-calendar td { font-size: 1em !important; line-height: 1.7em; font-weight: 400 !important; font-style: normal; text-align: center; text-transform: capitalize; padding: 2px; border: none !important; background-color: transparent !important; width: 14.2857%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_calendar th, .wp-block-calendar th { font-weight: 700 !important; } .widget_calendar td, .wp-block-calendar td { line-height: 2em; padding: 0; } .widget_calendar tbody td, .wp-block-calendar tbody td { color: var(--theme-color-text) !important; } [class*="scheme_"].sidebar .widget_calendar tbody td, [class*="scheme_"].sidebar .wp-block-calendar tbody td { color: var(--theme-color-alter_text) !important; } .widget_calendar tbody td a, .wp-block-calendar tbody td a { display: block; position: relative; font-weight: 400; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .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, [class*="scheme_"].sidebar .wp-block-calendar tbody td a:hover { color: var(--theme-color-alter_link); } .widget_calendar tbody td a:after, .wp-block-calendar tbody td a:after { content: ' '; position: absolute; z-index: 1; bottom: 4px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 3px; height: 3px; line-height: 3px; text-align: center; -webkit-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; transition: background-color 0.3s ease; background-color: var(--theme-color-text_link); } [class*="scheme_"].sidebar .widget_calendar tbody td a:after, [class*="scheme_"].sidebar .wp-block-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_link) !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 { content: ' '; position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1.9em; height: 1.9em; line-height: 1.9em; text-align: center; background-color: var(--theme-color-text_link); } [class*="scheme_"].sidebar .widget_calendar td#today:before, [class*="scheme_"].sidebar .wp-block-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 .wp-calendar-nav, .wp-block-calendar .wp-calendar-nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; } .widget_calendar td#prev, .widget_calendar .wp-calendar-nav-prev, .wp-block-calendar td#prev, .wp-block-calendar .wp-calendar-nav-prev { text-align: left; overflow: hidden; } .widget_calendar td#next, .widget_calendar .wp-calendar-nav-next, .wp-block-calendar td#next, .wp-block-calendar .wp-calendar-nav-next { text-align: right; overflow: hidden; } .widget_calendar td#prev a, .widget_calendar td#next a, .widget_calendar .wp-calendar-nav a, .wp-block-calendar td#prev a, .wp-block-calendar td#next a, .wp-block-calendar .wp-calendar-nav a { position: relative; color: var(--theme-color-text_link); } [class*="scheme_"].sidebar .widget_calendar #prev a, [class*="scheme_"].sidebar .widget_calendar #next a, [class*="scheme_"].sidebar .widget_calendar .wp-calendar-nav a, [class*="scheme_"].sidebar .wp-block-calendar #prev a, [class*="scheme_"].sidebar .wp-block-calendar #next a, [class*="scheme_"].sidebar .wp-block-calendar .wp-calendar-nav a { color: var(--theme-color-alter_link); } .widget_calendar #prev a:hover, .widget_calendar #prev a:focus, .widget_calendar #next a:hover, .widget_calendar #next a:focus, .widget_calendar .wp-calendar-nav a:hover, .widget_calendar .wp-calendar-nav a:focus, .wp-block-calendar #prev a:hover, .wp-block-calendar #prev a:focus, .wp-block-calendar #next a:hover, .wp-block-calendar #next a:focus, .wp-block-calendar .wp-calendar-nav a:hover, .wp-block-calendar .wp-calendar-nav a:focus { color: var(--theme-color-text_hover); } [class*="scheme_"].sidebar .widget_calendar #prev a:hover, [class*="scheme_"].sidebar .widget_calendar #prev a:focus, [class*="scheme_"].sidebar .widget_calendar #next a:hover, [class*="scheme_"].sidebar .widget_calendar #next a:focus, [class*="scheme_"].sidebar .widget_calendar .wp-calendar-nav a:hover, [class*="scheme_"].sidebar .widget_calendar .wp-calendar-nav a:focus, [class*="scheme_"].sidebar .wp-block-calendar #prev a:hover, [class*="scheme_"].sidebar .wp-block-calendar #prev a:focus, [class*="scheme_"].sidebar .wp-block-calendar #next a:hover, [class*="scheme_"].sidebar .wp-block-calendar #next a:focus, [class*="scheme_"].sidebar .wp-block-calendar .wp-calendar-nav a:hover, [class*="scheme_"].sidebar .wp-block-calendar .wp-calendar-nav a:focus { color: var(--theme-color-alter_hover); } .widget_calendar td#prev a, .widget_calendar .wp-calendar-nav-prev a, .wp-block-calendar td#prev a, .wp-block-calendar .wp-calendar-nav-prev a { padding-left: 0.6em; } .widget_calendar td#next a, .widget_calendar .wp-calendar-nav-next a, .wp-block-calendar td#next a, .wp-block-calendar .wp-calendar-nav-next a { padding-right: 0.6em; } .widget_calendar td#prev a:before, .widget_calendar td#next a:before, .widget_calendar .wp-calendar-nav a:before, .wp-block-calendar td#prev a:before, .wp-block-calendar td#next a:before, .wp-block-calendar .wp-calendar-nav a:before { position: absolute; z-index: 1; top: 4px; left: 5px; width: 1em; height: 1em; line-height: 1em; display: inline-block; text-align: center; background-color: var(--theme-color-bg_color); } [class*="scheme_"].sidebar .widget_calendar td#prev a, [class*="scheme_"].sidebar .widget_calendar td#next a, [class*="scheme_"].sidebar .widget_calendar .wp-calendar-nav a, [class*="scheme_"].footer_wrap .widget_calendar td#prev a, [class*="scheme_"].footer_wrap .widget_calendar td#next a, [class*="scheme_"].footer_wrap .widget_calendar .wp-calendar-nav a, [class*="scheme_"].sidebar .wp-block-calendar td#prev a, [class*="scheme_"].sidebar .wp-block-calendar td#next a, [class*="scheme_"].sidebar .wp-block-calendar .wp-calendar-nav a, [class*="scheme_"].footer_wrap .wp-block-calendar td#prev a, [class*="scheme_"].footer_wrap .wp-block-calendar td#next a, [class*="scheme_"].footer_wrap .wp-block-calendar .wp-calendar-nav a { color: var(--theme-color-text_link); } [class*="scheme_"].sidebar .widget_calendar td#prev a:hover, [class*="scheme_"].sidebar .widget_calendar td#next a:hover, [class*="scheme_"].sidebar .widget_calendar .wp-calendar-nav a:hover, [class*="scheme_"].footer_wrap .widget_calendar td#prev a:hover, [class*="scheme_"].footer_wrap .widget_calendar td#next a:hover, [class*="scheme_"].footer_wrap .widget_calendar .wp-calendar-nav a:hover, [class*="scheme_"].sidebar .wp-block-calendar td#prev a:hover, [class*="scheme_"].sidebar .wp-block-calendar td#next a:hover, [class*="scheme_"].sidebar .wp-block-calendar .wp-calendar-nav a:hover, [class*="scheme_"].footer_wrap .wp-block-calendar td#prev a:hover, [class*="scheme_"].footer_wrap .wp-block-calendar td#next a:hover, [class*="scheme_"].footer_wrap .wp-block-calendar .wp-calendar-nav a:hover { color: var(--theme-color-text_hover); } [class*="scheme_"].sidebar .widget_calendar td#prev a:before, [class*="scheme_"].sidebar .widget_calendar td#next a:before, [class*="scheme_"].sidebar .widget_calendar .wp-calendar-nav a:before, [class*="scheme_"].footer_wrap .widget_calendar td#prev a:before, [class*="scheme_"].footer_wrap .widget_calendar td#next a:before, [class*="scheme_"].footer_wrap .widget_calendar .wp-calendar-nav a:before, [class*="scheme_"].sidebar .wp-block-calendar td#prev a:before, [class*="scheme_"].sidebar .wp-block-calendar td#next a:before, [class*="scheme_"].sidebar .wp-block-calendar .wp-calendar-nav a:before, [class*="scheme_"].footer_wrap .wp-block-calendar td#prev a:before, [class*="scheme_"].footer_wrap .wp-block-calendar td#next a:before, [class*="scheme_"].footer_wrap .wp-block-calendar .wp-calendar-nav a:before { background-color: var(--theme-color-alter_bg_color); } .widget_calendar td#prev a:before, .widget_calendar .wp-calendar-nav-prev a:before, .wp-block-calendar td#prev a:before, .wp-block-calendar .wp-calendar-nav-prev a:before { content: '\E837'; font-family: "fontello"; } .widget_calendar td#next a:before, .widget_calendar .wp-calendar-nav-next a:before, .wp-block-calendar td#next a:before, .wp-block-calendar .wp-calendar-nav-next a:before { content: '\E836'; font-family: "fontello"; left: auto; right: 5px; } .wp-block-calendar table caption, .wp-block-calendar table tbody { color: var(--theme-color-text_dark); } /* Widget: Categories */ .widget_product_categories li, .widget_categories li { color: var(--theme-color-text_dark); } [class*="scheme_"].sidebar .widget_product_categories li, [class*="scheme_"].sidebar .widget_categories li { color: var(--theme-color-alter_dark); } /* Widget: 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); } /* Widgets: WP Search, WooCommerce Products Search and bbPress Forums Search */ .wc-block-product-search .wc-block-product-search__fields, .widget_search form.search-form, .woocommerce.widget_product_search form, .widget_display_search form, #bbpress-forums #bbp-search-form { width: 100%; overflow: hidden; position: relative; padding-top: 1px; padding-bottom: 1px; } .wc-block-product-search input.wc-block-product-search__field { line-height: 1.5em; } .wc-block-product-search .wc-block-product-search__label { margin-bottom: 8px; display: inline-block; } .wc-block-product-search .wc-block-product-search__fields:after, .widget_search form.search-form:after, .woocommerce.widget_product_search form:after, .widget_display_search form:after, #bbpress-forums #bbp-search-form:after { content: '\e9b6'; font-family: "fontello"; display: block; position: absolute; z-index: 0; top: 50%; left: 1.1em; margin-top: -0.45em; width: 1em; height: 1em; line-height: 1em; text-align: center; pointer-events: none; cursor: pointer; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; color: var(--theme-color-input_text); } .wc-block-product-search .wc-block-product-search__fields:hover:after, .widget_search form.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-input_dark); } .wc-block-product-search input.wc-block-product-search__field, .widget_search .search-field, .woocommerce.widget_product_search .search_field, .widget_display_search #bbp_search, #bbpress-forums #bbp-search-form #bbp_search { width: 100%; padding: 0.77em 1.2em; padding-left: 3em !important; -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; background-color: transparent !important; border-width: 1px; border-style: solid; margin-top: 1px; } .wc-block-product-search button.wc-block-product-search__button, .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 { display: block; text-indent: -1000px; position: absolute; z-index: 1; top: 0; left: 0; width: 3em; height: 100% !important; padding: 0 !important; margin: 0 !important; border: none !important; background: none !important; cursor: pointer; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } /* WP Search */ .wp-block-search .wp-block-search__label { margin-bottom: 8px; display: inline-block; } .wp-block-search input.wp-block-search__input { max-height: 50px; padding: 0.75em 1.2em; border-width: 1px; border-style: solid; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border-color: var(--theme-color-input_bd_color); } .wp-block-search input.wp-block-search__input:focus { color: var(--theme-color-input_dark); border-color: var(--theme-color-input_bd_hover); background-color: var(--theme-color-input_bg_hover); } .wp-block-search button.wp-block-search__button { padding: 5px 20px 6px !important; border: none; color: var(--theme-color-inverse_link); background-color: var(--theme-color-text_link); } .wp-block-search button.wp-block-search__button:hover { color: var(--theme-color-inverse_link); background-color: var(--theme-color-text_hover); } .wp-block-search button.wp-block-search__button.has-icon { fill: var(--theme-color-inverse_link); padding: 0 !important; margin-left: 5px; overflow: hidden; width: 50px; min-width: 50px; height: 50px; line-height: 50px; text-align: center; justify-content: center; } .wp-block-search button.wp-block-search__button.has-icon #search-icon { display: inline-block; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border-color: var(--theme-color-input_bd_color); -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper input.wp-block-search__input { border-radius: 0; border: none; padding: 0 0 0 1em; min-height: 42px; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon { width: 42px; min-width: 42px; height: 42px; line-height: 42px; margin-left: 1em; } /* Widget: RSS */ .wp-block-rss .widget_title a, .widget_rss .widget_title a { display: inline-block; margin-right: 6px; } .wp-block-rss .widget_title a:first-child:before, .widget_rss .widget_title a:first-child:before { content: '\e8ed'; font-family: "fontello"; display: inline-block; font-size: 0.9em; } .wp-block-rss .widget_title a:first-child, .widget_rss .widget_title a:first-child { color: var(--theme-color-text_link); } .wp-block-rss .widget_title a:first-child:hover, .widget_rss .widget_title a:first-child:hover { color: var(--theme-color-text_hover); } .wp-block-rss .widget_title img, .widget_rss .widget_title img { display: none; } .wp-block-rss .wp-block-rss__item-author, .wp-block-rss .wp-block-rss__item-publish-date, .widget_rss .wp-block-rss__item-author, .widget_rss .wp-block-rss__item-publish-date { color: inherit; font-size: 1em; } .wp-block-rss .wp-block-rss__item-publish-date, .wp-block-rss .rss-date, .widget_rss .wp-block-rss__item-publish-date, .widget_rss .rss-date { color: var(--theme-color-text_light); } .wp-block-rss ul > li:before, .widget_rss ul > li:before { display: none; } .wp-block-rss li + li, .widget_rss li + li { margin-top: 1em; } [class*="scheme_"].sidebar .widget_rss .wp-block-rss__item-publish-date, [class*="scheme_"].sidebar .widget_rss .rss-date { color: var(--theme-color-alter_light); } [class*="scheme_"].sidebar .widget_rss a { color: var(--theme-color-alter_dark); } [class*="scheme_"].sidebar .widget_rss a:hover { color: var(--theme-color-alter_link); } [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 WP Block Socials */ .widget ul.wp-block-social-links { padding-left: 0; } .widget ul.wp-block-social-links li + li { margin-top: 0; } .widget ul.wp-block-social-links > li a:first-child:before { display: none; } /* Widgets: WP Tag Cloud and WooCommerce Tag Cloud */ .wp-block-tag-cloud, .widget_product_tag_cloud, .widget_tag_cloud { overflow: visible; letter-spacing: -5px; } .wp-block-tag-cloud a, .sc_edd_details .downloads_page_tags .downloads_page_data > a, .widget_product_tag_cloud a, .widget_tag_cloud a { border: 1px solid var(--theme-color-bd_color); color: var(--theme-color-text); display: inline-block; float: none; font-size: 13px !important; line-height: 17px; font-weight: 400; letter-spacing: 0; margin: 0 5px 5px 0; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding: 7px 18px; text-transform: none; background-color: var(--theme-color-bg_color); } .wp-block-tag-cloud a:hover, .sc_edd_details .downloads_page_tags .downloads_page_data > a:hover, .widget_product_tag_cloud a:hover, .widget_tag_cloud a:hover { color: var(--theme-color-text_link) !important; } [class*="scheme_"].footer_wrap .wp-block-tag-cloud a, [class*="scheme_"].footer_wrap .sc_edd_details .downloads_page_tags .downloads_page_data > a, [class*="scheme_"].footer_wrap .widget_product_tag_cloud a, [class*="scheme_"].footer_wrap .widget_tag_cloud a, [class*="scheme_"].sidebar .wp-block-tag-cloud a, [class*="scheme_"].sidebar .sc_edd_details .downloads_page_tags .downloads_page_data > a, [class*="scheme_"].sidebar .widget_product_tag_cloud a, [class*="scheme_"].sidebar .widget_tag_cloud a { color: var(--theme-color-alter_text); border-color: var(--theme-color-alter_bd_color); background-color: var(--theme-color-alter_bg_color); } [class*="scheme_"].footer_wrap .wp-block-tag-cloud a:hover, [class*="scheme_"].footer_wrap .sc_edd_details .downloads_page_tags .downloads_page_data > a:hover, [class*="scheme_"].footer_wrap .widget_product_tag_cloud a:hover, [class*="scheme_"].footer_wrap .widget_tag_cloud a:hover, [class*="scheme_"].sidebar .wp-block-tag-cloud a:hover, [class*="scheme_"].sidebar .sc_edd_details .downloads_page_tags .downloads_page_data > a:hover, [class*="scheme_"].sidebar .widget_product_tag_cloud a:hover, [class*="scheme_"].sidebar .widget_tag_cloud a:hover { color: var(--theme-color-alter_link) !important; } /* Widget: Instagram Feed */ #sb_instagram { padding-bottom: 0 !important; } #sb_instagram .sbi_header_text { padding-top: 0 !important; margin-top: -2px; } #sb_instagram .sb_instagram_header { padding: 0 !important; margin-bottom: 0.5em !important; } .footer_fullwidth #sb_instagram .sb_instagram_header { float: none; text-align: center; overflow: hidden; } .footer_fullwidth #sb_instagram .sb_instagram_header > a { float: none; display: inline-block; overflow: hidden; } #sb_instagram .sb_instagram_header h3 { font-size: 1.2308em; line-height: 1.5em; } #sb_instagram .sb_instagram_header p { font-size: 1em; line-height: 1.5em; } #sb_instagram #sbi_load { margin-top: 0.5em; } .no_load #sbi_load { display: none; } #sb_instagram .sbi_photo { position: relative; opacity: 1 !important; } #sb_instagram .sbi_photo:before { content: ''; display: block; position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } #sb_instagram .sbi_photo:hover:before { background-color: rgba(0, 0, 0, 0.2); } /* Widget: Instagram */ ul.instagram-pics { margin-right: -5px; } ul.instagram-pics li { float: left; padding: 0 5px 5px 0; margin: 0; overflow: hidden; width: 33.3333%; height: auto; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .column-1_3 ul.instagram-pics li { width: 25%; } .column-1_2 ul.instagram-pics li { width: 20%; } .column-1_1 ul.instagram-pics li { width: 16.6666%; } ul.instagram-pics li:before { display: none; } /* Widget: About Me */ .widget_aboutme .aboutme_username { font-size: 19px; line-height: 1.5em; } .widget_aboutme .aboutme_description { font-size: 17px; line-height: 1.5em; } .widget_aboutme .aboutme_avatar + .aboutme_username { margin-top: 0.7em; } .widget_aboutme .aboutme_avatar + .aboutme_description, .widget_aboutme .aboutme_username + .aboutme_description { margin-top: 0.3em; } /* Widget: Audio */ .widget_audio .widget_title { margin-top: 0; margin-bottom: 0; } .widget_audio .widget_title + .widget_subtitle { margin-top: 0.5em; font-size: 17px; line-height: 1.3em; } .widget_audio .widget_title + .trx_addons_audio_wrap, .widget_audio .widget_subtitle + .trx_addons_audio_wrap { margin-top: 1.5em; } /* Widget: Video List */ .trx_addons_video_list_video_wrap .trx_addons_video_player .video_frame .wp-video { width: unset !important; } .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap a, .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap a:hover, .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap a:focus, .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap .trx_addons_video_list_meta, .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap .trx_addons_video_list_meta .post_meta_item, .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap .trx_addons_video_list_meta .post_meta_item:after, .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap .trx_addons_video_list_meta .post_meta_item .post_author_name, .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap .trx_addons_video_list_meta .post_meta_item:hover .post_author_name, .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap .trx_addons_video_list_meta .post_meta_item:focus .post_author_name { color: #fff; } .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap .trx_addons_video_list_meta, .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap .trx_addons_video_list_subtitle { font-size: 16px; line-height: 1.5em; font-weight: 400; } .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap .trx_addons_video_list_title + .trx_addons_video_list_meta, .trx_addons_video_list_video_wrap .trx_addons_video_list_title_wrap .trx_addons_video_list_subtitle + .trx_addons_video_list_title { margin-top: 5px; } .trx_addons_video_list_controller_wrap { scrollbar-width: thin; } .trx_addons_video_list_controller_wrap::-webkit-scrollbar { width: 7px; } .trx_addons_video_list_controller_wrap::-webkit-scrollbar-track { background: var(--theme-color-text_dark_008); } .trx_addons_video_list_controller_wrap::-webkit-scrollbar-thumb { background: var(--theme-color-text_dark_015); } .trx_addons_video_list_controller_bottom .trx_addons_video_list_controller_wrap::-webkit-scrollbar { height: 7px; } .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item { background-color: var(--theme-color-alter_bg_color); } .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item:hover { background-color: var(--theme-color-alter_bg_hover); } .trx_addons_video_list_controller_wrap .trx_addons_video_list_controller_item_active { background-color: var(--theme-color-alter_bg_hover); } .trx_addons_video_list_controller_wrap .trx_addons_video_list_image .trx_addons_video_list_image_label { font-size: 10px; line-height: 14px; font-weight: 700; letter-spacing: 0.2px; } .trx_addons_video_list_controller_wrap .trx_addons_video_list_title + .trx_addons_video_list_meta { margin-top: 6px; } .trx_addons_video_list_controller_wrap .trx_addons_video_list_title { font-size: 1.1em; line-height: 1.3em; } .trx_addons_video_list_controller_wrap .trx_addons_video_list_subtitle { font-size: 13px; font-weight: 700; letter-spacing: 1.1px; text-transform: uppercase; } .trx_addons_video_list_controller_wrap .trx_addons_video_list_subtitle a { color: var(--theme-color-text_dark); } .trx_addons_video_list_controller_wrap .trx_addons_video_list_subtitle a:hover { color: var(--theme-color-text_dark); } .trx_addons_video_list_controller_wrap .trx_addons_video_list_meta { font-size: 14px; line-height: 1.5em; font-weight: 400; color: var(--theme-color-text_light); } /* Widget: Gallery */ .widget_media_gallery .gallery-item { margin-bottom: 10px; } /* WP GDPR Compliance */ .wpgdprc { color: inherit; } table.wpgdprc-table { margin-bottom: 2em; } div.wpgdprc .wpgdprc-checkbox { display: inline; } .tinv-wishlist .tinvwl-table-manage-list .product-cb input[type="checkbox"], .wpgdprc-checkbox label input[type="checkbox"] { position: static !important; clip: auto; width: 0; -webkit-appearance: none; -moz-appearance: none; } .tinv-wishlist .tinvwl-table-manage-list .product-cb input[type="checkbox"] { position: absolute !important; } .comment-form .wpgdprc-checkbox label, .wpgdprc-checkbox label { font-weight: inherit; position: relative; font-size: 14px; padding-left: 1.8em; padding-bottom: 0 !important; line-height: 22px; display: inline-block; vertical-align: top; color: var(--theme-color-text_light); } .comment-form .wpgdprc-checkbox label a, .wpgdprc-checkbox label a { color: inherit; border-bottom: 1px solid var(--theme-color-text_light); line-height: 1em; display: inline-block; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .comment-form .wpgdprc-checkbox label a:hover, .wpgdprc-checkbox label a:hover { color: var(--theme-color-text_dark); border-color: var(--theme-color-text_dark); } .comment-form-cookies-consent label { color: var(--theme-color-text_light); } .tinv-wishlist .tinvwl-table-manage-list .product-cb input[type="checkbox"]:before, .wpgdprc-checkbox label input[type="checkbox"]:before { content: ''; font-family: "fontello"; font-size: 7px; display: block; text-align: center; border: 1px solid var(--theme-color-bd_color); color: var(--theme-color-text_dark); width: 16px; height: 16px; line-height: 15px; position: absolute; z-index: 1; top: 0.45em; left: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } .tinv-wishlist .tinvwl-table-manage-list .product-cb input[type="checkbox"]:before { left: -8px; top: -8px; margin: 0; } .tinv-wishlist .tinvwl-table-manage-list .product-cb input[type="checkbox"]:hover:before, .wpgdprc-checkbox label input[type="checkbox"]:hover:before { border-color: var(--theme-color-text_dark); } .tinv-wishlist .tinvwl-table-manage-list .product-cb input[type="checkbox"]:checked:before, .wpgdprc-checkbox label input[type="checkbox"]:checked:before { content: '\e9f6'; } .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; } .ua_edge .tinv-wishlist .tinvwl-table-manage-list .product-cb input[type="checkbox"], .ua_ie .tinv-wishlist .tinvwl-table-manage-list .product-cb input[type="checkbox"] { width: auto; } .ua_edge .tinv-wishlist .tinvwl-table-manage-list .product-cb input[type="checkbox"], .ua_ie .tinv-wishlist .tinvwl-table-manage-list .product-cb input[type="checkbox"] { display: none; } /* Touch screen device style goes here */ @media (hover: none) and (pointer: coarse) { .single-format-gallery .post_header_wrap_in_header { overflow: hidden; } } /* 10. Footer areas -------------------------------------------------------------- */ .footer_wrap { position: relative; } [class*="scheme_"].footer_wrap, .footer_wrap [class*="scheme_"].vc_row { background-color: var(--theme-color-alter_bg_color); color: var(--theme-color-alter_text); } .footer_default .sc_layouts_row_type_normal { padding: 3em 0; } .footer_default.footer_wrap .sc_layouts_row .sc_layouts_item, .footer_default.footer_wrap .sc_layouts_row .widget { margin-top: 1.5em !important; margin-bottom: 1.5em !important; } /* Footer widgets */ [class*="scheme_"].footer_wrap .widget, [class*="scheme_"].footer_wrap .sc_content .wpb_column, .footer_wrap [class*="scheme_"].vc_row .widget, .footer_wrap [class*="scheme_"].vc_row .sc_content .wpb_column { border-color: var(--theme-color-alter_bd_color); } [class*="scheme_"].footer_wrap h1, [class*="scheme_"].footer_wrap h2, [class*="scheme_"].footer_wrap h3, [class*="scheme_"].footer_wrap h4, [class*="scheme_"].footer_wrap h5, [class*="scheme_"].footer_wrap h6, [class*="scheme_"].footer_wrap h1 a, [class*="scheme_"].footer_wrap h2 a, [class*="scheme_"].footer_wrap h3 a, [class*="scheme_"].footer_wrap h4 a, [class*="scheme_"].footer_wrap h5 a, [class*="scheme_"].footer_wrap h6 a, .footer_wrap [class*="scheme_"].vc_row h1, .footer_wrap [class*="scheme_"].vc_row h2, .footer_wrap [class*="scheme_"].vc_row h3, .footer_wrap [class*="scheme_"].vc_row h4, .footer_wrap [class*="scheme_"].vc_row h5, .footer_wrap [class*="scheme_"].vc_row h6, .footer_wrap [class*="scheme_"].vc_row h1 a, .footer_wrap [class*="scheme_"].vc_row h2 a, .footer_wrap [class*="scheme_"].vc_row h3 a, .footer_wrap [class*="scheme_"].vc_row h4 a, .footer_wrap [class*="scheme_"].vc_row h5 a, .footer_wrap [class*="scheme_"].vc_row h6 a { color: var(--theme-color-alter_dark); } [class*="scheme_"].footer_wrap h1 a:hover, [class*="scheme_"].footer_wrap h2 a:hover, [class*="scheme_"].footer_wrap h3 a:hover, [class*="scheme_"].footer_wrap h4 a:hover, [class*="scheme_"].footer_wrap h5 a:hover, [class*="scheme_"].footer_wrap h6 a:hover, .footer_wrap [class*="scheme_"].vc_row h1 a:hover, .footer_wrap [class*="scheme_"].vc_row h2 a:hover, .footer_wrap [class*="scheme_"].vc_row h3 a:hover, .footer_wrap [class*="scheme_"].vc_row h4 a:hover, .footer_wrap [class*="scheme_"].vc_row h5 a:hover, .footer_wrap [class*="scheme_"].vc_row h6 a:hover { color: var(--theme-color-alter_link); } [class*="scheme_"].footer_wrap a, .footer_wrap [class*="scheme_"].vc_row a { color: var(--theme-color-alter_dark); } [class*="scheme_"].footer_wrap a:hover, .footer_wrap [class*="scheme_"].vc_row a:hover { color: var(--theme-color-alter_link); } .footer_wrap p { margin: 0; } .footer_wrap .widget[class*="column-"] { margin: 1.5em 0; } .footer_wrap .vc_col-sm-4 .widget li { display: inline-block; width: 45%; margin-right: 3%; vertical-align: top; } .footer_wrap .vc_col-sm-4 .widget li li { display: block; width: 100%; margin-right: 0; } .footer_wrap .footer_fullwidth { overflow: hidden; } .footer_wrap .widget_title, .footer_wrap .widgettitle { text-align: left; } .footer_wrap .footer_fullwidth .widget_title, .footer_wrap .footer_fullwidth .widgettitle { text-align: center; margin-bottom: 1.5em; } /* Footer logo */ .footer_logo_inner { padding: 4em 0; overflow: hidden; text-align: center; position: relative; border-color: var(--theme-color-alter_bd_color); } .footer_widgets_wrap + .footer_logo_wrap .footer_logo_inner { border-top-width: 1px; border-top-style: solid; } .footer_logo_inner:after { content: ' '; position: absolute; z-index: 1; bottom: 0; left: 50%; width: 1px; height: 3em; background-color: var(--theme-color-alter_text); } .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; } /* 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); } /* Posts in widgets */ [class*="scheme_"].footer_wrap .post_meta, [class*="scheme_"].footer_wrap .post_meta_item, [class*="scheme_"].footer_wrap .post_meta_item:after, [class*="scheme_"].footer_wrap .post_meta_item:hover:after, [class*="scheme_"].footer_wrap .post_meta .vc_inline-link, [class*="scheme_"].footer_wrap .post_meta .vc_inline-link:after, [class*="scheme_"].footer_wrap .post_meta .vc_inline-link:hover:after, [class*="scheme_"].footer_wrap .post_meta_item a, [class*="scheme_"].footer_wrap .post_info .post_info_item, [class*="scheme_"].footer_wrap .post_info .post_info_item a, [class*="scheme_"].footer_wrap .post_info_counters .post_meta_item { color: var(--theme-color-alter_light); } [class*="scheme_"].footer_wrap .post_date a:hover, [class*="scheme_"].footer_wrap a.post_meta_item:hover, [class*="scheme_"].footer_wrap .post_meta_item a:hover, [class*="scheme_"].footer_wrap .post_meta .vc_inline-link:hover, [class*="scheme_"].footer_wrap .post_info .post_info_item a:hover, [class*="scheme_"].footer_wrap .post_info_counters .post_meta_item:hover { color: var(--theme-color-alter_dark); } [class*="scheme_"].footer_wrap .post_item .post_title a:hover { color: var(--theme-color-alter_link); } [class*="scheme_"].footer_wrap .post_meta_item.post_categories, [class*="scheme_"].footer_wrap .post_meta_item.post_categories a { color: var(--theme-color-alter_link); } [class*="scheme_"].footer_wrap .post_meta_item.post_categories a:hover { color: var(--theme-color-alter_hover); } [class*="scheme_"].footer_wrap .socials_share.socials_type_drop .social_items { background-color: var(--theme-color-alter_bg_color); } [class*="scheme_"].footer_wrap .socials_share.socials_type_drop .social_items, [class*="scheme_"].footer_wrap .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); } /* Menu in the default footer */ .footer_menu_inner { padding: 2em 0; text-align: center; } .menu_footer_nav_area > ul, .footer_wrap .sc_layouts_menu > ul { padding: 0; margin: 0; list-style-type: none; } .menu_footer_nav_area > ul > li, .footer_wrap .sc_layouts_menu > ul > li { display: inline-block; vertical-align: baseline; z-index: auto !important; } .footer_wrap .sc_layouts_row_type_narrow .sc_layouts_menu > ul > li { font-size: 16px; } .menu_footer_nav_area > ul > li > a, .footer_wrap .sc_layouts_menu > ul > li > a { padding: 0.5em 1em; display: inline-block; } .mobile_layout .menu_footer_nav_area > ul > li > a, .mobile_layout .footer_wrap .sc_layouts_menu > ul > li > a { padding: 0.5em 1em; } .footer_wrap .sc_layouts_row_type_narrow .sc_layouts_column_align_left .elementor-widget-wrap .sc_layouts_item:first-child .sc_layouts_menu > ul > li:first-child > a, .footer_wrap .sc_layouts_row_type_compact .sc_layouts_column_align_left .elementor-widget-wrap .sc_layouts_item:first-child .sc_layouts_menu > ul > li:first-child > a { padding-left: 0 !important; } .footer_wrap .sc_layouts_row_type_narrow .sc_layouts_column_align_right .elementor-widget-wrap .sc_layouts_item:first-child .sc_layouts_menu > ul > li:last-child > a, .footer_wrap .sc_layouts_row_type_compact .sc_layouts_column_align_right .elementor-widget-wrap .sc_layouts_item:first-child .sc_layouts_menu > ul > li:last-child > a { padding-right: 0 !important; } .menu_footer_nav_area > ul > li ul, .footer_wrap .sc_layouts_menu > ul > li ul { top: auto; bottom: 3em; } .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: inherit; } .menu_footer_nav_area > ul > li ul > li > a, .footer_wrap .sc_layouts_menu > ul > li ul > li > a { display: block; } .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); } /* Copyright area in the default footer */ .footer_widgets_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_logo_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_socials_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_menu_wrap + .footer_copyright_wrap .footer_copyright_inner { border-top-width: 1px; border-top-style: solid; } .footer_copyright_inner { font-size: 1em; padding: 1.5em 0; overflow: hidden; text-align: center; background-color: var(--theme-color-bg_color); border-color: var(--theme-color-bd_color); color: var(--theme-color-text_dark); } .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); } /* 11. Utils -------------------------------------------------------------- */ /* Customizer message */ .grace_church_customizer_message { padding: 2em; margin: 0 auto; max-width: 60%; background-color: #f3e6ce; color: #996600; border-left: 3px solid #666600; } .grace_church_customizer_message b { color: #333300; } /* Debug window */ #debug_log { position: fixed; z-index: 1000000; top: 0; left: 0; display: block; width: 100%; background: rgba(0, 0, 0, 0.8); color: #ffffff; } .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; font-size: 18px; font-weight: bold; cursor: pointer; } #debug_log_content { font-size: 12px; line-height: 15px; max-height: 66px; padding: 16px 16px 6px; overflow: auto; word-wrap: normal; white-space: pre-line; } /* 12. Registration and Login popups -------------------------------------------------------------- */ .popup_wrap { position: absolute; z-index: 1; top: 3.3333em; right: 0; width: 37.5em; padding: 3em 2.5em 2em; display: none; } .popup_registration { right: -5.5em; } .popup_wrap .popup_close { display: block; font-size: 1.25em; width: 1em; height: 1em; line-height: 1em; text-align: center; position: absolute; z-index: 1; top: 0; right: 0; margin: 0.5em 0.5em 0 0; color: #cccccc; border: 2px solid #ebebeb; background-color: #f4f7f9; } .popup_wrap .popup_close:hover { color: #909090; border: 2px solid #cccccc; background-color: #ffffff; } .popup_wrap .popup_close:before { content: '\e8ac'; font-family: "fontello"; line-height: 1em; padding: 0 !important; margin: 0 !important; } .popup_wrap .form_wrap { position: relative; overflow: hidden; } .popup_wrap .form_left { float: left; padding-right: 2.5em; width: 54%; border-right: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap .form_right { float: right; padding-left: 2.5em; width: 45%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap.popup_registration .form_left { width: 50%; padding-right: 5px; border-right: none; } .popup_wrap.popup_registration .form_right { width: 50%; padding-left: 5px; } .popup_wrap .popup_form_field { margin-bottom: 0.625em; } .popup_wrap input[type="text"], .popup_wrap input[type="email"], .popup_wrap input[type="url"], .popup_wrap input[type="password"] { width: 100%; border: 2px solid #ebebeb; background-color: #fafafa; } .popup_wrap input:not([type="submit"]):focus { background-color: #ffffff; } .popup_wrap .popup_form_field.iconed_field { position: relative; } .popup_wrap .popup_form_field.iconed_field:before { position: absolute; z-index: 1; top: 10px; right: 8px; margin-right: 0; color: #c9c9c9; width: 1em; } .popup_wrap .popup_form_field.iconed_field input { padding-right: 30px; } .popup_wrap .popup_form_field .forgot_password { float: right; line-height: 1.5em; } .popup_wrap .popup_form_field.submit_field { padding: 1em 0 4px 4px; } .popup_wrap .popup_form_field .submit_button { width: 100%; } .popup_wrap .login_socials_title { color: #222222; font-size: 1.5em; line-height: 1.3em; margin-bottom: 0.5em; } .popup_wrap .login_socials_problem { line-height: 1.3em; } .popup_wrap .popup_form_field.remember_field { margin-top: 1.2em; } /* 13. Third part plugins ------------------------------------------------------------------------------------ */ /* WPBakery PageBuilder */ .wpb_row, .wpb_text_column, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0 !important; } .sc_gap .vc_row { margin-left: 0; margin-right: 0; } .sc_gap .vc_column_container { padding-left: 0; padding-right: 0; } h1 .wpb_text_column p, h2 .wpb_text_column p, h3 .wpb_text_column p, h4 .wpb_text_column p, h5 .wpb_text_column p, h6 .wpb_text_column p { padding-bottom: 0 !important; } .top_panel > .vc_row > .wpb_column { z-index: 10; } .top_panel > .vc_row:nth-child(2) > .wpb_column { z-index: 9; } .top_panel > .vc_row:nth-child(3) > .wpb_column { z-index: 8; } .top_panel > .vc_row:nth-child(4) > .wpb_column { z-index: 7; } .top_panel > .vc_row:nth-child(5) > .wpb_column { z-index: 6; } .top_panel > .vc_row:nth-child(6) > .wpb_column { z-index: 5; } .top_panel > .vc_row:nth-child(7) > .wpb_column { z-index: 4; } .top_panel > .vc_row:nth-child(8) > .wpb_column { z-index: 3; } .top_panel > .vc_row:nth-child(9) > .wpb_column { z-index: 2; } .top_panel > .vc_row:nth-child(10) > .wpb_column { z-index: 1; } .post_item_single .post_edit .vc_inline-link { display: none; } /* Google conversion */ iframe[name="google_conversion_frame"] { height: 1px; min-height: 0; display: none; } /* mfp */ .mfp-bg { z-index: 200001; background-color: var(--theme-color-alter_bg_color_07); } .mfp-wrap { z-index: 200002; } .mfp-arrow { background-color: transparent !important; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: -20px; padding: 0; width: 44px; text-align: center; color: var(--theme-color-text); background: none !important; } .mfp-close-btn-in .mfp-close { color: var(--theme-color-text); } .mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover, .mfp-close-btn-in .mfp-close:hover { color: var(--theme-color-text_dark); } .mfp-figure img.mfp-img { padding-bottom: 0; max-height: 75vh; } .mfp-figure figcaption { background-color: var(--theme-color-alter_bg_color); } .mfp-title, .mfp-counter { color: var(--theme-color-alter_dark); } /* The GDPR Framework */ .gdpr-terms-container { clear: both; margin: 1em 0 !important; } /* Scroll button on the RevSlider */ .theme_scroll_down { display: inline-block; text-align: center; cursor: pointer; text-transform: uppercase; font-size: 11px !important; line-height: 15px !important; letter-spacing: 2px; } .theme_scroll_down:after { content: '\e938'; font-family: "fontello"; font-size: 16px !important; line-height: 30px !important; display: block; 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); } /* Other */ .no-content { height: 0; } /* Post More Link */ .post-more-link { position: relative; display: inline-block; top: auto; left: auto; height: auto; width: auto; font-size: 16px; line-height: 21px; font-weight: 700; color: var(--theme-color-text_dark); z-index: 1; overflow: hidden; } .post-more-link:active, .post-more-link:hover { color: var(--theme-color-text_dark); } .post-more-link .link-text { position: relative; margin-top: 1px; margin-right: 0; display: inline-block; vertical-align: middle; text-indent: -110px; visibility: hidden; opacity: 0; white-space: nowrap; -webkit-transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, color 0.4s ease, opacity 0.4s ease; -ms-transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, color 0.4s ease, opacity 0.4s ease; transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, color 0.4s ease, opacity 0.4s ease; will-change: visibility, margin-right, text-indent, color, opacity; } .post-more-link .more-link-icon { position: relative; display: inline-block; vertical-align: middle; overflow: hidden; width: 1.4em; height: 1.4em; line-height: 1.4em; text-align: center; } .post-more-link .more-link-icon:before { font-size: 11px; line-height: inherit; font-weight: 400; font-style: inherit; content: '\E9A4'; font-family: "fontello"; display: inline-block; vertical-align: top; color: currentColor; } .post-more-link:hover .link-text { opacity: 1; text-indent: 0; margin-right: 6px; visibility: visible; -webkit-transition: visibility 0.4s ease, margin-right 0.3s ease-out, text-indent 0.4s ease-out, color 0.4s ease, opacity 0.4s ease; -ms-transition: visibility 0.4s ease, margin-right 0.3s ease-out, text-indent 0.4s ease-out, color 0.4s ease, opacity 0.4s ease; transition: visibility 0.4s ease, margin-right 0.3s ease-out, text-indent 0.4s ease-out, color 0.4s ease, opacity 0.4s ease; } /* Instagram */ #sb_instagram[data-shortcode-atts*="feedOne"] #sbi_load, #sb_instagram.feedOne #sbi_load { margin: 0; } #sb_instagram[data-shortcode-atts*="feedOne"] .sbi_follow_btn, #sb_instagram.feedOne .sbi_follow_btn { margin: 0 !important; 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[data-shortcode-atts*="feedOne"] .sbi_follow_btn a, #sb_instagram.feedOne .sbi_follow_btn a { margin: 0; padding: 15px 25px; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-size: 13px; line-height: 16px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase; background: #ffffff !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; color: #111111; position: relative; } #sb_instagram[data-shortcode-atts*="feedOne"] .sbi_follow_btn a:before, #sb_instagram.feedOne .sbi_follow_btn a:before { font-family: "fontello"; font-size: 18px; font-weight: 400; content: '\e87e'; margin: 0 3px 0 0; display: inline-block; position: relative; bottom: -1px; } #sb_instagram[data-shortcode-atts*="feedOne"] .sbi_follow_btn .fa, #sb_instagram[data-shortcode-atts*="feedOne"] .sbi_follow_btn svg, #sb_instagram.feedOne .sbi_follow_btn .fa, #sb_instagram.feedOne .sbi_follow_btn svg { margin-bottom: -1px; margin-right: 9px; margin-left: 2px; font-size: 17px; font-weight: 400; display: none; } #sb_instagram[data-shortcode-atts*="feedTwo"] #sbi_load, #sb_instagram.feedTwo #sbi_load { margin: 0; } #sb_instagram[data-shortcode-atts*="feedTwo"] .sbi_follow_btn, #sb_instagram.feedTwo .sbi_follow_btn { margin: 0 !important; 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[data-shortcode-atts*="feedTwo"] .sbi_follow_btn a, #sb_instagram.feedTwo .sbi_follow_btn a { margin: 0; padding: 0 15px; -webkit-border-radius: 58px; -ms-border-radius: 58px; border-radius: 58px; font-size: 13px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; background: #ffffff !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; color: #111111; height: 102px; min-width: 102px; line-height: 102px; text-align: center; vertical-align: middle; } #sb_instagram[data-shortcode-atts*="feedTwo"] .sbi_follow_btn a > span, #sb_instagram.feedTwo .sbi_follow_btn a > span { display: none; } #sb_instagram[data-shortcode-atts*="feedTwo"] .sbi_follow_btn .fa, #sb_instagram[data-shortcode-atts*="feedTwo"] .sbi_follow_btn svg, #sb_instagram.feedTwo .sbi_follow_btn .fa, #sb_instagram.feedTwo .sbi_follow_btn svg { font-size: 24px; font-weight: 400; margin: 6px; vertical-align: middle; color: #A5A6AA; } #sb_instagram[data-shortcode-atts*="feedExtra"] #sbi_load, #sb_instagram.feedExtra #sbi_load { margin: 0; } #sb_instagram[data-shortcode-atts*="feedExtra"] .sbi_photo, #sb_instagram.feedExtra .sbi_photo { opacity: 1 !important; } #sb_instagram[data-shortcode-atts*="feedExtra"] .sbi_photo:before, #sb_instagram.feedExtra .sbi_photo:before { display: none !important; } #sb_instagram[data-shortcode-atts*="feedExtra"] .sbi_follow_btn, #sb_instagram.feedExtra .sbi_follow_btn { margin: 0 !important; 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[data-shortcode-atts*="feedExtra"] .sbi_follow_btn a, #sb_instagram.feedExtra .sbi_follow_btn a { margin: 0; padding: 0; font-size: 13px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; background: none !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; color: #071021; line-height: 20px; text-align: center; vertical-align: middle; } #sb_instagram[data-shortcode-atts*="feedExtra"] .sbi_follow_btn a > span, #sb_instagram.feedExtra .sbi_follow_btn a > span { display: none; } #sb_instagram[data-shortcode-atts*="feedExtra"] .sbi_follow_btn .fa, #sb_instagram[data-shortcode-atts*="feedExtra"] .sbi_follow_btn svg, #sb_instagram.feedExtra .sbi_follow_btn .fa, #sb_instagram.feedExtra .sbi_follow_btn svg { font-size: 42px; font-weight: 400; margin: 6px; vertical-align: middle; color: #ffffff; } /* Layouts Compact */ .sc_layouts_row_type_compact { /* icons */ /* mobile button */ /* socials */ /* Cart */ /* Title */ } .sc_layouts_row_type_compact .sc_layouts_item input[type="text"] { font-size: 16px; line-height: 1.5em; font-weight: 400; } .sc_layouts_row_type_compact .sc_layouts_item_icon + .sc_layouts_item_details { margin-left: 0.7em; } .sc_layouts_row_type_compact .sc_layouts_item_icon { line-height: 1.1em; font-size: 24px; font-weight: 400; } .sc_layouts_row_type_compact .elementor-icon { font-size: 21px; } .sc_layouts_row_type_compact .search_wrap .search_submit { font-size: 24px; } .sc_layouts_row_type_compact .sc_layouts_iconed_text:not(.sc_layouts_menu_mobile_button):not(.sc_layouts_menu_mobile_button_burger) .sc_layouts_iconed_text_link .sc_layouts_iconed_text_icon { font-size: 20px; width: 39px; height: 39px; line-height: 39px; text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: var(--theme-color-text_link3); color: var(--theme-color-inverse_link) !important; } .sc_layouts_row_type_compact .sc_layouts_iconed_text:not(.sc_layouts_menu_mobile_button):not(.sc_layouts_menu_mobile_button_burger) .sc_layouts_item_details { font-size: 22px; font-weight: 400; } .sc_layouts_row_type_compact .sc_layouts_menu_mobile_button .sc_layouts_item_icon, .sc_layouts_row_type_compact .sc_layouts_menu_mobile_button_burger .sc_layouts_item_icon { font-size: 16px; } .sc_layouts_row_type_compact .sc_layouts_menu_mobile_button .sc_layouts_item_icon:before, .sc_layouts_row_type_compact .sc_layouts_menu_mobile_button_burger .sc_layouts_item_icon:before { font-family: "fontello"; content: '\e9d7'; } .sc_layouts_row_type_compact .sc_socials.sc_socials_default .socials_wrap { margin-bottom: 0; } .sc_layouts_row_type_compact .sc_socials.sc_socials_default .socials_wrap .social_item { margin: 0 10px 0 0; } .sc_layouts_row_type_compact .sc_socials.sc_socials_default .socials_wrap .social_item .social_icon { display: block; width: 42px; height: 42px; line-height: 40px; font-size: 16px; border: none; } .sc_layouts_row_type_compact .sc_layouts_cart { line-height: 1; } .sc_layouts_row_type_compact .sc_layouts_cart .sc_layouts_cart_icon:before { position: relative; font-family: "fontello"; content: '\e9f4'; } .sc_layouts_row_type_compact .sc_layouts_cart .sc_layouts_cart_items_short { font-size: 9px; font-weight: 500; min-width: 15px; min-height: 15px; line-height: 15px; text-align: center; padding: 0 2px; top: auto; bottom: -3px; right: -6px; -webkit-transform: none; -ms-transform: none; transform: none; } .sc_layouts_row_type_compact .sc_layouts_title_caption { font-size: 57px; line-height: 1em; } /* Layouts Narrow */ .sc_layouts_row_type_narrow { font-size: 13px; line-height: 18px; font-weight: 400; /* icon */ /* socials */ } .sc_layouts_row_type_narrow .sc_layouts_item_icon + .sc_layouts_item_details { margin-left: 0.7em; } .sc_layouts_row_type_narrow .sc_layouts_item_icon { line-height: 1em; font-size: 16px; font-weight: 400; } .sc_layouts_row_type_narrow .sc_socials.sc_socials_default .socials_wrap { margin-bottom: 0; } .sc_layouts_row_type_narrow .sc_socials.sc_socials_default .socials_wrap .social_item, .sc_layouts_row_type_narrow .sc_socials.sc_socials_default .socials_wrap:not([class*="socials_type_"]) .social_item { margin: 0 10px 0 0; } .sc_layouts_row_type_narrow .sc_socials.sc_socials_default .socials_wrap .social_item .social_icon, .sc_layouts_row_type_narrow .sc_socials.sc_socials_default .socials_wrap:not([class*="socials_type_"]) .social_item .social_icon { display: block; width: 38px; height: 38px; line-height: 38px; font-size: 15px; border: none; } /* Layouts panel inner */ .sc_layouts_panel_inner { padding: 55px 35px 40px; /* socials */ } .sc_layouts_panel_inner > .elementor, .sc_layouts_panel_inner .elementor-section-wrap, .sc_layouts_panel_inner .elementor-inner, .sc_layouts_panel_inner .elementor-section.elementor-section-height-full { height: 100%; min-height: auto; } .sc_layouts_panel_inner .elementor-section.elementor-section-height-full > .elementor-container { height: 100%; } .sc_layouts_panel_inner .sc_socials.sc_socials_default .socials_wrap .social_item { margin-right: 28px; } .sc_layouts_panel_inner .sc_socials.sc_socials_default .socials_wrap .social_item .social_icon { width: 25px; height: 25px; line-height: 22px; font-size: 18px; text-align: center; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .sc_layouts_panel_inner .sc_socials.sc_socials_default.sc_align_left .socials_wrap { margin-left: -5px; } .sc_layouts_panel_inner .sc_socials.sc_socials_icons_names.sc_align_left { margin-left: -8px; } .sc_layouts_panel_inner .sc_socials.sc_socials_icons_names.sc_align_right { margin-right: -8px; } .sc_layouts_panel_inner .sc_socials.sc_socials_icons_names .socials_wrap .social_item + .social_item { margin-top: 25px; } .sc_layouts_panel_inner .sc_socials.sc_socials_icons_names .socials_wrap .social_item:hover .social_name, .sc_layouts_panel_inner .sc_socials.sc_socials_icons_names .socials_wrap .social_item:hover .social_icon { color: var(--theme-color-text); } .sc_layouts_panel_hide_content.sc_layouts_panel_opened { background-color: transparent; } /* Socials Names */ .sc_socials.sc_socials_icons_names .socials_wrap .social_item { color: var(--theme-color-text_dark); display: block; text-align: inherit; margin: 0; } .sc_socials.sc_socials_icons_names .socials_wrap .social_item .social_icon { width: 2em; height: 2em; line-height: 2em; position: relative; display: inline-block; vertical-align: middle; background: none !important; } .sc_socials.sc_socials_icons_names .socials_wrap .social_item .social_icon + .social_name { display: inline-block; vertical-align: middle; margin: 0 0 0 14px; font-size: 18px; line-height: 22px; font-weight: 600; } .sc_socials.sc_socials_icons_names .socials_wrap .social_item:hover .social_name, .sc_socials.sc_socials_icons_names .socials_wrap .social_item:hover .social_icon { color: var(--theme-color-text); } /* Menu */ .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: 0.9em !important; } .menu_hover_path_line > ul > li:not(.menu-collapse) > a:after { display: inline-block !important; } .menu_hover_path_line.sc_layouts_menu_dir_vertical.sc_layouts_submenu_popup .sc_layouts_menu_nav > li.menu-item-has-children > a, .menu_hover_path_line.sc_layouts_menu_dir_vertical.sc_layouts_submenu_popup .sc_layouts_menu_nav > li > a { padding: 0.25em; } .menu_hover_path_line.sc_layouts_menu_dir_vertical > ul > li:not(.menu-collapse):before { display: inline-block !important; } .sc_layouts_menu_nav { /* columns menu */ /* Columns Menu in Collapse */ /* Stretch window */ /* Stretch window boxed */ } .sc_layouts_menu_nav > li > a, .sc_layouts_menu_nav > li.menu-item-has-children > a { padding: 0.9em; } .sc_layouts_menu_nav > li[class*="icon-"] > a, .sc_layouts_menu_nav > li.menu-item-has-children[class*="icon-"] > a { padding-left: 2em; } .sc_layouts_menu_nav > li[class*="icon-"]:before { padding: 1.05em 0; color: var(--theme-color-text_dark); } .sc_layouts_menu_nav > li.menu-item-has-children > a:after { display: none; } .sc_layouts_menu_nav > li > ul { top: 5.7em; left: -0.7em; } .sc_layouts_menu_nav > li[class*="columns-"] > ul ul { margin-right: 5px; } .sc_layouts_menu_nav > li[class*="columns-"] > ul.sub-menu { padding: 2.3em 4.3em; } .sc_layouts_menu_nav > li[class*="columns-"] li li > a { padding: 0.65em 0; } .sc_layouts_menu_nav > li[class*="columns-"] li li[class*="icon-"]:before { left: 0; } .sc_layouts_menu_nav > li[class*="columns-"] li li[class*="icon-"] > a { padding-left: 1.6em; } .sc_layouts_menu_nav > li[class*="columns-"] > ul > li[class*="icon-"] > a { padding-left: 1.2em; } .sc_layouts_menu_nav > li[class*="columns-"] > ul > li[class*="icon-"]:before { top: 17px; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .sc_layouts_menu_nav > li[class*="columns-"] li.menu-item-has-children > a { padding: 0.65em 0; font-size: 18px !important; line-height: 1.5em !important; font-weight: 700 !important; color: var(--theme-color-extra_dark) !important; } .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 { color: var(--theme-color-extra_dark) !important; } .sc_layouts_menu_nav li.menu-collapse li[class*="columns-"] li.menu-item-has-children > a { font-size: inherit !important; line-height: 1.5em !important; font-weight: 500 !important; color: var(--theme-color-extra_dark) !important; } .sc_layouts_menu_nav li.menu-collapse li[class*="columns-"] li.menu-item-has-children > a > span { font-size: 1.1em; } .sc_layouts_menu_nav li.menu-collapse li[class*="columns-"] li.menu-item-has-children > a:hover, .sc_layouts_menu_nav li.menu-collapse li[class*="columns-"] li.menu-item-has-children.sfHover > a { color: var(--theme-color-extra_dark) !important; } .sc_layouts_menu_nav > li[class*="columns-"][class*="trx_addons_stretch_window"] > ul { padding-top: 6.3em; padding-bottom: 6.3em; } .sc_layouts_menu_nav > li[class*="columns-"][class*="trx_addons_stretch_window"] li > a, .sc_layouts_menu_nav > li[class*="columns-"][class*="trx_addons_stretch_window"] li.menu-item-has-children > a { padding: 0.65em 0; } .sc_layouts_menu_nav > li[class*="columns-"][class*="trx_addons_stretch_window"] > ul > li[class*="icon-"] > a { padding-left: 1.2em; } .sc_layouts_menu_nav > li[class*="columns-"][class*="trx_addons_stretch_window"] > ul > li[class*="icon-"]:before { top: 17px; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .sc_layouts_menu_nav > li[class*="columns-"][class*="trx_addons_stretch_window"] li[class*="icon-"] > a { padding-left: 1.6em; } .sc_layouts_menu_nav > li[class*="columns-"][class*="trx_addons_stretch_window"] li[class*="icon-"]:before { left: 0; } .sc_layouts_menu_nav > li[class*="columns-"].trx_addons_stretch_window > ul { padding-left: 7.6em; padding-right: 7.6em; } .sc_layouts_menu_nav > li[class*="columns-"].trx_addons_stretch_window_boxed > ul { padding-left: 0; padding-right: 0; } 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); } /* sub zoom line */ .menu_hover_zoom_line .sc_layouts_menu_nav { /* columns menu */ } .menu_hover_zoom_line .sc_layouts_menu_nav li li:not(.menu-collapse) > a > span { display: inline-block; padding: 0; word-break: break-word; -webkit-transition: padding-left 0.2s ease; -ms-transition: padding-left 0.2s ease; transition: padding-left 0.2s ease; } .menu_hover_zoom_line .sc_layouts_menu_nav li li:not(.menu-collapse) > a > span:after { content: ""; display: block; position: relative; z-index: 1; top: auto; bottom: -3px; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; width: 0; height: 1px; -webkit-transition: width 0.2s ease; -ms-transition: width 0.2s ease; transition: width 0.2s ease; background-color: var(--theme-color-extra_hover); } .menu_hover_zoom_line .sc_layouts_menu_nav li li:not(.menu-collapse) > a:hover > span:after, .menu_hover_zoom_line .sc_layouts_menu_nav li li:not(.menu-collapse).sfHover > a > span:after, .menu_hover_zoom_line .sc_layouts_menu_nav li li:not(.menu-collapse).current-menu-item > a > span:after, .menu_hover_zoom_line .sc_layouts_menu_nav li li:not(.menu-collapse).current-menu-parent > a > span:after, .menu_hover_zoom_line .sc_layouts_menu_nav li li:not(.menu-collapse).current-menu-ancestor > a > span:after { width: 100%; } .menu_hover_zoom_line .sc_layouts_menu_nav li li:not(.menu-collapse) > a:hover > span, .menu_hover_zoom_line .sc_layouts_menu_nav li li:not(.menu-collapse).sfHover > a > span, .menu_hover_zoom_line .sc_layouts_menu_nav li li:not(.menu-collapse).current-menu-item > a > span, .menu_hover_zoom_line .sc_layouts_menu_nav li li:not(.menu-collapse).current-menu-parent > a > span, .menu_hover_zoom_line .sc_layouts_menu_nav li li:not(.menu-collapse).current-menu-ancestor > a > span { padding-left: 9px; } .menu_hover_zoom_line .sc_layouts_menu_nav li[class*="columns-"] li.menu-item-has-children > a > span { padding-left: 0; } .menu_hover_zoom_line .sc_layouts_menu_nav li[class*="columns-"] li.menu-item-has-children > a > span:after { display: none; } .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 { font-family: "fontello"; content: '\e836'; font-weight: normal; position: absolute; z-index: 1; top: 0.5em; right: 1.35em; font-size: 19px; } .sc_layouts_menu_popup .sc_layouts_menu_nav, .sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs) { width: 15em; padding: 1em 0; } .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: 15em; top: -1em; margin: 0 0 0 4px; } .sc_layouts_menu_nav > li > ul ul.submenu_left { left: -15em; margin: 0 0 0 -4px; } .sc_layouts_menu_nav > li > ul ul.sc_layouts_submenu.submenu_left { left: auto; right: 15.1428em; margin: 0; } .sc_layouts_menu_popup .sc_layouts_menu_nav > li > a, .sc_layouts_menu_nav > li li > a { padding: 0.65em 1.6em; } .sc_layouts_menu_popup .sc_layouts_menu_nav > li.menu-item-has-children > a, .sc_layouts_menu_nav li li.menu-item-has-children > a { padding-right: 2.2em; } /* Vertical Menus */ .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav li.menu-item-has-children > a > .open_child_menu { display: none; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: 2.2em; } /* Vertical dropdown */ .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown { display: block; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav { font-size: 24px; line-height: 1.4em; /* sub */ } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li.menu-item-has-children > a, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li > a { padding: 0.3em 0; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li.menu-item-has-children > a { padding-right: 1.2em !important; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li.menu-item-has-children > a > .open_child_menu { display: block !important; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: 1.2em; text-align: right; line-height: 1.8em; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li.menu-item-has-children > a > .open_child_menu:before { content: '\e9df'; font-family: "fontello"; font-size: 9px; font-weight: 400; margin-right: 1px; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li > ul { font-size: 18px; line-height: 1.4em; font-weight: 400; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav li.menu-item-has-children > a:after { display: none; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child ul { margin: 0 0 0 10px; padding: 11px 0; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li.menu-item-has-children > a > .open_child_menu, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child ul li.menu-item-has-children > a > .open_child_menu { width: 1.2em; line-height: 1.9em; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li > a { color: var(--theme-color-text_dark) !important; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li > a:hover, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li.current-menu-item > a, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li.current-menu-parent > a, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li.current-menu-ancestor > a { color: var(--theme-color-text_link) !important; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li > a, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child ul li > a { padding: 0.4em 0; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li ul li.menu-item-has-children > a, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child ul li.menu-item-has-children > a { padding-right: 1.5em; } /* Vertical Popup */ .sc_layouts_menu_dir_vertical.sc_layouts_submenu_popup .sc_layouts_menu_nav > li.menu-item-has-children > a, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_popup .sc_layouts_menu_nav > li > a { padding: 0.25em 0; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_popup .sc_layouts_menu_nav > li.menu-item-has-children > a:after { display: inline-block; } .sc_layouts_panel_inner .elementor-section.elementor-section-height-full { /* hide scrollbar Explorer */ /* hide scrollbar FireFox */ /* hide scrollbar Chrome */ } .sc_layouts_panel_inner .elementor-section.elementor-section-height-full .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown { overflow-y: scroll; max-height: 50vh; } .sc_layouts_panel_inner .elementor-section.elementor-section-height-full .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown { -ms-overflow-style: none; } .sc_layouts_panel_inner .elementor-section.elementor-section-height-full .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown { scrollbar-width: none; } .sc_layouts_panel_inner .elementor-section.elementor-section-height-full .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown::-webkit-scrollbar { width: 0; } /* Sticky Socials */ .sticky_socials_wrap { position: fixed; top: 50%; z-index: 8001; width: auto; height: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; /* Sticky Socials Style "Default" */ /* Sticky Socials Style "Modern" */ } .sticky_socials_wrap.sticky_socials_default { left: 55px; max-height: 300px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sticky_socials_wrap.sticky_socials_default .social_item { display: inline-block; margin: 4px; -webkit-transition: none; -ms-transition: none; transition: none; } .sticky_socials_wrap.sticky_socials_default .social_item .social_icon { padding: 1px; display: inline-block; text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 1px solid; color: var(--theme-color-text_dark); background-color: transparent; border-color: var(--theme-color-text_dark_02); will-change: color; -webkit-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .sticky_socials_wrap.sticky_socials_default .social_item .social_icon.icon-twitter-new { font-size: 82%; } .sticky_socials_wrap.sticky_socials_default .social_item:hover .social_icon { color: var(--theme-color-text_link); } .sticky_socials_wrap.sticky_socials_modern { left: 56px; width: 505px; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotate(-90deg) translate(-50%, 50%); -ms-transform: rotate(-90deg) translate(-50%, 50%); transform: rotate(-90deg) translate(-50%, 50%); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sticky_socials_wrap.sticky_socials_modern .social_item { margin-right: 20px; margin-left: 20px; line-height: 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: var(--theme-color-text_dark); } .sticky_socials_wrap.sticky_socials_modern .social_item:hover { color: var(--theme-color-text_link); } .sticky_socials_wrap.sticky_socials_modern .social_item .social_name { font-size: 14px; font-weight: 600; } .sticky_socials_wrap.sticky_socials_modern .social_item .social_icon { font-size: 16px; font-weight: 400; } .sticky_socials_wrap.sticky_socials_modern .social_item .social_icon + .social_name { margin-left: 10px; } /* Hotspot */ @keyframes AniMy { 0% { -webkit-transform: scale(0); transform: scale(0); } 80% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0 0 0 10px var(--theme-color-text_link_02); -ms-box-shadow: 0 0 0 10px var(--theme-color-text_link_02); box-shadow: 0 0 0 10px var(--theme-color-text_link_02); background-color: var(--theme-color-text_link_02); } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); -ms-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); } } .wrap_svl_center { line-height: 0; } .point_style { cursor: pointer; } .point_style .pins_animation { border: none; -webkit-box-shadow: 0 0 0 10px var(--theme-color-text_link_02); -ms-box-shadow: 0 0 0 10px var(--theme-color-text_link_02); box-shadow: 0 0 0 10px var(--theme-color-text_link_02); } .pins_animation.ihotspot_pulse { -moz-animation: AniMy 1.5s infinite !important; -webkit-animation: AniMy 1.5s infinite !important; animation: AniMy 1.5s infinite !important; } #powerTip { padding: 12px 40px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0 !important; -ms-border-radius: 0 !important; border-radius: 0 !important; background-color: var(--theme-color-inverse_dark) !important; color: #ffffff !important; } #powerTip .box_view_html { font-size: 16px; line-height: 20px; font-weight: 700; } #powerTip .box_view_html a { color: #ffffff !important; opacity: 0.8; } #powerTip .box_view_html a:hover { opacity: 1; } #powerTip .box_view_html p { margin: 0; } #powerTip .box_view_html p + p { margin-top: 5px; } #powerTip.n { margin-bottom: 15px; } #powerTip.n:before { border-top: 10px solid var(--theme-color-inverse_dark); bottom: -7px; } #powerTip.ne:before, #powerTip.nw:before { border-top: 10px solid var(--theme-color-inverse_dark); } #powerTip.se:before, #powerTip.sw:before { border-bottom: 10px solid var(--theme-color-inverse_dark); } #powerTip.s:before { border-bottom: 10px solid var(--theme-color-inverse_dark); } #powerTip.e:before { border-right: 10px solid var(--theme-color-inverse_dark); } #powerTip.w:before { border-left: 10px solid var(--theme-color-inverse_dark); } #powerTip.n:before, #powerTip.s:before { border-right: 8px solid transparent; border-left: 8px solid transparent; margin-left: -8px; } /* BG */ .sc_testimonials_hover .sc_testimonials_item:after { background-image: url(../images/testimonials-bg.png); } /* Advanced Popups */ .adp-popup { -webkit-box-shadow: 0 3px 46px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 46px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 46px rgba(0, 0, 0, 0.1); -webkit-transform: translateZ(1000px); -ms-transform: translateZ(1000px); transform: translateZ(1000px); } .adp-popup-type-content .adp-popup-content { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0; } .adp-popup-inner > p { margin: 0 !important; } .adp-popup .adp-popup-close { cursor: pointer; color: #A5A6AA !important; } .adp-popup .adp-popup-close:hover { color: #A5A6AA !important; } .adp-popup .adp-popup-close:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); font-size: 19px; content: '\e9e1'; font-family: "fontello"; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; display: block; width: 22px; height: 22px; line-height: 22px; text-align: center; will-change: transform; color: #A5A6AA !important; } .adp-popup .adp-popup-close:hover:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); color: #A5A6AA !important; } .ua_firefox .adp-popup .adp-popup-close:before { transform-origin: 50% 52%; } .adp-popup.adp-popup-open[data-light-close="true"] .adp-popup-close { outline: none; color: #dddddd !important; } /* location center */ .adp-popup.adp-popup-location-center { top: 50%; transform: translateY(-50%) translateZ(1000px); right: 0; left: 0; margin: 0 auto; } /* box */ .adp-popup-type-notification-box .adp-popup-close:hover, .adp-popup-type-notification-box .adp-popup-close { color: var(--theme-color-inverse_dark) !important; } .adp-popup-type-notification-box .adp-popup-close:hover:before, .adp-popup-type-notification-box .adp-popup-close:before { color: var(--theme-color-inverse_dark) !important; } .adp-popup-type-notification-box .adp-popup-text { padding: 51px 0 0 0; text-align: center; font-size: 14px; line-height: 1.4em; color: var(--theme-color-inverse_dark); position: relative; } .adp-popup-type-notification-box .adp-popup-text:before { position: absolute; left: 0; top: 0; width: 100%; text-align: center; display: block; font-size: 36px; line-height: 1em; content: '\ea0a'; font-family: "fontello"; } .adp-popup-type-notification-box .adp-popup-button { margin: 20px auto 0; display: block; width: calc(100% - 18px); -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-size: 13px; font-weight: 700; line-height: 21px; letter-spacing: 1.3px; text-indent: 0; text-transform: uppercase; padding: 12px 15px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; text-align: center; background-color: #111111; color: #ffffff; cursor: pointer; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .adp-popup-type-notification-box .adp-popup-button:hover, .adp-popup-type-notification-box .adp-popup-button:focus { background-color: var(--theme-color-text_link); } /* bar */ .adp-popup-type-notification-bar .adp-popup-close:hover, .adp-popup-type-notification-bar .adp-popup-close { color: var(--theme-color-inverse_dark) !important; } .adp-popup-type-notification-bar .adp-popup-close:hover:before, .adp-popup-type-notification-bar .adp-popup-close:before { color: var(--theme-color-inverse_dark) !important; } .adp-popup-type-notification-bar .adp-popup-text { padding: 0 20px 0 0; text-align: center; font-size: 14px; line-height: 1.4em; color: var(--theme-color-inverse_dark); position: relative; } .adp-popup-type-notification-bar .adp-popup-text:before { display: inline-block; font-size: 28px; line-height: 0; content: '\ea0a'; font-family: "fontello"; margin: -3px 22px 0 0; vertical-align: middle; } .adp-popup-type-notification-bar .adp-popup-button { margin-left: 1.8rem; display: inline-block; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-size: 13px; font-weight: 700; line-height: 21px; letter-spacing: 1.3px; text-indent: 0; text-transform: uppercase; padding: 10px 30px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; text-align: center; background-color: #111111; color: #ffffff; cursor: pointer; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .adp-popup-type-notification-bar .adp-popup-button:hover, .adp-popup-type-notification-bar .adp-popup-button:focus { background-color: var(--theme-color-text_link); } /* LatePoint */ select[id^="booking_custom_fields_"] { visibility: visible; -webkit-appearance: auto; } .latepoint-step-content .os-form-select-group .select_container:before, .latepoint-step-content .os-form-select-group .select_container:after { display: none; } .latepoint-book-button { -webkit-appearance: none; cursor: pointer; display: inline-flex; align-items: center; 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: 0; -ms-border-radius: 0; border-radius: 0; text-transform: var(--theme-font-button_text-transform); letter-spacing: var(--theme-font-button_letter-spacing); white-space: nowrap; height: auto; max-width: 100%; color: var(--theme-color-inverse_link); border-color: var(--theme-color-text_link); background-color: var(--theme-color-text_link); padding: 17px 62px; border-width: 0 !important; -webkit-box-shadow: 0 7px 25px var(--theme-color-text_link_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_link_02); box-shadow: 0 7px 25px var(--theme-color-text_link_02); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .latepoint-book-button.sc_button_shadow { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_link_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_link_02); box-shadow: 0 7px 25px var(--theme-color-text_link_02); } .latepoint-book-button.sc_button_shadow.color_style_dark { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_dark_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_dark_02); box-shadow: 0 7px 25px var(--theme-color-text_dark_02); } .latepoint-book-button.sc_button_shadow.color_style_link2 { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_link2_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_link2_02); box-shadow: 0 7px 25px var(--theme-color-text_link2_02); } .latepoint-book-button.sc_button_shadow.color_style_link3 { -webkit-box-shadow: 0 7px 25px var(--theme-color-text_link3_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_link3_02); box-shadow: 0 7px 25px var(--theme-color-text_link3_02); } .latepoint-book-button:focus, .latepoint-book-button:hover { color: var(--theme-color-inverse_link); border-color: var(--theme-color-text_hover); background-color: var(--theme-color-text_hover); -webkit-box-shadow: 0 7px 25px var(--theme-color-text_link_02); -ms-box-shadow: 0 7px 25px var(--theme-color-text_link_02); box-shadow: 0 7px 25px var(--theme-color-text_link_02); } .latepoint-w .latepoint-booking-form-element .latepoint-summary-w h3.summary-header { padding-right: 29px; } .latepoint-w .latepoint-booking-form-element.latepoint-color-black h1, .latepoint-w .latepoint-booking-form-element.latepoint-color-black h2, .latepoint-w .latepoint-booking-form-element.latepoint-color-black h3, .latepoint-w .latepoint-booking-form-element.latepoint-color-black h4, .latepoint-w .latepoint-booking-form-element.latepoint-color-black h5 { color: #222733; } .latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-items .os-item > .os-item-i:hover { border-color: #222733; } /* twentytwenty */ .twentytwenty-wrapper .twentytwenty-overlay { background: none; } .twentytwenty-wrapper .twentytwenty-overlay:hover { background: none; } .twentytwenty-wrapper .twentytwenty-overlay .twentytwenty-before-label { left: 0; } .twentytwenty-wrapper .twentytwenty-overlay .twentytwenty-after-label { right: 0; } .twentytwenty-wrapper .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-wrapper .twentytwenty-overlay .twentytwenty-after-label { background: #ffffff; color: #000; opacity: 1; font-size: 14px; line-height: 17px; font-weight: 700; height: auto; width: auto; bottom: 0; padding: 8px 20px; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; letter-spacing: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .twentytwenty-wrapper:hover .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-wrapper:hover .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-wrapper .twentytwenty-overlay:hover .twentytwenty-before-label, .twentytwenty-wrapper .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 0; } .twentytwenty-wrapper.twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-wrapper.twentytwenty-horizontal .twentytwenty-handle:before { display: none; } .twentytwenty-wrapper .twentytwenty-handle { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; width: 66px; height: 66px; line-height: 66px; border: none; background: #ffffff; margin-left: -33px; margin-top: -33px; text-align: center; } .twentytwenty-wrapper .twentytwenty-handle .twentytwenty-left-arrow, .twentytwenty-wrapper .twentytwenty-handle .twentytwenty-right-arrow { border: none !important; width: 20px; line-height: 20px; height: 20px; position: absolute; top: 50%; font-size: 15px; margin-top: -10px; } .twentytwenty-wrapper .twentytwenty-handle .twentytwenty-left-arrow { left: 50%; margin-left: -20px; } .twentytwenty-wrapper .twentytwenty-handle .twentytwenty-right-arrow { right: 50%; margin-right: -20px; } .twentytwenty-wrapper .twentytwenty-handle .twentytwenty-left-arrow:before { content: '\e92a'; font-family: "fontello"; display: inline-block; color: #000; } .twentytwenty-wrapper .twentytwenty-handle .twentytwenty-right-arrow:before { content: '\e92b'; font-family: "fontello"; display: inline-block; color: #000; } .twentytwenty-wrapper.twentytwenty-vertical .twentytwenty-handle .twentytwenty-down-arrow, .twentytwenty-wrapper.twentytwenty-vertical .twentytwenty-handle .twentytwenty-up-arrow { border: none !important; width: 20px; line-height: 20px; height: 20px; position: absolute; top: 50%; font-size: 15px; margin-top: -20px; } .twentytwenty-wrapper.twentytwenty-vertical .twentytwenty-handle .twentytwenty-down-arrow { margin-top: 0; margin-bottom: -20px; top: auto; bottom: 50%; } .twentytwenty-wrapper.twentytwenty-vertical .twentytwenty-handle .twentytwenty-down-arrow, .twentytwenty-wrapper.twentytwenty-vertical .twentytwenty-handle .twentytwenty-up-arrow { left: 50%; margin-left: -10px; } .twentytwenty-wrapper.twentytwenty-vertical .twentytwenty-handle .twentytwenty-down-arrow:before { content: '\E929'; font-family: "fontello"; display: inline-block; color: #000; } .twentytwenty-wrapper.twentytwenty-vertical .twentytwenty-handle .twentytwenty-up-arrow:before { content: '\E92C'; font-family: "fontello"; display: inline-block; color: #000; } .twentytwenty-wrapper.twentytwenty-vertical .twentytwenty-before-label { top: 0; left: 0; bottom: auto; right: auto; } .twentytwenty-wrapper.twentytwenty-vertical .twentytwenty-after-label { bottom: 0; left: 0; top: auto; right: auto; } .twentytwenty-wrapper.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-wrapper.twentytwenty-vertical .twentytwenty-handle:after { display: none; } /* Demo */ .position-abs-lc { position: absolute; z-index: 1; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .round-square .elementor-button { width: 101px; height: 101px; line-height: 100px; padding: 0; } .round-square-2 .elementor-button-link { overflow: hidden; } .round-square-2 .elementor-button { width: 193px; height: 193px; line-height: 193px !important; padding: 0; } .form-position-abs { position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sc_title_default .extra_bg { display: inline-block; padding: 0 5px; } .VanillaTiltHover img { pointer-events: none; } .cursor-pointer { cursor: pointer; } .right_bar g, #Right_Bar g { stroke: var(--theme-color-text_dark); } .social_icon .icon-twitter-new { font-size: 88%; } .size-around .elementor-icon { padding: 10px; } .no-margin { margin: 0 !important; } /* for single team col */ .left_shift { z-index: 5; margin: 0 0 0 -160px; width: calc(100% + 160px) !important; } /* Add custom styles for default button ( with custom class ) */ .custom_icon_btn.elementor-widget-button .elementor-button { font-size: 16px; font-weight: 700; line-height: 21px; padding: 0; background-color: transparent; letter-spacing: 0; } .custom_icon_btn.elementor-widget-button .elementor-button .elementor-button-content-wrapper { line-height: 4.22rem; } .custom_icon_btn.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-text { margin-top: 3px; } .custom_icon_btn.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-icon { border: 2px solid var(--theme-color-text_dark_05); font-size: 16px; width: 4.22rem; height: 4.22rem; line-height: 4.22rem; text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .custom_icon_btn.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg { height: inherit; padding-bottom: 2px; } .custom_icon_btn.elementor-widget-button.elementor-align-right .elementor-button .elementor-button-content-wrapper .elementor-button-icon { margin-left: 30px; } /* for service single */ .extra_tiny_spacer { height: 8px !important; } .tiny_spacer { height: 13px !important; } .small_spacer { height: 40px !important; } /* Change padding in slider when you use layout as slide */ .small_padding .slider_container .slide_content { padding: 0; } .small_padding .slider_container .slider-slide { padding-left: 15px; padding-right: 15px; } .body_style_fullscreen .small_padding .slider-slide { padding-left: 0 !important; padding-right: 0 !important; } /* Remove padding in slider when you use layout as slide */ .remove_padding .slider_container .slide_content { padding: 0; } /* simple_text_link */ .simple_text_link.underline_anim { color: var(--theme-color-text_dark) !important; font-size: 16px !important; text-transform: none; letter-spacing: 0; padding-bottom: 6px !important; background-image: linear-gradient(to right, currentColor 0%, currentColor 100%); background-position: 0 100%; background-repeat: no-repeat; -webkit-background-size: 0 1px; background-size: 0 1px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .simple_text_link.underline_anim.underline_do_hover { animation: underline_hover_on2 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) both; } .simple_text_link.underline_anim.underline_do_hover:hover { animation: underline_hover_off2 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) both; } @-webkit-keyframes underline_hover_on2 { 0% { -webkit-background-size: 0 2px; background-size: 0 2px; } 100% { -webkit-background-size: 100% 2px; background-size: 100% 2px; } } @keyframes underline_hover_on2 { 0% { -webkit-background-size: 0 2px; background-size: 0 2px; } 100% { -webkit-background-size: 100% 2px; background-size: 100% 2px; } } @-webkit-keyframes underline_hover_off2 { 0% { -webkit-background-size: 100% 2px; background-size: 100% 2px; } 100% { -webkit-background-size: 0 2px; background-size: 0 2px; } } @keyframes underline_hover_off2 { 0% { -webkit-background-size: 100% 2px; background-size: 100% 2px; } 100% { -webkit-background-size: 0 2px; background-size: 0 2px; } } .button_bg_icon_color .icon-envelope-2:before { margin: -1px -3px 0 0; } .button_bg_icon_color.sc_button_simple.sc_button_icon_left .sc_button_icon { margin-right: 0.8em; } .button_bg_icon_color .sc_button_icon { background-color: var(--theme-color-bg_color); border: none !important; font-size: 18px !important; } .button_alter2_icon_color { overflow: visible; } .button_alter2_icon_color.sc_button_simple.sc_button_icon_left .sc_button_icon { margin-right: 0.8em; } .button_alter2_icon_color .sc_button_icon { -webkit-box-shadow: 0 0 0 4px rgba(234, 234, 234, 0.2); -ms-box-shadow: 0 0 0 4px rgba(234, 234, 234, 0.2); box-shadow: 0 0 0 4px rgba(234, 234, 234, 0.2); color: var(--theme-color-text_link2); } .extra-size-skills .sc_skills_counter_alter .sc_skills_total { font-size: 130px; letter-spacing: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .extra-size-skills .sc_skills_counter_alter .sc_skills_item_title { font-size: 18px; font-weight: 700; text-transform: uppercase; color: #C5A48E; margin-top: 0 !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* color for menu in footer */ .footer_wrap .extra_menu_in_footer .sc_layouts_menu > ul > li > a { font-size: 16px; font-weight: 400; color: var(--theme-color-text_dark) !important; } .footer_wrap .extra_menu_in_footer .sc_layouts_menu > ul > li > a:before { color: var(--theme-color-text_dark) !important; } .alter_clients .widget_slider .slider_container .slider-slide { background-color: #ffffff; } .alter_clients .widget_slider .slider_container .slider-slide img { opacity: 0.2; transition: 0.3s; } .alter_clients .widget_slider .slider_container .slider-slide:hover img { opacity: 1; } .awards_slider .widget_slider .slider_type_images .slider-slide { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 20px 60px; min-height: 200px; background-color: #ffffff; border: 1px solid var(--theme-color-bd_color); } .awards_slider .widget_slider .slider_type_images .slider-slide .slide_info { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; text-shadow: none; position: absolute; left: 0; top: 0; justify-content: center; flex-direction: column; align-items: center; height: 100%; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; opacity: 0; } .awards_slider .widget_slider .slider_type_images .slider-slide .slide_info .slide_title { margin: 0 0 7px 0; font-size: 19px; font-weight: 700; color: #222733 !important; } .awards_slider .widget_slider .slider_type_images .slider-slide .slide_info .slide_cats { font-size: 18px; font-weight: 400; color: #7A7E83 !important; } .awards_slider .widget_slider .slider_type_images .slider-slide .slide_overlay { background: none; border: 1px solid #E5E5E5; left: 0; right: 0; top: 0; bottom: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .awards_slider .widget_slider .slider_type_images .slider-slide img { will-change: transform; margin-bottom: 5px; opacity: 1; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .awards_slider .widget_slider .slider_type_images .slider-slide:hover { box-shadow: 0 0 15px 3px var(--theme-color-text_dark_005); transition: 0.3s ease; } .awards_slider .widget_slider .slider_type_images .slider-slide:hover .slide_info { opacity: 1; } .awards_slider .widget_slider .slider_type_images .slider-slide:hover img { opacity: 0; } .awards_slider .slider_container { padding: 20px; margin: -20px; } /* Custom styles for header( inner section absolute, layout title full height ) */ .header_fullscreen { height: 100vh !important; } .header_fullscreen:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-color: #000; opacity: 0.4; z-index: 1; pointer-events: none; } .header_fullscreen .elementor-widget-trx_sc_layouts_title { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .header_fullscreen .elementor-widget-trx_sc_layouts_title .sc_layouts_title { min-height: 100vh; } .no-inner-padding .slider_container .slide_content { padding: 0 !important; } .line-height-0 .elementor-grid-item, .line-height-0 .elementor-icon-wrapper { line-height: 0 !important; } body.with_bg_canvas .page_content_wrap { background-color: transparent; } .up-translateZ { -webkit-transform: translateZ(500px); -ms-transform: translateZ(500px); transform: translateZ(500px); } .up-translateZ-wrap .elementor-column-wrap, .up-translateZ-wrap .elementor-widget-wrap { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .up-translateZ-elem { -webkit-transform: translateZ(20px); -ms-transform: translateZ(20px); transform: translateZ(20px); } .up-translateZ-elem-front { -webkit-transform: translateZ(200px); -ms-transform: translateZ(200px); transform: translateZ(200px); } body:not(.elementor-editor-active) .no-title img { pointer-events: none; } .play_center .elementor-icon-wrapper { line-height: 0; } .play_center .icon-play:before { letter-spacing: -3px; } .play_center .elementor-icon i, .play_center .elementor-icon svg { left: 2px; } .extra_view_button .sc_button_wrap .sc_button { margin-bottom: 15px; } .extra_view_button .sc_button_wrap { margin-bottom: -15px; } .extra-icon-padding .sc_icons_fill .sc_icons_item { padding: 3em 2.2em; } .extra-icon-padding .sc_icons_fill .sc_icons_icon + .sc_icons_item_details, .extra-icon-padding .sc_icons_fill .sc_icons_image + .sc_icons_item_details { margin-top: 1.6em; } .extra-icon-padding .sc_icons_item_title { font-size: 24px; } .extra-icon-padding .sc_icons_fill .sc_icons_item .sc_icons_item_description { font-size: 17px; } .shop-nav-slider-custom .widget_slider .slider_container.slider_controls_side .slider_controls_wrap > a { background-color: transparent; color: var(--theme-color-text); } .shop-nav-slider-custom .widget_slider .slider_container.slider_controls_side .slider_controls_wrap > a:before { font-size: 22px; } .shop-nav-slider-custom .widget_slider .slider_container.slider_controls_side .slider_controls_wrap > a.slider_prev { margin-left: 0; } .shop-nav-slider-custom .widget_slider .slider_container.slider_controls_side .slider_controls_wrap > a.slider_prev:before { content: '\e837'; } .shop-nav-slider-custom .widget_slider .slider_container.slider_controls_side .slider_controls_wrap > a.slider_next { margin-right: 0; } .shop-nav-slider-custom .widget_slider .slider_container.slider_controls_side .slider_controls_wrap > a.slider_next:before { content: '\e836'; } .shop-nav-slider-custom .widget_slider .slider_container.slider_controls_side .slider_controls_wrap > a:hover { color: var(--theme-color-text_dark); background-color: transparent; } .extra-big-title .sc_item_title { font-size: 5.167em; line-height: 1em; font-weight: 600; letter-spacing: -3.3px; } .extra-big-title .sc_item_title > .trx_addons_text_gradient { padding-right: 2px; padding-left: 2px; } /* BG Canvas */ /* Autofill Off */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { outline: none; caret-color: #ffffff; -webkit-text-fill-color: var(--theme-color-input_text); -webkit-box-shadow: 0 0 0 1000px transparent inset; -ms-box-shadow: 0 0 0 1000px transparent inset; box-shadow: 0 0 0 1000px transparent inset; -webkit-transition: background-color 5000s ease-in-out 0s !important; -ms-transition: background-color 5000s ease-in-out 0s !important; transition: background-color 5000s ease-in-out 0s !important; background: transparent; filter: none; } /* Latepoint */ .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w, .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w { z-index: 10000; } @media (min-width: 479px) and (max-width: 767px) { .latepoint-w .latepoint-booking-form-element .latepoint-side-panel { display: none; } .latepoint-w .latepoint-summary-w { display: none !important; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w { max-width: 100%; } } @media (max-width: 479px) { .os-dates-w { margin: 0 -0.5%; } .latepoint-w .latepoint-booking-form-element .os-monthly-calendar-days, .latepoint-w .latepoint-booking-form-element .os-weekdays { grid-gap: 10px; } .latepoint-w.latepoint-shortcode-booking-form .latepoint-booking-form-element { margin: 0; } .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-img-w { flex: 0 0 40px; height: 40px; margin-right: 10px; } .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w { padding-left: 10px; } .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-name { font-size: 15px; } .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price { font-size: 16px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn { padding: 8px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text { font-size: 16px; } .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i { padding: 8px; } .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar { padding: 4px 5px 15px; } .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-name-w { padding-top: 5px; } .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-name { font-size: 14px; } .latepoint-w .latepoint-booking-form-element .os-items .os-item-details-btn { bottom: -7px; } .os-current-month-label-w .os-current-month-label { font-size: 16px; } .os-monthly-calendar-days .os-day { font-size: 13px; } .latepoint-booking-form-element .os-step-tabs .os-step-tab.active { font-size: 14px; } .latepoint-booking-form-element .os-step-tabs { height: auto; } .latepoint-w .os-form-group.os-form-textfield-group textarea.os-form-control, .latepoint-w .os-form-group.os-form-textfield-group select.os-form-control, .latepoint-w .os-form-group.os-form-textfield-group input[type="password"].os-form-control, .latepoint-w .os-form-group.os-form-textfield-group input[type="email"].os-form-control, .latepoint-w .os-form-group.os-form-textfield-group input[type="number"].os-form-control, .latepoint-w .os-form-group.os-form-textfield-group input[type="text"].os-form-control { font-size: 14px !important; } } /* Backstage */ .backstage-customizer-access-wrapper .backstage-customizer-access-button { font-size: 15px; font-weight: 400; background-color: var(--theme-color-text_link); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .backstage-customizer-access-wrapper .backstage-customizer-access-button:hover { background-color: var(--theme-color-text_hover); } .backstage-customizer-access-wrapper .backstage-customizer-access-button a { padding: 6px 14px; } .rotate-hover.elementor-view-framed .elementor-icon { border-color: var(--theme-color-bd_color); fill: var(--theme-color-text_dark); } .rotate-hover.elementor-view-framed .elementor-icon svg { -webkit-transform: rotateZ(0); -ms-transform: rotateZ(0); transform: rotateZ(0); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .sc_cover:hover + .elementor-container .rotate-hover.elementor-view-framed .elementor-icon, .rotate-hover.elementor-view-framed .elementor-icon:hover { border-color: var(--theme-color-text_dark); } .sc_cover:hover + .elementor-container .rotate-hover.elementor-view-framed .elementor-icon svg, .rotate-hover.elementor-view-framed .elementor-icon:hover svg { -webkit-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); transform: rotateZ(-45deg); } .num-hover, .num-hover * { color: var(--theme-color-text); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .sc_cover:hover + .elementor-container .num-hover, .sc_cover:hover + .elementor-container .num-hover * { color: var(--theme-color-text_link); } .hover-color-text, .hover-color-text * { color: var(--theme-color-text_dark); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .sc_cover:hover + .elementor-container .hover-color-text, .sc_cover:hover + .elementor-container .hover-color-text * { color: var(--theme-color-text); } .rotate-hover-2 .elementor-icon svg { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: rotateZ(0); -ms-transform: rotateZ(0); transform: rotateZ(0); fill: var(--theme-color-text_dark); } .sc_cover:hover + .elementor-container .rotate-hover-2 .elementor-icon svg, .rotate-hover-2 .elementor-icon:hover svg { -webkit-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); transform: rotateZ(45deg); fill: var(--theme-color-text_link); } .divider-hover .elementor-divider-separator { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .sc_cover:hover + [class*="elementor-"] .divider-hover .elementor-divider-separator, .divider-hover:hover .elementor-divider-separator { border-color: var(--theme-color-text_link) !important; } .timetable-style .elementor-widget-heading .elementor-widget-container { height: 100%; padding: 6px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: var(--theme-color-alter_bg_color); } .timetable-style .elementor-heading-title { font-size: 14px; line-height: 1.3em; font-weight: 400; } @media (max-width: 767px) { .timetable-style .elementor-widget-heading { height: auto !important; } } .nowrap { white-space: nowrap; } /*# sourceMappingURL=style.css.map */