芝麻web文件管理V1.00
编辑当前文件:/home/elegucvf/public_html/wp-content-20250317205720/themes/atlas/style-rtl.css
@charset "UTF-8"; /* Theme Name: Atlas Theme URI: https://demo.tmrwstudio.net/atlas Author: tmrwstudio Author URI: https://themeforest.net/user/tmrw-studio Description: Atlas is a responsive Wordpress news, blog, magazine template. The user can use by especially magazine, blog & newspaper for online. Version: 2.0.6 Requires at least: 6.4 Tested up to: 6.4 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: atlas Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready */ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*-------------------------------------------------------------- # Formatting --------------------------------------------------------------*/ *, *::after, *::before { box-sizing: border-box; } .hidden { display: none; } .text-capitalize { text-transform: capitalize; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .wp-block-cover { color: #fff; } /* Text Alignments */ .text-left { text-align: right; justify-content: flex-start; } .text-right { text-align: left; justify-content: flex-end; } .text-center { text-align: center; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .img-hidden { display: none !important; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /* Warning */ .th90-warning a { text-decoration: underline !important; } :root { --site_width: 1070; --content_width: 69; --box_radius: 10; --button_radius: 10; --image_radius: 10; --light-bg-color: #f7f9f8; --light-sec-bg-color: #ffffff; --light-text-color-color: #202124; --light-text-color-alpha: 1; --light-text-color-rgba: rgba(32,33,36,1); --light-text-color-heavier-color: #000000; --light-text-color-heavier-alpha: 1; --light-text-color-heavier-rgba: rgba(0,0,0,1); --light-text-color-lighter-color: #999999; --light-text-color-lighter-alpha: 1; --light-text-color-lighter-rgba: rgba(153,153,153,1); --light-line-color-color: #efefef; --light-line-color-alpha: 1; --light-line-color-rgba: rgba(239,239,239,1); --light-submenu-bg-color: #f5f5f5; --light-submenu-bg-alpha: 1; --light-submenu-bg-rgba: rgba(245,245,245,1); --dark-bg-color: #1c1c1c; --dark-sec-bg-color: #161617; --dark-text-color-color: #ffffff; --dark-text-color-alpha: 0.8; --dark-text-color-rgba: rgba(255,255,255,0.8); --dark-text-color-heavier-color: #ffffff; --dark-text-color-heavier-alpha: 1; --dark-text-color-heavier-rgba: rgba(255,255,255,1); --dark-text-color-lighter-color: #ffffff; --dark-text-color-lighter-alpha: 0.6; --dark-text-color-lighter-rgba: rgba(255,255,255,0.6); --dark-line-color-color: #ffffff; --dark-line-color-alpha: 0.1; --dark-line-color-rgba: rgba(255,255,255,0.1); --dark-submenu-bg-color: #000000; --dark-submenu-bg-alpha: 1; --dark-submenu-bg-rgba: rgba(0,0,0,1); --color-accent: #3d55ef; --color-accent-text: #ffffff; --primary_text-font-family: Poppins; --primary_text-font-weight: 400; --primary_text-font-size: 14px; --primary_text-line-height: 1.7; --primary_text-letter-spacing: 0; --second_text-font-family: Poppins; --second_text-font-weight: 400; --second_text-font-size: 12px; --second_text-line-height: 1.5; --second_text-letter-spacing: 0; --font_heading-font-family: Poppins; --font_heading-font-weight: 700; --h1_desktop-font-size: 28px; --h2_desktop-font-size: 24px; --h3_desktop-font-size: 21px; --h4_desktop-font-size: 18px; --h5_desktop-font-size: 16px; --h6_desktop-font-size: 14px; --h1_tablet-font-size: 28px; --h2_tablet-font-size: 24px; --h3_tablet-font-size: 21px; --h4_tablet-font-size: 18px; --h5_tablet-font-size: 16px; --h6_tablet-font-size: 14px; --h1_mobile-font-size: 28px; --h2_mobile-font-size: 24px; --h3_mobile-font-size: 21px; --h4_mobile-font-size: 18px; --h5_mobile-font-size: 18px; --h6_mobile-font-size: 14px; --logo_svg_width-width: 74px; --logo_svg_width-units: px; --logo_mobile_svg_width-width: 74px; --logo_mobile_svg_width-units: px; --logo_offcanvas_svg_width-width: 74px; --logo_offcanvas_svg_width-units: px; --header_space: 25; --mheader_space: 25; --reading_indicator_height: 3; --offcanvas_width-width: 300px; --offcanvas_width-units: px; --off_overlay_light-color: #f5f8fa; --off_overlay_light-alpha: 1; --off_overlay_dark-color: #161617; --off_overlay_dark-alpha: 1; --site_width_amp: 880; --primary_space: 30px; --h_space: 30px; --v_space: 30px; --line-size: 1px; --box-line-size: 1px; --btn-line-size: 1px; --box-radius: calc(var(--box_radius,6) * 1px); --button-radius: calc(var(--button_radius,10) * 1px); --image-radius: calc(var(--image_radius,10) * 1px); --box-padding: 20px; --box-padding-small: 10px; --shadow-size: 0; --loader-size: 36px; --loader-size_small: 24px; --container-default-padding-top: 0; --container-default-padding-bottom: 0; --container-default-padding-left: 0; --container-default-padding-right: 0; --container-default-padding-block-start: 0; --container-default-padding-inline-end: 0; --container-default-padding-block-end: 0; --container-default-padding-inline-start: 0; --gallery-block--gutter-size: 15px; --off-overlay-light: var(--off_overlay_light-rgba, #f5f8fa); --off-overlay-dark: var(--off_overlay_dark-rgba, #161617); } @media screen and (max-width: 880px) { :root { --primary_space: 20px; } } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ html { box-sizing: border-box; font-size: var(--primary_text-font-size); } .clearfix::after { display: block; clear: both; content: ""; } .clear:after, .clear:before { content: ""; display: table; table-layout: fixed; } .clear:after { clear: both; } /*-------------------------------------------------------------- # Spacing --------------------------------------------------------------*/ .button { margin: 0 0 12px; } .button:last-child { margin-bottom: 0; } .wp-block-archives, .wp-block-archives-list, .wp-block-archives-dropdown, .wp-block-calendar, .wp-block-categories, .wp-block-latest-comments, .wp-block-latest-posts, .wp-block-search, .wp-block-tag-cloud, .wp-block-rss, .gallery, .wp-block-audio, .wp-block-button, .wp-block-columns, .wp-block-cover, .wp-block-embed, .wp-block-gallery, .wp-block-gallery:not(.has-nested-images), .wp-block-group, .wp-block-image, .wp-block-media-text, .wp-block-video, .wp-block-pullquote, .wp-block-table, .wp-caption, address, blockquote, dl, fieldset, figure, form, ol, p, pre, button, input, select, textarea, form p, ul:not(.blocks-gallery-grid), table { margin-top: 0; margin-bottom: 35px; } .wp-block-archives:last-child, .wp-block-archives-list:last-child, .wp-block-archives-dropdown:last-child, .wp-block-calendar:last-child, .wp-block-categories:last-child, .wp-block-latest-comments:last-child, .wp-block-latest-posts:last-child, .wp-block-search:last-child, .wp-block-tag-cloud:last-child, .wp-block-rss:last-child, .gallery:last-child, .wp-block-audio:last-child, .wp-block-button:last-child, .wp-block-columns:last-child, .wp-block-cover:last-child, .wp-block-embed:last-child, .wp-block-gallery:last-child, .wp-block-gallery:not(.has-nested-images):last-child, .wp-block-group:last-child, .wp-block-image:last-child, .wp-block-media-text:last-child, .wp-block-video:last-child, .wp-block-pullquote:last-child, .wp-block-table:last-child, .wp-caption:last-child, address:last-child, blockquote:last-child, dl:last-child, fieldset:last-child, figure:last-child, form:last-child, ol:last-child, p:last-child, pre:last-child, button:last-child, input:last-child, select:last-child, textarea:last-child, form p:last-child, ul:not(.blocks-gallery-grid):last-child, table:last-child { margin-bottom: 0; } h1, h2, h3, h4, h5, h6 { margin: 0 0 25px; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft, .wp-block-gallery.alignleft, .wp-block-image .alignleft, .wp-block[data-align=left] > * { float: right; margin-left: 30px; margin-top: 0.5em; margin-right: 0; max-width: 50%; text-align: right; } .alignright, .wp-block-gallery.alignright, .wp-block-image .alignright, .wp-block[data-align=right] > * { float: left; margin-right: 30px; margin-top: 0.5em; margin-left: 0; max-width: 50%; text-align: left; } .aligncenter, .wp-block-gallery.aligncenter > *, .wp-block[data-align=center] { clear: both; margin-right: auto; margin-left: auto; text-align: center; } .alignleft.wp-block-cover, .alignleft.wp-block-cover-image, .alignleft.wp-block-pullquote, .alignright.wp-block-cover, .alignright.wp-block-cover-image, .alignright.wp-block-pullquote, .wp-block[data-align=left] > *.wp-block-cover, .wp-block[data-align=left] > *.wp-block-cover-image, .wp-block[data-align=left] > *.wp-block-pullquote, .wp-block[data-align=right] > *.wp-block-cover, .wp-block[data-align=right] > *.wp-block-cover-image, .wp-block[data-align=right] > *.wp-block-pullquote { width: 50%; max-width: 50%; } @media screen and (max-width: 575px) { .alignleft.wp-block-cover, .alignleft.wp-block-cover-image, .alignleft.wp-block-pullquote, .alignright.wp-block-cover, .alignright.wp-block-cover-image, .alignright.wp-block-pullquote, .wp-block[data-align=left] > *.wp-block-cover, .wp-block[data-align=left] > *.wp-block-cover-image, .wp-block[data-align=left] > *.wp-block-pullquote, .wp-block[data-align=right] > *.wp-block-cover, .wp-block[data-align=right] > *.wp-block-cover-image, .wp-block[data-align=right] > *.wp-block-pullquote { width: 100%; max-width: 100%; margin-bottom: 35px; } } .has-text-align-left { text-align: right; } .has-text-align-right { text-align: left; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body { font-family: var(--primary_text-font-family); font-weight: var(--primary_text-font-weight); font-style: var(--primary_text-font-style); font-size: var(--primary_text-font-size); letter-spacing: var(--primary_text-letter-spacing); line-height: var(--primary_text-line-height); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; color: var(--light-text-color-rgba); margin: 0; padding: 0; overflow-x: hidden; word-break: normal; overflow-wrap: anywhere; direction: rtl; unicode-bidi: embed; } body.s-nobox { --h_space: 40px; } .head1, .head2, .head3, .head4, .head5, .head6, h1, h2, h3, h4, h5, h6 { font-family: var(--font_heading-font-family); font-weight: var(--font_heading-font-weight); font-style: var(--font_heading-font-style); text-transform: var(--font_heading-text-transform); line-height: var(--font_heading-line-height, normal); letter-spacing: var(--font_heading-letter-spacing); color: var(--light-text-color-heavier-rgba); padding: 0; } .bg-dark .head1, .bg-dark .head2, .bg-dark .head3, .bg-dark .head4, .bg-dark .head5, .bg-dark .head6, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6 { color: var(--dark-text-color-heavier-rgba); } .head1, h1 { font-weight: 700; } .head1, h1 { font-size: var(--h1_desktop-font-size); } .head2, h2 { font-size: var(--h2_desktop-font-size); } .head3, h3 { font-size: var(--h3_desktop-font-size); } .head4, h4 { font-size: var(--h4_desktop-font-size); } .head5, h5 { font-size: var(--h5_desktop-font-size); } .head6, h6 { font-size: var(--h6_desktop-font-size); } @media screen and (max-width: 880px) { .head1, h1 { font-size: var(--h1_tablet-font-size); } .head2, h2 { font-size: var(--h2_tablet-font-size); } .head3, h3 { font-size: var(--h3_tablet-font-size); } .head4, h4 { font-size: var(--h4_tablet-font-size); } .head5, h5 { font-size: var(--h5_tablet-font-size); } .head6, h6 { font-size: var(--h6_tablet-font-size); } } @media screen and (max-width: 767px) { .head1, h1 { font-size: var(--h1_mobile-font-size); } .head2, h2 { font-size: var(--h2_mobile-font-size); } .head3, h3 { font-size: var(--h3_mobile-font-size); } .head4, h4 { font-size: var(--h4_mobile-font-size); } .head5, h5 { font-size: var(--h5_mobile-font-size); } .head6, h6 { font-size: var(--h6_mobile-font-size); } } p { padding: 0; } p:empty { display: none; } p.has-background { padding: var(--box-padding); } strong { font-weight: 600; } cite, dfn, em, i { font-style: italic; } address { font-style: normal; } pre, pre.wp-block-verse { font-size: 14px; font-family: "Courier 10 Pitch", Courier, monospace; overflow: auto; padding: 20px; white-space: pre-wrap; border: none; line-height: 2; border: 1px solid var(--light-line-color-rgba); } .bg-dark pre, .bg-dark pre.wp-block-verse { border-color: var(--dark-line-color-rgba); } code, kbd, tt, var { font-size: 1em; font-family: Menlo, monaco, Consolas, Lucida Console, monospace; } abbr, acronym { border-bottom: 1px dotted currentColor; cursor: help; } ins, mark { background: yellow; text-decoration: none; } big { font-size: 125%; } figure { margin-right: 0; margin-left: 0; } :focus { outline: none; } .site ::selection { background-color: var(--color-accent); color: var(--color-accent-text); } .has-drop-cap:not(:focus)::first-letter { float: right; font-size: 5.2em; margin: 0.15em 0 0 0.2em; text-transform: uppercase; font-style: normal; color: var(--light-text-color-heavier-rgba); font-weight: 500; } .bg-dark .has-drop-cap:not(:focus)::first-letter { color: var(--dark-text-color-heavier-rgba); } .has-drop-cap:not(:focus)::first-letter::after { content: ""; display: table; clear: both; } .has-drop-cap:not(:focus)::after { padding: 0; } .icon-svg { display: inline-flex; width: 1em; height: 1em; box-sizing: content-box; } .icon-svg svg { width: 100%; height: 100%; fill: currentColor; } blockquote { quotes: "“" "”" "‘" "’"; position: relative; font-size: 1.8em; line-height: 1.5; position: relative; margin-bottom: 35px; margin-right: 0; margin-left: 0; padding: 0; padding-right: 1.4em; color: var(--light-text-color-heavier-rgba); } .bg-dark blockquote { color: var(--dark-text-color-heavier-rgba); } blockquote::before { content: open-quote; font-size: 2em; display: inline-block; vertical-align: middle; line-height: 1; position: absolute; right: 0; top: 0.1em; } blockquote::after { content: no-close-quote !important; } blockquote > p:last-of-type { margin-bottom: 0; } blockquote .wp-block-pullquote__citation, blockquote .wp-block-quote__citation, blockquote cite, blockquote footer { font-size: 1rem !important; font-style: normal; font-weight: normal; text-transform: none; margin-top: 20px; letter-spacing: normal; font-family: var(--primary_text-font-family); display: block; position: relative; padding-right: 30px; } blockquote .wp-block-pullquote__citation:before, blockquote .wp-block-quote__citation:before, blockquote cite:before, blockquote footer:before { content: ''; width: 20px; height: 1px; background-color: currentColor; position: absolute; right: 0; top: 50%; } blockquote.has-text-align-center, .has-text-align-center blockquote { padding-right: 1.4em; padding-left: 1.4em; } blockquote.has-text-align-center .wp-block-pullquote__citation, blockquote.has-text-align-center .wp-block-quote__citation, blockquote.has-text-align-center cite, blockquote.has-text-align-center footer, .has-text-align-center blockquote .wp-block-pullquote__citation, .has-text-align-center blockquote .wp-block-quote__citation, .has-text-align-center blockquote cite, .has-text-align-center blockquote footer { padding-right: 0; padding-left: 0; } blockquote.has-text-align-center .wp-block-pullquote__citation:before, blockquote.has-text-align-center .wp-block-quote__citation:before, blockquote.has-text-align-center cite:before, blockquote.has-text-align-center footer:before, .has-text-align-center blockquote .wp-block-pullquote__citation:before, .has-text-align-center blockquote .wp-block-quote__citation:before, .has-text-align-center blockquote cite:before, .has-text-align-center blockquote footer:before { display: none; } blockquote.has-text-align-right, .has-text-align-right blockquote { padding-right: 0; padding-left: 1.4em; } blockquote.has-text-align-right::before, .has-text-align-right blockquote::before { right: auto; left: 0; } blockquote.has-text-align-right.has-background, .has-text-align-right blockquote.has-background { padding-top: var(--box-padding); padding-bottom: var(--box-padding); padding-right: var(--box-padding); padding-left: calc(var(--box-padding) + 1.4em); } blockquote.has-text-align-right.has-background::before, .has-text-align-right blockquote.has-background::before { right: auto; left: var(--box-padding); } blockquote.has-text-align-right .wp-block-pullquote__citation, blockquote.has-text-align-right .wp-block-quote__citation, blockquote.has-text-align-right cite, blockquote.has-text-align-right footer, .has-text-align-right blockquote .wp-block-pullquote__citation, .has-text-align-right blockquote .wp-block-quote__citation, .has-text-align-right blockquote cite, .has-text-align-right blockquote footer { padding-right: 0; padding-left: 30px; } blockquote.has-text-align-right .wp-block-pullquote__citation:before, blockquote.has-text-align-right .wp-block-quote__citation:before, blockquote.has-text-align-right cite:before, blockquote.has-text-align-right footer:before, .has-text-align-right blockquote .wp-block-pullquote__citation:before, .has-text-align-right blockquote .wp-block-quote__citation:before, .has-text-align-right blockquote cite:before, .has-text-align-right blockquote footer:before { right: auto; left: 0; } .wp-block-quote { border-right: none; border-left: none; } .wp-block-quote p { font-size: inherit; font-style: inherit; line-height: inherit; } .wp-block-quote.has-background { padding-top: var(--box-padding); padding-bottom: var(--box-padding); padding-right: calc(var(--box-padding) + 1.4em); padding-left: var(--box-padding); } .wp-block-quote.has-background::before { top: calc(var(--box-padding) + 0.1em); right: var(--box-padding); } .wp-block-quote.is-style-plain { padding: 0 30px; border-right: 4px solid var(--color-accent); } .wp-block-quote.is-style-plain::before { display: none; } .wp-block-quote.is-style-plain.has-background { padding: var(--box-padding); } .wp-block-quote.is-style-plain.has-text-align-center { border-left: 4px solid var(--color-accent); } .wp-block-quote.is-style-plain.has-text-align-right { border-right: 0; border-left: 4px solid var(--color-accent); } .wp-block-pullquote { border-right: none; border-left: none; padding: 0; border: none; font-size: inherit; line-height: inherit; color: var(--light-text-color-heavier-rgba); } .bg-dark .wp-block-pullquote { color: var(--dark-text-color-heavier-rgba); } .wp-block-pullquote blockquote { margin: 0; color: inherit !important; } .wp-block-pullquote p { font-size: inherit !important; font-style: inherit; line-height: inherit; } .wp-block-pullquote.has-background { color: inherit; padding: var(--box-padding); } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p, .wp-block[data-align=left] > .wp-block-pullquote p, .wp-block[data-align=right] > .wp-block-pullquote p { font-size: inherit; font-style: inherit; line-height: inherit; } .wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right { max-width: 100%; } .wp-block-pullquote.has-text-align-center { text-align: center !important; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="range"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input:not([type]), select, textarea { box-shadow: none; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; line-height: inherit; max-width: 100%; width: 100%; border-radius: 0; display: block; float: none; padding: 6px 15px; height: 45px; color: inherit; transition: all 0.2s linear; background-color: var(--light-sec-bg-color); border-radius: var(--button-radius); border: var(--btn-line-size) solid var(--light-line-color-rgba); color: var(--light-text-color-rgba); } .bg-dark .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single, .bg-dark input[type="email"], .bg-dark input[type="number"], .bg-dark input[type="password"], .bg-dark input[type="search"], .bg-dark input[type="tel"], .bg-dark input[type="range"], .bg-dark input[type="text"], .bg-dark input[type="url"], .bg-dark input[type="color"], .bg-dark input[type="date"], .bg-dark input[type="month"], .bg-dark input[type="week"], .bg-dark input[type="time"], .bg-dark input[type="datetime"], .bg-dark input[type="datetime-local"], .bg-dark input:not([type]), .bg-dark select, .bg-dark textarea { background-color: var(--dark-sec-bg-color); border: var(--btn-line-size) solid var(--dark-line-color-rgba); color: var(--dark-text-color-rgba); } .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single::placeholder, input[type="email"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="range"]::placeholder, input[type="text"]::placeholder, input[type="url"]::placeholder, input[type="color"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="week"]::placeholder, input[type="time"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input:not([type])::placeholder, select::placeholder, textarea::placeholder { color: var(--light-text-color-rgba); opacity: 0.5; } .bg-dark .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single::placeholder, .bg-dark input[type="email"]::placeholder, .bg-dark input[type="number"]::placeholder, .bg-dark input[type="password"]::placeholder, .bg-dark input[type="search"]::placeholder, .bg-dark input[type="tel"]::placeholder, .bg-dark input[type="range"]::placeholder, .bg-dark input[type="text"]::placeholder, .bg-dark input[type="url"]::placeholder, .bg-dark input[type="color"]::placeholder, .bg-dark input[type="date"]::placeholder, .bg-dark input[type="month"]::placeholder, .bg-dark input[type="week"]::placeholder, .bg-dark input[type="time"]::placeholder, .bg-dark input[type="datetime"]::placeholder, .bg-dark input[type="datetime-local"]::placeholder, .bg-dark input:not([type])::placeholder, .bg-dark select::placeholder, .bg-dark textarea::placeholder { color: var(--dark-text-color-rgba); } .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single:-webkit-input-placeholder, input[type="email"]:-webkit-input-placeholder, input[type="number"]:-webkit-input-placeholder, input[type="password"]:-webkit-input-placeholder, input[type="search"]:-webkit-input-placeholder, input[type="tel"]:-webkit-input-placeholder, input[type="range"]:-webkit-input-placeholder, input[type="text"]:-webkit-input-placeholder, input[type="url"]:-webkit-input-placeholder, input[type="color"]:-webkit-input-placeholder, input[type="date"]:-webkit-input-placeholder, input[type="month"]:-webkit-input-placeholder, input[type="week"]:-webkit-input-placeholder, input[type="time"]:-webkit-input-placeholder, input[type="datetime"]:-webkit-input-placeholder, input[type="datetime-local"]:-webkit-input-placeholder, input:not([type]):-webkit-input-placeholder, select:-webkit-input-placeholder, textarea:-webkit-input-placeholder { color: var(--light-text-color-rgba); opacity: 0.5; } .bg-dark .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single:-webkit-input-placeholder, .bg-dark input[type="email"]:-webkit-input-placeholder, .bg-dark input[type="number"]:-webkit-input-placeholder, .bg-dark input[type="password"]:-webkit-input-placeholder, .bg-dark input[type="search"]:-webkit-input-placeholder, .bg-dark input[type="tel"]:-webkit-input-placeholder, .bg-dark input[type="range"]:-webkit-input-placeholder, .bg-dark input[type="text"]:-webkit-input-placeholder, .bg-dark input[type="url"]:-webkit-input-placeholder, .bg-dark input[type="color"]:-webkit-input-placeholder, .bg-dark input[type="date"]:-webkit-input-placeholder, .bg-dark input[type="month"]:-webkit-input-placeholder, .bg-dark input[type="week"]:-webkit-input-placeholder, .bg-dark input[type="time"]:-webkit-input-placeholder, .bg-dark input[type="datetime"]:-webkit-input-placeholder, .bg-dark input[type="datetime-local"]:-webkit-input-placeholder, .bg-dark input:not([type]):-webkit-input-placeholder, .bg-dark select:-webkit-input-placeholder, .bg-dark textarea:-webkit-input-placeholder { color: var(--dark-text-color-rgba); } .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="range"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="color"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input:not([type]):-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder { color: var(--light-text-color-rgba); opacity: 0.5; } .bg-dark .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single:-moz-placeholder, .bg-dark input[type="email"]:-moz-placeholder, .bg-dark input[type="number"]:-moz-placeholder, .bg-dark input[type="password"]:-moz-placeholder, .bg-dark input[type="search"]:-moz-placeholder, .bg-dark input[type="tel"]:-moz-placeholder, .bg-dark input[type="range"]:-moz-placeholder, .bg-dark input[type="text"]:-moz-placeholder, .bg-dark input[type="url"]:-moz-placeholder, .bg-dark input[type="color"]:-moz-placeholder, .bg-dark input[type="date"]:-moz-placeholder, .bg-dark input[type="month"]:-moz-placeholder, .bg-dark input[type="week"]:-moz-placeholder, .bg-dark input[type="time"]:-moz-placeholder, .bg-dark input[type="datetime"]:-moz-placeholder, .bg-dark input[type="datetime-local"]:-moz-placeholder, .bg-dark input:not([type]):-moz-placeholder, .bg-dark select:-moz-placeholder, .bg-dark textarea:-moz-placeholder { color: var(--dark-text-color-rgba); } .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="range"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="color"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input:not([type])::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: var(--light-text-color-rgba); opacity: 0.5; } .bg-dark .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single::-moz-placeholder, .bg-dark input[type="email"]::-moz-placeholder, .bg-dark input[type="number"]::-moz-placeholder, .bg-dark input[type="password"]::-moz-placeholder, .bg-dark input[type="search"]::-moz-placeholder, .bg-dark input[type="tel"]::-moz-placeholder, .bg-dark input[type="range"]::-moz-placeholder, .bg-dark input[type="text"]::-moz-placeholder, .bg-dark input[type="url"]::-moz-placeholder, .bg-dark input[type="color"]::-moz-placeholder, .bg-dark input[type="date"]::-moz-placeholder, .bg-dark input[type="month"]::-moz-placeholder, .bg-dark input[type="week"]::-moz-placeholder, .bg-dark input[type="time"]::-moz-placeholder, .bg-dark input[type="datetime"]::-moz-placeholder, .bg-dark input[type="datetime-local"]::-moz-placeholder, .bg-dark input:not([type])::-moz-placeholder, .bg-dark select::-moz-placeholder, .bg-dark textarea::-moz-placeholder { color: var(--dark-text-color-rgba); } .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="range"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: var(--light-text-color-rgba); opacity: 0.5; } .bg-dark .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single:-ms-input-placeholder, .bg-dark input[type="email"]:-ms-input-placeholder, .bg-dark input[type="number"]:-ms-input-placeholder, .bg-dark input[type="password"]:-ms-input-placeholder, .bg-dark input[type="search"]:-ms-input-placeholder, .bg-dark input[type="tel"]:-ms-input-placeholder, .bg-dark input[type="range"]:-ms-input-placeholder, .bg-dark input[type="text"]:-ms-input-placeholder, .bg-dark input[type="url"]:-ms-input-placeholder, .bg-dark input[type="color"]:-ms-input-placeholder, .bg-dark input[type="date"]:-ms-input-placeholder, .bg-dark input[type="month"]:-ms-input-placeholder, .bg-dark input[type="week"]:-ms-input-placeholder, .bg-dark input[type="time"]:-ms-input-placeholder, .bg-dark input[type="datetime"]:-ms-input-placeholder, .bg-dark input[type="datetime-local"]:-ms-input-placeholder, .bg-dark input:not([type]):-ms-input-placeholder, .bg-dark select:-ms-input-placeholder, .bg-dark textarea:-ms-input-placeholder { color: var(--dark-text-color-rgba); } form p:last-of-type { margin-bottom: 0; } input[type="checkbox"], input[type="radio"] { display: inline-block; border: none; background-color: transparent; margin: 0 0 0 8px; vertical-align: middle; } input[type="checkbox"] + *, input[type="radio"] + * { display: inline-block; margin-bottom: 0; font-family: var(--second_text-font-family); font-weight: var(--second_text-font-weight); font-style: var(--second_text-font-style); text-transform: var(--second_text-text-transform); font-size: var(--second_text-font-size); letter-spacing: var(--second_text-letter-spacing); line-height: var(--second_text-line-height); color: var(--light-text-color-lighter-rgba); } .bg-dark input[type="checkbox"] + *, .bg-dark input[type="radio"] + * { color: var(--dark-text-color-lighter-rgba); } input[type="checkbox"] + * a, input[type="radio"] + * a { color: var(--light-text-color-lighter-rgba); } .bg-dark input[type="checkbox"] + * a, .bg-dark input[type="radio"] + * a { color: var(--dark-text-color-lighter-rgba); } input[type="radio"] { border-radius: 50%; } select { max-width: 100%; text-transform: none; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 13.171 4.95-4.95 1.414 1.415L12 16 5.636 9.636 7.05 8.222l4.95 4.95Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left 10px center; background-size: 17px; padding-left: 35px; } .bg-dark select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(255,255,255,1)' d='m12 13.171 4.95-4.95 1.414 1.415L12 16 5.636 9.636 7.05 8.222l4.95 4.95Z'/%3E%3C/svg%3E"); } textarea { height: auto; padding-top: 20px; padding-bottom: 20px; } input:disabled, select:disabled, textarea:disabled { cursor: not-allowed; opacity: 0.8; } input:last-of-type, select:last-of-type, textarea:last-of-type { margin-bottom: 0; } label { display: block; text-transform: none; margin-bottom: 0.5em; color: var(--light-text-color-heavier-rgba); } .bg-dark label { color: var(--dark-text-color-heavier-rgba); } legend { font-family: var(--font_heading-font-family); font-weight: var(--font_heading-font-weight); font-style: var(--font_heading-font-style); text-transform: var(--font_heading-text-transform); line-height: var(--font_heading-line-height, normal); letter-spacing: var(--font_heading-letter-spacing); display: block; font-size: 1.5em; margin-bottom: 12px; color: var(--light-text-color-heavier-rgba); } .bg-dark legend { color: var(--dark-text-color-heavier-rgba); } fieldset { border-width: 0; padding: 0; margin-right: 0; } .required { color: red; } .form-group { width: 100%; float: right; } .label-inline { display: inline-block; font-weight: normal; margin-left: 0.5em; } .label-inline:last-child { margin-left: 0; } /* Chrome, Safari, Edge, Opera */ input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } /*-------------------------------------------------------------- # Separator --------------------------------------------------------------*/ .wp-block-separator, hr { border: 0; margin-bottom: 35px; margin-top: 35px; text-align: right; border-bottom: var(--line-size) solid var(--light-line-color-rgba); } .bg-dark .wp-block-separator, .bg-dark hr { border-bottom: var(--line-size) solid var(--dark-line-color-rgba); } .wp-block-separator.is-style-wide, hr.is-style-wide { border-bottom-width: calc(var(--line-size) * 2); } .wp-block-separator.is-style-dots, hr.is-style-dots { border-bottom: var(--line-size) dotted var(--light-line-color-rgba); } .bg-dark .wp-block-separator.is-style-dots, .bg-dark hr.is-style-dots { border-bottom: var(--line-size) dotted var(--dark-line-color-rgba); } .wp-block-separator.is-style-dots::before, hr.is-style-dots::before { display: none; } /* Block Divider */ .divider-inner { width: 100%; max-width: 100%; height: 1px; display: block; border: 0; border-color: var(--light-line-color-rgba); border-bottom-width: 1px; border-bottom-style: solid; text-indent: -9999px; margin: 0 auto; } .div-vertical .divider-inner { height: 35px; max-height: 100%; width: 1px; border-bottom: 0; border-left-width: 1px; border-left-style: solid; } .bg-dark .divider-inner, .site-dark .divider-inner { border-color: var(--dark-line-color-rgba); } /*-------------------------------------------------------------- # Lists --------------------------------------------------------------*/ ol li, ul li { margin: 0 0 12px; } ol li:last-child, ul li:last-child { margin-bottom: 0; } li > ol:not(.wp-block-gallery), li > ul:not(.wp-block-gallery) { margin-bottom: 0; margin-top: 12px; } dt { font-weight: 700; } dd { margin-right: 1.5em; } dd, dt { margin: 0 0 12px; } dd:last-child, dt:last-child { margin-bottom: 0; } /*-------------------------------------------------------------- # Tables --------------------------------------------------------------*/ .wp-block-table table, table { border: 0; border-collapse: collapse; border-spacing: 0; empty-cells: show; max-width: 100%; width: 100%; } .bg-dark .wp-block-table table, .bg-dark table { border-color: var(--dark-line-color-rgba); } td, th, .wp-block-table td, .wp-block-table th { text-align: right; border: 0; border-bottom: var(--line-size) solid var(--light-line-color-rgba); margin: 0; overflow: visible; padding: 15px; } .bg-dark td, .bg-dark th, .bg-dark .wp-block-table td, .bg-dark .wp-block-table th { border-color: var(--dark-line-color-rgba); } thead, .wp-block-table thead { vertical-align: bottom; white-space: nowrap; } th, .wp-block-table th { font-weight: 700; color: var(--light-text-color-heavier-rgba); } .bg-dark th, .bg-dark .wp-block-table th { color: var(--dark-text-color-heavier-rgba); } .wp-block-table thead { border-bottom: 0; } .wp-block-table.is-style-stripes { border-bottom: 0; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--light-sec-bg-color); } .bg-dark .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--dark-sec-bg-color); } .wp-block-table.is-style-stripes figcaption { margin-top: 0; padding-top: 0.5em; border-top: var(--line-size) solid var(--light-line-color-rgba); } .bg-dark .wp-block-table.is-style-stripes figcaption { border-color: var(--dark-line-color-rgba); } /*-------------------------------------------------------------- # Links --------------------------------------------------------------*/ .is-link, .wp-block-freeform.block-library-rich-text__tinymce a, a { color: var(--light-text-color-heavier-rgba); transition: all 0.25s linear; cursor: pointer; text-decoration: none; } .bg-dark .is-link, .bg-dark .wp-block-freeform.block-library-rich-text__tinymce a, .bg-dark a { color: var(--dark-text-color-heavier-rgba); } .is-link.active, .is-link:active, .is-link:hover, .wp-block-freeform.block-library-rich-text__tinymce a.active, .wp-block-freeform.block-library-rich-text__tinymce a:active, .wp-block-freeform.block-library-rich-text__tinymce a:hover, a.active, a:active, a:hover { outline: 0; color: var(--color-accent); } a.title-text { width: calc(100%); background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px); background-repeat: no-repeat; background-size: 0 100%; transition: background-size 0.3s; } a.title-text:hover { color: currentColor; background-size: 100% 100%; } .wp-block-button__link { font-size: 1em; text-decoration: none !important; } /*-------------------------------------------------------------- # Button --------------------------------------------------------------*/ .button, button, input[type='button'], input[type='reset'], input[type='submit'] { position: relative; outline: 0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 45px; line-height: calc(45px - (var(--btn-line-size) * 2)); padding: 0 1.6em; text-align: center; text-decoration: none; white-space: nowrap; border: none; box-shadow: none !important; border-radius: var(--button-radius); -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; user-select: none; transition: all 0.2s linear; background-color: var(--color-accent); color: var(--color-accent-text); } .button[disabled], button[disabled], input[type='button'][disabled], input[type='reset'][disabled], input[type='submit'][disabled] { cursor: not-allowed; background-color: var(--light-sec-bg-color); color: var(--light-text-color-heavier-rgba); background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); } .s-front .button.btn-default { background-color: var(--color-accent); color: var(--color-accent-text); } .s-front .button .icon-svg { font-size: 15px; } .s-front .button.btn-tiny { font-size: 11px; height: 30px; line-height: calc(30px - (var(--btn-line-size) * 2)); } .s-front .button.btn-tiny .icon-svg { font-size: 12px; } .s-front .button.btn-small { font-size: 12px; height: 38px; line-height: calc(38px - (var(--btn-line-size) * 2)); } .s-front .button.btn-small .icon-svg { font-size: 13px; } .s-front .button.btn-large { height: 56px; line-height: calc(56px - (var(--btn-line-size) * 2)); } .s-front .button.btn-large .icon-svg { font-size: 18px; } .s-front .button.btn-accent { background-color: var(--color-accent); color: var(--color-accent-text); } .s-front .button.btn-white { background-color: var(--light-sec-bg-color); color: var(--light-text-color-heavier-rgba); background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); } .s-front .button.btn-black { background-color: var(--dark-bg-color); color: var(--dark-text-color-heavier-rgba); background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); } .s-front .button.btn-text { width: auto; height: auto; line-height: inherit; border-radius: 0; padding: 0; background-color: transparent !important; border: none !important; box-shadow: none !important; color: var(--light-text-color-heavier-rgba); } .s-front .button.btn-text:hover { color: var(--color-accent); } .s-front .button.btn-text_color { width: auto; height: auto; line-height: inherit; border-radius: 0; padding: 0; background-color: transparent !important; border: none !important; box-shadow: none !important; color: var(--color-accent); } .s-front .button.btn-text_color:hover { color: var(--color-accent); } .s-front .button.btn-content_icon { padding: 0; margin-bottom: 0; overflow: visible; width: 45px; } .s-front .button.btn-content_icon.btn-tiny { width: 30px; } .s-front .button.btn-content_icon.btn-small { width: 38px; } .s-front .button.btn-content_icon.btn-large { width: 56px; } .s-front .button.btn-content_icon.btn-text, .s-front .button.btn-content_icon.btn-text_color { height: auto; width: auto; } .s-front .button.icon-right { flex-direction: row-reverse; } .s-front .button.btn-disabled { cursor: not-allowed; } .s-front .button.btn-disabled:not(.btn-text):not(.btn-text_color) { background-color: var(--light-sec-bg-color); color: var(--light-text-color-heavier-rgba); background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); } .s-front .bg-dark .button.btn-black, .s-front.site-dark .button.btn-black { background-color: var(--light-bg-color); color: var(--light-text-color-heavier-rgba); background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); } .s-front .bg-dark .button.btn-white, .s-front.site-dark .button.btn-white { background-color: var(--dark-sec-bg-color); color: var(--dark-text-color-heavier-rgba); background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); } .s-front .bg-dark .button.btn-text, .s-front.site-dark .button.btn-text { color: var(--dark-text-color-heavier-rgba); } .s-front .bg-dark .button.btn-text:hover, .s-front.site-dark .button.btn-text:hover { color: var(--color-accent); } .s-front.site-dark .bg-light .button.btn-black { background-color: var(--dark-bg-color); color: var(--dark-text-color-heavier-rgba); background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); } .s-front.site-dark .bg-light .button.btn-white { background-color: var(--light-sec-bg-color); color: var(--light-text-color-heavier-rgba); background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); } .s-front.site-dark .bg-light .button.btn-text { color: var(--light-text-color-heavier-rgba); } .s-front.site-dark .bg-light .button.btn-text:hover { color: var(--color-accent); } .btn-disabled { cursor: not-allowed; } .btn-disabled:not(.btn-text):not(.btn-text_color) { background-color: var(--light-sec-bg-color); color: var(--light-text-color-heavier-rgba); background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); } .article-content a.wp-block-button__link { text-decoration: inherit; font-weight: inherit; font-size: inherit; } .btn-cart { margin-bottom: 0; display: block; } .skin-trigger { margin-bottom: 0; } /*-------------------------------------------------------------- # Trigger Button --------------------------------------------------------------*/ .trigger-wrap { display: flex; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ img { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; } img, video { display: block; height: auto; max-width: 100%; } audio { display: block; } .comment-content .entry-content .wp-smiley, .page-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } iframe { border: 0; } /* Remove bottom on embeds that wrapped in paragraphs via wpautop. */ p > embed:only-child, p > iframe:only-child, p > object:only-child { margin-bottom: 0; } /* Gallery */ .gallery { display: flex; flex-flow: row wrap; } .gallery-item { display: inline-block; margin-left: 15px; margin-bottom: 15px; text-align: center; vertical-align: top; width: 100%; } .gallery-item img { margin: auto; } .gallery-columns-2 .gallery-item { max-width: calc((100% - 16px * 1) / 2); } .gallery-columns-2 .gallery-item:nth-of-type(2n+2) { margin-left: 0; } .gallery-columns-3 .gallery-item { max-width: calc((100% - 16px * 2) / 3); } .gallery-columns-3 .gallery-item:nth-of-type(3n+3) { margin-left: 0; } .gallery-columns-4 .gallery-item { max-width: calc((100% - 16px * 3) / 4); } .gallery-columns-4 .gallery-item:nth-of-type(4n+4) { margin-left: 0; } .gallery-columns-5 .gallery-item { max-width: calc((100% - 16px * 4) / 5); } .gallery-columns-5 .gallery-item:nth-of-type(5n+5) { margin-left: 0; } .gallery-columns-6 .gallery-item { max-width: calc((100% - 16px * 5) / 6); } .gallery-columns-6 .gallery-item:nth-of-type(6n+6) { margin-left: 0; } .gallery-columns-7 .gallery-item { max-width: calc((100% - 16px * 6) / 7); } .gallery-columns-7 .gallery-item:nth-of-type(7n+7) { margin-left: 0; } .gallery-columns-8 .gallery-item { max-width: calc((100% - 16px * 7) / 8); } .gallery-columns-8 .gallery-item:nth-of-type(8n+8) { margin-left: 0; } .gallery-columns-9 .gallery-item { max-width: calc((100% - 16px * 8) / 9); } .gallery-columns-9 .gallery-item:nth-of-type(9n+9) { margin-left: 0; } .gallery-item:last-of-type { padding-left: 0; } .gallery-item .gallery-caption { margin-top: 0.5em; margin-bottom: 0; } .simple-gallery { margin-bottom: 30px; } .simple-gallery:last-child { margin-bottom: 0; } /* Media Holder */ .media-holder > * { display: block; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container embed, .video-container iframe, .video-container object, .video-container video { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .wp-video-shortcode { visibility: hidden; } .wp-video-shortcode.mejs-video { visibility: visible; } .thumb-container { position: relative; overflow: hidden; border-radius: var(--image-radius); transform: translateZ(0); transition: all 0.4s ease; } .thumb-container img { position: absolute; top: 0; bottom: 0; right: 0; width: 100%; min-height: 100%; height: 100% !important; margin-bottom: 0; transition: all 0.4s ease; object-fit: cover; -webkit-object-fit: cover; object-position: center; -webkit-object-position: center; z-index: 1; } .post-layout .thumb-container img:hover, .woo-product .thumb-container img:hover, .post-hero:hover .thumb-container img { transform: scale(1.1); } .thumb-container .img-char { background: #666; color: #fff; font-family: var(--font_heading-font-family); font-weight: var(--font_heading-font-weight); font-style: var(--font_heading-font-style); text-transform: var(--font_heading-text-transform); line-height: var(--font_heading-line-height, normal); letter-spacing: var(--font_heading-letter-spacing); position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 80px; z-index: 0; } .post-small-thumbnail .thumb-container .img-char { font-size: 30px; } .thumb-container.thumb-100 { padding-bottom: 100%; } .thumb-container.thumb-56 { padding-bottom: 56%; } .thumb-container.thumb-62 { padding-bottom: 62.5%; } .thumb-container.thumb-67 { padding-bottom: 67%; } .thumb-container.thumb-75 { padding-bottom: 75%; } .thumb-container.thumb-50 { padding-bottom: 50%; } .thumb-container.thumb-125 { padding-bottom: 125%; } .thumb-container.thumb-150 { padding-bottom: 150%; } .thumb-container.thumb-133 { padding-bottom: 133%; } .thumbnail-circle .thumb-container { border-radius: 50%; } .blocks-gallery-grid:not(.has-nested-images), .wp-block-gallery:not(.has-nested-images) { width: 100%; } .block-egallery-wrap { position: relative; } .instagram-galbtn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; margin: 0; } .block-egallery { display: flex; flex-wrap: wrap; margin: 0; } .block-egallery > * { width: 25%; padding: 0; display: block; position: relative; } .block-egallery > * .thumb-container { overflow: hidden; border-radius: calc(var(--box-radius) - var(--box-line-size)); } /*-------------------------------------------------------------- # Media Captions --------------------------------------------------------------*/ .blocks-gallery-caption, .gallery-caption, .wp-caption-text, figcaption { font-family: var(--second_text-font-family); font-weight: var(--second_text-font-weight); font-style: var(--second_text-font-style); text-transform: var(--second_text-text-transform); font-size: var(--second_text-font-size); letter-spacing: var(--second_text-letter-spacing); line-height: var(--second_text-line-height); color: var(--light-text-color-lighter-rgba); text-align: center; } .bg-dark .blocks-gallery-caption, .bg-dark .gallery-caption, .bg-dark .wp-caption-text, .bg-dark figcaption { color: var(--dark-text-color-lighter-rgba); } .blocks-gallery-caption a, .gallery-caption a, .wp-caption-text a, figcaption a { color: var(--light-text-color-lighter-rgba); } .bg-dark .blocks-gallery-caption a, .bg-dark .gallery-caption a, .bg-dark .wp-caption-text a, .bg-dark figcaption a { color: var(--dark-text-color-lighter-rgba); } .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption { margin-top: 0.5em; margin-bottom: 0; } .blocks-gallery-grid .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-item figcaption { padding: 1em; } .wp-caption { max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.5em 0 0; } .blocks-gallery-caption { text-align: center; margin-right: auto; margin-left: auto; } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ .bg-dark { background-color: var(--dark-bg-color); color: var(--dark-text-color-rgba); } .bg-dark.skin-change:not(.bg-custom):not(.bg-sec) { background-color: var(--dark-bg-color); } .bg-dark.skin-change.bg-el:not(.bg-inherit):not(.bg-transparent):not(.bg-sec) { background-color: var(--dark-bg-color); } .bg-dark.e-con, .bg-dark .e-con-inner { border-color: var(--dark-line-color-rgba); transition: none; } .bg-dark.bg-sec { background-color: var(--dark-sec-bg-color); } .bg-light { background-color: var(--light-bg-color); } .bg-light.skin-change:not(.bg-custom):not(.bg-sec) { background-color: var(--light-bg-color); } .bg-light.skin-change.bg-el:not(.bg-inherit):not(.bg-transparent):not(.bg-sec) { background-color: var(--light-bg-color); } .bg-light.e-con, .bg-light .e-con-inner { border-color: var(--light-line-color-rgba); transition: none; } .bg-light.bg-sec { background-color: var(--light-sec-bg-color); } .bg-transparent { background-color: transparent !important; } .site { transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1), opacity 0.7s cubic-bezier(0, 0, 0.3, 1); display: flex; flex-direction: column; min-height: 100vh; } .site > * { position: relative; } .site-dark .site { background-color: var(--dark-bg-color); } .site-light .site { background-color: var(--light-bg-color); } .site .site-content { flex: 1; display: flex; flex-direction: column; } .site-bg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; background-color: var(--site_bg); } .site-header { z-index: 10; } #elementor-preview .site-header { z-index: 99999; } .container { width: 100%; padding-right: var(--primary_space); padding-left: var(--primary_space); } .section-inner { width: 100%; position: relative; display: flex; margin-right: auto; margin-left: auto; } @media screen and (min-width: 1201px) { .section-inner { max-width: calc(var(--site_width) * 1px); } .site-amp .section-inner { max-width: calc((var(--site_width_amp) * 1px)); } } @media screen and (max-width: 880px) { .site-content .section-inner { flex-direction: column; } .site-content .section-inner > *:not(:last-child):not(:last-of-type) { margin-bottom: var(--h_space); } } @media screen and (min-width: 881px) { .sidebar-one_column .site-content .section-inner, article.sidebar-one_column .section-inner { justify-content: center; } .sidebar-left .site-content .section-inner, article.sidebar-left .section-inner { flex-direction: row-reverse; } } .article-section .site-main, .d-flexlist, .elementor-widget-sidebar .elementor-widget-container, .page-container { display: flex; flex-direction: column; gap: var(--h_space); } .site-bar, .site-bar .theiaStickySidebar { display: flex; flex-direction: column; } .site-bar > .widget:not(:first-child):not(:first-of-type), .site-bar .theiaStickySidebar > .widget:not(:first-child):not(:first-of-type) { margin-top: var(--h_space); } .site-bar, .site-main { position: relative; width: 100%; min-height: 1px; } .site-main { z-index: 1; } @media screen and (min-width: 881px) { .site-main { max-width: calc(var(--content_width) * 1%); } .sidebar-full .site-main { width: 100%; max-width: 100%; } } @media screen and (min-width: 881px) { .site-bar { max-width: calc(100% - (var(--content_width) * 1%)); padding-right: var(--primary_space); } .sidebar-left .site-bar { padding-left: var(--primary_space); padding-right: 0; } } @media screen and (max-width: 880px) { .site-bar { padding-top: var(--h_space); } } .sidebar-full .site-bar, .sidebar-one_column .site-bar { display: none; } /* Elementor Layout */ .elementor > .e-con-boxed, .elementor-section-wrap > .e-con-boxed { padding-left: var(--primary_space); padding-right: var(--primary_space); } .offcanvas .elementor > .e-con-boxed, .site-bar .elementor > .e-con-boxed, .offcanvas .elementor-section-wrap > .e-con-boxed, .site-bar .elementor-section-wrap > .e-con-boxed { padding-left: var(--padding-left, 0); padding-right: var(--padding-right, 0); } /* Footer */ .footer-section { margin-top: var(--h_space); } .footer-section .section-inner { min-height: 70px; padding: 21px 0; justify-content: space-between; align-items: center; } @media screen and (max-width: 880px) { .footer-section .section-inner { justify-content: center; flex-direction: column-reverse; gap: 30px; } } .footer-section.bg-custom { background-color: var(--footer_bg_custom); } /* Sticky Sidebar */ .elementor-element .theiaStickySidebar { display: var(--display); flex-direction: var(--flex-direction); gap: var(--gap); margin-bottom: calc(var(--gap) * -1); } .theiaStickySidebar:after { display: none !important; } .vbox-overlay { --vbox-tools-color: #fff; --vbox-title-background: #101010; --vbox-title-width: 'auto'; --vbox-title-radius: 0; --vbox-share-background: #101010; --vbox-share-width: 'auto'; --vbox-share-radius: 0; --vbox-padding: 0; } .vbox-overlay *, .vbox-overlay :after, .vbox-overlay :before { -webkit-backface-visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .vbox-overlay * { -webkit-backface-visibility: visible; backface-visibility: visible; } .vbox-overlay { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 999999; } .vbox-share, .vbox-title { line-height: 1; position: fixed; z-index: 98; text-align: center; margin: 0 auto; color: var(--vbox-tools-color); } .vbox-title { font-size: 12px; background-color: var(--vbox-title-background); width: var(--vbox-title-width); border-radius: var(--vbox-title-radius); padding: 12px 54px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .vbox-share { font-size: 24px; padding: 0 0.35em; background-color: var(--vbox-share-background); width: var(--vbox-share-width); border-radius: var(--vbox-share-radius); } .vbox-link-btn, button.vbox-link-btn, button.vbox-link-btn:active, button.vbox-link-btn:focus, button.vbox-link-btn:hover { border: none !important; background: 0 0 !important; box-shadow: none !important; color: inherit !important; padding: 6px 12px; outline: 0; display: inline-block; cursor: pointer; } .vbox-share a { color: inherit !important; padding: 6px 12px; display: inline-block; } .vbox-share svg { z-index: 10; vertical-align: middle; } .vbox-close { cursor: pointer; position: fixed; top: 0; right: 0; z-index: 99; padding: 6px 15px; color: #000; color: var(--vbox-tools-color); border: 0; font-size: 24px; display: flex; align-items: center; opacity: 0.8; transition: opacity 0.2s; } .vbox-close:hover { opacity: 1; } .vbox-left-corner { cursor: pointer; position: fixed; left: 0; top: 0; overflow: hidden; line-height: 1; font-size: 12px; z-index: 99; display: flex; align-items: center; color: var(--vbox-tools-color); } .vbox-num { display: inline-block; padding: 12px 15px; } .vbox-left { left: 0; } .vbox-right { right: 0; } .vbox-top { top: 0; } .vbox-bottom { bottom: 0; } .vbox-next, .vbox-prev { position: fixed; top: 50%; margin-top: -15px; overflow: hidden; cursor: pointer; display: block; width: 45px; height: 45px; z-index: 99; opacity: 0.8; transition: opacity 0.2s; } .vbox-next:hover, .vbox-prev:hover { opacity: 1; } .vbox-next span, .vbox-prev span { position: relative; width: 20px; height: 20px; border: 2px solid transparent; border-top-color: var(--vbox-tools-color); border-right-color: var(--vbox-tools-color); text-indent: -100px; position: absolute; top: 8px; display: block; } .vbox-prev { left: 15px; } .vbox-next { right: 15px; } .vbox-prev span { left: 10px; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .vbox-next span { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 10px; } .vbox-inline, .venoratio { position: relative; width: 100%; margin: 0 auto; } .venoratio::before { display: block; padding-top: var(--vb-aspect-ratio); content: ""; } .venoratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: var(--vbox-padding); } .venoratio-1x1 { --vb-aspect-ratio: 100%; } .venoratio-4x3 { --vb-aspect-ratio: calc(3 / 4 * 100%); } .venoratio-16x9 { --vb-aspect-ratio: calc(9 / 16 * 100%); } .venoratio-21x9 { --vb-aspect-ratio: calc(9 / 21 * 100%); } .venoratio-full { --vb-aspect-ratio: calc(100vh - 100px); } .vbox-child.vbox-inline, .vbox-child.venoratio { max-width: 100%; } .vbox-open { overflow: hidden; } .vbox-container { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow-x: hidden; overflow-y: scroll; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; z-index: 20; max-height: 100%; padding: 30px 0; } .vbox-content { opacity: 0; } .vbox-content { text-align: center; width: 100%; position: relative; overflow: hidden; padding: 20px 4%; display: flex; align-items: center; justify-content: center; min-height: 100%; } .vbox-container img { max-width: 100%; height: auto; } .vbox-child { box-shadow: 0 0 12px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); max-width: 100%; text-align: initial; padding: var(--vbox-padding); } .vbox-child img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; display: block; } .vbox-grab .vbox-child img { cursor: grab; } .vbox-child > iframe { border: none !important; } .vbox-content.swipe-left { margin-left: -200px !important; } .vbox-content.swipe-right { margin-left: 200px !important; } .vbox-preloader { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .vbox-preloader .vbox-preloader-inner { opacity: 1; transition: opacity 0.2s; } .vbox-hidden { display: none; } .vbox-preloader.vbox-hidden .vbox-preloader-inner { opacity: 0; } .vbox-backdrop { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateZ(-1px); -moz-transform: translateZ(-1px); -o-transform: translateZ(-1px); transform: translateZ(-1px); z-index: 0; } .vbox-tooltip { position: relative; display: inline-block; } .vbox-tooltip .vbox-tooltip-text { visibility: hidden; color: #fff; text-align: center; padding: 0; position: absolute; z-index: 1; bottom: 100%; left: 0; opacity: 0; transition: opacity 0.3s; margin-bottom: 2px; font-family: sans-serif; } .vbox-top .vbox-tooltip .vbox-tooltip-text { bottom: auto; top: 100%; margin-bottom: 0; margin-top: 2px; } .vbox-tooltip-inner { padding: 5px 10px; background-color: rgba(0, 0, 0, 0.9); border-radius: 6px; font-size: 10px; } .vbox-tooltip:hover .vbox-tooltip-text { visibility: visible; opacity: 1; } .vbox-overlay { --sk-size: 40px; --sk-color: #333; } .sk-center { margin: auto; } .sk-pulse { width: var(--sk-size); height: var(--sk-size); background-color: var(--sk-color); border-radius: 100%; animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); } @keyframes sk-pulse { 0% { transform: scale(0); } 100% { transform: scale(1); opacity: 0; } } .box-wrap, .e-con.box-cont > .e-con-inner { position: relative; padding: 0 var(--box-padding); border-radius: var(--box-radius); border: 0; background-color: var(--light-sec-bg-color); } .box-outline .box-wrap, .box-outline .e-con.box-cont > .e-con-inner { background-color: transparent; border: var(--box-line-size) solid var(--light-line-color-rgba); } .bg-dark .box-wrap, .bg-dark.e-con.box-cont > .e-con-inner { background-color: var(--dark-sec-bg-color); } .box-outline .bg-dark .box-wrap, .box-outline .bg-dark.e-con.box-cont > .e-con-inner { background-color: transparent; border: var(--box-line-size) solid var(--dark-line-color-rgba); } .box-wrap { padding: var(--box-padding); } .box-wrap .entry-featured { margin-bottom: 30px; } .article-3 .box-wrap .entry-featured { margin-bottom: var(--h_space); } .box-wrap .media-holder, .box-wrap .woocommerce-product-gallery__image { overflow: hidden; border-radius: var(--box-radius); } .box-wrap .entry-author__avatar .avatar { overflow: hidden; border-radius: 50%; } .box-wrap.box-disable { padding: 0; background: transparent; border-radius: 0; border: 0 !important; box-shadow: none; } .widget-heading { margin-bottom: 20px; display: flex; position: relative; justify-content: space-between; align-items: center; overflow: hidden; gap: 10px; } .wheading-brd .widget-heading:not(.comment-reply-title) { padding-top: 15px; border-top: 1px solid var(--light-text-color-heavier-rgba); } .wheading-brd .bg-dark .widget-heading:not(.comment-reply-title) { border-top: 1px solid var(--color-accent); } .wheading-brd .box-wrap:not(.box-disable) .widget-heading:not(.comment-reply-title) { margin-top: calc((var(--box-padding) + 1px) * -1); margin-left: calc((var(--box-padding) + 1px) * -1); margin-right: calc((var(--box-padding) + 1px) * -1); padding-left: var(--box-padding); padding-right: var(--box-padding); border-radius: var(--box-radius); } .center-wheading .widget-heading { justify-content: center; } .widget-heading .heading-elm { display: flex; align-items: center; flex-shrink: 0; gap: 15px; } .widget-heading .title { flex-shrink: 0; margin-bottom: 0 !important; } .wheading-bg .widget-heading .title { background-color: var(--color-accent); color: var(--color-accent-text); font-size: 1.5em; padding: 5px 10px; border-radius: var(--box-radius); } .wheading-bg .widget-heading .title a { color: var(--color-accent-text); } .widget-heading .viewAll { margin-inline-start: auto; font-size: 10px; color: var(--light-text-color-lighter-rgba); } .bg-dark .widget-heading .viewAll { color: var(--light-text-color-lighter-rgba); } .wheading-bg .widget-heading .viewAll { color: var(--color-accent); text-decoration: underline; } .widget-heading.simple-heading { padding: 0; } .widget-heading.simple-heading::before { display: none; } .widget-heading.simple-heading .title::after { display: none; } .wheading-brd .element-article.box-section.box-wrap { padding-top: var(--box-padding); border-top: 1px solid var(--light-text-color-heavier-rgba); } .wheading-brd .element-article.box-section.box-wrap:not(.box-disable) .wheading-brd .element-article.box-section.box-wrap { margin-top: calc((var(--box-padding) + 1px) * -1); margin-left: calc((var(--box-padding) + 1px) * -1); margin-right: calc((var(--box-padding) + 1px) * -1); padding-left: var(--box-padding); padding-right: var(--box-padding); border-radius: var(--box-radius); } .wheading-brd .bg-dark .element-article.box-section.box-wrap { border-top: 1px solid var(--color-accent); } .module-sorts { display: flex; align-items: center; gap: 5px; } .module-sorts a { font-size: 0.92rem; padding: 2px 8px; border-radius: var(--button-radius); background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); } .module-sorts a.active { background-color: var(--color-accent); color: var(--color-accent-text); } .page-title-wrap { display: flex; flex-direction: column; margin-bottom: 20px; gap: 15px; } .page-title-wrap .widget-heading, .page-title-wrap h1 { margin-bottom: 0; } .page-title-wrap .page-desc { margin-bottom: 15px; } /* Page Title Author */ .desc-author .vcard { display: flex; gap: 15px; } .desc-author .author-ava { width: 72px; height: 72px; } .desc-author .social-icons { margin-top: 10px; font-size: 0.92rem; gap: 12px; } /* About Us Head */ .wheading-brd .about-us { padding-top: 15px; border-top: 1px solid var(--light-text-color-heavier-rgba); } .wheading-brd .bg-dark .about-us { border-top: 1px solid var(--color-accent); } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ .header-space { height: calc(var(--mheader_space) * 1px); } @media screen and (min-width: 881px) { .header-space { height: calc(var(--header_space) * 1px); } } .header-section .section-inner { height: 80px; position: relative; justify-content: space-between; margin-top: 25px; padding-top: 0; padding-bottom: 0; gap: 15px; } .sticky-header .header-section .section-inner { margin-top: 0; } .header-elements { display: flex; align-items: center; flex-shrink: 0; gap: 15px; } .header-logo { gap: 30px; } /* Logo */ .logo-img { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; user-select: none; } .logo-site { text-decoration: none; vertical-align: middle; flex-direction: column; } .tagline-top .logo-site { flex-direction: column-reverse; } .logo-site.logo-site-text { display: flex; } .logo-site .logo-img { width: var(--logo_width-width); max-width: var(--logo_width-width); } .mob_header-logo .logo-site .logo-img { width: var(--logo_mobile_width-width); max-width: var(--logo_mobile_width-width); } .offcanvas-logo .logo-site .logo-img { width: var(--logo_offcanvas_width-width); max-width: var(--logo_offcanvas_width-width); } .bg-dark .logo { display: none; } .bg-light .logo { display: flex; } .bg-dark .logo_dark { display: flex; } .bg-light .logo_dark { display: none; } .logo-site-svg svg { width: 100%; max-width: var(--logo_svg_width-width); } .mob_header-logo .logo-site-svg svg { max-width: var(--logo_mobile_svg_width-width); } .offcanvas-logo .logo-site-svg svg { max-width: var(--logo_offcanvas_svg_width-width); } .logo-text { font-family: var(--font_heading-font-family); font-weight: var(--font_heading-font-weight); font-style: var(--font_heading-font-style); text-transform: var(--font_heading-text-transform); line-height: var(--font_heading-line-height, normal); letter-spacing: var(--font_heading-letter-spacing); line-height: 1; font-size: 3em; } /*-------------------------------------------------------------- # Sticky Header -------------------------------------------------------------- */ .sticky-header { visibility: hidden; transition: all 0.3s ease-in-out; position: fixed; top: 0; right: 0; transform: translateY(-100%); z-index: 999; width: 100%; pointer-events: none; } @media screen and (max-width: 767px) { .sticky-header { display: none !important; } } .sticky-header .elementor > .elementor-element:first-child { margin: 0 !important; } .sticky-header .elementor > .elementor-element:not(:first-child) { display: none; } .sticky-header.sticky-show.scroll-down.sticky-show-down, .sticky-header.sticky-show.scroll-up.sticky-show-up, .sticky-header.sticky-show.sticky-show-both { transform: translateY(0); visibility: visible; pointer-events: all; } @media screen and (min-width: 768px) { .admin-bar .sticky-header.sticky-show.scroll-down.sticky-show-down, .admin-bar .sticky-header.sticky-show.scroll-up.sticky-show-up, .admin-bar .sticky-header.sticky-show.sticky-show-both { transform: translateY(32px); } } .single-post .sticky-header .e-con-inner, .single-post .sticky-header .elementor > .e-con-full, .single-post .sticky-header .section-inner { position: relative; } .single-post .sticky-header .e-con-inner > *, .single-post .sticky-header .elementor > .e-con-full > *, .single-post .sticky-header .section-inner > * { transition: all 0.3s ease-in-out; } .single-post .sticky-header .e-con-inner > *:not(.now-read), .single-post .sticky-header .elementor > .e-con-full > *:not(.now-read), .single-post .sticky-header .section-inner > *:not(.now-read) { visibility: hidden; opacity: 0; } .single-post .sticky-header .now-read { width: 100%; height: 100%; position: absolute; right: 0; left: 0; top: 0; display: flex; justify-content: space-between; align-items: center; } .single-post .sticky-header .now-read > *:not(:last-child) { margin-left: 30px; } .single-post .sticky-header .now-read > * { display: flex; justify-content: space-between; align-items: center; } .single-post .sticky-header .now-read > * .icon-svg, .single-post .sticky-header .now-read > * .now-read-title { margin-left: 15px; } .single-post .sticky-header .e-con.box-cont > .e-con-inner .now-read, .single-post .sticky-header .section-inner.box-wrap .now-read { padding: 0 var(--box-padding); } .single-post .sticky-header .elementor > .e-con-full .now-read { width: calc(var(--site_width) * 1px); margin: 0 auto; padding: 0; } .single-post .sticky-header .sticky-post-title { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; margin: 0; font-family: var(--font_heading-font-family); font-weight: var(--font_heading-font-weight); font-style: var(--font_heading-font-style); text-transform: var(--font_heading-text-transform); line-height: var(--font_heading-line-height, normal); letter-spacing: var(--font_heading-letter-spacing); font-size: 1rem; } .single-post .sticky-header .now-read-time, .single-post .sticky-header .now-read-title { flex-shrink: 0; } .single-post .sticky-header:hover .e-con-inner > *:not(.now-read), .single-post .sticky-header:hover .elementor > .e-con-full > *:not(.now-read), .single-post .sticky-header:hover .section-inner > *:not(.now-read) { visibility: visible; opacity: 1; } .single-post .sticky-header:hover .now-read { visibility: hidden; opacity: 0; } /*-------------------------------------------------------------- # Mobile Header --------------------------------------------------------------*/ .site-header-mobile { max-width: 880px; margin: 0 auto; width: 100%; } .mob_header-section .section-inner { height: 80px; position: relative; justify-content: space-between; margin-top: 25px; padding-top: 0; padding-bottom: 0; gap: 15px; } .mob_header-section .header-elements { display: flex; align-items: center; flex-shrink: 0; gap: 15px; } .mob_header-section .header-logo { gap: 20px; } /*-------------------------------------------------------------- # Main Menu Nav --------------------------------------------------------------*/ .navmain-wrap { display: flex; height: 100%; position: relative; z-index: 9; } ul.nav-main { list-style: none; margin: 0; padding: 0; display: flex; height: 100%; } ul.nav-main li { position: relative; vertical-align: middle; margin-bottom: 0; display: flex; align-items: center; } ul.nav-main > li { margin: 0; padding: 0; } ul.nav-main > li > .menu-item-space { position: relative; height: 100%; line-height: 1; width: 20px; } ul.nav-main > li > .menu-item-space .icon-svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } ul.nav-main > li .menu-div-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } ul.nav-main > li > a { height: 100%; position: relative; display: flex; align-items: center; white-space: nowrap; font-weight: 500; } ul.nav-main > li > a.have-megamenu + .sub-menu { right: auto; } ul.nav-main > li > a .menu-text { position: relative; line-height: 1; display: flex; align-items: center; } ul.nav-main > li > a:not(.have-megamenu)::before { position: absolute; content: ''; height: 3px; background-color: var(--color-accent); left: 0; bottom: 0; width: 100%; border-radius: var(--box-radius); transition: transform 0.3s; transform: scaleX(0); transform-origin: top left; } ul.nav-main > li .parent-pointer { display: inline-block; width: 16px; height: 16px; position: relative; } ul.nav-main > li .parent-pointer::after { content: ''; width: 16px; height: 16px; display: inline-block; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 16px; mask-size: 16px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 13.171 4.95-4.95 1.414 1.415L12 16 5.636 9.636 7.05 8.222l4.95 4.95Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 13.171 4.95-4.95 1.414 1.415L12 16 5.636 9.636 7.05 8.222l4.95 4.95Z'/%3E%3C/svg%3E"); } ul.nav-main > li .mega-indicator { position: absolute; z-index: 999; top: calc(100% - 3px); margin: 0; padding: 0; left: 0; height: 3px; background-color: var(--color-accent); border-radius: var(--box-radius); transition: transform 0.3s; transform: scaleX(0); transform-origin: top left; } ul.nav-main > li:last-child > .menu-item-space { display: none !important; } .menuhover-default ul.nav-main > li:hover > a:not(.have-megamenu)::before, .menuhover-default ul.nav-main > li:hover .mega-indicator { transform: scaleX(1); } .menuhover-color ul.nav-main > li:hover > a { color: var(--color-accent); } .menuhover-none ul.nav-main > li:hover > a { color: currentColor; } ul.nav-main ul.sub-menu { transform: translateY(-10px); transition: all 0.3s; pointer-events: none; flex-direction: column; list-style: none; opacity: 0; visibility: hidden; position: absolute; z-index: 999; top: 100%; width: 150px; margin: 0; padding: 0; right: 0; background-color: var(--light-submenu-bg-rgba); border-radius: var(--box-radius); } .bg-dark ul.nav-main ul.sub-menu { background-color: var(--dark-submenu-bg-rgba); } ul.nav-main ul.sub-menu.is_open { visibility: visible; opacity: 1; z-index: 1; transform: translateY(0); pointer-events: auto; } ul.nav-main ul.sub-menu ul.sub-menu { top: 0; right: 100%; -webkit-filter: none; -moz-filter: none; filter: none; } ul.nav-main ul.sub-menu > li { display: block; } ul.nav-main ul.sub-menu > li > a { display: flex; justify-content: space-between; align-items: center; padding: 10px; font-weight: 500; } ul.nav-main ul.sub-menu > li > a .menu-text { position: relative; } ul.nav-main ul.sub-menu > li > a .subparent-pointer { float: left; width: 16px; height: 16px; } ul.nav-main ul.sub-menu > li > a .subparent-pointer::after { content: ''; width: 16px; height: 16px; display: inline-block; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 16px; mask-size: 16px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.171 12-4.95-4.95 1.415-1.413L16 12l-6.364 6.364-1.414-1.415 4.95-4.95Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.171 12-4.95-4.95 1.415-1.413L16 12l-6.364 6.364-1.414-1.415 4.95-4.95Z'/%3E%3C/svg%3E"); transform: rotate(180deg); } ul.nav-main ul.sub-menu > li:not(:last-child) { border-bottom: 1px solid var(--light-line-color-rgba); } .bg-dark ul.nav-main ul.sub-menu > li:not(:last-child) { border-bottom: 1px solid var(--dark-line-color-rgba); } ul.nav-main ul.sub-menu.mega-template { overflow: hidden; padding: 0; right: auto; } ul.nav-main ul.sub-menu.mega-template li { border: none; } ul.nav-main ul.sub-menu.mega-template.megacat-medium, ul.nav-main ul.sub-menu.mega-template.megacat-small { padding: var(--box-padding); } ul.nav-main ul.sub-menu.mega-template.megacat-medium .post-list-grids, ul.nav-main ul.sub-menu.mega-template.megacat-small .post-list-grids { gap: 20px; grid-template-columns: repeat(4, 1fr); } ul.nav-main ul.sub-menu.mega-template.megacat-small.loading { min-height: 120px; } ul.nav-main ul.sub-menu.mega-template.megacat-small h2.entry-title, ul.nav-main ul.sub-menu.mega-template.megacat-small h3.entry-title { -webkit-line-clamp: 3; } ul.nav-main ul.sub-menu.mega-template.megacat-medium.loading { min-height: 280px; } .menu-note { background-color: var(--color-accent); color: var(--color-accent-text); padding: 2px 5px; font-size: 10px; margin-right: 3px; line-height: 1; border-radius: var(--button-radius); } .menu-note a { color: var(--color-accent-text); } /*-------------------------------------------------------------- # Custom Lists --------------------------------------------------------------*/ ul.custom-list { list-style: none; padding: 0; display: flex; } ul.custom-list > li { display: flex; align-items: center; margin-left: 25px; } .custom-list-inline ul.custom-list > li { margin-bottom: 0; } ul.custom-list > li:last-child { margin-left: 0 !important; } .list-icon-yes ul.custom-list > li::before { content: ''; display: inline-block; float: right; margin-left: 10px; height: 3px; width: 3px; background-color: var(--color-accent); } .custom-list-block ul.custom-list { flex-wrap: wrap; } .custom-list-block ul.custom-list > li { width: 100%; margin-left: 0 !important; } .custom-list-block ul.custom-list > li:last-child { margin-bottom: 0 !important; } /*-------------------------------------------------------------- # Search --------------------------------------------------------------*/ .search-form { position: relative; margin-bottom: 0; display: flex; } .search-form::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background-color: var(--color-accent); transition: width 0.3s; } .search-form:hover::after { width: 100%; } .search-form button, .search-form input { background-color: transparent; border: none; border-radius: 0; padding: 0; margin: 0; border-bottom: 3px solid var(--light-line-color-rgba); } .bg-dark .search-form button, .bg-dark .search-form input { border: none; border-bottom: 3px solid var(--dark-line-color-rgba); } .search-form button { position: relative; color: var(--color-accent); border-bottom: 3px solid var(--color-accent); gap: 10px; } .search-form button::after { content: ''; width: 10px; height: 10px; display: inline-block; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 10px; mask-size: 10px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l73.4 73.4H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h370.7l-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l73.4 73.4H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h370.7l-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E"); transform: rotate(180deg); } .loading .search-form button::after { opacity: 0; visibility: hidden; } .search-form button::before { content: ''; opacity: 0; visibility: hidden; width: 18px; height: 18px; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 18px; mask-size: 18px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1Zm0 15a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1Zm8.66-10a1 1 0 0 1-.366 1.366l-2.598 1.5a1 1 0 1 1-1-1.732l2.598-1.5A1 1 0 0 1 20.66 7ZM7.67 14.5a1 1 0 0 1-.367 1.366l-2.598 1.5a1 1 0 1 1-1-1.732l2.598-1.5a1 1 0 0 1 1.366.366ZM20.66 17a1 1 0 0 1-1.366.366l-2.598-1.5a1 1 0 0 1 1-1.732l2.598 1.5A1 1 0 0 1 20.66 17ZM7.67 9.5a1 1 0 0 1-1.367.366l-2.598-1.5a1 1 0 1 1 1-1.732l2.598 1.5A1 1 0 0 1 7.67 9.5Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1Zm0 15a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1Zm8.66-10a1 1 0 0 1-.366 1.366l-2.598 1.5a1 1 0 1 1-1-1.732l2.598-1.5A1 1 0 0 1 20.66 7ZM7.67 14.5a1 1 0 0 1-.367 1.366l-2.598 1.5a1 1 0 1 1-1-1.732l2.598-1.5a1 1 0 0 1 1.366.366ZM20.66 17a1 1 0 0 1-1.366.366l-2.598-1.5a1 1 0 0 1 1-1.732l2.598 1.5A1 1 0 0 1 20.66 17ZM7.67 9.5a1 1 0 0 1-1.367.366l-2.598-1.5a1 1 0 1 1 1-1.732l2.598 1.5A1 1 0 0 1 7.67 9.5Z'/%3E%3C/svg%3E"); animation: spin 2s linear infinite; position: absolute; top: 50%; margin-top: -8px; left: 0; } .loading .search-form button::before { opacity: 1; visibility: visible; } /* Popup Search */ .search-popup { position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 9999; overflow: hidden; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; transform: translateY(-100%); transition: transform 0.3s; } .search-popup.active { transform: translateY(0); } .search-popup-wrap { position: relative; max-width: 100%; width: 530px; background-color: transparent !important; padding: 60px; z-index: 9; height: 100%; overflow-y: auto; display: flex; flex-direction: column; justify-content: center; gap: 20px; } .search-popup-close { cursor: pointer; position: absolute; top: 25px; left: 25px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 23px; z-index: 9; } .search-popup-form input[type="search"]::-webkit-search-decoration, .search-popup-form input[type="search"]::-webkit-search-cancel-button, .search-popup-form input[type="search"]::-webkit-search-results-button, .search-popup-form input[type="search"]::-webkit-search-results-decoration { display: none; } .search-popup-form button, .search-popup-form input { font-size: 18px; height: 70px; } .search-popup-form button { gap: 15px; } .search-overlay { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; background-color: var(--light-sec-bg-color); } .site-dark .search-overlay { background-color: var(--dark-sec-bg-color); } .search-overlay.active { visibility: visible; } .search-result .post-item { margin-bottom: 20px; } .search-result .post-item:last-child { margin-bottom: 0; } .search-result .post-small-thumbnail { min-width: 72px; } .search-result a.button { color: var(--color-accent-text); } /*-------------------------------------------------------------- # Social Icons --------------------------------------------------------------*/ .social-icons { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; } .social-icons.social-circle { gap: 10px; } .text-center .social-icons { justify-content: center; align-items: center; } .text-right .social-icons { justify-content: flex-end; align-items: flex-end; } .social-icon { line-height: 1; display: flex; align-items: center; justify-content: center; gap: 5px; } .social-color .social-icon { color: var(--color-accent); } .social-icon .social-text { font-size: 0.9em; } .social-circle .social-icon { width: 2.7em; height: 2.7em; border-radius: 50%; border: 1px solid var(--light-line-color-rgba); } .bg-dark .social-circle .social-icon { border: 1px solid var(--dark-line-color-rgba); } .s-front .social-btn .button.btn-content_icon .icon-svg { font-size: 20px; } /* Social Counters */ .social-counters { display: flex; gap: 15px; } .social-counters .counter-text { display: none; flex-shrink: 0; } .counters-block .social-counters { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 15px; } .counters-grid .social-counters { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; } .social-counter { display: flex; align-items: center; gap: 5px; font-weight: 500; } .counter-desc { font-size: 0.92rem; display: flex; flex-direction: column; } .counters-grid .social-counter { gap: 10px; } .counters-grid .counter-text { display: block; } .counters-grid .counter-icon { width: 35px; height: 40px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; border-radius: 8px; font-size: 1.1em; } .counters-grid .cmeta { font-weight: 600; } .counters-block .social-counter { justify-content: space-between; gap: 15px; font-weight: 400; padding: 0 12px; border-radius: 8px; color: #fff; } .counters-block .social-counter:hover { color: #fff; } .counters-block .counter-icon { gap: 10px; padding: 15px 0; flex-shrink: 0; } .counters-block .counter-text { display: block; } .counters-block .counter-desc { font-size: 1em; padding: 15px 0; padding-right: 12px; border-right: 1px solid rgba(225, 225, 225, 0.15); } .counter-facebook { background-image: linear-gradient(to bottom, #123dd7 0%, #062db9 100%); } .counter-twitter { background-image: linear-gradient(to bottom, #39b7ff 0%, #20a1eb 100%); } .counter-tiktok { background-image: linear-gradient(to bottom, #000 0%, #000 100%); } .counter-instagram { background-image: linear-gradient(158deg, #863fa6 22%, #e12c61 50%, #f46f46 80%); } .counter-linkedin { background-image: linear-gradient(to bottom, #0077b5 0%, #00a0dc 100%); } .counter-twitch { background-image: linear-gradient(to bottom, #aa1dc3 0%, #830899 100%); } .counter-whatsapp { background-image: linear-gradient(to bottom, #00d81a 0%, #31b741 100%); } .counter-github { background-color: #000; } .counter-pinterest, .counter-youtube { background-image: linear-gradient(to bottom, #f34040 0%, #eb2020 100%); } .counter-reddit { background-image: linear-gradient(to bottom, #f39c40 0%, #eb5e20 100%); } .cmeta-facebook { color: #062db9; } .cmeta-twitter { color: #20a1eb; } .cmeta-instagram { color: #f46f46; } .cmeta-twitch { color: #830899; } .cmeta-whatsapp { color: #31b741; } .cmeta-pinterest, .cmeta-youtube { color: #830899; } .cmeta-reddit { color: #eb5e20; } .cmeta-linkedin { color: #00a0dc; } /* Social Shares */ .social-shares { gap: 20px; } .social-shares .collapse { display: none; } .social-shares .collapse.show { display: flex; } .social-shares .social-more { content: ''; width: 16px; height: 16px; display: inline-block; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 16px; mask-size: 16px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2h6Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2h6Z'/%3E%3C/svg%3E"); background: currentColor; } .social-shares .social-more.is-active { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 16px; mask-size: 16px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 11v2h14v-2H5Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 11v2h14v-2H5Z'/%3E%3C/svg%3E"); } .social-shares.social-w_title .social-icon:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) .icon-text { display: none; } .meta-shares .social-shares { gap: 15px; } .head-shares { flex-shrink: 0; } .single-shares_bottom .head-shares { font-size: 0.85rem; font-weight: 600; text-transform: uppercase; } @media screen and (min-width: 768px) { .single-shares_sticky .head-shares { display: none; } } .meta-shares { display: flex; align-items: center; gap: 10px; } .single-shares_bottom { display: flex; align-items: center; gap: 15px; margin-top: var(--h_space); } @media screen and (min-width: 768px) { .content-wrap.have-share_sticky { display: flex; flex-direction: row-reverse; } .content-wrap.have-share_sticky .single-content { max-width: calc(100% - 60px); } } @media screen and (min-width: 768px) { .single-shares_sticky { z-index: 9; width: 40px; margin-left: 20px; flex-shrink: 0; } } @media screen and (max-width: 767px) { .single-shares_sticky { margin-top: var(--h_space); display: flex; align-items: center; gap: 15px; } .single-shares_sticky > * { display: flex; align-items: center; gap: 15px; } } .single-shares_sticky .social-shares.social-icons { width: 100%; } @media screen and (min-width: 768px) { .single-shares_sticky .social-shares.social-icons { display: flex; flex-direction: column; align-items: center; gap: 22px; padding: 15px 0; font-size: 12px; border-radius: var(--box-radius); background-image: linear-gradient(to top left, var(--color-accent) -2500%, rgba(0, 0, 0, 0) 300%); } .single-shares_sticky .social-shares.social-icons.social-circle { gap: 10px; border: 0; padding: 0; background-image: none; } } @media screen and (min-width: 768px) { .single-shares_sticky .social-shares.social-w_title .social-icon { writing-mode: vertical-rl; text-orientation: mixed; } } @media screen and (max-width: 767px) { .single-shares_sticky .social-shares.social-w_title .icon-text { display: none; } } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget > ul { padding: 0; } .widget.widget_nav_menu ul { padding: 0; } .widget ul { list-style: none; } .widget li:last-child { margin-bottom: 0; } .widget li > ul, .widget li > ol { margin-top: 12px; } .widget td, .widget th { padding: 0.5em 0.22em; } .widget form:last-of-type, .widget select:last-of-type { margin-bottom: 0; } #wp-calendar { margin-bottom: 15px; } #wp-calendar td a, #wp-calendar th a { text-decoration: underline; } #wp-calendar #prev { text-align: right; } #wp-calendar #next { text-align: left; } #wp-calendar td#today { font-weight: bolder; text-decoration: underline; } #wp-calendar caption { padding: 0; margin-bottom: 15px; text-align: inherit; } .current-date { white-space: nowrap; font-size: 0.92rem; line-height: normal; } .wp-block-search__label { display: none; } /*-------------------------------------------------------------- # Lighbox Image --------------------------------------------------------------*/ .lightbox-box { position: relative; } .box-url { position: absolute; width: 100%; height: 100%; top: 0; right: 0; } /*-------------------------------------------------------------- # Quote Widget --------------------------------------------------------------*/ .quote-item { display: flex; flex-direction: column; gap: 10px; } .quote-item .quote-text { position: relative; padding-right: 45px; } .quote-item .icon-svg { position: absolute; right: 0; top: 2px; font-size: 35px; color: var(--color-accent); } .quote-item .quote-author { font-size: 0.92rem; font-style: italic; display: flex; justify-content: flex-end; align-items: center; gap: 5px; } .quote-item .quote-author::before { content: ''; height: 1px; width: 10px; background-color: currentColor; display: inline-block; } .block-quotes.box-wrap { background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); } /*-------------------------------------------------------------- # About Us --------------------------------------------------------------*/ .aboutus-desc { margin-top: 20px; display: flex; flex-direction: column; gap: 10px; } .aboutus-desc .address, .aboutus-desc .email, .aboutus-desc .phone { display: flex; align-items: center; gap: 6px; font-size: 0.92rem; } .aboutus-desc .desc { margin: 5px 0; } /*-------------------------------------------------------------- # Recent Comments --------------------------------------------------------------*/ .rcomment { display: flex; gap: 10px; } .rcomment-thumb { width: 38px; height: 38px; border-radius: 100px; } .rcomment-thumb .noava { width: 100%; height: 100%; display: flex; border-radius: 100px; align-items: center; justify-content: center; font-size: 1rem; background-image: linear-gradient(to top left, var(--color-accent) -2500%, rgba(0, 0, 0, 0) 300%); text-transform: uppercase; } .rcomment-author { display: flex; align-items: center; gap: 10px; } /*-------------------------------------------------------------- # Categories Thumb --------------------------------------------------------------*/ .tax-hero { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 15px; } .tax-hero .post-hero .thumb-container { padding-bottom: 82px !important; } .tax-hero .post-hero .thumb-container::after { top: 0; background-image: none; background-color: rgba(0, 0, 0, 0.544); } .tax-hero .desc-hero { justify-content: center; align-items: inherit; padding: 0 28px; } .tax-hero .term-desc { display: flex; align-items: center; justify-content: space-between; } .tax-hero .term-title { font-size: 1.2em; font-weight: 500; } .tax-hero .term-count { position: relative; background-color: rgba(255, 255, 255, 0.3); display: flex; justify-content: center; min-width: 25px; min-height: 25px; padding: 3px; font-size: 0.85rem; border-radius: var(--button-radius); } .hero-link { position: absolute; width: 100%; height: 100%; margin: 0 !important; top: 0; right: 0; border-radius: var(--image-radius); z-index: 1; } .tax-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; } .tax-grid .term-title { font-weight: 600; text-transform: uppercase; } /*-------------------------------------------------------------- # Gutenberg Elements --------------------------------------------------------------*/ .has-accent-color { color: var(--color-accent); } .has-dark-color { color: var(--dark-sec-bg-color); } .has-light-color { color: var(--light-sec-bg-color); } .has-accent-background-color { background-color: var(--color-accent); } .has-dark-background-color { background-color: var(--dark-sec-bg-color); } .has-light-background-color { background-color: var(--light-sec-bg-color); } .bg-dark .has-light-background-color { background-color: var(--dark-sec-bg-color); } .has-border-color { padding: var(--box-padding); } /* Categories & Archives Lists */ .widget_archive ul, .widget_categories ul, .widget_meta ul, .widget_nav_menu ul, .widget_pages ul, ul.wp-block-archives, ul.wp-block-categories, ul.wp-block-page-list { padding-right: 0; list-style: none; } .widget_archive ul ul, .widget_categories ul ul, .widget_meta ul ul, .widget_nav_menu ul ul, .widget_pages ul ul, ul.wp-block-archives ul, ul.wp-block-categories ul, ul.wp-block-page-list ul { list-style: none; } ul.wp-block-categories__list { padding-right: 0; list-style: none; } ul.wp-block-categories__list ul { padding-right: 20px; list-style: none; } /* List with heading */ .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul, ol.wp-block-latest-comments, ul.wp-block-latest-posts, ul.wp-block-rss { padding-right: 0; list-style: none; } .widget_recent_entries ul li, .widget_rss ul li, ul.wp-block-latest-posts li, ul.wp-block-rss li { display: block; overflow: hidden; } .widget_recent_entries ul li a, .widget_rss ul li a, ul.wp-block-latest-posts li a, ul.wp-block-rss li a { display: block; } .widget_recent_entries .post-date, .widget_rss .rss-date, .widget_rss cite, .wp-block-latest-comments__comment-date, .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date, .wp-block-rss__item-author, .wp-block-rss__item-publish-date { margin-left: 15px; display: inline-block; } .widget_recent_entries .post-date, .widget_rss .rss-date, .wp-block-latest-comments__comment-date { display: block; margin-top: 8px; } .rssSummary, .wp-block-latest-comments__comment-excerpt, .wp-block-latest-posts__post-excerpt, .wp-block-rss__item-excerpt { margin: 0; padding-top: 10px; padding-bottom: 15px; display: block; } .rssSummary { padding-bottom: 0; } .wp-block-latest-posts__featured-image { margin: 0; } .wp-block-latest-posts__featured-image.alignleft { margin-left: 20px; max-width: 80px; } .wp-block-latest-posts__featured-image.alignright { margin-right: 20px; max-width: 80px; } .wp-block-latest-posts__featured-image.aligncenter { max-width: 100%; margin: 20px 0; } .wp-block-latest-comments__comment article { overflow: hidden; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-right: 0; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { margin: 0; max-width: 80px; margin-left: 20px; height: auto; width: auto; } .wp-block-page-list__submenu-icon { display: none; } .wp-block-latest-comments__comment { line-height: inherit; } .has-avatars .wp-block-latest-comments__comment, .has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { line-height: inherit; } /* Block Search */ .wp-block-search .wp-block-search__button { flex-shrink: 0; margin: 0; position: relative; outline: 0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 45px; line-height: calc(45px - (var(--btn-line-size) * 2)); padding: 0 1.6em; text-align: center; text-decoration: none; white-space: nowrap; border: none; box-shadow: none !important; border-radius: var(--button-radius); -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; user-select: none; transition: all 0.2s linear; background-color: var(--color-accent); color: var(--color-accent-text); } .wp-block-search .wp-block-search__button:hover { box-shadow: none; } .wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button { padding: 0 1.5em; } .wp-block-search .wp-block-search__button.has-icon { line-height: 0 !important; padding: 0 10px !important; font-size: 20px; } .wp-block-search .wp-block-search__button svg { min-width: 1.5em; min-height: 1.5em; fill: currentColor; } .wp-block-search .wp-block-search__inside-wrapper { display: flex; flex: auto; flex-wrap: nowrap; max-width: 100%; } .wp-block-search .wp-block-search__label { width: 100%; } .wp-block-search .wp-block-search__input { flex-grow: 1; min-width: 3em; } .wp-block-search.wp-block-search__button-only .wp-block-search__button { margin-right: 0; } .wp-block-search.wp-block-search__button-outside .wp-block-search__button { margin-right: 10px; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 0; border: 1px solid var(--light-line-color-rgba); border-radius: var(--button-radius); background-color: transparent; } .bg-dark .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border: 1px solid var(--dark-line-color-rgba); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { border-radius: var(--button-radius); border: none; padding: 6px 15px; background-color: transparent; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { outline: none; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { padding: 0 2em; margin-right: 0; border-left: 0; border-top: 0; border-bottom: 0; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon { padding: 0 10px; } .wp-block-search.aligncenter .wp-block-search__inside-wrapper { margin: auto; } /* Block Table */ .wp-block-table.is-style-stripes { border-color: var(--light-line-color-rgba); } .bg-dark .wp-block-table.is-style-stripes { border-color: var(--dark-line-color-rgba); } /* Block Group */ .wp-block-group { margin-bottom: 35px; } .wp-block-group.has-background { padding: var(--box-padding); } .wp-block-media-text .wp-block-media-text__content { padding: 8%; } /* Block Image */ /*-------------------------------------------------------------- # Article --------------------------------------------------------------*/ .article-section:not(:last-child) { margin-bottom: var(--h_space); } .entry-cats-wrap { display: flex; align-items: center; } .entry-header.entry-header-article { gap: 15px; } .featured-caption { margin-top: 10px; } .featured-caption a { text-decoration: underline; } .desc-hero .entry-header-article .meta-item, .desc-hero .entry-header-article ul.breadcrumbs { color: var(--dark-text-color-heavier-rgba); } .desc-hero .entry-header-article .meta-item a, .desc-hero .entry-header-article ul.breadcrumbs a { color: var(--dark-text-color-heavier-rgba); } .single-inner-ajax:not(:first-child) { padding-top: var(--h_space); } .article-content, .comment-form-comment { font-size: var(--post_content_typo-font-size, var(--primary_text-font-size)); letter-spacing: var(--post_content_typo-letter-spacing, var(--primary_text-letter-spacing)); line-height: var(--post_content_typo-line-height, var(--primary_text-line-height)); } .linkstyle-color .article-content a { color: var(--color-accent); } .linkstyle-underline .article-content a { text-decoration: underline; } .linkstyle-underline .article-content a:hover { color: var(--color-accent); } .article-content .wp-block-column > *, .article-content .wp-block-cover__inner-container > *, .article-content .wp-block-group__inner-container > *, .article-content .wp-block-media-text__content > *, .article-content > * { margin-top: 0; margin-bottom: 35px; } .article-content .wp-block-column > *:last-child, .article-content .wp-block-cover__inner-container > *:last-child, .article-content .wp-block-group__inner-container > *:last-child, .article-content .wp-block-media-text__content > *:last-child, .article-content > *:last-child { margin-bottom: 0; } .entry-content + .clearfix { width: 100%; display: block; overflow: hidden; } .entry-featured, .single-content { width: 100%; } .entry-header-article + * { margin-top: 30px; } .entry-header-article.text-center { align-items: center; } .article-title-section { margin-bottom: 30px; } .single-excerpt { margin-top: 30px; font-size: 1.2em; font-style: italic; } .single-tags { margin-top: var(--h_space); } .entry-tags-head { font-size: 0.85rem; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; } .entry-cats { font-family: var(--second_text-font-family); font-weight: var(--second_text-font-weight); font-style: var(--second_text-font-style); text-transform: var(--second_text-text-transform); font-size: var(--second_text-font-size); letter-spacing: var(--second_text-letter-spacing); line-height: var(--second_text-line-height); color: var(--light-text-color-lighter-rgba); display: flex; flex-wrap: wrap; align-items: center; font-size: 0.85rem; gap: 5px; } .bg-dark .entry-cats { color: var(--dark-text-color-lighter-rgba); } .entry-cats a { color: var(--light-text-color-lighter-rgba); } .bg-dark .entry-cats a { color: var(--dark-text-color-lighter-rgba); } .entry-cats a { text-transform: uppercase; font-weight: 500; } .entry-cats a.cat-text { color: var(--color-accent); } .post-hero .entry-cats a.cat-text { color: #fff; } .entry-cats a.cat-btn { border-radius: var(--box-radius); background-color: var(--color-accent); color: var(--color-accent-text); padding: 2px 6px; } .entry-cats a.cat-btn a { color: var(--color-accent-text); } .text-center .entry-cats { justify-content: center; } .entry-thumbnail .entry-cats { position: absolute; top: 0; right: 0; } .entry-navigation { display: flex; justify-content: space-between; gap: var(--v_space); } .entry-navigation > * { flex-basis: 50%; } .entry-navigation > * h6 { transition: all 0.25s linear; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .entry-navigation > *:hover h6 { color: var(--color-accent); } .entry-navigation::before { position: absolute; top: 50%; transform: translateY(-50%); content: ''; width: 1px; height: 50%; background-color: var(--light-line-color-rgba); left: 50%; } .bg-dark .entry-navigation::before { background-color: var(--dark-line-color-rgba); } .nav-post { position: relative; display: flex; gap: 15px; } .entry-navigation-right .nav-post { text-align: left; flex-direction: row-reverse; } .nav-post .nav-point { display: flex; align-items: center; margin-bottom: 5px; } .entry-navigation-right .nav-post .nav-point { justify-content: flex-end; } .nav-thumbnail { width: 74px; flex-shrink: 0; } @media screen and (max-width: 767px) { .nav-thumbnail { display: none; } } .author-ava { border-radius: 50%; overflow: hidden; position: relative; flex-shrink: 0; } .author-ava::before { content: attr(data-author); position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 0; font-size: 1em; background-image: linear-gradient(to top left, var(--color-accent) -2500%, rgba(0, 0, 0, 0) 300%); text-transform: uppercase; } .author-ava img { position: relative; z-index: 1; } .entry-author { position: relative; } .entry-author .author-ava { width: 42px; height: 42px; } .entry-author .vcard { display: flex; flex-direction: column; gap: 20px; } .entry-author .author-head { display: flex; align-items: center; gap: 10px; } .entry-author .author-head strong { text-transform: uppercase; } .entry-author .social-icons { font-size: 0.85rem; gap: 10px; margin-right: 10px; padding-right: 10px; border-right: 1px solid var(--light-line-color-rgba); } .bg-dark .entry-author .social-icons { border-right: 1px solid var(--dark-line-color-rgba); } .more-link, .page-links-wrap, a.more-link { margin-top: 50px; margin-bottom: 50px; } .post-password-form > p:last-child { display: flex; align-items: flex-end; } .post-password-form > p:last-child label { margin: 0; flex-grow: 1; } .post-password-form > p:last-child label input { margin-top: 10px; border-left: 0; } .post-password-form input[type='password'] { border-top-left-radius: 0; border-bottom-left-radius: 0; } .post-password-form input[type='submit'] { border-top-right-radius: 0; border-bottom-right-radius: 0; } /* Single Post ajax */ .single-loader { display: flex; justify-content: center; margin-top: var(--h_space); } .single-loader .xloader { font-size: 40px; } /*-------------------------------------------------------------- # Comments --------------------------------------------------------------*/ .comment-notes, .logged-in-as { font-size: 0.92rem; } .bypostauthor { display: block; } .collapse-wrap { display: flex; justify-content: center; } .collapse-wrap.is-active, .collapse-wrap + .article-comments { display: none; } .comment-collapse { margin-bottom: 0; } ul.comment-list { list-style: none; margin-bottom: 50px; padding: 0; } ul.comment-list .comment-respond { margin-top: 50px; margin-bottom: 50px; } ul.comment-list .children { list-style: none; margin: 0; padding: 0; padding-right: 40px; } ul.comment-list .children li { margin-bottom: 0; } ul.comment-list .comment-body { overflow: hidden; padding-top: 20px; margin-top: 20px; } ul.comment-list > li:first-child > .comment-body { border-top: 0; padding-top: 0; } ul.comment-list .entry-content { margin-top: 0; } .comment-head { display: flex; align-items: center; gap: 10px; } .comment-head strong { text-transform: uppercase; } .comment-avatar { width: 42px; height: 42px; } .comment-author { display: flex; flex-direction: column; gap: 3px; } .comment-author > * { display: flex; gap: 10px; } .comment-wrap { margin-top: 15px; padding-right: 52px; } .meta-item a.comment-edit-link { color: var(--color-accent); } .comment-reply-link { font-family: var(--second_text-font-family); font-weight: var(--second_text-font-weight); font-style: var(--second_text-font-style); text-transform: var(--second_text-text-transform); font-size: var(--second_text-font-size); letter-spacing: var(--second_text-letter-spacing); line-height: var(--second_text-line-height); color: var(--light-text-color-lighter-rgba); margin-top: 15px; display: flex; align-items: center; color: var(--color-accent); font-weight: 700; } .bg-dark .comment-reply-link { color: var(--dark-text-color-lighter-rgba); } .comment-reply-link a { color: var(--light-text-color-lighter-rgba); } .bg-dark .comment-reply-link a { color: var(--dark-text-color-lighter-rgba); } .comment-form p:last-of-type { margin-bottom: 0; } @media screen and (min-width: 576px) { .comment-form-author, .comment-form-email { width: 50%; float: right; } } @media screen and (min-width: 576px) { .comment-form-author { padding-left: 15px; } } @media screen and (min-width: 576px) { .comment-form-email { padding-right: 15px; } } .form-submit input { margin-bottom: 0; } .comment-form-cookies-consent { clear: both; } .comment-form-cookies-consent label { text-transform: none; letter-spacing: 0; } .comment-reply-title { justify-content: space-between; align-items: center; gap: 20px; } #cancel-comment-reply-link { color: var(--color-accent); } /*-------------------------------------------------------------- # Pagination --------------------------------------------------------------*/ .page-links { display: flex; font-size: 0.85rem; gap: 8px; } .page-links .post-page-numbers span { display: inline-block; padding: 0; width: 30px; height: 30px; transition: all 0.2s linear; border-radius: var(--button-radius); border: var(--btn-line-size) solid transparent; line-height: calc(30px - (var(--btn-line-size) * 2)); text-align: center; background-color: var(--light-sec-bg-color); color: var(--light-text-color-heavier-rgba); background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); } .page-links .post-page-numbers span.current, .page-links .post-page-numbers span:hover { background-color: var(--color-accent); color: var(--color-accent-text); } .page-links .post-page-numbers span.next, .page-links .post-page-numbers span.prev { background: transparent !important; color: currentColor !important; border: none; width: auto; padding: 0 12px; } .page-links .post-page-numbers.current span { background-color: var(--color-accent); color: var(--color-accent-text); } .pagination { display: flex; font-size: 0.85rem; gap: 8px; } .pagination .pagi-item { display: inline-block; padding: 0; width: 30px; height: 30px; transition: all 0.2s linear; border-radius: var(--button-radius); border: var(--btn-line-size) solid transparent; line-height: calc(30px - (var(--btn-line-size) * 2)); text-align: center; background-color: var(--light-sec-bg-color); color: var(--light-text-color-heavier-rgba); background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); } .pagination .pagi-item.pagi-item-current { background-color: var(--color-accent); color: var(--color-accent-text); } .pagination .pagi-item-dot, .pagination .pagi-item-first, .pagination .pagi-item-last, .pagination .pagi-item-next, .pagination .pagi-item-prev { font-size: 15px; line-height: calc(30px + (var(--btn-line-size) * 2)); } .pagination .pagi-item-dot { background: transparent; border: 0; line-height: calc(30px + (var(--btn-line-size) * 4)); } /* Ajax Pagination */ .nav-wrap { display: flex; margin-top: var(--h_space); } .nav-wrap.text-center { justify-content: center; } .nav-wrap.text-left { justify-content: flex-start; } .nav-wrap.nav-wrap-next-prev .nav-wrap-inner { display: flex; justify-content: space-between; width: 100%; gap: 20px; } .nav-wrap.nav-wrap-infinite { margin: 0 !important; } .nav-wrap.nav-wrap-infinite .module-infinite { height: calc(var(--loader-size_small) + var(--h_space)); } .nav-wrap.nav-wrap-infinite .module-infinite.btn-disabled { height: 0; } .nav-wrap.nav-wrap-infinite .nav-wrap-inner { overflow: visible; } .nav-wrap.nav-wrap-infinite .nav-wrap-inner .pagi-loader { position: absolute; top: auto; margin-top: 0; left: 50%; margin-left: calc((var(--loader-size_small) / 2) * -1); bottom: 0; } .nav-wrap-inner { position: relative; overflow: visible; } .nav-wrap-inner .pagi-loader { position: absolute; top: 50%; left: calc((var(--loader-size_small) + 15px) * -1); margin-top: calc((var(--loader-size_small) / 2) * -1); width: auto; height: auto; z-index: 9; } .btn-pagi { margin: 0; } .btn-pagi::after { content: ''; width: 12px; height: 12px; display: inline-block; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 12px; mask-size: 12px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l73.4 73.4H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h370.7l-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l73.4 73.4H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h370.7l-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E"); transform: rotate(180deg); } .btn-pagi.btn-disabled::after { display: none; } .btn-pagi.btn-text::after { color: var(--color-accent); } .btn-pagi.nextprev-more.prev-posts::after { order: -1; transform: rotate(180deg); transform: rotate(0); } /*-------------------------------------------------------------- # Post Style --------------------------------------------------------------*/ .post-edit-link { color: var(--color-accent); } .sticky-sign { background: var(--color-accent); color: var(--color-accent-text); width: 25px; height: 25px; font-size: 14px; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .thumb-info { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 20px; position: absolute; top: 0; right: 0; z-index: 9; } .thumb-info > *:not(:last-child) { margin-left: 10px; } .post-small-thumbnail .thumb-info { display: none; } .entry-meta { margin-top: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; align-items: center; overflow: hidden; position: relative; gap: 20px; } .text-center .entry-meta { justify-content: center; } .entry-meta .info-icon { line-height: 1; font-size: 16px; margin-left: 4px; } .entry-meta .info-text { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; } .entry-meta .meta-author .author-ava { width: 20px; height: 20px; display: inline-block; vertical-align: middle; border-radius: 50%; overflow: hidden; position: relative; margin-left: 5px; } .entry-meta .meta-author.meta-modern .author-ava { width: 35px; height: 35px; margin-left: 10px; } .entry-meta .meta-author.meta-modern .author-ava::before { font-size: 1rem; } .entry-meta.no-icons { gap: 5px; } .meta-item { position: relative; margin-bottom: 0; font-family: var(--second_text-font-family); font-weight: var(--second_text-font-weight); font-style: var(--second_text-font-style); text-transform: var(--second_text-text-transform); font-size: var(--second_text-font-size); letter-spacing: var(--second_text-letter-spacing); line-height: var(--second_text-line-height); color: var(--light-text-color-lighter-rgba); display: flex; align-items: center; font-size: 0.8rem; text-transform: uppercase; } .bg-dark .meta-item { color: var(--dark-text-color-lighter-rgba); } .meta-item a { color: var(--light-text-color-lighter-rgba); } .bg-dark .meta-item a { color: var(--dark-text-color-lighter-rgba); } .no-icons .meta-item::after { content: ''; background-color: currentColor; width: 3px; height: 3px; margin-right: 5px; border-radius: 50%; } .meta-item:last-child { margin-left: 0; } .meta-item:last-child::after { width: 0; margin-right: 0; } .meta-item.meta-modern::after { width: 0; margin-right: 0; } .meta-item.meta-modern + * { margin-right: auto; } .meta-item.meta-more a { color: var(--color-accent); } .meta-item > a { display: flex; align-items: center; } .meta-modern-desc { display: flex; flex-direction: column; align-items: flex-start; } .meta-modern-desc .info-text.author-name { color: var(--light-text-color-heavier-rgba); } .bg-dark .meta-modern-desc .info-text.author-name { color: var(--dark-text-color-heavier-rgba); } .entry-thumbnail { position: relative; background-color: transparent; } .entry-thumbnail + .post-desc:not(.desc-hero):not(.woo-desc) { padding-top: 15px; } h2.entry-title, h3.entry-title { margin: 0; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .entry-header, .post-desc, .post-desc-inner { width: 100%; display: flex; flex-direction: column; gap: 10px; } .post-small .entry-header, .post-small .post-desc, .post-small .post-desc-inner { gap: 8px; } .post-list .entry-header, .post-list .post-desc, .post-list .post-desc-inner { gap: 15px; } .entry-excerpt { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; font-size: 0.92rem; opacity: 0.75; } .post-desc-title { margin-bottom: 20px; } /* Post Tags */ .entry-tags::after { display: block; clear: both; content: ""; } .entry-tags, .tax-cloud { display: flex; flex-wrap: wrap; gap: 10px; } .tax-block .entry-tags, .tax-block .tax-cloud { flex-direction: column; gap: 15px; } .entry-tags a, a.term-cloud { position: relative; display: flex; align-items: center; text-decoration: none; border-radius: var(--button-radius); padding: 4px 8px; font-size: 0.85rem; background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); } .entry-tags a:hover, a.term-cloud:hover { background-color: var(--color-accent); color: var(--color-accent-text); } .tax-inline2 .entry-tags a, .tax-inline2 a.term-cloud { border: 0; border-radius: 0; padding: 0; font-size: 1em; margin-left: 6px; background-image: none; } .tax-inline2 .entry-tags a:hover, .tax-inline2 a.term-cloud:hover { background-color: transparent; color: var(--color-accent); } .tax-block .entry-tags a, .tax-block a.term-cloud { justify-content: space-between; padding: 0; border: 0; font-size: 1em; background-image: none; } .tax-block .entry-tags a:hover, .tax-block a.term-cloud:hover { background-color: transparent; color: var(--color-accent); } /* Read More */ .read-more { display: flex; align-items: center; margin-top: 10px; } .text-center .read-more { justify-content: center; } .read-more.have-readtime { justify-content: space-between; } .read-more > *:not(:last-child) { margin-left: 30px; } .read-more .post-more { vertical-align: middle; margin-bottom: 0; } /* Sticky Post */ /* Post Count */ .thumb-count { font-family: var(--second_text-font-family); font-weight: var(--second_text-font-weight); font-style: var(--second_text-font-style); text-transform: var(--second_text-text-transform); font-size: var(--second_text-font-size); letter-spacing: var(--second_text-letter-spacing); line-height: var(--second_text-line-height); color: var(--light-text-color-lighter-rgba); letter-spacing: 0; border-radius: 50%; text-align: center; position: relative; z-index: 9; background-color: var(--color-accent); color: var(--color-accent-text); width: 26px; height: 26px; line-height: 26px; position: absolute; right: -3px; top: 0; font-weight: 700; } .bg-dark .thumb-count { color: var(--dark-text-color-lighter-rgba); } .thumb-count a { color: var(--light-text-color-lighter-rgba); } .bg-dark .thumb-count a { color: var(--dark-text-color-lighter-rgba); } .thumb-count a { color: var(--color-accent-text); } .post-list-reverse .thumb-count { right: auto; left: -6px; } .post-count { font-weight: 600; font-size: 19px; line-height: 1.3; flex-shrink: 0; opacity: 0.2; } .bg-dark .post-count { opacity: 0.5; } /* Formats Icon */ .f-icon { display: flex; z-index: 9; color: white; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; font-size: 24px; width: 30px; height: 30px; border-radius: 10px; align-items: center; justify-content: center; } .f-icon.f-video { font-size: 26px; } .post-hero .f-icon { top: 25px; left: 25px; margin: 0; } /* Post Style */ @media screen and (min-width: 768px) { .post-list { display: flex; gap: 20px; } .post-list .post-desc { padding-top: 0; } .post-list-reverse .post-list { flex-direction: row-reverse; } .post-list.post-vertical-center .post-list-desc { justify-content: center; } } @media screen and (min-width: 768px) { .post-list-thumbnail { width: 35%; flex-shrink: 0; } } @media screen and (max-width: 767px) { .post-list-thumbnail { width: 100% !important; max-width: 100% !important; flex-shrink: unset; margin-bottom: 15px; } } @media screen and (min-width: 768px) { .post-list-desc { flex-grow: 1; display: flex; flex-direction: column; } } .post-small { display: flex; } .term-item .post-small { align-items: center; } .post-small > *:not(:last-child) { margin-left: 15px; } .term-item .post-small > *:not(:last-child) { margin-left: 10px; } .post-small .post-small-thumbnail { min-width: 80px; } .term-item .post-small .post-small-thumbnail { min-width: 52px; } .post-small .post-small-desc { display: flex; flex-direction: column; gap: 8px; } .post-small-reverse .post-small { flex-direction: row-reverse; justify-content: space-between; } .post-small-reverse .post-small > *:not(:last-child) { margin-left: 0; margin-right: 15px; } .term-item .post-small-reverse .post-small > *:not(:last-child) { margin-left: 0; margin-right: 10px; } /* Post Hero */ .post-hero { position: relative; } .post-hero .thumb-container::after { content: ''; z-index: 1; position: absolute; top: 15%; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(50, 50, 50, 0) 0, rgba(16, 15, 15, 0.91) 89%, rgba(16, 15, 15, 0.93) 93%); opacity: 0.93; } .hero-thumb-link { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 2; } .featured-hero { position: relative; } .featured-hero .thumb-container::after { content: ''; z-index: 1; position: absolute; top: 15%; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(50, 50, 50, 0) 0, rgba(16, 15, 15, 0.91) 89%, rgba(16, 15, 15, 0.93) 93%); opacity: 0.93; } .desc-hero { width: 100%; display: flex; justify-content: flex-end; align-items: flex-start; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent !important; } .desc-hero.text-center { justify-content: flex-end; align-items: center; } .desc-hero .post-desc-inner { z-index: 9; width: 100%; max-width: 100%; padding: 28px; transition: transform 0.3s; } .desc-hero:hover .post-desc-inner { transform: translateY(-5%); } /*-------------------------------------------------------------- # Modules --------------------------------------------------------------*/ .posts-container { position: relative; } .posts-list { position: relative; z-index: 1; transition: opacity 0.1s linear; margin-bottom: -30px; } .posts-list.is-loading { opacity: 0.3; } div.post-item { width: 100%; } .post-item { margin-bottom: 30px; } .posts-selective .post-item { margin-bottom: 0; } .post_sep-yes .post-item:not(:first-child) > * { position: relative; } .post_sep-yes .post-item:not(:first-child) > *::before { content: ''; width: 100%; height: 1px; position: absolute; top: -15px; left: 0; background: var(--light-line-color-rgba); } .bg-dark .post_sep-yes .post-item:not(:first-child) > *::before { background: var(--dark-line-color-rgba); } .posts-archive .post_sep-yes .post-item:not(:first-child) > *::before { top: -20px; } .block-banner .post-item, .slider-item .post-item { margin-bottom: 0; } .posts-archive .post-item { margin-bottom: 40px; } .post-list-grids { display: grid; overflow: hidden; gap: 40px; margin-bottom: 0 !important; } .post-list-grids .post-item { margin-bottom: 0; } .block-group4 .post-list-grids { grid-template-columns: 2fr 1fr; } @media screen and (max-width: 1024px) { .block-group4 .post-list-grids { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 767px) { .block-group4 .post-list-grids { grid-template-columns: 1fr !important; } } .block-groupherosmall.block-group4 .post-list-grids, .block-groupmediumsmall.block-group4 .post-list-grids { grid-template-columns: 1fr 1fr; } .block-group3 .post-list-grids { grid-template-columns: repeat(3, 1fr); } @media screen and (max-width: 1024px) { .block-group3 .post-list-grids { grid-template-columns: repeat(2, 1fr); } .block-group3 .post-list-grids .post-item:nth-child(3) { grid-row: span 3; } } @media screen and (max-width: 767px) { .block-group3 .post-list-grids { grid-template-columns: 1fr; } .block-group3 .post-list-grids .post-item:nth-child(3) { grid-row: auto; } } @media screen and (min-width: 768px) { .block-group2 .post-list-grids { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 768px) { .block-group5 .post-list-grids { grid-template-columns: 1fr 1fr; } .block-group5 .post-list-grids .post-item:nth-child(3n + 3) { grid-column: span 2; } } .posts-grid1 .post-list-grids { grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } @media screen and (max-width: 880px) { .posts-grid1 .post-list-grids { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 575px) { .posts-grid1 .post-list-grids { grid-template-columns: repeat(1, 1fr); } } .posts-grid1 .post-list-grids .post-item:not(:nth-child(5n + 2)) .entry-thumbnail { display: none; } .posts-grid1 .post-list-grids .post-item:not(:nth-child(5n + 2)) .post-desc { padding-top: 0; } @media screen and (min-width: 576px) { .posts-grid1 .post-list-grids .post-item:nth-child(5n + 2) { grid-row: span 2; } .posts-grid1 .post-list-grids .post-item:nth-child(5n + 2) .title-text { font-size: 1.3em; } } .posts-grid2 .post-list-grids { grid-gap: 20px; } @media screen and (min-width: 768px) { .posts-grid2 .post-list-grids { grid-template-columns: repeat(2, 1fr); } } .posts-grid2 .post-list-grids .post-item:not(:nth-child(3n + 3)) .post-list-thumbnail { display: none; } @media screen and (min-width: 768px) { .posts-grid2 .post-list-grids .post-item:nth-child(3n + 3) { grid-column: span 2; } .posts-grid2 .post-list-grids .post-item:nth-child(3n + 3) .post-list-thumbnail { width: 55%; } } @media screen and (min-width: 768px) { .block-groupherosmall.block-group2 .box-wrap { grid-column: span 2; } } @media screen and (min-width: 1025px) { .block-groupherosmall.block-group3 .box-wrap { grid-column: span 3; } } .post-list-childs { display: grid; overflow: hidden; gap: 40px; } @media screen and (min-width: 768px) { .block-groupherosmall.block-group2 .post-list-childs { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 1025px) { .block-groupherosmall.block-group3 .post-list-childs { grid-template-columns: repeat(3, 1fr); } } .block-groupmedium2 .post-list-childs .post-item:not(:first-child) .entry-thumbnail { display: none; } .block-groupmedium2 .post-list-childs .post-item:not(:first-child) .post-desc { padding-top: 0; } .post-list-columns { display: flex; flex-wrap: wrap; overflow: hidden; margin-right: -20px; margin-left: -20px; } .post-list-columns > * { display: block; float: right; width: 100%; padding-right: 20px; padding-left: 20px; } .posts-columns.columns2 .post-item { width: 50%; } @media screen and (max-width: 575px) { .posts-columns.columns2 .post-item { width: 100%; } } /* Block Ajax Loading */ .block-loader { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 9; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:after, .slick-track:before { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Custom Slider */ .block-slider, .slider-wrap { position: relative; } .slick-slider:not(.slick-initialized) { height: auto !important; display: grid; gap: 20px; } .navFor .slick-slider:not(.slick-initialized) { display: none; } .slider-item .slick-initialized { display: block !important; } .slick-list { padding: 0 !important; } .slider-arrow { position: absolute; z-index: 9; display: flex; gap: 5px; } .slider-thumbs .slider-arrow { gap: 10px; } .slider-arrow .slick-arrow { outline: 0; cursor: pointer; display: inline-block; border-radius: var(--button-radius); text-align: center; white-space: nowrap; box-shadow: none !important; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; user-select: none; transition: all 0.2s linear; border: none; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; background-color: var(--color-accent); color: var(--color-accent-text); } .slider-arrow .slick-arrow.slick-disabled { cursor: default; background-color: var(--light-sec-bg-color); color: var(--light-text-color-heavier-rgba); background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); } .slider-thumbs .slider-arrow .slick-arrow { background-color: var(--light-sec-bg-color); color: var(--light-text-color-heavier-rgba); background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); } .slider-thumbs .slider-arrow .slick-arrow.slick-disabled { background-color: var(--light-sec-bg-color); color: var(--light-text-color-heavier-rgba); background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); opacity: 0.5; } .slider-arrow .slick-arrow .icon-svg { font-size: 18px !important; transform: rotate(180deg); } .nav-top_left .slider-arrow { top: var(--box-padding); right: var(--box-padding); } .nav-top_right .slider-arrow { top: var(--box-padding); left: var(--box-padding); } .nav-bottom_left .slider-arrow { bottom: var(--box-padding); right: var(--box-padding); } .nav-bottom_right .slider-arrow { bottom: var(--box-padding); left: var(--box-padding); } .widget-heading .slider-arrow { position: relative; gap: 4px; } .slider-dots { margin-top: 25px; } ul.slick-dots { margin-top: 30px; position: relative; padding: 0; margin: 0; line-height: 1; font-size: 4px; list-style: none; display: flex; gap: 5px; } .dots-center ul.slick-dots { justify-content: center; } ul.slick-dots li { margin: 0; padding: 0; } ul.slick-dots button { margin: 0; padding: 0; border: 0; width: 1em; height: 1em; border-radius: 10px; background-color: var(--color-accent); opacity: 0.3; text-indent: -1000em; } ul.slick-dots .slick-active button { width: 4em; opacity: 1; } .slick-progress { display: flex; width: 100%; height: 2px; position: relative; margin-top: 15px; } .progressabsolute-yes .slick-progress { position: absolute; margin: 0; right: 10px; left: 10px; bottom: 10px; width: calc(100% - 20px); } .slick-progress::before { content: ''; position: absolute; right: 0; bottom: 0; display: block; width: 100%; height: 100%; background-color: var(--color-accent); opacity: 0.1; } .slick-progress span { position: absolute; right: 0; bottom: 0; display: block; width: 0; height: 100%; background-color: var(--color-accent); transition: all 0s linear; } .slick-progress span.active { width: 100%; } /* Slider with Thumbs */ .slider-main .post-hero .thumb-container { padding-bottom: 450px !important; } .slider-main .post-hero .f-icon { display: none; } .slider-main .desc-hero { justify-content: flex-start; } .slider-main .desc-hero .post-desc-inner { padding: 55px 30px 30px; width: calc(80% - 130px); } @media screen and (max-width: 767px) { .slider-main .desc-hero .post-desc-inner { width: 100%; } } .slider-main .desc-hero .meta-item { color: var(--dark-text-color-heavier-rgba); } .slider-main .desc-hero .meta-item a { color: var(--dark-text-color-heavier-rgba); } .nav-bottom_left .slider-main .slider-arrow { right: 30px; bottom: 50px; } @media screen and (max-width: 767px) { .nav-bottom_left .slider-main .slider-arrow { display: none; } } .navFor a { pointer-events: none; } .navFor .slider-item { cursor: pointer; } .navFor .post-item { margin: 10px 0; display: flex; justify-content: center; } .navFor .thumb-container { position: relative; } .navFor .thumb-container::before { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; box-shadow: 0 0 0 3px inset rgba(255, 255, 255, 0.28); z-index: 9; border-radius: 50%; } .slider-thumbs2 .post-item { margin-bottom: 0; } .slider-thumbs2 .th90-slider { margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .slider-thumbs2 .th90-slider .post-small .thumb-container { min-width: 84px; border: 2px solid #fff; } .slider-thumbs2 .th90-slider .post-small .thumb-container::after { display: none; } .slider-thumbs2 .th90-slider .entry-title { font-size: 1.1em; font-weight: 600; } .slider-thumbs2 .post-hero .thumb-container { padding-bottom: 450px !important; } .slider-thumbs2 .desc-hero > .post-desc-inner > .entry-header { margin: 0; } .slider-thumbs2 .desc-hero > .post-desc-inner > .entry-header > .entry-title { font-size: 1.7em; } .slider-thumbs { position: relative; overflow: hidden; } .slider-thumbs .navFor { position: absolute; left: 0; top: 0; bottom: 0; height: 100%; width: 130px; display: flex; align-items: center; border-right: 1px solid rgba(255, 255, 255, 0.1); } @media screen and (max-width: 767px) { .slider-thumbs .navFor { top: auto; bottom: 0; width: 100%; height: auto; border-top: 1px solid rgba(255, 255, 255, 0.1); border-right: 0; padding: 20px; display: block; } } .thumb-item { position: relative; width: 72px; height: 72px; } .progressBar { display: none; position: absolute; top: 0; right: 0; width: 72px; height: 72px; } .progressBar circle { fill: rgba(255, 255, 255, 0); stroke: white; stroke-width: 3px; stroke-linecap: round; animation: progress 5500ms; stroke-dasharray: 360px; stroke-dashoffset: 360; } .slick-current .progressBar { display: block; } @keyframes progress { from { stroke-dashoffset: 360; } to { stroke-dashoffset: 142; } } .d1 { grid-template-columns: repeat(1, 1fr); } .d1 .slider-item:nth-of-type(1n+2) { display: none; } .d2 { grid-template-columns: repeat(2, 1fr); } .d2 .slider-item:nth-of-type(1n+3) { display: none; } .d3 { grid-template-columns: repeat(3, 1fr); } .d3 .slider-item:nth-of-type(1n+4) { display: none; } .d4 { grid-template-columns: repeat(4, 1fr); } .d4 .slider-item:nth-of-type(1n+5) { display: none; } @media screen and (max-width: 1024px) { .t1 { grid-template-columns: repeat(1, 1fr); } .t1 .slider-item:nth-of-type(1n+2) { display: none; } .t2 { grid-template-columns: repeat(2, 1fr); } .t2 .slider-item:nth-of-type(1n+3) { display: none; } .t3 { grid-template-columns: repeat(3, 1fr); } .t3 .slider-item:nth-of-type(1n+4) { display: none; } .t4 { grid-template-columns: repeat(4, 1fr); } .t4 .slider-item:nth-of-type(1n+5) { display: none; } } @media screen and (max-width: 767px) { .m1 { grid-template-columns: repeat(1, 1fr); } .m1 .slider-item:nth-of-type(1n+2) { display: none; } .m2 { grid-template-columns: repeat(2, 1fr); } .m2 .slider-item:nth-of-type(1n+3) { display: none; } .m3 { grid-template-columns: repeat(3, 1fr); } .m3 .slider-item:nth-of-type(1n+4) { display: none; } .m4 { grid-template-columns: repeat(4, 1fr); } .m4 .slider-item:nth-of-type(1n+5) { display: none; } } @media screen and (max-width: 575px) { .ms1 { grid-template-columns: repeat(1, 1fr); } .ms1 .slider-item:nth-of-type(1n+2) { display: none; } .ms2 { grid-template-columns: repeat(2, 1fr); } .ms2 .slider-item:nth-of-type(1n+3) { display: none; } .ms3 { grid-template-columns: repeat(3, 1fr); } .ms3 .slider-item:nth-of-type(1n+4) { display: none; } .ms4 { grid-template-columns: repeat(4, 1fr); } .ms4 .slider-item:nth-of-type(1n+5) { display: none; } } /*-------------------------------------------------------------- # Offcanvas --------------------------------------------------------------*/ .offcanvas { visibility: hidden; opacity: 0; position: fixed; top: 0; bottom: 0; z-index: 999; width: 100%; height: 100%; right: 0; max-width: var(--offcanvas_width-width); transform: translate3d(-100%, 0, 0); transition: all 0.3s; transform: translate3d(100%, 0, 0); } .offcanvas.active { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); } .admin-bar .offcanvas { top: 32px; } .offcanvas-inner { padding: 15px 20px; position: relative; overflow-y: auto; height: 100%; min-height: 100%; display: flex; flex-direction: column; } .offcanvas-inner > *:not(:last-child) { margin-bottom: var(--h_space); } .menu-center .offcanvas-inner { align-items: center; } .offcanvas-inner::-webkit-scrollbar { width: 12px; } .offcanvas-inner::-webkit-scrollbar-track { background-color: var(--light-sec-bg-color); } .bg-dark .offcanvas-inner::-webkit-scrollbar-track { background-color: var(--dark-sec-bg-color); } .offcanvas-inner::-webkit-scrollbar-thumb { background-color: var(--color-accent); border: 4px solid var(--light-sec-bg-color); border-radius: 8px; } .bg-dark .offcanvas-inner::-webkit-scrollbar-thumb { border: 4px solid var(--dark-sec-bg-color); } .offcanvas-head { display: flex; justify-content: space-between; align-items: center; padding-top: 10px; } .offcanvas-close { cursor: pointer; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 18px; z-index: 9; } .offcanvas-overlay { visibility: hidden; opacity: 0; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; z-index: 998; background-color: var(--off-overlay-light); } .site-dark .offcanvas-overlay { background-color: var(--off-overlay-dark); } .offcanvas-overlay.active { visibility: visible; opacity: 0.99; } /*-------------------------------------------------------------- # Offcanvas Mobile Menu --------------------------------------------------------------*/ .amp-mobilemenu { width: 300px; max-width: 100%; } ul.nav-mobile { list-style: none; font-weight: 500; margin: 0; padding: 0; } .menu-center ul.nav-mobile { text-align: center; } .menu-right ul.nav-mobile { text-align: left; } ul.nav-mobile li { display: block; position: relative; margin-bottom: 15px; } ul.nav-mobile li:last-child { margin-bottom: 0 !important; } ul.nav-mobile li a { display: block; position: relative; padding-left: 30px; text-decoration: none; } ul.nav-mobile li a .menu-text { position: relative; line-height: 1; display: inline-block; } ul.nav-mobile ul.sub-menu { list-style: none; display: none; margin: 0; padding: 0; margin-top: 15px; padding-right: 20px; } .amp-mobilemenu ul.nav-mobile ul.sub-menu { display: block; } .sub-pointer { cursor: pointer; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; user-select: none; transition: all 0.2s linear; margin-right: 15px; position: absolute; top: 50%; left: 0; display: flex; justify-content: center; align-items: center; height: 30px; width: 30px; margin-top: -15px; } .sub-pointer::before { content: ''; width: 16px; height: 16px; display: inline-block; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 16px; mask-size: 16px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 13.171 4.95-4.95 1.414 1.415L12 16 5.636 9.636 7.05 8.222l4.95 4.95Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 13.171 4.95-4.95 1.414 1.415L12 16 5.636 9.636 7.05 8.222l4.95 4.95Z'/%3E%3C/svg%3E"); background: currentColor; } .sub-pointer.is-active::before { transform: rotate(180deg); } /* Newsletter Widget */ .newsletter-desc { margin-bottom: 30px; } /* MC4WP - Mailchimp */ .mc4wp-response { margin-bottom: 20px; font-weight: 700; } .mc4wp-form-fields { margin: 0 auto; width: 100%; max-width: 100%; } .mc4wp-form-fields > * { margin-bottom: 15px; } .mc4wp-form-fields input[type='submit'] { width: 100%; } .mc4wp-form-fields .custom-mailchimp { width: 100%; margin: 0 auto; display: flex; justify-content: center; border-radius: var(--button-radius); border: var(--btn-line-size) solid var(--light-line-color-rgba); color: var(--light-text-color-rgba); overflow: hidden; } .mc4wp-form-fields .custom-mailchimp > *:first-child { width: 100%; } .bg-dark .mc4wp-form-fields .custom-mailchimp { border: var(--btn-line-size) solid var(--dark-line-color-rgba); color: var(--dark-text-color-rgba); } .mc4wp-form-fields .custom-mailchimp button, .mc4wp-form-fields .custom-mailchimp input, .mc4wp-form-fields .custom-mailchimp p, .mc4wp-form-fields .custom-mailchimp label { box-shadow: none; margin-bottom: 0 !important; } .mc4wp-form-fields .custom-mailchimp input { border-radius: 0; } .mc4wp-form-fields .custom-mailchimp input:not([type='submit']) { border: none; } .mc4wp-form-fields .custom-mailchimp input[type='submit'] { margin: calc(var(--btn-line-size) * -1) !important; height: calc(45px + (var(--btn-line-size) * 2)); width: auto; } /* Newsticker */ .th90-blockticker { display: flex; overflow: hidden; } .block-tickerwrap { display: flex; align-items: center; gap: 10px; flex-shrink: 0; border-radius: var(--box-radius); } .block-tickerwrap .post-item { margin: 0; } .block-newsticker .itemWrap:not(:first-child) { display: none; } .ticker-thumb { width: 20px; } .post-ticker, .ticker-head { display: flex; align-items: center; flex-shrink: 0; gap: 5px; } .post-ticker > *, .ticker-head > * { flex-shrink: 0; } .ticker-head h4 { font-size: 0.92rem; } .ticker-head .icon-svg { color: var(--light-text-color-heavier-rgba); } .bg-dark .ticker-head .icon-svg { color: var(--dark-text-color-heavier-rgba); } .post-ticker .entry-title { font-size: 0.92rem; } /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ @media screen and (max-width: 880px) { .main-header, .sticky-header { display: none; } } .mobile-header { display: none; } @media screen and (max-width: 880px) { .mobile-header { display: block; } } .flex-mobile-el { display: none !important; } @media screen and (max-width: 880px) { .flex-mobile-el { display: flex !important; } } .flex-desktop-el { display: flex !important; } @media screen and (max-width: 880px) { .flex-desktop-el { display: none !important; } } .h_space { display: block; height: var(--h_space); width: 100%; } /* Current Date */ .cur-date { display: flex; align-items: center; } .cur-date .d { font-size: 24px; margin: 0; margin-left: 5px; } .cur-date .my { display: flex; flex-direction: column; font-weight: 400; font-size: 11px; line-height: 1.1; } /* Advertisement */ .ads-heading { display: flex; justify-content: center; font-family: var(--second_text-font-family); font-weight: var(--second_text-font-weight); font-style: var(--second_text-font-style); text-transform: var(--second_text-text-transform); font-size: var(--second_text-font-size); letter-spacing: var(--second_text-letter-spacing); line-height: var(--second_text-line-height); color: var(--light-text-color-lighter-rgba); font-size: 0.8rem; text-transform: uppercase; margin-bottom: 5px; letter-spacing: 0.05em; } .bg-dark .ads-heading { color: var(--dark-text-color-lighter-rgba); } .ads-heading a { color: var(--light-text-color-lighter-rgba); } .bg-dark .ads-heading a { color: var(--dark-text-color-lighter-rgba); } /* Loader */ .xloader, .slick-slider:not(.slick-initialized)::before { display: inline-block; width: var(--loader-size); height: var(--loader-size); --c: radial-gradient(farthest-side,var(--color-accent) 92%,#0000); background: var(--c) 50% 0, var(--c) 50% 100%, var(--c) 100% 50%, var(--c) 0 50%; background-size: 9px 9px; background-repeat: no-repeat; animation: s7 1s infinite; } .block-loader .xloader, .slick-slider:not(.slick-initialized)::before { position: absolute; top: 50%; right: 50%; margin-top: calc((var(--loader-size) / 2) * -1); margin-right: calc((var(--loader-size) / 2) * -1); } .slick-slider:not(.slick-initialized)::before { content: ''; z-index: 9; } .loader-small { width: var(--loader-size_small); height: var(--loader-size_small); background-size: 6px 6px; } @keyframes s7 { to { transform: rotate(0.5turn); } } /* Scroll to Top */ .fly-trigger { z-index: 998; position: fixed; left: 20px; bottom: 20px; margin-bottom: 0; transition: all 0.25s linear; } .fly-trigger .button { border-radius: 10px; } .skin-fly { display: flex; flex-direction: column; gap: 10px; } .totop-fly { bottom: -75px; opacity: 0; } .totop-fly.show { opacity: 1; bottom: 20px; } .top-pos { bottom: 60px; } .totop-trigger .icon-svg { color: var(--color-accent); } /* Dark Switcher */ .s-front .button.skin-trigger.trigger-light { display: none; } /* Contact Form 7 */ .wpcf7 span.wpcf7-list-item { display: block; margin: 0; } /* Reading Indicator */ .reading-indicator { position: fixed; z-index: 99; right: 0; background-color: var(--color-accent); height: calc(var(--reading_indicator_height) * 1px); } .reading-indicator-bottom .reading-indicator { bottom: 0; top: auto; } .reading-indicator-top .reading-indicator { bottom: auto; top: 0; } @media screen and (min-width: 881px) { .admin-bar.reading-indicator-top .reading-indicator { top: 32px; } } /* Dynamic Width Select */ .resizeselect { display: none; } #width_tmp_select { display: none; visibility: hidden; width: auto; } @-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Close Icon */ .close-icon { width: 1em; height: 1em; display: block; top: 0; bottom: 0; right: 0; left: 0; margin: auto; cursor: pointer; position: relative; } .close-icon:after, .close-icon:before { content: ""; position: absolute; height: 2px; width: 100%; transition: all 0.25s linear; top: 50%; background-color: currentColor; } .close-icon:after { transform: rotate(35deg); left: 0; } .close-icon:before { transform: rotate(-35deg); right: 0; } .popup-close { width: 34px; height: 34px; font-size: 34px; } .svg-icon-wrap { width: auto; height: auto; } /* Not Found & 404 */ .notfound { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 600px; margin: 30px auto; } .notfound .search-form { width: 100%; max-width: 500px; } .error-icon { font-size: 200px; display: flex; margin-bottom: 30px; } .notfound-404 h1 { font-size: 120px; } @media screen and (max-width: 767px) { .notfound-404 h1 { font-size: 80px; } } /* Woo Cart */ .shopping-cart-counter { font-family: var(--second_text-font-family); font-weight: var(--second_text-font-weight); font-style: var(--second_text-font-style); text-transform: var(--second_text-text-transform); font-size: var(--second_text-font-size); letter-spacing: var(--second_text-letter-spacing); line-height: var(--second_text-line-height); color: var(--light-text-color-lighter-rgba); background-color: red; color: #fff; min-width: 15px; height: 16px; line-height: 16px; font-size: 0.85rem; font-weight: 600; padding: 0 2px; margin-right: -7px; border-radius: 5px; } .bg-dark .shopping-cart-counter { color: var(--dark-text-color-lighter-rgba); } .shopping-cart-counter a { color: var(--light-text-color-lighter-rgba); } .bg-dark .shopping-cart-counter a { color: var(--dark-text-color-lighter-rgba); } /* Copyright */ .copyright-wrapper { font-size: 0.92rem; } /*-------------------------------------------------------------- # Article --------------------------------------------------------------*/ ul.breadcrumbs { font-family: var(--second_text-font-family); font-weight: var(--second_text-font-weight); font-style: var(--second_text-font-style); text-transform: var(--second_text-text-transform); font-size: var(--second_text-font-size); letter-spacing: var(--second_text-letter-spacing); line-height: var(--second_text-line-height); color: var(--light-text-color-lighter-rgba); display: flex; flex-wrap: wrap; align-items: center; list-style: none; margin: 0; padding: 0; font-size: 0.85rem; text-transform: uppercase; } .bg-dark ul.breadcrumbs { color: var(--dark-text-color-lighter-rgba); } ul.breadcrumbs a { color: var(--light-text-color-lighter-rgba); } .bg-dark ul.breadcrumbs a { color: var(--dark-text-color-lighter-rgba); } ul.breadcrumbs > *:not(:last-child) { margin-left: 3px; } ul.breadcrumbs li { margin: 0; padding: 0; display: flex; align-items: center; } ul.breadcrumbs li::before { content: ''; width: 13px; height: 13px; display: inline-block; background-color: currentColor; margin-left: 3px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 13px; mask-size: 13px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.171 12-4.95-4.95 1.415-1.413L16 12l-6.364 6.364-1.414-1.415 4.95-4.95Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.171 12-4.95-4.95 1.415-1.413L16 12l-6.364 6.364-1.414-1.415 4.95-4.95Z'/%3E%3C/svg%3E"); transform: rotate(180deg); } ul.breadcrumbs li:first-child::before { display: none; } .entry-header-article ul.breadcrumbs li:last-child { display: none; } .entry-header-article .have-cats ul.breadcrumbs li:nth-last-child(2) { display: none; } .have-cats ul.breadcrumbs::after { content: ''; width: 13px; height: 13px; display: inline-block; background-color: currentColor; margin-left: 3px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 13px; mask-size: 13px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.171 12-4.95-4.95 1.415-1.413L16 12l-6.364 6.364-1.414-1.415 4.95-4.95Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.171 12-4.95-4.95 1.415-1.413L16 12l-6.364 6.364-1.414-1.415 4.95-4.95Z'/%3E%3C/svg%3E"); transform: rotate(180deg); } /*-------------------------------------------------------------- # Review --------------------------------------------------------------*/ .box-review { display: flex; flex-direction: column; background-image: linear-gradient(to top left, var(--color-accent) -2500%, #0000 300%); margin-top: var(--h_space); border-radius: var(--box-radius); padding: 25px; } .box-review-head { display: flex; align-items: flex-end; gap: 15px; margin-bottom: 25px; } .box-review-head .head-total { font-size: 3.6rem; line-height: 0.85; } .box-review-head .head-text { font-size: 0.92rem; } .box-review-desc { display: flex; flex-grow: 1; gap: 12px; flex-direction: column; } .item-review { display: flex; align-items: center; gap: 15px; } .item-progress { height: 5px; flex-grow: 1; position: relative; background-color: var(--light-line-color-rgba); border-radius: var(--box-radius); } .bg-dark .item-progress { background-color: var(--dark-line-color-rgba); } .progress-val { position: absolute; height: 100%; border-radius: var(--box-radius); background-color: var(--color-accent); } .c-val { font-size: 0.92rem; } .p-review { padding: 2px 4px; border-radius: var(--box-radius); background-color: var(--color-accent); color: var(--color-accent-text); font-weight: 500; font-size: 0.85rem; } .p-review + .cat-text { margin-right: 4px; } .entry-thumbnail .p-review { position: absolute; top: 0; right: 0; padding: 1px 4px; font-size: 0.8rem; } .p-review.mid { background-image: linear-gradient(to bottom, #eab919 0%, #db870a 100%); } .p-review.good { background-image: linear-gradient(to bottom, #4fa73c 0%, #31d979 100%); } .p-review.bad { background-image: linear-gradient(to bottom, #ef5858 0%, #bd2525 100%); } /*-------------------------------------------------------------- # Advertisement --------------------------------------------------------------*/ .banner-box { display: flex; justify-content: center; } .banner-box-inner { position: relative; width: 100%; overflow: hidden; text-align: center; } .banner-box-inner ins { background-color: transparent; } .banner-url { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hook-param { height: 1px; width: 100%; background-color: transparent; margin-top: -1px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 1201px) { .hook-param { max-width: calc(var(--site_width) * 1px); } } .hook-side { position: fixed; top: 0; overflow: hidden; opacity: 0; visibility: hidden; } @media screen and (min-width: 1201px) { .hook-side.active { opacity: 1; visibility: visible; } } .hook-left { transform: translateX(-100%); } .hook-right { transform: translateX(100%); } .adv .post-item, .ads .post-item { margin-bottom: 0; } .ads-post-before { margin-bottom: var(--h_space); } .ads-post-after, .ads-post-ajax { margin-top: var(--h_space); }