Sid Gifari File Manager
🏠 Root
/
home
/
genremedia08
/
thepassage.overlookedtracks.com
/
wp-content9
/
themes
/
anesta
/
skins
/
default
/
css
/
Editing: style.css
/* TABLE OF CONTENTS 1. Theme-specific variables and classes 2. Default tag's settings Lists Links Headings Other tags Dropcaps Tables Blockquotes Images Figcaption Gallery Audio and Video Embed blocks WordPress Playlist Cover image Media & Text Margins Core columns Alignment Wide and Full blocks 3. Form fields settings Common rules Buttons Buttons hover Disabled buttons Color Styles Simple button Close buttons Text fields Radio buttons and checkboxes Select container (dropdown) 4. WP styles and Screen readers 5. Theme grid 6. Page layouts Content and Sidebar Page content 7. Section's decorations 7.1 Header 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. General pages 8.1 Page 404 8.2 Page 'No search results' and 'No archive results' 8.3 Author's page 9. Sidebars 10. Footer areas 11. Widgets 13. Utils 14. Registration and Login popups 15. Third part plugins -------------------------------------------------------------- */ /* 1. Theme-specific variables and classes -------------------------------------------------------------- */ :root { --theme-var-koef_narrow: 0.75; --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-content_rad: 8px; --theme-var-page: var(--theme-var-page_width); --theme-var-menu_side: 110px; --theme-var-menu_side_open: 330px; --theme-var-body_shift: var(--theme-var-menu_side_open); --theme-var-menu_side_gap: 60px; --fixed-rows-height: 0px; --theme-var-header: 0px; --theme-var-body: 100vw; --theme-var-sm_grid_gap: 20px; --theme-var-grid_gap_koef: 1; --theme-var-input_padding: 13px; --theme-var-label_margin: -6px 0 14px; --theme-var-checkbox_margin: -5px 0 25px; --theme-var-btn_padding: 13px; --theme-var-btn_padding2: 3.2em; --theme-var-btn_padding3: 2.7em; --theme-var-btn_shadow: 0; --theme-var-btn_nav_size: 13px; --theme-var-msg_padding: 12px 18px; --gallery-block--gutter-size: 10px; --theme-var-sidebar: calc( var(--theme-var-page) * var(--theme-var-sidebar_prc) ); --theme-var-sidebar_gap: calc( var(--theme-var-page) * var(--theme-var-sidebar_gap_prc) ); --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.menu_side_present { --theme-var-sidebar: calc( var(--theme-var-page_width) * var(--theme-var-sidebar_prc) ); --theme-var-sidebar_gap: calc( var(--theme-var-page_width) * var(--theme-var-sidebar_gap_prc) ); --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.menu_side_present.menu_mobile_is_opened { --theme-var-page: calc( var(--theme-var-body) - ( var(--theme-var-menu_side_gap) * 2 ) - var(--theme-var-body_shift) ); } body.menu_side_present:not(.menu_mobile_is_opened) { --theme-var-page: calc( var(--theme-var-body) - ( var(--theme-var-menu_side_gap) * 2 ) - var(--theme-var-menu_side) ); } .has-bg-color-color { color: var(--theme-color-bg_color); } .has-bd-color-color { color: var(--theme-color-bd_color); } .has-text-color-color { color: var(--theme-color-text); } .has-text-light-color { color: var(--theme-color-text_light); } .has-text-dark-color { color: var(--theme-color-text_dark); } .has-text-link-color { color: var(--theme-color-accent_link); } .has-text-hover-color { color: var(--theme-color-accent_hover); } .has-text-link-2-color { color: var(--theme-color-accent_link2); } .has-text-hover-2-color { color: var(--theme-color-accent_hover2); } .has-text-link-3-color { color: var(--theme-color-accent_link3); } .has-text-hover-3-color { color: var(--theme-color-accent_hover3); } .has-text-link-line-color { color: var(--theme-color-accent_link); position: relative; white-space: nowrap; z-index: 2; } .has-text-link-line-color:before { content: ""; display: block; background-image: url(../images/line.png); position: absolute; z-index: -1; left: 2px; right: -5px; bottom: 4px; height: 8px; background-position: center; background-size: cover; } .has-bg-color-background-color { background-color: var(--theme-color-bg_color); } .has-content-bg-color-background-color { background-color: var(--theme-color-content_bg); } .has-bd-color-background-color { background-color: var(--theme-color-bd_color); } .has-text-color-background-color { background-color: var(--theme-color-text); } .has-text-light-background-color { background-color: var(--theme-color-text_light); } .has-text-dark-background-color { background-color: var(--theme-color-text_dark); } .has-text-link-background-color { background-color: var(--theme-color-accent_link); } .has-text-hover-background-color { background-color: var(--theme-color-accent_hover); } .has-text-link-2-background-color { background-color: var(--theme-color-accent_link2); } .has-text-hover-2-background-color { background-color: var(--theme-color-accent_hover2); } .has-text-link-3-background-color { background-color: var(--theme-color-accent_link3); } .has-text-hover-3-background-color { background-color: var(--theme-color-accent_hover3); } .accent1 { color: var(--theme-color-accent_link); } .accent2 { color: var(--theme-color-accent_link2); } .accent3 { color: var(--theme-color-accent_link3); } .accent1_bg { background-color: var(--theme-color-accent_link); color: var(--theme-color-accent_text); } .accent2_bg { background-color: var(--theme-color-accent_link2); color: var(--theme-color-accent_text); } .accent3_bg { background-color: var(--theme-color-accent_link3); color: var(--theme-color-accent_text); } .cover_object { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } /* 2. Default tag's settings -------------------------------------------------------------- */ html { font-size: 14px; } html:not(.edit-post-visual-editor) { height: calc(100% - var(--fixed-rows-height)); } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Next rule make text bolder in Mozilla on MacOS */ /*text-rendering: optimizeLegibility;*/ /* Scrollbar decoration */ } body, body[class*=scheme_] { background-color: var(--theme-color-bg_color); } [class*=scheme_], body[class*=scheme_] { color: var(--theme-color-text); } /* Sections */ article, aside, details, footer, header, hgroup, nav, section { display: block; } /* Lists */ ol, ul { padding-left: 1.15em; } ul > li:before { color: var(--theme-color-accent_link); } li > p:last-child, li > ol, li > ul, li > dl, dl > dl { margin-bottom: 0 !important; } ul:not([class]) li { text-indent: 3px; } ul:not([class]) li + li, ul:not([class]) li + ol, ul:not([class]) li + ul { margin-top: 0.34em; } ol:not([class]) li { text-indent: -2px; } ol:not([class]) li + li, ol:not([class]) li + ol, ol:not([class]) li + ul { margin-top: 0.34em; } /* Links */ a { text-decoration: none; background: transparent; color: var(--theme-color-accent_link); } a:hover { color: var(--theme-color-accent_hover); } a, a:hover, :focus, a:focus, :active, a:active { outline: 0; } body.show_outline :focus, body.show_outline a:focus { outline: 1px dotted #888 !important; } a[href="javascript:void(0)"] { cursor: default; } a img { border: none; } a, button, input[type=button], input[type=submit] { -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } /* Headings */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { display: block; } h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong { font-weight: 700; } h1, h2, h3, h4, h5, h6 { color: var(--theme-color-text_dark); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 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-accent_hover); } /* Other tags */ dd { margin-left: 1.5em; } dt, b, strong { font-weight: 500; } 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 10px; display: inline-block; vertical-align: middle; word-wrap: break-word; color: var(--theme-color-text); background-color: var(--theme-color-navigate_bg); } pre > code { display: block; vertical-align: top; padding: 1em; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } mark, ins { color: var(--theme-color-text_dark); background-color: transparent; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: 0.5ex; } small { font-size: 80%; } big { font-size: 120%; } [hidden], template { display: none; } /* Separator */ hr, .hr { -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; height: 0; border: none; display: block; border-top: 1px solid var(--theme-color-bd_color); margin: var(--theme-var-grid_gap) 0 !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; } /* Dropcaps */ .has-drop-cap:not(:focus)::first-letter { float: left; display: block; overflow: hidden; font-size: 43px; line-height: 1em; font-weight: 500; padding: 0; margin: 8px 14px 0 0; width: auto; height: 1em; background-color: transparent; } .has-drop-cap:not(.has-text-color):not(:focus)::first-letter { color: var(--theme-color-text_dark); } /* Tables */ td > :where(table):not(:where(.wp-calendar-table, .shop_attributes, .variations, .table-condensed)) { border-radius: 0; border: none; -webkit-box-shadow: none; box-shadow: none; } :where(table):not(:where(.wp-calendar-table, .shop_attributes, .variations, .table-condensed)) { border-radius: 6px; border: 1px solid var(--theme-color-bd_color); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.0392156863); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.0392156863); background-color: var(--theme-color-content_bg); } table:not(:where([class*=tribe-events])) { display: table; border-spacing: 0; } table:not(:where([class*=tribe-events])) tr:first-child th { font-weight: 500; } table:not(:where([class*=tribe-events])) tr + tr th, table:not(:where([class*=tribe-events])) tr + tr td, table:not(:where([class*=tribe-events])) thead + tbody tr:first-child td { border-top: 1px solid var(--theme-color-bd_color); } table:not(:where([class*=tribe-events])) th + td, table:not(:where([class*=tribe-events])) td + th, table:not(:where([class*=tribe-events])) td + td { border-left: 1px solid var(--theme-color-bd_color); } table:not(:where([class*=tribe-events])) > p { margin: 0 !important; } table:not(:where([class*=tribe-events])) th { font-size: 15px; font-weight: 400; font-style: normal; text-align: center; line-height: inherit !important; padding: 17px 10px 14px; color: var(--theme-color-text_dark); background-color: var(--theme-color-navigate_bg); } table:not(:where([class*=tribe-events])) td { line-height: inherit !important; padding: 15px 10px 13px; } table:not(:where([class*=tribe-events])) caption { margin-bottom: 0.5em; text-align: center; } /* Blockquotes */ blockquote { line-height: 1.46em; position: relative; text-align: left; overflow: hidden; border-radius: var(--theme-var-content_rad); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: var(--theme-color-accent_text); background-color: var(--theme-color-accent_link); } blockquote:not([class*=-font-size]) { font-size: var(--theme-font-h4_font-size); } blockquote:before { content: "\e9a9"; font-family: "fontello"; font-size: 57px; opacity: 0.12; color: var(--theme-color-accent_text); display: block; position: absolute; z-index: 1; top: 56px; left: 41px; } blockquote a { color: var(--theme-color-accent_text); } blockquote a:hover { color: var(--theme-color-accent_text_08); } blockquote cite { display: block; font-size: 0.75em; line-height: 1.35em; font-weight: 700; font-style: normal; margin-top: 0.9em; } blockquote p { margin-bottom: 0; } blockquote p:last-of-type { margin: 0; } blockquote:not(.is-style-large) p { font-size: inherit !important; line-height: inherit !important; } blockquote, .wp-block-pullquote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote.is-large:not(.is-style-plain), .wp-block-quote.is-style-large:not(.is-style-plain) { margin-left: 0; margin-right: 0; padding: calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 41px) calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 30px) calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 10px) calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 30px); } .wp-block-pullquote { max-width: unset !important; border-radius: var(--theme-var-content_rad); } .wp-block-pullquote:not(.is-style-solid-color) { color: var(--theme-color-accent_text); background-color: var(--theme-color-accent_link); } .wp-block-pullquote blockquote { margin: 0 !important; padding: 0 !important; width: 100%; max-width: unset !important; background-color: transparent; overflow: visible; position: initial; } /* Images */ img { max-width: 100%; height: auto; /* Only height: auto; not both! */ vertical-align: top; } svg:not(:root) { overflow: hidden; } img[class*=wp-image], .post_attachment img, .wp-block-image img { border-radius: var(--theme-var-content_rad) !important; } figure, .wp-caption, .wp-caption-overlay .wp-caption { border: 0; margin: 0; padding: 0; overflow: hidden; position: relative; max-width: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } figure img, .wp-caption img, .wp-caption-overlay .wp-caption img { border-radius: var(--theme-var-content_rad); } .wp-caption > a[rel=magnific] { display: block; position: relative; } .wp-caption > a[rel=magnific]:before { position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; width: 54px; height: 54px; line-height: 54px; text-align: center; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; background-color: var(--theme-color-extra_dark); color: var(--theme-color-extra_bg_color); content: "\e9aa"; display: block; font-family: "fontello"; font-size: 18px; opacity: 1; text-align: center; } .wp-caption > a[rel=magnific]:hover:before { background-color: var(--theme-color-accent_link); color: var(--theme-color-accent_text); } /* Figcaption */ 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.has-nested-images figure.wp-block-image.is-style-rounded figcaption, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption, .wp-block-gallery: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: 14px; line-height: 1.6em; font-weight: 400; font-style: normal; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; top: auto; bottom: auto; left: auto; right: auto; display: block; width: 100%; max-height: 6em; margin-top: 15px; margin-bottom: 0; padding: 0; color: var(--theme-color-text_light); background: none; overflow-x: hidden; overflow-y: auto; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; text-align: center; } .wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright { display: block; } /* Gallery */ .wp-block-gallery { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; } .wp-block-gallery[class*=align] { display: -ms-flexbox; display: -webkit-box; display: flex; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { padding: 0 0 5px !important; -ms-flex-preferred-size: unset; flex-basis: unset; } .wp-block-gallery ul { margin-bottom: -1em !important; } .gallery { margin: 0 -5px 9px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery .gallery-item { overflow: hidden; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0 5px 15px; text-align: left; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .gallery .gallery-item a { display: block; } .gallery .gallery-item a img { border: none; display: block; width: 100%; } .gallery .gallery-item img { margin: 0; } .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-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; } iframe, video, embed { max-width: 100%; min-height: 100px; vertical-align: top; } video { width: 100%; height: auto; } video.wp-block-cover__video-background { width: 100% !important; height: 100% !important; } audio:not([controls]) { display: none; height: 0; } audio[data-trx-lazyload-src] { opacity: 0; } figure.wp-block-audio, figure.wp-block-video, figure.wp-block-embed { overflow: visible; } figure.wp-block-video video { border-radius: var(--theme-var-content_rad); } /* Embed blocks */ .wp-block-embed.wp-has-aspect-ratio { display: block; } .wp-block-embed .wp-block-embed__wrapper { position: relative; max-width: 100%; overflow: hidden; border-radius: var(--theme-var-content_rad); } .wp-block-embed.alignwide iframe, .wp-block-embed.alignfull iframe { 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: var(--theme-color-bg_color); border-color: var(--theme-color-bd_color); color: var(--theme-color-text); } .wp-playlist-light .wp-playlist-caption { color: var(--theme-color-text_dark); } .wp-playlist-item { border-color: var(--theme-color-bd_color); } .wp-playlist .wp-playlist-current-item img { background-color: #fff; } /* Cover image */ .wp-block-cover { overflow: hidden; border-radius: var(--theme-var-content_rad); } .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.has-background-dim { border-radius: var(--theme-var-content_rad); overflow: hidden; } .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; } /* Custom font size in blocks */ .has-large-font-size, .has-huge-font-size { line-height: 1.4em; } /* Margins */ p { margin-top: var(--theme-font-p_margin-top); margin-bottom: var(--theme-font-p_margin-bottom); } .content ul, .content ol, .content dl, .content blockquote, .content address, .content pre, .content kbd, .content tt, .content var, .content samp, .content .wp-block-image, .content .wp-block-button, .content .wp-block-group, .content .wp-block-media-text, .content .wp-block-pullquote, .content .wp-block-cover, .content .wp-block-gallery, .content .wp-block-audio, .content .wp-block-video, .content .wp-block-embed, .content .wp-block-archives, .content .wp-block-calendar, .content .wp-block-categories, .content .wp-block-latest-posts, .content .wp-block-search, .content .wp-block-rss, .content .wp-block-table, .content .wp-block-verse, .content .wp-caption, .content .wp-audio-shortcode { margin-top: var(--theme-font-p_margin-top); margin-bottom: var(--theme-font-p_margin-bottom); } .content .elementor-element .wp-audio-shortcode { margin-top: 0; margin-bottom: 0; } .sidebar .wp-block-group ul, .sidebar .wp-block-group ol, .sidebar .wp-block-group dl, .sidebar .wp-block-group blockquote, .sidebar .wp-block-group address, .sidebar .wp-block-group pre, .sidebar .wp-block-group kbd, .sidebar .wp-block-group tt, .sidebar .wp-block-group var, .sidebar .wp-block-group samp, .sidebar .wp-block-group .wp-block-image, .sidebar .wp-block-group .wp-block-button, .sidebar .wp-block-group .wp-block-media-text, .sidebar .wp-block-group .wp-block-pullquote, .sidebar .wp-block-group .wp-block-cover, .sidebar .wp-block-group .wp-block-gallery, .sidebar .wp-block-group .wp-block-audio, .sidebar .wp-block-group .wp-block-video, .sidebar .wp-block-group .wp-block-embed, .sidebar .wp-block-group .wp-block-archives, .sidebar .wp-block-group .wp-block-calendar, .sidebar .wp-block-group .wp-block-categories, .sidebar .wp-block-group .wp-block-latest-posts, .sidebar .wp-block-group .wp-block-search, .sidebar .wp-block-group .wp-block-rss, .sidebar .wp-block-group .wp-block-table, .sidebar .wp-block-group .wp-block-verse, .sidebar .wp-block-group .wp-caption, .sidebar .wp-block-group .wp-audio-shortcode, .sidebar .textwidget ul, .sidebar .textwidget ol, .sidebar .textwidget dl, .sidebar .textwidget blockquote, .sidebar .textwidget address, .sidebar .textwidget pre, .sidebar .textwidget kbd, .sidebar .textwidget tt, .sidebar .textwidget var, .sidebar .textwidget samp, .sidebar .textwidget .wp-block-image, .sidebar .textwidget .wp-block-button, .sidebar .textwidget .wp-block-media-text, .sidebar .textwidget .wp-block-pullquote, .sidebar .textwidget .wp-block-cover, .sidebar .textwidget .wp-block-gallery, .sidebar .textwidget .wp-block-audio, .sidebar .textwidget .wp-block-video, .sidebar .textwidget .wp-block-embed, .sidebar .textwidget .wp-block-archives, .sidebar .textwidget .wp-block-calendar, .sidebar .textwidget .wp-block-categories, .sidebar .textwidget .wp-block-latest-posts, .sidebar .textwidget .wp-block-search, .sidebar .textwidget .wp-block-rss, .sidebar .textwidget .wp-block-table, .sidebar .textwidget .wp-block-verse, .sidebar .textwidget .wp-caption, .sidebar .textwidget .wp-audio-shortcode, .footer_wrap .sc_layouts_row .wp-block-group ul, .footer_wrap .sc_layouts_row .wp-block-group ol, .footer_wrap .sc_layouts_row .wp-block-group dl, .footer_wrap .sc_layouts_row .wp-block-group blockquote, .footer_wrap .sc_layouts_row .wp-block-group address, .footer_wrap .sc_layouts_row .wp-block-group pre, .footer_wrap .sc_layouts_row .wp-block-group kbd, .footer_wrap .sc_layouts_row .wp-block-group tt, .footer_wrap .sc_layouts_row .wp-block-group var, .footer_wrap .sc_layouts_row .wp-block-group samp, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-image, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-button, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-media-text, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-pullquote, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-cover, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-gallery, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-audio, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-video, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-embed, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-archives, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-calendar, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-categories, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-latest-posts, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-search, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-rss, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-table, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-verse, .footer_wrap .sc_layouts_row .wp-block-group .wp-caption, .footer_wrap .sc_layouts_row .wp-block-group .wp-audio-shortcode, .footer_wrap .sc_layouts_row .textwidget ul, .footer_wrap .sc_layouts_row .textwidget ol, .footer_wrap .sc_layouts_row .textwidget dl, .footer_wrap .sc_layouts_row .textwidget blockquote, .footer_wrap .sc_layouts_row .textwidget address, .footer_wrap .sc_layouts_row .textwidget pre, .footer_wrap .sc_layouts_row .textwidget kbd, .footer_wrap .sc_layouts_row .textwidget tt, .footer_wrap .sc_layouts_row .textwidget var, .footer_wrap .sc_layouts_row .textwidget samp, .footer_wrap .sc_layouts_row .textwidget .wp-block-image, .footer_wrap .sc_layouts_row .textwidget .wp-block-button, .footer_wrap .sc_layouts_row .textwidget .wp-block-media-text, .footer_wrap .sc_layouts_row .textwidget .wp-block-pullquote, .footer_wrap .sc_layouts_row .textwidget .wp-block-cover, .footer_wrap .sc_layouts_row .textwidget .wp-block-gallery, .footer_wrap .sc_layouts_row .textwidget .wp-block-audio, .footer_wrap .sc_layouts_row .textwidget .wp-block-video, .footer_wrap .sc_layouts_row .textwidget .wp-block-embed, .footer_wrap .sc_layouts_row .textwidget .wp-block-archives, .footer_wrap .sc_layouts_row .textwidget .wp-block-calendar, .footer_wrap .sc_layouts_row .textwidget .wp-block-categories, .footer_wrap .sc_layouts_row .textwidget .wp-block-latest-posts, .footer_wrap .sc_layouts_row .textwidget .wp-block-search, .footer_wrap .sc_layouts_row .textwidget .wp-block-rss, .footer_wrap .sc_layouts_row .textwidget .wp-block-table, .footer_wrap .sc_layouts_row .textwidget .wp-block-verse, .footer_wrap .sc_layouts_row .textwidget .wp-caption, .footer_wrap .sc_layouts_row .textwidget .wp-audio-shortcode { margin-top: var(--theme-font-p_margin-top); margin-bottom: var(--theme-font-p_margin-bottom); } .sidebar .wp-block-group ul *:last-child, .sidebar .wp-block-group ol *:last-child, .sidebar .wp-block-group dl *:last-child, .sidebar .wp-block-group blockquote *:last-child, .sidebar .wp-block-group address *:last-child, .sidebar .wp-block-group pre *:last-child, .sidebar .wp-block-group kbd *:last-child, .sidebar .wp-block-group tt *:last-child, .sidebar .wp-block-group var *:last-child, .sidebar .wp-block-group samp *:last-child, .sidebar .wp-block-group .wp-block-image *:last-child, .sidebar .wp-block-group .wp-block-button *:last-child, .sidebar .wp-block-group .wp-block-media-text *:last-child, .sidebar .wp-block-group .wp-block-pullquote *:last-child, .sidebar .wp-block-group .wp-block-cover *:last-child, .sidebar .wp-block-group .wp-block-gallery *:last-child, .sidebar .wp-block-group .wp-block-audio *:last-child, .sidebar .wp-block-group .wp-block-video *:last-child, .sidebar .wp-block-group .wp-block-embed *:last-child, .sidebar .wp-block-group .wp-block-archives *:last-child, .sidebar .wp-block-group .wp-block-calendar *:last-child, .sidebar .wp-block-group .wp-block-categories *:last-child, .sidebar .wp-block-group .wp-block-latest-posts *:last-child, .sidebar .wp-block-group .wp-block-search *:last-child, .sidebar .wp-block-group .wp-block-rss *:last-child, .sidebar .wp-block-group .wp-block-table *:last-child, .sidebar .wp-block-group .wp-block-verse *:last-child, .sidebar .wp-block-group .wp-caption *:last-child, .sidebar .wp-block-group .wp-audio-shortcode *:last-child, .sidebar .textwidget ul *:last-child, .sidebar .textwidget ol *:last-child, .sidebar .textwidget dl *:last-child, .sidebar .textwidget blockquote *:last-child, .sidebar .textwidget address *:last-child, .sidebar .textwidget pre *:last-child, .sidebar .textwidget kbd *:last-child, .sidebar .textwidget tt *:last-child, .sidebar .textwidget var *:last-child, .sidebar .textwidget samp *:last-child, .sidebar .textwidget .wp-block-image *:last-child, .sidebar .textwidget .wp-block-button *:last-child, .sidebar .textwidget .wp-block-media-text *:last-child, .sidebar .textwidget .wp-block-pullquote *:last-child, .sidebar .textwidget .wp-block-cover *:last-child, .sidebar .textwidget .wp-block-gallery *:last-child, .sidebar .textwidget .wp-block-audio *:last-child, .sidebar .textwidget .wp-block-video *:last-child, .sidebar .textwidget .wp-block-embed *:last-child, .sidebar .textwidget .wp-block-archives *:last-child, .sidebar .textwidget .wp-block-calendar *:last-child, .sidebar .textwidget .wp-block-categories *:last-child, .sidebar .textwidget .wp-block-latest-posts *:last-child, .sidebar .textwidget .wp-block-search *:last-child, .sidebar .textwidget .wp-block-rss *:last-child, .sidebar .textwidget .wp-block-table *:last-child, .sidebar .textwidget .wp-block-verse *:last-child, .sidebar .textwidget .wp-caption *:last-child, .sidebar .textwidget .wp-audio-shortcode *:last-child, .footer_wrap .sc_layouts_row .wp-block-group ul *:last-child, .footer_wrap .sc_layouts_row .wp-block-group ol *:last-child, .footer_wrap .sc_layouts_row .wp-block-group dl *:last-child, .footer_wrap .sc_layouts_row .wp-block-group blockquote *:last-child, .footer_wrap .sc_layouts_row .wp-block-group address *:last-child, .footer_wrap .sc_layouts_row .wp-block-group pre *:last-child, .footer_wrap .sc_layouts_row .wp-block-group kbd *:last-child, .footer_wrap .sc_layouts_row .wp-block-group tt *:last-child, .footer_wrap .sc_layouts_row .wp-block-group var *:last-child, .footer_wrap .sc_layouts_row .wp-block-group samp *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-image *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-button *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-media-text *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-pullquote *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-cover *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-gallery *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-audio *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-video *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-embed *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-archives *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-calendar *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-categories *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-latest-posts *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-search *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-rss *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-table *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-verse *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-caption *:last-child, .footer_wrap .sc_layouts_row .wp-block-group .wp-audio-shortcode *:last-child, .footer_wrap .sc_layouts_row .textwidget ul *:last-child, .footer_wrap .sc_layouts_row .textwidget ol *:last-child, .footer_wrap .sc_layouts_row .textwidget dl *:last-child, .footer_wrap .sc_layouts_row .textwidget blockquote *:last-child, .footer_wrap .sc_layouts_row .textwidget address *:last-child, .footer_wrap .sc_layouts_row .textwidget pre *:last-child, .footer_wrap .sc_layouts_row .textwidget kbd *:last-child, .footer_wrap .sc_layouts_row .textwidget tt *:last-child, .footer_wrap .sc_layouts_row .textwidget var *:last-child, .footer_wrap .sc_layouts_row .textwidget samp *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-block-image *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-block-button *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-block-media-text *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-block-pullquote *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-block-cover *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-block-gallery *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-block-audio *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-block-video *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-block-embed *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-block-archives *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-block-calendar *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-block-categories *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-block-latest-posts *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-block-search *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-block-rss *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-block-table *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-block-verse *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-caption *:last-child, .footer_wrap .sc_layouts_row .textwidget .wp-audio-shortcode *:last-child { margin-bottom: 0; } .sidebar .wp-block-group [class*=wp-block] + [class*=wp-block] > .wp-block-search__label, .footer_wrap .sc_layouts_row .wp-block-group [class*=wp-block] + [class*=wp-block] > .wp-block-search__label { margin-top: var(--theme-var-grid_gap); } /* Core columns */ div.wp-block-columns, div.wp-block-columns:not(.is-not-stacked-on-mobile) { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 0; gap: var(--theme-var-grid_gap); } div.wp-block-columns .wp-block-column, div.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column { margin-bottom: var(--theme-var-grid_gap) !important; } div.wp-block-columns .wp-block-column > *:last-child, div.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column > *:last-child { margin-bottom: 0; } /* Text in full width columns */ div.wp-block-columns.alignfull .wp-block-column p:not(.has-background), div.wp-block-columns.alignfull .wp-block-column h1:not(.has-background), div.wp-block-columns.alignfull .wp-block-column h2:not(.has-background), div.wp-block-columns.alignfull .wp-block-column h3:not(.has-background), div.wp-block-columns.alignfull .wp-block-column h4:not(.has-background), div.wp-block-columns.alignfull .wp-block-column h5:not(.has-background), div.wp-block-columns.alignfull .wp-block-column h6:not(.has-background) { padding-left: 0; padding-right: 0; } /* Groups */ .wp-block-group .wp-block-group__inner-container > *:last-child { margin-bottom: 0; } .wp-block-group .widget { border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0 !important; background-color: transparent !important; } .wp-block-group .widget > .trx_addons_audio_wrap:first-child .trx_addons_audio_player { border-radius: var(--theme-var-content_rad) !important; margin: 0 !important; } .sidebar .wp-block-group .wp-block-group__inner-container, .footer_wrap .sc_layouts_row .wp-block-group .wp-block-group__inner-container { --theme-var-content_rad: 8px; } .content .wp-block-group.has-background { padding: var(--theme-var-grid_gap); border-radius: var(--theme-var-content_rad); } /* Alignment */ .alignleft { display: inline-block; vertical-align: top; float: left; margin-right: var(--theme-var-grid_gap) !important; margin-bottom: var(--theme-font-p_margin-bottom) !important; margin-top: 0.5em !important; } .alignright { display: inline-block; vertical-align: top; float: right; margin-left: var(--theme-var-grid_gap) !important; margin-bottom: var(--theme-font-p_margin-bottom) !important; margin-top: 0.5em !important; } .aligncenter { display: block; text-align: center; clear: both; margin-left: auto !important; margin-right: auto !important; margin-bottom: var(--theme-font-p_margin-bottom) !important; } .has-left-content { text-align: left; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .has-center-content { text-align: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .has-right-content { text-align: right; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; } .has-text-align-left { text-align: left; } .has-text-align-center { text-align: center; } .has-text-align-right { text-align: right; } /* Wide and Full blocks */ .alignfull > img, .alignwide > img { max-width: none; width: 100%; } .sidebar_hide .alignwide:not(.post_attachment) { position: relative; z-index: 1; max-width: none; left: calc(var(--theme-var-page) / -2 + 50%); width: var(--theme-var-page); } .sidebar_hide .alignfull { position: relative; z-index: 1; margin-left: calc(-50vw + 50% + 8px); margin-right: calc(-50vw + 50% + 8px); width: calc(100vw - 16px); max-width: calc(100vw - 16px); } body.menu_side_present.sidebar_hide .alignfull { margin-left: calc(-1 * var(--theme-var-page) / 2 + 50%); margin-right: calc(-1 * var(--theme-var-page) / 2 + 50%); width: var(--theme-var-page); max-width: var(--theme-var-page); } /* 3. Form fields settings -------------------------------------------------------------- */ /* Common rules */ form { margin-bottom: 0; position: relative; } 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], form.comment-form .form-submit input[type=submit], .comments_wrap .comment-form .form-submit 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-block; vertical-align: top; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: var(--theme-var-rad); white-space: nowrap; height: auto; max-width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: var(--theme-color-accent_text); border-color: var(--theme-color-accent_link); background-color: var(--theme-color-accent_link); -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_link_02); box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_link_02); padding: var(--theme-var-btn_padding) var(--theme-var-btn_padding2); border-width: 0 !important; } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0; } .sc_button_text { display: block; } /* Small button */ .sc_button.sc_button_size_small, .theme_button.theme_button_small { padding: 10px var(--theme-var-btn_padding3); } /* Large button */ .sc_button.sc_button_size_large, .theme_button.sc_button_size_large { font-size: 13px !important; padding: 16px 3.85em !important; } /* Buttons hover */ form button:not(.components-button):hover:not(.search_submit), form button:not(.components-button):focus:not(.search_submit), input[type=submit]:hover:not(.search_submit), input[type=submit]:focus:not(.search_submit), input[type=reset]:hover:not(.search_submit), input[type=reset]:focus:not(.search_submit), input[type=button]:hover:not(.search_submit), input[type=button]:focus:not(.search_submit), .post_item .more-link:hover:not(.search_submit), form.comment-form .form-submit input[type=submit]:hover:not(.search_submit), form.comment-form .form-submit input[type=submit]:focus:not(.search_submit), .comments_wrap .form-submit input[type=submit]:hover:not(.search_submit), .comments_wrap .form-submit input[type=submit]:focus:not(.search_submit), .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover:not(.search_submit), .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus:not(.search_submit), .sc_button_default:hover:not(.search_submit), .sc_button_default:focus:not(.search_submit), .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover:not(.search_submit), .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus:not(.search_submit), .socials_share.socials_type_block .social_icon:hover:not(.search_submit), .socials_share.socials_type_block .social_icon:focus:not(.search_submit) { color: var(--theme-color-accent_text); border-color: var(--theme-color-accent_hover); background-color: var(--theme-color-accent_hover); -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_hover_02); box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_hover_02); } /* 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-text_dark) !important; border-color: var(--theme-color-text_light) !important; background: var(--theme-color-text_light) !important; } /* Outline buttons */ .is-style-outline > .wp-block-button__link:not(.has-background), .wp-block-button__link.is-style-outline:not(.has-background) { outline: 1px solid var(--theme-color-bd_color); padding: var(--theme-var-btn_padding) var(--theme-var-btn_padding2); } .is-style-outline > .wp-block-button__link:not(.has-background):hover, .wp-block-button__link.is-style-outline:not(.has-background):hover { color: var(--theme-color-accent_link); outline-color: var(--theme-color-accent_link); } /* Color Styles */ .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-accent_link2); background-color: var(--theme-color-accent_link2); -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_link2_02); box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_link2_02); } .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-accent_hover2); background-color: var(--theme-color-accent_hover2); -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_hover2_02); box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_hover2_02); } .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-accent_link3); background-color: var(--theme-color-accent_link3); -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_link3_02); box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_link3_02); } .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-accent_hover3); background-color: var(--theme-color-accent_hover3); -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_hover3_02); box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_hover3_02); } .sc_button_default.color_style_link4, .color_style_link4 .sc_button_default, .sc_button.color_style_link4:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image), .color_style_link4 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) { border-color: var(--theme-color-accent_link4); background-color: var(--theme-color-accent_link4); -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_link4_02); box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_link4_02); } .sc_button_default.color_style_link4:hover, .sc_button_default.color_style_link4:focus, .color_style_link4 .sc_button_default:hover, .color_style_link4 .sc_button_default:focus, .sc_button.color_style_link4:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover, .sc_button.color_style_link4:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus, .color_style_link4 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover, .color_style_link4 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus { border-color: var(--theme-color-accent_hover4); background-color: var(--theme-color-accent_hover4); -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_hover4_02); box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_hover4_02); } .sc_button_default.color_style_link5, .color_style_link5 .sc_button_default, .sc_button.color_style_link5:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image), .color_style_link5 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) { border-color: var(--theme-color-accent_link5); background-color: var(--theme-color-accent_link5); -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_link5_02); box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_link5_02); } .sc_button_default.color_style_link5:hover, .sc_button_default.color_style_link5:focus, .color_style_link5 .sc_button_default:hover, .color_style_link5 .sc_button_default:focus, .sc_button.color_style_link5:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover, .sc_button.color_style_link5:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus, .color_style_link5 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover, .color_style_link5 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus { border-color: var(--theme-color-accent_hover5); background-color: var(--theme-color-accent_hover5); -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_hover5_02); box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_hover5_02); } .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-content_bg); border-color: var(--theme-color-text_dark); background-color: var(--theme-color-text_dark); -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-text_dark_016); box-shadow: var(--theme-var-btn_shadow) var(--theme-color-text_dark_016); } .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-content_bg); border-color: var(--theme-color-text_dark_08); background-color: var(--theme-color-text_dark_08); -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-text_dark_016); box-shadow: var(--theme-var-btn_shadow) var(--theme-color-text_dark_016); } .sc_button_default.color_style_light, .color_style_light .sc_button_default, .sc_button.color_style_light:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image), .color_style_light .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) { border-color: var(--theme-color-text_light_06); background-color: var(--theme-color-text_light_06); -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-text_dark_016); box-shadow: var(--theme-var-btn_shadow) var(--theme-color-text_dark_016); } .sc_button_default.color_style_light:hover, .sc_button_default.color_style_light:focus, .color_style_light .sc_button_default:hover, .color_style_light .sc_button_default:focus, .sc_button.color_style_light:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover, .sc_button.color_style_light:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus, .color_style_light .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover, .color_style_light .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):focus { border-color: var(--theme-color-text_light_08); background-color: var(--theme-color-text_light_08); -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-text_dark_016); box-shadow: var(--theme-var-btn_shadow) var(--theme-color-text_dark_016); } /* Simple button */ .sc_button.sc_button_simple { letter-spacing: 0.1em !important; border: none !important; background: transparent !important; padding: 0 2.1em 0 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0; } .sc_button.sc_button_simple:before, .sc_button.sc_button_simple:after { content: "\e9a7"; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 1.25em; } .sc_button.sc_button_simple.sc_button_size_small { font-size: 11px !important; } .sc_button.sc_button_simple:not(.sc_button_bg_image) { color: var(--theme-color-text_dark); } .sc_button.sc_button_simple:not(.sc_button_bg_image):hover, .sc_button.sc_button_simple:not(.sc_button_bg_image):focus { color: var(--theme-color-accent_hover); } .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-accent_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-accent_hover2); } .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-accent_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-accent_hover3); } .sc_button.sc_button_simple.color_style_link4:not(.sc_button_bg_image), .color_style_link4 .sc_button.sc_button_simple:not(.sc_button_bg_image) { color: var(--theme-color-accent_link4); } .sc_button.sc_button_simple.color_style_link4:not(.sc_button_bg_image):hover, .sc_button.sc_button_simple.color_style_link4:not(.sc_button_bg_image):focus, .color_style_link4 .sc_button.sc_button_simple:not(.sc_button_bg_image):hover, .color_style_link4 .sc_button.sc_button_simple:not(.sc_button_bg_image):focus { color: var(--theme-color-accent_hover4); } .sc_button.sc_button_simple.color_style_link5:not(.sc_button_bg_image), .color_style_link5 .sc_button.sc_button_simple:not(.sc_button_bg_image) { color: var(--theme-color-accent_link5); } .sc_button.sc_button_simple.color_style_link5:not(.sc_button_bg_image):hover, .sc_button.sc_button_simple.color_style_link5:not(.sc_button_bg_image):focus, .color_style_link5 .sc_button.sc_button_simple:not(.sc_button_bg_image):hover, .color_style_link5 .sc_button.sc_button_simple:not(.sc_button_bg_image):focus { color: var(--theme-color-accent_hover5); } .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_08); } .sc_button.sc_button_simple.color_style_light:not(.sc_button_bg_image), .color_style_light .sc_button.sc_button_simple:not(.sc_button_bg_image) { color: var(--theme-color-text_light_06); } .sc_button.sc_button_simple.color_style_light:not(.sc_button_bg_image):hover, .sc_button.sc_button_simple.color_style_light:not(.sc_button_bg_image):focus, .color_style_light .sc_button.sc_button_simple:not(.sc_button_bg_image):hover, .color_style_light .sc_button.sc_button_simple:not(.sc_button_bg_image):focus { color: var(--theme-color-text_light_08); } /* Theme button */ .theme_button { color: var(--theme-color-accent_text) !important; border-color: var(--theme-color-accent_link) !important; background-color: var(--theme-color-accent_link) !important; -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_link_02) !important; box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_link_02) !important; } .theme_button:hover, .theme_button:focus { color: var(--theme-color-accent_text) !important; border-color: var(--theme-color-accent_hover) !important; background-color: var(--theme-color-accent_hover) !important; -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_hover_02) !important; box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_hover_02) !important; } /* Close buttons */ .theme_button_close, .trx_addons_button_close, .review-form a.close, #cancel-comment-reply-link { display: block; cursor: pointer; width: 25px; height: 25px; line-height: 25px; text-align: center; position: absolute; z-index: 1; top: 0; right: 0; margin: 0 !important; } .sc_layouts_cart_widget_close { width: 25px; height: 25px; line-height: 25px; text-align: center; } .mfp-close-icon, .rtm-mfp-close, .review-form a.close, #cancel-comment-reply-link { text-indent: -300px; overflow: hidden !important; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .mfp-close-icon, .rtm-mfp-close, .theme_button_close_icon, .trx_addons_button_close_icon { position: absolute; z-index: 2; top: 0%; left: 0%; width: 100%; height: 100%; line-height: 100%; text-align: center; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .theme_button_close:hover .theme_button_close_icon, .trx_addons_button_close:hover .trx_addons_button_close_icon, .mfp-close:hover .mfp-close-icon, .rtm-mfp-close:hover, .review-form a.close:hover, #cancel-comment-reply-link:hover, .search_style_fullscreen .search_close:hover { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .theme_button_close_icon:before, .theme_button_close_icon:after, .trx_addons_button_close_icon:before, .trx_addons_button_close_icon:after, .mfp-close-icon:before, .mfp-close-icon:after, .rtm-mfp-close:before, .rtm-mfp-close:after, .review-form a.close:before, .review-form a.close:after, #cancel-comment-reply-link:before, #cancel-comment-reply-link:after, .search_style_fullscreen .search_close:before, .search_style_fullscreen .search_close:after { content: " "; position: absolute; z-index: 1; top: 50%; left: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; width: 100%; height: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-top: -1px; border-top: 1px solid var(--theme-color-text_dark); -webkit-transition: border-color 0.3s ease 0s; transition: border-color 0.3s ease 0s; } .theme_button_close:hover .theme_button_close_icon:before, .theme_button_close:focus .theme_button_close_icon:before, .theme_button_close:hover .theme_button_close_icon:after, .theme_button_close:focus .theme_button_close_icon:after, .trx_addons_button_close:hover .trx_addons_button_close_icon:before, .trx_addons_button_close:focus .trx_addons_button_close_icon:before, .trx_addons_button_close:hover .trx_addons_button_close_icon:after, .trx_addons_button_close:focus .trx_addons_button_close_icon:after, .mfp-close:hover .mfp-close-icon:before, .mfp-close:focus .mfp-close-icon:before, .mfp-close:hover .mfp-close-icon:after, .mfp-close:focus .mfp-close-icon:after, .rtm-mfp-close:focus:before, .rtm-mfp-close:focus:after, .review-form a.close:hover:before, .review-form a.close:hover:after, #cancel-comment-reply-link:hover:before, #cancel-comment-reply-link:hover:after, .search_style_fullscreen .search_close:hover:before, .search_style_fullscreen .search_close:focus:before, .search_style_fullscreen .search_close:hover:after, .search_style_fullscreen .search_close:focus:after { border-color: var(--theme-color-accent_link); } .theme_button_close_icon:before, .trx_addons_button_close_icon:before, .mfp-close .mfp-close-icon:before, .rtm-mfp-close:before, .review-form a.close:before, #cancel-comment-reply-link:before, .search_style_fullscreen .search_close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .theme_button_close_icon:after, .trx_addons_button_close_icon:after, .mfp-close .mfp-close-icon:after, .rtm-mfp-close:after, .review-form a.close:after, #cancel-comment-reply-link:after, .search_style_fullscreen .search_close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* 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, .comment-respond form.comment-form input, .comment-respond form.comment-form textarea { /* fix learnpress */ padding: var(--theme-var-input_padding) 20px; border-width: 1px; border-style: solid; border-radius: var(--theme-var-rad); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02); -webkit-box-sizing: border-box; box-sizing: border-box; } /* Text fields */ input[type=text], input[type=number], input[type=email], input[type=url], input[type=tel], input[type=search], input[type=password], select, .select2-container.select2-container--default span.select2-choice, .select2-container.select2-container--default span.select2-selection, .select2-container.select2-container--default .select2-selection--multiple, textarea, textarea.wp-editor-area, .wp-editor-wrap .wp-editor-container textarea.wp-editor-area, .comment-respond form.comment-form input, .comment-respond form.comment-form textarea { /* fix learnpress */ color: var(--theme-color-input_text); border-color: var(--theme-color-input_bd_color); background-color: var(--theme-color-input_bg_color); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02); } 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[size]:hover, select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-selection--single, .select2-container.select2-container--default span.select2-selection--single:hover, .select2-container.select2-container--focus span.select2-selection--single, .select2-container.select2-container--open span.select2-selection--single, select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-choice, .select2-container.select2-container--default span.select2-choice:hover, .select2-container.select2-container--focus span.select2-choice, .select2-container.select2-container--open span.select2-choice, select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-selection--multiple, .select2-container.select2-container--default span.select2-selection--multiple:hover, .select2-container.select2-container--focus span.select2-selection--multiple, .select2-container.select2-container--open span.select2-selection--multiple, textarea:focus, textarea.filled, textarea.wp-editor-area:focus, textarea.wp-editor-area.filled, .wp-editor-wrap .wp-editor-container textarea.wp-editor-area:hover, .wp-editor-wrap .wp-editor-container textarea.wp-editor-area:focus, .comment-respond form.comment-form input:focus, .comment-respond form.comment-form input.filled, .comment-respond form.comment-form textarea:focus, .comment-respond form.comment-form textarea.filled { /* fix learnpress */ color: var(--theme-color-input_text); border-color: var(--theme-color-input_bd_color); background-color: var(--theme-color-input_bg_hover); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02); } select option:hover, select option:focus, select option:selected { color: var(--theme-color-input_text); border-color: var(--theme-color-input_bd_color); background-color: var(--theme-color-input_bg_hover); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02); } textarea, textarea.wp-editor-area, .comment-respond form.comment-form textarea { /* fix learnpress */ overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ min-height: 9em; padding-top: 14px; overflow: -moz-hidden-unscrollable; -ms-overflow-style: none; } textarea::-webkit-scrollbar, textarea.wp-editor-area::-webkit-scrollbar, .comment-respond form.comment-form textarea::-webkit-scrollbar { width: 0 !important; } textarea.wp-editor-area { border-radius: 0 0 var(--theme-var-rad) var(--theme-var-rad); } /* Comments - fix learnpress */ .comment-respond .comment-reply-title { font-size: var(--theme-font-h3_font-size); line-height: 1.217em; font-weight: 600; } .comment-respond form.comment-form { margin: 0; } .comment-respond form.comment-form > p, .comment-respond form.comment-form > div { padding: 0; margin-bottom: 0; } .comment-respond form.comment-form > p.comment-form-cookies-consent { margin: var(--theme-var-checkbox_margin); } .comment-respond form.comment-form > p.comment-form-cookies-consent label { display: inline-block; font-size: 12px; } .comment-respond form.comment-form input[type=text], .comment-respond form.comment-form input[type=email], .comment-respond form.comment-form input[type=url] { height: auto; line-height: inherit; } .comment-respond form.comment-form input[type=submit] { font-size: var(--theme-font-button_font-size); line-height: 21px; font-weight: 600; text-transform: uppercase; min-height: auto; height: auto; margin-top: 0; } /* Media Frame */ .media-frame input[type=color], .media-frame input[type=date], .media-frame input[type=datetime-local], .media-frame input[type=datetime], .media-frame input[type=email], .media-frame input[type=month], .media-frame input[type=number], .media-frame input[type=password], .media-frame input[type=search], .media-frame input[type=tel], .media-frame input[type=text], .media-frame input[type=time], .media-frame input[type=url], .media-frame input[type=week], .media-frame select, .media-frame textarea { min-height: unset; padding: 5px !important; font-size: var(--theme-font-input_font-size) !important; line-height: var(--theme-font-input_line-height) !important; } .media-frame .select_container:after { bottom: 8px; } /* Placeholders */ input[placeholder]::-webkit-input-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); } textarea[placeholder]::-webkit-input-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); } input[placeholder]::-moz-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); } textarea[placeholder]::-moz-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); } input[placeholder]:-ms-input-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); } textarea[placeholder]:-ms-input-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); } input[placeholder]::-webkit-input-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); } input[placeholder]::-moz-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); } input[placeholder]:-ms-input-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); } input[placeholder]::-ms-input-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); } input[placeholder]::placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); } textarea[placeholder]::-webkit-input-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); } textarea[placeholder]::-moz-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); } textarea[placeholder]:-ms-input-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); } textarea[placeholder]::-ms-input-placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); } textarea[placeholder]::placeholder { text-overflow: ellipsis; opacity: 1; color: var(--theme-color-input_light); } /* 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_color) !important; } textarea, textarea.wp-editor-area { -webkit-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; border-radius: var(--theme-var-rad); } select, option, input[type=text], input[type=number], input[type=email], input[type=url], input[type=tel], input[type=search], input[type=password], input[type=checkbox], input[type=radio] { -webkit-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; } input[type=checkbox], input[type=radio] { padding: 0; /* Addresses excess padding in IE8/9 */ } /*input[type="number"]::-webkit-inner-spin-button,*/ input[type=number]::-webkit-outer-spin-button { height: 50%; } input[type=number], input[type=search] { -webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-appearance: textfield; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } button[disabled], html input[disabled] { cursor: default !important; } input[type=text], input[type=number], input[type=email], input[type=url], input[type=tel], input[type=password], input[type=search], select, textarea, textarea.wp-editor-area { -webkit-appearance: none; outline: none; resize: none; } button:focus, input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { outline: 0; } 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 */ input[type=radio], 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 5px 0 0 !important; padding: 0 !important; } .widgets_param_box input[type=radio], .widgets_param_box input[type=checkbox], .widget_field_type_radio input[type=radio], .widget_field_type_checkbox input[type=checkbox], input[type=radio].radio, input[type=checkbox].checkbox, input[type=checkbox].wpcf7-acceptance { display: inline-block; vertical-align: baseline; position: static !important; clip: auto; } label.radio_label, label.dem__radio_label, label.checkbox_label { font-size: 12px !important; line-height: 15px; padding-left: 2.15em; position: relative; } label.radio_label:before, label.dem__radio_label:before, label.checkbox_label:before { content: " "; font-family: "fontello"; font-size: 1.5em; display: block; text-align: center; border: 1px solid var(--theme-color-bd_color); width: 19px; height: 19px; line-height: 19px; position: absolute; z-index: 1; top: -2px; left: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } label.radio_label.checked, label.dem__radio_label.checked, label.checkbox_label.checked { color: var(--theme-color-text_dark); } label.checkbox_label.checked:before { background: radial-gradient(circle, var(--theme-color-accent_link) 55%, var(--theme-color-content_bg) 62%); -webkit-box-shadow: inset 0 0 0px 3px var(--theme-color-content_bg); box-shadow: inset 0 0 0px 3px var(--theme-color-content_bg); } label.radio_label:before, label.dem__radio_label:before { border-radius: 50%; } label.radio_label.checked:before, label.dem__radio_label.checked:before { background: radial-gradient(circle, var(--theme-color-accent_link) 55%, var(--theme-color-content_bg) 62%); -webkit-box-shadow: inset 0 0 0px 4px var(--theme-color-content_bg); box-shadow: inset 0 0 0px 4px var(--theme-color-content_bg); } input[type=radio] + label, input[type=checkbox] + label, input[type=checkbox] + .description { position: relative; font-size: 12px; padding-left: 2.15em; padding-right: 2.15em; line-height: 1.5em; display: inline-block; } input[type=radio] + label:before, input[type=checkbox] + label:before, input[type=checkbox] + .description:before { content: " "; font-family: "fontello"; font-size: 1.5em; display: block; text-align: center; border: 1px solid var(--theme-color-bd_color) !important; width: 19px; height: 19px; line-height: 19px; position: absolute; z-index: 1; top: -1px; left: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } input[type=radio] + label:before { border-radius: 50%; } input[type=checkbox]:checked + label, input[type=checkbox]:checked + .description { color: var(--theme-color-text_dark); } input[type=checkbox]:checked + label:before, input[type=checkbox]:checked + .description:before { background: radial-gradient(circle, var(--theme-color-accent_link) 55%, var(--theme-color-content_bg) 62%); -webkit-box-shadow: inset 0 0 0px 3px var(--theme-color-content_bg); box-shadow: inset 0 0 0px 3px var(--theme-color-content_bg); } input[type=radio]:checked + label { color: var(--theme-color-text_dark); } input[type=radio]:checked + label:before { background: radial-gradient(circle, var(--theme-color-accent_link) 55%, var(--theme-color-content_bg) 62%); -webkit-box-shadow: inset 0 0 0px 4px var(--theme-color-content_bg); box-shadow: inset 0 0 0px 4px var(--theme-color-content_bg); } /* 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_]):not([size]) { visibility: hidden; } /* Show all select fields when they inside an our wrapper */ .select_container select:not(.esg-sorting-select):not([class*=trx_addons_attrib_]):not([size]) { visibility: visible; } /* Our wrapper to decorate select fields */ .select_container { width: 100%; position: relative; border-radius: var(--theme-var-rad); } .select_container, .select_container:after, .select_container select { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .select_container:before { content: " "; display: block; position: absolute; z-index: 1; top: 1px; right: 1px; bottom: 1px; left: auto; width: 3em; z-index: 1; pointer-events: none; cursor: pointer; border-radius: 0 var(--theme-var-rad) var(--theme-var-rad) 0; color: var(--theme-color-input_text); } .select_container:focus:before, .select_container:hover:before { color: var(--theme-color-input_dark); } .select_container:after { content: "\e9c1"; font-family: "fontello"; display: block; position: absolute; z-index: 2; bottom: calc(50% - 7px); right: 1.2em; width: 1em; height: 1em; line-height: 1em; text-align: center; 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: inherit; 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; } .select_container select:focus { color: var(--theme-color-input_dark); background-color: var(--theme-color-input_bg_color) !important; } /* 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; margin: 0; padding: var(--theme-var-input_padding) 20px; border-width: 1px; border-style: solid; border-radius: var(--theme-var-rad); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02); -webkit-box-sizing: border-box; box-sizing: border-box; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: inherit; display: inline-block; } .select2-container--default .select2-selection--single span.select2-selection__rendered { color: inherit; line-height: inherit; padding: 0; } .select2-container--default .select2-selection--single .select2-selection__clear { margin-right: 1em; } .select2-container.select2-container--default .select2-selection:after { content: "\e9c1"; font-family: "fontello"; display: block; position: absolute; z-index: 2; top: calc(50% + 1px); right: 1.2em; 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); } .select2-container.select2-container--default .select2-selection:focus:after, .select2-container.select2-container--default .select2-selection:hover:after { color: var(--theme-color-input_dark); } .select2-container.select2-container--default .select2-selection .select2-selection__arrow { display: none; } .select2-drop-active { border: none; } .select2-dropdown { margin-top: 0; border: 1px solid var(--theme-color-bd_color); } .select2-search, .select2-results__option, .select2-search--dropdown .select2-search__field { font-size: 13px; line-height: 19px; padding: var(--theme-var-input_padding) 20px; } /* Required fields */ label.required:after { content: "*"; display: none; vertical-align: text-top; font-size: 80%; color: #da6f5b; } /* Field set */ fieldset { margin: 0; padding: 0; border: none; background-color: none; color: inherit; } fieldset legend { font-weight: 500; color: var(--theme-color-text_dark); margin-bottom: 14px; padding: 0; } /* 4. WP styles and Screen readers -------------------------------------------------------------- */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; margin: 0 !important; padding: 0 !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; top: 5px; left: 5px; 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); } .anesta_skip_link { position: fixed; z-index: 999999; top: 6px; left: 6px; -webkit-transform: translateY(-300px); transform: translateY(-300px); -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .anesta_skip_link:focus { -webkit-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; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); } a.anesta_skip_link_anchor { position: absolute; width: 0; height: 0; display: none; } /* Utils */ .clearfix:after, .container:after, .container-fluid:after, .row:after, .columns_wrap: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); 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; } .anesta_loading, .trx_addons_loading { background-image: url(../../../images/preloader.png) !important; background-position: center !important; background-repeat: no-repeat !important; } /* 5. Theme grid -------------------------------------------------------------- */ .container, .container-fluid, .trx_addons_container, .trx_addons_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, .trx_addons_columns_wrap { margin-left: 0px; margin-right: calc(-1 * var(--theme-var-grid_gap)); margin-bottom: calc(-1 * var(--theme-var-grid_gap)); } .row.no_margin, .columns_wrap.no_margin, .trx_addons_columns_wrap.no_margin { margin-bottom: 0 !important; } .row > [class*=column-], .columns_wrap > [class*=column-], .trx_addons_columns_wrap > [class*=trx_addons_column-] { display: inline-block; vertical-align: top; position: relative; z-index: 20; min-height: 1px; padding-left: 0px; 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, .trx_addons_columns_wrap.columns_padding_left { margin-left: calc(-1 * var(--theme-var-grid_gap)); margin-right: 0; } .row.columns_padding_left > [class*=column-], .row > [class*=column-].columns_padding_left, .columns_wrap.columns_padding_left > [class*=column-], .columns_wrap > [class*=column-].columns_padding_left, .trx_addons_columns_wrap.columns_padding_left > [class*=trx_addons_column-], .trx_addons_columns_wrap > [class*=trx_addons_column-].columns_padding_left { padding-left: var(--theme-var-grid_gap); padding-right: 0; } .row.columns_padding_right, .columns_wrap.columns_padding_right, .trx_addons_columns_wrap.columns_padding_right { margin-left: 0; margin-right: calc(-1 * var(--theme-var-grid_gap)); } .row.columns_padding_right > [class*=column-], .row > [class*=column-].columns_padding_right, .columns_wrap.columns_padding_right > [class*=column-], .columns_wrap > [class*=column-].columns_padding_right, .trx_addons_columns_wrap.columns_padding_right > [class*=trx_addons_column-], .trx_addons_columns_wrap > [class*=trx_addons_column-].columns_padding_right { padding-left: 0; padding-right: var(--theme-var-grid_gap); } .row.columns_padding_center, .columns_wrap.columns_padding_center, .trx_addons_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); } .row.columns_padding_center > [class*=column-], .row > [class*=column-].columns_padding_center, .columns_wrap.columns_padding_center > [class*=column-], .columns_wrap > [class*=column-].columns_padding_center, .trx_addons_columns_wrap.columns_padding_center > [class*=trx_addons_column-], .trx_addons_columns_wrap > [class*=trx_addons_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-], .row > [class*=column-].columns_padding_bottom, .columns_wrap.columns_padding_bottom > [class*=column-], .columns_wrap > [class*=column-].columns_padding_bottom, .columns_wrap > .sc_layouts_column, .trx_addons_columns_wrap.columns_padding_bottom > [class*=trx_addons_column-], .trx_addons_columns_wrap > [class*=trx_addons_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-], .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*=trx_addons_column-] { padding-bottom: var(--theme-var-grid_gap); } .row.no_margin, .columns_wrap.no_margin, .sc_blogger.no_margin .row, .sc_blogger.no_margin .columns_wrap { margin-left: 0 !important; margin-right: 0 !important; } .row.no_margin > [class*=column-], .columns_wrap.no_margin > [class*=column-], .sc_blogger.no_margin .row > [class*=column-], .sc_blogger.no_margin .columns_wrap > [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%; } /* No columns */ .sc_item_content:not(.posts_container) { margin-bottom: calc(-1 * var(--theme-var-grid_gap)); } .sc_item_content:not(.posts_container) > [class*=_item] { margin-bottom: var(--theme-var-grid_gap); } .sc_item_content > .sc_item_container { padding-bottom: var(--theme-var-grid_gap); } .sc_item_content.no_margin { margin-bottom: 0 !important; } .sc_item_content.no_margin > .sc_item_container { padding-bottom: 0 !important; } /* 6. Page layouts ----------------------------------------------------------- */ .page_wrap { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; } .page_content_wrap { padding-top: calc(var(--theme-var-grid_gap) * 2 + var(--theme-var-grid_gap_koef) * 40px); padding-bottom: calc(var(--theme-var-grid_gap) * 2 + var(--theme-var-grid_gap_koef) * 40px); min-height: calc(100vh - var(--theme-var-header) - var(--theme-var-footer) - var(--fixed-rows-height)); -webkit-box-sizing: border-box; box-sizing: border-box; } .menu_side_hide.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; } .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; } /* Preloader */ #page_preloader { background-color: var(--theme-color-bg_color); } body.with_bg_canvas .page_content_wrap { background-color: transparent; } .preloader_wrap > div { background-color: var(--theme-color-accent_link); } /* Content and Sidebar */ body.body_style_wide:not(.expand_content) .content_wrap > .content { width: var(--theme-var-content); } .content_wrap > .sidebar { width: var(--theme-var-sidebar); } .sidebar_hide .content_wrap > .content, .previous_post_content.sidebar_hide .content_wrap > .content { float: none; margin-left: auto; margin-right: auto; } .sidebar_right .content_wrap > .content { float: left; } .sidebar_right .content_wrap > .sidebar { float: right; } .sidebar_left .content_wrap > .content { float: right; } .sidebar_left .content_wrap > .sidebar { float: left; } /* Sticky sidebar */ .fixed_blocks_sticky .sidebar { -webkit-position: sticky; position: sticky; top: var(--fixed-rows-height); } .sidebar_fixed_placeholder { min-height: 1px; } /* Fullheight sections */ .anesta-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: 8004; padding: 0.02px 0; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: var(--theme-color-content_bg); -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.02); box-shadow: 0 3px 16px rgba(0, 0, 0, 0.02); } .menu_side_present .top_panel { background-color: transparent; } .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-accent_link); } .top_panel_default .top_panel_navi, [class*=scheme_].top_panel_default .top_panel_navi { background-color: var(--theme-color-content_bg); } /* Background video in the header */ #background_video { -o-object-fit: cover; object-fit: cover; overflow: hidden; position: absolute; z-index: -1 !important; top: 50%; left: 50%; -webkit-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; transform: translate(-50%, 50%) !important; max-width: none; } #tubular-container { display: none; } .top_panel.with_bg_video { background: #000; } /* Layouts ----------------------------------------------------------- */ [class*=scheme_].sc_layouts_row { color: var(--theme-color-text); background-color: var(--theme-color-bg_color); } .top_panel.with_bg_image .sc_layouts_row:not(.sc_layouts_row_fixed_on) { background-color: transparent; } .sc_layouts_row_delimiter { border-color: var(--theme-color-bd_color); } .sc_layouts_item_icon { vertical-align: text-top; font-size: inherit; line-height: inherit; font-weight: inherit; } .sc_layouts_item_icon, .sc_layouts_item_details_line1, .sc_layouts_item_details_line2 { color: var(--theme-color-text_dark); } /* Fixed row */ .sc_layouts_row_fixed { z-index: 2; } .sc_layouts_row_fixed_on { background-color: var(--theme-color-content_bg); -webkit-box-shadow: 11px 3px 16px rgba(0, 0, 0, 0.0509803922); box-shadow: 11px 3px 16px rgba(0, 0, 0, 0.0509803922); } .sc_layouts_row_hide_unfixed { padding-top: 0 !important; padding-bottom: 0 !important; } .sc_layouts_row_fixed_placeholder { background-color: transparent !important; } body.menu_side_present.menu_side_left .sc_layouts_row_fixed { right: 0; left: var(--theme-var-menu_side) !important; -webkit-transition: none; transition: none; } body.menu_side_present.menu_side_left .sc_layouts_row_fixed:not(.no_anim) { -webkit-transition: left 0.3s linear; transition: left 0.3s linear; } body.menu_side_present.menu_side_left .sc_layouts_row_fixed:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 100%; right: 100%; background-color: var(--theme-color-content_bg); } body.menu_side_present.menu_side_left.menu_mobile_is_opened .sc_layouts_row_fixed { left: var(--theme-var-menu_side_open) !important; margin-left: 0 !important; } body.menu_side_present .sc_layouts_row_fixed:not(.sc_layouts_row_hide_unfixed) { position: fixed; background-color: var(--theme-color-content_bg); } body.menu_side_present .sc_layouts_row_fixed:not(.sc_layouts_row_hide_unfixed) + .sc_layouts_row_fixed_placeholder { display: block; } /* Stack rows */ .menu_side_left .sc_stack_section_fixed { left: var(--theme-var-menu_side) !important; } /* Layouts spacing */ .sc_layouts_column_align_right .sc_layouts_item:not(.elementor-widget-divider):not(.elementor-widget-spacer):not(.elementor-widget-trx_sc_layouts_search) + .sc_layouts_item:not(.elementor-widget-divider):not(.elementor-widget-spacer):not(.elementor-widget-trx_sc_layouts_search) { position: relative; } .sc_layouts_column_align_right .sc_layouts_item:not(.elementor-widget-divider):not(.elementor-widget-spacer):not(.elementor-widget-trx_sc_layouts_search) + .sc_layouts_item:not(.elementor-widget-divider):not(.elementor-widget-spacer):not(.elementor-widget-trx_sc_layouts_search):before { content: ""; width: 1px; height: 17px; background-color: var(--theme-color-bd_color); display: block; margin-top: 0.1em; } .sc_layouts_column_align_right .sc_layouts_item:not(.elementor-widget-divider):not(.elementor-widget-spacer):not(.elementor-widget-trx_sc_layouts_search) + .sc_layouts_item:not(.elementor-widget-divider):not(.elementor-widget-spacer):not(.elementor-widget-trx_sc_layouts_search) { margin-left: 3.8em; } .sc_layouts_column_align_right .sc_layouts_item:not(.elementor-widget-divider):not(.elementor-widget-spacer):not(.elementor-widget-trx_sc_layouts_search) + .sc_layouts_item:not(.elementor-widget-divider):not(.elementor-widget-spacer):not(.elementor-widget-trx_sc_layouts_search):before { position: absolute; z-index: 1; top: 50%; left: -2em; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .sc_layouts_column .elementor-widget-trx_sc_layouts_logo + .elementor-widget-trx_sc_layouts_menu { margin-left: 9.1%; } /* Row type: Narrow */ .sc_layouts_row_type_narrow { font-size: 14px; padding: 0.56em 0; } .menu_side_hide .sc_layouts_row_type_narrow { padding-left: calc(var(--theme-var-sm_grid_gap) + var(--theme-var-grid_gap_koef) * 2px); padding-right: calc(var(--theme-var-sm_grid_gap) + var(--theme-var-grid_gap_koef) * 2px); } /* Layouts dropdown */ .sc_layouts_dropdown > li > ul { top: calc(50% + var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 10px); left: 0; } .sc_layouts_dropdown li.menu-item.menu-item-has-children > a:after { color: var(--theme-color-text_light); font-size: 1.5em; margin-top: 0; margin-left: 0.4em; } /* Login / Logout */ .sc_layouts_login { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* User avatar */ } .sc_layouts_login .sc_layouts_login_menu > li > ul > li:not(.menu-item):before { content: " "; position: absolute; z-index: 1; top: 0.75em; left: 1.5em; width: 0.429em; height: 0.429em; line-height: 0.429em; text-align: center; border-radius: 50%; background-color: var(--theme-color-extra_dark); } .sc_layouts_login .sc_layouts_login_menu > li > ul > li:not(.menu-item) a { padding-left: 3em; } .sc_layouts_login .trx_addons_login_link > .sc_layouts_item_icon:before { content: "\e9a7"; font-family: "fontello"; font-size: 1.5rem; line-height: 1em !important; } .sc_layouts_login .trx_addons_login_link .sc_layouts_item_details { font-weight: 600; letter-spacing: -0.03em; } .sc_layouts_login .trx_addons_login_link .sc_layouts_item_icon + .sc_layouts_item_details, .sc_layouts_login .trx_addons_login_link .sc_layouts_item_avatar + .sc_layouts_item_details { margin-left: 0.8em; } .sc_layouts_login .sc_layouts_item_avatar { position: relative; display: inline-block; } .sc_layouts_login .sc_layouts_item_avatar img { width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; overflow: hidden; vertical-align: middle; -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2); } .sc_layouts_login .sc_layouts_item_avatar:after { content: ""; width: 7px; height: 7px; line-height: 7px; text-align: center; border-radius: 50%; -webkit-box-sizing: content-box; box-sizing: content-box; border: 3px solid var(--theme-color-content_bg); background-color: var(--theme-color-accent_link5); position: absolute; z-index: 1; top: -1px; right: -3px; } /* Language selector */ .sc_layouts_language_menu > li.menu-item > a { font-weight: 600; letter-spacing: -0.03em; } .sc_layouts_language_menu > li.menu-item > a > img { width: 27px; height: 27px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .sc_layouts_language_menu > li.menu-item > a > img + span { margin-left: 0.8em; } /* Logo */ .sc_layouts_logo b { color: var(--theme-color-text_dark); } .sc_layouts_logo i { color: var(--theme-color-accent_link); } .sc_layouts_logo img { max-height: 49px; height: unset; } .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-accent_link) !important; } .sc_layouts_logo_slogan, .sc_layouts_logo .logo_slogan { color: var(--theme-color-text) !important; } /* Page title and breadcrumbs */ .top_panel_title { border-top: 1px solid var(--theme-color-bd_color); background-color: var(--theme-color-content_bg); } .top_panel_title .sc_layouts_title_caption { margin-top: 0 !important; margin-bottom: 0 !important; } .top_panel_title .sc_layouts_title_title + .sc_layouts_title_breadcrumbs { margin-top: 10px; } /* Menu ----------------------------------------------------------- */ /* Main menu in the default header */ .top_panel_default .sc_layouts_menu_nav > li + li { margin-top: 0; } .top_panel_default .sc_layouts_menu_nav > li.menu-item-has-children > a:after { content: "\e828"; font-family: "fontello"; } .top_panel_default .sc_layouts_menu_nav li li.menu-item-has-children > a:after { content: "\e836"; font-family: "fontello"; } .top_panel_default .sc_layouts_menu_mobile_button .sc_layouts_item_icon:before { content: "\e93c"; font-family: "fontello"; } .sc_layouts_menu_mobile_button .sc_layouts_item_icon, .sc_layouts_menu_mobile_button_burger .sc_layouts_item_icon { font-size: 18px; vertical-align: text-bottom; } .sc_layouts_menu_mobile_button .sc_layouts_item_icon:before, .sc_layouts_menu_mobile_button_burger .sc_layouts_item_icon:before { content: "\e93c"; font-family: "fontello"; } /* Horizontal menus */ .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li > a, .sc_layouts_menu:not(.sc_layouts_menu_dir_vertical):not(.sc_layouts_menu_dir_horizontal):not(.sc_layouts_login):not(.sc_layouts_language) .sc_layouts_menu_nav > li > a { padding: 10px; } .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li.menu-item-has-children > a, .sc_layouts_menu:not(.sc_layouts_menu_dir_vertical):not(.sc_layouts_menu_dir_horizontal):not(.sc_layouts_login):not(.sc_layouts_language) .sc_layouts_menu_nav > li.menu-item-has-children > a { padding-right: 10px; } .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li.menu-item-has-children > a:after, .sc_layouts_menu:not(.sc_layouts_menu_dir_vertical):not(.sc_layouts_menu_dir_horizontal):not(.sc_layouts_login):not(.sc_layouts_language) .sc_layouts_menu_nav > li.menu-item-has-children > a:after { display: none; } .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li[class*=icon-]:before, .sc_layouts_menu:not(.sc_layouts_menu_dir_vertical):not(.sc_layouts_menu_dir_horizontal):not(.sc_layouts_login):not(.sc_layouts_language) .sc_layouts_menu_nav > li[class*=icon-]:before { top: 0.7em; } .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li[class*=icon-] > a, .sc_layouts_menu:not(.sc_layouts_menu_dir_vertical):not(.sc_layouts_menu_dir_horizontal):not(.sc_layouts_login):not(.sc_layouts_language) .sc_layouts_menu_nav > li[class*=icon-] > a { padding-left: 2em; } /* Vertical menus */ .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li > a { padding: 0.5em 0; } .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li:before { display: block; } .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 1em; background-color: transparent; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li > a, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child 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:last-child li > a:hover { color: var(--theme-color-accent_hover) !important; background-color: transparent; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li > a:hover:after, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child li > a:hover:after { color: var(--theme-color-accent_hover) !important; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li[class*=columns-] li.menu-item-has-children > a:hover, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li[class*=columns-] li.menu-item-has-children.sfHover > a, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child[class*=columns-] li.menu-item-has-children > a:hover, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child[class*=columns-] li.menu-item-has-children.sfHover > a { color: var(--theme-color-text_dark) !important; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li[class*=icon-]:before, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child li[class*=icon-]:before { color: var(--theme-color-accent_link); } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li[class*=icon-]:hover:before, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li[class*=icon-].shHover:before, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child li[class*=icon-]:hover:before, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child li[class*=icon-].shHover:before { color: var(--theme-color-accent_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, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child li.current-menu-item > a, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child li.current-menu-parent > a, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child li.current-menu-ancestor > a { color: var(--theme-color-accent_hover) !important; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li.current-menu-item:before, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li.current-menu-parent:before, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li li.current-menu-ancestor:before, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child li.current-menu-item:before, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child li.current-menu-parent:before, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child li.current-menu-ancestor:before { color: var(--theme-color-accent_hover) !important; } .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li .sc_layouts_menu_item_description, .sc_layouts_menu_dir_vertical.sc_layouts_submenu_dropdown .sc_layouts_menu_nav > li:last-child .sc_layouts_menu_item_description { color: var(--theme-color-text_light) !important; } .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; } /* 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, .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-accent_link) !important; } .sc_layouts_menu_nav .menu-collapse > a:after { display: none; } .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) { -webkit-box-shadow: 0 3px 20px rgba(29, 38, 38, 0.0509803922); box-shadow: 0 3px 20px rgba(29, 38, 38, 0.0509803922); background-color: var(--theme-color-content_bg); } .sc_layouts_menu_popup .sc_layouts_menu_nav, .sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs) { width: 15em; } .sc_layouts_menu_popup > .sc_layouts_menu_nav { top: 15px; left: 0 !important; right: 0 !important; } .sc_layouts_menu_popup .sc_layouts_menu_nav, .sc_layouts_menu_popup .sc_layouts_menu_nav > li > ul, .sc_layouts_menu_nav > li > ul ul { left: 15em; } .sc_layouts_menu_nav > li > ul ul.submenu_left { left: -15em; } .sc_layouts_menu_nav > li > ul ul.sc_layouts_submenu.submenu_left { right: 15.1428em; } .widget_nav_menu li.menu-delimiter, .sc_layouts_menu_nav > li li.menu-delimiter { border-color: var(--theme-color-bd_color); } .sc_layouts_menu_popup .sc_layouts_menu_nav > li > a, .sc_layouts_menu_nav > li li > a { white-space: initial; color: var(--theme-color-text_dark) !important; } .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: 3em; } .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-accent_link) !important; } .sc_layouts_menu_nav > li li > a:hover:after { color: var(--theme-color-accent_link) !important; } .sc_layouts_menu_nav > li[class*=icon-]:before, .sc_layouts_menu_nav > li li[class*=icon-]:before { color: var(--theme-color-text); top: 0.6em; -webkit-transform: none; transform: none; padding: 0; } .sc_layouts_menu_nav > li li[class*=icon-]:hover:before, .sc_layouts_menu_nav > li li[class*=icon-].shHover:before { color: var(--theme-color-accent_link); } .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-accent_link) !important; } .sc_layouts_menu_nav .menu-collapse { margin-left: 10px; } /* Layouts as submenu ----------------------------------------------------------- */ ul.sc_layouts_submenu .sc_item_filters_tabs_left .sc_item_filters_tabs > li > a span { color: inherit; background-color: transparent; padding: 0; } ul.sc_layouts_submenu .sc_item_filters_tabs_left .sc_item_filters_tabs > li > a.active { color: var(--theme-color-extra_dark) !important; } ul.sc_layouts_submenu .post_featured.hover_info .post_info { padding: 1em; } ul.sc_layouts_submenu .post_featured.hover_info .post_info .post_category { top: 1em; left: 1em; } ul.sc_layouts_submenu .post_featured .post_info .post_title { font-size: 1.25em; } ul.sc_layouts_submenu .post_featured .post_info .post_descr { display: none; } /* 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 .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([class*=button]), .widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item a:not([class*=button]) { color: var(--theme-color-accent_link); } .widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-section a:not([class*=button]):hover, .widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .elementor-section a: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 .sc_layouts_item a:not([class*=button]):hover, .widget_nav_menu .sc_layouts_menu li > ul.sc_layouts_submenu .sc_layouts_item a: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-accent_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 { color: var(--theme-color-text_dark); } .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 { 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-accent_link); } .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 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); } /* Layouts submenu in the Mobile */ .menu_mobile li > ul.sc_layouts_submenu ul { display: block; } .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu { display: none; width: 364px; text-align: left; padding: 1em; margin: 0 auto; /* Filters */ } .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 .elementor-section { display: block; } .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .columns_wrap [class*=column-], .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 .elementor-column:not([class*=elementor-xs-]) + .elementor-column:not([class*=elementor-xs-]) { margin-top: 2em; } .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .sc_item_filters_tabs_left .sc_item_filters, .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .sc_item_filters_tabs_left .sc_item_posts_container, .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .sc_item_filters_tabs_left .sc_item_pagination { margin-left: 0; } .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .sc_item_filters_tabs_right .sc_item_filters, .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .sc_item_filters_tabs_right .sc_item_posts_container, .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .sc_item_filters_tabs_right .sc_item_pagination { margin-right: 0; } .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .sc_item_filters .sc_item_filters_tabs { position: static; width: 100%; padding: 0 !important; margin-bottom: 1em !important; } .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .sc_item_filters .sc_item_filters_tabs li { display: inline-block; vertical-align: top; margin-right: 1em; width: auto; } .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .sc_item_filters .sc_item_filters_tabs li > a { padding: 0; } .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .sc_item_filters .sc_item_filters_tabs li:last-child { margin-right: 0; } .menu_mobile .menu_mobile_nav_area ul.sc_layouts_submenu .sc_item_posts_container [class*=column-] + [class*=column-] { padding-top: 1em; } /* 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-accent_link); background-color: var(--theme-color-navigate_bg); } .menu_hover_fade_box.sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li > a { padding: 0.5em; } /* slide_box */ .menu_hover_slide_box .sc_layouts_menu_nav > li#blob { background-color: var(--theme-color-navigate_bg); } /* slide_line */ .menu_hover_slide_line .sc_layouts_menu_nav > li#blob { background-color: var(--theme-color-accent_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-accent_link); } .menu_hover_color_line .sc_layouts_menu_nav > li:not(.menu-collapse).sfHover > a, .menu_hover_color_line .sc_layouts_menu_nav > li:not(.menu-collapse) > a:hover, .menu_hover_color_line .sc_layouts_menu_nav > li:not(.menu-collapse) > a:focus { color: var(--theme-color-accent_link); } .menu_hover_color_line.sc_layouts_menu_dir_vertical > ul > li:not(.menu-collapse) > a:before, .menu_hover_color_line.sc_layouts_menu_dir_vertical > ul > li:not(.menu-collapse) > a:after { top: 2.5em !important; } /* zoom_line */ .menu_hover_zoom_line .sc_layouts_menu_nav > li:not(.menu-collapse) > a:before { background-color: var(--theme-color-accent_link); } .menu_hover_zoom_line.sc_layouts_menu_dir_vertical > ul > li:not(.menu-collapse) > a:before { top: 2.5em; } /* 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-accent_link); } .menu_hover_path_line.sc_layouts_menu_dir_vertical .sc_layouts_menu_nav > li > a { padding: 0.5em; } /* roll_down */ .menu_hover_roll_down .sc_layouts_menu_nav > li:not(.menu-collapse) > a:before { background-color: var(--theme-color-accent_link); } .menu_hover_roll_down.sc_layouts_menu_dir_vertical > ul > li:not(.menu-collapse) > a:before { top: 2.5em; } /* Search ----------------------------------------------------------- */ .search_wrap, [class*=sc_layouts_row_type_] .search_wrap { font-size: 14px; line-height: 2em; } .search_wrap .search_field, [class*=sc_layouts_row_type_] .search_wrap .search_field { font-size: inherit; line-height: inherit; text-transform: none; height: auto; border: none; padding: 0 0 0 2.642em !important; -webkit-box-shadow: none; box-shadow: none; background-color: transparent !important; border-radius: 0; } .search_wrap .search_field:-webkit-autofill, .search_wrap .search_field:-webkit-autofill:hover, .search_wrap .search_field:-webkit-autofill:focus, [class*=sc_layouts_row_type_] .search_wrap .search_field:-webkit-autofill, [class*=sc_layouts_row_type_] .search_wrap .search_field:-webkit-autofill:hover, [class*=sc_layouts_row_type_] .search_wrap .search_field:-webkit-autofill:focus { -webkit-text-fill-color: var(--theme-color-input_dark) !important; -webkit-box-shadow: 0 0 0px 1000px var(--theme-color-content_bg) inset !important; } .search_wrap.search_style_normal .search_field, [class*=sc_layouts_row_type_] .search_wrap.search_style_normal .search_field { width: 297px; max-width: 100%; } .search_wrap.search_style_fullscreen:not(.search_opened) .search_field, .search_wrap.search_style_expand:not(.search_opened) .search_field, [class*=sc_layouts_row_type_] .search_wrap.search_style_fullscreen:not(.search_opened) .search_field, [class*=sc_layouts_row_type_] .search_wrap.search_style_expand:not(.search_opened) .search_field { padding-left: 21px !important; } .search_wrap .search_submit, [class*=sc_layouts_row_type_] .search_wrap .search_submit { font-size: 21px; line-height: inherit; height: auto; width: auto; right: auto; left: 0; bottom: 1px; -webkit-box-shadow: none !important; box-shadow: none !important; } .search_wrap .search_submit:before, [class*=sc_layouts_row_type_] .search_wrap .search_submit:before { content: "\e9a1"; font-family: "fontello"; font-size: inherit; color: var(--theme-color-text_dark); -webkit-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; } .search_wrap .search_submit:hover:before, .search_wrap .search_submit:focus:before, [class*=sc_layouts_row_type_] .search_wrap .search_submit:hover:before, [class*=sc_layouts_row_type_] .search_wrap .search_submit:focus:before { color: var(--theme-color-accent_link); } .top_panel_default .search_wrap { margin: 13px 0; } /* Search style 'Expand' */ .search_style_expand.search_opened .search_field { padding-left: calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 7px) !important; width: -webkit-fill-available; } .search_style_expand .search_submit:hover, .search_style_expand .search_submit:focus { color: var(--theme-color-text_dark); } /* Search style 'Fullscreen' */ .search_style_fullscreen { /* Firefox 19+ */ /* Firefox 18- */ } .search_style_fullscreen .search_field { width: 0; padding: 2px 0.75em 1px !important; } .search_style_fullscreen .search_close:before { content: "\e916"; font-family: "fontello"; } .search_style_fullscreen.search_opened .search_form_wrap { bottom: auto; height: 250px; background-color: var(--theme-color-navigate_bg); } .search_style_fullscreen.search_opened .search_form { border-color: var(--theme-color-bd_color); width: calc(100% - var(--theme-var-grid_gap) * 2); } .search_style_fullscreen.search_opened .search_field { font-size: 18px !important; letter-spacing: 0px; border-radius: 0; } .search_style_fullscreen.search_opened .search_close { cursor: pointer; width: 25px; height: 25px; line-height: 25px; text-align: center; position: absolute; z-index: 1; top: 50%; right: 0; margin-top: -12px; } .search_style_fullscreen.search_opened .search_close:before { content: ""; } .search_style_fullscreen.search_opened .search_field::-webkit-input-placeholder { color: var(--theme-color-input_light); opacity: 1; } .search_style_fullscreen.search_opened .search_field::-moz-placeholder { color: var(--theme-color-input_light); opacity: 1; } .search_style_fullscreen.search_opened .search_field:-moz-placeholder { color: var(--theme-color-input_light); opacity: 1; } .search_style_fullscreen.search_opened .search_field:-ms-input-placeholder { color: var(--theme-color-input_light); opacity: 1; } .admin-bar .search_style_fullscreen.search_opened .search_form_wrap { top: 2.285rem; } /* 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 { color: var(--theme-color-text_light); } .search_wrap .search_results .search_results_close:hover { color: var(--theme-color-text_dark); } .search_results.widget_area .post_item + .post_item { border-top-color: var(--theme-color-bd_color); } /* Search field inside content ----------------------------------------------------------- */ .content .search_wrap { max-width: 50%; margin: 0; } .post_item_none_search .search_wrap, .post_item_none_archive .search_wrap { max-width: none; } .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%; } /* Side menu ----------------------------------------------------------- */ body.menu_side_present { width: auto; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; -webkit-transition: none; transition: none; } body.menu_side_present:not(.no_anim) { -webkit-transition: margin-left 0.3s linear; transition: margin-left 0.3s linear; } body.menu_side_present.menu_side_left { margin-left: var(--theme-var-menu_side); } body.menu_side_present.menu_side_left.menu_mobile_is_opened { margin-left: var(--theme-var-menu_side_open); } .body_wrap { position: relative; } body.menu_side_present .body_wrap { overflow: hidden; max-width: 100%; } /* Page layouts */ body.menu_side_present .top_panel .elementor-section > .elementor-container { -webkit-transition: none; transition: none; } body.menu_side_present .top_panel .elementor-section > .elementor-container:not(.no_anim) { -webkit-transition: max-width 0.3s linear; transition: max-width 0.3s linear; } body.menu_side_present .page_content_wrap { padding: var(--theme-var-menu_side_gap); } body.menu_side_present .content_wrap, body.menu_side_present .content_container { -webkit-transition: none; transition: none; } body.menu_side_present .content_wrap:not(.no_anim), body.menu_side_present .content_container:not(.no_anim) { -webkit-transition: width 0.3s linear; transition: width 0.3s linear; } body.menu_side_present .content_wrap > .content, body.menu_side_present .content_wrap > .sidebar, body.menu_side_present .content_container > .content, body.menu_side_present .content_container > .sidebar { -webkit-transition: none; transition: none; } body.menu_side_present .content_wrap > .content:not(.no_anim), body.menu_side_present .content_wrap > .sidebar:not(.no_anim), body.menu_side_present .content_container > .content:not(.no_anim), body.menu_side_present .content_container > .sidebar:not(.no_anim) { -webkit-transition: width 0.3s linear; transition: width 0.3s linear; } body.menu_side_present .footer_wrap { padding-left: var(--theme-var-menu_side_gap); padding-right: var(--theme-var-menu_side_gap); } body.menu_side_present [class*=scheme_].footer_wrap { padding-top: var(--theme-var-menu_side_gap); } /* Mobile menu ----------------------------------------------------------- */ body.mobile_layout.menu_side_left { margin-left: 0; } .admin-bar .menu_mobile { top: 2.285rem; } .admin-bar .menu_mobile.opened { height: calc(100% - 2.285rem); } @media (max-width: 782px) { .admin-bar .menu_mobile { top: 3.285rem; } .admin-bar .menu_mobile.opened { height: calc(100% - 3.285rem); } } body.menu_side_present .menu_mobile:not(.is_opened):not(.is_hovered) { width: var(--theme-var-menu_side); } .menu_mobile { overflow: hidden; bottom: 0; position: fixed; z-index: 8004; top: 0; left: 0; width: 0; height: auto; -webkit-transition: none; transition: none; -webkit-box-shadow: 0 var(--theme-var-header) 20px rgba(0, 0, 0, 0.1); box-shadow: 0 var(--theme-var-header) 20px rgba(0, 0, 0, 0.1); /* Hide scrollbar for Chrome, Safari and Opera */ /* Hide scrollbar for IE, Edge and Firefox */ } .menu_mobile:not(.no_anim) { -webkit-transition: width 0.3s linear; transition: width 0.3s linear; } .menu_mobile:not(.opened):not(.is_opened):not(.is_hovered) .menu_mobile_top_panel:before { left: calc(var(--theme-var-menu_side) - 0.1px); } .menu_mobile:not(.opened):not(.is_opened):not(.is_hovered) .menu_mobile_close { left: calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 16px); } .menu_mobile:not(.opened):not(.is_opened):not(.is_hovered) .sc_layouts_logo, .menu_mobile:not(.opened):not(.is_opened):not(.is_hovered) .menu_mobile_nav_area > ul > .menu-item > a span, .menu_mobile:not(.opened):not(.is_opened):not(.is_hovered) .menu_mobile_nav_area > ul > .menu-item > ul .menu-item > a span { opacity: 0; pointer-events: none; } .menu_mobile:not(.opened):not(.is_opened):not(.is_hovered) .menu_mobile_nav_area > ul > .menu-item .menu-item > a:before { width: 5px; height: 5px; line-height: 5px; text-align: center; background-color: var(--theme-color-bd_color); } .menu_mobile:not(.opened):not(.is_opened):not(.is_hovered) .menu_mobile_nav_area > ul > .menu-item.menu-title { position: relative; } .menu_mobile:not(.opened):not(.is_opened):not(.is_hovered) .menu_mobile_nav_area > ul > .menu-item.menu-title:before { content: ""; width: 5px; height: 5px; line-height: 5px; text-align: center; border-radius: 50%; position: absolute; z-index: 1; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: var(--theme-color-bd_color); display: inline-block; margin: 0 17px; } .menu_mobile:not(.opened):not(.is_opened):not(.is_hovered) .menu_mobile_nav_area > ul > .menu-item > ul { margin-left: 17px; } .menu_mobile:not(.opened):not(.is_opened):not(.is_hovered) .menu_mobile_nav_area > ul > .menu-item > ul ul { margin-left: 0; } .menu_mobile.opened, .menu_mobile.is_opened, .menu_mobile.is_hovered { width: var(--theme-var-menu_side_open); } .menu_mobile.is_hovered .menu_mobile_top_panel:before { visibility: hidden; opacity: 0; } .menu_mobile [class*=sc_fly_]:not(.sc_fly_static) { position: static !important; -webkit-transform: none; transform: none; left: auto; top: auto; right: auto; bottom: auto; } .menu_mobile .menu_mobile_inner { text-align: left; width: var(--theme-var-menu_side_open); position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--theme-color-menu_bg); } .menu_mobile .menu_mobile_top_panel { padding: 15px calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 7px); min-height: var(--theme-var-header); -webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--theme-color-content_bg); -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.0509803922); box-shadow: 0 3px 16px rgba(0, 0, 0, 0.0509803922); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .menu_mobile .menu_mobile_top_panel:before { content: ""; width: 1px; height: 17px; background-color: var(--theme-color-bd_color); display: block; position: absolute; z-index: 1; top: 50%; left: calc(var(--theme-var-menu_side_open) - 0.1px); -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0.2em; -webkit-transition: none; transition: none; } .menu_mobile .menu_mobile_top_panel:not(.no_anim):before { -webkit-transition: left 0.3s linear; transition: left 0.3s linear; } .menu_mobile .menu_mobile_close { width: 18px; height: 18px; line-height: 18px; text-align: center; position: absolute; z-index: 1; top: 50%; left: calc(var(--theme-var-menu_side_open) - 2.93em); -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0.1em !important; color: var(--theme-color-text_dark); -webkit-transition: none; transition: none; } .menu_mobile .menu_mobile_close:not(.no_anim) { -webkit-transition: left 0.3s linear, color 0.3s ease; transition: left 0.3s linear, color 0.3s ease; } .menu_mobile .menu_mobile_close:hover { color: var(--theme-color-accent_link); } .menu_mobile .menu_mobile_close:before { content: "\e93c"; font-family: "fontello"; font-weight: 300; font-size: 18px; } .menu_mobile .menu_mobile_close .theme_button_close_icon { display: none; } .menu_mobile .sc_layouts_logo { display: inline-block; vertical-align: top; text-align: left; font-size: 1em !important; /* Remove this rule if you want to zoom this logo too */ -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; margin-right: 40px; } .menu_mobile .menu_mobile_nav_area { position: relative; z-index: 1; top: auto; left: auto; padding: calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 29px) calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 4px); width: auto; height: calc(100% - var(--theme-var-header)); -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; } .menu_mobile .menu_mobile_nav_area::-webkit-scrollbar { display: none; } .menu_mobile .menu_mobile_nav_area { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .menu_mobile .menu_mobile_nav_area ul { margin: 0 auto; padding: 0; list-style: none; width: auto; } .menu_mobile .menu_mobile_nav_area ul ul { margin: 0; display: none; } .menu_mobile .menu_mobile_nav_area li { margin-bottom: 0; width: auto; } .menu_mobile .menu_mobile_nav_area .menu-item > a { position: relative; display: block; text-align: left; width: auto; padding-top: 0.714em; padding-bottom: 0.714em; } .menu_mobile .menu_mobile_nav_area > ul { width: 100%; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item.menu-title > a { font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--theme-color-text_light); padding: 1.25em 0 0.45em 2px; pointer-events: none; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item + .menu-item { margin-top: 0.93em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item > ul { margin-left: 2.2em; margin-top: 1.1em; margin-bottom: 1.2em !important; -webkit-transition: margin-left 0.3s ease; transition: margin-left 0.3s ease; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item > ul ul { margin-left: 1.2em; -webkit-transition: margin-left 0.3s ease; transition: margin-left 0.3s ease; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item > a { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item > a span, .menu_mobile .menu_mobile_nav_area > ul > .menu-item > a ul { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item ul li + li { margin-top: 0.2em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item > a:hover, .menu_mobile .menu_mobile_nav_area > ul > .menu-item.current-menu-item > a, .menu_mobile .menu_mobile_nav_area > ul > .menu-item.current-menu-parent > a, .menu_mobile .menu_mobile_nav_area > ul > .menu-item.current-menu-ancestor > a, .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item > a:hover, .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item.current-menu-item > a, .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item.current-menu-parent > a, .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item.current-menu-ancestor > a { color: var(--theme-color-accent_link); } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item > a { width: auto; display: block; padding-left: 1.1em; padding-top: 3px; padding-bottom: 2px; color: var(--theme-color-text); } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item > a:before { content: " "; position: absolute; z-index: 1; top: 0.75em; left: 0; width: 6px; height: 6px; line-height: 6px; text-align: center; border-radius: 50%; background-color: var(--theme-color-accent_link2); -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item[class*=icon-] { position: relative; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item[class*=icon-]:before { -webkit-transform: translateX(0); transform: translateX(0); position: absolute; z-index: 1; top: 0; left: 0; width: 40px; height: 40px; display: block; font-size: 1.3em; line-height: 40px !important; border-radius: 8px; -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.0392156863); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.0392156863); color: var(--theme-color-text); background-color: var(--theme-color-content_bg); } .menu_mobile .menu_mobile_nav_area > ul > .menu-item[class*=icon-].current-menu-item:before, .menu_mobile .menu_mobile_nav_area > ul > .menu-item[class*=icon-].current-menu-parent:before, .menu_mobile .menu_mobile_nav_area > ul > .menu-item[class*=icon-].current-menu-ancestor:before { color: var(--theme-color-accent_link); -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.0784313725); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.0784313725); } .menu_mobile .menu_mobile_nav_area > ul > .menu-item[class*=icon-] > a { padding-left: 3.93em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item.menu-new:after, .menu_mobile .menu_mobile_nav_area > ul > .menu-item.menu-hot:after { content: ""; font-size: 10px; line-height: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; padding: 5px 9px; border-radius: 21px; position: absolute; top: 11px; right: 0; color: var(--theme-color-accent_text); background-color: var(--theme-color-accent_link2); -webkit-box-shadow: 0 3px 16px var(--theme-color-accent_link2_02); box-shadow: 0 3px 16px var(--theme-color-accent_link2_02); } .menu_mobile .menu_mobile_nav_area > ul > .menu-item.menu-new a, .menu_mobile .menu_mobile_nav_area > ul > .menu-item.menu-hot a { padding-right: 3em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item.menu-new.menu-item-has-children:after, .menu_mobile .menu_mobile_nav_area > ul > .menu-item.menu-hot.menu-item-has-children:after { right: 2em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item.menu-new.menu-item-has-children a, .menu_mobile .menu_mobile_nav_area > ul > .menu-item.menu-hot.menu-item-has-children a { padding-right: 4.5em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item.menu-new:after { content: "new"; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item.menu-hot:after { content: "hot"; } .menu_mobile .menu_mobile_nav_area .menu-item[class*=image-] > a { background-position: 1em center; background-repeat: no-repeat; background-size: 1em; padding-left: 2.3em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item[class*=image-] > a { background-position: 1.6667em center; padding-left: 3.5em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item .menu-item[class*=image-] > a { background-position: 1.6667em center; padding-left: 4.5em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item .menu-item .menu-item[class*=image-] > a { background-position: 1.6667em center; padding-left: 5.5em; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item.menu-delimiter { margin-top: 0 !important; padding-top: 0 !important; text-align: center; overflow: hidden; } .menu_mobile .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_nav_area > ul > .menu-item .menu-item.menu-delimiter > a:before { content: " "; display: block; border-top: 1px solid var(--theme-color-bd_color); width: 100%; height: 0; } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item.menu-delimiter > a { border-color: var(--theme-color-bd_color); } .menu_mobile .menu_mobile_nav_area > ul > .menu-item .menu-item.menu-delimiter > a > * { display: none; } .menu_mobile .menu_mobile_nav_area .open_child_menu { display: block; position: absolute; z-index: 1; top: 11px; right: 0; width: 1.166em; height: 1.166em; font-size: 18px; line-height: 1.166em; text-align: right; color: var(--theme-color-text_dark); -webkit-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: 2px; } .menu_mobile .menu_mobile_nav_area .open_child_menu:before { font-family: "fontello"; content: "\e836"; font-weight: 400; } .menu_mobile .menu_mobile_nav_area .menu-item.opened > a > .open_child_menu:before { content: "\e835"; } .sc_layouts_search_opened .menu_mobile { z-index: 8003; } /* 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.) ----------------------------------------------------------- */ .post_content > *:last-child { margin-bottom: 0 !important; } /* Title */ .post_content_title { margin-bottom: calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 1px); } .post_content_title:after { content: ""; display: block; width: 100%; height: 1px; margin-top: 1.3em; background-color: var(--theme-color-bd_color); } .post_content_title.with_category { position: relative; } .post_content_title .sc_layouts_title_caption { letter-spacing: 0; } .post_content_title .sc_layouts_subtitle_caption { margin-top: -0.55em; } .posts_header .post_content_title { margin-bottom: calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 3px); } .posts_header .post_content_title .sc_layouts_title_caption { margin-top: -0.2em; } /* Posts sorting */ .posts_sorting { margin-bottom: 17px; } .posts_sorting form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .posts_sorting form input[type=text] { padding-top: 12px; padding-bottom: 10px; padding-left: 3.07em; } .posts_sorting form select { padding-top: 12px; padding-bottom: 10px; } .posts_sorting .posts_search { position: relative; } .posts_sorting .search_field { width: 219px; } .posts_sorting .search_submit { display: block; font-size: 14px; font-weight: 400; position: absolute; z-index: 1; top: 0; left: 2px; width: 43px; height: 100%; padding: 0; border: none !important; background: none !important; cursor: pointer; -webkit-box-shadow: none !important; box-shadow: none !important; } .posts_sorting .search_submit:before { content: "\e9a1"; font-family: "fontello"; font-size: inherit; color: var(--theme-color-text_dark); } .posts_sorting .search_submit:hover:before { color: var(--theme-color-accent_link); } .posts_sorting .select_container { width: 168px; } .posts_navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .posts_navigation .posts_viewing { font-size: 14px; } .posts_navigation .nav-links { margin-top: 4px; } .posts_navigation .page-numbers.prev, .posts_navigation .page-numbers.next { width: 14px; } .posts_header + .posts_container { margin-top: calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 8px); } /* Post with password */ .post-password-form label { display: inline-block; vertical-align: top; } .post-password-form input[type=submit] { display: inline-block; margin-left: 0.2em; border-color: var(--theme-color-text_dark); } .post-password-form input[type=submit]:hover, .post-password-form input[type=submit]:focus { color: var(--theme-color-bg_color); } .post-password-form p:last-child { margin-bottom: 0; } /* Post info block */ .post_meta, .post_meta_item, .post_meta_item:after, .post_meta_item:hover:after, .post_meta_item a, .post_info .post_info_item, .post_info .post_info_item a, .post_info_counters .post_meta_item { color: var(--theme-color-text_light); } .post_date a:hover, .post_date a:focus, a.post_meta_item:hover, a.post_meta_item:focus, .post_meta_item a:hover, .post_meta_item a:focus, .post_info .post_info_item a:hover, .post_info .post_info_item a:focus, .post_info_meta a.post_meta_item:hover, .post_info_meta a.post_meta_item:focus { color: var(--theme-color-accent_hover); } .post_meta { display: inline-block; } .post_meta .post_meta_item { font-size: inherit; display: inline-block; margin-left: 0; -webkit-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; } .post_meta .post_meta_item:after, .post_meta .post_meta_item.post_edit:after { content: ""; display: inline-block; vertical-align: baseline; font-size: inherit; font-weight: 400; font-style: normal; margin: 0 0.55em; } .post_meta a.post_meta_item:before, .post_meta a.post_meta_item > .post_counters_number, .post_meta .post_meta_item .post_author_by { margin-right: 0.4em; -webkit-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; -webkit-transform: scale(1.1); transform: scale(1.1); } .post_meta .post_meta_item .post_author_avatar { display: inline-block; vertical-align: middle; line-height: inherit; margin-right: 0.4em; } .post_meta .post_meta_item .post_author_avatar > img { border-radius: 50%; width: 1.25em; height: 1.25em; } .post_meta .post_meta_item .post_meta_number + .post_meta_label { margin-left: 0.4em; } /* Icons */ .post_meta .trx_addons_icon-heart-empty:before, .post_meta .trx_addons_icon-heart:before { content: "\e9a6"; font-family: "fontello"; color: var(--theme-color-accent_link2); } .post_meta .icon-comment-light:before { content: "\e9a8"; font-family: "fontello"; color: var(--theme-color-accent_link3); } /* Date */ .post_meta_item_label { margin-right: 0.4em; } /* Categories */ .post_meta_item.post_categories { font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: -2px; } .post_meta_item.post_categories a { display: inline-block; margin-bottom: 2px; color: var(--theme-color-text_dark); } .post_meta_item.post_categories a:hover, .post_meta_item.post_categories a:focus { color: var(--theme-color-accent_hover); } /* Sponsored */ .post_meta_item.post_sponsored { display: block; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0 !important; } .post_meta_item.post_sponsored:after { margin: 0 0.35em; } .post_meta_item.post_sponsored a, .post_meta_item.post_sponsored span { color: var(--theme-color-accent_link); display: inline-block; margin-bottom: 2px; } .post_meta_item.post_sponsored a:hover, .post_meta_item.post_sponsored a:focus { color: var(--theme-color-accent_hover); } /* 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; } .post_meta_item .socials_share a { font-size: 14px; margin-right: 1em; } /* Tabs (internal and Essential Grid) */ .mptt-navigation-tabs, div.anesta_tabs .anesta_tabs_titles { list-style-type: none; padding: 0; text-align: center; letter-spacing: 0; margin: 0em 0 3em; } .mptt-navigation-tabs li, div.anesta_tabs .anesta_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; border-radius: 0; } .mptt-navigation-tabs li + li, div.anesta_tabs .anesta_tabs_titles li + li { margin-left: 3px; } .mptt-navigation-tabs li a, div.anesta_tabs .anesta_tabs_titles li a, div.anesta_tabs .anesta_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; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } .mptt-navigation-tabs li a:hover, .mptt-navigation-tabs li a:focus, .anesta_tabs .anesta_tabs_titles li a:hover, .anesta_tabs .anesta_tabs_titles li a:focus, .anesta_tabs .anesta_tabs_titles li a.ui-tabs-anchor:hover, .anesta_tabs .anesta_tabs_titles li a.ui-tabs-anchor:focus { color: var(--theme-color-accent_text); background-color: var(--theme-color-accent_link); } .mptt-navigation-tabs li.active a, .anesta_tabs .anesta_tabs_titles li.ui-state-active a, .anesta_tabs .anesta_tabs_titles li.ui-state-active a.ui-tabs-anchor { color: var(--theme-color-bg_color); background-color: var(--theme-color-text_dark); } div.anesta_tabs .anesta_tabs_content { padding: 0; } div.anesta_tabs .anesta_tab_content_remove { opacity: 0; } div.anesta_tabs .nav-links { margin-top: 3em; } /* Post featured block */ .post_featured { overflow: hidden; position: relative; } body.sidebar_hide .post_featured.alignwide, body.sidebar_hide .post_featured.alignfull { z-index: 100; } .post_featured.with_gallery { overflow: visible; } .single-post .post_featured.with_video { z-index: 2000 !important; } .single-post .post_featured.with_video.with_video_sticky_on { z-index: 100100 !important; } .single-post .post_featured.with_video.with_thumb:after { content: " "; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(210deg, rgba(0, 0, 0, 0) 0%, black 70%, black 100%); pointer-events: none; } .single-post .post_featured.with_video .post_info_video { position: absolute; z-index: 1; bottom: 0; left: 0; -webkit-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: 0 calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 15px) calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 15px); text-align: center; } .single-post .post_featured.with_video .post_info_video > * { color: #fff; } .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: 66.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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.52)), to(rgba(0, 0, 0, 0.29))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.29) 100%); } /* 7.4 Post Formats ----------------------------------------------------------- */ /* Sticky posts */ .sticky.post_item { position: relative; /* Categories */ /* Sponsored */ /* Read more */ } .sticky.post_item:not(.post_layout_custom) { color: var(--theme-color-accent_text); background-color: var(--theme-color-accent_link) !important; background-image: url(../images/block_bg.png); background-size: cover; background-position: center; padding: calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 15px) calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 15px) calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 10px); border-radius: var(--theme-var-content_rad); } .sticky.post_item:not(.post_layout_custom) a, .sticky.post_item:not(.post_layout_custom) .post_meta_item:before { color: var(--theme-color-accent_text); } .sticky.post_item:not(.post_layout_custom) a:hover, .sticky.post_item:not(.post_layout_custom) a:focus, .sticky.post_item:not(.post_layout_custom) a.post_meta_item:hover:before { color: var(--theme-color-accent_link3); } .sticky.post_item .post_meta_item.post_categories { margin-bottom: -6px; } .sticky.post_item .post_meta_item.post_categories a { font-size: 10px; font-weight: 600; letter-spacing: 0.1em; padding: 3px 15px; margin-bottom: 6px; border-radius: 24px; color: var(--theme-color-text_dark); background-color: var(--theme-color-content_bg); } .sticky.post_item .post_meta_item.post_categories a:hover, .sticky.post_item .post_meta_item.post_categories a:focus { color: var(--theme-color-accent_text); background-color: var(--theme-color-accent_link3); } .sticky.post_item .post_meta_item_cat_separator { opacity: 0; } .sticky.post_item .post_meta_item.post_sponsored { margin-bottom: -6px; } .sticky.post_item .post_meta_item.post_sponsored a, .sticky.post_item .post_meta_item.post_sponsored span { font-size: 10px; font-weight: 600; letter-spacing: 0.1em; padding: 3px 15px; margin-bottom: 6px; border-radius: 24px; color: var(--theme-color-accent_text); background-color: var(--theme-color-accent_link2); } .sticky.post_item .post_meta_item.post_sponsored a:hover, .sticky.post_item .post_meta_item.post_sponsored a:focus { color: var(--theme-color-accent_text); background-color: var(--theme-color-accent_link3); } .sticky.post_item .more-link { border-color: var(--theme-color-accent_link3); background-color: var(--theme-color-accent_link3); -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_link3_02); box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_link3_02); } .sticky.post_item .more-link:hover { border-color: var(--theme-color-accent_hover3) !important; background-color: var(--theme-color-accent_hover3) !important; -webkit-box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_hover3_02) !important; box-shadow: var(--theme-var-btn_shadow) var(--theme-color-accent_hover3_02) !important; } /* Media elements ----------------------------------------------------------- */ .me-plugin { position: absolute; width: 0; height: 0; } .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { background: var(--theme-color-extra_bg_color); } .mejs-container { min-height: 50px !important; border-radius: 6px; overflow: hidden; min-width: unset !important; } .mejs-container.mejs-video { border-radius: var(--theme-var-content_rad); } .mejs-controls { height: 50px; padding: 0 20px 0 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mejs-controls .mejs-button > button { color: var(--theme-color-extra_dark); background: none !important; padding: 0 !important; text-align: center; font-size: 16px; line-height: 20px; border-radius: 0; } .mejs-controls .mejs-button > button:hover, .mejs-controls .mejs-button > button:focus { color: var(--theme-color-accent_link5); } .mejs-controls .mejs-playpause-button.mejs-play > button:before, .mejs-controls .mejs-playpause-button.mejs-replay > button:before { content: "\e9c2"; font-family: "fontello"; } .mejs-controls .mejs-playpause-button.mejs-pause > button:before { content: "\e9c8"; font-family: "fontello"; } .mejs-controls .mejs-volume-button.mejs-mute > button:before { content: "\e9c4"; font-family: "fontello"; } .mejs-controls .mejs-volume-button.mejs-unmute > button:before { content: "\e9c5"; font-family: "fontello"; } .mejs-controls .mejs-button.mejs-fullscreen-button > button:before { content: "\f0b2"; font-family: "fontello"; } .mejs-controls .mejs-button.mejs-unfullscreen > button:before { content: "\e918"; font-family: "fontello"; } .mejs-controls .mejs-time-rail { padding-top: 12px; margin: 0; } .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-controls .mejs-time-rail .mejs-time-hovered, .mejs-controls .mejs-volume-slider .mejs-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: var(--theme-color-extra_bd_color); } .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-accent_link5); } .mejs-controls .mejs-time-rail .mejs-time-handle-content { top: -6px; border-color: var(--theme-color-accent_link5); } .mejs-controls .mejs-volume-slider .mejs-volume-handle, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { background: var(--theme-color-accent_link5); } .mejs-controls .mejs-time-float { border: none; height: 15px; width: 34px; margin-bottom: 7px; color: var(--theme-color-text); background-color: var(--theme-color-content_bg); } .mejs-controls .mejs-time-float-corner { top: calc(100% - 1px); border-color: var(--theme-color-content_bg) transparent transparent; } .mejs-controls .mejs-time { font-size: 12px; overflow: visible; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; padding-left: 16px !important; padding-right: 16px !important; color: var(--theme-color-extra_light); } .mejs-controls .mejs-volume-button { margin-left: 7px; } .mejs-controls .mejs-volume-button > button { text-align: left; } .mejs-controls .mejs-horizontal-volume-slider { height: 37px; width: 82px; } .mejs-controls .mejs-horizontal-volume-total { width: 82px; } .mejs-controls .mejs-time-buffering, .mejs-controls .mejs-time-current, .mejs-controls .mejs-time-hovered, .mejs-controls .mejs-time-loaded, .mejs-controls .mejs-time-marker, .mejs-controls .mejs-time-total, .mejs-controls .mejs-horizontal-volume-total { height: 5px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { border-radius: 5px; } .sidebar .mejs-controls .mejs-time, .footer_wrap .mejs-controls .mejs-time { display: none; } /* Audio */ .format-audio .post_featured, .format-audio .post_featured img { position: relative; } .trx_addons_audio_wrap .trx_addons_audio_navigation, .trx_addons_audio_player .audio_now_playing { font-size: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--theme-color-extra_text); margin-top: 0; } .trx_addons_audio_wrap .trx_addons_audio_navigation { top: var(--theme-var-grid_gap); right: var(--theme-var-grid_gap); } .trx_addons_audio_wrap .trx_addons_audio_navigation > span span { margin-top: 0; } .trx_addons_audio_wrap .trx_addons_audio_navigation .trx_addons_icon-slider-left:before { content: "\e9c7"; font-family: "fontello"; } .trx_addons_audio_wrap .trx_addons_audio_navigation .trx_addons_icon-slider-right:before { content: "\e9c6"; font-family: "fontello"; } .trx_addons_audio_player .audio_now_playing { margin-bottom: var(--theme-var-grid_gap); } .format-audio .post_featured .post_audio_author, .single-format-audio .post_featured .post_audio_author, .trx_addons_audio_player .audio_author, .sc_layouts_blog_item_featured .post_featured .post_audio_author { font-size: 12px; line-height: 18px; font-weight: 400; margin-top: 0; margin-bottom: 5px; color: var(--theme-color-accent_light); } .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 { margin-top: 0 !important; margin-bottom: 15px; color: var(--theme-color-accent_text) !important; } .format-audio .post_featured .post_audio_description, .single-format-audio .post_featured .post_audio_description, .trx_addons_audio_player .audio_description, .sc_layouts_blog_item_featured .post_featured .post_audio_description { margin-bottom: var(--theme-var-grid_gap); color: var(--theme-color-accent_light) !important; } .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: calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 15px); bottom: calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 15px); left: calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 15px); text-align: left; } .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: calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 15px); } .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) .mejs-container, .single-format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) .mejs-container, .sc_layouts_blog_item_featured .post_featured.without_thumb .post_audio:not(.with_iframe) .mejs-container { margin-bottom: 0; } .trx_addons_audio_player.without_cover, .format-audio .post_featured.without_thumb .post_audio, .single-format-audio .post_featured.without_thumb .post_audio { background-color: var(--theme-color-extra_bg_color_08); } .trx_addons_audio_player { padding: var(--theme-var-grid_gap); border-radius: var(--theme-var-content_rad); overflow: hidden; } .trx_addons_audio_player .wp-audio-shortcode { margin-bottom: 0; } .trx_addons_audio_player .audio_info + .audio_embed, .trx_addons_audio_player .audio_info + .audio_frame { margin-top: 0; } .sidebar .widget > .trx_addons_audio_wrap:first-child .trx_addons_audio_player, .footer_wrap .sc_layouts_row .widget > .trx_addons_audio_wrap:first-child .trx_addons_audio_player { border-radius: 15px; margin: calc(-1 * (var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 15px)); } /* 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: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; -webkit-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; opacity: 1; } .post_featured.with_thumb:hover .mask, .sc_layouts_blog_item_featured .post_featured.with_thumb:hover .mask { opacity: 1; } .mejs-overlay-button, .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: 55px; height: 55px; line-height: 55px; border-radius: 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; z-index: 2000; top: 50%; left: 50%; -webkit-transform: none; transform: none; margin: -1.8em 0 0 -1.8em !important; font-size: 15px; opacity: 1; cursor: pointer; overflow: hidden; color: var(--theme-color-text_dark); background-color: var(--theme-color-content_bg) !important; background: none; text-align: center; } .mejs-overlay-button:hover, .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-accent_text); background-color: var(--theme-color-accent_link) !important; } .mejs-overlay-button:before, .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: "\e9c2"; font-family: "fontello"; margin: 0 0 0 3px; } .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 { /*position:relative;*/ opacity: 1; z-index: 100; } .post_featured.post_video_play .mask, .sc_layouts_blog_item_featured .post_featured.post_video_play .mask { opacity: 1; } .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 .wp-post-image, .format-gallery .post_featured.with_thumb .post_thumb { opacity: 0; } .format-gallery .post_featured.with_thumb .slider_outer { position: absolute; z-index: 9; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; } .format-gallery .post_featured.with_thumb .slider_outer .slider_container { min-height: 100%; } /* 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: var(--theme-font-h3_font-size); line-height: 1.4em; } .format-aside .post_content_inner { padding: 1em 1.3158em; background-color: var(--theme-color-navigate_bg); } .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 */ .nav-links-more, .woocommerce-links-more { text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-top: var(--theme-var-grid_gap); } .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; width: 100%; } .nav-links-more a:before, .woocommerce-links-more a:before { content: "\e929"; font-family: "fontello"; font-size: 1.6em; font-weight: normal; display: block; text-align: center; margin-top: 0.75em; position: absolute; z-index: 1; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-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"; opacity: 1; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; top: 50%; margin-top: -0.5em; margin-left: -0.5em; } .nav-links-more.loading a span, .woocommerce-links-more.loading a span { opacity: 0; } .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: var(--theme-var-btn_nav_size); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; margin-top: var(--theme-var-grid_gap); color: var(--theme-color-text_dark); } .nav-links-old a { color: var(--theme-color-text_dark); } .nav-links-old a:hover { color: var(--theme-color-accent_hover); } .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; } .nav-links-old .nav-prev { float: left; position: relative; padding-left: 2em; } .nav-links-old .nav-prev a:before { content: "\e939"; } .nav-links-old .nav-next { float: right; position: relative; padding-right: 2em; } .nav-links-old .nav-next a:after { content: "\e93a"; left: auto; right: 0; } /* Blog pagination: Page numbers */ .woocommerce nav.woocommerce-pagination ul, .comments_pagination, .nav-links, .page_links { font-size: 1em; line-height: 1em; text-transform: uppercase; margin: var(--theme-var-grid_gap) 0 0; text-align: center; border: none; list-style-type: none; clear: both; display: block; } .page_links { margin-top: 0; } .page_links .page_links_title { display: inline-block; vertical-align: middle; margin: 0 1em 0 0; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; } .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: 14px; font-weight: inherit; margin: 0 15px 0 0; padding: 0; border: none; border-radius: 0; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .woocommerce nav.woocommerce-pagination ul li a:last-child, .woocommerce nav.woocommerce-pagination ul li span.current:last-child, .page_links > span:not(.page_links_title):last-child, .page_links > a:last-child, .comments_pagination .page-numbers:last-child, .nav-links .page-numbers:last-child { margin-right: 0; } .woocommerce nav.woocommerce-pagination ul li a, .page_links > a, .comments_pagination .page-numbers, .nav-links .page-numbers { color: var(--theme-color-text); } .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .page_links > a:hover, .page_links > span:not(.page_links_title), .comments_pagination a.page-numbers:hover, .comments_pagination .page-numbers.current, .nav-links a.page-numbers:hover, .nav-links .page-numbers.current { color: var(--theme-color-accent_link2); } .woocommerce nav.woocommerce-pagination ul li { border: none; display: inline-block; margin: 0 5px 0 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span.current { margin-right: 0; } .nav-links .page-numbers.first, .nav-links .page-numbers.prev, .nav-links .page-numbers.next, .nav-links .page-numbers.last, .comments_pagination .page-numbers.first, .comments_pagination .page-numbers.prev, .comments_pagination .page-numbers.next, .comments_pagination .page-numbers.last, .woocommerce nav.woocommerce-pagination ul li a.first, .woocommerce nav.woocommerce-pagination ul li a.prev, .woocommerce nav.woocommerce-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.last { 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; } .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: "\e939"; } .nav-links .page-numbers.next:before, .comments_pagination .page-numbers.next:before, .woocommerce nav.woocommerce-pagination ul li a.next:before { content: "\e93a"; } .nav-links .page-numbers.last:before, .comments_pagination .page-numbers.last:before, .woocommerce nav.woocommerce-pagination ul li a.last:before { content: "\e8b0"; } /* 8. General pages =============================================================== */ /* 8.1 Page 404 ----------------------------------------------------------- */ .post_item_404 .post_content { padding: 0 0 var(--theme-var-grid_gap); } .post_item_404 .page_title { font-size: 232px; line-height: 1em; font-weight: 700; letter-spacing: -0.01em; text-align: center; margin: 0; margin-top: 0 !important; letter-spacing: 0; -ms-hyphens: none; hyphens: none; color: var(--theme-color-accent_link_007); } .post_item_404 .page_info { text-align: center; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_item_404 .page_info .page_subtitle { margin: 15px 0 0; } .post_item_404 .page_info .page_description { margin-top: 19px; margin-bottom: calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 2px); } .post_item_404 .page_info .search_style_normal { max-width: 385px; margin: 0 auto; } .post_item_404 .page_info .search_style_normal .search_form:after { content: "\e9a1"; font-family: "fontello"; display: block; position: absolute; z-index: 0; top: 4px; right: 4px; width: 43px; height: 43px; line-height: 43px; text-align: center; border-radius: var(--theme-var-rad); pointer-events: none; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: var(--theme-color-text_dark); color: var(--theme-color-content_bg); } .post_item_404 .page_info .search_style_normal .search_form:hover:after { background-color: var(--theme-color-accent_link); color: var(--theme-color-accent_text); } .post_item_404 .page_info .search_style_normal .search_field { font-size: 13px; line-height: 19px; padding: 15px 5.45em 15px 20px !important; border: 1px solid var(--theme-color-bd_color); border-radius: var(--theme-var-rad); -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.0509803922); box-shadow: 0 3px 16px rgba(0, 0, 0, 0.0509803922); } .post_item_404 .page_info .search_style_normal .search_submit { position: absolute; z-index: 1; top: 0; right: 0; width: 4em; height: 100%; text-indent: -1000px; left: auto; overflow: hidden; } /* 8.2 Page 'No search results' and 'No archive results' ----------------------------------------------------------- */ .post_item_none_search .post_content { padding: 1.5em 0; } .post_item_none_search .page_title, .post_item_none_archive .page_title { font-size: 7em; line-height: 1.2em; } .post_item_none_search .search_wrap, .post_item_none_archive .search_wrap { max-width: none; } .post_item_none_search .search_wrap .search_field, .post_item_none_archive .search_wrap .search_field { padding: 1.2em 3em 1em 1em !important; } .post_item_none_search .search_wrap .search_submit, .post_item_none_archive .search_wrap .search_submit { left: auto; right: 0; top: 0; padding: 0 1em; } /* 8.3 Author's page ----------------------------------------------------------- */ .author_page { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-align: center; -webkit-box-align: center; align-items: center; margin-bottom: 7em; } .author_page .author_avatar { border-radius: 50%; margin-bottom: 1em; overflow: hidden; } .author_page .author_title { margin-top: 0; margin-bottom: 0.5em; } .author_page .author_bio { 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 { background-color: transparent; width: auto; height: auto; line-height: inherit; text-align: left; } /* 9. Sidebars ----------------------------------------------------------- */ /* Fix for widget area editor */ #page.site { background-color: #fff; } #page.site:before { content: ""; display: block; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; } /* Widget area */ .edit-post-sidebar > .components-panel { background-color: var(--theme-color-bg_color); } /* Grid */ .sidebar .trx_addons_columns_wrap { margin-right: 0; } .sidebar .trx_addons_columns_wrap [class*=trx_addons_column-] { display: block; width: 100%; padding-right: 0; } /* Widgets in the Sidebar */ .sidebar > .sidebar_inner { margin-right: calc(var(--theme-var-grid_gap) * -1); margin-bottom: calc(var(--theme-var-grid_gap) * -1); } .sidebar > .sidebar_inner > .widget { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 15px; -webkit-box-shadow: 0 3px 20px rgba(29, 38, 38, 0.0509803922); box-shadow: 0 3px 20px rgba(29, 38, 38, 0.0509803922); padding: calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 14px); background-color: var(--theme-color-content_bg); margin-right: var(--theme-var-grid_gap); margin-bottom: var(--theme-var-grid_gap); --theme-var-content_rad: 8px; } .sidebar > .sidebar_inner > .widget p:last-child { margin: 0; } /* 10. Footer areas ----------------------------------------------------------- */ .footer_wrap { position: relative; } [class*=scheme_].footer_wrap { background-color: var(--theme-color-bg_color); color: var(--theme-color-text); } /* Widgets in the Footer */ .footer_wrap .sc_layouts_row { padding: 0; } .footer_wrap .sc_layouts_row .columns_wrap { margin-right: calc(var(--theme-var-grid_gap) * -1); margin-bottom: calc(var(--theme-var-grid_gap) * -1); } .footer_wrap .sc_layouts_row .widget[class*=column-] { margin-top: 0 !important; margin-right: var(--theme-var-grid_gap) !important; margin-bottom: var(--theme-var-grid_gap) !important; } .footer_wrap .sc_layouts_row .widget { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 15px; -webkit-box-shadow: 0 3px 20px rgba(29, 38, 38, 0.0509803922); box-shadow: 0 3px 20px rgba(29, 38, 38, 0.0509803922); padding: calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 15px); background-color: var(--theme-color-content_bg); } .footer_wrap .sc_layouts_row .widget p:last-child { margin: 0; } .footer_wrap .sc_layouts_row .sc_layouts_item, .footer_wrap .sc_layouts_row .widget { vertical-align: top; margin-top: 0.5em !important; margin-bottom: 0.5em !important; } .footer_wrap .sc_layouts_item.elementor-widget-divider, .footer_wrap .sc_layouts_item.elementor-widget-spacer, .footer_wrap .sc_layouts_item .widget { margin-top: 0 !important; margin-bottom: 0 !important; } /* Columns, push, pull and offset sizes */ .footer_wrap .column-1, .footer_wrap .column-1_1 { width: calc(100% - var(--theme-var-grid_gap)); } .footer_wrap .column-1_2 { width: calc(50% - var(--theme-var-grid_gap)); } .footer_wrap .column-1_3 { width: calc(33.3333333333% - var(--theme-var-grid_gap)); } .footer_wrap .column-1_4 { width: calc(25% - var(--theme-var-grid_gap)); } .footer_wrap .column-1_5 { width: calc(20% - var(--theme-var-grid_gap)); } .footer_wrap .column-1_6 { width: calc(16.6666666667% - var(--theme-var-grid_gap)); } .footer_wrap .column-1_7 { width: calc(14.2857142857% - var(--theme-var-grid_gap)); } .footer_wrap .column-1_8 { width: calc(12.5% - var(--theme-var-grid_gap)); } .footer_wrap .column-1_9 { width: calc(11.1111111111% - var(--theme-var-grid_gap)); } .footer_wrap .column-1_10 { width: calc(10% - var(--theme-var-grid_gap)); } .footer_wrap .column-1_11 { width: calc(9.0909090909% - var(--theme-var-grid_gap)); } .footer_wrap .column-1_12 { width: calc(8.3333333333% - var(--theme-var-grid_gap)); } .footer_wrap .column-2_2 { width: calc(100% - var(--theme-var-grid_gap)); } .footer_wrap .column-2_3 { width: calc(66.6666666667% - var(--theme-var-grid_gap)); } .footer_wrap .column-2_4 { width: calc(50% - var(--theme-var-grid_gap)); } .footer_wrap .column-2_5 { width: calc(40% - var(--theme-var-grid_gap)); } .footer_wrap .column-2_6 { width: calc(33.3333333333% - var(--theme-var-grid_gap)); } .footer_wrap .column-2_7 { width: calc(28.5714285714% - var(--theme-var-grid_gap)); } .footer_wrap .column-2_8 { width: calc(25% - var(--theme-var-grid_gap)); } .footer_wrap .column-2_9 { width: calc(22.2222222222% - var(--theme-var-grid_gap)); } .footer_wrap .column-2_10 { width: calc(20% - var(--theme-var-grid_gap)); } .footer_wrap .column-2_11 { width: calc(18.1818181818% - var(--theme-var-grid_gap)); } .footer_wrap .column-2_12 { width: calc(16.6666666667% - var(--theme-var-grid_gap)); } .footer_wrap .column-3_3 { width: calc(100% - var(--theme-var-grid_gap)); } .footer_wrap .column-3_4 { width: calc(75% - var(--theme-var-grid_gap)); } .footer_wrap .column-3_5 { width: calc(60% - var(--theme-var-grid_gap)); } .footer_wrap .column-3_6 { width: calc(50% - var(--theme-var-grid_gap)); } .footer_wrap .column-3_7 { width: calc(42.8571428571% - var(--theme-var-grid_gap)); } .footer_wrap .column-3_8 { width: calc(37.5% - var(--theme-var-grid_gap)); } .footer_wrap .column-3_9 { width: calc(33.3333333333% - var(--theme-var-grid_gap)); } .footer_wrap .column-3_10 { width: calc(30% - var(--theme-var-grid_gap)); } .footer_wrap .column-3_11 { width: calc(27.2727272727% - var(--theme-var-grid_gap)); } .footer_wrap .column-3_12 { width: calc(25% - var(--theme-var-grid_gap)); } .footer_wrap .column-4_4 { width: calc(100% - var(--theme-var-grid_gap)); } .footer_wrap .column-4_5 { width: calc(80% - var(--theme-var-grid_gap)); } .footer_wrap .column-4_6 { width: calc(66.6666666667% - var(--theme-var-grid_gap)); } .footer_wrap .column-4_7 { width: calc(57.1428571429% - var(--theme-var-grid_gap)); } .footer_wrap .column-4_8 { width: calc(50% - var(--theme-var-grid_gap)); } .footer_wrap .column-4_9 { width: calc(44.4444444444% - var(--theme-var-grid_gap)); } .footer_wrap .column-4_10 { width: calc(40% - var(--theme-var-grid_gap)); } .footer_wrap .column-4_11 { width: calc(36.3636363636% - var(--theme-var-grid_gap)); } .footer_wrap .column-4_12 { width: calc(33.3333333333% - var(--theme-var-grid_gap)); } .footer_wrap .column-5_5 { width: calc(100% - var(--theme-var-grid_gap)); } .footer_wrap .column-5_6 { width: calc(83.3333333333% - var(--theme-var-grid_gap)); } .footer_wrap .column-5_7 { width: calc(71.4285714286% - var(--theme-var-grid_gap)); } .footer_wrap .column-5_8 { width: calc(62.5% - var(--theme-var-grid_gap)); } .footer_wrap .column-5_9 { width: calc(55.5555555556% - var(--theme-var-grid_gap)); } .footer_wrap .column-5_10 { width: calc(50% - var(--theme-var-grid_gap)); } .footer_wrap .column-5_11 { width: calc(45.4545454545% - var(--theme-var-grid_gap)); } .footer_wrap .column-5_12 { width: calc(41.6666666667% - var(--theme-var-grid_gap)); } .footer_wrap .column-6_6 { width: calc(100% - var(--theme-var-grid_gap)); } .footer_wrap .column-6_7 { width: calc(85.7142857143% - var(--theme-var-grid_gap)); } .footer_wrap .column-6_8 { width: calc(75% - var(--theme-var-grid_gap)); } .footer_wrap .column-6_9 { width: calc(66.6666666667% - var(--theme-var-grid_gap)); } .footer_wrap .column-6_10 { width: calc(60% - var(--theme-var-grid_gap)); } .footer_wrap .column-6_11 { width: calc(54.5454545455% - var(--theme-var-grid_gap)); } .footer_wrap .column-6_12 { width: calc(50% - var(--theme-var-grid_gap)); } .footer_wrap .column-7_7 { width: calc(100% - var(--theme-var-grid_gap)); } .footer_wrap .column-7_8 { width: calc(87.5% - var(--theme-var-grid_gap)); } .footer_wrap .column-7_9 { width: calc(77.7777777778% - var(--theme-var-grid_gap)); } .footer_wrap .column-7_10 { width: calc(70% - var(--theme-var-grid_gap)); } .footer_wrap .column-7_11 { width: calc(63.6363636364% - var(--theme-var-grid_gap)); } .footer_wrap .column-7_12 { width: calc(58.3333333333% - var(--theme-var-grid_gap)); } .footer_wrap .column-8_8 { width: calc(100% - var(--theme-var-grid_gap)); } .footer_wrap .column-8_9 { width: calc(88.8888888889% - var(--theme-var-grid_gap)); } .footer_wrap .column-8_10 { width: calc(80% - var(--theme-var-grid_gap)); } .footer_wrap .column-8_11 { width: calc(72.7272727273% - var(--theme-var-grid_gap)); } .footer_wrap .column-8_12 { width: calc(66.6666666667% - var(--theme-var-grid_gap)); } .footer_wrap .column-9_9 { width: calc(100% - var(--theme-var-grid_gap)); } .footer_wrap .column-9_10 { width: calc(90% - var(--theme-var-grid_gap)); } .footer_wrap .column-9_11 { width: calc(81.8181818182% - var(--theme-var-grid_gap)); } .footer_wrap .column-9_12 { width: calc(75% - var(--theme-var-grid_gap)); } .footer_wrap .column-10_10 { width: calc(100% - var(--theme-var-grid_gap)); } .footer_wrap .column-10_11 { width: calc(90.9090909091% - var(--theme-var-grid_gap)); } .footer_wrap .column-10_12 { width: calc(83.3333333333% - var(--theme-var-grid_gap)); } .footer_wrap .column-11_11 { width: calc(100% - var(--theme-var-grid_gap)); } .footer_wrap .column-11_12 { width: calc(91.6666666667% - var(--theme-var-grid_gap)); } .footer_wrap .column-12_12 { width: calc(100% - var(--theme-var-grid_gap)); } .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; } /* Menu in the default footer */ .footer_menu_inner { padding: var(--theme-var-grid_gap) 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; } .menu_footer_nav_area > ul > li + li:before, .footer_wrap .sc_layouts_menu > ul > li + li:before { content: " "; display: inline-block; width: 0; height: 0.8em; margin: 0; vertical-align: baseline; } .menu_footer_nav_area > ul > li > a, .footer_wrap .sc_layouts_menu > ul > li > a { padding: 0.5em 2.5em; display: inline-block; } .mobile_layout .menu_footer_nav_area > ul > li > a, .mobile_layout .footer_wrap .sc_layouts_menu > ul > li > a { padding: 0.5em 1em; } .menu_footer_nav_area > ul > li.menu-item-has-children > a, .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a { padding-right: 3.5em; } .mobile_layout .menu_footer_nav_area > ul > li.menu-item-has-children > a, .mobile_layout .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a { padding-right: 2em; } .menu_footer_nav_area > ul > li.menu-item-has-children > a:after, .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a:after { content: "\e828"; font-family: "fontello"; right: 2em; } .mobile_layout .menu_footer_nav_area > ul > li.menu-item-has-children > a:after, .mobile_layout .footer_wrap .sc_layouts_menu > ul > li.menu-item-has-children > a:after { right: 0.5em; } .menu_footer_nav_area li li.menu-item-has-children > a:after, .footer_wrap .sc_layouts_menu li li.menu-item-has-children > a:after { content: "\e836"; font-family: "fontello"; } .menu_footer_nav_area > ul > li ul, .footer_wrap .sc_layouts_menu > ul > li ul { 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 > a, .footer_wrap .sc_layouts_menu > ul > li ul > li > a { display: block; } /* Copyright area in the default footer */ .footer_copyright_wrap { background-color: var(--theme-color-content_bg); } .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 { margin-top: var(--theme-var-grid_gap); } .footer_copyright_inner { font-size: 0.9333em; padding: 2em 0; overflow: hidden; text-align: center; border-color: var(--theme-color-bd_color); } .footer_copyright_inner a { color: var(--theme-color-text_dark); } .footer_copyright_inner a:hover { color: var(--theme-color-accent_link); } .footer_copyright_inner .copyright_text { color: var(--theme-color-text); } .footer_copyright_wrap p { margin: 0; } /* 11. Utils ----------------------------------------------------------- */ /* Common rules */ .widget .widget_title, .widget .widgettitle, .widget .widget-title, .widget .wp-block-group__inner-container > h1, .widget .wp-block-group__inner-container > h2, .widget .wp-block-group__inner-container > h3, .widget .wp-block-group__inner-container > h4, .widget .wp-block-group__inner-container > h5, .widget .wp-block-group__inner-container > h6, .widget label.wp-block-search__label { color: var(--theme-color-text_dark); margin-top: -0.2em; margin-bottom: calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 5px); } .widget .widget_title:empty, .widget .widgettitle:empty, .widget .widget-title:empty, .widget .wp-block-group__inner-container > h1:empty, .widget .wp-block-group__inner-container > h2:empty, .widget .wp-block-group__inner-container > h3:empty, .widget .wp-block-group__inner-container > h4:empty, .widget .wp-block-group__inner-container > h5:empty, .widget .wp-block-group__inner-container > h6:empty, .widget label.wp-block-search__label:empty { display: none; } .widget .widget_title:after, .widget .widgettitle:after, .widget .widget-title:after, .widget .wp-block-group__inner-container > h1:after, .widget .wp-block-group__inner-container > h2:after, .widget .wp-block-group__inner-container > h3:after, .widget .wp-block-group__inner-container > h4:after, .widget .wp-block-group__inner-container > h5:after, .widget .wp-block-group__inner-container > h6:after, .widget label.wp-block-search__label:after { content: ""; display: block; width: 100%; height: 1px; background-color: var(--theme-color-bd_color); margin-top: 0.8em; } .widget .widget_title + ul, .widget .widget_title + ol, .widget .widgettitle + ul, .widget .widgettitle + ol, .widget .widget-title + ul, .widget .widget-title + ol, .widget .wp-block-group__inner-container > h1 + ul, .widget .wp-block-group__inner-container > h1 + ol, .widget .wp-block-group__inner-container > h2 + ul, .widget .wp-block-group__inner-container > h2 + ol, .widget .wp-block-group__inner-container > h3 + ul, .widget .wp-block-group__inner-container > h3 + ol, .widget .wp-block-group__inner-container > h4 + ul, .widget .wp-block-group__inner-container > h4 + ol, .widget .wp-block-group__inner-container > h5 + ul, .widget .wp-block-group__inner-container > h5 + ol, .widget .wp-block-group__inner-container > h6 + ul, .widget .wp-block-group__inner-container > h6 + ol, .widget label.wp-block-search__label + ul, .widget label.wp-block-search__label + ol { margin-top: -9px; } .wp-widget-group__inner-blocks > [class*=wp-block-] { margin-bottom: calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 5px); } .widget_fullwidth .widget_title, .widget_fullwidth .widgettitle { text-align: center; } .widget ul { margin: 0; padding-left: 18px; list-style-type: none; } .widget ul ul { padding-left: 17px; } .widget ol { margin: 0; } .widget ol li { margin-bottom: 0; } .widget ol li + li { margin-top: 0.34em; } .widget > .widget_title + ul, .widget > .widget_title + ol { margin-top: -9px; } ul.wp-block-archives-list, ul.wp-block-categories-list, ul.wp-block-rss, ul.wp-block-page-list { padding-left: 18px; list-style-type: none; } .widget ul > li + li, .widget ul > li > ul, ul.wp-block-archives-list > li + li, ul.wp-block-archives-list > li > ul, ul.wp-block-categories-list > li + li, ul.wp-block-categories-list > li > ul, ul.wp-block-rss > li + li, ul.wp-block-rss > li > ul, ul.wp-block-page-list > li + li, ul.wp-block-page-list > li > ul { margin-top: 0.34em; } .widget ul > li, ul.wp-block-archives-list > li, ul.wp-block-categories-list > li, ul.wp-block-rss > li, ul.wp-block-page-list > li { position: relative; } .widget ul > li:before, ul.wp-block-archives-list > li:before, ul.wp-block-categories-list > li:before, ul.wp-block-rss > li:before, ul.wp-block-page-list > li:before { content: " "; display: block; width: 6px; height: 6px; line-height: 6px; text-align: center; position: absolute; z-index: 1; top: 9px; left: -17px; border-radius: 50%; background-color: var(--theme-color-accent_link2); } .wp-block-navigation ul.wp-block-page-list { padding-left: 0; list-style-type: none; } .wp-block-navigation ul.wp-block-page-list .wp-block-navigation-item__content.wp-block-navigation-item__content:hover { color: var(--theme-color-accent_hover); } .wp-block-navigation ul.wp-block-page-list > li + li, .wp-block-navigation ul.wp-block-page-list > li > ul { margin-top: 0; } .wp-block-navigation ul.wp-block-page-list > li:before { display: none; } .widget li a img { vertical-align: baseline; } .widget li a > img, .widget li span > img { border-radius: var(--theme-var-rad50); } /* Media in widgets */ .sidebar .widget, .footer_wrap .sc_layouts_row .widget { /* Audio */ } .sidebar .widget .wp-block-audio:last-child, .sidebar .widget .wp-block-video:last-child, .sidebar .widget .wp-block-gallery:last-child, .sidebar .widget .wp-block-image:last-child, .footer_wrap .sc_layouts_row .widget .wp-block-audio:last-child, .footer_wrap .sc_layouts_row .widget .wp-block-video:last-child, .footer_wrap .sc_layouts_row .widget .wp-block-gallery:last-child, .footer_wrap .sc_layouts_row .widget .wp-block-image:last-child { margin-bottom: 0; } .sidebar .widget .mejs-controls .mejs-horizontal-volume-slider, .sidebar .widget .mejs-controls .mejs-horizontal-volume-total, .footer_wrap .sc_layouts_row .widget .mejs-controls .mejs-horizontal-volume-slider, .footer_wrap .sc_layouts_row .widget .mejs-controls .mejs-horizontal-volume-total { width: 40px; } /* Images in widgets */ .widget_area .post_item .post_thumb img, aside .post_item .post_thumb img { border-radius: var(--theme-var-rad); } /* Widget: Calendar */ .widget_calendar { /* Image */ } .widget_calendar .wp-calendar-image { height: 231px; background-size: cover; background-position: center; border-radius: var(--theme-var-content_rad) var(--theme-var-content_rad) 0 0; } .widget_calendar .wp-calendar-image + table { padding-top: calc(var(--theme-var-sm_grid_gap) + var(--theme-var-grid_gap_koef) * 7px); } .widget_calendar .wp-calendar-image + table caption { padding-bottom: 11px; margin-bottom: 15px; } .sidebar .widget.widget_calendar .wp-calendar-image, .footer_wrap .sc_layouts_row .widget.widget_calendar .wp-calendar-image { margin-top: calc(-1 * (var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 14px)); margin-left: calc(-1 * (var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 14px)); margin-right: calc(-1 * (var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 14px)); } .sidebar .widget.widget_calendar .wp-calendar-image ~ .wp-calendar-nav, .footer_wrap .sc_layouts_row .widget.widget_calendar .wp-calendar-image ~ .wp-calendar-nav { margin-bottom: calc(-1 * (var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 14px)); margin-left: calc(-1 * (var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 14px)); margin-right: calc(-1 * (var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 14px)); } .widget_calendar, .wp-block-calendar, .wp-widget-calendar { /* Table */ /* Month caption */ /* Navigation */ } .widget_calendar a, .wp-block-calendar a, .wp-widget-calendar a { text-decoration: none; } .widget_calendar table:first-child, .wp-block-calendar table:first-child, .wp-widget-calendar table:first-child { border-radius: var(--theme-var-content_rad) var(--theme-var-content_rad) 0 0; } .widget_calendar table, .wp-block-calendar table, .wp-widget-calendar table { width: 100%; position: relative; border: none; -webkit-box-shadow: none; box-shadow: none; display: block; border-radius: 0; } .widget_calendar .widget_title + table, .wp-block-calendar .widget_title + table, .wp-widget-calendar .widget_title + table { padding-top: 0; } .widget_calendar caption, .wp-block-calendar caption, .wp-widget-calendar caption { font-size: var(--theme-font-h3_font-size); line-height: 1.5em; display: block; padding-bottom: 16px; margin-top: -0.2em; margin-bottom: var(--theme-var-sm_grid_gap); border-bottom: 1px solid var(--theme-color-bd_color); } .widget_calendar thead, .widget_calendar tbody, .widget_calendar tfoot, .wp-block-calendar thead, .wp-block-calendar tbody, .wp-block-calendar tfoot, .wp-widget-calendar thead, .wp-widget-calendar tbody, .wp-widget-calendar tfoot { display: table; width: 100%; } .widget_calendar table > thead > tr, .wp-block-calendar table > thead > tr, .wp-widget-calendar table > thead > tr { background-color: transparent !important; } .widget_calendar table > tbody > tr, .wp-block-calendar table > tbody > tr, .wp-widget-calendar table > tbody > tr { border-top: none; } .widget_calendar table caption, .widget_calendar tbody td a, .widget_calendar th, .wp-block-calendar table caption, .wp-block-calendar tbody td a, .wp-block-calendar th, .wp-widget-calendar table caption, .wp-widget-calendar tbody td a, .wp-widget-calendar th { color: var(--theme-color-text_dark); } .widget_calendar th, .widget_calendar td, .wp-block-calendar th, .wp-block-calendar td, .wp-widget-calendar th, .wp-widget-calendar td { font-size: 14px !important; text-align: center; text-transform: uppercase; 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, .wp-widget-calendar th { font-weight: 600; padding: 8px; } .widget_calendar td, .wp-block-calendar td, .wp-widget-calendar td { padding: 7px; } .widget_calendar tbody td, .wp-block-calendar tbody td, .wp-widget-calendar tbody td { color: var(--theme-color-text) !important; } .widget_calendar tbody td a, .wp-block-calendar tbody td a, .wp-widget-calendar tbody td a { display: block; position: relative; font-weight: normal; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 2; color: var(--theme-color-accent_text); } .widget_calendar tbody td a:before, .wp-block-calendar tbody td a:before, .wp-widget-calendar tbody td a:before { content: " "; position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 2.286em; height: 2.286em; line-height: 2.286em; text-align: center; border-radius: 50%; background-color: var(--theme-color-accent_link5); -webkit-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; } .widget_calendar tbody td a:hover:before, .wp-block-calendar tbody td a:hover:before, .wp-widget-calendar tbody td a:hover:before { background-color: var(--theme-color-accent_hover5); } .widget_calendar tbody td#today a:before, .wp-block-calendar tbody td#today a:before, .wp-widget-calendar tbody td#today a:before { background-color: var(--theme-color-accent_link3); } .widget_calendar tbody td#today a:hover:before, .wp-block-calendar tbody td#today a:hover:before, .wp-widget-calendar tbody td#today a:hover:before { background-color: var(--theme-color-accent_hover3); } .widget_calendar tfoot, .wp-block-calendar tfoot, .wp-widget-calendar tfoot { position: relative; top: 0.6em; } .widget_calendar tfoot td, .wp-block-calendar tfoot td, .wp-widget-calendar tfoot td { text-transform: none !important; } .widget_calendar .wp-calendar-nav, .wp-block-calendar .wp-calendar-nav, .wp-widget-calendar .wp-calendar-nav { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-pack: space-between; -webkit-box-pack: justify; justify-content: space-between; margin-top: 17px; padding: 0.9em calc(var(--theme-var-grid_gap) + var(--theme-var-grid_gap_koef) * 15px); background-color: var(--theme-color-navigate_bg); border-radius: 0 0 var(--theme-var-content_rad) var(--theme-var-content_rad); } .widget_calendar td#prev, .widget_calendar .wp-calendar-nav-prev, .wp-block-calendar td#prev, .wp-block-calendar .wp-calendar-nav-prev, .wp-widget-calendar td#prev, .wp-widget-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, .wp-widget-calendar td#next, .wp-widget-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, .wp-widget-calendar td#prev a, .wp-widget-calendar td#next a, .wp-widget-calendar .wp-calendar-nav a { position: relative; font-weight: 500; color: var(--theme-color-text_dark); } .widget_calendar td#prev a:hover, .widget_calendar td#prev a:focus, .widget_calendar td#next a:hover, .widget_calendar td#next a:focus, .widget_calendar .wp-calendar-nav a:hover, .widget_calendar .wp-calendar-nav a:focus, .wp-block-calendar td#prev a:hover, .wp-block-calendar td#prev a:focus, .wp-block-calendar td#next a:hover, .wp-block-calendar td#next a:focus, .wp-block-calendar .wp-calendar-nav a:hover, .wp-block-calendar .wp-calendar-nav a:focus, .wp-widget-calendar td#prev a:hover, .wp-widget-calendar td#prev a:focus, .wp-widget-calendar td#next a:hover, .wp-widget-calendar td#next a:focus, .wp-widget-calendar .wp-calendar-nav a:hover, .wp-widget-calendar .wp-calendar-nav a:focus { color: var(--theme-color-accent_hover); } .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, .wp-widget-calendar td#prev a:before, .wp-widget-calendar td#next a:before, .wp-widget-calendar .wp-calendar-nav a:before { position: absolute; z-index: 1; top: 0; left: 0; width: 1.8em; height: 1.8em; line-height: 1.8em; font-size: 0.75em; font-weight: 600; display: inline-block; background-color: var(--theme-color-navigate_bg); } .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, .wp-widget-calendar td#prev a, .wp-widget-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, .wp-widget-calendar td#next a, .wp-widget-calendar .wp-calendar-nav-next a { padding-right: 0.6em; } .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, .wp-widget-calendar td#prev a:before, .wp-widget-calendar .wp-calendar-nav-prev a:before { content: "\e92a"; 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, .wp-widget-calendar td#next a:before, .wp-widget-calendar .wp-calendar-nav-next a:before { content: "\e92b"; font-family: "fontello"; left: auto; right: 0; } /* Widget: Categories */ .widget_categories li, .widget_product_categories li { font-weight: 500; color: var(--theme-color-text_dark); } /* Widget: Archives */ .wp-block-archives-dropdown > label { margin-bottom: 14px; } /* Widget: Comments */ .wp-block-latest-comments.has-avatars { padding-left: 0; } .wp-block-latest-comments__comment { line-height: inherit !important; list-style-type: decimal; margin-bottom: 0; } .wp-block-latest-comments__comment + li { margin-top: 10px; } .wp-block-latest-comments__comment .wp-block-latest-comments__comment-date { font-size: var(--theme-font-info_font-size); line-height: var(--theme-font-info_line-height); margin-top: 2px; } .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt p { margin-top: 4px; margin-bottom: 0; font-size: 14px; line-height: 1.643em; } /* Widget: Recent Posts */ .widget_recent_entries .post-date { display: inline-block; margin-left: 0.5em; color: var(--theme-color-text_light); } .wp-block-latest-posts__list li { overflow: hidden; } .wp-block-latest-posts__list li:before { display: none; } .wp-block-latest-posts__list:not(.is-grid) li:first-child a { margin-top: 0; } .wp-block-latest-posts__list:not(.is-grid) li a { margin-top: -6px; display: block; } .wp-block-latest-posts__list:not(.is-grid) li + li { margin-top: 16px !important; } .wp-block-latest-posts__list .wp-block-latest-posts__featured-image { border-radius: 50%; overflow: hidden; margin-top: 0 !important; margin-bottom: 16px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .wp-block-latest-posts__list .wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 16px !important; } .wp-block-latest-posts__list .wp-block-latest-posts__featured-image.alignleft { margin-bottom: 0 !important; margin-right: 15px !important; } .wp-block-latest-posts__list .wp-block-latest-posts__featured-image.alignright { margin-bottom: 0 !important; margin-left: 15px !important; } .wp-block-latest-posts__list .wp-block-latest-posts__post-author, .wp-block-latest-posts__list .wp-block-latest-posts__post-date { font-size: var(--theme-font-info_font-size); line-height: var(--theme-font-info_line-height); margin-top: 2px; } .wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt { margin-top: 4px; margin-bottom: 0; font-size: 14px; line-height: 1.643em; } /* Widgets: WP Search, WooCommerce Products Search and bbPress Forums Search */ .widget_search .widget_title, .widget_search .widgettitle, .woocommerce.widget_product_search .widget_title, .woocommerce.widget_product_search .widgettitle, .woocommerce.wp-widget-woocommerce_product_search .widget_title, .woocommerce.wp-widget-woocommerce_product_search .widgettitle, .widget_display_search .widget_title, .widget_display_search .widgettitle { margin-bottom: 1.05em; } .widget_search .widget_title:after, .widget_search .widgettitle:after, .woocommerce.widget_product_search .widget_title:after, .woocommerce.widget_product_search .widgettitle:after, .woocommerce.wp-widget-woocommerce_product_search .widget_title:after, .woocommerce.wp-widget-woocommerce_product_search .widgettitle:after, .widget_display_search .widget_title:after, .widget_display_search .widgettitle:after { display: none; } .widget_search form, .woocommerce.widget_product_search form, .woocommerce.wp-widget-woocommerce_product_search form, .widget_display_search form, #bbpress-forums #bbp-search-form { width: 100%; position: relative; } .widget_search form:after, .woocommerce.widget_product_search form:after, .woocommerce.wp-widget-woocommerce_product_search form:after, .widget_display_search form:after, #bbpress-forums #bbp-search-form:after, #buddypress #media_search_form:after { content: "\e9a1"; font-family: "fontello"; display: block; position: absolute; z-index: 0; top: 4px; right: 4px; width: 43px; height: 43px; line-height: 43px; text-align: center; border-radius: var(--theme-var-rad); pointer-events: none; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: var(--theme-color-text_dark); color: var(--theme-color-content_bg); } .widget_search form:hover:after, .woocommerce.widget_product_search form:hover:after, .woocommerce.wp-widget-woocommerce_product_search form:hover:after, .widget_display_search form:hover:after, #bbpress-forums #bbp-search-form:hover:after, #buddypress #media_search_form:hover:after { background-color: var(--theme-color-accent_link); color: var(--theme-color-accent_text); } .widget_search .search-field, .woocommerce.widget_product_search .search_field, .woocommerce.wp-widget-woocommerce_product_search .search_field, .widget_display_search #bbp_search, #bbpress-forums #bbp-search-form #bbp_search, #buddypress #media_search_form #media_search_input { width: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-top: 15px; padding-bottom: 15px; padding-right: 5.45em; border-radius: var(--theme-var-rad); -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.0509803922); box-shadow: 0 3px 16px rgba(0, 0, 0, 0.0509803922); } .widget_search input.search-submit, .woocommerce.widget_product_search .search_button, .woocommerce.wp-widget-woocommerce_product_search .search_button, .widget_display_search #bbp_search_submit, #bbpress-forums #bbp-search-form #bbp_search_submit, #buddypress #media_search_form #media_search { display: block; text-indent: -1000px; position: absolute; z-index: 1; top: 0; right: 0; width: 4em; height: 100%; padding: 0; border: none !important; background: none !important; cursor: pointer; -webkit-box-shadow: none !important; box-shadow: none !important; overflow: hidden; } .wp-block-search { /* Inside */ /* Icon */ } .wp-block-search .wp-block-search__label { display: block; margin-bottom: 14px; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border: 1px solid var(--theme-color-input_bd_color); border-radius: var(--theme-var-rad); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { border-radius: var(--theme-var-rad); padding: calc(var(--theme-var-input_padding) - 4px) 16px; border: none; -webkit-box-shadow: none; box-shadow: none; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-icon) { padding: calc(var(--theme-var-btn_padding) - 4px) calc(var(--theme-var-btn_padding2) - 4px); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon { padding: calc(var(--theme-var-btn_padding) - 4px); } .wp-block-search .wp-block-search__button.has-icon { padding: var(--theme-var-btn_padding); } .wp-block-search .wp-block-search__button.has-icon:before { content: "\e9a1"; font-family: "fontello"; font-size: 1.4em; line-height: 21px; font-weight: 400; width: 21px; height: 21px; display: block; } .wp-block-search .wp-block-search__button.has-icon svg { display: none; } .widget_block .wp-block-search form, .widget_block.widget_search form { margin-bottom: 0; } .widget_block .wp-block-search form:after, .widget_block.widget_search form:after { display: none; } .widget_block .wp-block-search label.wp-block-search__label, .widget_block.widget_search label.wp-block-search__label { display: block; color: var(--theme-color-text_dark); } .widget_block .wp-block-search .wp-block-search__button:not(.has-icon), .widget_block.widget_search .wp-block-search__button:not(.has-icon) { padding-left: 1.2em !important; padding-right: 1.2em !important; } /* Widget: RSS */ .widget_rss .widget_title img { display: none; } .widget_rss .widget_title a { display: inline-block; margin-right: 6px; } .widget_rss .widget_title a:first-child { color: var(--theme-color-accent_link2); } .widget_rss .widget_title a:first-child:before { content: "\e8ed"; font-family: "fontello"; display: inline-block; font-size: 0.9em; } .widget_rss .widget_title a:first-child:hover { color: var(--theme-color-accent_hover2); } .widget_rss .rss-date, .widget_rss cite { display: block; font-size: var(--theme-font-info_font-size); line-height: var(--theme-font-info_line-height); color: var(--theme-color-text_light); margin-top: 2px; } .widget_rss .rssSummary { margin-top: 4px; font-size: 14px; font-size: 14px; line-height: 1.643em; } .widget_rss ul, .widget_rss li { padding-left: 0; } .widget_rss ul:not([class]) li { text-indent: 0; } .widget_rss ul > li:before { display: none; } .widget_rss ul > li + li { margin-top: 1em; } /* Widget: TextWidget */ .widget_text dt, .widget_text b, .widget_text strong { color: var(--theme-color-text_dark); } .textwidget p { margin-top: 0; } .textwidget p:last-child { margin-bottom: 0; } .textwidget br:last-child { display: none; } .textwidget br + img { margin-top: 1.6em; } .textwidget img { border-radius: var(--theme-var-content_rad); } .textwidget img:not(:last-child) { margin-bottom: 1.6em; } /* Widgets: WP Tag Cloud and WooCommerce Tag Cloud */ .widget_product_tag_cloud, .widget_tag_cloud { overflow: hidden; } .wp-block-tag-cloud, .widget_product_tag_cloud .tagcloud, .widget_tag_cloud .tagcloud { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wp-block-tag-cloud a, .widget_product_tag_cloud a, .widget_tag_cloud a { display: block; padding: 5px 15px; margin: 0 6px 6px 0; font-size: 11px !important; line-height: 18px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; border-radius: var(--theme-var-rad); color: var(--theme-color-text_dark); background-color: var(--theme-color-navigate_bg); } .wp-block-tag-cloud a:hover, .widget_product_tag_cloud a:hover, .widget_tag_cloud a:hover { background-color: var(--theme-color-bg_color); } /* Widget: Socials */ .wp-block-social-links { padding: 0 !important; } .wp-block-social-links > li:before { display: none !important; } .wp-block-social-links > li + li { margin-top: 0 !important; } .widget > .wp-block-social-links { margin: 0 !important; float: none !important; } /* 12. Utils ----------------------------------------------------------- */ /* Customizer message */ .anesta_customizer_message { padding: 2em; margin: 0 auto; max-width: 60%; background-color: #f3e6ce; color: #996600; border-left: 3px solid #666600; } .anesta_customizer_message b { color: #333300; } /* 13. 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_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 { right: -5.5em; } .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 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 { margin-bottom: 0.625em; } .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: var(--theme-var-grid_gap); } .popup_wrap .popup_form_field .forgot_password { float: right; line-height: 1.5em; } .popup_wrap .popup_form_field.remember_field { margin-top: 1.2em; } .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; } /* 14. Third part plugins ----------------------------------------------------------- */ /* Google conversion */ iframe[name=google_conversion_frame] { height: 1px; min-height: 0px; display: none; } /* Magnific popup */ .mfp-bg { z-index: 200001 !important; opacity: 1; background-color: var(--theme-color-bg_color_09); } .mfp-wrap { z-index: 200002 !important; } .mfp-wrap .mfp-container { overflow: auto; max-width: unset; padding: var(--theme-var-grid_gap); /* Image */ /* Video */ } .mfp-wrap .mfp-container .mfp-content { padding-top: 36px; width: auto; height: auto; min-width: unset; max-width: unset; min-height: unset; max-height: unset; } .mfp-wrap .mfp-container .mfp-content .sc_layouts_popup { max-height: unset; } .mfp-wrap .mfp-container .mfp-figure:after { -webkit-box-shadow: none; box-shadow: none; background: transparent; } .mfp-wrap .mfp-container .mfp-figure img.mfp-img { padding-top: 0; padding-bottom: 0; max-height: 75vh; border-radius: 0; } .mfp-wrap .mfp-container .mfp-figure figcaption { margin: 0 !important; } .mfp-wrap .mfp-container .trx_addons_video_player { border-radius: 0; } .mfp-wrap .mfp-close { width: 25px !important; height: 25px !important; line-height: 25px !important; text-align: center; font-size: inherit !important; margin: 0; padding: 0; right: -3px !important; top: 0 !important; border: none !important; background: transparent; } .mfp-arrow { background-color: transparent !important; } .mfp-title, .mfp-counter { color: var(--theme-color-text_dark); } /* The GDPR Framework */ .gdpr-terms-container { clear: both; margin: 1em 0 !important; } /* Messages & Notifications */ .bp_messages_notifications { display: -webkit-box; display: -ms-flexbox; display: flex; } .bp_messages_notifications div { position: relative; } .bp_messages_notifications div + div { margin-left: calc(var(--theme-var-sm_grid_gap) + var(--theme-var-grid_gap_koef) * 6px); } .bp_messages_notifications a { font-size: 25px; line-height: 1em; width: 1.2em; display: block; text-align: left; color: var(--theme-color-text_dark); } .bp_messages_notifications a:hover { color: var(--theme-color-accent_link); } .bp_messages_notifications .count { font-size: 11px; font-weight: 500; background-color: var(--theme-color-accent_link2); color: var(--theme-color-accent_text); display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; position: absolute; right: -1px; top: -7px; } .bp_messages_notifications .messages a { font-size: 24px; } .bp_messages_notifications .messages .count { right: -5px; background-color: var(--theme-color-accent_link); } /* Page content switcher */ #page_content_switcher { width: 3em; height: 3em; line-height: 3em; text-align: center; position: fixed; z-index: 100001; top: auto; right: 0.5em; bottom: 10em; left: auto; border-radius: 50%; display: none; color: var(--theme-color-accent_text); background-color: var(--theme-color-accent_link5); cursor: pointer; text-align: center; -webkit-transition: color 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease; } #page_content_switcher:before { font-size: 23px; } #page_content_switcher:hover { background-color: var(--theme-color-accent_hover5); } .body_wrap ~ #page_content_switcher { display: block; } /* Color scheme switcher */ #color_scheme_switcher { width: 3em !important; height: 3em !important; line-height: 3em !important; text-align: center; position: fixed; z-index: 100001; top: auto; right: 0.5em; bottom: 6em; left: auto; border-radius: 50%; display: none; padding: 0; font-size: inherit; text-align: center; visibility: visible; list-style-type: none; margin: 0; } #color_scheme_switcher:before { color: var(--theme-color-accent_text); background-color: var(--theme-color-accent_link3); cursor: pointer; font-size: 23px; width: inherit; height: inherit; line-height: inherit; text-align: center; border-radius: 50%; -webkit-transition: color 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease; } #color_scheme_switcher:hover:before { background-color: var(--theme-color-accent_hover3); } #color_scheme_switcher li { margin: 0; opacity: 0; background-color: var(--theme-color-bg_color); border: 1px solid var(--theme-color-bd_color); -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; position: absolute; z-index: -1; top: 0; right: 0; bottom: auto; left: auto; width: 3em; height: 3em; line-height: calc(3em - 4px); border-radius: 50%; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } #color_scheme_switcher li:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } #color_scheme_switcher li span { font-size: 12px; } .body_wrap ~ #color_scheme_switcher { display: block; } #color_scheme_switcher.opened li:nth-child(1) { right: calc(1 * (3em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(2) { right: calc(2 * (3em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(3) { right: calc(3 * (3em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(4) { right: calc(4 * (3em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(5) { right: calc(5 * (3em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(6) { right: calc(6 * (3em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(7) { right: calc(7 * (3em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(8) { right: calc(8 * (3em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(9) { right: calc(9 * (3em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(10) { right: calc(10 * (3em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(11) { right: calc(11 * (3em + 15px)); opacity: 1; } #color_scheme_switcher.opened li:nth-child(12) { right: calc(12 * (3em + 15px)); opacity: 1; } body.scheme_dark .logo_image.invert, body.scheme_dark .sc_layouts_logo.invert img { -webkit-filter: invert(1); filter: invert(1); } body.scheme_dark [class*=scheme_] .logo_image.invert, body.scheme_dark [class*=scheme_] .sc_layouts_logo.invert img { -webkit-filter: none; filter: none; }
Save
Cancel