/* ----------------- >>> TABLE OF CONTENTS: 1 - CSS Variables 2 - General 3 - Icon Fonts 4 - Swiper Slider 5 - Header 6 - Post Entry 7 - Post Modules 8 - Blocks 9 - Single 10 - Archives 11 - Pages 12 - Footer 13 - Responsive 14 - Print ----------------- */ /* ----------------- 1 - CSS Variables ----------------- */ :root { --effect: all .2s cubic-bezier(0.32, 0.74, 0.57, 1); --timing: cubic-bezier(0.32, 0.74, 0.57, 1); --shadow-12: #0000001f; --shadow-20: #00000005; --round-3: 3px; --height-34: 34px; --height-40: 40px; --padding-40: 0 40px; --round-5: 5px; --round-7: 7px; --shadow-7: #00000012; --dark-accent: #191c20; --dark-accent-0: #191c2000; --dark-accent-90: #191c20f2; --meta-b-fcolor: #282828; --meta-b-fspace: normal; --meta-b-fstyle: normal; --meta-b-fweight: 600; --meta-b-transform: none; --nav-bg: #fff; --nav-bg-from: #fff; --nav-bg-to: #fff; --subnav-bg: #fff; --subnav-bg-from: #fff; --subnav-bg-to: #fff; --indicator-bg-from: #ff0084; --indicator-bg-to: #2c2cf8; --audio-color: #ffa052; --dribbble-color: #fb70a6; --excerpt-color: #666; --fb-color: #89abfc; --g-color: #ff184e; --live-color: #fe682e; --gallery-color: #729dff; --ig-color: #7e40b6; --linkedin-color: #007bb6; --bsky-color: #4ca2fe; --nav-color: #282828; --pin-color: #f74c53; --flipboard-color: #f52828; --privacy-color: #fff; --review-color: #ffc300; --soundcloud-color: #fd794a; --subnav-color: #282828; --vk-color: #07f; --telegam-color: #649fdf; --twitter-color: #00151c; --medium-color: #000; --threads-color: #000; --video-color: #ffc300; --vimeo-color: #44bbe1; --ytube-color: #ef464b; --whatsapp-color: #00e676; --nav-color-10: #28282820; --subnav-color-10: #28282820; --g-color-90: #ff184ee6; --absolute-dark: #242424; --body-family: 'Oxygen', sans-serif; --btn-family: 'Encode Sans Condensed', sans-serif; --cat-family: 'Oxygen', sans-serif; --dwidgets-family: 'Oxygen', sans-serif; --h1-family: 'Encode Sans Condensed', sans-serif; --h2-family: 'Encode Sans Condensed', sans-serif; --h3-family: 'Encode Sans Condensed', sans-serif; --h4-family: 'Encode Sans Condensed', sans-serif; --h5-family: 'Encode Sans Condensed', sans-serif; --h6-family: 'Encode Sans Condensed', sans-serif; --input-family: 'Encode Sans Condensed', sans-serif; --menu-family: 'Encode Sans Condensed', sans-serif; --meta-family: 'Encode Sans Condensed', sans-serif; --submenu-family: 'Encode Sans Condensed', sans-serif; --tagline-family: 'Encode Sans Condensed', sans-serif; --body-fcolor: #282828; --btn-fcolor: inherit; --h1-fcolor: inherit; --h2-fcolor: inherit; --h3-fcolor: inherit; --h4-fcolor: inherit; --h5-fcolor: inherit; --h6-fcolor: inherit; --input-fcolor: inherit; --meta-fcolor: #666; --body-fsize: 16px; --btn-fsize: 12px; --cat-fsize: 10px; --dwidgets-fsize: 13px; --excerpt-fsize: 14px; --h1-fsize: 40px; --h2-fsize: 28px; --h3-fsize: 22px; --h4-fsize: 16px; --h5-fsize: 14px; --h6-fsize: 13px; --headline-fsize: 45px; --input-fsize: 14px; --menu-fsize: 17px; --meta-fsize: 13px; --submenu-fsize: 13px; --tagline-fsize: 28px; --body-fspace: normal; --btn-fspace: normal; --cat-fspace: .07em; --dwidgets-fspace: 0; --h1-fspace: normal; --h2-fspace: normal; --h3-fspace: normal; --h4-fspace: normal; --h5-fspace: normal; --h6-fspace: normal; --input-fspace: normal; --menu-fspace: -.02em; --meta-fspace: normal; --submenu-fspace: -.02em; --tagline-fspace: normal; --body-fstyle: normal; --btn-fstyle: normal; --cat-fstyle: normal; --dwidgets-fstyle: normal; --h1-fstyle: normal; --h2-fstyle: normal; --h3-fstyle: normal; --h4-fstyle: normal; --h5-fstyle: normal; --h6-fstyle: normal; --input-fstyle: normal; --menu-fstyle: normal; --meta-fstyle: normal; --submenu-fstyle: normal; --tagline-fstyle: normal; --body-fweight: 400; --btn-fweight: 700; --cat-fweight: 700; --dwidgets-fweight: 600; --h1-fweight: 700; --h2-fweight: 700; --h3-fweight: 700; --h4-fweight: 700; --h5-fweight: 700; --h6-fweight: 600; --input-fweight: 400; --menu-fweight: 600; --meta-fweight: 400; --submenu-fweight: 500; --tagline-fweight: 400; --flex-gray-15: #88888826; --flex-gray-40: #88888866; --flex-gray-7: #88888812; --dribbble-hcolor: #ff407f; --fb-hcolor: #1f82ec; --ig-hcolor: #8823b6; --linkedin-hcolor: #006ab1; --bsky-hcolor: #263544; --pin-hcolor: #f60c19; --flipboard-hcolor: #e00a0a; --soundcloud-hcolor: #ff5313; --vk-hcolor: #005f8c; --telegam-hcolor: #3885d9; --twitter-hcolor: #13b9ee; --threads-hcolor: #5219ff; --medium-hcolor: #ffb600; --vimeo-hcolor: #16b1e3; --ytube-hcolor: #fc161e; --whatsapp-hcolor: #00e537; --tumblr-color: #32506d; --tumblr-hcolor: #1f3143; --indicator-height: 4px; --nav-height: 60px; --alight: #ddd; --solid-light: #fafafa; --em-mini: .8em; --rem-mini: .8rem; --transparent-nav-color: #fff; --swiper-navigation-size: 44px; --tagline-s-fsize: 22px; --wnav-size: 20px; --em-small: .92em; --rem-small: .92rem; --bottom-spacing: 35px; --box-spacing: 5%; --el-spacing: 12px; --body-transform: none; --btn-transform: none; --cat-transform: uppercase; --dwidgets-transform: none; --h1-transform: none; --h2-transform: none; --h3-transform: none; --h4-transform: none; --h5-transform: none; --h6-transform: none; --input-transform: none; --menu-transform: none; --meta-transform: none; --submenu-transform: none; --tagline-transform: none; --awhite: #fff; --solid-white: #fff; --max-width-wo-sb: 100%; --alignwide-w: 1600px; --bookmark-color: #62b088; --bookmark-color-90: #62b088f2; --slider-nav-dcolor: inherit; --heading-color: var(--body-fcolor); --heading-sub-color: var(--g-color); --meta-b-family: var(--meta-family); --bottom-border-color: var(--flex-gray-15); --column-border-color: var(--flex-gray-15); } [data-theme='dark'], .light-scheme { --shadow-12: #00000066; --shadow-20: #00000033; --shadow-7: #0000004d; --dark-accent: #0e0f12; --dark-accent-0: #0e0f1200; --dark-accent-90: #0e0f12f2; --meta-b-fcolor: #fff; --nav-bg: #131518; --nav-bg-from: #131518; --nav-bg-to: #131518; --excerpt-color: #ddd; --nav-color: #fff; --subnav-color: #fff; --nav-color-10: #ffffff15; --subnav-color-10: #ffffff15; --body-fcolor: #fff; --h1-fcolor: #fff; --h2-fcolor: #fff; --h3-fcolor: #fff; --h4-fcolor: #fff; --h5-fcolor: #fff; --h6-fcolor: #fff; --headline-fcolor: #fff; --input-fcolor: #fff; --meta-fcolor: #bbb; --tagline-fcolor: #fff; --flex-gray-15: #88888840; --flex-gray-7: #88888818; --solid-light: #333; --solid-white: #191c20; --twitter-color: #fff; --medium-color: #fff; --threads-color: #fff; --heading-color: var(--body-fcolor); --heading-sub-color: var(--g-color); } [data-theme='dark'] { --subnav-bg: #191c20; --subnav-bg-from: #191c20; --subnav-bg-to: #191c20; } body:not([data-theme='dark']) [data-mode='dark'], body[data-theme='dark'] [data-mode='default'], body .light-scheme [data-mode='default'], .mfp-hide, .is-hidden { display: none !important; } body .light-scheme [data-mode='dark'] { display: inherit !important; } [data-theme='dark'] .icon-svg, .light-scheme .icon-svg { -webkit-filter: invert(100%); filter: invert(100%); } .dark-opacity[data-theme='dark'] .p-featured { background-color: #000; } .dark-opacity[data-theme='dark'] .wp-post-image { opacity: .7; } [data-theme='dark'] input::placeholder, .light-scheme input::placeholder { color: var(--alight); } [data-theme='dark'] .wnav-svg, .light-scheme .wnav-svg { filter: invert(100%); } .global-color { color: var(--g-color); } .is-gray { color: var(--flex-gray-40); } /* ----------------- 2 - General ----------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; line-height: inherit; margin: 0; padding: 0; vertical-align: baseline; border: 0; outline: 0; } html { font-size: var(--body-fsize); overflow-x: hidden; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } body { font-family: var(--body-family); font-size: var(--body-fsize); font-weight: var(--body-fweight); font-style: var(--body-fstyle); line-height: max(var(--body-fheight, 1.7), 1.4); display: block; margin: 0; letter-spacing: var(--body-fspace); text-transform: var(--body-transform); color: var(--body-fcolor); background-color: var(--solid-white); } body.rtl { /*rtl:ignore*/ direction: rtl; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } :before, :after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .site { position: relative; display: block; } .site * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } .site-outer { position: relative; display: block; overflow: clip; max-width: 100%; background-color: var(--solid-white); } .top-spacing .site-outer { -webkit-transition: margin .5s var(--timing); transition: margin .5s var(--timing); } .site-wrap, .site-content { position: relative; display: block; margin: 0; padding: 0; } .site-wrap { z-index: 1; min-height: 45vh; } button, hr, input { overflow: visible } audio, canvas, progress, video { display: inline-block } progress, sub, sup { vertical-align: baseline } [type=checkbox], [type=radio], legend { box-sizing: border-box; padding: 0 } [type=checkbox] { cursor: pointer; } acronym { cursor: help } .rbct ins { text-decoration: none; background-color: var(--flex-gray-15); } figure { display: block; margin: 0; } em { font-style: italic; } hr { box-sizing: content-box; height: 0 } u { text-decoration: underline; } dt { font-weight: 700; } dd { margin-inline-start: 40px; } address { font-size: var(--rem-small); font-style: italic; margin-top: .75rem; } code, kbd, pre, samp, var { font-family: monospace, monospace; font-size: .9em; } a { text-decoration: none; color: inherit; background-color: transparent; } abbr[title] { cursor: default; text-decoration: none; } b, strong { font-weight: 700; } dfn { font-style: italic } mark { margin: 0 5px; padding: 5px 7px; border-radius: var(--round-5); background-color: var(--flex-gray-7); } code { font-family: Courier, monospace; padding: 5px; background-color: var(--flex-gray-7); } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em } sup { top: -.5em } .tax-accordion-sub, .hidden, [hidden], template, audio:not([controls]) { display: none; } img { max-width: 100%; height: auto; vertical-align: middle; border-style: none; -webkit-object-fit: cover; object-fit: cover; } svg:not(:root), .collapse-activated { overflow: hidden; } button, input, optgroup, select, textarea { text-transform: none; color: inherit; outline: none !important; } .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; margin: -1px; padding: 0; word-wrap: normal !important; border: 0; clip-path: inset(50%); -webkitcolorip-path: inset(50%); } select { line-height: 24px; position: relative; max-width: 100%; padding: 10px 20px 10px; border-color: var(--flex-gray-15); border-radius: var(--round-5); outline: none !important; background: transparent url('data:image/svg+xml;utf8,') no-repeat right 5px top 50%; background-size: 22px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } select option { background-color: var(--solid-white); } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px; } :-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fafafa inset; } fieldset { padding: 0; } legend { font-weight: 700; display: table; max-width: 100%; white-space: normal; color: inherit; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } summary { display: list-item } del { text-decoration: line-through; } big { font-size: 125%; } cite { font-family: var(--meta-family); font-size: min(14px, var(--rem-small)); font-weight: var(--meta-fweight); font-style: italic; } .clearfix:before, .clearfix:after { display: table; clear: both; content: ' '; } .rb-error { font-size: var(--rem-mini); } input:disabled, select:disabled, textarea:disabled { opacity: .5; background-color: #ffcb3330; } h1, .h1 { font-family: var(--h1-family); font-size: var(--h1-fsize); font-weight: var(--h1-fweight); font-style: var(--h1-fstyle); line-height: var(--h1-fheight, 1.2); letter-spacing: var(--h1-fspace); text-transform: var(--h1-transform); } h1 { color: var(--h1-fcolor); } h2, .h2 { font-family: var(--h2-family); font-size: var(--h2-fsize); font-weight: var(--h2-fweight); font-style: var(--h2-fstyle); line-height: var(--h2-fheight, 1.25); letter-spacing: var(--h2-fspace); text-transform: var(--h2-transform); } h2 { color: var(--h2-fcolor); } h3, .h3 { font-family: var(--h3-family); font-size: var(--h3-fsize); font-weight: var(--h3-fweight); font-style: var(--h3-fstyle); line-height: var(--h3-fheight, 1.3); letter-spacing: var(--h3-fspace); text-transform: var(--h3-transform); } h3 { color: var(--h3-fcolor); } h4, .h4 { font-family: var(--h4-family); font-size: var(--h4-fsize); font-weight: var(--h4-fweight); font-style: var(--h4-fstyle); line-height: var(--h4-fheight, 1.45); letter-spacing: var(--h4-fspace); text-transform: var(--h4-transform); } h4 { color: var(--h4-fcolor); } .h5, h5 { font-family: var(--h5-family); font-size: var(--h5-fsize); font-weight: var(--h5-fweight); font-style: var(--h5-fstyle); line-height: var(--h5-fheight, 1.5); letter-spacing: var(--h5-fspace); text-transform: var(--h5-transform); } h5 { color: var(--h5-fcolor); } h6, .h6 { font-family: var(--h6-family); font-size: var(--h6-fsize); font-weight: var(--h6-fweight); font-style: var(--h6-fstyle); line-height: var(--h6-fheight, 1.5); letter-spacing: var(--h6-fspace); text-transform: var(--h6-transform); } h6 { color: var(--h6-fcolor); } h1.entry-title { font-size: var(--title-size, var(--h1-fsize)); } h2.entry-title { font-size: var(--title-size, var(--h2-fsize)); } h3.entry-title { font-size: var(--title-size, var(--h3-fsize)); } h4.entry-title { font-size: var(--title-size, var(--h4-fsize)); } h5.entry-title { font-size: var(--title-size, var(--h5-fsize)); } h6.entry-title { font-size: var(--title-size, var(--h6-fsize)); } .p-categories { font-family: var(--cat-family); font-size: var(--cat-fsize); font-weight: var(--cat-fweight); font-style: var(--cat-fstyle); letter-spacing: var(--cat-fspace); text-transform: var(--cat-transform); } .is-meta, .meta-text, .rss-date, .widget_rss cite, .woocommerce-result-count, .woocommerce-ordering select, .s-logout-link, .story-content-overlay__date, .story-content-overlay__author { font-family: var(--meta-family); font-size: var(--meta-fsize); font-weight: var(--meta-fweight); font-style: var(--meta-fstyle); letter-spacing: var(--meta-fspace); text-transform: var(--meta-transform); } .meta-label, .tipsy-inner, .product_meta { font-family: var(--meta-family); font-weight: var(--meta-fweight); font-style: var(--meta-fstyle); letter-spacing: var(--meta-fspace); text-transform: var(--meta-transform); color: var(--meta-fcolor); } figcaption, .wp-caption-text { font-family: var(--meta-family); font-size: var(--meta-fsize); font-weight: var(--meta-fweight); font-style: var(--meta-fstyle); letter-spacing: var(--meta-fspace); text-transform: var(--meta-transform); } .is-meta { color: var(--meta-fcolor); } .meta-author, .meta-bold { font-family: var(--meta-b-family); font-size: inherit; font-weight: var(--meta-b-fweight); font-style: var(--meta-b-fstyle); letter-spacing: var(--meta-b-fspace); text-transform: var(--meta-b-transform); } input[type='text'], input[type='tel'], input[type='password'], input[type='email'], input[type='url'], input[type='search'], input[type='number'], textarea, .select2-results, .select2-selection__rendered { font-family: var(--input-family); font-size: var(--input-fsize); font-weight: var(--input-fweight); font-style: var(--input-fstyle); letter-spacing: var(--input-fspace); text-transform: var(--input-transform); color: var(--input-fcolor); } input[type='submit'], button, .button, .is-btn, a.show-post-comment, a.comment-reply-link, .pagination-wrap, .rbbsl a > span, .cta-buttons, .widget_block .wp-block-search [type='submit'], .web-stories-list__archive-link a, .comment-list .comment-reply-title small a, .elementor-widget-button { font-family: var(--btn-family); font-size: var(--btn-fsize); font-weight: var(--btn-fweight); font-style: var(--btn-fstyle); letter-spacing: var(--btn-fspace); text-transform: var(--btn-transform); } .breadcrumb-inner, .woocommerce-breadcrumb { font-family: var(--bcrumb-family, var(--meta-family)); font-size: var(--bcrumb-fsize, 13px); font-weight: var(--bcrumb-fweight, var(--meta-fweight)); font-style: var(--bcrumb-fstyle, initial); line-height: var(--bcrumb-fheight, 1.5); letter-spacing: var(--bcrumb-fspace, 0); text-transform: var(--bcrumb-transform, initial); color: var(--bcrumb-color, inherit); } .main-menu > li > a, .more-col .widget-heading, .elementor-widget-wp-widget-nav_menu h5, .woocommerce-MyAccount-navigation { font-family: var(--menu-family); font-size: var(--menu-fsize); font-weight: var(--menu-fweight); font-style: var(--menu-fstyle); line-height: 1.5; letter-spacing: var(--menu-fspace); text-transform: var(--menu-transform); } .main-menu .sub-menu > .menu-item a, .user-dropdown a, .more-col .menu a, .collapse-footer-menu a, .elementor-widget-container .menu a { font-family: var(--submenu-family); font-size: var(--submenu-fsize); font-weight: var(--submenu-fweight); font-style: var(--submenu-fstyle); line-height: 1.25; letter-spacing: var(--submenu-fspace); text-transform: var(--submenu-transform); color: var(--subnav-color); } .mobile-menu > li > a { font-family: 'Encode Sans Condensed', sans-serif; font-size: 1.1rem; font-weight: 400; font-style: normal; line-height: 1.5; letter-spacing: -.02em; text-transform: none; } .mobile-menu .sub-menu a, .logged-mobile-menu a { font-family: 'Encode Sans Condensed', sans-serif; font-size: 14px; font-weight: 700; font-style: normal; line-height: 1.5; text-transform: none; } .mobile-qview a { font-family: 'Encode Sans Condensed', sans-serif; font-size: 16px; font-weight: 600; font-style: normal; letter-spacing: -0.02em; text-transform: none; } .s-title { font-family: var(--headline-family, var(--h1-family)); font-size: var(--headline-fsize, var(--h1-fsize)); font-weight: var(--headline-fweight, var(--h1-fweight)); font-style: var(--headline-fstyle, var(--h1-fstyle)); line-height: var(--headline-fheight, var(--h1-fheight, 1.2)); letter-spacing: var(--headline-fspace, var(--h1-fspace)); text-transform: var(--headline-transform, var(--h1-transform)); color: var(--headline-fcolor, var(--h1-fcolor)); } .s-tagline { font-family: var(--tagline-family); font-size: var(--tagline-fsize); font-weight: var(--tagline-fweight); font-style: var(--tagline-fstyle); line-height: var(--tagline-fheight, 1.4); letter-spacing: var(--tagline-fspace); text-transform: var(--tagline-transform); color: var(--tagline-fcolor, inherit); } .s-title:not(.fw-headline) { font-size: var(--headline-s-fsize, var(--h1-fsize)); } .s-tagline:not(.fw-tagline) { font-size: var(--tagline-s-fsize); } .heading-title > * { font-family: var(--heading-family, inherit); font-size: var(--heading-fsize, inherit); font-weight: var(--heading-fweight, inherit); font-style: var(--heading-fstyle, inherit); letter-spacing: var(--heading-fspace, inherit); text-transform: var(--heading-transform, inherit); } .heading-tagline > * { font-size: var(--subheading-fsize, inherit); } .heading-tagline > .heading-tagline-label { font-family: var(--subheading-family, inherit); font-weight: var(--subheading-fweight, inherit); font-style: var(--subheading-fstyle, inherit); line-height: var(--subheading-fheight, 1.5); margin: 0; padding: 0; letter-spacing: var(--subheading-fspace, inherit); text-transform: var(--subheading-transform, inherit); } .p-wrap .entry-summary { font-family: var(--excerpt-family, inherit); font-size: var(--excerpt-fsize); font-weight: var(--excerpt-fweight, inherit); font-style: var(--excerpt-fstyle, inherit); letter-spacing: var(--excerpt-fspace, inherit); text-transform: var(--excerpt-transform, inherit); color: var(--excerpt-color); column-count: var(--excerpt-columns, 1); column-gap: var(--excerpt-gap, 1.5em); } .description-text, .story-content-overlay__excerpt { font-size: var(--excerpt-fsize); } .table-link { font-family: var(--toc-family, inherit); font-size: var(--toc-fsize, min(14px, var(--h5-fsize))); font-weight: var(--toc-fweight, inherit); font-style: var(--toc-fstyle, inherit); line-height: var(--toc-fheight, inherit); letter-spacing: var(--toc-fspace, inherit); text-transform: var(--toc-transform, inherit); } span.e-pagi-title { font-family: var(--epagi-family, inherit); font-size: var(--epagi-fsize, inherit); font-weight: var(--epagi-fweight, inherit); font-style: var(--epagi-fstyle, inherit); line-height: var(--epagi-fheight, var(--h4-fheight, 1.4)); letter-spacing: var(--epagi-fspace, inherit); text-transform: var(--epagi-transform, inherit); } input[type='text'], input[type='tel'], input[type='password'], input[type='email'], input[type='url'], input[type='search'], input[type='number'] { line-height: max(var(--input-fheight), 24px); max-width: 100%; padding: 12px 20px; -webkit-transition: var(--effect); transition: var(--effect); white-space: nowrap; border: var(--input-border, none); border-radius: var(--round-3); outline: none !important; background-color: var(--input-bg, var(--flex-gray-7)); -webkit-box-shadow: none !important; box-shadow: none !important; } input[type='file'] { font-size: var(--rem-small); } input::file-selector-button { font-size: var(--em-small); padding: 8px 20px; cursor: pointer; -webkit-transition: var(--effect); transition: var(--effect); color: var(--btn-accent, var(--awhite)); border: none; border-radius: var(--round-7); background-color: var(--btn-primary, var(--g-color)); } input:hover::file-selector-button { opacity: .7; } button { cursor: pointer; border: none; border-radius: var(--round-3); outline: none !important; -webkit-box-shadow: none; box-shadow: none; } input[type='submit'], .is-btn, .button, div:where(.entry-content) button { line-height: var(--height-40); padding: var(--padding-40); cursor: pointer; -webkit-transition: var(--effect); transition: var(--effect); white-space: nowrap; color: var(--btn-accent, var(--awhite)); border: none; border-radius: var(--round-3); outline: none !important; background: var(--btn-primary, var(--g-color)); -webkit-box-shadow: none; box-shadow: none; } textarea { font-size: var(--input-fsize) !important; line-height: var(--input-fheight, 1.6); display: block; overflow: auto; width: 100%; max-width: 100%; padding: 15px 20px; -webkit-transition: var(--effect); transition: var(--effect); border: var(--input-border, none); border-radius: var(--round-7); outline: none; background-color: var(--input-bg, var(--flex-gray-7)); -webkit-box-shadow: none !important; box-shadow: none !important; } .rb-container, .rb-s-container, .rb-wide-container, .rb-small-container { position: static; display: block; width: 100%; max-width: var(--rb-width, 1280px); margin-right: auto; margin-left: auto; } .rb-wide-container { max-width: 1500px; } .rb-s-container { max-width: var(--rb-s-width, var(--rb-width, 1280px)); } .rb-small-container { max-width: var(--rb-small-width, 860px); } .gutter-n20 { margin-right: -20px; margin-left: -20px; } .gutter-n15 { margin-right: -15px; margin-left: -15px; } .gutter-m20 { margin-right: 20px; margin-left: 20px; } .gutter-p20 { padding-right: 20px; padding-left: 20px; } .gutter-p15 { padding-right: 15px; padding-left: 15px; } .gutter-p10 { padding-right: 10px; padding-left: 10px; } .edge-padding { padding-right: 20px; padding-left: 20px; } .rb-section ul, .rb-section ol, .menu-item, .sidebar-menu ul { list-style: none; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p { -ms-word-wrap: break-word; word-wrap: break-word; } .svg-icon { width: 1.5em; height: auto; } .light-scheme { color: var(--awhite); --pagi-bg: var(--solid-light); } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 999999s ease-in-out 0s; } .overlay-wrap { position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: flex-end; flex-flow: row nowrap; pointer-events: none; } .overlay-inner { position: relative; display: block; width: 100%; padding: 20px; cursor: auto; pointer-events: auto; } .p-gradient .overlay-inner { background-image: -webkit-gradient(linear, left top, left bottom, from(var(--dark-accent-0)), to(var(--dark-accent))); background-image: linear-gradient(to top, var(--dark-accent) 0, var(--dark-accent-90) 50%, var(--dark-accent-0) 100%); } .p-top-gradient .overlay-inner { background-image: -webkit-gradient(linear, left bottom, left top, from(var(--dark-accent-0)), to(var(--dark-accent))); background-image: linear-gradient(to bottom, var(--dark-accent) 0, var(--dark-accent-90) 50%, var(--dark-accent-0) 100%); } .is-inner-boxed .overlay-inner { max-width: var(--overlay-width, 90%); border-radius: var(--wrap-border, var(--round-3)); background-color: var(--dark-accent); } .block-inner { display: flex; flex-flow: row wrap; flex-grow: 1; row-gap: var(--bottom-spacing); } .is-gap-5 .block-inner { margin-right: -5px; margin-left: -5px; --column-gap: 5px; } .is-gap-7 .block-inner { margin-right: -7px; margin-left: -7px; --column-gap: 7px; } .is-gap-10 .block-inner { margin-right: -10px; margin-left: -10px; --column-gap: 10px; } .is-gap-15 .block-inner { margin-right: -15px; margin-left: -15px; --column-gap: 15px; } .is-gap-20 .block-inner { margin-right: -20px; margin-left: -20px; --column-gap: 20px; } .is-gap-25 .block-inner { margin-right: -25px; margin-left: -25px; --column-gap: 25px; } .is-gap-30 .block-inner { margin-right: -30px; margin-left: -30px; --column-gap: 30px; } .is-gap-35 .block-inner { margin-right: -35px; margin-left: -35px; --column-gap: 35px; } .block-inner > * { flex-basis: 100%; width: 100%; padding-right: var(--column-gap, 0); padding-left: var(--column-gap, 0); } [class*='is-gap-'] > .block-inner > * { padding-right: var(--column-gap, 0); padding-left: var(--column-gap, 0); } /** colors */ .is-color .icon-facebook { color: var(--fb-color); } .is-color .icon-facebook:hover { color: var(--fb-hcolor); text-shadow: 0 3px 12px var(--fb-hcolor); } .is-bg .icon-facebook { background-color: var(--fb-color); } .is-bg .icon-facebook:hover { background-color: var(--fb-hcolor); box-shadow: 0 3px 12px var(--fb-hcolor); } .is-color .icon-twitter { color: var(--twitter-color); } .is-color .icon-twitter:hover { color: var(--twitter-hcolor); text-shadow: 0 3px 12px var(--twitter-hcolor); } .is-bg .icon-twitter { background-color: var(--twitter-color); } .is-bg .icon-twitter:hover { background-color: var(--twitter-hcolor); box-shadow: 0 3px 12px var(--twitter-hcolor); } .is-color .icon-flipboard { color: var(--flipboard-color); } .is-color .icon-flipboard:hover { color: var(--flipboard-hcolor); text-shadow: 0 3px 12px var(--flipboard-hcolor); } .is-bg .icon-flipboard { background-color: var(--flipboard-color); } .is-bg .icon-flipboard:hover { background-color: var(--flipboard-hcolor); box-shadow: 0 3px 12px var(--flipboard-hcolor); } .is-color .icon-pinterest { color: var(--pin-color); } .is-color .icon-pinterest:hover { color: var(--pin-hcolor); text-shadow: 0 3px 12px var(--pin-hcolor); } .is-bg .icon-pinterest { background-color: var(--pin-color); } .is-bg .icon-pinterest:hover { background-color: var(--pin-hcolor); box-shadow: 0 3px 12px var(--pin-hcolor); } .is-color .icon-instagram { color: var(--ig-color); } .is-color .icon-instagram:hover { color: var(--ig-hcolor); text-shadow: 0 3px 12px var(--ig-hcolor); } .is-bg .icon-instagram { background-color: var(--ig-color); } .is-bg .icon-instagram:hover { background-color: var(--ig-hcolor); box-shadow: 0 3px 12px var(--ig-hcolor); } .is-color .icon-linkedin { color: var(--linkedin-color); } .is-color .icon-linkedin:hover { color: var(--linkedin-hcolor); text-shadow: 0 3px 12px var(--linkedin-hcolor); } .is-bg .icon-linkedin { background-color: var(--linkedin-color); } .is-bg .icon-linkedin:hover { background-color: var(--linkedin-hcolor); box-shadow: 0 3px 12px var(--linkedin-hcolor); } .is-color .icon-bluesky { color: var(--bsky-color); } .is-color .icon-bluesky:hover { color: var(--bsky-hcolor); text-shadow: 0 3px 12px var(--bsky-hcolor); } .is-bg .icon-bluesky { background-color: var(--bsky-color); } .is-bg .icon-bluesky:hover { background-color: var(--bsky-hcolor); box-shadow: 0 3px 12px var(--bsky-hcolor); } .is-color .icon-tumblr { color: var(--tumblr-color); } .is-color .icon-tumblr:hover { color: var(--tumblr-hcolor); text-shadow: 0 3px 12px var(--tumblr-hcolor); } .is-bg .icon-tumblr { background-color: var(--tumblr-color); } .is-bg .icon-tumblr:hover { background-color: var(--tumblr-hcolor); box-shadow: 0 3px 12px var(--tumblr-hcolor); } .is-color .icon-flickr { color: #ff0082; } .is-color .icon-flickr:hover { color: #ff015a; text-shadow: 0 3px 12px #ff015a; } .is-bg .icon-flickr { background-color: #ff0082; } .is-bg .icon-flickr:hover { background-color: #ff015a; box-shadow: 0 3px 12px #ff015a; } .is-color .icon-skype { color: #00aae1; } .is-color .icon-skype:hover { color: #0070bf; text-shadow: 0 3px 12px #0070bf; } .is-bg .icon-skype { background-color: #00aae1; } .is-bg .icon-skype:hover { background-color: #0070bf; box-shadow: 0 3px 12px #0070bf; } .is-color .icon-snapchat { color: #ffb945; } .is-color .icon-snapchat:hover { color: #ffa22f; text-shadow: 0 3px 12px #ffa22f; } .is-bg .icon-snapchat { background-color: #ffb945; } .is-bg .icon-snapchat:hover { background-color: #ffa22f; box-shadow: 0 3px 12px #ffa22f; } .is-color .icon-myspace { color: #030303; } .is-color .icon-myspace:hover { color: #000; text-shadow: 0 3px 12px #000; } .is-bg .icon-myspace { background-color: #030303; } .is-bg .icon-myspace:hover { background-color: #000; box-shadow: 0 3px 12px #000; } .is-color .icon-youtube { color: var(--ytube-color); } .is-color .icon-youtube:hover { color: var(--ytube-hcolor); text-shadow: 0 3px 12px var(--ytube-hcolor); } .is-bg .icon-youtube { background-color: var(--ytube-color); } .is-bg .icon-youtube:hover { background-color: var(--ytube-hcolor); box-shadow: 0 3px 12px var(--ytube-hcolor); } .is-color .icon-bloglovin { color: #111; } .is-color .icon-bloglovin:hover { color: #000; text-shadow: 0 3px 12px #000; } .is-bg .icon-bloglovin { background-color: #111; } .is-bg .icon-bloglovin:hover { background-color: #000; box-shadow: 0 3px 12px #000; } .is-color .icon-digg { color: #191919; } .is-color .icon-digg:hover { color: #000; } .is-bg .icon-digg { background-color: #191919; } .is-color .icon-digg:hover { color: #000; text-shadow: 0 3px 12px #000; } .is-color .icon-dribbble { color: var(--dribbble-color); } .is-color .icon-dribbble:hover { color: var(--dribbble-hcolor); text-shadow: 0 3px 12px var(--dribbble-hcolor); } .is-bg .icon-dribbble { background-color: var(--dribbble-color); } .is-bg .icon-dribbble:hover { background-color: var(--dribbble-hcolor); box-shadow: 0 3px 12px var(--dribbble-hcolor); } .is-color .icon-soundcloud { color: var(--soundcloud-color); } .is-color .icon-soundcloud:hover { color: var(--soundcloud-hcolor); text-shadow: 0 3px 12px var(--soundcloud-hcolor); } .is-bg .icon-soundcloud { background-color: var(--soundcloud-color); } .is-bg .icon-soundcloud:hover { background-color: var(--soundcloud-hcolor); box-shadow: 0 3px 12px var(--soundcloud-hcolor); } .is-color .icon-vk { color: var(--vk-color); } .is-color .icon-vk:hover { color: var(--vk-hcolor); } .is-bg .icon-vk { background-color: var(--vk-color); } .is-bg .icon-vk:hover { background-color: var(--vk-hcolor); box-shadow: 0 3px 12px var(--vk-hcolor); } .is-color .icon-whatsapp { color: var(--whatsapp-color); } .is-color .icon-whatsapp:hover { color: var(--whatsapp-hcolor); text-shadow: 0 3px 12px var(--whatsapp-hcolor); } .is-bg .icon-whatsapp { background-color: var(--whatsapp-color); } .is-bg .icon-whatsapp:hover { background-color: var(--whatsapp-hcolor); box-shadow: 0 3px 12px var(--whatsapp-hcolor); } .is-color .icon-vimeo { color: var(--vimeo-color); } .is-color .icon-vimeo:hover { color: var(--vimeo-hcolor); text-shadow: 0 3px 12px var(--vimeo-hcolor); } .is-bg .icon-vimeo { background-color: var(--vimeo-color); } .is-bg .icon-vimeo:hover { background-color: var(--vimeo-hcolor); box-shadow: 0 3px 12px var(--vimeo-hcolor); } .is-color .icon-telegram { color: var(--telegam-color); } .is-color .icon-telegram:hover { color: var(--telegam-hcolor); text-shadow: 0 3px 12px var(--telegam-hcolor); } .is-bg .icon-telegram { background-color: var(--telegam-color); } .is-bg .icon-telegram:hover { background-color: var(--telegam-hcolor); box-shadow: 0 3px 12px var(--telegam-hcolor); } .is-color .icon-rss { color: #ffd43f; } .is-color .icon-rss:hover { color: #eab910; text-shadow: 0 3px 12px #eab910; } .is-bg .icon-rss { background-color: #ffd43f; } .is-bg .icon-rss:hover { background-color: #eab910; box-shadow: 0 3px 12px #eab910; } .is-color .icon-reddit { color: #ff4500; } .is-color .icon-reddit:hover { color: #e02200; text-shadow: 0 3px 12px #e02200; } .is-bg .icon-reddit { background-color: #ff4500; } .is-bg .icon-reddit:hover { background-color: #e02200; box-shadow: 0 3px 12px #e02200; } .is-color .icon-email { color: #efab68; } .is-color .icon-email:hover { color: #ff9c38; text-shadow: 0 3px 12px #ff9c38; } .is-bg .icon-email { background-color: #efab68; } .is-bg .icon-email:hover { background-color: #ff9c38; box-shadow: 0 3px 12px #ff9c38; } .is-color .icon-copy { color: #66bbbf; } .is-color .icon-copy:hover { color: #38787a; } .is-color .icon-print { color: #4082f1; } .is-color .icon-print:hover { color: #0f67f6; text-shadow: 0 3px 12px #0f67f6; } .is-bg .icon-copy { background-color: #66bbbf; } .is-bg .icon-copy:hover { background-color: #38787a; box-shadow: 0 3px 12px #38787a; } .is-bg .icon-print { background-color: #4082f1; } .is-bg .icon-print:hover { background-color: #0f67f6; box-shadow: 0 3px 12px #0f67f6; } .is-color .icon-threads { color: var(--threads-color); } .is-color .icon-threads:hover { color: var(--threads-hcolor); text-shadow: 0 3px 12px var(--threads-hcolor); } .is-bg .icon-threads { background-color: var(--threads-color); } .is-bg .icon-threads:hover { background-color: var(--threads-hcolor); box-shadow: 0 3px 12px var(--threads-hcolor); } .is-color .icon-custom { color: var(--dark-accent); } .btn-ani-2 .is-bg .share-action:hover { transform: var(--btn-animation); box-shadow: var(--btn-shadow); } .btn-ani-3 .is-bg .share-action:hover { box-shadow: none; } .effect-fadeout.activated a { opacity: .25; } .effect-fadeout.activated a:hover, .effect-fadeout.activated a:focus { opacity: 1; } .header-social-list a:hover, .footer-social-list a:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .is-bg { color: var(--awhite); } .is-bg * { color: inherit; } .rb-loader { font-size: 10px; position: relative; display: none; overflow: hidden; width: 3em; height: 3em; transform: translateZ(0); animation: spin-loader .8s infinite linear; text-indent: -9999em; color: var(--g-color); border-radius: 50%; background: currentColor; background: linear-gradient(to right, currentColor 10%, rgba(255, 255, 255, 0) 50%); } .rb-loader:before { position: absolute; top: 0; left: 0; width: 50%; height: 50%; content: ''; color: inherit; border-radius: 100% 0 0 0; background: currentColor; } .rb-loader:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 75%; height: 75%; margin: auto; content: ''; opacity: 0.5; border-radius: 50%; background: var(--solid-white); } .loader-2 .rb-loader { width: 3em; height: 3em; animation: spin-loader 1s infinite ease-out; border: 2px solid; border-color: currentColor transparent; border-radius: 50%; background: none; } .loader-3 .rb-loader { width: 2em; height: 3em; animation: 3s linear infinite spin-loader-1 forwards; border-radius: var(--round-3); background-color: var(--g-color); } .loader-2 .rb-loader:before, .loader-2 .rb-loader:after, .loader-3 .rb-loader:before, .loader-3 .rb-loader:after { display: none; } .loader-4 .rb-loader:before { position: absolute; top: auto; right: auto; bottom: auto; left: -1.5em; width: 1.2em; height: 1.2em; animation: spin-bounce 1.3s linear infinite; opacity: 1; border-radius: 50%; background: var(--g-color); } .loader-4 .rb-loader { overflow: visible; width: 1.2em; height: 1.2em; animation: spin-opacity 1.3s linear infinite; animation-delay: -1s; border-radius: 50%; background: var(--g-color); } .loader-4 .rb-loader:after { position: absolute; top: auto; right: auto; bottom: auto; left: 1.5em; width: 1.2em; height: 1.2em; animation: spin-opacity 1.3s linear infinite; animation-delay: -.8s; opacity: 1; border-radius: 50%; background: var(--g-color); } @keyframes spin-loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin-loader-1 { 0%, 100% { transform: rotate(0deg); } 30% { transform: rotateY(360deg); } 70% { transform: rotateX(360deg); } } @keyframes spin-opacity { 0%, 100% { opacity: 0; } 60% { opacity: 1; } } .rb-loader.loader-absolute { position: absolute; z-index: 10; bottom: 50%; left: 50%; display: block; margin-top: -1.5em; margin-left: -1.5em; } .rb-absolute-link { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; } .opacity-animate { -webkit-transition: opacity .2s var(--timing); transition: opacity .2s var(--timing); } .is-invisible { opacity: 0; } .is-relative, .holder-wrap, .logged-status-avatar, .rb-twitter-wrap .rb-tweet-header, .mfp-content > *, .intro-content a, .block-covid-data, .cbox, .a-card, .p-center .counter-holder, .p-wrap, .p-content, .main-menu .sub-menu li, .menu-has-child-flex, .bypostauthor, .single-post-outer.has-continue-reading .single-sidebar, .sfoter-sec, .hl-point, .ulightbox-holder, .main-menu > li { position: relative; } .pagination-wrap { position: relative; display: flex; justify-content: center; width: 100%; margin-top: max(20px, var(--bottom-spacing)); padding-right: var(--column-gap, 0); padding-left: var(--column-gap, 0); } .is-pagi-text .pagination-wrap { margin-top: max(15px, calc(var(--bottom-spacing) * .6)); } .pagination-nextprev > *:first-child { margin-right: 10px; } .pagination-trigger.is-disable { pointer-events: none; opacity: .5; } .loadmore-trigger span, .pagination-trigger, .pagination-wrap .older a, .pagination-wrap .newer a, .pagination-number .page-numbers { font-size: var(--pagi-size, inherit); line-height: calc(var(--pagi-size, inherit) * 1.6); position: relative; display: inline-flex; align-items: center; flex-flow: row nowrap; min-height: max(var(--height-34), 2.6em); padding: var(--padding-40); -webkit-transition: var(--effect); transition: var(--effect); color: var(--pagi-color, currentColor); border-color: var(--pagi-accent-color, var(--flex-gray-15)); border-radius: var(--round-7); background-color: var(--pagi-accent-color, var(--flex-gray-15)); } .pagination-number .page-numbers { margin: 0 3px; padding: 0 15px; border-width: 1px; border-style: solid; background-color: transparent; } .pagination-number .page-numbers:not(.prev):not(.next) { padding: 0 10px; } .pagination-number span.current { color: var(--btn-accent-h, var(--awhite)); border-color: var(--pagi-accent-color, var(--btn-primary-h, var(--g-color))); background-color: var(--pagi-accent-color, var(--btn-primary-h, var(--g-color))); } .pagination-number span.dots { padding: 0 20px; opacity: .5; border-color: transparent; background-color: transparent; } .pagination-number span.page-numbers { pointer-events: none; } .loadmore-trigger.loading span { opacity: 0; } .pagination-loadmore .rb-loader { font-size: 8px; position: absolute; top: 50%; left: 50%; margin-top: -1.5em; margin-left: -1.5em; } .loader-3 .pagination-loadmore .rb-loader { margin-left: -1em; } .loader-4 .pagination-loadmore .rb-loader { margin-top: -0.6em; margin-left: -0.6em; } .infinite-trigger { position: relative; display: flex; justify-content: center; width: 100%; min-height: 3em; } .infinite-trigger .rb-loader { position: absolute; top: 0; left: 50%; margin-left: -1.5em; } .page-links { display: flex; align-items: center; justify-content: space-between; } .page-links .post-page-numbers { line-height: var(--height-34); position: relative; display: inline-flex; align-items: center; flex-flow: row nowrap; margin: 0 2px; padding: 0 10px; -webkit-transition: var(--effect); transition: var(--effect); text-decoration: none !important; border-radius: var(--round-7); background-color: var(--flex-gray-7); } .page-links a.post-page-numbers:hover { color: var(--awhite) !important; } .page-links .text-link-next .post-page-numbers, .page-links .text-link-prev .post-page-numbers { padding: var(--padding-40); } .page-links .post-page-numbers.current { color: var(--awhite); background: var(--g-color); } .text-link-next a span { margin-right: 4px; } .text-link-prev a span { margin-left: 4px; } .pagination-simple > * { padding-right: 10px; padding-left: 10px; } .pagination-simple .older:first-child { margin-left: auto; padding-right: 0; padding-left: 0; } .pagination-simple .newer:last-child { margin-right: auto; padding-right: 0; padding-left: 0; } .is-pagi-text .pagination-trigger, .is-pagi-text .loadmore-trigger span, .is-pagi-text .pagination-trigger:hover, .is-pagi-text .loadmore-trigger:hover span { padding-right: 10px; padding-left: 10px; color: var(--pagi-color, currentColor); background-color: transparent !important; box-shadow: none !important; } .is-pagi-text .loadmore-trigger > span:after { font-family: 'ruby-icon' !important; font-size: var(--em-small); padding-left: 0.4em; content: '\e958'; -webkit-transition: var(--effect); transition: var(--effect); } .is-pagi-text .rbi-angle-left:before { font-size: var(--em-small); padding-right: .2em; content: '\e959'; } .is-pagi-text .rbi-angle-right:before { font-size: var(--em-small); padding-left: .2em; content: '\e958'; } .is-pagi-text .pagination-number .page-numbers { border-color: transparent; } .is-pagi-text .rbi-cleft:before { content: '\e959'; } .is-pagi-text .rbi-cright:before { content: '\e958'; } .rtl .is-pagi-text .rbi-cleft:before { content: '\e958'; } .rtl .is-pagi-text .rbi-cright:before { content: '\e959'; } .is-pagi-text .pagination-trigger i { -webkit-transition: var(--effect); transition: var(--effect); } .is-pagi-text .pagination-trigger:hover { color: var(--g-color, inherit); } .is-pagi-text .loadmore-trigger:hover span { color: var(--g-color, inherit) !important; } .is-pagi-text .pagination-trigger:hover i.rbi-angle-left { -webkit-transform: translateX(-5px); transform: translateX(-5px); } .is-pagi-text .pagination-trigger:hover i.rbi-angle-right, .is-pagi-text .loadmore-trigger:hover > span:after { -webkit-transform: translateX(5px); transform: translateX(5px); } .is-pagi-border .loadmore-trigger span, .is-pagi-border .pagination-trigger, .is-pagi-border .newer a, .is-pagi-border .older a { border-width: 1px; border-style: solid; background-color: transparent; } .is-pagi-text .newer a:not(:hover):not(:focus), .is-pagi-text .older a:not(:hover):not(:focus) { background-color: transparent; } .is-pagi-border .loadmore-trigger:hover span, .is-pagi-border .pagination-trigger:hover { border-color: var(--btn-primary-h, var(--g-color)); } body .p-wrap.end-list-info { flex: 0 0 100%; max-width: 100%; min-height: 0 !important; text-align: center; } .end-list-info i { padding-right: 7px; } .end-list-info > * { margin: 0 !important; } .search-form, .wp-block-search__inside-wrapper { position: relative; display: flex; overflow: hidden; align-items: stretch; flex-flow: row nowrap; width: 100%; border-radius: var(--round-7); background-color: var(--flex-gray-7); } .search-form-input { display: inline-flex; flex-grow: 1; } .wp-block-search .wp-block-search__button { margin: 0; } .wp-block-search input[type='search'] { position: relative; width: 100%; padding: 0 15px; border: none; background: none !important; } .widget_block.widget_search form { position: relative; display: flex; overflow: hidden; align-items: stretch; flex-flow: row nowrap; width: 100%; } .widget_search.widget_block input[type='search'] { padding: 10px 20px; } .search-form-icon { display: flex; align-items: center; flex-grow: 0; flex-shrink: 0; justify-content: center; padding-left: 15px; } .search-form-icon i { font-size: var(--em-small); } .search-form-submit { position: relative; display: flex; align-items: center; flex-grow: 0; flex-shrink: 0; justify-content: center; } .search-form-submit:before { position: absolute; top: 50%; left: 0; height: .8em; margin-top: -.4em; content: ''; border-left: 2px solid var(--g-color); } .wp-block-search [type='submit'] { position: relative; height: 100%; padding: 5px 20px; cursor: pointer; -webkit-transition: var(--effect); transition: var(--effect); color: inherit; border: none; background-color: transparent; box-shadow: none; } .wp-block-search [type='submit']:before { position: absolute; top: 50%; left: 0; height: 0.8em; margin-top: -0.4em; content: ''; border-left: 2px solid var(--g-color); } .mfp-bg { position: fixed; z-index: 9042; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; background: var(--dark-accent); } .mfp-wrap { position: fixed; z-index: 9043; top: 0; left: 0; width: 100%; height: 100%; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-wrap button > * { pointer-events: none; } .mfp-container { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; padding: 0; text-align: center; } .icon-holder, .notification-icon-inner, .a-card-name, .widget_rss .widget-heading, .rb-popup-center .mfp-container { display: flex; align-items: center; } .rb-popup-center .mfp-content > * { margin-right: auto; margin-left: auto; } .mfp-content { position: relative; z-index: 1045; display: inline-block; margin: 0 auto; text-align: left; vertical-align: middle; } .popup-no-overflow .mfp-content { display: flex; overflow: hidden; align-items: center; height: 100%; max-height: 100%; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -moz-user-select: none; -webkit-user-select: none; user-select: none; } .mfp-preloader { position: absolute; z-index: 1044; top: 50%; right: 8px; left: 8px; width: auto; margin-top: -0.8em; text-align: center; color: #ccc; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .rb-popup-center .mfp-container:before, .mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content, .wp-block-search__label, .mfp-align-top .mfp-container:before, .mfp-loading.mfp-figure, .logo-wrap .logo-transparent { display: none; } .is-invisible { visibility: hidden; opacity: 0; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-arrow { position: absolute; top: 50%; width: 130px; height: 110px; margin: 0; margin-top: -55px; padding: 0; opacity: 0.65; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow-left i { margin-left: -30px; } .mfp-arrow-right i { margin-right: -30px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { position: absolute; top: 0; left: 0; display: block; width: 0; height: 0; margin-top: 35px; margin-left: 35px; content: ''; border: medium inset transparent; } .mfp-arrow:after { top: 8px; border-top-width: 13px; border-bottom-width: 13px; } .mfp-arrow:before { opacity: 0.7; border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-right { right: 0; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-scaler { overflow: hidden; width: 100%; height: 0; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #000; } img.mfp-img { line-height: 0; display: block; box-sizing: border-box; width: auto; max-width: 100%; height: auto; margin: 0 auto; padding: 40px 0 40px; } .mfp-figure { line-height: 0; } .mfp-figure:after { position: absolute; z-index: -1; top: 40px; right: 0; bottom: 40px; left: 0; display: block; width: auto; height: auto; content: ''; background: var(--dark-accent); } .mfp-figure small { font-size: 12px; line-height: 14px; display: block; color: #bdbdbd; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { position: absolute; top: 100%; left: 0; width: 100%; margin-top: -36px; cursor: auto; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .mfp-bg.rb-popup-center { -webkit-transition: all .4s var(--timing); transition: all .4s var(--timing); opacity: 0; } .mfp-bg.mfp-ready.rb-popup-center { opacity: .92; } .mfp-bg.rb-popup-left { -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: opacity 0.4s ease, transform 0.4s ease; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .mfp-bg.rb-popup-left.mfp-ready { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .mfp-bg.rb-popup-left.mfp-removing { -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: opacity 0.4s ease, transform 0.4s ease; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .mfp-bg.rb-popup-right { -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: opacity 0.4s ease, transform 0.4s ease; -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } .mfp-bg.rb-popup-right.mfp-ready { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .mfp-bg.rb-popup-right.mfp-removing { -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: opacity 0.4s ease, transform 0.4s ease; -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } .mfp-bg.rb-popup-top { -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: opacity 0.4s ease, transform 0.4s ease; -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .mfp-bg.rb-popup-top.mfp-ready { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .mfp-bg.rb-popup-top.mfp-removing { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .mfp-bg.mfp-ready.rb-popup-center.site-access-popup { opacity: .99; } .mfp-removing.mfp-bg.mfp-ready.rb-popup-center { opacity: 0 !important; } .mfp-bg.mfp-ready.is-template-popup { opacity: 1; } .rb-popup-center .mfp-content { flex-grow: 1; max-width: 100%; -webkit-transition: all .5s var(--timing); transition: all .5s var(--timing); opacity: 0; } .rb-popup-center.mfp-ready .mfp-content { opacity: 1; } .rb-popup-center.mfp-removing .mfp-content { opacity: 0; } .tipsy { position: absolute; z-index: 100000; padding: 5px; pointer-events: none; } .tipsy-inner { font-size: var(--meta-fsize); line-height: 1; max-width: 200px; padding: 7px 10px; text-align: center; color: var(--awhite); border-radius: var(--round-3); background-color: var(--dark-accent); } .tipsy-arrow { line-height: 0; position: absolute; width: 0; height: 0; border: 5px dashed var(--dark-accent); } body.rtl .tipsy-e .tipsy-arrow { /*rtl:ignore*/ right: 0; /*rtl:ignore*/ left: auto; /*rtl:ignore*/ -webkit-transform: scale(-1, 1); /*rtl:ignore*/ transform: scale(-1, 1); } .rtl .rbi.rbi-pin:before, .rtl .rbi.rbi-behance:before, .rtl .rbi.rbi-digg:before, .rtl .rbi.rbi-dribbble:before, .rtl .rbi.rbi-linkedin:before, .rtl .rbi.rbi-pinterest:before, .rtl .rbi.rbi-reddit:before, .rtl .rbi.rbi-skype:before, .rtl .rbi.rbi-soundcloud:before, .rtl .rbi.rbi-spotify:before, .rtl .rbi.rbi-stripe:before, .rtl .rbi.rbi-stumbleupon:before, .rtl .rbi.rbi-telegram:before, .rtl .rbi.rbi-tiktok:before, .rtl .rbi.rbi-tumblr:before, .rtl .rbi.rbi-twitter:before, .rtl .rbi.rbi-twitter-old:before, .rtl .rbi.rbi-viber:before, .rtl .rbi.rbi-vimeo:before, .rtl .rbi.rbi-vk:before, .rtl .rbi.rbi-waze:before, .rtl .rbi.rbi-whatsapp:before, .rtl .rbi.rbi-yelp:before, .rtl .rbi.rbi-youtube:before, .rtl .rbi.rbi-myspace:before, .rtl .rbi.rbi-rss:before, .rtl .rbi.rbi-print:before, .rtl .rbi.rbi-facebook:before, .rtl .rbi.rbi-gnews:before, rbi.rbi-discord:before, .rtl .rbi.rbi-instagram:before { /*rtl:ignore*/ -webkit-transform: none; /*rtl:ignore*/ transform: none; } .tipsy-arrow-n { border-bottom-color: var(--dark-accent); } .tipsy-n .tipsy-arrow { top: 1px; left: 50%; margin-left: -5px; border-top: none; border-right-color: transparent; border-bottom-style: solid; border-left-color: transparent; } .tipsy-w .tipsy-arrow { top: 50%; left: 1px; margin-top: -5px; border-top-color: transparent; border-right-style: solid; border-bottom-color: transparent; border-left: none; } .tipsy-e .tipsy-arrow { top: 50%; right: 1px; margin-top: -5px; border-top-color: transparent; border-right: none; border-bottom-color: transparent; border-left-style: solid; } .tipsy-s .tipsy-arrow { bottom: 1px; left: 50%; margin-left: -5px; border-top-style: solid; border-right-color: transparent; border-bottom: none; border-left-color: transparent; } .web-stories-singleton-overlay__title, .story-content-overlay__title { font-family: var(--h4-family); font-weight: var(--h4-fweight); font-style: var(--h4-fstyle); line-height: var(--h4-fheight, 1.45); letter-spacing: var(--h4-fspace); text-transform: var(--h4-transform); } .web-stories-lightbox-open .header-wrap, .web-stories-lightbox-open #footer { z-index: 1; } .elementor-widget-container > [class^='web-stories-'] { margin: 0; } [class^='web-stories-'] { --ws-font-size-title: var(--h3-fsize); --ws-font-size-circle-title: var(--h4-fsize); --ws-font-size-excerpt: var(--excerpt-fsize); --ws-font-size-author-date: var(--meta-fsize); } /* ----------------- 3 - Font Icons ----------------- */ .rbi, [class^='rbi-'], [class='rbi-'] { font-family: 'ruby-icon' !important; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; } body.rtl .rbi:before { /*rtl:ignore*/ display: inline-block; /*rtl:ignore*/ -webkit-transform: scale(-1, 1); /*rtl:ignore*/ transform: scale(-1, 1); /*rtl:ignore*/ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)'; } .rbi-version:before { content: '\e972'; } .rbi-copy:before { content: '\e965'; } .rbi-pin:before { content: '\e962'; } .rbi-notification:before { content: '\e95a'; } .rbi-information:before { content: '\e95c'; } .rbi-shield:before { content: '\e95e'; } .rbi-right:before, .rbi-next:before { content: '\e958'; } .rbi-left:before, .rbi-prev:before { content: '\e959'; } .rbi-resize:before { content: '\e961'; } .rbi-help:before { content: '\e95b'; } .rbi-minus-o:before { content: '\e95d'; } .rbi-cancel:before { content: '\e95f'; } .rbi-check:before { content: '\e960'; } .rbi-gallery:before { content: '\e955'; } .rbi-audio:before { content: '\e956'; } .rbi-video:before { content: '\e957'; } .rbi-darrow-top:before { content: '\e94a'; } .rbi-search:before { content: '\e946'; } .rbi-watch:before { content: '\e93a'; } .rbi-close:before { content: '\e949'; } .rbi-portfolio:before { content: '\e901'; } .rbi-menu:before { content: '\e953'; } .rbi-chart:before { content: '\e929'; } .rbi-suitcase:before { content: '\e94d'; } .rbi-clock:before { content: '\e947'; } .rbi-time:before { content: '\e948'; } .rbi-comment:before { content: '\e945'; } .rbi-email:before { content: '\e908'; } .rbi-share:before { content: '\e94e'; } .rbi-load:before { content: '\e942'; } .rbi-read:before { content: '\e94c'; } .rbi-archive:before { content: '\e944'; } .rbi-tag:before { content: '\e94b'; } .rbi-print:before { content: '\e909'; } .rbi-500px:before { content: '\e90a'; } .rbi-amazon:before { content: '\e90b'; } .rbi-store:before { content: '\e90c'; } .rbi-behance:before { content: '\e90d'; } .rbi-blogger:before { content: '\e90f'; } .rbi-chromecast:before { content: '\e911'; } .rbi-digg:before { content: '\e912'; } .rbi-dribbble:before { content: '\e913'; } .rbi-dropbox:before { content: '\e914'; } .rbi-ebay:before { content: '\e93f'; } .rbi-etsy:before { content: '\e940'; } .rbi-facebook:before { content: '\e915'; } .rbi-messenger:before { content: '\e916'; } .rbi-flickr:before { content: '\e917'; } .rbi-flipboard-f:before { content: '\e918'; } .rbi-flipboard:before { content: '\e99c'; } .rbi-github:before { content: '\e919'; } .rbi-google:before { content: '\e91a'; } .rbi-drive:before { content: '\e91b'; } .rbi-chplay:before { content: '\e91c'; } .rbi-wallet:before { content: '\e91d'; } .rbi-instagram:before { content: '\e91e'; } .rbi-linkedin:before { content: '\e91f'; } .rbi-mailchimp:before { content: '\e920'; } .rbi-close:before { content: '\e949'; } .rbi-medium:before { content: '\e921'; } .rbi-paypal:before { content: '\e922'; } .rbi-pinterest:before { content: '\e923'; } .rbi-quora:before { content: '\e941'; } .rbi-reddit:before { content: '\e928'; } .rbi-skype:before { content: '\e92a'; } .rbi-snapchat:before { content: '\e92b'; } .rbi-soundcloud:before { content: '\e92c'; } .rbi-spotify:before { content: '\e92d'; } .rbi-stripe:before { content: '\e92e'; } .rbi-stumbleupon:before { content: '\e92f'; } .rbi-telegram:before { content: '\e930'; } .rbi-tiktok:before { content: '\e943'; } .rbi-tripadvisor:before { content: '\e931'; } .rbi-tumblr:before { content: '\e932'; } .rbi-twitch:before { content: '\e933'; } .rbi-twitter-old:before { content: '\e934'; } .rbi-twitter:before { content: '\e988'; } .rbi-viber:before { content: '\e936'; } .rbi-vimeo:before { content: '\e937'; } .rbi-vk:before { content: '\e938'; } .rbi-waze:before { content: '\e939'; } .rbi-whatsapp:before { content: '\e93b'; } .rbi-wordpress:before { content: '\e93c'; } .rbi-yelp:before { content: '\e93d'; } .rbi-youtube:before { content: '\e93e'; } .rbi-bookmark-fill:before { content: '\e906'; } .rbi-bookmark:before { content: '\e907'; } .rbi-plus:before { content: '\e900'; } .rbi-cright:before { content: '\e902'; } .rbi-cleft:before { content: '\e903'; } .rbi-cdown:before { content: '\e904'; } .rbi-cup:before { content: '\e905'; } .rbi-thumbs-up:before { content: '\e86d'; } .rbi-minus:before { content: '\e90e'; } .rbi-myspace:before { content: '\30'; } .rbi-heart:before { content: '\6c'; } .rbi-rss:before { content: '\42'; } .rbi-angle-down:before { content: '\e924'; } .rbi-angle-left:before { content: '\e925'; } .rbi-angle-right:before { content: '\e926'; } .rbi-angle-up:before { content: '\e927'; } .rbi-cart:before { content: '\e963'; } .rbi-trash:before { content: '\e964'; } .rbi-via:before { content: '\e935'; } .rbi-trending:before { content: '\e954'; } .rbi-bitcoin:before { content: '\e910'; } .rbi-star-half:before { content: '\e950'; } .rbi-star-o:before { content: '\e94f'; } .rbi-star:before { content: '\e951'; } .rbi-link-o:before { content: '\e9cb'; } .rbi-portfolio-o:before { content: '\e96a'; } .rbi-home-o:before { content: '\e968'; } .rbi-external:before { content: '\e969'; } .rbi-clone:before { content: '\e96b'; } .rbi-link:before { content: '\e967'; } .rbi-rdoc:before { content: '\e96c'; } .rbi-mic:before { content: '\e96d'; } .rbi-frequency:before { content: '\e96e'; } .rbi-stitcher:before { content: '\e970'; } .rbi-googlepodcast:before { content: '\e96f'; } .rbi-applepodcast:before { content: '\f2ce'; } .rbi-pause:before { content: '\e973'; } .rbi-volume:before { content: '\e979'; } .rbi-volume-off:before { content: '\e97a'; } .rbi-reload:before { content: '\e97b'; } .rbi-play:before { content: '\e971'; } .rbi-skip-back:before { content: '\e974'; } .rbi-loading:before { content: '\e975'; } .rbi-jump-next:before { content: '\e976'; } .rbi-cookie:before { content: '\e972'; } .rbi-dislike-fill:before { content: '\e977'; } .rbi-like-fill:before { content: '\e978'; } .rbi-like:before { content: '\e97c'; } .rbi-dislike:before { content: '\e97d'; } .rbi-secure:before { content: '\e97e'; } .rbi-hide:before { content: '\e97f'; } .rbi-show:before { content: '\e980'; } .rbi-idea:before { content: '\e982'; } .rbi-warning:before { content: '\e981'; } .rbi-not-allow:before { content: '\e985'; } .rbi-flash:before { content: '\e986'; } .rbi-checked:before { content: '\ea54'; } .rbi-unchecked:before { content: '\ea56'; } .rbi-check-v:before { content: '\e984'; } .rbi-more:before { content: '\e987'; } .rbi-gnews:before { content: '\e989'; } .rbi-unlock:before { content: '\e99b'; } .rbi-patreon:before { content: '\e98b'; } .rbi-truth:before { content: '\e98a'; } .rbi-threads:before { content: '\e993'; } .rbi-steam:before { content: '\eaac'; } .rbi-foursquare:before { content: '\ead6'; } .rbi-plane:before { content: '\e98e'; } .rbi-lock:before { content: '\e98d'; } .rbi-fire:before { content: '\e98c'; } .rbi-feedback:before { content: '\e98f'; } .rbi-logout:before { content: '\e992'; } .rbi-user-l:before { content: '\e991'; } .rbi-live:before { content: '\e990'; } .rbi-location:before { content: '\e994'; } .rbi-map:before { content: '\e995'; } .rbi-briefcase:before { content: '\e997'; } .rbi-hastag:before { content: '\e996'; } .rbi-discord:before { content: '\e998'; } .rbi-weather:before { content: '\e999'; } .rbi-cook:before { content: '\e99a'; } .rbi-dashboard:before { content: '\e99d'; } .rbi-user:before { content: '\e99e'; } .rbi-download:before { content: '\e99f'; } .rbi-wavy:before { content: '\e983'; } .rbi-bluesky:before { content: '\e9a0'; } .rbi-home:before { content: '\e952'; } /* ----------------- 4 - Swiper Slider ----------------- */ .swiper-container { position: relative; z-index: 1; overflow: hidden; margin-right: auto; margin-left: auto; padding: 0; list-style: none; } .pre-load:not(.swiper-container-initialized) { max-height: 0; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; z-index: 1; display: flex; box-sizing: content-box; width: 100%; height: 100%; transition-property: transform; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-direction: column; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { margin: 0 auto; transition-timing-function: ease-out; } .swiper-container-pointer-events { touch-action: pan-y; } .swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x; } .swiper-slide { position: relative; flex-shrink: 0; width: 100%; height: 100%; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-button-prev, .swiper-button-next { position: absolute; z-index: 10; top: 50%; display: flex; align-items: center; justify-content: center; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); cursor: pointer; color: var(--swiper-navigation-color, var(--g-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { cursor: auto; pointer-events: none; opacity: 0.35; } .swiper-button-prev:after, .swiper-button-next:after { font-size: var(--swiper-navigation-size); font-variant: initial; line-height: 1; letter-spacing: 0; text-transform: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { /*rtl:ignore*/ right: auto; /*rtl:ignore*/ left: 10px; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { /*rtl:ignore*/ content: 'prev'; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { /*rtl:ignore*/ right: 10px; /*rtl:ignore*/ left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { /*rtl:ignore*/ content: 'next'; } .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #fff; } .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000; } .swiper-pagination-lock, .swiper-scrollbar-lock, .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; z-index: 10; transition: 300ms opacity; transform: translate3d(0, 0, 0); text-align: center; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } body .swiper-pagination-bullet { position: relative; display: inline-block; width: calc(var(--nav-size, 32px) / 2); height: calc(var(--nav-size, 32px) / 2); margin-right: 0; margin-left: 0; -webkit-transition: -webkit-transform .2s var(--timing); transition: transform .2s var(--timing); opacity: .4; background: none; } .swiper-pagination-bullet:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transform: scale(.5); transform: scale(.5); pointer-events: none; color: inherit; border-radius: 50%; background: currentColor; } .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } .swiper-pagination-bullet.swiper-pagination-bullet-active:before { -webkit-transform: scale(.75); transform: scale(.75); } button.swiper-pagination-bullet { margin: 0; padding: 0; border: none; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-bullet-active { opacity: 1; } .swiper-container-vertical > .swiper-pagination-bullets { top: 50%; right: 10px; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: 6px 0; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; width: 8px; transform: translateY(-50%); } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .block-wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { /*rtl:ignore*/ transition: 200ms transform, 200ms right; } .swiper-pagination-progressbar { position: absolute; background: var(--dark-accent-90); } body .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; background: var(--g-color); } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { /*rtl:ignore*/ transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { right: 30%; bottom: 15px; left: 30%; overflow: hidden; height: 3px; border-radius: 5px; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { top: 0; left: 0; height: 2px; } .swiper-scrollbar { position: relative; border-radius: var(--round-7); background: var(--flex-gray-15); -ms-touch-action: none; } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; z-index: 50; bottom: 3px; left: 1%; width: 98%; height: 5px; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; z-index: 50; top: 1%; right: 3px; width: 5px; height: 98%; } .swiper-scrollbar-drag { position: relative; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--round-7); background: var(--g-color); } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-zoom-container { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { position: absolute; z-index: 10; top: 50%; left: 50%; box-sizing: border-box; width: 42px; height: 42px; margin-top: -21px; margin-left: -21px; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; border: 4px solid var(--swiper-preloader-color, var(--g-color)); border-top-color: transparent; border-radius: 50%; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; z-index: -1000; top: 0; left: 0; pointer-events: none; opacity: 0; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { transition-property: opacity; pointer-events: none; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { z-index: 1; visibility: hidden; width: 100%; height: 100%; transform-origin: 0 0; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { /*rtl:ignore*/ transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { visibility: visible; pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0.6; } .swiper-container-cube .swiper-cube-shadow:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; background: #000; -webkit-filter: blur(50px); filter: blur(50px); } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { z-index: 1; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ----------------- 5 - Header ----------------- */ .header-wrap { position: relative; display: block; } .header-fw .navbar-wrap > .rb-container, .header-fw.header-4 .logo-sec > .rb-container { max-width: 100%; } .navbar-wrap { position: relative; z-index: 999; display: block; } .header-mobile { display: none; } #amp-header .header-mobile { display: block; } .navbar-transparent { background-color: transparent; } .navbar-transparent .navbar-inner { border-bottom: 1px solid #ffffff26; } .sticky-on .navbar-transparent .navbar-inner { border-color: transparent; } .navbar-wrap:not(.navbar-transparent), .sticky-on .navbar-wrap { background: var(--nav-bg); background: -webkit-linear-gradient(left, var(--nav-bg-from) 0%, var(--nav-bg-to) 100%); background: linear-gradient(to right, var(--nav-bg-from) 0%, var(--nav-bg-to) 100%); } .style-shadow .navbar-wrap:not(.navbar-transparent), .sticky-on .navbar-wrap { box-shadow: 0 4px 30px var(--shadow-7); } .header-fw.style-d-border .navbar-wrap:not(.navbar-transparent):after, .header-fw.style-tbd-border .navbar-wrap:not(.navbar-transparent):after, .header-wrapper.style-d-border .navbar-wrap:not(.navbar-transparent) .navbar-inner:after, .header-wrapper.style-tbd-border .navbar-wrap:not(.navbar-transparent) .navbar-inner:after { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 0; content: ''; pointer-events: none; border-bottom: 2px solid currentColor; } .header-fw.style-border .navbar-wrap:not(.navbar-transparent):after, .header-wrapper.style-border .navbar-wrap:not(.navbar-transparent) .navbar-inner:after { position: absolute; top: auto; right: 0; bottom: 0; left: 0; width: 100%; height: 0; content: ''; pointer-events: none; border-bottom: 1px solid var(--flex-gray-15); } .header-fw.style-tbd-border .navbar-wrap:not(.navbar-transparent):before, .header-wrapper.style-tbd-border .navbar-wrap:not(.navbar-transparent) .navbar-inner:before { position: absolute; top: 0; right: 0; bottom: auto; left: 0; width: 100%; height: 0; content: ''; pointer-events: none; border-bottom: 2px solid currentColor; } .header-4 .navbar-wrap:not(.navbar-transparent):before { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 0; content: ''; pointer-events: none; border-bottom: 1px solid var(--flex-gray-15); } .header-4 .navbar-wrap:not(.navbar-transparent):after, .header-5.style-tb-border.header-fw .navbar-wrap:not(.navbar-transparent):after, .header-5.style-tb-border.header-wrapper .navbar-wrap:not(.navbar-transparent) .navbar-inner:after { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 0; content: ''; pointer-events: none; border-bottom: 1px solid var(--flex-gray-15); } .header-5.style-tb-shadow-border.header-wrapper .navbar-wrap:not(.navbar-transparent) .navbar-inner:before, .header-5.style-tb-shadow-border.header-fw .navbar-wrap:not(.navbar-transparent):before, .header-5.style-tb-border.header-fw .navbar-wrap:not(.navbar-transparent):before, .header-5.style-tb-border.header-wrapper .navbar-wrap:not(.navbar-transparent) .navbar-inner:before { position: absolute; top: 0; right: 0; bottom: auto; left: 0; width: 100%; height: 0; content: ''; pointer-events: none; border-bottom: 1px solid var(--flex-gray-15); } .header-5.style-tb-shadow-border .navbar-wrap:not(.navbar-transparent) { box-shadow: 0 10px 10px var(--shadow-20); } .navbar-inner { position: relative; display: flex; align-items: stretch; flex-flow: row nowrap; justify-content: space-between; max-width: 100%; min-height: var(--nav-height); } .navbar-left, .navbar-right, .navbar-center { display: flex; align-items: stretch; flex-flow: row nowrap; } .navbar-left { flex-grow: 1; } .header-3 .navbar-wrap .navbar-left, .header-3 .navbar-wrap .navbar-right { flex-grow: 0; } .header-3 .navbar-wrap .navbar-center { flex-grow: 1; justify-content: center; } .logo-wrap { display: flex; align-items: center; flex-shrink: 0; max-height: 100%; margin-right: 20px; } .the-logo a { -webkit-transition: opacity .2s var(--timing); transition: opacity .2s var(--timing); } .the-logo img { width: 100%; max-width: 100%; } .logo-wrap a { max-height: 100%; } .is-image-logo.logo-wrap a { display: block; } .logo-wrap img { display: block; width: auto; max-height: var(--nav-height); -webkit-transition: opacity .2s var(--timing); transition: opacity .2s var(--timing); object-fit: cover; } .is-hd-4, .is-hd-5 { --nav-height: 40px; } .logo-wrap:not(.mobile-logo-wrap) img { max-height: var(--hd-logo-height, 60px); } .header-4 .main-menu > li > a, .header-4 .more-section-outer .more-trigger { padding-right: var(--menu-item-spacing, 20px); padding-left: var(--menu-item-spacing, 20px); border-left: 1px solid var(--flex-gray-15); } .header-4.header-fw .main-menu > li:first-child > a { border-left: none; } .header-5 .logo-sec-left, .header-5 .logo-sec-center, .header-5 .logo-sec-right { position: relative; display: flex; flex: 0 0 33.33%; margin: 0; } .header-5 .logo-sec-left { line-height: 1; align-items: center; } .logo-sec-left > *:not(:last-child):before { position: absolute; top: .4em; right: 0; bottom: .4em; display: block; content: ''; border-right: 1px solid var(--nav-color-10); } .header-5 .logo-sec-center { justify-content: center; } .header-5 .logo-wrap:not(.mobile-logo-wrap) { margin: 0; } .header-5 .logo-sec-right { align-items: stretch; justify-content: flex-end; } .header-5 .navbar-center { justify-content: center; width: 100%; } .more-section-outer .more-trigger, .logo-sec { padding-top: 15px; padding-bottom: 15px; } .logo-sec-inner { display: flex; align-items: center; flex-flow: row nowrap; } .logo-sec-center { margin: 0 auto; } .logo-sec-right { display: flex; align-items: center; flex-flow: row nowrap; margin-left: auto; gap: 15px; } .logo-sec-right .search-form-inner { min-width: 320px; background-color: var(--flex-gray-7); } .e-social-holder { display: inline-flex; align-items: center; flex-flow: row wrap; gap: 0 var(--icon-spacing, 0); } .header-social-list a, .footer-social-list a { display: inline-flex; align-items: center; padding-right: 5px; padding-left: 5px; -webkit-transition: var(--effect); transition: var(--effect); } .is-logo-svg img { width: auto; height: 999px; object-fit: contain; } .the-logo a:hover, .logo-wrap a:hover img { opacity: .7; } .logo-wrap.is-text-logo { align-items: center; } .is-text-logo .logo-title > * { position: relative; display: inline-block; letter-spacing: -.05em; text-transform: uppercase; color: var(--nav-color); } .is-text-logo .logo-title > *:first-letter { color: var(--g-color); } .navbar-right > * { position: static; display: flex; align-items: center; height: 100%; } .navbar-right .login-toggle { margin-right: 10px; } .navbar-outer .navbar-right > * { color: var(--nav-color); } .main-menu .sub-menu, .header-dropdown { position: absolute; z-index: 9999; top: -9999px; right: auto; left: 0; display: block; visibility: hidden; min-width: 210px; margin-top: 20px; list-style: none; -webkit-transition: top 0s, opacity .2s var(--timing), margin .2s var(--timing); transition: top 0s, opacity .2s var(--timing), margin .2s var(--timing); pointer-events: none; opacity: 0; border-radius: var(--round-5); } .mega-dropdown, .flex-dropdown { position: absolute; z-index: 888; top: -9999px; /*rtl:ignore*/ right: auto; /*rtl:ignore*/ left: -10%; display: block; min-width: 180px; margin-top: 20px; cursor: auto; -webkit-transition: top 0s ease .2s, opacity .2s var(--timing), margin .2s var(--timing) .2s; transition: top 0s ease .2s, opacity .2s var(--timing), margin .2s var(--timing) .2s; pointer-events: none; opacity: 0; background: transparent; } .mega-template-inner { pointer-events: auto; } .mega-dropdown-inner { position: relative; width: 100%; padding: 20px 20px 30px 20px; pointer-events: auto; border-radius: var(--round-7); background: var(--subnav-bg); background: -webkit-linear-gradient(left, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); background: linear-gradient(to right, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); box-shadow: 0 4px 30px var(--shadow-7); } body:not([data-theme='dark']) .is-mega-category .mega-dropdown-inner { background: var(--mega-bg, var(--subnav-bg)); background: -webkit-linear-gradient(left, var(--mega-bg, var(--subnav-bg-from)) 0%, var(--mega-bg, var(--subnav-bg-to)) 100%); background: linear-gradient(to right, var(--mega-bg, var(--subnav-bg-from)) 0%, var(--mega-bg, var(--subnav-bg-to)) 100%); } .more-section-inner { overflow: clip; width: var(--more-width, auto); max-width: 100vw; pointer-events: auto; color: var(--subnav-color); border-radius: var(--round-7); background: var(--subnav-bg); background: -webkit-linear-gradient(left, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); background: linear-gradient(to right, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); box-shadow: 0 4px 30px var(--shadow-7); } .more-section .heading-title > * { color: var(--subnav-color); } .main-menu > li:hover > .sub-menu, .main-menu > li:hover > .header-dropdown, .header-dropdown-outer.dropdown-activated .header-dropdown { top: calc(100% - 1px); bottom: auto; visibility: visible; max-width: 1240px; margin-top: 0; pointer-events: auto; opacity: 1; } li.menu-item.mega-menu-loaded:hover > .mega-dropdown, li.menu-item.mega-menu-loaded:hover > .flex-dropdown, .menu-has-child-flex.dropdown-activated .flex-dropdown { top: calc(100% - 1px); bottom: auto; visibility: visible; margin-top: 0; -webkit-transition: top 0s ease 0s, opacity .2s var(--timing), margin .2s var(--timing) 0s; transition: top 0s ease 0s, opacity .2s var(--timing), margin .2s var(--timing) 0s; opacity: 1; } .main-menu .sub-menu .sub-menu { top: -10px; left: 100%; margin-top: 0; margin-left: 20px; } .main-menu .sub-menu li:hover > .sub-menu { left: calc(100% - 5px); visibility: visible; margin-left: 0; pointer-events: auto; opacity: 1; } .sub-menu-title { font-size: var(--em-mini); line-height: 1; position: absolute; top: -3px; left: 100%; margin-left: 5px; padding: 2px 5px; color: var(--subnav-color); border-radius: var(--round-3); background: #eee; } .menu-has-child-mega .mega-dropdown-inner .sub-menu { display: none; } .mega-header { display: flex; align-items: center; flex-flow: row nowrap; width: 100%; margin-bottom: 20px; } .mega-header:not(.mega-header-fw) { padding-bottom: 5px; border-bottom: 1px solid var(--subnav-color-10); } .mega-link { display: inline-flex; align-items: center; margin-left: auto; -webkit-transition: var(--effect); transition: var(--effect); } .mega-link i { margin-left: 3px; -webkit-transition: var(--effect); transition: var(--effect); } .mega-link:hover { color: var(--g-color); } .mega-link:hover i { -webkit-transform: translateX(3px); transform: translateX(3px); } .flex-dropdown .mega-template-inner { border-radius: var(--round-5); box-shadow: 0 4px 30px var(--shadow-12); } .mega-hierarchical .mega-dropdown-inner { display: grid; padding: 20px 0 30px 0; grid-template-columns: 4fr 4fr 3fr; } .mega-hierarchical .block-list-small-1 { --bottom-spacing: 12px; } .mega-col { padding-right: 25px; padding-left: 25px; } .mega-col-intro { display: flex; flex-flow: column nowrap; justify-content: space-between; } .mega-col-intro > *:not(:last-child) { margin-bottom: 20px; } .mega-col-intro .category-hero-wrap { max-width: 90%; } .mega-header:not(.mega-header-fw) i { width: 1em; margin-right: 5px; color: var(--g-color); } .mega-hierarchical .p-list-small-2 .feat-holder { width: 125px; } .cbox-description { font-size: var(--rem-mini); } .cbox-description * { font-size: inherit; } .main-menu-wrap, .notification-icon, .sponsor-inner { display: flex; } .main-menu-wrap .rb-error { align-content: center; color: var(--nav-color); } .main-menu { display: flex; align-items: center; flex-flow: row wrap; row-gap: 5px; } .menu-item a > span { font-size: inherit; font-weight: inherit; font-style: inherit; position: relative; display: inline-flex; align-items: center; letter-spacing: inherit; column-gap: var(--m-icon-spacing, .3em); } .main-menu > li > a { position: relative; display: flex; align-items: center; flex-wrap: nowrap; height: var(--nav-height); padding-right: var(--menu-item-spacing, 12px); padding-left: var(--menu-item-spacing, 12px); white-space: nowrap; color: var(--nav-color); } .no-edge .main-menu > li:first-child > a { padding-left: 0; } .no-edge .main-menu > li:last-child > a { padding-right: 0; } .main-menu .sub-menu { padding: 10px 0; background: var(--subnav-bg); background: -webkit-linear-gradient(left, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); background: linear-gradient(to right, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); box-shadow: 0 4px 30px var(--shadow-12); } .menu-ani-1 .main-menu .sub-menu a, .menu-ani-3 .main-menu .sub-menu a { border-left: var(--subnav-border, 3px) solid transparent; } .sub-menu > .menu-item a, .user-dropdown a { display: flex; align-items: center; width: 100%; padding: 7px 20px; } .sub-menu > .menu-item a, .user-dropdown a, .more-section a, .elementor-widget-container .menu a { -webkit-transition: var(--effect); transition: var(--effect); } .sub-menu > .menu-item a:hover, .user-dropdown a:hover, .elementor-widget-container .menu a:hover { color: var(--subnav-color-h, var(--g-color)); border-color: currentColor; background-color: var(--subnav-bg-h, var(--flex-gray-7)); } .more-section a:hover, .more-section .menu a:hover { color: var(--more-color-h, var(--g-color)); background-color: transparent; } .main-menu > .menu-item.menu-item-has-children > a > span { padding-right: 2px; } .main-menu > .menu-item.menu-item-has-children > a:after, .logged-welcome:after { font-family: 'ruby-icon'; font-size: var(--rem-mini); content: '\e924'; -webkit-transition: -webkit-transform .2s var(--timing), color .2s var(--timing); transition: transform .2s var(--timing), color .2s var(--timing); will-change: transform; } .main-menu > .menu-item.menu-item-has-children:hover > a:after, .header-dropdown-outer.dropdown-activated .logged-welcome:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .main-menu .sub-menu .menu-item.menu-item-has-children > a:after { font-family: 'ruby-icon'; font-size: var(--meta-fsize); line-height: 1; margin-right: 0; margin-left: auto; content: '\e926'; } body.rtl .main-menu .sub-menu .menu-item.menu-item-has-children > a:after { /*rtl:ignore*/ display: inline-block; /*rtl:ignore*/ -webkit-transform: scale(-1, 1); /*rtl:ignore*/ transform: scale(-1, 1); /*rtl:ignore*/ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)'; } span.menu-sub-title { font-size: min(var(--meta-fsize), .9em); line-height: 1; position: relative; left: auto; display: inline-flex; justify-content: center; margin-top: -.75em; margin-left: 2px; padding: 2px 5px; vertical-align: top; white-space: nowrap; color: var(--subnav-color); border-radius: var(--round-3); background-color: var(--flex-gray-15); } .rb-menu > li > a .menu-sub-title { color: var(--nav-color); } .menu-heading { font-size: var(--rem-small); display: block; margin-bottom: var(--h-menu-spacing, 15px); color: var(--h-menu-color, inherit); } .sidebar-menu .menu-item { color: var(--sb-menu-color, currentColor); } .sidebar-menu, .sidebar-menu .sub-menu > .menu-item a { justify-content: var(--menu-align, initial); text-align: var(--menu-align, initial); } .sidebar-menu.is-horizontal { display: flex; align-items: center; flex-flow: row wrap; } .sidebar-menu .sub-menu > .menu-item a { padding: var(--sidebar-menu-spacing, 5px) 20px; } .sidebar-menu.is-horizontal a { display: inline-flex; padding: 0 var(--sidebar-menu-spacing, 12px); } .mborder-gray .is-vertical a { border-top: 1px solid var(--flex-gray-15); } .mborder-dark .is-vertical a { border-top: 1px solid currentColor; } .mborder-gray-dot .is-vertical a { border-top: 1px dotted var(--flex-gray-15); } .mborder-dark-dot .is-vertical a { border-top: 1px dotted currentColor; } .mborder-gray-dash .is-vertical a { border-top: 1px dashed var(--flex-gray-15); } .mborder-dark-dash .is-vertical a { border-top: 1px dashed currentColor; } .is-vertical > li:first-child > a { border-color: transparent; } .wnav-holder { padding-right: 5px; padding-left: 5px; } .wnav-holder svg, .wnav-svg { line-height: 0; width: var(--wnav-size); height: var(--wnav-size); } .wnav-icon { font-size: var(--wnav-size); } .widget-h-login.header-dropdown-outer { line-height: 1; position: relative; } .logged-user-menu { padding-top: 10px; padding-bottom: 10px; } .user-dropdown a.logout-url { padding: 10px 20px; color: var(--btn-accent, var(--awhite)); background-color: var(--btn-primary, var(--dark-accent)); } .user-dropdown a.logout-url:hover { color: var(--btn-accent-h, var(--awhite)); background-color: var(--btn-primary-h, var(--g-color)); } .widget-h-login .logout-url i { margin-right: 0; margin-left: auto; } body.rtl .widget-h-login .logout-url svg { /*rtl:ignore*/ display: inline-block; /*rtl:ignore*/ -webkit-transform: scale(-1, 1); /*rtl:ignore*/ transform: scale(-1, 1); /*rtl:ignore*/ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)'; } .widget-p-listing .p-wrap { margin-bottom: 20px; } .sidebar-wrap .ad-wrap { padding-right: 0; padding-left: 0; } .w-header-search .header-search-form { width: 340px; max-width: 100%; margin-bottom: 0; padding: 5px; } .w-header-search .header-popup { right: 0; left: auto; } .w-header-search .search-form-inner { border: none; } .rb-search-form { position: relative; width: 100%; } .rb-search-form input[type='text'] { padding-left: 0; } .rb-search-submit { position: relative; display: flex; } .rb-search-submit input[type='submit'] { padding: 0; opacity: 0; } .rb-search-submit i { font-size: var(--icon-size, inherit); line-height: 1; position: absolute; top: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: flex-end; width: 100%; padding-right: max(.4em, 10px); -webkit-transition: var(--effect); transition: var(--effect); pointer-events: none; color: var(--input-fcolor, currentColor); } .rb-search-form .search-icon { display: flex; flex-shrink: 0; } .notification-icon-svg { display: block; } .search-icon-svg, .login-icon-svg, .popup-trigger-svg, .cart-icon-svg, .notification-icon-svg { font-size: var(--wnav-size); width: 1em; height: 1em; color: inherit; background-color: currentColor; background-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; } .search-icon > * { font-size: var(--icon-size, inherit); margin-right: max(.4em, 10px); margin-left: max(.4em, 10px); color: var(--input-fcolor, currentColor); fill: var(--input-fcolor, currentColor); } .header-search-label { line-height: 1; display: inline-flex; margin-left: 7px; } .rb-search-submit:hover i { color: var(--g-color); } .search-form-inner { position: relative; display: flex; align-items: center; border: 1px solid var(--flex-gray-15); border-radius: var(--round-5); } .header-wrap .search-form-inner { border-color: var(--subnav-color-10); } .mobile-collapse .search-form-inner { border-color: var(--submbnav-color-10, var(--flex-gray-15)); } .rb-search-form .search-text { flex-grow: 1; } .rb-search-form input { width: 100%; padding: .6em 0; border: none; background: none; } .rb-search-form input::placeholder { opacity: .8; color: inherit; } img.svg { width: 100%; height: 100%; object-fit: contain; } .navbar-right { position: relative; flex-shrink: 0; } .header-dropdown-outer, .newsletter-box-bg { position: static; } .featured-lightbox-trigger, .dropdown-trigger { cursor: pointer; } .header-dropdown { right: 0; left: auto; overflow: hidden; min-width: 200px; color: var(--subnav-color); background: var(--subnav-bg); background: -webkit-linear-gradient(left, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); background: linear-gradient(to right, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); box-shadow: 0 4px 30px var(--shadow-12); } .user-dropdown { right: auto; left: auto; } .header-dropdown .menu-item-icon { font-size: .92em; min-width: 1.2em; } .menu-ani-1 .rb-menu > .menu-item > a > span { -webkit-transition: color .2s var(--timing); transition: color .2s var(--timing); } .menu-ani-1 .rb-menu > .menu-item > a > span:before { position: absolute; bottom: 0; left: 0; width: 0; height: 3px; content: ''; -webkit-transition: width 0s var(--timing), background-color .2s var(--timing); transition: width 0s var(--timing), background-color .2s var(--timing); background-color: transparent; } .menu-ani-1 .rb-menu > .menu-item > a > span:after { position: absolute; right: 0; bottom: 0; width: 0; height: 3px; content: ''; -webkit-transition: width .2s var(--timing); transition: width .2s var(--timing); background-color: var(--nav-color-h-accent, var(--g-color)); } .menu-ani-1 .rb-menu > .menu-item.current-menu-item > a > span:before { width: 100%; background-color: var(--nav-color-h-accent, var(--g-color)); } .rb-menu > .menu-item > a:hover > span, .menu-ani-1 .rb-menu > .menu-item > a:hover:after { color: var(--nav-color-h, inherit); } .menu-ani-2 .rb-menu > .menu-item > a > span, a.meta-author { -webkit-transition: var(--effect); transition: var(--effect); } .menu-ani-2 .rb-menu > .menu-item > a:hover > span, .menu-ani-2 .rb-menu > .current-menu-item > a > span { opacity: .7; } .menu-ani-2 .sub-menu > .menu-item a:hover { color: var(--subnav-color-h, var(--meta-fcolor)); background-color: var(--subnav-bg-h, transparent); } .menu-ani-1 .rb-menu > .menu-item > a:hover > span:before { width: 100%; -webkit-transition: width .2s var(--timing); transition: width .2s var(--timing); background-color: var(--nav-color-h-accent, var(--g-color)); } .menu-ani-1 .rb-menu > .menu-item > a:hover > span:after, .menu-ani-1 .header-transparent .rb-menu > .menu-item > a:hover > span:after { width: 100%; -webkit-transition: width 0s var(--timing); transition: width 0s var(--timing); background-color: transparent; } .menu-ani-1 .header-transparent .rb-menu > .menu-item > a:hover > span, .menu-ani-1 .header-transparent .rb-menu > .menu-item > a:hover:after { color: var(--transparent-nav-color-hover, inherit); } .menu-ani-1 .header-transparent .rb-menu > .menu-item > a > span:after, .menu-ani-1 .header-transparent .rb-menu > .menu-item.current-menu-item > a > span:before, .menu-ani-1 .header-transparent .rb-menu > .menu-item > a:hover > span:before { background-color: var(--transparent-nav-color-h-accent, var(--nav-color-h-accent, var(--g-color))); } .menu-ani-3 .main-menu > .menu-item > a { z-index: 1; } .menu-ani-3 .main-menu > .menu-item > a:before { position: absolute; z-index: 0; top: auto; right: 2px; bottom: auto; left: 2px; display: flex; height: min(2.4em, calc(var(--nav-height) - 14px)); min-height: 2em; content: ''; -webkit-transition: var(--effect); transition: var(--effect); border-radius: var(--round-3); background-color: transparent; } .menu-ani-3 .main-menu > .current-menu-item > a span, .menu-ani-3 .main-menu > .menu-item > a:hover span, .menu-ani-3 .main-menu > .menu-item.current-menu-item > a:after, .menu-ani-3 .main-menu > .menu-item > a:hover:after { color: var(--nav-color-h, currentColor); } .menu-ani-3 .main-menu > .menu-item.current-menu-item > a:before, .menu-ani-3 .main-menu > .menu-item > a:hover:before { background: var(--nav-color-h-accent, var(--flex-gray-15)); } .menu-ani-4 .main-menu > .menu-item > a span { -webkit-transition: var(--effect); transition: var(--effect); border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: transparent; } .menu-ani-4 .main-menu > .menu-item > a:hover > span, .menu-ani-4 .main-menu > .menu-item.current-menu-item > a > span { border-bottom-color: var(--nav-color-h-accent, var(--g-color)); } .is-divider-slash .rb-menu > li, .is-divider-pipe .rb-menu > li, .is-divider-pipe-2 .rb-menu > li, .is-divider-hyphen .rb-menu > li, .is-divider-dot .rb-menu > li, .is-divider-dot-2 .rb-menu > li { display: inline-flex; align-items: center; } .is-divider-slash .rb-menu > li:not(:first-child):before { display: inline-flex; content: '/'; color: var(--divider-color, currentColor); } .is-divider-pipe .rb-menu > li:not(:first-child):before { display: inline-flex; height: 12px; content: ''; border-left: 3px solid var(--divider-color, var(--flex-gray-40)); } .is-divider-pipe-2 .rb-menu > li:not(:first-child):before { display: inline-flex; height: 1em; content: ''; border-left: 1px solid var(--divider-color, currentColor); } .is-divider-hyphen .rb-menu > li:not(:first-child):before { display: inline-flex; width: 20px; content: ''; border-bottom: 1px solid var(--divider-color, var(--g-color)); } .is-divider-dot .rb-menu > li:not(:first-child):before { display: inline-flex; width: 4px; height: 4px; content: ''; border-radius: 50%; background-color: var(--divider-color, var(--g-color)); } .is-divider-dot-2 .rb-menu > li:not(:first-child):before { display: inline-flex; width: .4em; height: .4em; content: ''; background-color: var(--divider-color, var(--g-color)); } .menu-item-svg { line-height: 1em; width: calc(1em + 5px); color: inherit; fill: currentColor; } .burger-icon { position: relative; display: block; width: 24px; height: 16px; color: var(--mbnav-color, var(--nav-color, inherit)); } .burger-icon > span { position: absolute; left: 0; display: block; height: 2px; -webkit-transition: all .5s var(--timing); transition: all .5s var(--timing); border-radius: 2px; background-color: currentColor; } .collapse-activated .burger-icon > span { -webkit-transition: var(--effect); transition: var(--effect); } .burger-icon > span:nth-child(1) { top: 0; width: 100%; } .burger-icon > span:nth-child(2) { top: 50%; width: 65%; margin-top: -1px; } .burger-icon > span:nth-child(3) { top: auto; bottom: 0; width: 40%; } .collapse-activated .burger-icon > span:nth-child(2) { background-color: transparent; } .collapse-activated .burger-icon > span:nth-child(1) { top: 50%; width: 100%; margin-top: -1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; } .collapse-activated .burger-icon > span:nth-child(3) { top: 50%; width: 100%; margin-top: -1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transform-origin: center center; } .login-toggle, .reg-link { display: inline-flex; align-items: center; flex-flow: row nowrap; flex-shrink: 0; vertical-align: middle; text-decoration: none !important; column-gap: var(--icon-gap, 5px); } .login-toggle.is-btn, .reg-link.is-btn { line-height: 30px; padding-right: var(--login-btn-padding, 20px); padding-left: var(--login-btn-padding, 20px); } .login-toggle span:not(.login-icon-svg), .reg-link span:not(.login-icon-svg) { font-size: var(--rem-mini); } .is-btn-icon svg, .is-btn-icon .login-icon-svg { width: 1.25em; height: 1.25em; margin-right: .25em; } .is-btn-icon i { font-size: 1.25em; } .logged-welcome { font-size: var(--rem-mini); display: none; align-items: center; } .logged-welcome:after { line-height: 1; display: inline-flex; } .logged-welcome strong { font-style: normal; overflow: hidden; max-width: var(--uname-width, 120px); margin-right: .2em; margin-left: .2em; white-space: nowrap; text-overflow: ellipsis; } .logged-avatar { display: inline-flex; align-items: center; flex-flow: row nowrap; flex-shrink: 0; margin-right: 5px; } .logged-avatar img { width: var(--user-isize, 1.75em); height: var(--user-isize, 1.75em); border-radius: 50%; } .widget-h-login .is-logged, .elementor-widget-foxiz-login-icon .logged-welcome, .sidebar-menu.is-horizontal .menu-item { display: inline-flex; } .current-date { font-size: var(--rem-mini); color: var(--meta-fcolor); } .notification-icon-holder, .notification-icon i { line-height: 1; position: relative; } .empty-notification { display: block; padding: 20px; } .notification-info { font-size: 11px; line-height: 18px; position: absolute; right: -9px; bottom: calc(100% - 9px); width: 18px; height: 18px; text-align: center; pointer-events: none; opacity: 0; color: var(--awhite); border-radius: 50%; background-color: var(--g-color); } @keyframes heartbeat { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .notification-trigger:hover .notification-info { animation: heartbeat 1s infinite; } .notification-header { display: flex; align-items: center; padding: 10px 20px; border-bottom: 1px solid var(--flex-gray-15); } .notification-url { display: flex; align-items: center; flex-flow: row nowrap; margin-left: auto; -webkit-transition: var(--effect); transition: var(--effect); opacity: .7; } .notification-url:hover { opacity: 1; } .notification-url i { margin-left: 4px; } .notification-content .scroll-holder { overflow-y: auto; max-height: 50vh; } .notification-popup { display: block; width: var(--dropdown-w, 400px); max-width: 100vw; --bottom-spacing: 0; } .notification-content .p-wrap { padding: 20px; border-bottom: 1px solid var(--flex-gray-15); --el-spacing: 10px; } .menu-has-child-mega-columns { position: relative; display: flex; align-items: center; cursor: pointer; } .more-trigger { line-height: 0; height: 100%; -webkit-transition: var(--effect); transition: var(--effect); color: var(--nav-color); } .more-section-outer .svg-icon { width: 1em; } .more-section-outer .more-trigger { padding-right: var(--menu-item-spacing, 12px); padding-left: var(--menu-item-spacing, 12px); } .more-section-outer .more-trigger:hover, .more-section-outer.dropdown-activated .more-trigger { color: var(--g-color); } .dots-icon { display: flex; align-items: center; flex-flow: column nowrap; justify-content: space-between; height: 18px; -webkit-transition: var(--effect); transition: var(--effect); } .more-trigger:hover .dots-icon, .dropdown-activated .dots-icon { -webkit-transform: scaleY(1.2); transform: scaleY(1.2); } .dots-icon > span { display: block; width: 4px; height: 4px; border-radius: 200%; background-color: currentColor; } .more-content { padding: 30px 20px 10px 20px; } .collapse-footer { padding: 15px; background-color: var(--subnav-color-10); } .mega-columns { display: grid; margin-right: -20px; margin-left: -20px; grid-template-columns: 1fr 1fr; } .mega-columns > * { padding-right: 20px; padding-left: 20px; } .menu-has-child-mega-columns.layout-col-1 .mega-columns { grid-template-columns: 1fr; } .menu-has-child-mega-columns.layout-col-3 .mega-columns { grid-template-columns: 1fr 1fr 1fr; } .menu-has-child-mega-columns.layout-col-4 .mega-columns { grid-template-columns: 1fr 1fr 1fr 1fr; } .menu-has-child-mega-columns.layout-col-5 .mega-columns { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .more-section .header-search-form { min-width: 320px; margin-bottom: 25px; } .more-col { min-width: 170px; margin-bottom: 20px; padding-right: 20px; padding-left: 20px; } .more-col .widget-heading, .elementor-widget-wp-widget-nav_menu h5 { font-size: var(--h4-fsize); display: block; margin-bottom: 7px; } .header-search-form .h5 { display: block; margin-bottom: 10px; } .live-search-response { position: relative; overflow: hidden; } .is-form-layout .live-search-response { position: absolute; z-index: 1000; top: calc(100% + 2px); right: 0; left: 0; display: none; color: var(--body-color); border-top: none; border-radius: var(--round-5); background: var(--subnav-bg); background: -webkit-linear-gradient(left, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); background: linear-gradient(to right, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); box-shadow: 0 4px 30px var(--shadow-12); } .search-form-border .live-search-response { border: 1px solid var(--flex-gray-15); box-shadow: none; } .more-content .live-search-response { color: var(--subnav-color); background: var(--subnav-bg); background: -webkit-linear-gradient(left, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); background: linear-gradient(to right, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); } .live-search-animation.rb-loader { position: absolute; top: 50%; right: 10px; width: 20px; height: 20px; margin-top: -10px; opacity: 0; color: var(--input-fcolor, currentColor); } .live-search-link .is-btn { line-height: min(2.6em, 40px); display: inline-block; padding: 0 30px; } .live-search-inner { position: relative; --bottom-spacing: 10px; } .live-search-inner > * { padding-top: var(--bottom-spacing); padding-right: 10px; padding-left: 10px; border-top: 1px solid var(--flex-gray-15); } .is-search-category .live-search-inner > *:last-child { padding-bottom: var(--bottom-spacing); } .search-no-result { font-size: var(--excerpt-fsize); padding-top: 20px; padding-bottom: 20px; color: var(--excerpt-color); border-top: 1px solid var(--flex-gray-15); } .is-form-layout .live-search-inner > *:first-child, .is-form-layout .search-no-result { border: none; } .live-search-link { margin: var(--bottom-spacing) 0; text-align: center; } .search-loading .live-search-animation.rb-loader { display: block; opacity: 1; } .search-loading .rb-search-submit i { display: none; } .search-form-none .search-form-inner { border: none; } .search-form-line .search-form-inner, .search-form-bold .search-form-inner { padding: 0; border: none; border-bottom: 1px solid var(--search-form-color, currentColor); } .search-form-line .search-icon > *, .search-form-bold .search-icon > *, .search-form-none .search-icon > * { margin-left: 0; } .search-form-line .rb-search-submit i, .search-form-bold .rb-search-submit i, .search-form-none .rb-search-submit i { padding-right: 0; } .search-form-gray .search-form-inner { border: none; background-color: var(--search-form-color, var(--flex-gray-7)); } .is-form-layout .search-form-inner { width: 100%; border-color: var(--search-form-color, var(--flex-gray-15)); } .is-form-layout .search-icon { opacity: .5; } .search-form-bold .search-form-inner { border-width: 3px; } .search-form-none .live-search-response { padding: 10px 10px 0 10px; border: none; box-shadow: 0 4px 20px var(--shadow-7); } .search-form-none .rbi-cright:before { content: '\e958'; } .collapse-footer > * { margin-bottom: 12px; } .collapse-footer-menu a { color: var(--submbnav-color, var(--subnav-color)); } .collapse-footer-menu-inner { display: flex; flex-flow: row wrap; gap: 10px; } .collapse-footer-menu-inner li { position: relative; display: flex; align-items: center; flex-flow: row nowrap; } .collapse-footer-menu-inner li:not(:last-child):after { display: flex; width: 3px; height: 3px; margin-right: 10px; margin-left: 10px; content: ''; opacity: .25; border-radius: 50%; background-color: currentColor; } .collapse-copyright { font-size: var(--rem-mini); opacity: .7; } .sub-menu.left-direction, .header-dropdown.left-direction { right: -10%; left: auto; } .sub-menu .sub-menu.left-direction { right: 100%; margin-right: 20px; } .main-menu .sub-menu li:hover > .sub-menu.left-direction { right: calc(100% - 1px); left: auto; margin-right: 0; } .dark-mode-toggle-wrap { height: auto; } .dark-mode-toggle { display: flex; align-items: center; cursor: pointer; } .dark-mode-toggle-wrap:not(:first-child) .dark-mode-toggle { position: relative; margin-left: 5px; padding-left: 10px; border-left: 1px solid var(--flex-gray-40); } .navbar-outer .dark-mode-toggle-wrap:not(:first-child) .dark-mode-toggle { border-color: var(--nav-color-10); } .dark-mode-slide { position: relative; width: calc(var(--dm-size, 24px) * 1.666); height: calc(var(--dm-size, 24px) - 10px); border-radius: calc(var(--dm-size, 24px) - 2px); background-color: var(--flex-gray-15); } .dark-mode-slide-btn { position: absolute; top: -5px; left: 0; display: flex; visibility: hidden; align-items: center; justify-content: center; width: var(--dm-size, 24px); height: var(--dm-size, 24px); -webkit-transition: opacity .1s; transition: opacity .1s; opacity: 0; border-radius: 50%; background-color: var(--solid-white); box-shadow: 0 1px 4px var(--shadow-12); } .triggered .dark-mode-slide-btn { -webkit-transition: opacity .2s, transform .5s; transition: opacity .2s, transform .5s; will-change: transform; } .svg-mode-light { color: var(--body-fcolor); } .mode-icon-dark { color: var(--awhite); background-color: var(--g-color); } .dark-mode-slide-btn svg { width: calc(var(--dm-size, 24px) - 10px); height: calc(var(--dm-size, 24px) - 10px); } .dark-mode-slide-btn.activated { visibility: visible; opacity: 1; } .mode-icon-dark:not(.activated), .mode-icon-default.activated { -webkit-transform: translateX(0px); transform: translateX(0px); } .mode-icon-default:not(.activated), .mode-icon-dark.activated { -webkit-transform: translateX(calc(var(--dm-size, 24px) * 0.666)); transform: translateX(calc(var(--dm-size, 24px) * 0.666)); } body.switch-smooth { -webkit-transition: background-color .2s var(--timing); transition: background-color .2s var(--timing); } .dark-sw-2 .dark-mode-slide { width: calc(var(--dm-size, 24px) + 8px); height: calc(var(--dm-size, 24px) + 8px); border-radius: 0; background-color: transparent; } .dark-sw-2 .dark-mode-slide-btn { top: 4px; border-radius: 0; background: none; box-shadow: none; } .dark-sw-2 .mode-icon-dark:not(.activated), .dark-sw-2 .mode-icon-default.activated, .dark-sw-2 .mode-icon-default:not(.activated), .dark-sw-2 .mode-icon-dark.activated { -webkit-transform: translateX(0px); transform: translateX(0px); } .dark-sw-2 .dark-mode-slide-btn svg { width: var(--dm-size, 24px); height: var(--dm-size, 24px); } .navbar-outer { position: relative; z-index: 110; display: block; width: 100%; } .popup-trigger-btn > *, .rb-bookmark.in-progress, .elementor-editor-active .header-transparent { pointer-events: none; } .elementor-editor-active .navbar-outer { z-index: 0; } .elementor-editor-active .tax-accordion-item:first-child .tax-accordion-sub { display: block; } .is-mstick .navbar-outer:not(.navbar-outer-template) { min-height: var(--nav-height); } .is-mstick .sticky-holder { z-index: 998; top: 0; right: 0; left: 0; } @keyframes stick-animation { from { transform: translate3d(0, -100%, 0) } to { transform: translate3d(0, 0, 0); } } .sticky-on.is-mstick .sticky-holder, .sticky-on .e-section-sticky { position: fixed; top: 0; right: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; } .stick-animated.is-mstick .sticky-holder, .stick-animated .e-section-sticky { animation-name: stick-animation; animation-duration: .2s; animation-timing-function: ease-out; animation-iteration-count: 1; will-change: transform; } .sticky-on .mobile-qview { display: none; } .collapse-activated div.mobile-qview { display: block; } .e-section-sticky { z-index: 1000; } .collapse-activated body, .collapse-activated .sticky-holder, .collapse-activated .header-mobile { overflow: hidden; height: 100%; } .collapse-activated .site-outer { overflow: hidden; height: 100%; margin-top: 0 !important; -webkit-transition: none; transition: none; } .collapse-activated .header-wrap { display: flex; align-items: stretch; flex-flow: column nowrap; height: 100%; min-height: 100vh; } .collapse-activated .navbar-outer { flex-grow: 1; } .header-mobile-wrap { position: relative; z-index: 99; flex-grow: 0; flex-shrink: 0; color: var(--mbnav-color, var(--nav-color)); background: var(--mbnav-bg, var(--nav-bg)); background: -webkit-linear-gradient(left, var(--mbnav-bg-from, var(--nav-bg-from)) 0%, var(--mbnav-bg-to, var(--nav-bg-to)) 100%); background: linear-gradient(to right, var(--mbnav-bg-from, var(--nav-bg-from)) 0%, var(--mbnav-bg-to, var(--nav-bg-to)) 100%); box-shadow: 0 4px 30px var(--shadow-7); } .header-mobile-wrap .is-text-logo .logo-title > *, .header-mobile-wrap .navbar-right > * { color: inherit; } .mlogo-top { position: relative; display: flex; justify-content: center; width: 100%; padding: 2px 0; } .mh-style-gray .mlogo-top:after { position: absolute; right: -20px; bottom: 0; left: -20px; display: block; content: ''; border-bottom: 1px solid var(--flex-gray-15); } .mh-style-shadow .mlogo-top:before { position: absolute; top: 0; right: -20px; bottom: 0; left: -20px; display: block; content: ''; pointer-events: none; box-shadow: 0 2px 10px var(--shadow-7); } .mh-style-dark .mlogo-top { border-bottom: 2px solid currentColor; } .mobile-logo-wrap { display: flex; flex-grow: 0; margin: 0; } .mobile-logo-wrap img { width: auto; max-height: var(--mlogo-height, var(--mbnav-height, 42px)); } #amp-header .navbar-left .mobile-logo-wrap img { object-position: left !important; } .header-mobile .logo-title a { line-height: var(--mbnav-height, 42px); } .collapse-holder { display: block; overflow-y: auto; width: 100%; } .mobile-collapse .header-search-form { margin-bottom: 15px; } .mbnav { display: flex; align-items: center; flex-flow: row nowrap; min-height: var(--mbnav-height, 42px); } .mbnav.is-top-logo { flex-flow: row wrap; } .is-top-logo .logo-wrap { margin-right: 0; } .is-mstick.sticky-on .mlogo-top { position: absolute; top: 0; left: 60px; width: auto; max-height: var(--mbnav-height, 42px); } .mbnav.is-top-logo .mobile-toggle-wrap { min-height: var(--mbnav-height, 42px); } .header-mobile-wrap .navbar-right { align-items: center; justify-content: flex-end; } .mbnav-center .navbar-left, .mbnav-center .navbar-right { flex-grow: 0; flex-shrink: 0; width: 30%; } .mbnav-center .navbar-center { display: flex; justify-content: center; width: 40%; } .mbnav-center .wnav-holder { padding-right: 3px; padding-left: 3px; } .mobile-toggle-wrap { display: flex; align-items: stretch; } .navbar-right .mobile-toggle-wrap { height: auto; } .navbar-right .mobile-toggle-wrap .burger-icon > span { right: 0; left: auto; } .navbar-right .mobile-toggle-wrap .mobile-menu-trigger { padding-right: 0; padding-left: 10px; } .mobile-menu-trigger { display: flex; align-items: center; padding-right: 10px; cursor: pointer; } .mobile-search-icon { padding: 0 5px; } .mobile-menu-trigger i:before { -webkit-transition: var(--effect); transition: var(--effect); } .mobile-collapse { z-index: 0; display: flex; visibility: hidden; overflow: hidden; flex-grow: 1; height: 0; -webkit-transition: opacity .3s var(--timing); transition: opacity .3s var(--timing); opacity: 0; color: var(--submbnav-color, var(--subnav-color)); background: var(--submbnav-bg, var(--subnav-bg)); background: -webkit-linear-gradient(left, var(--submbnav-bg-from, var(--subnav-bg-from)) 0%, var(--submbnav-bg-to, var(--subnav-bg-to)) 100%); background: linear-gradient(to right, var(--submbnav-bg-from, var(--subnav-bg-from)) 0%, var(--submbnav-bg-to, var(--subnav-bg-to)) 100%); } .collapse-activated .mobile-collapse { visibility: visible; flex-grow: 1; height: auto; opacity: 1; } .collapse-activated .yes-amp .mobile-collapse { height: calc(100vh - 85px); padding-bottom: 85px; } .collapse-sections { position: relative; display: flex; flex-flow: column nowrap; width: 100%; margin-top: 20px; padding: 20px; gap: 15px; } .collapse-inner { position: relative; display: block; width: 100%; padding-top: 15px; } .collapse-inner > *:last-child { padding-bottom: 150px; } .mobile-search-form .live-search-animation.rb-loader { top: 8px; } .mobile-menu > li.menu-item-has-children:not(:first-child) { margin-top: 20px; } .mobile-menu > li > a { display: block; padding: 10px 0; } .mobile-menu .sub-menu { display: flex; flex-flow: row wrap; padding-top: 5px; border-top: 1px solid var(--submbnav-color-10, var(--subnav-color-10)); } .mobile-menu .sub-menu > * { flex: 0 0 50%; } .mobile-menu .sub-menu a { display: block; width: 100%; padding: 7px 0; } .mobile-qview { position: relative; display: block; overflow: auto; width: 100%; border-top: 1px solid var(--nav-color-10); -ms-overflow-style: none; scrollbar-width: none; } .mobile-qview::-webkit-scrollbar { width: 0; height: 0; } .mobile-qview-inner { display: flex; flex-flow: row nowrap; } .mobile-qview a { position: relative; display: flex; align-items: center; height: var(--qview-height, 42px); padding: 0 15px; white-space: nowrap; color: inherit; } .mobile-qview a > span, .mobile-qview i { line-height: 1; } .main-menu > li > a i, .mobile-qview i { min-width: 1em; } .mobile-qview a:before { position: absolute; right: 15px; bottom: 0; left: 15px; height: 4px; content: ''; -webkit-transition: var(--effect); transition: var(--effect); border-radius: var(--round-3); background-color: transparent; } .mobile-qview a:hover:before, .mobile-qview .current-menu-item > a:before { background-color: var(--g-color); } .logged-mobile-menu { position: relative; display: flex; flex-flow: row wrap; padding-left: 15px; } .logged-mobile-menu:before { position: absolute; top: 5px; bottom: 5px; left: 0; content: ''; border-left: 5px solid currentColor; } .logged-mobile-menu > * { width: 50%; } .logged-mobile-menu a { line-height: 1; padding: 5px; } .mobile-socials { display: flex; flex-flow: row wrap; } .mobile-socials:not(:first-child ) { padding-top: 15px; border-top: 1px solid var(--flex-gray-15); } .mobile-login { display: flex; align-items: center; justify-content: space-between; width: 100%; } .mobile-login .login-toggle.is-btn { margin-right: 0; } .mobile-login-title strong { margin-left: .2em; } .mobile-logout-btn { background-color: var(--dark-accent); } .mobile-socials a { font-size: 16px; flex-shrink: 0; padding: 0 12px; } .header-alert { font-size: var(--em-mini); display: flex; align-items: center; justify-content: center; padding-top: 5px; padding-bottom: 5px; text-align: center; color: var(--alert-color, inherit); background-color: var(--alert-bg, #ffc96a); } .header-ad-widget { padding: 15px 20px; } .sticky-on .header-alert.is-sticky-hide { visibility: hidden; } .top-site-ad { position: relative; display: block; width: 100%; height: auto; text-align: center; background-color: var(--top-site-bg, var(--flex-gray-7)); } .yes-hd-transparent .top-site-ad { background-color: var(--top-site-bg, var(--dark-accent)); } .top-site-ad .ad-image { border-radius: var(--round-3); } .top-site-ad.is-image.yes-animation { position: fixed; top: 0; bottom: auto; left: 0; } .admin-bar .top-site-ad.is-image.yes-animation { top: 32px; } .top-site-ad.no-spacing, .top-site-ad.no-spacing .edge-padding, .top-site-ad.no-spacing .ad-image { padding: 0; border-radius: 0; } .top-site-ad:not(.no-spacing) { padding-top: var(--topad-spacing, 15px); padding-bottom: var(--topad-spacing, 15px); } #signup-content { max-width: 720px; margin: 100px auto; } .mu_register h2 { font-size: var(--h1-fsize); margin-bottom: 1rem; text-align: center; } .wp-signup-container > p { text-align: center; margin-block-end: 1rem; } .mu_register .mu_alert { font-style: normal; margin-bottom: 20px; padding: 20px; border-radius: var(--round-7); } .mu_register form { max-width: 460px; margin: auto; padding: 20px 40px 50px 40px; border: 1px solid var(--flex-gray-15); border-radius: var(--round-7); } #signup-content .mu_register label, #signup-content .mu_register legend, #signup-content .mu_register .label-heading { margin: 20px 0 0; } #signup-content .mu_register label { font-size: var(--rem-mini); font-weight: normal; } .mu_register legend + p, .mu_register input + p { font-size: var(--meta-fsize); color: var(--meta-fcolor); } #signup-content .mu_register input { font-size: 1rem; } #signup-content .mu_register input[type='submit'] { margin-top: 20px; } /* ----------------- 6 - Post Entry ----------------- */ .p-overlay { --el-spacing: 10px; } .p-wrap > *:not(:last-child), .grid-box > *:not(:last-child), .p-content > *:not(:last-child) { margin-bottom: var(--el-spacing); } .p-small, .is-mega-category .p-wrap { --el-spacing: 7px; } .grid-box { position: relative; height: 100%; padding-bottom: calc(var(--box-spacing) + 5px); border-radius: var(--wrap-border, var(--round-3)); } .grid-box .p-featured { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-highlight, .list-box { position: relative; border-radius: var(--wrap-border, var(--round-3)); } .box-border .grid-box:before, .box-border .list-box:before { position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; content: ''; pointer-events: none; border: 1px solid; border-color: var(--box-color, var(--default-box, var(--flex-gray-15))); border-radius: var(--wrap-border, var(--round-3)); } .box-bg .grid-box, .box-bg .list-box { background-color: var(--box-color, var(--default-box, var(--solid-light))); } .box-shadow .grid-box, .box-shadow .list-box { background-color: var(--box-color, var(--default-box, transparent)); box-shadow: 0 4px 20px var(--shadow-7); } [data-theme='dark'] .box-shadow .grid-box, .light-scheme .box-shadow .grid-box, [data-theme='dark'] .box-shadow .list-box, .light-scheme .box-shadow .list-box { --box-shadow-color: var(--shadow-12); } [data-theme='dark'] .box-border .grid-box:before, .light-scheme .box-border .grid-box:before, [data-theme='dark'] .box-border .list-box:before, .light-scheme .box-border .list-box:before { border-color: var(--dark-box-color, var(--default-dark-box, var(--flex-gray-15))); } [data-theme='dark'] .box-bg .grid-box, .light-scheme .box-bg .grid-box, [data-theme='dark'] .box-bg .list-box, .light-scheme .box-bg .list-box { background-color: var(--dark-box-color, var(--default-dark-box, var(--solid-light))); } [data-theme='dark'] .box-shadow .grid-box, .light-scheme .box-shadow .grid-box, [data-theme='dark'] .box-shadow .list-box, .light-scheme .box-shadow .list-box { background-color: var(--dark-box-color, var(--default-dark-box, transparent)); } .grid-box > *:not(.feat-holder) { margin-right: var(--box-spacing); margin-left: var(--box-spacing); } .grid-box .feat-holder { z-index: 10; } .counter-el { position: relative; counter-increment: trend-counter; } .counter-el:before { font-family: var(--h2-family); font-size: var(--counter-size, 3.5rem); font-weight: var(--h2-fweight); font-style: var(--h2-fstyle); line-height: 1; position: absolute; top: 0; right: 0; bottom: auto; left: auto; display: block; min-width: 1.05em; content: counter(trend-counter, decimal-leading-zero); letter-spacing: var(--h2-fspace); pointer-events: none; opacity: var(--counter-opacity, .15); color: var(--counter-color, currentColor); } .p-top + .counter-el:before { top: -1.5rem; } .is-counter-inline .counter-el:before { position: relative; top: auto; right: auto; bottom: auto; left: auto; display: inline; padding-right: 7px; opacity: 1; color: var(--counter-color, var(--g-color)); } .feat-holder { position: relative; max-width: 100%; } .p-top, .p-categories { display: flex; align-items: stretch; flex-flow: row wrap; flex-grow: 1; gap: 3px; } .p-top .p-categories { flex-grow: 0; } .p-format-inline .p-format { display: flex; align-items: center; justify-content: center; height: 100%; margin-left: 2px; padding: 0 5px; border-radius: var(--round-3); } .ecat-bg-3 .p-format-inline .p-format, .ecat-border .p-format-inline .p-format { border-radius: 9999px; } .p-format-inline .p-format .gallery-count { display: none; } .p-format-inline .p-format i { font-size: 1em; } .p-featured { position: relative; display: block; overflow: hidden; padding-bottom: calc(var(--feat-ratio, 60) * 1%); border-radius: var(--wrap-border, var(--round-3)); } .hovering-scale .p-featured img { -webkit-transition: -webkit-transform .4s var(--timing); transition: transform .4s var(--timing); } .hovering-bw .p-featured img { -webkit-transition: var(--effect); transition: var(--effect); -webkit-filter: grayscale(0%); filter: grayscale(0%); } .hovering-bw-invert .p-featured img { -webkit-transition: var(--effect); transition: var(--effect); -webkit-filter: grayscale(100%); filter: grayscale(100%); } .hovering-fade .p-featured img { -webkit-transition: opacity .2s var(--timing); transition: opacity .2s var(--timing); } .hovering-scale .p-wrap:hover .p-featured img { -webkit-transform: scale(1.05); transform: scale(1.05); } .hovering-fade .p-wrap:hover .p-featured img { opacity: .7; } .hovering-bw .p-wrap:hover .p-featured img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .hovering-bw-invert .p-wrap:hover .p-featured img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } [class*='p-overlay-'] .p-featured { margin-bottom: 0; border-radius: 0; } .p-center [class*='p-overlay-'] .entry-title { max-width: var(--rb-width, 1240px); margin-right: auto; margin-left: auto; } .p-center [class*='p-overlay-'] .entry-summary { max-width: var(--rb-small-width, 860px); margin-right: auto; margin-left: auto; } .p-featured.ratio-v1 { padding-bottom: calc(var(--feat-ratio, 75) * 1%); } .p-featured.ratio-v2 { padding-bottom: calc(var(--feat-ratio, 85) * 1%); } .p-featured.ratio-q { padding-bottom: 100%; } .preview-video { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: inherit; width: 100%; height: 100%; pointer-events: none; object-fit: cover; } .preview-video video { display: block; width: 100%; height: 100%; pointer-events: none; object-fit: none; } .show-preview .preview-video { display: block; } .p-flink { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; } .p-featured img.featured-img, .i-ratio .s-feat img, .p-featured img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: var(--feat-position, center); } .block-wrap:not(.p-center) .p-meta.has-bookmark, .block-wrap:not(.p-center) .review-meta.has-bookmark { padding-right: 25px; } .p-meta { position: relative; display: block; } .meta-inner { display: flex; align-items: center; flex-flow: row wrap; gap: 0.2em max(3px, 0.6em); } .p-center .p-meta { display: flex; flex-flow: row nowrap; } .p-center .p-meta, .p-center .sponsor-meta, .p-center .meta-inner, .p-center .meta-el { justify-content: center; } .rb-bookmark { font-size: var(--bookmark-fsize, 1rem); position: absolute; z-index: 10; top: auto; right: 0; bottom: 0; left: auto; display: flex; visibility: hidden; align-items: center; justify-content: center; width: 20px; height: 100%; cursor: pointer; pointer-events: none; color: var(--body-fcolor); } .bookmarked-icon, .bookmarked i:not(.bookmarked-icon) { display: none; } .bookmarked i.bookmarked-icon { display: block; } .rb-bookmark i { -webkit-transition: var(--effect); transition: var(--effect); } .meta-bookmark .rb-bookmark { font-size: 0; line-height: 1; position: relative; top: auto; bottom: auto; width: auto; height: auto; color: inherit; } .meta-bookmark .rb-bookmark i { font-size: var(--meta-fsize); margin: 0; } .meta-bookmark .rb-bookmark:hover i { color: var(--bookmark-color); border-color: var(--bookmark-color); text-shadow: none; } .meta-el { display: inline-flex; align-items: center; flex-flow: row wrap; width: var(--meta-width, auto); gap: max(2px, .35em); } .meta-label { display: inline-flex; align-items: center; gap: max(2px, .35em); } .meta-category a { color: var(--ecat-highlight, var(--cat-highlight, inherit)); } [data-theme='dark'] .meta-category a, .light-scheme .meta-category a { color: var(--ecat-highlight, var(--meta-b-fcolor, var(--body-fcolor))); } .meta-separate { display: inline-flex; align-items: center; gap: max(2px, .35em); } .meta-separate:after { width: 1px; height: max(8px, .7em); content: ''; -webkit-transform: skewX(-15deg); transform: skewX(-15deg); text-decoration: none !important; opacity: var(--meta-style-o, .3); background-color: var(--meta-fcolor); } .meta-separate:last-child:after, .has-suffix .meta-separate:nth-last-child(2):after { display: none; } .meta-avatar { flex-shrink: 0; margin-right: -0.1em; gap: 3px; } body .meta-avatar img { display: inline-flex; width: var(--avatar-size, 22px); height: var(--avatar-size, 22px); border-radius: 50%; object-fit: cover; } .meta-avatar.multiple-avatar img:not(:first-child) { margin-left: -10px; } .meta-avatar, .meta-avatar + div { --meta-width: auto; } .meta-like { opacity: 0; } .elementor-editor-active .meta-like, .meta-like.loaded { opacity: 1; } .meta-like > span { line-height: 1; display: inline-flex; align-items: center; justify-content: center; min-width: 42px; padding: 5px 7px; cursor: pointer; -webkit-transition: var(--effect); transition: var(--effect); border-radius: var(--round-5); gap: .35em; } .meta-like i { font-size: calc(1em + 3px); } .el-like.triggered i:before { content: '\e978'; } .el-dislike.triggered i:before { content: '\e977' } span.entry-title { display: block; } .entry-title i { font-size: .9em; display: inline; margin-right: 0.2em; vertical-align: middle; color: var(--title-color, currentColor); } .live-tag { position: relative; display: inline; vertical-align: baseline; color: var(--live-color); } .live-tag:before, .live-tag:after { color: inherit; } .lmeta-all .live-tag:before, .lmeta-dot .live-tag:before { font-family: 'ruby-icon'; font-size: 1em; font-weight: normal; font-style: normal; font-variant: normal; position: relative; content: '\ea54'; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; } .lmeta-all .live-tag:before, .lmeta-dot .live-tag { font-size: .8em; margin-right: max(4px, .2em); letter-spacing: 0; } .lmeta-dot .live-tag:after { display: inline-block; width: 1em; height: 1em; margin-left: -1em; content: ''; animation: liveAnimation 1.5s linear infinite; pointer-events: none; border: .2em solid currentColor; border-radius: 50%; } .p-url { font-size: inherit; line-height: inherit; position: relative; color: var(--title-color, inherit); text-underline-offset: 1px; } .has-index:before { display: inline; content: attr(data-index); } .sticky .entry-title a:before, .sticky .s-title:before { font-family: 'ruby-icon'; font-size: 1em; margin-right: .3em; padding: 0; content: '\e962' !important; color: inherit; background: none; } .is-meta .meta-author a, .meta-category a, .breadcrumb-inner a { -webkit-transition: var(--effect); transition: var(--effect); text-decoration-color: transparent; text-decoration-line: underline; text-underline-offset: 1px; } .single-meta .meta-author-url, .is-meta a:hover, .sponsor-link:hover .sponsor-brand-text, .breadcrumb-inner a:hover { text-decoration: underline solid; } .name-text .nname-info .nice-name { text-decoration: none; } .single-meta .meta-author-url:hover, a.nice-name:hover { color: var(--g-color); } .cfield-meta { line-height: 1; display: inline-flex; align-items: center; flex-flow: row nowrap; color: var(--meta-color, var(--meta-fcolor)); gap: var(--meta-spacing, 3px); } .meta-icon { font-size: var(--meta-icon-size, inherit); color: var(--meta-icon-color, currentColor); } .meta-icon svg { width: 1em; height: 1em; fill: currentColor; } .post-edit-link { font-size: var(--rem-mini); line-height: 1; position: absolute; z-index: 9999; top: 0; right: 10px; display: block; visibility: hidden; padding: 5px; -webkit-transition: var(--effect); transition: var(--effect); opacity: 0; color: #fff !important; background-color: #333; } .post-slider .post-edit-link { right: auto; left: 0; } .p-wrap:hover .post-edit-link, .holder-wrap:hover .post-edit-link { visibility: visible; opacity: 1; } .post-edit-link:hover { background-color: var(--g-color); } .p-format-overlay { line-height: 0; position: absolute; z-index: 2; top: 0; right: 0; bottom: auto; display: flex; align-items: flex-end; justify-content: flex-end; pointer-events: none; } .p-format i { font-size: inherit; line-height: 1; display: block; } .p-format .rbi-video { -webkit-transform: scale(1.1); transform: scale(1.1); } .p-format-overlay.format-style-bottom { z-index: 100; top: auto; right: 0; bottom: 0; left: auto; } .p-format-overlay.format-style-top { z-index: 11; } .p-format-overlay.format-style-bottom .p-format { position: relative; padding: 7px 5px 5px 7px; color: var(--body-fcolor); border-radius: 50% 0 0 0; background-color: var(--solid-white); } .box-bg .grid-box .format-style-bottom .p-format { background-color: var(--box-color, var(--default-box, var(--solid-light))); } [data-theme='dark'] .box-bg .grid-box .format-style-bottom .p-format, .light-scheme .box-bg .grid-box .format-style-bottom .p-format { background-color: var(--dark-box-color, var(--default-dark-box, var(--solid-light))); } .format-style-bottom .p-format { font-size: 20px; } .gallery-count { line-height: 1; position: absolute; top: 0; right: 0; padding: 4px; } .format-style-bottom .gallery-count { font-size: 10px; line-height: 14px; top: 2px; right: 0; display: block; width: 14px; height: 14px; padding: 0; text-align: center; color: var(--awhite); border-radius: 50%; background-color: var(--g-color); } .p-format-overlay.format-style-top { font-size: 26px; left: 0; } .p-format-overlay.format-style-center { top: 50%; right: auto; left: 50%; align-items: center; justify-content: center; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; } .p-format-overlay.format-style-center .p-format { font-size: 40px; display: inline-flex; background-color: transparent; text-shadow: 0 0 10px rgba(0, 0, 0, .25); } .p-format-overlay.format-style-top .p-format { display: block; margin-left: auto; padding: .3em; } .p-format-overlay.format-style-top .p-format:after { position: absolute; top: 0; right: 0; left: 0; height: 3px; content: ''; } .p-format-overlay.format-style-center .gallery-count { font-size: var(--rem-small); position: relative; top: auto; right: auto; display: inline-flex; justify-content: flex-start; margin-top: -.75em; } .format-style-top .p-format:after { background-color: var(--video-color); } .p-format.format-gallery, .format-style-top .p-format.format-gallery:after { background-color: var(--gallery-color); } .p-format.format-audio, .format-style-top .p-format.format-audio:after { background-color: var(--audio-color); } .format-style-top .gallery-count { font-weight: 700; border-radius: var(--round-7); background-color: inherit; } .p-readmore { font-family: var(--btn-family); font-size: var(--readmore-fsize, 12px); font-weight: 600; font-style: normal; line-height: 1; display: inline-flex; align-items: center; flex-flow: row nowrap; padding: max(.75em, 10px) 1.5em; -webkit-transition: var(--effect); transition: var(--effect); text-transform: none; border: 1px solid var(--flex-gray-15); border-radius: var(--round-3); } .p-readmore i, .pagination-simple i { font-size: var(--em-small); line-height: 0; margin-left: .5em; -webkit-transition: transform .2s var(--timing); transition: transform .2s var(--timing); } .is-rm-simple .p-link { line-height: 1; padding-top: 0; } .is-rm-simple .p-readmore { line-height: inherit; padding: 0; border: none; } .is-rm-bg .p-readmore { color: var(--btn-accent, var(--awhite)); border: none; border-radius: var(--round-7); background: var(--btn-primary, var(--g-color)); } .is-rm-simple .p-readmore:hover { color: var(--g-color); background: none; box-shadow: none; } .is-rm-simple .p-readmore i:before { content: '\e958'; } .p-divider { position: relative; display: block; padding-top: 3px; padding-bottom: 3px; color: var(--divider-color, var(--g-color)); pointer-event: none; } .p-divider:before { display: block; width: 100%; max-width: 5rem; content: ''; border-bottom: 1px solid currentColor; } .is-divider-dashed.p-divider:before { border-bottom: 1px dashed currentColor; } .is-divider-bdashed.p-divider:before { border-bottom: 3px dashed currentColor; } .is-divider-bold.p-divider:before { border-bottom-width: 3px; } .is-divider-zigzag { --p-zigzag-url: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' preserveAspectRatio=\'none\' overflow=\'visible\' height=\'100%\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'gray\' stroke-width=\'6.6\' stroke-linecap=\'square\' stroke-miterlimit=\'10\'%3E%3Cpolyline points=\'0,18 12,6 24,18 \'/%3E%3C/svg%3E'); } .is-divider-zigzag.p-divider:before { min-height: 10px; border: none; background-color: currentColor; -webkit-mask-image: var(--p-zigzag-url); mask-image: var(--p-zigzag-url); -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; -webkit-mask-size: 10px 100%; mask-size: 10px 100%; } .p-center .p-divider:before { margin-right: auto; margin-left: auto; } .pagination-simple .newer i { margin-right: .4em; margin-left: 0; } .p-readmore:hover i, .pagination-simple a:hover i { -webkit-transform: translateX(3px); transform: translateX(3px); } .pagination-simple .newer a:hover i { -webkit-transform: translateX(-3px); transform: translateX(-3px); } .review-meta { position: relative; display: block; } .p-center .review-meta.has-bookmark { display: flex; flex-flow: row nowrap; justify-content: center; width: 100%; } .review-meta.type-star { padding-top: 2px; } .review-meta-inner { display: flex; align-items: center; flex-flow: row wrap; gap: .7em; } .review-extra, .review-meta-inner .extra-meta { display: flex; align-items: center; flex-flow: row nowrap; } .is-rstyle-3 .review-extra, .is-rstyle-5 .review-extra { width: 100%; } .p-center .is-rstyle-3 .review-extra, .p-center .is-rstyle-5 .review-extra { justify-content: center; } .review-meta-inner .extra-meta:before { display: inline-flex; width: 3px; height: 3px; margin-right: .35em; margin-left: .35em; content: ''; opacity: .5; border-radius: 50%; background-color: currentColor; } .rline-wrap { position: relative; display: inline-flex; overflow: hidden; flex-flow: row nowrap; margin-right: 10px; gap: 1px; } .rline { display: inline-flex; width: calc(var(--rating-size, 14px) * 1.5); max-width: 20%; height: min(calc(var(--rating-size, 14px) * 0.5), 10px); background-color: var(--flex-gray-15); } .rline:nth-child(1) { background-color: #ff0d0d; } .rline:nth-child(2) { background-color: #ff5612; } .rline:nth-child(3) { background-color: #ffa444; } .rline:nth-child(4) { background-color: #a0b339; } .rline:nth-child(5) { background-color: #50a735; } .rline:not(.activated) { background-color: var(--flex-gray-15); } .rstar-wrap { position: relative; display: inline-flex; overflow: hidden; color: var(--review-icon, #fff); border-radius: min(3px, var(--round-3)); } .rstar { position: relative; display: inline-flex; align-items: center; justify-content: center; width: calc(var(--rating-size, 14px) + 6px); height: calc(var(--rating-size, 14px) + 6px); margin-right: 1px; } .rstar:before { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; content: ''; background-color: var(--flex-gray-15); } .review-description { white-space: nowrap; } .review-description strong { font-weight: var(--meta-b-fweight); } .rstar:last-child { margin-right: 0; } .rstar i { font-size: var(--rating-size, 14px); line-height: 1; position: relative; z-index: 10; } .rstar-bg { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to right, var(--review-color) calc(100% - 1px), transparent calc(1px)); background-image: -webkit-linear-gradient(left, var(--review-color) calc(100% - 1px), transparent calc(1px)); background-position: 0 0; background-size: calc(var(--rating-size, 14px) + 7px) calc(var(--rating-size, 14px) + 6px); } .hover-ani-2 .p-url { -webkit-transition: all 0.2s var(--timing); transition: all 0.2s var(--timing); } .hover-ani-2 .p-url:hover { color: var(--title-hcolor, var(--g-color)); } .hover-ani-2[data-theme='dark'] .p-url:hover, .hover-ani-2 .light-scheme .p-url:hover { opacity: .7; color: var(--title-hcolor, var(--awhite)); } .hover-ani-1 .p-url { -webkit-transition: all .2s var(--timing); transition: all .2s var(--timing); -moz-text-decoration-color: transparent; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-decoration-line: underline; text-decoration-thickness: .1em; } .hover-ani-1 .p-url:hover { color: var(--title-hcolor, var(--g-color)); -webkit-text-decoration-color: var(--title-e-hcolor, var(--g-color)); text-decoration-color: var(--title-e-hcolor, var(--g-color)); } body.hover-ani-1 .light-scheme .p-url, body[data-theme='dark'].hover-ani-1 .p-url { --title-hcolor: var(--awhite); } .hover-ani-3 .p-url { -webkit-transition: background-position 0.2s ease; transition: background-position 0.2s ease; background-image: -webkit-gradient(linear, left top, left bottom, from(var(--title-e-hcolor, currentColor)), to(var(--title-e-hcolor, currentColor))); background-image: linear-gradient(var(--title-e-hcolor, currentColor), var(--title-e-hcolor, currentColor)); background-repeat: no-repeat; background-position: left 102%; -webkit-background-size: 100% 0; background-size: 100% 0; will-change: background-position; } .hover-ani-3 .p-url:hover { color: var(--title-hcolor, currentColor); background-position: left calc(100% - .1em); -webkit-background-size: 100% 2px; background-size: 100% 2px; } .hover-ani-4 .p-url { -webkit-transition: background-size 0.2s var(--timing); transition: background-size 0.2s var(--timing); background-image: -webkit-gradient(linear, left top, left bottom, from(var(--title-e-hcolor, var(--g-color-90))), to(var(--title-e-hcolor, var(--g-color-90)))); background-image: linear-gradient(var(--title-e-hcolor, var(--g-color-90)), var(--title-e-hcolor, var(--g-color-90))); background-repeat: no-repeat; background-position: 0% 100%; background-size: 100% 0%; } .hover-ani-4 .p-url:hover { color: var(--title-hcolor, currentColor); background-size: 100% 30%; } .hover-ani-5 .p-url { -webkit-transition: background-size 0.4s ease, color 0.4s ease; transition: background-size 0.4s ease, color 0.4s ease; background-image: -webkit-gradient(linear, left top, left bottom, from(var(--title-e-hcolor, var(--g-color))), to(var(--title-e-hcolor, var(--g-color)))); background-image: linear-gradient(var(--title-e-hcolor, var(--g-color)), var(--title-e-hcolor, var(--g-color))); background-repeat: no-repeat; background-position: 0% 100%; background-size: 0% 100%; } .hover-ani-5 .p-url:hover { color: var(--title-hcolor, var(--awhite)); background-size: 100% 100%; } .hover-ani-6 .p-url { -webkit-transition: background-size 0.2s var(--timing); transition: background-size 0.2s var(--timing); background-image: -webkit-gradient(linear, left top, left bottom, from(var(--title-e-hcolor, currentColor)), to(var(--title-e-hcolor, currentColor))); background-image: linear-gradient(var(--title-e-hcolor, currentColor), var(--title-e-hcolor, currentColor)); background-repeat: no-repeat; background-position: bottom left; -webkit-background-size: 0% 1px; background-size: 0% 1px; } .hover-ani-6 .p-url:hover { color: var(--title-hcolor, currentColor); -webkit-background-size: 100% 1px; background-size: 100% 1px; } @keyframes hover-ani-7 { 0% { background-size: 0% 5px; -webkit-background-size: 0% 5px; } 50% { background-size: 100% 5px; -webkit-background-size: 100% 5px; background-position: bottom left; } 51% { background-size: 100% 5px; -webkit-background-size: 100% 5px; background-position: bottom right; } 100% { background-size: 0% 5px; -webkit-background-size: 0% 5px; background-position: bottom right; } } .hover-ani-7 .p-url { background-image: -webkit-gradient(linear, left top, left bottom, from(var(--title-e-hcolor, var(--g-color))), to(var(--title-e-hcolor, var(--g-color)))); background-image: linear-gradient(var(--title-e-hcolor, var(--g-color)), var(--title-e-hcolor, var(--g-color))); background-repeat: no-repeat; background-position: bottom left; -webkit-background-size: 0% 5px; background-size: 0% 5px; } .hover-ani-7 .p-url:hover { animation: hover-ani-7 1.5s ease; color: var(--title-hcolor, currentColor); } .hover-ani-8 .p-url { -webkit-transition: opacity .2s var(--timing); transition: opacity .2s var(--timing); opacity: 1; } .hover-ani-8 .p-url:hover { opacity: .5; color: var(--title-hcolor, currentColor); } .bookmark-notification { position: fixed; z-index: 5000; right: 0; bottom: 50px; left: calc(50% - 200px); display: none; width: 100%; max-width: 400px; padding: 0 20px; text-align: center; } .bookmark-notification-inner { display: inline-flex; overflow: hidden; align-items: stretch; flex-flow: row nowrap; border-radius: var(--round-7); background-color: var(--solid-white); box-shadow: 0 4px 30px var(--shadow-12); } .remove-info, .follow-info { font-size: var(--meta-fsize); align-items: center; justify-content: center; padding: 20px 30px; } .follow-desc span { color: #649f74; } .follow-info strong { font-size: 1.1em; margin-left: 7px; } .bookmark-limited .bookmark-desc { font-size: var(--rem-small); margin-top: 0; text-align: center; color: #fff; } .bookmark-featured { position: relative; flex-shrink: 0; width: 100px; } .bookmark-featured img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bookmark-inner { display: flex; flex-flow: column nowrap; flex-grow: 1; padding: 15px; } .bookmark-title { display: inline-block; overflow: hidden; max-width: 235px; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #649f74; } .bookmark-desc { font-size: var(--rem-mini); line-height: 1.5; display: block; margin-top: 5px; text-align: left; color: var(--meta-fcolor); } .bookmark-remove-holder { font-size: var(--rem-mini); align-items: center; padding: 15px 20px; } .bookmark-undo { margin-left: auto; -webkit-transition: var(--effect); transition: var(--effect); color: #649f74; } .removed .bookmark-title, .removed .follow-desc span { color: #ff7142; } .bookmark-undo:hover { text-decoration: underline; } .bookmark-remove-holder p { font-size: var(--rem-mini); } .p-category { font-family: inherit; font-weight: inherit; font-style: inherit; line-height: 1; position: relative; z-index: 1; display: inline-flex; color: var(--cat-fcolor, inherit); } .ecat-bg-1 .p-category, .ecat-bg-2 .p-category, .ecat-bg-3 .p-category { padding: .7em 1.2em; -webkit-transition: all .2s var(--timing); transition: all .2s var(--timing); text-decoration: none; color: var(--cat-fcolor, var(--awhite)); } .ecat-border .p-category { padding: .6em 1.1em; -webkit-transition: all .2s var(--timing); transition: all .2s var(--timing); text-decoration: none; color: var(--cat-highlight, var(--g-color)); border: 1px solid var(--cat-fcolor, var(--cat-highlight, var(--g-color))); border-radius: 999px; } .ecat-bg-3 .p-category { padding-right: 1.5em; padding-left: 1.5em; border-radius: 100px; background-color: var(--cat-highlight, var(--g-color)); } .ecat-bg-4 .p-category { padding: min(.3em, 5px) min(.7em, 12px); -webkit-transition: all .2s var(--timing); transition: all .2s var(--timing); text-decoration: none; color: var(--cat-fcolor, var(--awhite)); border-radius: var(--round-3); background-color: var(--cat-highlight, var(--g-color)); } .ecat-bg-3 .post-edit-link { right: auto; left: 10px; } .ecat-bg-1 .p-category:before, .ecat-bg-2 .p-category:before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ''; -webkit-transition: box-shadow .2s var(--timing); transition: box-shadow .2s var(--timing); border-radius: var(--round-3); background-color: var(--cat-highlight, var(--g-color)); } .ecat-bg-1 .p-category:before { -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .ecat-text .p-category { line-height: inherit; display: inline-flex; align-items: center; flex-flow: row nowrap; -webkit-transition: var(--effect); transition: var(--effect); color: var(--cat-highlight, inherit); } .ecat-text .p-categories { line-height: 1.5; } .ecat-text .p-category:not(:first-child):before { display: inline-flex; justify-content: center; width: 1px; height: 8px; max-height: 1em; margin-right: 7px; content: ''; -webkit-transform: skewX(-15deg); transform: skewX(-15deg); opacity: .3; background-color: var(--meta-fcolor); } [data-theme='dark'] .ecat-border .p-category, .light-scheme .ecat-border .p-category, .light-scheme.ecat-border .p-category, [data-theme='dark'] .ecat-l-dot .p-category, .light-scheme .ecat-l-dot .p-category, .light-scheme.ecat-l-dot .p-category, [data-theme='dark'] .ecat-b-border .p-category, .light-scheme .ecat-b-border .p-category, .light-scheme.ecat-b-border .p-category, [data-theme='dark'] .ecat-text .p-category, .light-scheme .ecat-text .p-category, .light-scheme.ecat-text .p-category { color: var(--awhite); text-shadow: 0 1px 1px var(--shadow-7); } .ecat-text .p-categories { gap: 7px; } .ecat-b-dotted .p-categories, .ecat-b-border .p-categories { gap: 10px 7px; } .ecat-l-dot .p-categories { gap: 12px; } .ecat-l-dot .p-category:before { display: inline-flex; width: 1em; height: 1em; margin-right: 7px; content: ''; border-radius: 50%; background-color: var(--cat-highlight, var(--g-color)); } .ecat-l-dot .p-category { -webkit-transition: var(--effect); transition: var(--effect); vertical-align: middle; text-decoration: underline dotted transparent; text-shadow: none !important; } .ecat-l-dot .p-category:hover { text-decoration-color: var(--cat-highlight, currentColor); } .ecat-b-dotted .p-category { -webkit-transition: var(--effect); transition: var(--effect); border-bottom: 3px dotted var(--cat-highlight, var(--g-color)); } .ecat-b-border .p-category:before { position: absolute; z-index: -1; bottom: 0; left: 0; display: block; width: 100%; height: 5px; content: ''; -webkit-transition: var(--effect); transition: var(--effect); opacity: .6; background-color: var(--cat-highlight, var(--g-color)); } .ecat-b-border .p-category:hover:before { height: 1px; opacity: 1; } .ecat-text .p-format-inline .p-format, .ecat-b-border .p-format-inline .p-format, .ecat-b-dotted .p-format-inline .p-format, .ecat-l-dot .p-format-inline .p-format { color: var(--video-color); background-color: transparent; } .ecat-b-text .p-format-inline .p-format.format-gallery, .ecat-b-border .p-format-inline .p-format.format-gallery, .ecat-b-dotted .p-format-inline .p-format.format-gallery, .ecat-l-dot .p-format-inline .p-format.format-gallery { color: var(--gallery-color); } .ecat-b-text .p-format-inline .p-format.format-audio, .ecat-b-border .p-format-inline .p-format.format-audio, .ecat-b-dotted .p-format-inline .p-format.format-audio, .ecat-l-dot .p-format-inline .p-format.format-audio { color: var(--audio-color); } .feat-holder .p-top { position: absolute; z-index: 20; right: 12px; bottom: 10px; left: 12px; margin-bottom: 0; } .p-box .feat-holder .p-top { right: var(--box-spacing, 12px); left: var(--box-spacing, 12px); } .ecat-bg-1 .feat-holder .p-top { top: auto; right: 0; bottom: -2px; left: 0; margin-bottom: 0; } .ecat-bg-1 .p-box .feat-holder .p-top { right: var(--box-spacing, 0); left: var(--box-spacing, 0); } .ecat-bg-2 .feat-holder .p-top { top: auto; right: 7px; bottom: -2px; left: 7px; margin-bottom: 0; } .ecat-bg-2 .p-box .feat-holder .p-top { right: var(--box-spacing, 7px); left: var(--box-spacing, 7px); } .ecat-bg-3 .feat-holder .p-top { position: absolute; z-index: 10; top: 10px; right: 10px; bottom: auto; left: auto; justify-content: flex-end; width: auto; margin-bottom: 0; } .ecat-bg-4 .feat-holder .p-top { top: auto; right: 0; bottom: 0; left: 0; } .ecat-bg-4 .p-box .feat-holder .p-top { right: var(--box-spacing, 0); left: var(--box-spacing, 0); } .ecat-bg-1 .p-grid-1 .feat-holder, .ecat-bg-2 .p-grid-1 .feat-holder, .ecat-bg-1 .p-grid-box-1 .feat-holder, .ecat-bg-2 .p-grid-box-1 .feat-holder, .ecat-bg-1 .p-grid-small-1 .feat-holder, .ecat-bg-2 .p-grid-small-1 .feat-holder { padding-bottom: 4px; } .ecat-text .p-category:hover, .ecat-border .p-category:hover { opacity: .7; } .ecat-b-dotted .p-category:hover { color: var(--cat-highlight, var(--g-color)); } .is-p-protected a:before { font-family: var(--cat-family); font-size: var(--cat-fsize); font-weight: var(--cat-fweight); font-style: var(--cat-fstyle); line-height: 1; display: none; margin-right: 5px; padding: 3px 8px; content: ''; vertical-align: .25em; text-decoration: none; color: var(--awhite); border-radius: var(--round-3); background-color: var(--g-color); } .exclusive-style-border .is-p-protected a:before { color: inherit; border: 1px solid var(--g-color); border-radius: var(--round-3); background: none; } .exclusive-style-text .is-p-protected a:before { font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; display: inline; margin-right: .3em; padding: 0; vertical-align: inherit; text-decoration: inherit; text-transform: inherit; color: var(--g-color); border-radius: 0; background: none; } .p-format { line-height: 1; position: static; pointer-events: none; color: var(--awhite); border-bottom-left-radius: var(--round-3); background-color: var(--video-color); } .p-grid-small-1 .counter-el:before { font-size: var(--counter-size, 1.5em); position: relative; display: inline-flex; min-width: 0; margin-right: 5px; opacity: 1; color: var(--g-color); } .p-list-small-2 { display: flex; flex-flow: row nowrap; } .is-feat-right .p-list-small-2 .counter-el:before { right: auto; left: 0; } .p-list-small-2 .feat-holder { flex-shrink: 0; width: 100px; margin-right: var(--featured-spacing, 15px); } .p-list-small-2 .p-content { flex-grow: 1; } .p-list-small-2 .p-format i { -webkit-transform: scale(.83); transform: scale(.83); } .p-wrap.p-list-small-2 .feat-holder, .p-wrap.p-list-small-2 .p-meta { margin-bottom: 0; } .is-feat-right .p-wrap { flex-direction: row-reverse; } .is-feat-right .p-list-small-2 .feat-holder { margin-right: 0; margin-left: var(--featured-spacing, 15px); } .p-list-small-3 .p-featured { border-radius: 50%; } .p-list-small-3 { align-items: center; } .list-holder { display: flex; align-items: center; flex-flow: row wrap; margin-right: var(--list-holder-margin, -15px); margin-left: var(--list-holder-margin, -15px); } .list-holder > * { flex-grow: 1; width: 100%; max-width: 100%; padding-right: var(--list-holder-spacing, 15px); padding-left: var(--list-holder-spacing, 15px); } .p-vtop .list-holder { align-items: flex-start; } .p-middle .list-holder { align-items: center; } .p-vbottom .list-holder { align-items: flex-end; } .sponsor-link { line-height: 1; display: flex; align-items: center; flex-flow: row wrap; flex-grow: 1; gap: 5px; } .sponsor-icon { display: flex; align-items: center; flex-flow: row nowrap; } .sponsor-label { white-space: nowrap; } .sponsor-logo .sponsor-label, .sponsor-brand-text { color: var(--sponsor-color, var(--g-color)); } .sponsor-icon i { font-size: 1.15em; } .sponsor-meta { position: relative; display: flex; align-items: center; flex-flow: row nowrap; } .p-center .sponsor-inner, .p-center .p-teaser { justify-content: center; } .sponsor-meta .sponsor-link { display: flex; align-items: center; } .sponsor-meta img { width: auto; height: auto; max-height: 1.8em; } .p-small .sponsor-meta img { max-height: 1.4em; } .s-title-sticky { display: none; align-items: center; flex-flow: row nowrap; flex-grow: 1; max-width: 100%; margin-left: 10px; color: var(--nav-color); } .s-title-sticky-left { display: flex; align-items: center; flex-flow: row nowrap; flex-grow: 1; padding-right: 10px; } .sticky-share-list { display: flex; align-items: center; flex-flow: row nowrap; flex-shrink: 0; height: 100%; margin-right: 0; margin-left: auto; padding-right: 5px; padding-left: 5px; } .sticky-share-list .t-shared-header { opacity: .5; } .sticky-title-label { font-size: var(--em-small); line-height: 1; margin-right: 7px; text-transform: uppercase; opacity: .5; } .sticky-title { line-height: var(--nav-height, inherit); display: block; overflow: hidden; width: 100%; max-width: 600px; white-space: nowrap; text-overflow: ellipsis; } .t-shared-header { font-size: var(--em-mini); display: inline-flex; margin-right: 7px; white-space: nowrap; gap: 5px; } .sticky-share-list-items { align-items: center; height: 100%; } .sticky-share-list-buffer { display: none; } /* ----------------- 7 - Post Modules ----------------- */ .p-list-inline { display: flex; width: 100%; } .p-list-inline i { font-size: var(--em-small); display: inline; margin-right: .3em; -webkit-transition: var(--effect); transition: var(--effect); vertical-align: middle; } .p-list-inline .entry-title:hover i { color: var(--g-color); border-radius: 50%; background-color: var(--g-color); } [data-theme='dark'] .p-list-inline .entry-title:hover i, .light-scheme .p-list-inline .entry-title:hover i { color: var(--awhite); background-color: var(--awhite); } .overlay-holder { position: relative; overflow: clip; border-radius: var(--wrap-border, var(--round-3)); } .is-inner-boxed .overlay-holder { overflow: visible; } .is-inner-boxed .p-featured img { border-radius: var(--wrap-border, var(--round-3)); } .p-center .p-wrap { text-align: center; } .p-center .p-top { justify-content: center; } .p-center .review-meta-inner { justify-content: center; padding-right: 0; padding-left: 0; } .p-center .rb-bookmark { position: relative; margin-left: 7px; } .p-middle .p-small { align-items: center; } .p-middle [class*='p-overlay-'] .overlay-wrap { align-items: center; } .p-middle [class*='p-overlay-'] .overlay-inner { height: auto; } .p-bg-overlay .overlay-wrap:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; content: ''; opacity: .7; background-color: var(--dark-accent); } .p-vtop [class*='p-overlay-'] .overlay-wrap { align-items: flex-start; } .p-classic-1 > *:not(.feat-holder), .p-classic-1 .p-top { max-width: var(--content-width, 100%); margin-right: auto; margin-left: auto; } body:not([data-theme='dark']) .dark-overlay-scheme { --dark-accent: var(--awhite); --dark-accent-0: #ffffff00; --dark-accent-90: #fffffff2; } .p-teaser { display: flex; flex-flow: row nowrap; max-width: 100%; gap: var(--teaser-gap, 5px); } .teaser-item { position: relative; display: flex; overflow: hidden; width: 100%; max-width: calc(100% / var(--teaser-col, 3)); border-radius: var(--wrap-border, var(--round-3)); } .teaser-item:before { display: block; width: 100%; padding-bottom: calc(var(--teaser-ratio, 80) * 1%); content: ''; } .teaser-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: var(--effect); transition: var(--effect); object-fit: cover; } a.p-teaser img:hover { opacity: .7; } /* ----------------- 8 - Blocks ----------------- */ .block-wrap { position: relative; display: block; counter-reset: trend-counter; } .block-overlay { --bottom-spacing: 15px; } .block-small { --bottom-spacing: 25px; } .meta-s-none { --meta-style-w: 0; --meta-style-h: 0; --meta-style-o: 0; } .meta-s-line { --meta-style-w: 1.5em; --meta-style-h: 1px; --meta-style-o: 1; } .meta-s-gray-line { --meta-style-w: 1.5em; --meta-style-h: 1px; --meta-style-o: .3; } .meta-s-gray-dot { --meta-style-w: 4px; --meta-style-h: 4px; --meta-style-o: .5; --meta-style-b: 100%; } .meta-s-dot { --meta-style-w: 2px; --meta-style-h: 2px; --meta-style-o: 1; --meta-style-b: 100%; } .meta-s-wrap { --meta-style-w: 0; --meta-width: 100%; --avatar-size: 1.4em; } .block-wrap .rb-error { padding: 20px; text-align: center; color: var(--meta-fcolor); } .bottom-border .block-inner > * { padding-bottom: var(--bottom-spacing); } .bottom-border .pagination-wrap { padding-top: calc(var(--bottom-spacing, 0) / 2); } .bottom-border .block-inner > *:before { position: absolute; top: auto; right: var(--column-gap, 0); bottom: 0; left: var(--column-gap, 0); height: 1px; content: ''; pointer-events: none; border-bottom: 1px var(--bottom-border-style, solid) var(--bottom-border-color); } .bottom-border.no-last-bb .block-inner > *:last-child:before { border-bottom: none; } .bottom-border.no-last-bb .block-inner > *:last-child { padding-bottom: 0; } .last-featured .block-inner { align-items: flex-start; } .is-border-dark { --column-border-color: currentColor; } .is-b-border-dark { --bottom-border-color: currentColor; } .is-border-gray-dot { --column-border-style: dotted; } .is-b-border-gray-dot { --bottom-border-style: dotted; } .is-border-dark-dot { --column-border-color: currentColor; --column-border-style: dotted; } .is-b-border-dark-dot { --bottom-border-color: currentColor; --bottom-border-style: dotted; } .is-border-gray-dash { --column-border-style: dashed; } .is-b-border-gray-dash { --bottom-border-style: dashed; } .is-border-dark-dash { --column-border-color: currentColor; --column-border-style: dashed; } .is-b-border-dark-dash { --bottom-border-color: currentColor; --bottom-border-style: dashed; } .rb-error a { text-decoration: underline; } .rb-error a:hover { color: var(--g-color); } .scroll-holder { scrollbar-color: var(--shadow-7) var(--flex-gray-15); scrollbar-width: thin; } .short-pagination .pagination-nextprev { justify-content: flex-start; margin-top: calc(var(--bottom-spacing) / 2 + 10px); } .short-pagination .pagination-nextprev a > span { display: none; } .short-pagination .pagination-nextprev > *:first-child { margin-right: 5px } .pagination-nextprev > * { justify-content: center; min-width: 135px; } .short-pagination .pagination-nextprev > * { min-width: 0; } .short-pagination .pagination-trigger { padding: 0 10px; } .scroll-holder::-webkit-scrollbar { width: 5px; -webkit-border-radius: var(--round-7); border-radius: var(--round-7); background: var(--flex-gray-7); } .scroll-holder::-webkit-scrollbar-thumb { -webkit-border-radius: var(--round-7); border-radius: var(--round-7); background-color: var(--flex-gray-15); } .scroll-holder::-webkit-scrollbar-corner { -webkit-border-radius: var(--round-7); border-radius: var(--round-7); background-color: var(--flex-gray-15); } .post-carousel { display: flex; flex-flow: column nowrap; } .slider-footer { display: flex; align-items: center; justify-content: center; margin-top: 10px; } .slider-footer > * { display: inline-flex; align-items: center; min-height: 10px; padding: 0 4px; } .slider-footer .rbi { font-size: var(--nav-size, 18px); -webkit-transition: var(--effect); transition: var(--effect); } .post-slider { --slider-nav-dcolor: #fff; } .dark-overlay-scheme .post-slider { --slider-nav-dcolor: var(--body-fcolor); } .post-slider .slider-prev, .post-slider .slider-next { font-size: var(--nav-size, 1.75rem); position: absolute; z-index: 10; top: 50%; right: auto; left: 0; display: flex; align-items: center; justify-content: center; width: 2em; min-width: 60px; height: 2em; min-height: 60px; margin-top: -30px; -webkit-transition: var(--effect); transition: var(--effect); } .post-slider .slider-next { right: 0; left: auto; } .block-wrap .slider-prev, .block-wrap .slider-next, .block-wrap .swiper-pagination-bullet { color: var(--slider-nav-color, var(--slider-nav-dcolor)); } .block-wrap .swiper-pagination-bullet:hover, .block-wrap .slider-prev:hover, .block-wrap .slider-next:hover { color: var(--g-color); } .block-hrc { --bottom-spacing: 7px; } .block-hrc:not(.hrc-3) .p-wrap:first-child, .hrc-3 .p-content { padding-bottom: var(--bottom-spacing); border-bottom: 1px solid var(--flex-gray-15); } .hrc-3 .p-content { margin-bottom: var(--bottom-spacing); } .hrc-col .p-wrap { display: block; width: 100%; } .yt-playlist { overflow: hidden; align-items: stretch; border-radius: var(--round-7); gap: 0; } .iframe-holder { position: relative; display: block; overflow: hidden; width: 100%; height: 0; padding-bottom: 56.25%; background-color: var(--shadow-7); } .yt-playlist .iframe-holder { background-color: var(--dark-accent); } .iframe-holder iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; } .plist-items-inner { position: relative; height: 100%; background-color: var(--dark-accent); } .plist-holder { position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; padding-top: 80px; } .plist-item { display: flex; flex-flow: row nowrap; width: 100%; padding: 10px 20px; } .plist-item:hover { background-color: var(--shadow-7); } .plist-item-thumb { flex-shrink: 0; width: 90px; margin-right: 12px; } span.plist-item-title { line-height: 1.5; display: block; } .play-panel { position: absolute; z-index: 99; top: 0; right: 0; left: 0; display: flex; align-items: stretch; flex-flow: row nowrap; background-color: var(--dark-accent); box-shadow: 0 4px 10px var(--shadow-7); } .yt-trigger { position: relative; display: flex; flex-grow: 0; flex-shrink: 0; width: 70px; margin-right: 0; margin-left: auto; cursor: pointer; -webkit-transition: var(--effect); transition: var(--effect); -webkit-transform: none !important; transform: none !important; background-color: var(--g-color); } .yt-trigger-icons { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; cursor: pointer; } .yt-trigger-icons svg { position: absolute; width: 30px; } .play-content { position: relative; overflow: hidden; flex-grow: 1; padding: 10px 12px; } .play-index { display: flex; margin-bottom: 7px; opacity: .5; } .index-info { margin-left: auto; } .play-title { display: block; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; } .is-playing .yt-trigger-icons .svg-pause { display: block; } .plist-meta { display: block; margin-top: 5px; opacity: .5; } .qlinks-inner { font-size: var(--rem-mini); display: flex; align-items: center; flex-flow: row wrap; max-width: 100%; list-style: none; gap: 5px var(--qlink-gap, 1em); } .qlink-label { margin-right: var(--label-spacing, 0px); color: var(--label-color, var(--meta-fcolor)); } .qlinks-heading, .qlink { display: inline-flex; align-items: center; list-style: none; white-space: nowrap; } .qlinks-heading { line-height: var(--h5-fheight, 1.5); } .yes-nowrap .qlinks-inner { overflow-x: auto; flex-flow: row nowrap; padding-top: 6px; padding-bottom: 6px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none; text-size-adjust: none; } .qlinks-scroll .qlinks-inner::-webkit-scrollbar { height: 6px; -webkit-border-radius: var(--round-7); border-radius: var(--round-7); background: var(--flex-gray-7); } .qlinks-scroll .qlinks-inner::-webkit-scrollbar-thumb { -webkit-border-radius: var(--round-7); border-radius: var(--round-7); background-color: var(--flex-gray-40); } .qlinks-scroll .qlinks-inner::-webkit-scrollbar-corner { -webkit-border-radius: var(--round-7); border-radius: var(--round-7); background-color: var(--flex-gray-40); } .is-divider-hyphen .qlink:after, .is-divider-pipe .qlink:after, .is-divider-slash .qlink:after { font-size: .7em; display: inline-flex; margin-left: var(--qlink-gap, 1em); content: '/'; color: var(--divider-color, currentColor); } .is-divider-pipe .qlink:after { content: '|'; } .is-divider-hyphen .qlink:after { font-size: 1em; content: '-'; } .is-divider-dot .qlink:after { display: inline-flex; width: 4px; height: 4px; margin-left: var(--qlink-gap, 1em); content: ''; border-radius: 50%; background-color: var(--divider-color, var(--g-color)); } .qlink a { display: inline-flex; align-items: center; -webkit-transition: var(--effect); transition: var(--effect); color: var(--qlink-color, inherit); gap: .2em; } .qlayout-1 .qlink a { text-decoration-color: transparent; text-decoration-line: underline; } .qlayout-3 .qlink a { text-decoration-color: currentColor; } [data-theme='dark'] .qlayout-1, [data-theme='dark'] .qlayout-3, [data-theme='dark'] .sub-cat-item a, .light-scheme.qlayout-1, .light-scheme.qlayout-3 { --g-color: var(--awhite); } .qlayout-1 .qlink a:hover, .sub-cat-item a:hover { text-decoration: underline; color: var(--g-color); } .qlayout-1.effect-dotted .qlink a:hover { text-decoration-style: dotted; } .qlayout-1.effect-color .qlink a:hover { text-decoration-color: transparent; } .qlayout-1.effect-double .qlink a:hover { text-decoration-style: double; } .qlayout-2 .qlink a { line-height: 1; padding: var(--qlink-padding, 4px 7px); color: var(--qlink-color, currentColor); border-radius: var(--round-3); background-color: var(--qlink-bg, var(--flex-gray-15)); } .qlayout-4 .qlink a { line-height: 1; padding: var(--qlink-padding, 4px 7px); color: var(--qlink-color, currentColor); border: 1px solid currentColor; border-radius: var(--round-3); } .yt-trigger-icons .svg-pause, .is-playing .yt-trigger-icons .svg-play, .block-qlinks .qlink.qlinks-heading:after, .block-qlinks .qlink:last-child:after, .breaking-news-prev { display: none; } .is-centered .taxonomy-description { margin-right: auto; margin-left: auto; } .breaking-news-heading { font-size: var(--em-mini); display: flex; align-items: center; margin-right: 10px; padding: 0 10px; white-space: nowrap; border-radius: var(--round-5); background-color: var(--solid-white); box-shadow: 0 2px 10px var(--shadow-7); } .breaking-news-heading i { width: 1em; margin-right: 4px; color: var(--g-color); } .block-breaking-news { display: flex; flex-flow: row nowrap; } .breaking-news-slider .swiper-slide { padding-right: 50px; } .breaking-news-title.entry-title { display: flex; align-items: center; height: 100%; margin-bottom: 0; -webkit-transition: opacity .5s var(--timing); transition: opacity .5s var(--timing); -webkit-transition-delay: .2s; transition-delay: .2s; opacity: 0; } .breaking-news-title.entry-title a { line-height: 1.7; display: inline-block; overflow: hidden; max-width: 100%; margin-bottom: 0; white-space: nowrap; text-overflow: ellipsis; } .swiper-slide-active .breaking-news-title.entry-title { opacity: 1 } .breaking-news-nav { font-size: 13px; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: space-around; width: 42px; height: 100%; } .breaking-news-nav > * { line-height: 1; cursor: pointer; -webkit-transition: var(--effect); transition: var(--effect); opacity: .3; } .breaking-news-nav > *:hover { opacity: 1; color: var(--g-color); } .newsletter-box, .newsletter-sb { position: relative; overflow: clip; border-radius: var(--round-7); } .newsletter-box-bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; object-fit: cover; object-position: center; } .newsletter-inner { position: relative; z-index: 2; display: flex; align-items: center; flex-flow: column nowrap; flex-grow: 1; justify-content: var(--nl-align, center); max-width: 100%; padding: 20px; text-align: var(--nl-align, center); column-gap: var(--inner-gap, 3%); row-gap: 20px; } .newsletter-box-2 .newsletter-inner > * { max-width: 660px; } .is-box-shadow .box-inner, .newsletter-style.is-box-shadow { box-shadow: 0 0 30px var(--shadow-7); } .is-box-gray .box-inner, .newsletter-style.is-box-gray { border: 1px solid var(--flex-gray-15); } .is-box-gray-dot .box-inner, .newsletter-style.is-box-gray-dot { border: 1px dotted var(--flex-gray-15); } .is-box-gray-dash .box-inner, .newsletter-style.is-box-gray-dash { border: 2px dashed var(--flex-gray-15); } .is-box-dark .box-inner, .newsletter-style.is-box-dark { border: 1px solid currentColor; } .is-box-dark-dot .box-inner, .newsletter-style.is-box-dark-dot { border: 1px dotted currentColor; } .is-box-dark-dash .box-inner { border: 1px dashed currentColor; } .newsletter-style.is-box-dark-dash { border: 2px dashed currentColor; } .single .s-ct .newsletter-box.newsletter-style { border: none; box-shadow: none; } .newsletter-content { display: flex; flex-flow: column nowrap; gap: 10px; } .newsletter-featured img { max-width: var(--nl-feat-w, 100%); } .newsletter-form { flex-grow: 1; width: 100%; } .newsletter-box-1 .newsletter-featured { flex: 0 0 var(--nl-feat-w, 15%); flex-shrink: 0; max-width: var(--nl-feat-w, 15%); } .newsletter-form input[type='text'], .newsletter-form input[type='email'] { font-weight: 700; } .newsletter-form input[type='text']::placeholder, .newsletter-form input[type='email']::placeholder { font-weight: var(--input-fweight); opacity: .7; color: var(--mc-input-color, inherit); } .newsletter-description { font-size: var(--rem-small); color: var(--mc-desc-color, inherit); } .newsletter-sb .newsletter-inner { gap: 15px; } .newsletter-sb .mc4wp-form-fields > * { flex-flow: row wrap; justify-content: var(--nl-align, center); } .newsletter-sb .mc4wp-form-fields input[type='submit'] { margin-top: 5px; margin-left: 0; } .newsletter-box-1 .newsletter-inner, .c-align-left .newsletter-inner { align-items: flex-start; --nl-align: left; } .c-align-right .newsletter-inner { align-items: flex-end; --nl-align: right; } .submit-layout-2 .mc4wp-form-fields > *:not(.agree-to-terms) { flex-flow: row wrap; justify-content: center; row-gap: var(--mc-btn-margin, 12px); } .submit-layout-2 input[type='submit'] { line-height: 1; margin-left: 0; padding: var(--mc-btn-padding, 1em); } .submit-layout-2 .newsletter-box-1 input[type='submit'] { width: 100%; } .heading-inner { position: relative; display: flex; align-items: center; flex-flow: row nowrap; width: 100%; column-gap: 10px; } .heading-layout-c1 .heading-inner, .heading-layout-c2 .heading-inner, .heading-layout-c6 .heading-inner, .heading-layout-c7 .heading-inner, .heading-layout-c9 .heading-inner, .heading-layout-c13 .heading-inner { justify-content: center; } .heading-title > * { position: relative; z-index: 1; color: var(--heading-color, inherit); } .heading-title a { -webkit-transition: var(--effect); transition: var(--effect); } .heading-title a:hover { opacity: .7; } .heading-tagline { line-height: 1; display: flex; align-items: center; flex-flow: row nowrap; margin-left: auto; color: var(--heading-tagline-color, inherit); } .heading-tagline a, .heading-tagline i { -webkit-transition: var(--effect); transition: var(--effect); } .heading-tagline a:hover, .heading-tagline a:hover + i { opacity: .7; } .heading-tagline-icon { margin-left: 4px; } [class *='heading-layout-c'] .heading-inner { flex-flow: row wrap; text-align: center; } [class *='heading-layout-c'] .heading-tagline { justify-content: center; width: 100%; margin-top: var(--heading-tagline-margin, 12px); margin-right: auto; } .heading-layout-2 .heading-title:before, .heading-layout-c2 .heading-title:before, .heading-layout-c2 .heading-title:after { display: inline-flex; width: .6em; height: .6em; margin-right: var(--heading-spacing, 7px); content: ''; border-radius: 50%; background-color: var(--heading-sub-color, currentColor); } .heading-layout-c2 .heading-title:after { margin-right: 0; margin-left: var(--heading-spacing, 5px); } .heading-layout-3 .heading-inner, .heading-layout-c3 .heading-inner { border-bottom: 1px solid var(--flex-gray-15); } .heading-layout-c3 .heading-inner { padding-bottom: 15px; } .heading-layout-c3 .heading-inner:before { position: absolute; bottom: 0; left: 50%; width: 120px; margin-left: -60px; content: ''; border-bottom: 5px solid var(--heading-sub-color); } .heading-layout-c4 .heading-title, .heading-layout-c5 .heading-title, .heading-layout-c14 .heading-title, .heading-layout-c15 .heading-title { width: 100%; text-align: center; } .heading-layout-3 .heading-title > * { display: inline-flex; padding-bottom: var(--heading-spacing, 10px); border-bottom: 5px solid var(--heading-sub-color); } .heading-layout-c3 .heading-title { width: 100%; } .heading-layout-4 .heading-inner, .heading-layout-c4 .heading-inner { padding-bottom: var(--heading-spacing, 10px); border-bottom: 4px solid var(--heading-sub-color, currentColor); } .heading-layout-4 .heading-inner:before, .heading-layout-c4 .heading-inner:before { position: absolute; top: auto; right: 0; bottom: 2px; left: 0; display: block; content: ''; border-bottom: 2px solid var(--heading-sub-color, currentColor); } .heading-layout-1 .heading-title, .heading-layout-c1 .heading-title { line-height: 1; position: relative; display: inline-flex; padding: 0 var(--heading-spacing, 12px); backface-visibility: hidden; } .heading-layout-6 .heading-title, .heading-layout-c6 .heading-title { line-height: 1; position: relative; display: inline-flex; padding: 0 12px; backface-visibility: hidden; } .heading-layout-1 .heading-title:after, .heading-layout-c1 .heading-title:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; -webkit-transform: skewX(-15deg); transform: skewX(-15deg); border-right: 3px solid var(--heading-sub-color); border-left: 3px solid var(--heading-sub-color); } .heading-layout-5 .heading-inner { width: 100%; padding-top: var(--heading-spacing, 7px); border-top: 5px solid var(--heading-sub-color); } .heading-layout-14 .heading-inner { width: 100%; padding-top: var(--heading-spacing, 7px); border-top: 1px solid var(--heading-sub-color); } .heading-layout-15 .heading-inner { width: 100%; padding-top: var(--heading-spacing, 7px); padding-bottom: var(--heading-spacing, 7px); border-top: 1px solid var(--heading-sub-color); border-bottom: 1px solid var(--heading-sub-color); } .heading-layout-c5 .heading-inner { width: 100%; padding-top: var(--heading-spacing, 10px); border-top: 5px solid var(--heading-sub-color); } .heading-layout-c14 .heading-inner { width: 100%; padding-top: var(--heading-spacing, 10px); border-top: 1px solid var(--heading-sub-color); } .heading-layout-c15 .heading-inner { width: 100%; padding-top: var(--heading-spacing, 10px); padding-bottom: var(--heading-spacing, 10px); border-top: 1px solid var(--heading-sub-color); border-bottom: 1px solid var(--heading-sub-color); } .heading-layout-6, .heading-layout-c6, .heading-layout-13, .heading-layout-c13, .heading-layout-16 { --heading-color: var(--awhite); } .heading-layout-6 .heading-title > *, .heading-layout-c6 .heading-title > *, .heading-layout-13 .heading-title > *, .heading-layout-c13 .heading-title > * { position: relative; z-index: 1; display: block; padding: 5px var(--heading-spacing, 20px); } .heading-layout-6 .heading-title > *:after, .heading-layout-c6 .heading-title > *:after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: ''; -webkit-transform: skewX(-20deg); transform: skewX(-20deg); border-radius: var(--round-5); background-color: var(--heading-sub-color); } .heading-layout-13 .heading-title > *:after, .heading-layout-c13 .heading-title > *:after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: ''; border-radius: var(--round-3); background-color: var(--heading-sub-color); } .heading-layout-7 .heading-title > * { line-height: 1; display: inline-flex; padding-left: var(--heading-spacing, 7px); border-left: 7px solid var(--heading-sub-color); } .heading-layout-c7 .heading-title > *:before, .heading-layout-c7 .heading-title > *:after { display: inline-flex; width: 10px; height: 10px; margin-right: var(--heading-spacing, 10px); content: ''; background-color: var(--heading-sub-color); } .heading-layout-c7 .heading-title > *:after { margin-right: 0; margin-left: var(--heading-spacing, 10px); } .heading-layout-8 .heading-title > * { display: inline-flex; padding-left: var(--heading-spacing, 15px); } .heading-layout-8 .heading-title > *:before { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; display: block; width: 50%; content: ''; opacity: .5; background-color: var(--heading-sub-color, currentColor); } .heading-layout-c8 .heading-title { position: relative; display: inline-flex; margin-right: auto; margin-left: auto; } .heading-layout-c8 .heading-title:before, .heading-layout-c8 .heading-title:after { position: absolute; top: 50%; right: calc(100% + 10px); left: auto; width: 60px; height: 2px; margin-top: -1px; content: ''; background-color: var(--heading-sub-color, currentColor); } .heading-layout-c8 .heading-title:after { right: auto; left: calc(100% + 10px); } .heading-layout-9 .heading-title, .heading-layout-c9 .heading-title { position: relative; display: inline-flex; padding: 0 var(--heading-spacing, 20px); } .heading-layout-9 .heading-title:before, .heading-layout-c9 .heading-title:before { position: absolute; top: 0; right: auto; bottom: auto; left: 0; width: 7px; height: 7px; content: ''; pointer-events: none; opacity: .5; border-top: 2px solid var(--heading-sub-color); border-left: 2px solid var(--heading-sub-color); } .heading-layout-9 .heading-title:after, .heading-layout-c9 .heading-title:after { position: absolute; top: auto; right: 0; bottom: 0; left: auto; width: 7px; height: 7px; content: ''; pointer-events: none; opacity: .5; border-right: 2px solid var(--heading-sub-color); border-bottom: 2px solid var(--heading-sub-color); } .heading-layout-c10 .heading-title, .heading-layout-c11 .heading-title { display: flex; justify-content: center; width: 100%; } .heading-layout-11 .heading-tagline, .heading-layout-c11 .heading-tagline { font-size: 3em; line-height: 1; position: absolute; top: auto; bottom: -7px; left: 0; margin: 0; pointer-events: none; opacity: .12; } .heading-layout-12 .heading-title, .heading-layout-c12 .heading-title { display: flex; align-items: center; flex-flow: row nowrap; } .heading-layout-12 .heading-title > *:before, .heading-layout-c12 .heading-title > *:before { line-height: 1; display: inline-flex; width: 1em; height: .6em; margin-right: var(--heading-spacing, 7px); content: ''; background-color: var(--heading-sub-color); } .heading-layout-c12 .heading-title { margin-right: auto; margin-left: auto; } .heading-layout-c12 .heading-title > *:after { line-height: 1; display: inline-flex; width: 1em; height: .6em; margin-left: var(--heading-spacing, 7px); content: ''; background-color: var(--heading-sub-color); } .heading-layout-12 .heading-inner, .heading-layout-c12 .heading-inner { width: 100%; padding-bottom: var(--heading-spacing, 7px); border-bottom: 5px solid var(--heading-color); } .heading-layout-c12 .heading-inner { padding-bottom: var(--heading-spacing, 12px); } .heading-layout-16 .heading-title > * { line-height: 1; position: relative; z-index: 1; display: block; padding: max(.25em, 5px) var(--heading-spacing, 20px); } .heading-layout-16 .heading-title > *:after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: ''; background-color: var(--heading-sub-color); } .heading-layout-16 .heading-title > *:before { position: absolute; top: 0; bottom: 0; left: calc(100% - .001em); display: block; height: 100%; content: ''; border-width: calc(1em + 10px) 0 0 16px; border-style: solid; border-color: transparent transparent transparent var(--heading-sub-color); } .heading-layout-16 .heading-inner { border-bottom: 2px solid var(--heading-sub-color); } .heading-layout-17 .heading-title, .heading-layout-18 .heading-title, .heading-layout-20 .heading-title, .heading-layout-21 .heading-title, .heading-layout-22 .heading-title, .heading-layout-23 .heading-title { position: relative; display: flex; align-items: center; flex-flow: row nowrap; flex-grow: 1; } .heading-layout-17 .heading-title:after { display: inline-flex; flex-grow: 1; margin-left: var(--heading-spacing, 10px); content: ''; border-bottom: 2px solid var(--heading-sub-color); } .heading-layout-17 .heading-tagline { margin-left: var(--heading-spacing, 10px); } .heading-layout-18 .heading-title:after { display: inline-flex; flex-grow: 1; margin-left: var(--heading-spacing, 10px); content: ''; border-bottom: 7px dotted var(--heading-sub-color); } .heading-layout-18 .heading-tagline { margin-left: var(--heading-spacing, 10px); padding-bottom: 2px; border-bottom: 2px solid currentColor; } .heading-layout-19 .heading-inner { flex-flow: row wrap; } .heading-layout-19 .heading-tagline { width: 100%; margin-top: var(--heading-spacing, 15px); } .heading-layout-20 .heading-title > *, .heading-layout-21 .heading-title > * { position: relative; z-index: 1; display: block; padding: max(.25em, 5px) var(--heading-spacing, 20px); border: 1px solid var(--heading-sub-color); border-radius: var(--round-3); } .heading-layout-20 .heading-title:after, .heading-layout-21 .heading-title:after, .heading-layout-22 .heading-title:after { display: inline-flex; flex-grow: 1; content: ''; border-bottom: 1px solid var(--heading-sub-color); } .heading-layout-21 .heading-title > * { border-top-width: 5px; } .heading-layout-22 .heading-title > * { position: relative; z-index: 1; display: block; padding: max(.3em, 7px) var(--heading-spacing, 15px); border: 2px solid var(--heading-color, currentColor); border-radius: var(--round-3); box-shadow: -5px 5px 0 var(--heading-sub-color, var(--g-color)); } .heading-layout-22 .heading-title:after { border-width: 2px; border-color: var(--heading-color, currentColor); } .heading-layout-23 .heading-title::after { display: inline-flex; width: 15px; height: max(14px, .72em); margin-left: var(--heading-spacing, 10px); content: ''; -webkit-transform: skewX(-15deg); transform: skewX(-15deg); border-right: 4px solid var(--heading-sub-color); border-left: 7px solid var(--heading-sub-color); } /** footer slide up */ .f-slideup { position: fixed; z-index: 500; right: 0; bottom: 0; left: 0; -webkit-transition: -webkit-transform .4s var(--timing); transition: transform .4s var(--timing); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); will-change: transform; } .yes-f-slideup .f-slideup { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slideup-inner { position: relative; -webkit-transition: opacity .4s var(--timing); transition: opacity .4s var(--timing); pointer-events: none; opacity: 0; background-color: var(--slideup-bg, #88888888); } .slideup-toggle { position: absolute; top: auto; right: 65px; bottom: 100%; left: auto; display: block; padding: 3px 15px; -webkit-transition: var(--effect); transition: var(--effect); color: var(--slideup-icon-na-color, var(--awhite)); border-top-left-radius: var(--round-5); border-top-right-radius: var(--round-5); background-color: var(--slideup-icon-na-bg, var(--g-color)); } .yes-f-slideup .slideup-toggle { color: var(--slideup-icon-color, #fff); background-color: var(--slideup-bg, #88888888); } .slideup-toggle i { line-height: 1; display: block; -webkit-transition: var(--effect); transition: var(--effect); } .yes-f-slideup .slideup-toggle:hover i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .yes-f-slideup .slideup-inner { visibility: visible; pointer-events: auto; opacity: 1; } /** blocks */ .block-list-small-1 .scroll-holder { max-height: 410px; padding-right: 15px; } .cbox-inner { position: relative; display: block; overflow: hidden; -webkit-transition: var(--effect); transition: var(--effect); border-radius: var(--wrap-border, var(--round-7)); background-color: var(--flex-gray-7); } .cbox-inner:hover { box-shadow: 0 4px 10px var(--shadow-7); } .cbox-body { position: relative; z-index: 10; display: flex; align-items: center; flex-flow: row nowrap; flex-grow: 1; padding: 10px 15px; } .cbox-body > * { pointer-events: auto; } .cbox-2 .cbox-body:before { position: absolute; z-index: -1; top: -30px; right: 0; bottom: 0; left: 0; content: ''; pointer-events: none; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), var(--cbox-bg, var(--g-color-90))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, var(--cbox-bg, var(--g-color-90)) 100%); } .no-gradient .cbox-2 .cbox-body:before { background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .9)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .9) 100%); } .rb-follow { font-size: 12px; display: flex; visibility: hidden; align-items: center; flex-shrink: 0; justify-content: center; width: 34px; height: 34px; cursor: pointer; -webkit-transition: var(--effect); transition: var(--effect); pointer-events: none; border: 1px solid var(--flex-gray-15); border-radius: 50%; } .rb-bookmark.loaded, .rb-follow.loaded { visibility: visible; pointer-events: auto; } .elementor-editor-active .follow-trigger { opacity: 1; } .follow-trigger.in-progress i:before { display: inline-flex; -webkit-transform-origin: center; transform-origin: center; animation: reaction-spinner 1s linear infinite; pointer-events: none; } .follow-trigger.in-progress i:before { content: '\e942'; } .rb-follow i { line-height: 32px; width: 100%; height: 100%; -webkit-transition: var(--effect); transition: var(--effect); text-align: center; } .followed-icon, .followed i:not(.followed-icon) { display: none; } .followed i.followed-icon { display: block; } .cbox-content { flex-grow: 1; } .cbox-count { display: block; } .cbox-2 .cbox-count, .cbox-3 .cbox-count { color: var(--awhite); } .cbox-content > *:not(:last-child) { margin-bottom: 5px; } .cbox-featured { position: relative; display: block; overflow: hidden; width: 100%; } .category-feat, .menu-item span.category-feat { position: relative; display: block; padding-bottom: calc(var(--feat-ratio, 66) * 1%); background-color: var(--flex-gray-7); } .category-feat img { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .cbox-title > * { font-size: var(--ctitle-size, inherit); } .cbox-search .category-feat img { border-radius: min(10px, var(--round-5)); } .is-gap-none .cbox-title, .is-gap-none .cbox-count { padding-right: 10px; padding-left: 10px; } .cbox-follow .cbox-inner { display: flex; height: 100%; } .follow-redirect-wrap { display: flex; align-items: center; flex-grow: 1; justify-content: center; padding: 10px; } .follow-redirect { position: relative; display: flex; align-items: center; flex-flow: column nowrap; } .follow-redirect:before { position: absolute; top: 50%; left: 50%; display: block; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; content: ''; -webkit-transition: var(--effect); transition: var(--effect); -webkit-transform: scale(1); transform: scale(1); opacity: 0; border-radius: 50%; background-color: currentColor; } .follow-redirect:hover:before { -webkit-transform: scale(2); transform: scale(2); opacity: .1; } .cbox-center { margin-top: 5px; -webkit-transition: var(--effect); transition: var(--effect); -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); pointer-events: none; opacity: 0; } .cbox:hover .cbox-center { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .is-light.rb-follow, .light-scheme .rb-follow:not(:hover) { color: var(--awhite); border-color: var(--awhite); } .is-light.rb-follow:hover { opacity: .5; color: var(--awhite); border-color: var(--awhite); } .cbox-3 .cbox-overlay:before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; content: ''; pointer-events: none; opacity: .6; background-color: var(--cbox-bg, var(--g-color)); } .no-gradient .cbox-3 .cbox-overlay:before { background-color: rgba(0, 0, 0, .6); } .cbox-3 .cbox-body { align-items: flex-start; flex-flow: column nowrap; justify-content: space-between; width: 100%; height: 100%; padding: 20px; } .cbox-3 .cbox-body > * { width: 100%; } .cbox-3 .rb-follow { margin-left: auto; } .cbox-4 .rb-follow { position: absolute; z-index: 10; top: 20px; right: 20px; } .cbox-4 .cbox-body { padding: 25px 20px; } .block-categories-5 { --bottom-spacing: 12px; } .archive-header.is-centered, .block-loader, .heading-layout-c3 .heading-title, .text-center, .wp-block-image .aligncenter figcaption, .block-simple-gallery.p-center, .centered-header .single-header, .yes-center.yes-wrap .smeta-bottom, .yes-center.yes-minimal .smeta-bottom, .page-header-2.is-centered, .cbox-4 .cbox-content, .cbox-5 { text-align: center; } .cbox-5 .cbox-inner { background-color: transparent; } .cbox-5 .cbox-inner:hover { display: none; } .cbox-featured-holder { position: relative; margin-right: auto; margin-left: auto; } .cbox-5 .category-feat { overflow: hidden; padding-bottom: 100%; border-radius: 50%; } .cbox-5 > *:not(:last-child) { margin-bottom: var(--bottom-spacing); } .categories-6-inner { display: flex; flex-flow: row wrap; gap: var(--item-gap, 10px); } .cbox-6 { display: inline-flex; align-items: center; flex-flow: row nowrap; min-width: var(--cbox-width, 0); padding: 7px 15px; border: 1px solid var(--flex-gray-15); border-radius: var(--wrap-border, var(--round-7)); --feat-ratio: 100; gap: 12px; } .cbox-6 .cbox-featured-holder { overflow: hidden; width: var(--featured-width, 50px); border-radius: var(--featured-border, var(--round-7)); } .cbox-6 .cbox-title { margin-bottom: 2px; } .cbox-6 .rb-follow { margin-left: 25px; } .cbox-featured-holder .rb-follow { position: absolute; z-index: 1; top: 50%; left: 50%; display: inline-flex; margin-top: -17px; margin-left: -17px; text-shadow: 1px 2px 7px var(--flex-gray-15); } .cbox-search { display: flex; align-items: center; flex-flow: row nowrap; column-gap: 15px; } .cbox-search .cbox-featured-holder { width: min(25%, 120px); margin: 0; } .a-card-inner { display: flex; align-items: var(--card-items-align, center); flex-flow: row nowrap; height: 100%; padding: var(--inner-padding, 25px); border-radius: var(--wrap-border, var(--round-5)); } .a-card-1 .author-job { margin-top: 7px; text-align: center; } .a-card-2 .a-card-content { align-items: center; padding-right: 0; text-align: center; } .a-card-2 .rb-follow { font-size: 1rem; border: none; } .a-card-meta { display: flex; flex-flow: row nowrap; } .a-card-feat { display: flex; align-items: center; flex-flow: column nowrap; flex-shrink: 0; width: var(--featured-width, 100px); max-width: 100%; } .a-card-content { display: flex; flex-flow: column nowrap; flex-grow: 1; max-width: 100%; padding-right: 25px; row-gap: 10px; } .a-card-count:not(:first-child):before { margin-right: 5px; margin-left: 5px; content: '/'; } .a-card .rb-follow { margin-top: 5px; } .a-card-feat a { position: relative; width: 100%; padding-bottom: 100%; } .a-card-feat img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: var(--avatar-radius, 50%); object-fit: cover; } .block-covid-data svg.svg-virus { position: absolute; top: 0; right: 0; display: block; width: 70px; opacity: .07; } [data-theme='dark'] .block-covid-data svg, .light-scheme .block-covid-data svg { fill: #fff; } .block-covid-data .description-text { line-height: 1; display: flex; align-items: center; flex-flow: row nowrap; } .country-name { display: flex; margin-bottom: 15px; } .data-item { display: flex; align-items: center; width: 100%; } .data-item:not(:last-child) { margin-bottom: 7px; } .data-item svg { width: 1em; } .data-item-value { margin-right: 0; margin-left: auto; } .data-death .data-item-value { color: var(--g-color); } .ad-wrap, .amp-ad-wrap { line-height: 1; display: block; text-align: center; } .header-amp-ad, .footer-amp-ad { padding-top: 10px; padding-bottom: 10px; } .header-amp-ad { background-color: var(--flex-gray-15); } .ad-image { line-height: 0; display: inline-block; overflow: hidden; border-radius: var(--round-5); } .ad-description { line-height: 1; display: block; margin-bottom: 10px; text-align: center; } .block-h .heading-title { line-height: 1; margin-bottom: 0; } .heading-title i { margin-right: 5px; } .cta-wrap { position: relative; display: flex; text-align: var(--cta-align, inherit); gap: var(--cta-img-space, 20px); } .cta-absolute-link { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; } .cta-img-left { flex-flow: row nowrap; } .cta-img-right { flex-flow: row-reverse nowrap; } .cta-img-right .cta-content { margin-right: auto; } .cta-img-top { flex-flow: column nowrap; } .cta-img-bottom { flex-flow: column-reverse nowrap; } .cta-featured { flex-shrink: 0; width: var(--cta-img-width, 100%); max-width: 100%; } .cta-featured img { display: block; width: 100%; } .cta-wrap .cta-title { padding-bottom: var(--cta-title-space, 10px); color: var(--cta-title-color, inherit); } .cta-wrap .cta-description { color: var(--cta-desc-color, inherit); } .cta-content { display: flex; flex-flow: column nowrap; flex-grow: 1; max-width: var(--cta-content-max, 100%); } .cta-buttons { position: relative; z-index: 5; display: flex; align-items: center; flex-flow: row wrap; width: 100%; padding-top: var(--cta-btn-space, 20px); gap: var(--cta-btn-gap, 5px); } .cta-center .cta-content { margin-right: auto; margin-left: auto; text-align: center; } .cta-center .cta-buttons { justify-content: center; } .cta-right .cta-content { margin-right: 0; margin-left: auto; text-align: right; } .cta-right .cta-buttons { justify-content: flex-end; } .cta-btn-1 { padding: 14px 24px; color: var(--btn-1-color, inherit); border: 1px solid; } .cta-btn-1:hover { color: var(--btn-1-hover-color, inherit); } .cta-btn-2 { padding: 15px 25px; color: var(--btn-2-color, var(--awhite)); border-color: var(--btn-2-border-color, transparent); background-color: var(--g-color); } .cta-btn-2:hover { color: var(--btn-2-hover-color, var(--awhite)); } .rb-text a { -webkit-transition: var(--effect); transition: var(--effect); text-decoration: underline; } .rb-text a:hover { color: var(--g-color); } .related-sec { display: block; width: 100%; padding: 20px; border-radius: var(--round-5); background-color: var(--toc-bg, transparent); box-shadow: 0 5px 30px var(--shadow-7); --bottom-spacing: 0; } .related-2 { --bottom-spacing: 20px; } .related-5 { --bottom-spacing: 12px; } .related-6 { --bottom-spacing: 25px; } .widget.entry-widget .related-sec, .elementor-widget-shortcode .related-sec { width: 100%; max-width: 100%; padding: 0; border: none; border-radius: 0; background-color: transparent; box-shadow: none; } .entry-top .widget:not(:last-child), .entry-bottom .widget:not(:last-child) { margin-bottom: 35px; } .related-sec .p-list-small-2 { align-items: center; } .related-sec .p-list-small-2 .feat-holder { width: 100px; } .related-1 .p-list-small-2 { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--flex-gray-15); } .related-1 .p-list-inline:not(:last-child) { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid var(--flex-gray-15); } .related-4 .p-wrap:not(:last-child) { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid var(--flex-gray-15); } .entry-widget:not(:last-child) { margin-bottom: 30px; } .related-sec .block-h, .entry-widget .block-h, .single-infinite-point .rb-loader, .page-header-1 > *:not(:last-child) { margin-bottom: 25px; } .privacy-bar { display: none; -webkit-transition: opacity .2s var(--timing); transition: opacity .2s var(--timing); opacity: 0; } .privacy-bar.activated { display: block; opacity: 1; } .privacy-bar.privacy-bottom { position: fixed; z-index: 981; bottom: 10px; left: 0; width: 100%; padding-right: 15px; padding-left: 15px; pointer-events: none; } .privacy-bar.privacy-left { position: fixed; z-index: 9999; top: auto; bottom: 20px; left: 20px; width: 380px; } .privacy-inner { font-size: var(--rem-mini); position: relative; display: flex; overflow: hidden; align-items: center; flex-flow: row nowrap; max-width: var(--rb-width, 1280px); margin-right: auto; margin-left: auto; padding: 7px 20px; pointer-events: auto; color: var(--privacy-color); border-radius: var(--round-5); background-color: var(--privacy-bg-color, var(--dark-accent)); box-shadow: 0 3px 12px var(--shadow-12); } .privacy-wide .privacy-inner { max-width: 100%; } .privacy-bar.privacy-top { background-color: var(--privacy-bg-color, var(--dark-accent)); } .privacy-bar.privacy-top .privacy-inner { background-color: transparent; box-shadow: none; } .privacy-bar.privacy-left .privacy-inner { border-radius: var(--round-7); } .privacy-bar.privacy-bottom .privacy-inner { max-width: 720px; margin-right: auto; margin-left: auto; padding: 12px; } .mobile-social-title, .privacy-content { flex-grow: 1; } .privacy-dismiss-btn { line-height: 1; display: flex; flex-shrink: 0; margin-left: 20px; padding: 5px 15px; } .privacy-bar.privacy-top .privacy-dismiss-btn:not(:hover):not(:focus) { background: var(--flex-gray-15); } .privacy-left .privacy-inner { margin-right: 0; margin-left: 0; padding: 15px; box-shadow: 0 4px 30px var(--shadow-12); } .reader-disclosure a, .privacy-inner a:not(.is-btn) { font-weight: 700; transition: var(--effect); -webkit-transform: var(--effect); color: inherit; text-decoration-line: underline; text-decoration-style: dotted; text-decoration-thickness: 1px; } .reader-disclosure a:hover, .privacy-inner a:not(.is-btn):hover { color: var(--g-color); } .privacy-bar.privacy-left .privacy-dismiss-btn { padding: 10px 20px; } .bookmark-section-header { position: relative; display: flex; align-items: center; flex-flow: row nowrap; } .saved-section .bookmark-section-header { padding-top: 25px; padding-bottom: 25px; } .blog-wrap.my-saved { margin-top: 0; } .my-personalized > * { margin-bottom: 40px; } .bookmark-section-header-inner { position: relative; flex-grow: 1; } .bookmark-section-header-image { align-items: center; flex-shrink: 0; width: auto; height: 40px; margin-bottom: 10px; } .bookmark-section-header-image img { width: auto; max-height: 100%; } .bookmark-section-title, .bookmark-section-decs { display: block; } .bookmark-section-decs { margin-top: 5px; } .p-wrap.removing { display: none; } .page-template-bookmark .svg-loading, .block-loader .svg-loading { line-height: 0; width: 2.5rem; } .empty-saved { margin-right: var(--column-gap); margin-left: var(--column-gap); padding-top: 25px; padding-bottom: 25px; } .empty-saved.restricted { border: 1px solid var(--flex-gray-15); border-radius: var(--round-5); } .empty-saved-desc { font-size: var(--rem-small); display: block; max-width: 500px; margin-top: 7px; } .interest-section .bookmark-section-header { padding: 20px 0; } .empty-saved-desc i { display: inline; color: var(--g-color); } .interest-loader { position: relative; display: inline-flex; align-items: center; justify-content: center; width: calc(20% - 20px); margin-right: 20px; border-radius: var(--wrap-border, var(--round-7)); background: var(--flex-gray-7); } .interest-loader:before { position: relative; display: block; width: 100%; padding-bottom: 97.25%; content: ''; } .interest-loader svg { position: absolute; top: auto; left: auto; display: inline-flex; } .interest-loader:last-child { opacity: .3; } .rec-section { display: block; overflow: hidden; background-color: var(--dark-accent); } .logo-popup-outer { display: flex; width: 100%; padding: 40px 30px; pointer-events: auto; border-radius: var(--round-5); background: var(--solid-white); box-shadow: 0 10px 30px var(--shadow-12); } [data-theme='dark'] .select2-dropdown, [data-theme='dark'] .logo-popup-outer { background-color: var(--dark-accent); } [data-theme='dark'] .select2-selection--single { color: var(--awhite); background: none; } .rb-user-popup-form { position: relative; max-width: var(--login-popup-w, 350px); --popup-close-size: 42px; } .login-popup-header { position: relative; display: block; margin-bottom: 25px; padding-bottom: 20px; text-align: center; } .login-popup-header:after { position: absolute; bottom: 0; left: 50%; display: block; width: 30px; margin-left: -15px; content: ''; border-bottom: 6px dotted var(--g-color); } .logo-popup-logo { display: block; margin-bottom: 20px; text-align: center; } .logo-popup-logo img { display: inline-block; width: auto; max-height: 80px; object-fit: contain; } .rb-login-label { font-size: var(--rem-mini); display: block; margin-bottom: var(--llabel-spacing, 7px); color: var(--llabel-color, var(--meta-fcolor)); } .user-login-form label, .rb-login-label { color: var(--meta-fcolor); } .is-label-dot .rb-login-label:before { display: inline-block; width: .8em; height: .8em; margin-right: .5em; content: ''; border-radius: 50%; background-color: var(--licon-color, var(--g-color)); } .is-label-pipe .rb-login-label:before { display: inline-block; width: 5px; height: 10px; margin-right: .5em; content: ''; background-color: var(--licon-color, var(--g-color)); } .login-remember label { line-height: 1; display: flex; align-items: center; margin-bottom: 0; cursor: pointer; color: var(--meta-fcolor); gap: 5px; } .login-remember label.rb-login-label:before { display: none; } .user-login-form { padding: var(--lform-padding, 0); } .lostpassw-link, .login-form-footer { font-size: var(--rem-mini); } .lostpassw-link:hover { text-decoration: underline dotted; } .user-login-form form { display: flex; flex-flow: column nowrap; gap: var(--linput-spacing, 15px); } .remember-wrap { display: flex; align-items: center; flex-flow: row wrap; justify-content: space-between; } .user-login-form input[type='checkbox'] { margin: 0; } .user-login-form input[type='text'], .user-login-form input[type='email'], .user-login-form input[type='password'] { display: block; width: 100%; border-radius: var(--round-5); } .username-desc { width: 100%; margin-top: 10px; } .user-login-form input[type='password'] { padding-right: 40px; } .reg-passmail { font-size: var(--rem-small); font-style: italic; margin: 10px 0; border-radius: var(--round-5); } .reg-passmail i { line-height: 1; display: inline-block; margin-right: 7px; vertical-align: middle; color: #15a675; } .rb-password-toggle { font-size: 18px; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 40px; padding: 12px 20px; cursor: pointer; text-align: center; } .user-login-form .login-submit { padding-top: 10px; text-align: center; } .yes-shake { transform: translateX(0); animation: ani-shake .2s cubic-bezier(.19, .49, .38, .79) both; animation-iteration-count: 3; } @keyframes ani-shake { 25% { transform: translateX(-10px) } 75% { transform: translateX(10px) } 100% { transform: translateX(0) } } .user-login-form input[type='submit'] { font-size: calc(var(--btn-fsize) * 1.2); width: 100%; max-width: var(--lbutton-width, 100%); padding: var(--lbutton-padding, 0); } .login-form-header { font-size: var(--rem-mini); margin-bottom: 20px; } .login-form-header i { font-size: var(--em-small); margin-right: .25em; } .reg-complete-info { margin: 60px 40px; text-align: center; } .reg-complete-info .p-divider { display: inline-flex; width: 100px; text-align: center; } .rb-wp-errors, body .mu_register .error { font-size: var(--rem-mini); font-weight: 400; margin-bottom: 15px; padding: 10px; color: #721c24; border: 1px solid #ffaeb6; border-radius: var(--round-3); background-color: #f8d7da; } .email-sent-msg { color: #3e572e; border-color: #a5cc8c; background: #c7e1b6; } .login-form-footer { display: flex; align-items: center; flex-flow: row nowrap; justify-content: center; margin-top: 15px; } .login-form-footer a { font-weight: 700; padding-left: 5px; -webkit-transition: var(--effect); transition: var(--effect); } .s-logout-link { font-size: calc(var(--meta-fsize) * 1.1); display: inline-flex; -webkit-transition: var(--effect); transition: var(--effect); color: var(--meta-fcolor); gap: 5px; } .login-form-footer a:hover, .s-logout-link:hover { text-decoration: underline dashed; opacity: 1; color: var(--g-color); text-decoration-thickness: 1px; } .logged-status { display: flex; align-items: center; justify-content: space-between; padding: var(--lstatus-padding, 0); gap: 15px; } .logged-status-inner { display: flex; align-items: center; flex-flow: row nowrap; gap: 12px; } .logged-status .logged-welcome:after { display: none; } .logged-status-avatar:after { position: absolute; right: 0; bottom: 0; width: 14px; height: 14px; content: ''; border-radius: 50%; background-color: #62ca9e; box-shadow: 0 1px 4px #00000010; } .logged-status-avatar img { width: 48px; border-radius: 50%; } .status-role { font-size: var(--rem-mini); text-transform: capitalize; opacity: .7; } .logged-status-info { display: flex; flex-flow: column nowrap; } .popup-newsletter { position: relative; width: 100%; max-width: 760px; } .popup-newsletter-inner { display: flex; overflow: hidden; flex-flow: row nowrap; width: 100%; border-radius: var(--round-7); box-shadow: 0 10px 30px var(--shadow-12); } .popup-newsletter-cover { display: flex; flex-shrink: 0; width: 40%; } .popup-newsletter-header > *:not(:first-child):not(.popup-newsletter-icon) { margin-top: 15px; } .popup-newsletter-cover-holder { position: relative; display: block; width: 100%; padding-bottom: 135%; background-color: var(--flex-gray-7); } .popup-newsletter .popup-newsletter-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .popup-newsletter-content { display: flex; flex-flow: column nowrap; flex-grow: 1; justify-content: space-evenly; padding: 40px; background-color: var(--dark-accent); } .popup-newsletter-content > * { position: relative; padding-top: 10px; padding-bottom: 10px; } .popup-newsletter-icon { position: absolute; top: 10px; right: 20px; pointer-events: none; opacity: .2; } .popup-newsletter-icon i { font-size: 52px; line-height: 1; } .popup-newsletter-description { font-size: var(--rem-small); color: var(--meta-fcolor); } .popup-newsletter-inner .mc4wp-form-fields input[type='submit'] { padding-right: 15px; padding-left: 15px; } .popup-newsletter-footer > * { opacity: .7; } .popup-newsletter-footer a:hover { text-decoration: underline; opacity: 1; color: var(--body-fcolor); text-decoration-color: var(--g-color); } .close-popup-btn { z-index: 9999; padding: 0; cursor: pointer; -webkit-transition: background-color .25s var(--timing); transition: background-color .25s var(--timing); border-radius: var(--round-5); background: none; box-shadow: none; touch-action: manipulation; } .close-popup-btn:hover { background-color: var(--flex-gray-15); } .close-icon { position: relative; display: block; overflow: hidden; width: var(--popup-close-size, 52px); height: var(--popup-close-size, 52px); pointer-events: none; color: var(--popup-close-color, currentColor); } .close-icon:before, .close-icon:after { position: absolute; top: calc(50% - 1px); left: 30%; display: block; width: 40%; height: 2px; content: ''; -webkit-transition: var(--effect); transition: var(--effect); transform-origin: center center; opacity: .7; background-color: currentColor; } .privacy-dismiss-btn:hover .close-icon:before, .privacy-dismiss-btn:hover .close-icon:after, .close-popup-btn:hover .close-icon:before, .close-popup-btn:hover .close-icon:after { transform: rotate(0deg); opacity: 1; } .close-icon:before { transform: rotate(45deg); } .close-icon:after { transform: rotate(-45deg); } .close-popup-btn { position: absolute; z-index: 9999; top: 0; right: 0; } #back-top { position: fixed; z-index: 980; right: 20px; bottom: 20px; display: block; cursor: pointer; -webkit-transition: all .5s var(--timing); transition: all .5s var(--timing); -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); text-decoration: none; pointer-events: none; opacity: 0; border: none; will-change: transform; } #back-top.scroll-btn-visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: auto; opacity: 1; } #back-top.scroll-btn-visible:hover { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } #back-top i { font-size: 13px; line-height: 40px; display: block; width: 40px; height: 40px; -webkit-transition: var(--effect); transition: var(--effect); text-align: center; color: #fff; border-radius: var(--round-3); background-color: var(--dark-accent); } .amp-back-top { font-size: 1.5rem; line-height: 44px; display: block; width: 120px; height: 44px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; } .breadcrumb-wrap:not(.breadcrumb-line-wrap) .breadcrumb-inner { overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; } .breadcrumb-line-wrap .breadcrumb-inner { display: inline-block; } body.rtl .breadcrumb-inner { /*rtl:ignore*/ display: flex; } body.rtl .breadcrumb-inner > * { /*rtl:ignore*/ margin: 0 2px; } body.rtl .breadcrumb-inner > *:first-child { /*rtl:ignore*/ margin-right: 0; } .breadcrumb-absolute { position: absolute; top: 0; right: 0; left: 0; padding: 10px 15px; background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); } .page-header-inner .s-title, .page-header-inner .breadcrumb-wrap, .mega-col .p-wrap:last-child, .widget-p-listing .p-wrap:last-child, .collapse-footer > *:last-child, div.breadcrumb-absolute .breadcrumb-wrap { margin-bottom: 0; } .mc4wp-response { font-size: var(--rem-small); clear: both; margin-top: 10px; } .mc4wp-response a { font-weight: bold; text-decoration: underline; } .mc4wp-alert { color: #f8bc54; } .mc4wp-error { color: #ff3f43; } .mc4wp-notice { color: #42b8f3; } .mc4wp-success { color: #a1db9d; } .sidebar-inner { top: 0; } .widget { position: relative; display: block; } .sidebar-inner .widget { overflow: inherit; width: 100%; margin-bottom: 30px; } #wp-calendar { position: relative; width: 100%; margin-bottom: 7px; } #wp-calendar tfoot { position: absolute; top: 0; right: 0; left: 0; } #wp-calendar tfoot td { vertical-align: top; border: none; } #wp-calendar th, #wp-calendar td { line-height: 40px; text-align: center; } #wp-calendar tbody a { font-weight: 700; display: block; -webkit-transition: var(--effect); transition: var(--effect); text-decoration: none !important; } #wp-calendar td#today { font-weight: 700; } .wp-calendar-nav a { font-size: var(--em-mini); -webkit-transition: var(--effect); transition: var(--effect); color: var(--meta-fcolor); } #wp-calendar tbody a:hover, .wp-calendar-nav a:hover, #wp-calendar td#today { color: var(--g-color); } #wp-calendar caption { font-size: var(--rem-small); font-weight: 700; margin-bottom: 7px; } #wp-calendar tfoot a:hover { text-decoration: underline; } .tagcloud, .wp-block-tagcoloroud { display: flex; flex-flow: row wrap; gap: 2px; } .tagcloud a, .wp-block-tagcoloroud a { font-size: var(--dwidgets-fsize) !important; line-height: 1; padding: 7px 10px; border: 1px solid var(--flex-gray-15); border-radius: var(--round-3); } .widget_pages .page_item, .widget_meta li, .cat-item, .widget_archive li, .widget.widget_nav_menu .menu-item, .sidebar-menu .menu-item { position: relative; display: block; } .cat-item:first-child a { padding-top: 0; } .cat-item:last-child a { padding-bottom: 0; } .widget_archive > ul > li:last-child, .cat-item:last-child, .widget_pages > ul > li:last-child, .widget_meta > ul > li:last-child, .widget.widget_nav_menu ul.menu > li:last-child, .sidebar-menu > li:last-child { margin-bottom: 0; } .widget.widget_nav_menu > li:first-child > a, .sidebar-menu > li:first-child > a { padding-top: 0; padding-left: 0; } .cat-item .children, .widget_pages .children { margin-top: 7px; margin-bottom: 7px; margin-left: 15px; padding: 0; } .widget:not(.woocommerce) .count { font-size: var(--rem-mini); line-height: 18px; float: right; min-width: 18px; padding: 0 3px; -webkit-transition: var(--effect); transition: var(--effect); text-align: center; color: var(--awhite); border-radius: var(--round-3); background-color: var(--dark-accent); } .widget_pages a, .widget_meta a, .cat-item a, .tagcloud a, .wp-block-tagcoloroud a, .widget_archive a, .widget.widget_nav_menu a, .copyright-menu a, .woocommerce-widget-layered-nav-list li, .sidebar-menu a { font-family: var(--dwidgets-family); font-size: var(--dwidgets-fsize); font-weight: var(--dwidgets-fweight); font-style: var(--dwidgets-fstyle); position: relative; display: block; padding-top: var(--sidebar-menu-spacing, 5px); padding-bottom: var(--sidebar-menu-spacing, 5px); -webkit-transition: var(--effect); transition: var(--effect); letter-spacing: var(--dwidgets-fspace); text-transform: var(--dwidgets-transform); color: inherit; } .widget_pages a:hover, .widget_meta a:hover, .cat-item a:hover, .widget_archive a:hover, .widget.widget_nav_menu a:hover, .copyright-menu a:hover, .sidebar-menu a:hover > span { color: var(--g-color); } .cat-item a:hover .count, .widget_archive a:hover .count { background-color: var(--g-color); } .widget_archive select, .widget_categories select { display: block; width: 100%; max-width: 100%; padding-left: 10px; } .widget_recent_comments .recentcomments { position: relative; margin-bottom: 20px; } .widget_recent_comments .recentcomments > a:last-child { font-family: var(--h4-family); font-size: var(--h4-fsize); font-weight: var(--h4-fweight); display: block; margin-top: 2px; margin-bottom: 0; } .widget_recent_entries li { font-family: var(--h5-family); font-size: var(--h5-fsize); font-weight: var(--h5-fweight); position: relative; display: block; margin-bottom: 15px; letter-spacing: var(--h5-fspace); } .widget_recent_entries li:before { font-family: 'ruby-icon'; font-size: 8px; font-weight: normal; display: inline; margin-right: .4em; content: '\e900'; -webkit-transition: var(--effect); transition: var(--effect); vertical-align: middle; border-radius: var(--round-3); } .widget_recent_entries li:hover:before { text-decoration: none; color: var(--g-color); background-color: currentColor; } .widget_recent_entries a, .recentcomments a, a.rsswidget, .sidebar-menu a span, .popup-newsletter-footer a { position: relative; -webkit-transition: var(--effect); transition: var(--effect); } .widget_recent_entries li:hover a, .recentcomments a:hover, a.rsswidget:hover { color: var(--g-color); } .rss-widget-icon { display: none; } .widget_rss li { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px dashed var(--flex-gray-15); } .widget_rss li:last-child { margin-bottom: 0; } .widget_rss ul a.rsswidget:before { font-family: 'ruby-icon'; font-size: var(--em-mini); position: relative; margin-right: 7px; content: '\42'; } .widget_rss ul a.rsswidget { font-family: var(--h4-family); font-size: var(--h4-fsize); font-weight: var(--h4-fweight); display: block; letter-spacing: var(--h4-fspace); } .rss-date { display: block; margin-top: 7px; } .rssSummary { font-size: var(--rem-small); display: block; margin-top: 12px; } .widget_rss cite { display: block; margin-top: 12px; } .widget_recent_comments > ul > .recentcomments:last-child, .widget_recent_entries > ul > li:last-child, .widget_rss > ul > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none !important; } .textwidget br, .textwidget p { margin-bottom: 1rem; } .widget-heading.h4:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; -webkit-transform: skewX(-15deg); transform: skewX(-15deg); border-right: 3px solid var(--heading-sub-color); border-left: 3px solid var(--heading-sub-color); } .widget-heading.h4 { line-height: 1.1; position: relative; display: inline-block; padding: 0 15px; } /** social counter */ .social-follower { display: grid; gap: var(--column-gap, 5px); grid-template-columns: repeat(var(--s-columns, var(--ds-columns, 2)), 1fr); } .is-gcol-1 { --ds-columns: 1; } .is-gcol-4 { --ds-columns: 4; } .follower-el { position: relative; -webkit-transition: all .5s var(--timing); transition: all .5s var(--timing); } .follower-el a { position: absolute; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; } .follower-inner { font-size: var(--s-icon-size, 1rem); display: flex; align-items: center; flex-direction: column; width: 100%; } .effect-fadeout.activated .follower-el { opacity: .3; } .effect-fadeout.activated .follower-el:hover, .effect-fadeout.activated .follower-el:focus { opacity: 1; } .fntotal, .fnlabel { line-height: 1.3; margin-top: 7px; white-space: nowrap; } .text-count { font-family: var(--meta-family); font-size: var(--em-small); font-weight: var(--meta-fweight); line-height: 1.5; -webkit-transition: var(--effect); transition: var(--effect); white-space: nowrap; letter-spacing: var(--meta-fspace); color: var(--meta-fcolor); } .socials-counter.is-bg *, .socials-counter.is-h-bg .follower-el:hover * { color: var(--awhite); } .fnicon { font-size: 1.75em; line-height: 1; } .fnicon i { font-size: inherit; line-height: 1; text-shadow: 3px 3px 0 #ffffff10, 4px 2px 0 #00000020; } .fb-follower { --s-icon-color: var(--fb-color); --s-icon-hcolor: var(--fb-hcolor); } .twitter-follower { --s-icon-color: var(--twitter-color); --s-icon-hcolor: var(--twitter-hcolor); } .medium-follower { --s-icon-color: var(--medium-color); --s-icon-hcolor: var(--medium-hcolor); } .pinterest-follower { --s-icon-color: var(--pin-color); --s-icon-hcolor: var(--pin-hcolor); } .instagram-follower { --s-icon-color: var(--ig-color); --s-icon-hcolor: var(--ig-hcolor); } .twitch-follower { --s-icon-color: #772ce8; --s-icon-hcolor: #5c16c5; } .tumblr-follower { --s-icon-color: var(--tumblr-color); --s-icon-hcolor: var(--tumblr-hcolor); } .discord-follower { --s-icon-color: #5865f2; --s-icon-hcolor: #3441dd; } .snapchat-follower { --s-icon-color: #ffb945; --s-icon-hcolor: #ffa22f; } .paypal-follower { --s-icon-color: #0070ba; --s-icon-hcolor: #27346a; } .quora-follower { --s-icon-color: #b92b27; --s-icon-hcolor: #cf120c; } .spotify-follower { --s-icon-color: #1db954; --s-icon-hcolor: #177e3c; } .truth-follower { --s-icon-color: #5448ee; --s-icon-hcolor: #21c4a7; } .threads-follower { --s-icon-color: var(--threads-color); --s-icon-hcolor: var(--threads-hcolor); } .bluesky-follower { --s-icon-color: var(--bsky-color); --s-icon-hcolor: var(--bsky-hcolor); } .youtube-follower { --s-icon-color: var(--ytube-color); --s-icon-hcolor: var(--ytube-hcolor); } .soundcloud-follower { --s-icon-color: var(--soundcloud-color); --s-icon-hcolor: var(--soundcloud-hcolor); } .steam-follower { --s-icon-color: #1b2838; --s-icon-hcolor: #171d25; } .patreon-follower { --s-icon-color: #ff5f44; --s-icon-hcolor: #ff2600; } .gnews-follower { --s-icon-color: #1867dc; --s-icon-hcolor: #0956c8; } .vk-follower { --s-icon-color: var(--vk-color); --s-icon-hcolor: var(--vk-hcolor); } .telegram-follower { --s-icon-color: var(--telegam-color); --s-icon-hcolor: var(--telegam-hcolor); } .whatsapp-follower { --s-icon-color: var(--whatsapp-color); --s-icon-hcolor: var(--whatsapp-hcolor); } .linkedin-follower { --s-icon-color: var(--linkedin-color); --s-icon-hcolor: var(--linkedin-hcolor); } .vimeo-follower { --s-icon-color: var(--vimeo-color); --s-icon-hcolor: var(--vimeo-hcolor); } .dribbble-follower { --s-icon-color: var(--dribbble-color); --s-icon-hcolor: var(--dribbble-hcolor); } .flipboard-follower { --s-icon-color: var(--flipboard-color); --s-icon-hcolor: var(--flipboard-hcolor); } .rss-follower { --s-icon-color: #ff9021; --s-icon-hcolor: #ff5700; } .follower-el .rbi-tiktok { text-shadow: -2px -1px 0 #69c9d0, 2px 2px 0 #ee1d52; } .tiktok-follower { --s-icon-color: #000; --s-icon-hcolor: #ff007f; } [data-theme='dark'] .tiktok-follower, .light-scheme .tiktok-follower { --s-icon-color: #fff1; } .yes-mono .follower-el { --s-icon-color: var(--dark-accent); --s-icon-hcolor: var(--dark-accent); } [data-theme='dark'] .yes-mono .is-icon-color i { color: var(--awhite); } .is-icon-color i { color: var(--s-icon-color); } .is-icon-bg, .is-bg { --twitter-color: #00151c; --medium-color: #000; --threads-color: #000; } .is-icon-bg i { -webkit-transition: var(--effect); transition: var(--effect); color: var(--awhite); background-color: var(--s-icon-color); } .is-icon-bg .follower-el:hover i, .is-h-icon-bg .follower-el:hover i { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); color: var(--awhite); background-color: var(--s-icon-hcolor); box-shadow: var(--btn-shadow, 0 3px 12px var(--s-icon-hcolor)); } .is-bg .follower-inner { background: var(--s-icon-color); } .is-bg .follower-el:hover .follower-inner, .is-h-bg .follower-el:hover .follower-inner { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); background-color: var(--s-icon-hcolor); box-shadow: var(--btn-shadow, 0 3px 12px var(--s-icon-hcolor)); } .is-style-10 .fnicon, .is-style-11 .fnicon { margin-right: 8px; } .is-style-12 .fnicon, .is-style-13 .fnicon { font-size: 1.25em; margin-right: 8px; } .is-gstyle-3 .fntotal, .is-gstyle-3 .fnlabel { margin-top: 0; margin-left: 3px; } .is-style-10 .fntotal + .fnlabel, .is-style-11 .fntotal + .fnlabel, .is-style-12 .fntotal + .fnlabel, .is-style-13 .fntotal + .fnlabel { font-size: .7em; margin-top: -4px; } .is-style-10 .follower-inner, .is-style-11 .follower-inner, .is-style-12 .follower-inner, .is-style-13 .follower-inner { align-items: center; flex-flow: row nowrap; } .is-style-12 .follower-inner { border: 1px solid var(--flex-gray-15); } .is-style-12 .follower-inner, .is-style-13 .follower-inner { position: relative; overflow: hidden; padding: 10px 20px; -webkit-transition: var(--effect); transition: var(--effect); border-radius: var(--round-5); } .is-style-14 .follower-inner, .is-style-15 .follower-inner { display: grid; padding: 12px 7px; -webkit-transition: var(--effect); transition: var(--effect); border-radius: var(--round-5); grid-gap: 0; grid-template-columns: 42px auto 1fr; } .is-style-1 .fnicon i, .is-style-2 .fnicon i, .is-style-9 .fnicon i, .is-style-10 .fnicon i, .is-style-11 .fnicon i { position: relative; display: flex; align-items: center; justify-content: center; -webkit-transition: var(--effect); transition: var(--effect); } .is-style-10 .fnicon i, .is-style-11 .fnicon i { position: relative; width: 48px; height: 48px; } .is-style-1 .fnicon i, .is-style-2 .fnicon i, .is-style-10 .fnicon i, .is-style-11 .fnicon i { border-radius: 50%; } .is-style-1 .fnicon i, .is-style-2 .fnicon i, .is-style-9 .fnicon i { width: 58px; height: 58px; } .is-style-9 .fnicon i { overflow: hidden; border-radius: var(--round-5); } .is-style-9 .follower-el:not(:hover) i:after { position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: .2; border: 5px solid var(--g-color); } [data-theme='dark'] .is-style-9 .follower-el:not(:hover) i:after { border-color: var(--awhite); } .is-style-12 .text-count, .is-style-13 .text-count { margin-left: auto; } .is-style-12 .follower-inner > :nth-child(2), .is-style-13 .follower-inner > :nth-child(2) { position: relative; margin-top: 0; padding-left: 10px; } .is-style-12 .follower-inner > :nth-child(2):before, .is-style-13 .follower-inner > :nth-child(2):before { position: absolute; top: 50%; left: 0; width: 1px; height: 12px; margin-top: -6px; content: ''; } .is-style-12 .fntotal:before, .is-style-12 .fnlabel:before, .is-style-13 .fntotal:before, .is-style-13 .fnlabel:before { opacity: .5; background-color: currentColor; } .is-style-14 .fnicon, .is-style-15 .fnicon { height: 100%; text-align: center; grid-row: 1 / 3; } .is-style-14 .text-count, .is-style-15 .text-count { line-height: 1; margin-top: 7px; margin-left: 4px; grid-column: 2 / span 3; grid-row: 2; } .is-style-14 .fnicon i, .is-style-15 .fnicon i { display: flex; align-items: center; justify-content: center; height: 100%; justify-items: center; } .is-style-10 .text-count, .is-style-11 .text-count { margin-top: 0; margin-left: auto; -webkit-transition: var(--effect); transition: var(--effect); } .is-style-8 .follower-inner, .is-style-7 .follower-inner, .is-style-6 .follower-inner, .is-style-5 .follower-inner, .is-style-4 .follower-inner, .is-style-3 .follower-inner { padding: 15px; -webkit-transition: var(--effect); transition: var(--effect); border-radius: var(--round-5); } .is-style-7 .follower-el .follower-inner, .is-style-4 .follower-inner { box-shadow: 0 0 10px var(--shadow-7); } .is-style-15 .follower-inner, .is-style-6 .follower-inner, .is-style-3 .follower-inner, .is-style-2 .fnicon i, .is-style-10 .fnicon i { border: 1px solid var(--flex-gray-15); } .is-style-8 .follower-el .text-count, .is-style-7 .follower-el .text-count, .is-style-6 .follower-el .text-count { display: none; } /** weather widget */ .rb-weather-wrap { padding: 20px; border-radius: var(--round-5); box-shadow: 0 4px 30px var(--shadow-7); } .rb-w-title.h4 { line-height: 1.1; display: inline-block; width: auto; margin-bottom: 15px; padding: 4px 20px; color: #fff; border-radius: var(--round-3); background: var(--g-color); } .rb-w-stats { display: flex; align-items: flex-start; flex: 0 0 100%; flex-flow: row nowrap; flex-basis: 100%; width: 100%; max-width: 100%; margin-top: 10px; margin-bottom: 25px; } .rb-w-stats > *, .rb-w-header > * { width: 50%; } .rb-w-stats .col-left { position: relative; height: 100%; text-align: center; } .rb-w-header .rb-w-big-icon { display: flex; justify-content: center; } .rb-w-header { display: flex; align-items: center; flex: 0 0 100%; flex-flow: row nowrap; flex-basis: 100%; width: 100%; max-width: 100%; } .rb-header-name.h6 { font-size: 2rem; line-height: 1; overflow: hidden; white-space: nowrap; letter-spacing: .03rem; text-overflow: ellipsis; } .rb-w-desc { font-size: .84rem; margin-top: 5px; letter-spacing: .03rem; text-transform: capitalize; color: #aaa; } .rb-w-stats > *, .rb-w-header > * { padding: 0 6px; } .rb-w-stats .col-right > * { font-size: .86rem; line-height: 1; display: grid; max-width: 100%; margin-top: 3px; grid-gap: 0; grid-template-columns: auto auto auto auto 1fr; } .rb-w-big-icon svg { width: 86px; height: 86px; } .rb-w-stats .col-right .rb-weather-highlow > :nth-child(3) { margin-right: 3px; margin-left: 10px; text-align: center; } .rb-weather-highlow sup { top: -.3em; } .rb-w-header .col-right .rb-w-units { font-size: 4rem; font-weight: 700; line-height: 1; } .rb-w-units .icon-thermometer { position: absolute; top: -14px; left: -28px; } .rb-weather-highlow svg { display: flex; width: 21px; } .rb-weather-highlow > *:not(:first-child), .rb-w-humidity > *:not(:first-child), .ruby-weather-wind > *:not(:first-child) { display: flex; align-items: center; } .rb-weather-highlow > :nth-child(4) { margin-left: 0; } span.ruby-degrees > :first-child { font-size: 18px; line-height: 1; position: absolute; top: 14px; left: 4px; height: 22px; vertical-align: text-top; } span.ruby-degrees { position: relative; height: 100%; padding-left: 13px; } .w-forecast-wrap { display: flex; overflow: hidden; flex-flow: row nowrap; justify-content: space-between; max-width: 100%; margin-right: auto; margin-left: auto; border-radius: var(--round-5); } .w-forecast-wrap svg:not(.svg-cloudy):not(.svg-day-cloudy):not(.svg-night-cloudy):not(.svg-moon-full) g path { fill: #bbb; stroke: #bbb; } svg.svg-moon-full g path { stroke: #bbb; } .w-forecast-wrap svg.svg-icon.svg-day-cloudy g:nth-child(2) path { fill: #bbb; stroke: #bbb; } .w-forecast-day.h6 { font-size: .7rem; line-height: 18px; display: inline-block; width: 100%; white-space: nowrap; letter-spacing: .03rem; border-radius: var(--round-3); background-color: var(--flex-gray-7); } .w-forecast-day { padding: 0 4px; text-align: center; } .w-forecast-icon { display: flex; justify-content: center; } .w-forecast-icon svg { width: 40px; height: 40px; margin-bottom: -3px; } .w-forecast-icon svg.svg-day-sunny { padding: 4px; } .w-forecast-temp { font-size: var(--rem-small); font-weight: 600; line-height: 1; position: relative; display: inline-flex; } .w-forecast-temp sup { font-size: 62%; position: absolute; top: auto; bottom: 94%; left: 100%; } .forecast-day-1 { flex: 0 0 100%; width: 100%; } .forecast-day-2 { flex: 0 0 50%; width: 50%; } .forecast-day-3 { flex: 0 0 33.33%; width: 33.33%; } .forecast-day-4 { flex: 0 0 25%; width: 25%; } .forecast-day-5 { flex: 0 0 20%; width: 20%; } .top-footer-inner .instagram-grid.is-wide { margin-right: -20px; margin-left: -20px; } .instagram-grid.is-wide { padding: 10px; } .grid-el { overflow: hidden; border-radius: var(--round-5); justify-self: stretch; } .grid-header { font-size: 1.25rem; display: block; margin-bottom: 20px; text-align: center; } .w-fw-footer.widget-instagram .rb-error { margin-bottom: 20px; text-align: center; } .instagram-box { position: relative; overflow: hidden; flex: 1; height: 100%; padding-bottom: 100%; } .instagram-box a { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; } .instagram-box img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } .box-intro { line-height: 1; height: 0; -webkit-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1); } .box-intro:hover { opacity: .7; } .intro-inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; flex-flow: column nowrap; justify-content: center; width: 100%; text-align: center; border: 1px solid var(--flex-gray-15); border-radius: var(--round-5); } .intro-content { font-size: var(--rem-mini); font-style: italic; line-height: 1.5; display: block; margin-top: 7px; padding: 0 10px; color: inherit; } .intro-inner i { font-size: 2.2rem; display: block; } .grid-el .box-content { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; display: flex; overflow: hidden; align-items: center; justify-content: center; -webkit-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1); pointer-events: none; opacity: 0; color: #fff; backface-visibility: hidden; } .instagram-box .box-content span { line-height: 1; z-index: 10; display: inline-flex; display: -webkit-inline-flex; align-items: center; padding: 0 5px; color: #fff; } .instagram-box .box-content i { font-size: 1.1rem; line-height: 1; margin-right: 3px; color: #fff; } .instagram-box:hover .box-content { opacity: 1; } .instagram-box .box-content:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(0, 0, 0, .5); } .rb-twitter-wrap { padding: 20px; border: 1px solid var(--flex-gray-15); border-radius: var(--round-5); } .rb-twitter-wrap .rb-twitter-text { font-weight: 400; -webkit-transition: var(--effect); transition: var(--effect); color: var(--excerpt-color); } .rb-twitter-wrap a { -webkit-transition: var(--effect); transition: var(--effect); } .rb-twitter-wrap a:hover { color: var(--g-color); } .rb-twitter-wrap a:hover .rb-twitter-text { color: inherit; } .rb-twitter-wrap .rb-tweet-header .rb-twitter-h-info { position: relative; display: grid; margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid var(--flex-gray-15); grid-column-gap: 5px; grid-row-gap: 1px; grid-template-columns: 60px 1fr; grid-template-rows: 22px 22px; } .rb-twitter-wrap .pk-twitter-counters.pk-color-secondary { position: relative; display: grid; grid-gap: 10px; grid-template-columns: auto 1fr; } .rb-twitter-wrap .tweet-avatar { height: 100%; text-align: center; grid-row: 1 / 3; } .rb-twitter-wrap .tweet-avatar img { font-size: 0; max-width: 44px; max-height: 44px; -webkit-transition: var(--effect); transition: var(--effect); border-radius: 50%; object-fit: cover; } .rb-twitter-wrap .tweet-avatar:hover img { opacity: .9; } .rb-twitter-wrap .tweet-info.h6 { font-size: 1rem; } .rb-twitter-wrap .tweet-info.h6 span:nth-child(2) { text-transform: capitalize; } .rb-quoted-author { display: flex; align-items: center; flex-flow: row nowrap; margin-bottom: 5px; } .rb-quoted-author img { font-size: 0; display: inline-flex; max-width: 24px; max-height: 24px; border-radius: 50%; object-fit: cover; } .rb-quoted-author em { font-size: var(--meta-fsize); font-weight: 400; font-style: italic; margin-left: 5px; color: var(--meta-fcolor); } .rb-twitter-wrap .rb-tweet-entry { font-size: var(--excerpt-fsize); color: var(--meta-fcolor); } .rb-twitter-wrap .rb-tweet-entry a { font-family: var(--h6-family); text-decoration: underline; } .rb-twitter-wrap .rb-twitter-summary:not(:last-child) { margin-bottom: 20px; } .rb-twitter-wrap .rb-tweet-actions svg { width: 10px; height: 10px; } .rb-twitter-wrap .rb-tweet-actions a { font-size: .7rem; display: flex; align-items: center; justify-content: center; min-width: 50px; padding: 3px 6px; border: 1px solid var(--flex-gray-15); border-radius: var(--round-5); } .rb-twitter-wrap .rb-tweet-actions a:not(:last-child) { margin-right: 10px; } .rb-twitter-wrap .rb-tweet-actions .rb-action-count { margin-left: 3px; } .rb-twitter-wrap .rb-tweet-actions { display: flex; align-items: stretch; margin-top: 14px; } .about-content-wrap .about-bio.is-centered { margin-right: auto; margin-left: auto; text-align: center; } .about-content-wrap .social-icon-wrap { display: flex; flex-flow: row wrap; gap: 10px; } .about-bio.is-centered + .social-icon-wrap { justify-content: center; } .about-content-wrap .social-icon-wrap a { padding-right: 3px; padding-left: 3px; -webkit-transition: var(--effect); transition: var(--effect); } .about-content-wrap .social-icon-wrap a:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .about-content-wrap .about-bio > * { margin-bottom: .5rem; } .about-content-wrap .about-bio > img { margin-bottom: 1.5rem; } .about-content-wrap .about-bio > a img { margin-bottom: 1rem; } .about-content-wrap .about-bio { max-width: 370px; } .about-content-wrap .about-bio p { font-size: var(--rem-mini); line-height: 1.7; max-width: 370px; color: var(--excerpt-color); } .about-content-wrap > *:not(:last-child) { margin-bottom: 15px; } .about-content-wrap .about-bio.is-centered p { margin-right: auto; margin-left: auto; } .grid-holder.rb-c2 { display: grid; grid-gap: 10px; grid-template-columns: auto auto; } .grid-holder.rb-c3 { display: grid; grid-gap: 10px; grid-template-columns: auto auto auto; } .grid-holder.rb-c4 { display: grid; grid-gap: 5px; grid-template-columns: auto auto auto auto; } .grid-el img { height: 100%; } .grid-footer { font-size: .8rem; display: block; margin-top: 10px; text-align: right; } .grid-header span, .grid-header em { font-size: .9rem; } .grid-header a, .grid-footer a { -webkit-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1); opacity: .7; } .grid-header a:hover, .grid-footer a:hover { opacity: 1; } .address-info { font-size: var(--rem-small); } .address-info svg { max-width: 16px; height: auto; margin-right: 10px; fill: var(--g-color); } .address-info h5 { margin-bottom: 15px; } .address-info .phone, .address-info .tel, .address-info .email { display: flex; align-items: center; margin-bottom: 10px; } .office-address { display: flex; align-items: flex-start; margin-bottom: 25px; } .office-address svg { padding-top: 5px; } .additional-title { margin-top: 25px; } .address-info > *:last-child { margin-bottom: 0; } .address-info a:hover { color: var(--g-color); } .newsletter-fw.has-bg { padding-top: 20px; padding-bottom: 20px; text-align: center; background-repeat: no-repeat; background-position: center center; background-size: cover; } .widget-mc .newsletter-fw.has-bg { padding: 20px; } .w-banner { position: relative; display: block; overflow: hidden; padding: 110px 30px; text-align: var(--banner-align, center); border-radius: var(--round-5); } .w-banner-content { position: relative; z-index: 9; display: flex; align-items: center; width: 100%; min-height: 240px; } .w-banner-desc.element-desc { font-size: var(--rem-small); max-width: 100%; margin-top: 20px; margin-right: auto; margin-left: auto; } .banner-bg, .w-banner .banner-bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: top center; } .banner-btn { display: inline-block; margin-top: var(--btn-top-spacing, 20px); text-align: center; color: var(--btn-color, var(--awhite)); border-radius: var(--btn-round, var(--round-5)); background: var(--btn-bg, var(--g-color)); } .banner-btn:hover { color: var(--awhite); background: var(--g-color); } .btn-fw .banner-btn { display: block; } /** accordion */ .rb-accordion:not(.none-shadow) .elementor-accordion { border-radius: var(--round-5); box-shadow: 0 5px 30px var(--shadow-7); } .rb-accordion .elementor-accordion .elementor-accordion-title { font-family: var(--h4-family); font-size: var(--h4-fsize); font-weight: var(--h4-fweight); font-style: var(--h4-fstyle); line-height: var(--h4-fheight, 1.45); letter-spacing: var(--h4-fspace); text-transform: var(--h4-transform); color: inherit !important; } .rb-accordion .elementor-accordion-icon { width: 15px !important; color: inherit !important; } .rb-accordion .elementor-accordion-icon i { font-size: 10px; } .rb-accordion .elementor-tab-content { font-family: var(--body-family); font-size: var(--body-fsize); font-weight: var(--body-fweight); font-style: var(--body-fstyle); line-height: max(var(--body-fheight, 1.7), 1.4); letter-spacing: var(--body-fspace); text-transform: var(--body-transform); color: var(--body-fcolor); } .rb-accordion .elementor-accordion .elementor-accordion-item { border: none; border-bottom: 1px solid var(--flex-gray-15); } .rb-accordion .elementor-accordion .elementor-tab-content { border-color: var(--flex-gray-15); } .rb-accordion .elementor-accordion .elementor-tab-title { -webkit-transition: var(--effect); transition: var(--effect); opacity: .3; } .rb-accordion .elementor-accordion-item:hover .elementor-tab-title, .rb-accordion .elementor-accordion .elementor-tab-title.elementor-active { opacity: 1; } .elementor-widget-tabs .elementor-tab-title { display: inline-flex; align-items: center; flex-flow: row nowrap; width: 100%; border-top-left-radius: var(--round-5); border-bottom-left-radius: var(--round-5); column-gap: .5em; } .elementor-tab-title svg { fill: currentColor; } .elementor-widget-tabs .elementor-tabs-content-wrapper { border-radius: 0 var(--round-5) var(--round-5); } .block-simple-gallery { --el-spacing: 5px; } .simple-gallery-item > * { display: block; width: 100%; } .simple-gallery-item { position: relative; display: flex; flex-flow: column nowrap; } .simple-gallery-item > *:not(:last-child) { margin-bottom: var(--el-spacing); } .simple-gallery-item > .simple-gallery-image { position: relative; margin-bottom: var(--image-spacing, 15px); } .simple-gallery-image img { -webkit-transition: -webkit-transform .4s var(--timing); transition: transform .4s var(--timing); border-radius: var(--round-5); } .is-style-shadow .simple-gallery-image img { box-shadow: 0 10px 30px var(--shadow-12); } .is-style-border .simple-gallery-image img { border: 2px solid currentColor; } .is-style-g-border .simple-gallery-image img { border: 2px solid var(--flex-gray-15); } .simple-gallery-item:hover a img { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .simple-gallery-title a { display: block; width: 100%; -webkit-transition: var(--effect); transition: var(--effect); } .simple-gallery-title a:hover { color: var(--g-color); } .simple-gallery-desc { font-size: var(--rem-small); display: block; } .simple-gallery-meta { line-height: 1; position: absolute; top: 10px; right: 10px; flex-grow: 0; padding: 5px 12px; white-space: nowrap; color: var(--awhite); border-radius: var(--round-3); background: var(--g-color); } /* ----------------- 9 - Single ----------------- */ .single-post-outer:not(:last-child) { margin-bottom: 20px; border-bottom: 1px solid var(--flex-gray-15); } .single-post-outer.has-continue-reading .s-ct { overflow: clip; height: 700px; max-height: 700px; } .single-post-outer.has-continue-reading .sidebar-inner { position: absolute; z-index: 1; right: 30px; left: 30px; } .continue-reading { position: relative; z-index: 100; display: flex; justify-content: center; padding: 30px 0 40px 0; background-color: var(--solid-white); } .continue-reading:before, .restrict-box:before { position: absolute; right: 0; bottom: 99%; left: 0; display: block; width: 100%; height: 150px; content: ''; background-image: linear-gradient(to top, var(--solid-white) 0, transparent 100%); } .continue-reading-btn.is-btn { font-size: var(--rem-small); display: inline-flex; } .grid-container { position: relative; display: flex; flex-flow: row wrap; margin-right: -20px; margin-left: -20px; } .grid-container > * { flex: 0 0 100%; width: 100%; padding-right: 20px; padding-left: 20px; } .single-meta { display: flex; align-items: center; flex-flow: row nowrap; justify-content: space-between; width: 100%; gap: 15px; } .single-meta.yes-center { gap: 20px; } .single-meta.yes-wrap { flex-flow: row wrap; } .single-meta.yes-border { padding-top: 15px; border-top: 4px solid var(--flex-gray-15); } .yes-center.yes-wrap .smeta-in, .yes-center.yes-wrap .smeta-extra, .yes-center.yes-minimal .smeta-in, .yes-center.yes-minimal .smeta-extra { justify-content: center; } .smeta-in { display: flex; align-items: center; flex-flow: row nowrap; justify-content: flex-start; gap: 12px; } .smeta-in > .meta-avatar img { width: var(--b-avatar-size, 60px); height: var(--b-avatar-size, 60px); margin-left: 0 !important; border-radius: var(--avatar-radius, 100%); } .smeta-sec { display: flex; flex-flow: column-reverse nowrap; text-align: left; gap: .1em; } body .smeta-sec .meta-avatar img { width: 1.85em; height: 1.85em; } .smeta-sec .meta-bookmark .rb-bookmark i:after { font-family: var(--meta-b-family); font-size: inherit; font-weight: var(--meta-b-fweight); font-style: var(--meta-b-fstyle); display: inline-flex; margin-left: 4px; content: attr(data-title); letter-spacing: var(--meta-b-fspace); text-transform: var(--meta-b-transform); } .smeta-sec .meta-bookmark .rb-bookmark i:before { font-size: inherit; vertical-align: bottom; } .is-meta-author-bold a.meta-author-url { text-decoration-thickness: min(0.2em, 3px); } .is-meta-author-dot a.meta-author-url { text-decoration-style: dotted; text-decoration-thickness: min(0.2em, 3px); } .is-meta-author-dot-l a.meta-author-url { text-decoration-style: dotted; text-decoration-thickness: 1px; } .is-meta-author-wavy a.meta-author-url { text-decoration-style: wavy; } .is-meta-author-color a.meta-author-url { color: var(--g-color); text-decoration-color: transparent; } .is-meta-author-color a.meta-author-url:hover { text-decoration-color: var(--g-color); } .is-meta-author-text a.meta-author-url { text-decoration: none; } .ulightbox { position: absolute; z-index: 1000; top: -9999px; left: 0; display: none; visibility: hidden; width: 380px; max-width: calc(100vw - 40px); animation: none; letter-spacing: 0; text-transform: none; opacity: 0; } .ulightbox-inner { position: relative; z-index: 1; margin-top: 7px; padding: 15px 20px; color: var(--body-fcolor); border-radius: var(--round-3); background: var(--solid-white); box-shadow: 0 5px 30px var(--shadow-7); } .ulightbox-inner:before { position: absolute; z-index: 3; top: -5px; width: 8px; height: 8px; content: ''; transform: rotate(45deg); color: var(--body-fcolor); background: var(--solid-white); box-shadow: 0 5px 30px var(--shadow-7); } .ulightbox-footer { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--flex-gray-15); } .ulightbox .ef-label { margin-right: auto; } .ulightbox-holder.activated .ulightbox { top: 100%; display: block; visibility: visible; animation: rbFadeIn 0.3s ease forwards; } @keyframes rbFadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .share-action i { text-shadow: 2px 2px 0 var(--flex-gray-15); } .smeta-sec .meta-like > span { min-width: 52px; } .share-action.is-mobile.icon-whatsapp { display: flex; } .share-action.is-web.icon-whatsapp { display: none; } .smeta-extra { display: flex; align-items: center; flex-flow: row nowrap; flex-shrink: 0; } .share-action { -webkit-transition: var(--effect); transition: var(--effect); } .t-shared-sec { display: flex; align-items: center; } .sticky-share-list > * { line-height: 1; display: flex; flex-flow: row nowrap; } .t-shared-sec > *:not(.t-shared-header) { display: flex; flex-flow: row wrap; gap: 3px; } .sticky-share-list .share-action, .t-shared-sec .share-action { font-size: max(1.05rem, 15px); line-height: 32px; display: inline-flex; justify-content: center; min-width: 28px; } a.native-share-trigger { background-color: transparent; } a.native-share-trigger:hover { color: var(--g-color); } .native-share-trigger i { font-size: 1.3em; } .single-right-meta { display: flex; align-items: center; flex-flow: row nowrap; flex-shrink: 0; white-space: nowrap; } .single-right-meta:not(:first-child):before { display: inline-flex; width: 1px; height: 6px; margin-right: 10px; margin-left: 6px; content: ''; opacity: .25; background-color: var(--meta-fcolor); } .single-meta.yes-minimal { flex-flow: column nowrap; flex-direction: column-reverse; gap: 20px; } .yes-wrap .share-action { align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 1px solid var(--flex-gray-15); border-radius: 50%; } .yes-wrap .native-share-trigger { border: none; } .yes-wrap .t-shared-header { margin-right: 12px; } .yes-wrap > *, .yes-minimal > * { width: 100% } .yes-minimal .t-shared-sec > * { gap: .5em; } .yes-minimal .t-shared-header { display: none; } .yes-minimal .share-action { font-size: 20px; } .right-breadcrumb .page-header.is-centered .page-header-inner, .footer-bottom-centered .bottom-footer-section, .yes-wrap.yes-center .smeta-in, .yes-minimal.yes-center .smeta-in { flex-flow: column nowrap; } .single-header { position: relative; z-index: 109; display: block; } .s-cats, .s-breadcrumb, .s-title, .s-tagline, .single-meta { margin-bottom: 15px; } .s-feat-outer { margin-bottom: 30px; } .i-ratio .s-feat { position: relative; width: 100%; padding-bottom: var(--image-ratio, 56%); } .s-feat-outer.stemplate-feat { margin-bottom: 0; } .s-feat-placeholder { display: block; width: 100%; border-radius: var(--round-5); background-color: #6605ff; } .s-feat-placeholder:before { position: relative; display: block; padding-bottom: var(--image-ratio, 56%); content: ''; } .reader-disclosure { display: block; margin-bottom: 12px; } .is-standard-3 .reader-disclosure, .is-standard-4 .reader-disclosure, .is-standard-5 .reader-disclosure, .is-standard-7 .reader-disclosure, .is-video-3 .reader-disclosure, .is-audio-3 .reader-disclosure, [class *='is-gallery-'] .reader-disclosure { margin-top: 10px; margin-bottom: 0; } .reader-disclosure.is-layout-bg { padding: 12px 20px; border-radius: var(--round-5); background-color: var(--flex-gray-7); } .s-content-placeholder, .s-comment-placeholder, .s-related-placeholder { display: flex; align-items: center; justify-content: center; min-height: 600px; border-radius: var(--round-5); background-color: var(--flex-gray-7); } .s-related-placeholder, .s-comment-placeholder { min-height: 200px; } .feat-caption { position: relative; display: flex; align-items: center; flex-flow: row wrap; flex-grow: 1; justify-content: space-between; margin-top: 7px; padding-bottom: 5px; gap: 5px; } .yes-cap-center .feat-caption { flex-flow: column nowrap; justify-content: center; } .attribution { font-size: min(var(--meta-fstyle), 13px); text-transform: none; } .feat-caption .caption-text:before { position: relative; display: var(--caption-bdisplay, inline-flex); width: 50px; height: 1px; margin-right: 12px; padding-top: .75em; content: ''; vertical-align: top; border-bottom: 1px solid var(--g-color); } .is-s-caption .caption-text:before { display: none; } .caption-text { font-size: min(var(--meta-fsize), 13px); position: relative; display: block; text-transform: none; } .single-standard-1:not(.single-standard-11) .feat-caption, .single-standard-6 .feat-caption, .single-standard-8:not(.single-standard-10) .feat-caption { align-items: flex-start; flex-flow: column nowrap; } .yes-cap-center .caption-text:before, .single-standard-6 .feat-caption .caption-text:before, .rbbsl a > span { display: none; } .single-standard-1:not(.single-standard-11) .attribution, .single-standard-8:not(.single-standard-10) .attribution { padding-left: 65px; } .s-feat img, .s-feat-holder img { display: block; width: 100%; object-fit: cover; } .s-feat-holder img, .s-feat-holder .featured-lightbox-trigger { width: 100%; height: 100%; } .ubox:not(:first-child) { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--flex-gray-15); } .ubox-header { display: flex; align-items: center; flex-flow: row wrap; width: 100%; gap: 10px; } .author-info-wrap { display: flex; align-items: center; flex-flow: row nowrap; flex-grow: 1; gap: 10px; } .author-avatar { width: 50px; height: 50px; } .bio-avatar img, .author-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } .author-info { display: flex; flex-flow: column nowrap; justify-content: center; } .usocials { display: flex; align-items: center; flex-flow: row nowrap; gap: .7em; } .usocials a { font-size: min(17px, 1rem); padding: 0 2px; -webkit-transition: var(--effect); transition: var(--effect); text-decoration: none; } .usocials a:hover { text-decoration: none; color: var(--g-color); } .author-job { line-height: 1.5; display: flex; } .ef-label { line-height: 1; color: var(--meta-fcolor); } .efoot { position: relative; display: flex; flex-flow: column nowrap; width: 100%; padding-top: calc(2rem + 2px); row-gap: 10px; } .efoot:before { position: absolute; top: 0; left: 0; width: 50px; height: 3px; content: ''; border-radius: var(--round-7); background-color: currentColor; } .efoot-bar { display: flex; align-items: center; flex-flow: row wrap; width: 100%; gap: 4px; } .efoot-bar * { font-size: min(14px, 1em); } .blabel { display: inline-flex; align-items: center; margin-right: 3px; letter-spacing: 0; gap: 5px; } .blabel i.rbi-via { -webkit-transform: scale(1.1); transform: scale(1.1); } .efoot a { display: inline-flex; padding: 1px 10px; -webkit-transition: var(--effect); transition: var(--effect); border-radius: var(--round-3); } .efoot-commas a { line-height: 1.7; padding: 0; } .efoot-commas a:not(:last-child):after { content: ','; } .efoot-bg a { background-color: var(--flex-gray-7); } .efoot-border a { border: 1px solid currentColor; } .efoot-border.is-b-gray a { border-color: var(--flex-gray-15); } .efoot:not(.efoot-commas) a:hover { color: var(--awhite); border-color: var(--g-color); background-color: var(--g-color); } .efoot-commas a:hover { color: var(--g-color); } [data-theme='dark'] .efoot-commas a:hover { opacity: .7; color: var(--awhite); } .reaction-sec { position: relative; display: block; padding-top: 25px; } .reaction-wrap { display: flex; align-items: center; flex-flow: row wrap; justify-content: space-evenly; } .reaction { position: relative; display: flex; flex: 0 0 80px; flex-flow: row wrap; justify-content: center; max-width: 80px; padding: 5px 10px; cursor: pointer; } .reaction-heading { display: block; margin-bottom: 20px; text-align: center; } .reaction .reaction-icon { display: flex; justify-content: center; width: 100%; height: auto; margin: auto; -webkit-transition: transform .2s var(--timing); transition: transform .2s var(--timing); -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); will-change: transform; } .reaction-icon svg { width: 50px; height: 50px; } .reaction .reaction-title { font-size: var(--rem-small); line-height: 1; display: flex; justify-content: center; width: 100%; margin-top: 10px; -webkit-transition: color .2s var(--timing); transition: color .2s var(--timing); white-space: nowrap; } .reaction-count { font-weight: bold; line-height: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 1.25em; margin-top: 7px; white-space: nowrap; border-radius: var(--round-3); background-color: var(--flex-gray-7); } .reaction:hover .reaction-icon { -moz-transform: scale(1.2) rotate(-20deg); -ms-transform: scale(1.2) rotate(-20deg); -o-transform: scale(1.2) rotate(-20deg); -webkit-transform: scale(1.2) rotate(-20deg); transform: scale(1.2) rotate(-20deg); } .reaction:hover .reaction-title { color: var(--g-color); } .reaction.active .reaction-count { color: var(--awhite); background-color: var(--g-color); } .reaction:before { font-family: 'ruby-icon'; font-size: 18px; line-height: 18px; position: absolute; top: 6px; right: 6px; bottom: auto; left: auto; content: '\e942'; -webkit-transition: opacity .2s; transition: opacity .2s; pointer-events: none; opacity: 0; color: var(--g-color); } @keyframes reaction-spinner { to { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } .reaction.loading:before { z-index: 10; width: auto; height: 18px; content: '\e942'; -webkit-transform-origin: center; transform-origin: center; animation: reaction-spinner 1s linear infinite; letter-spacing: 0; opacity: 1; will-change: transform; } .reaction.loading .reaction-icon { opacity: .5; } .e-shared-sec { display: flex; align-items: center; flex-flow: row nowrap; } .rbbsl { font-size: 18px; display: flex; flex-flow: row wrap; justify-content: flex-end; margin-left: auto; gap: 5px; } .rbbsl > * { line-height: var(--height-40); display: inline-flex; flex-flow: row nowrap; justify-content: center; min-width: 42px; padding: 0 12px; border-radius: var(--round-3); background-color: var(--flex-gray-7); gap: 7px; } .entry-sec { position: relative; padding-top: 37px; padding-bottom: 35px; } .entry-newsletter { position: relative; padding-top: 37px; } .entry-newsletter .newsletter-box-content { max-width: 600px; } .entry-sec:before, .entry-newsletter:before, .review-footer > *:not(.review-action):before, .top-divider:before { position: absolute; z-index: 1; top: 0; right: 0; left: 0; overflow: hidden; height: 3px; content: ''; background-image: linear-gradient(to right, var(--flex-gray-15) 20%, transparent 21%, transparent 100%); background-image: -webkit-linear-gradient(right, var(--flex-gray-15) 20%, transparent 21%, transparent 100%); background-repeat: repeat-x; background-position: 0 0; background-size: 5px; } .collapse-sections:before { position: absolute; z-index: 1; top: 0; right: 0; left: 0; overflow: hidden; height: 3px; content: ''; background-image: linear-gradient(to right, var(--submbnav-color-10, var(--subnav-color-10)) 20%, transparent 21%, transparent 100%); background-image: -webkit-linear-gradient(right, var(--submbnav-color-10, var(--subnav-color-10)) 20%, transparent 21%, transparent 100%); background-repeat: repeat-x; background-position: 0 0; background-size: 5px; } .e-shared-sec.entry-sec { padding-top: 18px; padding-bottom: 15px; } .e-shared-header { display: flex; align-items: center; flex-flow: row nowrap; } .light-scheme .sponsor-label, [data-theme='dark'] .sponsor-label, .e-shared-sec .native-share-trigger { color: var(--awhite); } .reading-indicator { position: fixed; z-index: 9041; top: 0; right: 0; left: 0; display: block; overflow: hidden; width: 100%; height: var(--indicator-height); } #reading-progress { display: block; width: 0; max-width: 100%; height: 100%; -webkit-transition: width .1s ease; transition: width .1s ease; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: var(--g-color); background: linear-gradient(90deg, var(--indicator-bg-from) 0%, var(--indicator-bg-to) 100%); background: -webkit-linear-gradient(right, var(--indicator-bg-from), var(--indicator-bg-to)); } .comment-form-comment label, .comment-form-author label, .comment-form-email label, .comment-form-url label, .no-comment .comment-reply-title { display: none; } .newsletter-box-header { display: flex; align-items: center; margin-bottom: 25px; } .newsletter-icon { line-height: 0; flex-shrink: 0; margin-right: 25px; } .newsletter-icon i { font-size: 60px; line-height: 1; } .mc4wp-form-fields > * { display: flex; align-items: stretch; flex-flow: row nowrap; margin-top: 10px; gap: var(--mc-btn-margin, 7px); } .mc4wp-form-fields > *:first-child { margin-top: 0; } .agree-to-terms { font-size: var(--rem-mini); display: block; width: 100%; color: var(--mc-desc-color, var(--meta-fcolor)); } .newsletter-sb .agree-to-terms { margin-top: 15px; } .agree-to-terms input { margin: .35em .35em 0 0; } .mc4wp-form-fields textarea, .mc4wp-form-fields input[type='email'], .mc4wp-form-fields input[type='text'] { flex-grow: 1; width: 100%; padding: var(--mc-input-padding, 12px 20px); color: var(--mc-input-color, inherit); background-color: var(--mc-input-bg, var(--input-bg, var(--flex-gray-7))); } .newsletter-box-policy { font-size: var(--rem-mini); margin-top: 15px; color: var(--meta-fcolor); } .newsletter-box-policy a { -webkit-transition: var(--effect); transition: var(--effect); text-decoration: underline dotted; color: var(--body-fcolor); } .newsletter-box-policy a:hover { color: var(--g-color); } .newsletter-box-content input:not([type='submit']) { font-weight: bold; } .comments-area { display: block; } .comments-area .comment-meta a { text-decoration: none; } .comments-area #respond > #commentform { margin-top: 15px; } .comment-metadata .review-stars { font-size: 18px; letter-spacing: 1px; color: var(--body-fcolor); } .comment-awaiting-moderation { font-size: var(--meta-fsize); display: inline-flex; width: 100%; margin-bottom: 7px; color: #d1a220; } .comment-awaiting-moderation:before { font-family: 'ruby-icon'; font-style: normal; display: inline-flex; margin-right: 4px; content: '\e95c'; } .comment-form { position: relative; display: block; margin-right: -10px; margin-left: -10px; } [class*='elementor-widget-foxiz-overlay-'], [class*='elementor-widget-foxiz-ad'], [class*='elementor-widget-foxiz-categories'], [class*='input-col-'], .wp-block-archives-dropdown select, .logo-popup, .user-login-form form > *, .reaction-content, .page-featured img, .comment-form input[type='text'], .comment-form input[type='email'], .comment-form input[type='url'], .wp-block-video video { width: 100%; } .comment-form > * { margin-bottom: 20px; padding-right: 10px; padding-left: 10px; } .comment-form-cookies-consent { display: flex; align-items: center; flex-flow: row nowrap; flex-basis: 100%; width: 100%; } .comment-form-cookies-consent label { font-size: var(--rem-mini); padding-left: 5px; cursor: pointer; } .comment-notes .required { color: #ff4545; } .logged-in-as { font-size: var(--rem-mini); } .logged-in-as a:last-child { text-decoration: underline dotted; opacity: 0.5; } .logged-in-as a { -webkit-transition: var(--effect); transition: var(--effect); } .logged-in-as a:hover { text-decoration: underline; } .logged-in-as a:last-child:hover { opacity: 1; color: var(--g-color); } .comment-form > p.form-submit { display: block; margin-top: 20px; margin-bottom: 0; } .comment-form .comment-notes { font-size: var(--rem-mini); margin-bottom: 15px; } .comment-notes #email-notes { font-style: italic; } .comment-reply-title { line-height: 1; margin-bottom: 10px; } .comment-author .says, .comment-form-comment label, .comment-form-author label, .comment-form-email label, .comment-form-url label, .no-comment .comment-reply-title { display: none; } .comment-box-header { position: relative; display: block; } a.show-post-comment { line-height: var(--height-40); position: absolute; top: 0; right: 0; display: flex; align-items: center; padding: var(--padding-40); -webkit-transition: var(--effect); transition: var(--effect); border-radius: var(--round-7); background-color: var(--flex-gray-7); } a.page404-btn { line-height: var(--height-40); display: inline-block; color: inherit; border-radius: var(--round-7); background-color: var(--flex-gray-7); } .comment-box-header > * { display: flex; align-items: center; } .comment-box-header i { margin-right: 7px; } .comment-box-title i { border-bottom: 3px dotted var(--g-color); } .box-comment-btn { line-height: 42px; position: relative; display: flex; margin-left: auto; padding: 0 60px; -webkit-transition: var(--effect); transition: var(--effect); } .rb-form-rating { display: flex; align-items: center; width: 100%; column-gap: 10px; } .rb-review-stars { font-size: 24px; position: relative; } .rb-review-stars span { line-height: 0; display: flex; align-items: center; flex-flow: row nowrap; flex-grow: 0; width: 0; margin-left: 10px; padding: 0; letter-spacing: 0; } .rb-review-stars span a { line-height: 1; display: flex; flex-grow: 0; padding: 2px; } .rb-form-rating label { font-size: var(--rem-mini); line-height: 1; padding-left: 7px; border-left: 4px solid var(--g-color); } .rb-review-stars span:hover i:before, .rb-form-rating.selected a i:before, .rb-form-rating.selected .rb-review-stars span:hover a i:before { content: '\e951'; } .rb-review-stars span > a.active ~ a i:before, .rb-review-stars span > a:hover ~ a i:before, .rb-form-rating.selected .rb-review-stars span > a:hover ~ a i:before { content: '\e94f'; } .rb-review-stars i { -webkit-transition: var(--effect); transition: var(--effect); } .comment-title h3 { margin-bottom: 30px; } .comment-title i { display: inline; margin-right: 5px; } .comment-author { font-size: var(--rem-small); margin-bottom: 5px; } .comment-author .avatar { position: absolute; top: 3px; left: -65px; display: block; width: 50px; height: 50px; border-radius: 50%; object-fit: cover; } .comment-list { position: relative; display: block; margin-top: 35px; margin-bottom: 25px; border-bottom: 1px dashed var(--flex-gray-15); } .comment-body { position: relative; display: block; width: auto; max-width: 100%; margin-bottom: 25px; margin-left: 65px; } .comment-list li.parent > .comment-body { margin-bottom: 20px; } .comment-metadata { font-family: var(--meta-family); font-size: var(--meta-fsize); line-height: 1; display: flex; align-items: center; flex-flow: row wrap; color: var(--meta-fcolor); } .comment-metadata > * { margin-bottom: 7px; } .comment-metadata * { font-family: inherit; font-size: inherit; font-weight: inherit !important; line-height: inherit; } .comment-content { font-size: var(--excerpt-fsize); position: relative; display: block; margin-top: 10px; } .comment-content p, .comment-content li { font-size: inherit; } a.comment-reply-link { line-height: 24px; position: absolute; z-index: 99; top: 0; right: 0; display: block; padding: 0 12px; -webkit-transition: var(--effect); transition: var(--effect); letter-spacing: var(--btn-fspace); border: 1px solid rgba(0, 0, 0, .05); border-radius: var(--round-3); } .comments-area .comment-meta a.comment-edit-link { margin-left: 10px; } .comments-area .comment-meta > a:first-child { margin-left: 0; } .comments-area .comment-meta a.comment-edit-link:hover { text-decoration: underline dotted; } a.comment-reply-link:before { font-family: 'ruby-icon'; font-size: .9em; margin-right: 5px; content: '\e902'; } .comment-list .logged-in-as a { font-weight: inherit; -webkit-transition: var(--effect); transition: var(--effect); text-decoration: none; } .logged-in-as a:hover, .comment-list .logged-in-as a:hover { text-decoration: underline; } .comment-list .comment-reply-title small a { font-size: var(--rem-mini); margin-left: 7px; -webkit-transition: var(--effect); transition: var(--effect); white-space: nowrap; text-transform: none; color: var(--g-color); } .comment-list .comment-reply-title small a:hover { text-decoration: underline dotted; } .comment-list .comment-respond { margin-bottom: 35px; margin-left: 65px; } .comment-list ul.children { margin-left: 30px; } .e-pagi { position: relative; display: block; } .e-pagi .inner { display: flex; align-items: stretch; flex-flow: row nowrap; flex-grow: 1; gap: 20px; } .e-pagi .nav-el { display: flex; flex-basis: 50%; flex-grow: 1; } .e-pagi a { display: flex; flex: 1; flex-flow: column nowrap; gap: 12px; } .e-pagi-holder { line-height: 1; } .e-pagi .nav-label { display: inline-flex; align-items: center; letter-spacing: .1em; text-transform: uppercase; gap: 5px; } .e-pagi .nav-right .nav-label { margin-left: auto; } .e-pagi .nav-inner { display: flex; align-items: center; gap: 12px; } .e-pagi img { display: flex; flex-shrink: 0; width: 50px; height: 50px; border-radius: 50%; } .e-pagi .nav-right .nav-inner { flex-direction: row-reverse; text-align: right; } .review-section { position: relative; display: block; overflow: hidden; border-radius: var(--round-7); box-shadow: 0 5px 30px var(--shadow-7); } .review-intro { position: relative; z-index: 2; display: flex; overflow: hidden; flex-flow: row nowrap; } .review-intro .meta-description, .e-shared-header i, .data-item-icon { margin-right: 7px; } .review-bg { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; display: block; background-color: var(--dark-accent); } .review-bg img { width: 100%; height: 100%; opacity: .5; object-fit: cover; } .review-intro .inner { position: relative; display: flex; flex-grow: 1; padding: 30px 20px; } .review-heading { display: flex; align-items: flex-start; flex-flow: column nowrap; } .review-intro .meta-info { display: flex; align-items: flex-end; flex-flow: column nowrap; justify-content: flex-end; margin-left: auto; } .review-intro .average { display: flex; align-items: flex-start; flex-flow: row nowrap; } .review-section .rline-wrap, .review-section .rstar-wrap { margin-right: 0; } .review-header .rstar:before { background-color: var(--absolute-dark); } .review-intro .rstar-wrap { margin-right: 0; } .review-section .review-intro .average, .review-section .review-heading { text-shadow: 0 0 5px rgba(0, 0, 0, .15); } .review-content { padding: 25px 30px; } .review-el { display: flex; align-items: center; } .review-el:not(:last-child) { margin-bottom: 15px; } .review-rating { margin-left: auto; } .review-label { display: flex; flex-flow: column nowrap; } .rating-info { margin-top: 3px; margin-left: 13px; } .review-label-info { line-height: 1; padding-left: 10px; border-left: 3px solid var(--review-color); } .review-footer { position: relative; display: block; margin: 0 30px; } .review-footer > *:not(.review-action) { position: relative; padding: 28px 0 25px 0; } .pros-cons-holder { display: flex; flex-flow: row wrap; gap: 40px; } .pros-cons-holder > * { display: flex; flex: 0 0 calc(50% - 21px); justify-content: center; width: calc(50% - 21px); } .pros-cons-list-inner { display: inline-block; min-width: 70%; } .pros-cons-list-inner > * { display: block; margin-top: 7px; } .stuff-col-1 .pros-cons-holder { flex-flow: column-reverse nowrap; gap: 25px; } .stuff-col-1 .pros-cons-holder > * { flex-basis: 100%; width: 100%; } .pros-cons-title { display: inline-flex; width: 100%; margin-top: 0; padding-bottom: 5px; } .pros-cons-title i { margin-right: 5px; } .pros-cons-el:before { display: inline-block; width: 8px; height: 8px; margin-right: 7px; content: ''; vertical-align: middle; border-radius: 50%; background-color: #35b145; } .cons-list-wrap .pros-cons-el:before { background-color: #ff3d5f; } .review-summary-title { display: block; margin-bottom: 15px; } .summary-content, .pros-cons-el { font-size: var(--rem-small); } .user-rating, .rating-header { line-height: 0; display: flex; align-items: center; flex-flow: row nowrap; } .rating-header i { font-size: 1.25em; margin-right: 7px; } .average-info { margin-left: auto; --rating-size: 18px; } .user-rating svg { width: 1.35em; margin-right: 5px; } .total-vote { margin-left: 5px; } .review-action { display: flex; padding-bottom: 25px; } .review-btn { font-size: var(--btn-fsize); display: inline-flex; align-items: center; } .review-btn i { font-size: 1.25em; margin-right: 5px; } .sfoter-sec > .block-h { margin-bottom: 20px; } .single-related { margin-bottom: 40px; padding-top: 30px; } .single-related:before { position: absolute; z-index: -1; top: 0; left: 50%; width: 100vw; height: 1px; margin-left: -50vw; content: ''; pointer-events: none; background-color: var(--flex-gray-15); } .s-hl { position: relative; padding-top: 20px; padding-bottom: 30px; --s-hl-gap: 7px; } .s-hl-1 .s-hl-heading { font-size: 2.75rem; line-height: 1; position: absolute; z-index: -1; top: -10px; left: 5px; opacity: .15; } .s-hl-heading::first-letter { color: var(--g-color); } .s-hl-2 { padding: 20px; border-top: 2px solid var(--g-color); border-radius: var(--round-5); background-color: var(--toc-bg, transparent); box-shadow: 0 5px 30px var(--shadow-7); --s-hl-gap: 12px; } .s-hl-2 .s-hl-heading { margin-bottom: calc(var(--s-hl-gap) + 5px); } .s-hl-1:after { position: absolute; top: auto; bottom: 0; left: 0; width: 90px; height: 1px; content: ''; background-color: var(--g-color); } .s-hl ul { position: relative; display: flex; flex-flow: column nowrap; list-style: none; gap: var(--s-hl-gap); } .s-hl ul li::marker { color: var(--g-color); } .s-hl-1 .hl-point:not(:last-child) { padding-bottom: var(--s-hl-gap); border-bottom: 1px solid var(--flex-gray-15); } .hl-point:before { display: inline-block; width: .7em; height: .7em; margin-right: 7px; content: ''; border-radius: 100%; background-color: var(--g-color); } .single-standard-1 .single-header { padding-top: 15px; } .single-standard-2 .single-header-inner { padding-top: 25px; } .single.is-standard-2 .header-transparent, .single.is-audio-2 .header-transparent, .single.is-video-2 .header-transparent { position: relative; top: auto; right: auto; left: auto; } .yes-hd-transparent.is-standard-5 .navbar-inner { border-bottom: 1px solid var(--flex-gray-15); } .single-standard-2 .single-header { margin-bottom: 30px; } .single-standard-7 .single-header { margin-bottom: 30px; padding-top: 20px; } .page-header-1 img, .page-header-4 img, .widget-mc .newsletter-fw, .rb-accordion .elementor-accordion, .single-standard-1 .s-feat img, .single-standard-2 .s-feat img, .single-standard-7 .s-feat img, .single-standard-8 .s-feat img, .stemplate-feat img, .e-tax-feat img { border-radius: var(--round-5); } .single-standard-2 .s-feat img, .single-standard-7 .s-feat img { box-shadow: 0 4px 30px var(--shadow-7); } .single-standard-3 .single-header, .single-standard-4 .single-header { padding-top: 10px; padding-bottom: 30px; } .single-standard-3 .single-header-inner, .single-standard-4 .single-header-inner { overflow: hidden; border-radius: var(--round-5); } .single-standard-5 .single-header { padding-bottom: 30px; } .single-standard-8.single-embed-4 .grid-container, .single-standard-8 .grid-container { margin-top: 20px; } .single-embed-4 .s-feat-outer { margin-bottom: 0; padding-top: 20px; } .single-embed-4 .single-header, .single-standard-10 .single-header, .single .single-no-featured .single-header { margin-bottom: 20px; padding-bottom: 0; border-bottom: 5px solid var(--flex-gray-15); } .without-sidebar .single-caption-outer.rb-container, .without-sidebar .single-caption-outer { max-width: 720px; margin-right: auto; margin-left: auto; } .single-header-inner { position: relative; display: block; } .single-standard-2 .single-header-inner:before { position: absolute; z-index: 0; top: 0; right: 0; bottom: 90px; left: 0; width: 100%; content: ''; background-color: var(--dark-accent); } .single-standard-2.no-sfeat .single-header-inner:before { bottom: 0; } .single-standard-2.no-sfeat .single-header-inner { padding-bottom: 10px; } .single-standard-2 .single-header-inner > * { position: relative; z-index: 1; } .single-embed-2 .embed-bg-overlay { position: absolute; top: 0; right: 0; bottom: 90px; left: 0; width: 100%; opacity: .3; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-filter: blur(10px); filter: blur(10px); } .single-embed-2.yes-audio-hosted .single-header-inner { padding-bottom: 40px; } .single-embed-2.yes-audio-hosted .single-header-inner:before, .single-embed-2.yes-audio-hosted .embed-bg-overlay { bottom: 0; } .s-feat-holder { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; overflow: hidden; } .single-header-content { position: relative; z-index: 1; display: flex; flex: 0 0 100%; flex-flow: column nowrap; padding-right: 20px; padding-left: 20px; } .single-standard-3 .single-header-inner:before, .single-standard-4 .single-header-inner:before { position: relative; display: block; padding-bottom: 33%; content: ''; } .single-header-content:before { position: absolute; z-index: -1; bottom: 0; left: 0; display: block; width: 100%; height: 140%; content: ''; background: var(--dark-accent); background: linear-gradient(to top, var(--dark-accent) 20%, transparent 100%); } .single-standard-4 .single-header-content { max-width: 940px; } .single-standard-4 .single-header-content:before { height: calc(100% - 7px); border-top-right-radius: var(--round-5); background: var(--dark-accent); } .single-standard-4.has-bg-spacing .single-header-content:before { height: calc(100% + 20px); } .single-standard-5 .single-header-content { padding: 20% 0; } .single-standard-5 .single-header-content:before { display: none; } .full-dark-overlay { background-color: var(--dark-accent); } .full-dark-overlay img { opacity: .3; } .single-standard-6 .single-header { margin-bottom: 30px; } .single-standard-6 .single-header:before { position: absolute; top: 0; right: 0; bottom: 40px; left: 0; content: ''; background-color: var(--flex-gray-7); } [data-theme='dark'] .single-standard-6 .single-header:before { background-color: var(--dark-accent, var(--flex-gray-7)); } .single-header-columns { display: flex; align-items: center; margin-right: -20px; margin-left: -20px; } .single-header-columns > * { padding-right: 20px; padding-left: 20px; } .single-header-left { position: relative; flex: 0 0 60%; max-width: 60%; } .centered-header .single-standard-4 .single-header-content { margin-right: auto; margin-left: auto; } .centered-header .single-header .p-categories { justify-content: center; } .yes-center.single-meta, .yes-center .meta-inner { justify-content: center; } .smeta-sec .rb-bookmark { line-height: inherit; } .is-bookmark-border .bookmark-trigger { line-height: 1.2; padding: 2px 12px; border: 1px solid var(--flex-gray-15); border-radius: 9999px; } .single-standard-6 .s-feat-outer { position: relative; flex: 0 0 40%; max-width: 40%; margin-bottom: 0; } .has-feat-ratio .s-feat, .featured-vertical { position: relative; display: block; overflow: hidden; padding-bottom: 150%; border-bottom-right-radius: var(--round-5); border-bottom-left-radius: var(--round-5); } .single-standard-10.has-feat-ratio .s-feat { padding-bottom: var(--s10-feat-ratio, 45%); } .single-standard-11.has-feat-ratio .s-feat { padding-bottom: var(--s11-feat-ratio, 45%); } .featured-vertical img, .has-feat-ratio .s-feat img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .single-standard-6 .caption-holder { position: absolute; top: auto; right: 20px; bottom: 0; left: 20px; border-bottom-right-radius: var(--round-5); border-bottom-left-radius: var(--round-5); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .25) 30%, rgba(0, 0, 0, .8) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .25) 30%, rgba(0, 0, 0, .8) 100%); } .single-standard-6 .feat-caption { margin: 10px 20px 10px 20px; } .single-standard-10 .s-feat-outer { margin-top: 20px; margin-bottom: -10px; } .single-standard-11 .s-feat-outer { margin-top: 0; margin-bottom: 15px; } .rb-wp-errors > *:not(:last-child), .newsletter-box-title, .review-heading > *:not(:last-child), .review-section .meta-info > *:not(:last-child), .sqview > *:not(:last-child) { margin-bottom: 10px; } .qview-box { overflow: hidden; align-items: stretch; border-radius: var(--round-7); background-color: var(--flex-gray-7); } .review-quickview { position: relative; padding: 20px; background-color: var(--dark-accent); } .review-quickview-holder { position: relative; z-index: 2; display: flex; align-items: center; flex-flow: row wrap; justify-content: space-between; gap: 15px; --rating-size: 18px; } .review-quickview-inner { display: flex; align-items: center; flex-flow: row nowrap; flex-grow: 1; gap: 20px; } .review-quickview-meta { display: inline-flex; align-items: center; flex-flow: column nowrap; min-width: 3rem; padding: 12px 10px; text-align: center; color: var(--overlay-meta-color, var(--awhite)); border-radius: var(--border-radius, var(--round-5)); background-color: var(--overlay-meta-bg, var(--g-color)); gap: 5px; } .review-quickview-meta .meta-score { font-size: max(28px, 2rem); line-height: 1; } .review-quickview-meta .meta-text { font-size: min(13px, var(--rem-mini)); line-height: 1.2; } .review-quickview .rstar-wrap { margin-right: 0; --rating-size: 16px; } .spon-qview { padding: 5px 12px; } .spon-qview .sponsor-meta { margin-bottom: 0; } .spon-qview .sponsor-inner img { height: 3em; max-height: 50px; } .spon-qview .sponlogo-wrap { margin-right: 0; margin-left: auto; } .spon-qview .sponsor-brand-text { font-size: 1.3em; padding-left: 2px; text-transform: uppercase; } body .without-sidebar .s-ct { flex-basis: 100%; width: 100%; max-width: var(--max-width-wo-sb); margin-right: auto; margin-left: auto; --s-content-width: 100%; } .featured-embed, .paudio-embed, .pvideo-embed { position: relative; display: block; } .embed-holder { position: relative; display: block; width: 100%; padding-bottom: var(--video-ratio, 56%); border-radius: var(--round-5); background-color: rgba(0, 0, 0, .025); } .float-holder { -webkit-transform: var(--effect); transform: var(--effect); } .floating-activated .float-holder { position: fixed; z-index: 9999; top: auto; right: 20px; bottom: 100px; left: auto; display: block; width: 420px; max-width: 100%; height: auto; } .floating-activated .float-holder:before { position: relative; display: block; width: 100%; padding-bottom: 56%; content: ''; } .floating-close { position: absolute; top: auto; right: 0; bottom: 100%; display: block; } .paudio-embed .embed-holder { padding-bottom: var(--audio-ratio, 33.33%); } .embed-holder iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; width: 100%; height: 100%; border: none; border-radius: var(--round-5); } .pvideo-embed.is-self-hosted .wp-video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: var(--round-5); } .pvideo-embed.is-self-hosted .wp-video, .embed-holder .wp-video-shortcode { width: 100% !important; height: 100%; object-fit: cover; } body.yes-amp .embed-holder { padding-bottom: 0; } .slider-img-holder { display: block; width: 100%; padding-bottom: calc(var(--sg-ratio, 56) * 1%); } .coverflow-img-holder { display: block; width: 100%; padding-bottom: calc(var(--sg-ratio, 100) * 1%); } .slider-img-holder img, .coverflow-img-holder img { position: absolute; z-index: 98; display: block; width: 100%; height: 100%; border-radius: var(--round-5); object-fit: cover; } .gallery-slider-nav-holder img { border-radius: var(--round-3); } .carousel-img-holder img, .coverflow-img-holder img { border-radius: var(--round-5); } .gallery-slider-nav-outer { position: relative; display: flex; flex-flow: row nowrap; } .gallery-slider-nav-holder { position: relative; flex-grow: 1; } .gallery-slider-nav-holder .pre-load { max-height: 102px; opacity: 0; } .gallery-slider-nav { max-width: 750px; margin-top: 15px; margin-right: 0; margin-left: auto; } .gallery-slider-nav .slider-img-holder { padding-bottom: 66.7%; } .slider-caption { position: absolute; z-index: 99; bottom: 20px; width: auto; max-width: 80%; margin: 0; padding: 5px 20px 5px 0; border-radius: 0 var(--round-5) var(--round-5) 0; background-color: var(--solid-white); } .format-gallery-slider .caption-text:before { width: 30px; } .gallery-slider-info { display: flex; align-items: center; flex-shrink: 0; padding-right: 30px; } .gallery-slider-info svg { width: 60px; } .current-slider-info { display: flex; flex-flow: column nowrap; margin-top: 15px; } .current-slider-count { font-size: 2em; line-height: 1; margin-top: 7px; } .format-gallery-carousel .swiper-container { overflow: visible; } .format-gallery-carousel .swiper-slide { width: auto; } .carousel-img-holder img { width: auto; height: calc(var(--sg-ratio, 45) * 1vh); max-height: calc(var(--sg-ratio, 45) * 1vh); object-fit: cover; } .format-gallery-carousel .swiper-scrollbar { position: relative; height: 3px; margin-top: 15px; } .format-gallery-coverflow .swiper-pagination { position: relative; margin-top: 20px; } .gallery-slider-nav .swiper-slide:not(.swiper-slide-thumb-active) img { opacity: .5; } .gallery-slider-nav .swiper-slide:hover img { opacity: 1; } .gallery-slider-nav img { -webkit-transition: opacity .2s var(--timing); transition: opacity .2s var(--timing); } .gallery-coverflow .pre-load { max-height: 50vh; opacity: 0; } .slider-nav { font-size: 24px; position: absolute; z-index: 10; display: flex; flex-flow: row nowrap; color: #fff; } .slider-nav > * { line-height: 1; padding: 10px; -webkit-transition: var(--effect); transition: var(--effect); opacity: 0; } .slider-pagination-top.slider-pagination, .block-wrap .swiper-container-horizontal > .swiper-pagination-bullets { line-height: 0; position: absolute; z-index: 20; top: 0; right: 0; bottom: auto; left: auto; width: auto; height: auto; padding: 15px; } .block-wrap:hover .slider-nav > * { opacity: .7; } .block-wrap .slider-nav > *:hover { opacity: 1; } .post-slider .overlay-inner > * { -webkit-transition: opacity .5s var(--timing); transition: opacity .5s var(--timing); opacity: 0; } .elementor-editor-active .post-slider .overlay-inner > * { opacity: 1; } .post-slider .swiper-slide-active .overlay-inner > * { opacity: 1; } .swiper-slide-active .overlay-inner > *:nth-child(1) { -webkit-transition-delay: .3s; transition-delay: .3s; } .swiper-slide-active .overlay-inner > *:nth-child(2) { -webkit-transition-delay: .4s; transition-delay: .4s; } .swiper-slide-active .overlay-inner > *:nth-child(3) { -webkit-transition-delay: .5s; transition-delay: .5s; } .swiper-slide-active .overlay-inner > * { -webkit-transition-delay: .6s; transition-delay: .6s; } .gallery-popup-header { line-height: 1; position: absolute; top: 1px; right: 1px; display: inline-flex; align-items: center; justify-content: space-between; padding: 10px 10px 10px 20px; text-align: left; border-radius: var(--round-3); background-color: var(--dark-accent); gap: 20px; } .gallery-popup-nav { position: static; } .gallery-popup-content { position: static; display: flex; align-items: center; flex-grow: 1; justify-content: center; height: 100%; padding: 0; } .mfp-rbgallery, .gallery-popup-image { display: flex; height: 100%; } .featured-popup-image { position: relative; max-height: 100%; } .featured-popup-image .mfp-close { position: absolute; top: 0; right: 0; border-radius: 0 var(--round-5); } .popup-header-right { display: flex; align-items: center; flex-flow: row nowrap; flex-shrink: 0; gap: 10px; } .mfp-counter { font-size: var(--rem-mini); padding: 5px; white-space: nowrap; color: var(--awhite); border-radius: 3px; background: var(--g-color); } .rb-gallery-popup button { font-size: 20px; line-height: 36px; z-index: 9999; cursor: pointer; -webkit-transition: var(--effect); transition: var(--effect); color: var(--awhite); border: none; background: none; text-shadow: 0 1px 4px #0008; } .rb-gallery-popup button.mfp-close { font-size: 1rem; line-height: 1rem; opacity: 0.65; } .rb-gallery-popup button.mfp-close:hover { opacity: 1; } .featured-popup-image img, .gallery-popup-image img { display: inline-flex; flex-grow: 1; width: auto; height: auto; max-height: 100%; border-radius: var(--round-5); object-fit: contain; } .rb-popup-close { font-size: 16px; z-index: 9999; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; -webkit-transition: var(--effect); transition: var(--effect); color: var(--awhite); background-color: var(--dark-accent); } .rb-popup-close:hover { background-color: var(--g-color); } .gallery-popup-entry { position: absolute; right: 0; bottom: 0; left: 0; display: block; padding: 20px; text-align: center; background: -webkit-gradient(linear, left top, left bottom, from(var(--dark-accent-0)), to(var(--dark-accent))); background: linear-gradient(to top, var(--dark-accent) 0, var(--dark-accent-90) 50%, var(--dark-accent-0) 100%); } .gallery-popup-entry > * { display: block; } .gallery-popup-entry .description-text { font-size: min(14px, var(--meta-fsize)); margin-top: 7px; } .rb-gallery-popup .mfp-content { position: relative; display: inline-flex; overflow: hidden; flex-flow: column nowrap; justify-content: space-between; height: 100%; text-align: center; } .e-ct-outer > * { margin-bottom: 30px; } .page-header, .page-featured, .rbct { position: relative; display: block; } pre { font-family: Courier, monospace; overflow: auto; padding: 20px; white-space: pre-wrap; word-wrap: break-word; border-radius: var(--round-5); background-color: var(--flex-gray-7); } .has-lsl .s-ct-inner { display: flex; flex-flow: row nowrap; } .l-shared-sec-outer { position: relative; flex-shrink: 0; padding-right: 30px; padding-bottom: 40px; } .e-ct-outer { flex-grow: 1; min-width: 0; max-width: var(--s-content-width, 100%); margin-right: auto; margin-left: auto; } .l-shared-sec { font-size: 18px; position: sticky; position: -webkit-sticky; top: 12px; -webkit-transition: top .3s ease; transition: top .3s ease; will-change: top; } .l-shared-items { display: flex; align-items: center; flex-flow: column nowrap; border-radius: var(--round-5); background: var(--toc-bg, var(--solid-white)); box-shadow: 0 5px 30px var(--shadow-7); } .l-shared-sec .share-action { line-height: 48px; display: inline-flex; justify-content: center; width: 48px; border-radius: var(--round-5); } .l-shared-header { display: flex; align-items: center; flex-flow: column wrap; margin-bottom: 10px; } .l-shared-header i { font-size: 18px; } [data-theme='dark'] .rbtoc, [data-theme='dark'] .ulightbox-inner, [data-theme='dark'] .s-hl-2, [data-theme='dark'] .related-sec, [data-theme='dark'] .l-shared-items { background-color: var(--toc-bg, var(--dark-accent)); } .elementor-widget-text-editor p:not(:last-child), .elementor-text-editor p:not(:last-child), .elementor-widget-container .rbtoc, .elementor-widget-container.inline-single-ad, .elementor-widget-container .related-sec, .rbct > *, .comment-content > *, .wp-block-column > *, .rb-text > *:where(:not(:last-child)) { margin-block-start: 0; margin-block-end: var(--cp-spacing, 1.5rem); } .wp-block-heading, .rbct > h2, .rbct > h3, .rbct > h4, .rbct > h5, .rbct > h6, .rb-text h1, .rb-text h2, .rb-text h3, .rb-text h4, .rb-text h5, .rb-text h6 { margin-block-start: 0; margin-block-end: calc(var(--cp-spacing, 1.5rem) * .6); } .rbct > *:last-child, .comment-content > *:last-child, .wp-block-column > *:last-child, .rbct .clearfix { margin-bottom: 0; } p.has-background { border-radius: var(--round-5); } .comments-pagination { font-size: 12px; display: flex; justify-content: center; margin: 20px 0 20px 0; padding-bottom: 30px; border-bottom: 5px solid rgba(0, 0, 0, .07); } .comments-pagination .nav-previous, .comments-pagination .nav-next { padding-right: 10px; padding-left: 10px; } .rbct figure { max-width: 100%; height: auto; } .rbct > *.alignleft, img.alignleft, .rbct p img.alignleft { float: left; margin-right: 1.5rem; margin-left: 0; } img.aligncenter, .rbct p img.aligncenter, .rbct > *.aligncenter, .entry-summary > *.aligncenter { display: block; margin-right: auto; margin-left: auto; } .rbct > *.alignright, img.alignright, .rbct p img.alignright { float: right; margin-right: 0; margin-left: 1.5rem; } .rbct input[type='password'] { line-height: 1; min-width: 40%; margin-left: 20px; } .post-password-form > *:not(:first-child) { margin-top: 1rem; } .post-password-form label { font-style: italic; } .rbct .woocommerce { margin-bottom: 0; } .rbct .woocommerce div.product { margin-bottom: 1.5rem; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } .wp-block-image { max-width: 100%; margin-right: 0; margin-left: 0; } .wp-block-image img, .wp-block-image.alignfull img { max-width: 100%; } .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized { display: table; margin-right: 0; margin-left: 0; } .wp-block-image .aligncenter { display: table; margin-right: auto; margin-left: auto; } .without-sidebar .wp-block-gallery.alignwide, .without-sidebar .wp-block-image.alignwide img, .yes-wide-f .wp-block-gallery.alignwide, .yes-wide-f .wp-block-image.alignwide img { width: max(min(92vw, var(--alignwide-w)), 100%); max-width: none; margin-left: calc(50% - max(min(92vw, var(--alignwide-w)), 100%) / 2); } .image-caption, .wp-caption-text, .gallery-caption, .rbct .wp-block-audio figcaption, .rbct .wp-block-video figcaption, .rbct .wp-block-image figcaption, .rbct .wp-block-embed figcaption { font-size: min(var(--meta-fsize), 13px); margin: 0; padding-top: 5px; text-transform: none; } figcaption:not(:empty):before, .wp-caption-text:before { display: var(--caption-bdisplay, inline-block); width: 30px; height: .3em; margin-right: 7px; content: ''; border-top: 1px solid; } .wp-block-image:not(.is-style-rounded) img { border-radius: var(--round-3); } .wp-block-button__link:hover, .is-style-outline > .wp-block-button__link:not(.has-background):hover, .wp-block-button__link.is-style-outline:not(.has-background):hover { color: #fff; background-color: var(--g-color); } .wp-block-image figure { margin: 0; } .wp-block-image .alignleft { float: left; margin-right: 1.5rem; } .wp-block-image .alignright { float: right; margin-left: 1.5rem; } .wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > figcaption { display: table-caption; caption-side: bottom; } .wp-block-gallery.alignleft, .wp-block-gallery.alignright, .blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright { width: 100%; max-width: 420px; } .rbct .wp-block-cover .wp-block-cover-text a, .rbct .wp-block-gallery .blocks-gallery-image figcaption, .rbct .wp-block-gallery .blocks-gallery-item figcaption { color: var(--awhite); } .wp-block-gallery figcaption:before { display: none; } .wp-block-spacer, .rbct .wp-block-spacer { margin: 0; } .wp-block-cover, .wp-block-cover-image { height: auto; color: #fff; } .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright { margin-bottom: 0; } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, section.wp-block-cover-image > h2 { max-width: 100%; margin: 0 auto !important; } .wp-block-cover__video-background, .rbct .wp-block-cover__video-background { width: 100%; height: 100%; } .wp-block-cover a { text-decoration: none !important; color: inherit !important; } .wp-block-cover a:hover { text-decoration: underline !important; } .single-post-outer.has-continue-reading, .elementor-widget-foxiz-single-featured, .rbct > :last-child.wp-block-image, .no-overflow { overflow: clip; } .rbct dt, .comment-content dt { font-weight: 700; } .rbct a.button { display: inline-block; } .rbct img, .rbct video, .comment-content img { max-width: 100%; height: auto; } .rbct address, .comment-content address { margin-bottom: 30px; } cite br, p:empty, .rbct p:empty, .comment-content p:empty { display: none; } .wp-caption img[class*='wp-image-'] { display: block; margin-right: auto; margin-left: auto; } .rbct figure a { border-bottom: none; } .rbct iframe { overflow: hidden; max-width: 100%; margin-right: auto; margin-bottom: 30px; margin-left: auto; } .rbct ol, .comment-content ol, ol.wp-block-list, .wp-block-list li ol, .elementor-widget-text-editor ol, .rb-text ol { list-style: decimal inside; } ul.wp-block-list, .rbct ul, .comment-content ul, .elementor-widget-text-editor ul, .rb-text ul { list-style: circle inside; } .wp-block-list li ul, .rbct ul ul, .comment-content ul ul, .elementor-widget-text-editor ul ul, .rb-text ul ul { list-style: disc inside; } .rbct li > ol, .rbct li > ul, .comment-content li > ol, .comment-content li > ul, .elementor-widget-text-editor li > ol, .elementor-widget-text-editor li > ul { padding-top: .5rem; padding-left: 1rem; } .comment-content li, .rbct li, .elementor-widget-text-editor li { position: relative; margin-bottom: .5rem; } .rbct .wp-block-gallery ul, .rbct .wp-block-gallery ol, .rbct .wp-block-archives { list-style: none; } table { width: 100%; max-width: 100%; border-spacing: 0; border-collapse: collapse; text-align: left; border-color: var(--flex-gray-15); } .wp-block-table thead { font-family: var(--h6-family); font-size: var(--h6-fsize); font-weight: var(--h6-fweight); font-style: var(--h6-fstyle); line-height: var(--h6-fheight, 1.2); letter-spacing: var(--h6-fspace); text-transform: var(--h6-transform); } th, td { padding: .5em; border: 1px solid var(--flex-gray-15); } th, .wp-block-table th { font-weight: 700; border-color: var(--flex-gray-15); } thead { color: var(--awhite); background-color: var(--dark-accent); } td, .wp-block-table td, .wp-block-table.is-style-stripes { border-color: var(--flex-gray-15); } .wp-block-table tr:nth-child(odd), .wp-block-table.is-style-stripes tbody tr:nth-child(odd), tbody tr:nth-child(odd) { background-color: var(--flex-gray-7); } .rbct > .wp-block-cover.aligncenter { display: flex; } .wp-block-group.has-background { padding: 20px 30px; } .wp-block-group__inner-container .wp-block-button { margin-bottom: 2rem; } .has-drop-cap:not(:focus):first-letter { font-size: 5em; font-weight: bold; line-height: .8; } .has-drop-cap:not(:focus):after { padding-top: 5px; } .rbct .gallery, .gallery { display: flex; flex-flow: row wrap; margin-top: calc(2rem - 5px); margin-bottom: calc(2rem - 5px); text-align: center; } .gallery-item { position: relative; margin: 0 0 10px 0; padding: 5px; } .gallery-item img { display: block; max-width: 100%; margin-right: auto; margin-left: auto; } .gallery-item div { margin: 0; } .rbct .attachment img { display: block; margin-right: auto; margin-left: auto; } .rbct .twitter-tweet { margin-right: auto; margin-bottom: 0 !important; margin-left: auto; } .rbct blockquote.twitter-tweet { opacity: 0.1; } blockquote { position: relative; padding: 0 1.5rem; quotes: '\201C' '\201D' '\2018' '\2019'; } blockquote > * { margin-top: .75rem; margin-bottom: .75rem; } blockquote > *:first-child { margin-top: 0; } blockquote > *:last-child { margin-bottom: 0; } .wp-block-quote { quotes: '“' '”'; } pre.wp-block-verse { font-family: Courier, monospace; } .widget_rss cite:before, blockquote cite:before { display: inline-block; width: 30px; height: .3em; margin-right: 7px; content: ''; color: var(--g-color); border-top: 1px solid currentColor; } .wp-block-pullquote { line-height: 1; padding: 3em 0 1em; } .wp-block-pullquote blockquote:before { font-size: 5em; line-height: 0; position: relative; left: 0; display: block; } .wp-block-pullquote:not(.alignleft):not(.alignright) blockquote:before { quotes: '\201c' '\201d'; } .wp-block-pullquote.is-style-solid-color blockquote:before, .wp-block-pullquote.is-style-solid-color cite:before { color: inherit; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { padding: 2rem 0; } .wp-block-pullquote.alignleft cite:before, .wp-block-pullquote.alignright cite:before { width: 20px; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding: 0 1.75rem; } blockquote:before { font-size: 2.5rem; line-height: .75; position: absolute; left: 0; content: open-quote; color: var(--g-color); } .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before { font-size: 3.5em; } blockquote p { font-family: var(--quote-family, var(--h1-family)); font-weight: var(--quote-fweight, var(--h1-fweight)); line-height: 1.5; letter-spacing: var(--quote-fspace, var(--h1-fspace)); text-transform: var(--quote-transform, var(--h1-transform)); } .wp-block-latest-posts.is-grid li { margin-top: 0; margin-bottom: .5rem; } .widget_rss cite:before { width: 20px; } .rbct iframe.instagram-media { margin-right: auto; margin-bottom: 1.5em; margin-left: auto; } .rbct a:where(:not(.p-url):not(button):not(.p-category):not(.is-btn):not(.table-link-depth):not(.wp-block-button__link):not(.no-link):not(.h-link)), .elementor-widget-text-editor p a, .textwidget a:where(:not(.p-url)) { font-weight: var(--hyperlink-weight, 700); font-style: var(--hyperlink-style, normal); -webkit-transition: var(--effect); transition: var(--effect); color: var(--hyperlink-color, inherit); text-decoration-color: var(--hyperlink-line-color, transparent); text-decoration-line: underline; text-underline-offset: 1px; } .rbct a:where(:not(.p-url):not(button):not(.p-category):not(.is-btn):not(.table-link-depth):not(.wp-block-button__link):not(.no-link):not(.h-link)):hover, .elementor-widget-text-editor p a:hover, .textwidget a:where(:not(.p-url)) { color: var(--g-color); text-decoration-color: var(--g-color) } .wp-block-rss a, .wp-block-categories a, .wp-block-archives a, .wp-block-latest a, .wp-block-tag-cloud a { font-family: var(--dwidgets-family); font-size: var(--dwidgets-fsize); font-weight: var(--dwidgets-fweight) !important; font-style: var(--dwidgets-fstyle) !important; line-height: 1.4; -webkit-transition: var(--effect); transition: var(--effect); text-decoration: none !important; letter-spacing: var(--dwidgets-fspace); text-transform: var(--dwidgets-transform); } .wp-element-button, .elementor-button, .wp-block-button a { font-family: var(--btn-family); font-weight: var(--btn-fweight); font-style: var(--btn-fstyle); -webkit-transition: var(--effect); transition: var(--effect); text-decoration: inherit; letter-spacing: var(--btn-fspace); text-transform: var(--btn-transform); border-radius: var(--round-5); } .rbct .wp-block-embed.wp-block-embed-facebook, .rbct .wp-block-embed.wp-block-embed-instagram, .rbct .wp-block-embed.wp-block-embed-twitter { max-width: 520px; margin-right: auto; margin-left: auto; } .rbct .wp-block-comments a, .rbct .wp-block-post-terms a, .web-stories-list__archive-link a { text-decoration: none; } .wp-block-heading a { text-decoration-color: currentColor !important; } .gallery-columns-1 .gallery-item { flex: 0 0 100%; width: 100%; } .gallery-columns-2 .gallery-item { flex: 0 0 50%; width: 50%; } .gallery-columns-3 .gallery-item { flex: 0 0 33.333%; width: 33.33%; } .gallery-columns-4 .gallery-item { flex: 0 0 25%; width: 25%; } .gallery-columns-5 .gallery-item { flex: 0 0 20%; width: 20%; } .gallery-columns-6 .gallery-item { flex: 0 0 16.66%; width: 16.66%; } .gallery-columns-7 .gallery-item { flex: 0 0 14.285%; width: 14.285%; } .gallery-columns-8 .gallery-item { flex: 0 0 12.5%; width: 12.5%; } .gallery-columns-9 .gallery-item { flex: 0 0 11.111%; width: 11.111%; } .inline-single-ad.alignfull { display: block; float: none; width: 100%; } .wpcf7-form { display: flex; align-items: flex-start; flex-flow: row wrap; gap: 20px 40px; } .is-input-border input:not([type='submit']), .is-input-border textarea { border: 1px solid var(--flex-gray-15); background-color: transparent; } .is-input-border input:not([type='submit']):focus, .is-input-border textarea:focus { border-color: var(--flex-gray-40); } [class *='input-col-'] *:not([type='submit']):not([type='file']):not(.wpcf7-spinner) { width: 100%; max-width: 100%; } .wpcf7-form-control-wrap.your-message, .wpcf7-form-control-wrap[data-name='your-message'] { width: 100%; max-width: 100%; } .wpcf7-spinner { top: calc((2.6rem - 24px) / 2); } .wpcf7 .wpcf7-submit { font-size: 1rem; line-height: 2.6rem; margin-top: 10px; text-transform: inherit; } span.wpcf7-list-item { display: flex; align-items: center; margin-left: 0; padding-top: 10px; } .wpcf7-not-valid-tip { font-size: var(--rem-mini); padding-top: 7px; } .wpcf7 form .wpcf7-response-output { font-size: var(--rem-mini); width: 100%; margin: 10px 0; padding: 10px 20px; border: none; border-radius: var(--round-5); background-color: #46b45022; } .wpcf7-file { font-family: var(--input-family); padding: 15px; border: 2px dashed; border-radius: var(--round-3); background-color: var(--flex-gray-7); } .wpcf7-form label { font-family: var(--btn-family); font-size: var(--btn-fsize); font-weight: var(--btn-fweight); font-style: var(--btn-fstyle); display: inline-block; width: 100%; margin-bottom: 7px; } .wpcf7-form.sent > *:not(.wpcf7-response-output) { display: none; } .wpcf7 form.sent .wpcf7-response-output { background-color: #46b45022; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { background-color: #dc323222; } .wpcf7 form.spam .wpcf7-response-output { background-color: #f56e2822; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { background-color: #ffb90022; } button, .button, .faux-button, .rbct .wp-block-button__link, .wp-block-file .wp-block-file__button, .rbct input[type='button'], .rbct input[type='reset'], .rbct input[type='submit'] { text-decoration: none; } ul.rb-list, ol.rb-list { padding-left: 0; list-style: none; } .rb-list li:before { font-family: 'ruby-icon' !important; font-size: var(--em-mini); position: relative; display: inline-block; margin-right: 7px; content: '\e960'; color: #5e8858; } .wp-block-group__inner-container > *:not(:last-child) { margin-bottom: 1.5rem; } .rbct .wp-block-file .wp-block-file__button { display: table; margin-top: calc(0.75 * 1em); margin-left: 0; padding: .7em 1.5em; color: var(--awhite); border-radius: var(--round-5); background-color: var(--g-color); } .rbct > p > img { margin-top: 1rem; margin-bottom: 1rem; } .rbct > figure.wp-caption.alignleft, .rbct > figure.wp-caption.alignnone, .rbct > figure.wp-caption.aligncenter, .rbct > figure.wp-caption.alignright { margin-top: 1rem; } .page-template-default .s-ct .comment-box-wrap.entry-sec, .page-template-default .rbct > *.alignright { clear: both; } .single-rb-etemplate { padding-top: 50px; } .single-rb-etemplate ul, .single-rb-etemplate ol { list-style: none; } .rb-admin-info { font-size: 11px; padding: 7px 10px; text-align: center; color: #000; border-radius: 7px; background-color: #fc0; } .wp-block-pullquote.is-style-solid-color blockquote { margin-bottom: 0; padding: 30px; } .wp-block-pullquote.is-style-solid-color blockquote:before { margin-bottom: 0; } .rbtoc { display: inline-flex; float: none; flex-flow: column nowrap; width: 100%; max-width: 100%; margin-right: 0; padding: 20px 20px 13px; border-radius: var(--round-5); background-color: var(--toc-bg, transparent); box-shadow: 0 5px 30px var(--shadow-7); } .toc-header { display: flex; overflow: hidden; align-items: center; width: 100%; } .toc-header .rbi-read { line-height: 0; margin-right: 7px; color: var(--g-color); } .toc-content a { position: relative; display: block; padding-top: 7px; padding-bottom: 7px; -webkit-transition: var(--effect); transition: var(--effect); opacity: 1; break-inside: avoid-column; } .toc-content a:not(:first-child) { border-top: 1px solid var(--flex-gray-15); } .toc-content a:before { font-size: var(--em-mini); display: inline-flex; flex-grow: 0; margin-right: 5px; padding: 0 4px; -webkit-transition: var(--effect); transition: var(--effect); color: var(--awhite); border-radius: var(--round-3); background-color: var(--dark-accent); } .toc-content a:visited, [data-theme='dark'] .toc-content a:visited:not(:hover):before { color: var(--flex-gray-15); } .toc-content a:hover { opacity: 1; color: var(--g-color); } .toc-content a:hover:before { background-color: var(--g-color); } .rbtoc.no-numlist a:before { display: none; } body:not([data-theme='dark']) .toc-content a:visited:not(:hover):before { background-color: var(--flex-gray-15); } .toc-content { position: relative; padding-top: 15px; counter-reset: table-content; } .wp-block-file a:not(.wp-block-file__button):before { font-family: 'ruby-icon'; margin-right: 5px; content: '\e944'; } .wp-block-file a:not(.wp-block-file__button) { text-decoration: none !important; } .table-link { counter-reset: table-content-subsection; } .table-link:before { content: counter(table-content); counter-increment: table-content; } .table-link-depth:before { content: counter(table-content) '.' counter(table-content-subsection); counter-increment: table-content-subsection; } .table-link-depth { margin-left: 20px; } .table-left .table-link-depth:before { margin-right: 3px; } .depth-1 { counter-reset: table-content-depth2; } .depth-2 { margin-left: 40px; counter-reset: table-content-depth3; } .depth-3 { margin-left: 60px; } .table-link-depth.depth-2:before { content: counter(table-content) '.' counter(table-content-subsection) '.' counter(table-content-depth2); counter-increment: table-content-depth2; } .table-link-depth.depth-3:before { content: counter(table-content) '.' counter(table-content-subsection) '.' counter(table-content-depth2) '.' counter(table-content-depth3); counter-increment: table-content-depth3; } .toc-toggle { display: flex; flex-grow: 1; justify-content: flex-end; cursor: pointer; -webkit-transition: var(--effect); transition: var(--effect); text-decoration: none !important; } .toc-toggle:hover { color: var(--g-color); } .toc-toggle i { font-size: var(--h3-fsize); line-height: 24px; display: inline-flex; height: 24px; -webkit-transition: var(--effect); transition: var(--effect); } .toc-toggle.activate i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .wp-block-archives, .wp-block-categories { max-width: 350px; } .wp-block-categories-list .count, .wp-block-archives-list .count { font-size: 11px; line-height: 18px; float: right; min-width: 18px; padding: 0 3px; -webkit-transition: var(--effect); transition: var(--effect); text-align: center; color: var(--awhite); background-color: var(--dark-accent); } .wp-block-calendar table th { background-color: transparent; } .wp-block-calendar table caption, .wp-block-calendar table tbody { color: inherit; } .wp-block-latest-comments li { margin-bottom: 20px; } .wp-block-latest-comments a.wp-block-latest-comments__comment-author { text-decoration: none !important; } .wp-block-latest-comments a.wp-block-latest-comments__comment-link { font-family: var(--h4-family); font-size: var(--h4-fsize); font-weight: var(--h4-fweight); line-height: var(--h4-fheight, 1.4); margin-top: 2px; margin-bottom: 0; text-decoration: none !important; } .wp-block-latest-comments .wp-block-latest-comments__comment-date { font-size: 12px; font-weight: 500; margin-top: 5px; color: var(--meta-fcolor); } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt { font-size: var(--rem-small); line-height: 1.7; margin-top: 12px; } .wp-block-latest-posts li { font-family: var(--h4-family); font-size: var(--h4-fsize); font-weight: var(--h4-fweight); line-height: var(--h4-fheight, 1.4); position: relative; display: block; width: 100%; } .rtl .wp-block-latest-posts li { /*rtl:ignore*/ display: inline-flex; /*rtl:ignore*/ align-items: center; /*rtl:ignore*/ } .wp-block-separator.is-style-dots:before { padding-left: 1.5rem; letter-spacing: 1.5rem; } .wp-block-latest-posts li:before { font-family: 'ruby-icon' !important; font-size: 8px; font-weight: normal; display: inline; margin-right: 6px; content: '\e900'; -webkit-transition: var(--effect); transition: var(--effect); vertical-align: middle; } .wp-block-latest-posts li:hover:before { text-decoration: none; color: var(--awhite); background-color: var(--g-color); } .wp-block-latest-posts__post-date { font-size: 12px; margin-top: 5px; color: var(--meta-fcolor); } .wp-block-rss .wp-block-rss__item-title a { font-family: var(--h4-family); font-size: var(--h4-fsize); font-weight: var(--h4-fweight); display: block; letter-spacing: var(--h4-fspace); } .wp-block-rss .wp-block-rss__item-title a:before { font-family: 'ruby-icon' !important; font-size: var(--em-mini); position: relative; margin-right: 7px; content: '\42'; } .wp-block-rss li.wp-block-rss__item { margin-bottom: 15px; } hr.wp-block-separator:not(.is-style-dots):not(.is-style-wide) { max-width: 100px; margin-left: 0; } .wp-block-separator:not(.is-style-dots) { position: relative; display: block; height: 10px; margin-top: 30px; margin-bottom: 30px; opacity: 1; border: none; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-repeat: repeat; background-position: 1px 1px; background-size: 5px 5px; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { position: relative; display: block; width: 100%; max-width: 100%; height: 10px; margin-top: 30px; margin-bottom: 30px; opacity: .25; border: none; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-repeat: repeat; background-position: 1px 1px; background-size: 5px 5px; } .rbct *::selection { background: #cfddf0; } [data-theme='dark'] .rbct *::selection { background: #3e4c5f; } .wp-block-code code { font-family: Courier, monospace; display: block; white-space: pre-wrap; overflow-wrap: break-word; } .highlight-shares { line-height: 0; z-index: 999; cursor: pointer; -webkit-transition: all .3s var(--timing); transition: all .3s var(--timing); } .highlight-shares i { font-size: 16px; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 38px; color: var(--awhite); } .highlight-shares i.rbi-reddit { font-size: 20px; margin-top: -2px; } .highlight-shares > div:first-child { display: flex; align-items: center; flex-flow: row nowrap; border-radius: var(--round-7); background-color: var(--absolute-dark); box-shadow: 0 3px 12px rgba(0, 0, 0, .15); } .highlight-shares > div:last-child { left: 50%; margin-left: -5px; border-top: 5px solid var(--absolute-dark); box-shadow: 0 3px 12px rgba(0, 0, 0, .15); } .page-selected-outer { display: flex; align-items: center; flex-flow: row nowrap; border-radius: var(--round-7); box-shadow: 0 5px 30px var(--shadow-7); } .page-selected-title { display: flex; align-items: center; padding: 0 10px; } .page-selected-title span { line-height: 1; padding: 7px 15px; color: var(--awhite); border-radius: var(--round-3); background-color: var(--g-color); } .page-selected-current { display: flex; align-items: center; cursor: pointer; } .page-selected { position: relative; display: flex; flex-grow: 1; padding: 10px; } .page-selected-nav { padding: 10px; } .page-selected-list { position: absolute; z-index: 888; top: -9999px; right: -10px; left: -10px; display: block; cursor: auto; -webkit-transition: top 0s ease .2s, opacity .2s var(--timing), margin .2s var(--timing) .2s; transition: top 0s ease .2s, opacity .2s var(--timing), margin .2s var(--timing) .2s; pointer-events: none; opacity: 0; border-radius: var(--round-3); background: var(--solid-white); box-shadow: 0 4px 30px var(--shadow-7); } .page-selected:hover .page-selected-list { top: calc(100% - 1px); bottom: auto; visibility: visible; max-width: 1200px; margin-top: 0; -webkit-transition: top 0s ease 0s, opacity .2s var(--timing), margin .2s var(--timing) 0s; transition: top 0s ease 0s, opacity .2s var(--timing), margin .2s var(--timing) 0s; pointer-events: auto; opacity: 1; } .page-selected-nav.page-links { margin-top: 0; } .page-selected-nav.page-links .post-page-numbers { padding: 0 10px; } .page-list-item:last-child { border: none; } .page-list-item .current, .page-selected-nav .empty-link { pointer-events: none; opacity: .5; } .page-list-item > * { display: block; padding: 7px 20px; -webkit-transition: var(--effect); transition: var(--effect); border-bottom: 1px solid var(--flex-gray-15); } .page-list-item a:hover { color: var(--g-color); border-color: transparent; background-color: var(--flex-gray-7); } .rb-video-ires { position: relative; display: block; width: 100%; padding-bottom: 56.25%; } .rb-video-ires iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .medium-entry-size .rbct > * { font-size: 1.1em; } .medium-entry-size .rbct h1 { font-size: calc(var(--h1-fsize) * 1.1); } .medium-entry-size .rbct h2 { font-size: calc(var(--h2-fsize) * 1.1); } .medium-entry-size .rbct h3 { font-size: calc(var(--h3-fsize) * 1.1); } .medium-entry-size .rbct h4 { font-size: calc(var(--h4-fsize) * 1.1); } .medium-entry-size .rbct h5 { font-size: calc(var(--h5-fsize) * 1.1); } .medium-entry-size .rbct h6 { font-size: calc(var(--h6-fsize) * 1.1); } .big-entry-size .rbct > * { font-size: 1.2em; } .big-entry-size .rbct h1 { font-size: calc(var(--h1-fsize) * 1.2); } .big-entry-size .rbct h2 { font-size: calc(var(--h2-fsize) * 1.2); } .big-entry-size .rbct h3 { font-size: calc(var(--h3-fsize) * 1.2); } .big-entry-size .rbct h4 { font-size: calc(var(--h4-fsize) * 1.2); } .big-entry-size .rbct h5 { font-size: calc(var(--h5-fsize) * 1.2); } .big-entry-size .rbct h6 { font-size: calc(var(--h6-fsize) * 1.2); } .font-resizer-trigger { display: inline-flex; align-items: center; flex-flow: row nowrap; padding-left: 5px; -webkit-transition: var(--effect); transition: var(--effect); } .font-resizer-trigger:after { font-family: 'ruby-icon' !important; font-size: 9px; padding-left: 1px; content: '\e961'; } .medium-entry-size .font-resizer-trigger { -webkit-transform: scale(1.07); transform: scale(1.07); } .big-entry-size .font-resizer-trigger { -webkit-transform: scale(1.15); transform: scale(1.15); } /* ----------------- 10 - Archives ----------------- */ .archive-header { position: relative; z-index: 1; padding-top: 25px; padding-bottom: 25px; } .solid-bg { background-color: var(--flex-gray-7); } .is-pattern:before { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; content: ''; pointer-events: none; opacity: .15; } .pattern-dot:before { background-image: radial-gradient(var(--body-fcolor) 1px, transparent 1px); background-size: 15px 15px; } .pattern-dot2:before { background-image: radial-gradient(var(--body-fcolor) 1px, transparent 1px), radial-gradient(var(--body-fcolor) 1px, var(--solid-white) 1px); background-position: 0 0, 10px 10px; background-size: 20px 20px; } .pattern-diagonal:before { background: repeating-linear-gradient(45deg, var(--body-fcolor), var(--body-fcolor) 7px, transparent 7px, transparent 37px); } .pattern-diagonal2:before { background-image: repeating-linear-gradient(-90deg, var(--body-fcolor), var(--body-fcolor) 1px, transparent 0, transparent 50%); background-size: 24px 24px; } .is-pattern.pattern-diagonal:before, .is-pattern.pattern-diagonal2:before { opacity: .05; } .archive-inner { position: relative; z-index: 10; display: flex; align-items: center; flex-flow: row nowrap; } .archive-title.b-follow { display: flex; align-items: center; flex-flow: row wrap; gap: 20px; } .is-centered .archive-title.b-follow { flex-flow: column nowrap; gap: 10px; } .e-archive-title { color: var(--archive-hcolor, var(--h1-fcolor)); } .e-archive-title * { color: inherit; } .b-follow .rb-follow { width: auto; min-width: 100px; padding-right: 15px; padding-left: 15px; border-radius: var(--round-7); } .b-follow .rb-follow i { -webkit-transform: none !important; transform: none !important; } .b-follow a { width: 100%; } .b-follow .rb-follow i:after { font-family: var(--meta-b-family); font-size: inherit; font-weight: var(--meta-b-fweight); margin-left: 5px; content: attr(data-title); } .light-scheme .b-follow .rb-follow { border-color: currentColor; } .archive-header-content { flex-grow: 1; } .archive-header-content .qlinks-inner { justify-content: center; } .taxonomy-description { column-count: var(--excerpt-columns, 1); column-gap: var(--excerpt-gap, 1.5em); } .taxonomy-description:not(.e-taxonomy-description) { max-width: 720px; } .subcat-wrap { display: flex; align-items: center; flex-flow: row wrap; } .subcat-wrap > * { font-size: .8rem; display: inline-flex; } .subcat-heading { align-items: center; margin-right: 4px; color: var(--meta-fcolor); } .subcat-heading i { font-size: 11px; margin-right: 4px; } .h5.sub-cat-item a { position: relative; margin-right: 1px; padding: 4px; -webkit-transition: var(--effect); transition: var(--effect); white-space: nowrap; } .sub-cat-item:not(:last-child) a:after { position: absolute; top: 50%; right: -1px; display: inline-flex; height: 10px; margin-top: -5px; content: ''; border-left: 1px solid var(--flex-gray-15); } .category-hero-wrap { position: relative; display: flex; flex-flow: row nowrap; flex-grow: 0; width: 100%; max-width: 420px; } .archive-header .category-hero-wrap { width: 33.33%; } .category-hero-item { position: relative; z-index: 100; display: flex; width: 100%; } .category-hero-item:nth-child(2) { position: absolute; z-index: 0; top: 15px; left: 15px; -webkit-filter: blur(5px); filter: blur(5px); } .category-hero-item-inner { position: relative; display: block; overflow: hidden; width: 100%; padding-bottom: 60%; border-radius: var(--round-5); } .category-hero-item img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .archive-header-content > *:not(:last-child) { margin-bottom: 15px; } .category-feat-overlay { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; } .archive-header.category-header-2 { position: relative; margin-bottom: 40px; padding-top: 50px; padding-bottom: 50px; background-color: var(--dark-accent); } .category-header-2 .archive-title { justify-content: center; } .category-header-2 .archive-header-content { position: relative; z-index: 10; display: flex; align-items: center; flex-flow: column nowrap; text-align: center; } .category-header-2 .archive-title.has-follow { flex-flow: column nowrap; } .yes-hd-transparent .archive-header.category-header-2 { padding-top: calc(50px + var(--nav-height)); } .category-header-2 .qlink, .category-header-4 .qlink { font-size: .8rem; --qlink-padding: 7px 12px; } .archive-header.category-header-3, .archive-header.category-header-4 { padding-top: 20px; padding-bottom: 20px; } .category-header-4 .breadcrumb-wrap, .category-header-4 .archive-title, .category-header-4 .taxonomy-description { justify-content: center; max-width: 720px; margin-right: auto; margin-left: auto; text-align: center; } .category-header-3 .archive-header-content .breadcrumb-wrap, .category-header-4 .archive-header-content .breadcrumb-wrap { margin-bottom: 5px; } .category-feat-overlay img { width: 100%; height: 100%; opacity: .5; -webkit-filter: blur(5px); filter: blur(5px); object-fit: cover; } .blog-wrap { margin-top: 30px; margin-bottom: 30px; } .blog-content > .block-h { margin-bottom: 20px; } .without-sidebar .blog-content { flex-basis: 100%; width: 100%; } .search-header { position: relative; display: block; padding-top: 25px; } .yes-hd-transparent .search-header { padding-top: calc(40px + var(--nav-height)); color: var(--awhite); } .search-header:before { position: absolute; top: 0; right: 0; bottom: 27px; left: 0; content: ''; pointer-events: none; background-color: var(--flex-gray-7); } .search-header-inner { position: relative; z-index: 1; } .search-header-content { display: block; margin-bottom: 25px; text-align: center; } .search-subtitle { display: block; margin-top: 10px; color: var(--excerpt-color); } .search-header-form .search-form { max-width: 620px; margin-right: auto; margin-left: auto; border-radius: var(--round-5); background-color: var(--solid-white); box-shadow: 0 0 40px var(--shadow-12); } .search-empty { max-width: 500px; min-height: 35vh; margin-top: 30px; margin-right: auto; margin-left: auto; text-align: center; color: var(--meta-fcolor); } .author-header-inner .breadcrumb-wrap { margin-bottom: 15px; } .bio-title-wrap { display: flex; align-items: center; gap: 12px; } .bio-title { text-decoration-color: var(--g-color); text-decoration-line: underline; text-decoration-style: dotted; text-decoration-thickness: 3px; } .bio-description { font-size: var(--rem-small); display: block; margin-top: 12px; } .ulightbox .bio-description { font-size: var(--excerpt-fsize); color: var(--excerpt-color); } .ubio .bio-description { max-width: 720px; } .ubio, .ubio-inner { display: flex; align-items: center; flex-flow: row nowrap; flex-grow: 1; } .bio-content .usocials { margin-top: 12px; } .nname-info { display: inline-flex; gap: .25em; } .verified-tick { font-size: 1.2em; margin-top: -.3em; color: var(--verified-color, #4caf50); } .bio-content .verified-tick { font-size: min(.8em, 24px); position: relative; top: -.4em; display: inline-flex; margin-left: -3px; } .bio-avatar { position: relative; display: flex; overflow: hidden; flex-flow: column nowrap; flex-shrink: 0; width: 100px; height: 100px; margin-right: 20px; padding: 4px; border-radius: 50%; } .bio-count-posts { display: flex; align-items: flex-end; flex-flow: column nowrap; justify-content: flex-end; padding-left: 20px; } .ef-label:not(:first-child):before { margin-right: .7em; content: '/'; opacity: .5; } .bio-avatar:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; border-top: 2px solid; border-radius: 50%; } /* ----------------- 11 - Pages ----------------- */ .single-page .s-ct { padding-bottom: 25px; --max-width-wo-sb: 100%; } .page-header-inner { position: relative; z-index: 10; display: flex; flex-flow: column nowrap; flex-grow: 1; gap: 7px; } .page-header-inner .s-title { width: 100%; } .right-breadcrumb .page-header-inner { align-items: center; flex-flow: row wrap; justify-content: space-between; } .page-header-1, .page-header-4 { margin-bottom: 30px; padding-top: 30px; } .page-header-1 .page-header-inner { flex-direction: column-reverse; } .page-header-2 { overflow: hidden; margin-bottom: 25px; padding-top: 40px; padding-bottom: 40px; background-color: var(--dark-accent); } .page-featured-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; } .single-header-overlay { position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; display: block; padding: 0 20px 20px 20px; } .single-header-overlay:before { position: absolute; z-index: -1; top: -10%; right: 0; bottom: 0; left: 0; display: block; content: ''; border-radius: 0 0 var(--round-5) var(--round-5); background: linear-gradient(to top, var(--dark-accent) 0, var(--dark-accent-90) calc(100% - 150px), var(--dark-accent-0) 100%); } .page-featured-overlay img { width: 100%; height: 100%; object-fit: cover; } .page404-wrap { display: flex; align-items: center; width: 100%; min-height: 70vh; } .page404-inner { display: block; width: 100%; padding-top: 30px; padding-bottom: 30px; } .has-404-template .page404-inner { padding-bottom: 0; } .page404-featured { display: block; margin-bottom: 40px; text-align: center; } .page404-featured img { width: auto; max-height: 300px; } .page404-inner > *:not(.page404-featured) { max-width: 700px; margin-right: auto; margin-left: auto; text-align: center; } .page404-inner .page-title, .page404-inner .page404-description { margin-bottom: 20px; } .page404-description { color: var(--meta-fcolor); } .page404-inner > .search-form { max-width: 550px; margin-bottom: 20px; } .page404-btn-wrap { padding-top: 10px; } .section-empty-inner { max-width: 720px; padding: 50px 0; } .section-empty-inner .page-title { position: relative; margin-bottom: 12px; padding-bottom: 15px; } .section-empty-inner .page-title:after { position: absolute; bottom: 0; left: 0; display: block; width: 20%; max-width: 200px; height: 5px; content: ''; border-radius: var(--round-5); background-color: var(--g-color); } /* ----------------- 12 - Footer ----------------- */ .footer-copyright { position: relative; display: block; } .footer-copyright .copyright * { font-size: inherit; } .bottom-footer-section { display: flex; align-items: center; flex-flow: row nowrap; flex-basis: 100%; padding-top: 15px; padding-bottom: 15px; } .footer-bottom-centered .footer-social-list { margin-top: 10px; margin-right: auto; margin-left: auto; } .footer-bottom-centered .footer-social-list-title { display: none; } .footer-col .w-widget { margin-bottom: 40px; } .footer-logo { display: flex; flex-grow: 0; flex-shrink: 0; height: var(--flogo-height, 50px); } .footer-logo img { width: auto; max-height: 100%; object-fit: contain; } .footer-social-list { display: flex; align-items: center; flex-flow: row nowrap; margin-left: auto; gap: 2px; } .footer-social-list-title { line-height: 1; margin-right: 3px; padding-right: 10px; border-right: 1px solid var(--flex-gray-15); } .copyright-inner { font-size: var(--meta-fsize); display: flex; flex-flow: row nowrap; padding: 15px 0; border-top: 1px solid var(--flex-gray-15); } .footer-etemplate .copyright-inner { border-top: none; } .copyright-inner > *:last-child:is(.copyright) { margin-right: auto; margin-left: auto; } .copyright { opacity: .7; } .copyright-menu { display: flex; flex-flow: row nowrap; flex-grow: 0; margin-left: auto; } .copyright-menu > li { line-height: 1; position: relative; display: flex; align-items: center; } .copyright-menu > li:before { position: relative; display: flex; width: 4px; height: 4px; margin-right: 10px; margin-left: 10px; content: ''; opacity: .2; background: currentColor; } .copyright-menu > li:first-child:before { display: none; } .w-sidebar { margin-bottom: 50px; } [class*='elementor-widget-wp-widget'] .elementor-widget-container > h5, .w-sidebar .widget-heading { margin-bottom: 20px; } [class*='elementor-widget-wp-widget'] ol, [class*='elementor-widget-wp-widget'] ul { list-style: none; } .footer-wrap { position: relative; z-index: 0; display: block; } .footer-wrap:not(.footer-etemplate) > *:first-child:not(.footer-copyright) { padding-top: 50px; } .footer-wrap.left-dot:before { position: absolute; z-index: 0; top: 0; left: 0; display: block; width: 20%; height: 50%; content: ''; pointer-events: none; opacity: .2; background-image: radial-gradient(var(--body-fcolor) .75px, transparent .75px); background-size: 16px 16px; } [data-theme='dark'] .footer-wrap.left-dot:before { opacity: .12; } footer.top-border { border-top: 1px solid var(--flex-gray-15); } [data-theme='dark'] .footer-etemplate .elementor-shape-fill, [data-theme='dark'] .header-template .elementor-shape-fill, body .elementor-shape .elementor-shape-fill { fill: var(--solid-white); } .e-swiper-container .swiper-pagination-bullet:before { display: none; } .e-swiper-container .swiper-pagination-bullets { bottom: 0; } .footer-wrap .widget-heading.heading-layout-10, .footer-wrap .widget-heading.heading-layout-c10, .more-col .widget-heading { opacity: .7; } .footer-col .w-sidebar { margin-bottom: 30px } .footer-col .widget_nav_menu a > span { font-size: max(11px, var(--em-mini)); } .footer-columns { position: relative; z-index: 2; } .footer-columns .footer-col { flex-basis: 50%; width: 50%; } .footer-columns .footer-col:first-child, .footer-4c .footer-col:last-child, .footer-3c .footer-col { flex-basis: 100%; width: 100%; } .footer-col .widget:not(.widget-mc) .mc4wp-form-fields input[type='submit'] { padding-right: 15px; padding-left: 15px; } .footer-quote:first-letter { font-size: 1.2em; margin-right: 1px; padding: 0 3px; color: var(--awhite); background-color: var(--g-color); } .site-access-inner { display: flex; flex-flow: column nowrap; width: auto; max-width: 600px; padding: 50px; text-align: center; border-radius: var(--round-5); background-color: #d60a3a; box-shadow: 0 5px 30px var(--shadow-12); } .site-access-inner > *:not(:last-child) { margin-bottom: 20px; } .site-access-popup .close-popup-btn { display: none; pointer-events: none; } .site-access-popup { display: flex; align-items: center; justify-content: center; padding: 20px; } .site-access-image i { font-size: 100px; line-height: 1; } .site-access-btn .is-btn { font-size: 1rem; display: inline-flex; color: var(--dark-accent); background-color: #fff; } .site-access-btn .is-btn:hover { color: #fff; background-color: var(--dark-accent); } .site-access-description { font-size: 1.2rem; } .elementor-widget-text-editor a.h6, .elementor-widget-html a.h6 { text-decoration: underline; text-decoration-color: var(--g-color); } #rb-checktag { position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .rb-adbanner { min-height: 1px; } .select2-container--default .select2-results__option[data-selected=true] { color: var(--body-fcolor); background-color: var(--flex-gray-7); } .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--body-fcolor); } .btn-transform-2 { --btn-animation: scale(1.05); } .btn-transform-3 { --btn-animation: scale(0.95); } .btn-ani-2 { --btn-animation: translate3d(0, -3px, 0); --btn-shadow: 3px 3px 0 var(--body-fcolor); } .btn-transform-2.btn-ani-2 { --btn-animation: translate3d(0, -3px, 0) scale(1.05); } .btn-transform-3.btn-ani-2 { --btn-animation: translate3d(0, -3px, 0) scale(0.95); } .btn-ani-3 { --btn-shadow: none; --btn-nshadow: none; --btn-tranform: none; --btn-primary: var(--dark-accent); } .rb-follow:hover i, .rb-bookmark:hover i { color: var(--bookmark-color); text-shadow: var(--btn-nshadow, 0 0 4px var(--bookmark-color-90)); } .btn-ani-2 .rb-follow:hover i { text-shadow: none; } #back-top:hover i, .swpm-logged-logout-link a:hover, a.show-post-comment:hover, a.page404-btn:hover, .wp-block-search [type='submit']:hover, .wp-block-search [type='submit']:active, a.page-numbers:hover, .page-links a.post-page-numbers:hover, .pagination-nextprev a:hover, .pagination-wrap:not(.pagination-nextprev):not(.page-links) a:hover span, .pagination-simple a:hover, .meta-like > span:hover, .p-readmore:hover, .tagcloud a:hover, .wp-block-tagcloud a:hover, .qlayout-2 .qlink a:hover, .qlayout-4 .qlink a:hover, input[type='submit']:hover, .is-btn:hover, .yt-trigger:hover, a.comment-reply-link:hover { -webkit-transform: var(--btn-animation); transform: var(--btn-animation); color: var(--btn-accent-h, var(--awhite)); border-color: var(--btn-primary-h, var(--g-color)); background-color: var(--btn-primary-h, var(--g-color)); box-shadow: var(--btn-shadow, 0 3px 12px var(--btn-primary-h-90, var(--g-color-90))); } .pagination-number a.page-numbers:hover { background-color: var(--pagi-accent-color, var(--btn-primary-h, var(--g-color))); box-shadow: var(--btn-shadow, 0 3px 12px var(--pagi-accent-color, var(--btn-primary-h-90, var(--g-color-90)))); } .ecat-bg-1 .p-category:hover:before, .ecat-bg-2 .p-category:hover:before, .ecat-bg-3 .p-category:hover, .ecat-bg-4 .p-category:hover { box-shadow: var(--btn-nshadow, 0 3px 12px var(--cat-highlight-90, var(--g-color-90))); } .btn-ani-3 .ecat-bg-1 .p-category:hover, .btn-ani-3 .ecat-bg-2 .p-category:hover, .btn-ani-3 .ecat-bg-3 .p-category:hover, .btn-ani-3 .ecat-bg-4 .p-category:hover { color: var(--awhite); background: var(--dark-accent); } body:not(.yes-f-slideup) .slideup-toggle:hover { box-shadow: var(--btn-nshadow, 0 3px 12px var(--slideup-icon-na-bg-90, var(--g-color-90))); } .plan-button-wrap button:hover, .plan-button-wrap .button:hover, .plan-button-wrap .stripe-button-el:not(:disabled):active, .plan-button-wrap .stripe-button-el.active { background: var(--plan-button-bg, var(--g-color)); box-shadow: var(--btn-nshadow, 0 3px 12px var(--plan-button-bg-opacity, var(--g-color-90))); } .btn-ani-2 .rb-follow:hover:not(.in-progress) i, .btn-ani-2 .rb-bookmark:hover i { transform: translate3d(0, -1px, 0); text-shadow: 1px 1px 0 var(--body-fcolor); } .btn-ani-2:not(.yes-f-slideup) .slideup-toggle:hover, .btn-ani-2 .ecat-bg-3 .p-category:hover, .btn-ani-2 .ecat-bg-4 .p-category:hover, .btn-ani-2 .plan-button-wrap button:hover, .btn-ani-2 .plan-button-wrap .button:hover, .btn-ani-2 .plan-button-wrap .stripe-button-el:not(:disabled):active, .btn-ani-2 .plan-button-wrap .stripe-button-el.active { -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); box-shadow: 3px 3px 0 var(--body-fcolor); } .btn-ani-2 .ecat-bg-1 .p-category:hover, .btn-ani-2 .ecat-bg-2 .p-category:hover { -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); } .btn-ani-2 .ecat-bg-1 .p-category:hover:before, .btn-ani-2 .ecat-bg-2 .p-category:hover:before { box-shadow: 3px 3px 0 var(--body-fcolor); } .btn-ani-2 .rbtoc, .btn-ani-2 .search-header-form .search-form, .btn-ani-2 .main-menu .sub-menu, .btn-ani-2 .related-sec, .btn-ani-2 .mega-dropdown-inner, .btn-ani-2 .header-dropdown, .btn-ani-2 .s-hl-2, .btn-ani-2 .qview-box { border: 1px solid var(--flex-gray-15); box-shadow: 3px 3px 0 var(--body-fcolor); } .btn-ani-2 .l-shared-items { border: 1px solid var(--flex-gray-15); box-shadow: 1px 1px 0 var(--body-fcolor); } .btn-ani-3 .rbtoc, .btn-ani-3 .l-shared-items, .btn-ani-3 .main-menu .sub-menu, .btn-ani-3 .s-hl-2, .btn-ani-3 .related-sec, .btn-ani-3 .ulightbox-inner { border: 1px solid var(--flex-gray-15); box-shadow: none; } .btn-ani-2 .ulightbox-inner { border: 1px solid var(--flex-gray-15); box-shadow: 1px 1px 0 var(--body-fcolor); } .btn-ani-2 .ulightbox-inner:before, .btn-ani-3 .ulightbox-inner:before { border-top: 1px solid var(--flex-gray-15); border-left: 1px solid var(--flex-gray-15); } .btn-ani-3 .qview-box { border: 1px solid var(--flex-gray-15); background-color: transparent; } .btn-ani-3 .search-header-form .search-form { border: 2px solid var(--body-fcolor); box-shadow: none; } .ecat-b-dotted .feat-holder .p-category:hover, .light-scheme .taxonomy-description { color: var(--alight); } .light-scheme .plan-feature:before, [data-theme='dark'] .plan-feature:before, .light-scheme .t-shared-sec .share-action, [data-theme='dark'] .t-shared-sec .share-action, [data-theme='dark'] .l-shared-sec .share-action, [data-theme='dark'] .sticky-share-list .share-action, [data-theme='dark'] blockquote, [data-theme='dark'] blockquote *, .white-text *, [data-theme='dark'] a.native-share-trigger { color: var(--awhite); } [data-theme='dark'].btn-ani-3, .btn-ani-3 .light-scheme { --btn-primary: var(--g-color); --btn-accent: var(--awhite); --btn-primary-h: var(--awhite); --btn-accent-h: var(--dark-accent); } .meta-author, .meta-bold, .meta-bookmark { color: var(--meta-b-fcolor, var(--body-fcolor)); } .meta-like .triggered { color: var(--meta-b-fcolor); background-color: var(--flex-gray-7); } .meta-live { line-height: 1; display: inline-flex; align-items: center; gap: 7px; } .meta-live i { font-size: 1.25em; line-height: 1; position: relative; transform-origin: center; letter-spacing: 0; color: var(--live-color); } .meta-live i:after { position: absolute; top: -4px; left: -4px; width: calc(100% + 8px); height: calc(100% + 8px); content: ''; animation: liveAnimation 1.5s linear infinite; border: 3px solid var(--live-color); border-radius: 50%; } @keyframes liveAnimation { 0% { transform: scale(.5); opacity: 0.4; } 80% { transform: scale(1.4); opacity: 0; } 90% { transform: scale(.5); opacity: 0; } 100% { transform: scale(.5); opacity: 0.4; } } .tax-accordion-item { display: block; } .tax-accordion-trigger { display: inline-flex; align-items: center; width: 100%; padding: var(--tax-title-spacing, 10px) 0; cursor: pointer; border-bottom: 1px var(--bottom-border-style, solid) var(--bottom-border-color); } .tax-accordion-item:last-child .tax-accordion-trigger { border-bottom: none; } .tax-accordion-sub { padding: 10px 0 10px var(--ap-left-spacing, 10px); } .tax-accordion-sub-inner { display: flex; flex-flow: column nowrap; gap: var(--ap-spacing, 5px); } .block-tax-accordion.bottom-border .entry-title { padding-bottom: var(--ap-spacing, 5px); border-bottom: 1px var(--bottom-border-style, solid) var(--bottom-border-color); } .popup-trigger-btn { z-index: 1; display: flex; align-items: center; flex-flow: row nowrap; justify-content: center; padding: 7px 20px; cursor: pointer; -webkit-transition: var(--effect); transition: var(--effect); color: var(--popup-trigger-color, inherit); gap: var(--popup-trigger-gap, 7px); } .popup-trigger-btn:hover { color: var(--popup-trigger-hover-color, var(--awhite)); background-color: var(--g-color); } .is-template-popup .mfp-content { display: flex; max-width: 100%; max-height: 100%; } .is-template-popup .popup-template-content, .is-template-popup .close-popup-btn { background-color: var(--popup-bg, var(--solid-white)); } .is-template-popup .popup-template-content { overflow-x: hidden; overflow-y: auto; width: auto; max-width: 100%; } .rb-popup-left .mfp-content { height: 100%; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: opacity 0.4s ease, transform 0.4s ease; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } .is-admin-bar .rb-popup-left .mfp-content { height: calc(100% - 32px); } .rb-popup-left.mfp-ready .mfp-content { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .rb-popup-left.mfp-removing .mfp-content { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } .rb-popup-right .mfp-content { justify-content: flex-end; height: 100%; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: opacity 0.4s ease, transform 0.4s ease; -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } .is-admin-bar .rb-popup-right .mfp-content { height: calc(100% - 32px); } .rb-popup-right.mfp-ready .mfp-content { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .rb-popup-right.mfp-removing .mfp-content { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } .rb-popup-top .mfp-content { width: 100%; max-width: 100%; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: opacity 0.4s ease, transform 0.4s ease; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } .rb-popup-top .popup-template-content { width: 100%; } .is-admin-bar .rb-popup-top .mfp-content { margin-top: 32px; } .rb-popup-top.mfp-ready .mfp-content { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .rb-popup-top.mfp-removing .mfp-content { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } /* ----------------- 13 - Responsive ----------------- */ @media (min-width: 768px) { .rb-col-2 > .block-inner > * { flex-basis: 50%; width: 50%; } .rb-col-3 > .block-inner > * { flex-basis: 33.33%; width: 33.33%; } .rb-col-4 > .block-inner > * { flex-basis: 25%; width: 25%; } .rb-col-5 > .block-inner > * { flex-basis: 20%; width: 20%; } .rb-col-6 > .block-inner > * { flex-basis: 16.66%; width: 16.66%; } .rb-col-7 > .block-inner > * { flex-basis: 14.25%; width: 14.25%; } .col-border .block-inner > *:after { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 1px; height: 100%; content: ''; pointer-events: none; border-right: 1px var(--column-border-style, solid) var(--column-border-color); } .overlay-inner { padding: 25px 20px; } .p-gradient .p-highlight .overlay-inner { padding: 100px 25px 25px 25px; background: linear-gradient(to top, var(--dark-accent) 0, var(--dark-accent-90) calc(100% - 150px), var(--dark-accent-0) 100%); } .p-top-gradient .p-highlight .overlay-inner { padding: 25px 25px 100px 25px; background: linear-gradient(to bottom, var(--dark-accent) 0, var(--dark-accent-90) calc(100% - 150px), var(--dark-accent-0) 100%); } .related-sec.related-1, .related-sec.related-2, .related-sec.related-3, .related-sec.related-4 { float: right; max-width: 350px; margin-left: 1.5rem; padding: 25px; } .rb-gutenberg-related .related-sec.related-1, .rb-gutenberg-related .related-sec.related-2, .rb-gutenberg-related .related-sec.related-3, .rb-gutenberg-related .related-sec.related-4 { float: none; max-width: 100%; margin-left: 0; } .related-5, .related-6 { padding: 30px; } .scroll-holder { overflow-x: hidden; overflow-y: auto; } .grid-box > *:first-child:not(.feat-holder) { padding-top: calc(var(--box-spacing) + 5px); } .last-featured .grid-box > *:last-child:not(.feat-holder) { padding-bottom: calc(var(--box-spacing) + 5px); } .list-holder, .flipped-yes .is-feat-left .p-wrap:nth-child(2n) .list-holder { flex-flow: row-reverse nowrap; } .is-feat-left .list-holder, .flipped-yes .p-wrap:nth-child(2n) .list-holder { flex-flow: row nowrap; } .list-feat-holder { flex-shrink: 0; width: 45%; max-width: 45%; } .p-list-1 .list-feat-holder { width: 40%; max-width: 40%; } .cbox-3 .category-feat { padding-bottom: calc(var(--feat-ratio, 125) * 1%); } .ecat-bg-1 .p-wrap.p-list .feat-holder .p-top, .ecat-bg-2 .p-wrap.p-list .feat-holder .p-top { bottom: 5px; left: -5px; justify-content: flex-start; } .ecat-bg-4 .p-box.p-list .feat-holder .p-top { right: 0; left: 0; } .featured-wo-round .grid-box .p-featured { border-radius: 0 0 0 0; } .last-featured .grid-box .feat-holder, .last-featured .grid-box { padding-bottom: 0; } .last-featured .grid-box .p-featured { border-radius: 0 0 var(--wrap-border, var(--round-3)) var(--wrap-border, var(--round-3)); } .list-box .list-holder { align-items: stretch; } .p-middle .list-box .list-holder { align-items: center; } .p-vbottom .list-box .list-holder { align-items: flex-end; } .list-box .feat-holder, .list-box .p-featured { height: 100%; } .list-box .p-content { margin-top: var(--box-spacing); margin-bottom: var(--box-spacing); margin-left: var(--box-spacing); } .p-middle:not(.is-inner-boxed) [class*='p-overlay-'] .overlay-inner { padding-top: 0; padding-bottom: 0; } .flipped-yes .p-wrap:nth-child(2n) .list-box .p-content { margin-right: var(--box-spacing); } .flipped-yes .is-feat-left .p-wrap:nth-child(2n) .list-box .p-content { margin-left: var(--box-spacing); } .p-center .list-box .p-content { margin-left: var(--list-holder-spacing, 15px); } .is-feat-left .list-box .p-content { margin-right: var(--box-spacing); margin-left: 0; } .smeta-in .is-meta > *, .smeta-in .meta-text > *, .review-section .meta-text > *, .spon-qview .sponsor-label, .spon-qview .is-text, .ubox .nice-name { font-size: 1.15em; } .meta-bookmark .rb-bookmark i { font-size: calc(var(--meta-fsize) * 1.15); } .review-header .rstar i { font-size: 18px; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { float: left; width: 33.33%; } .sticky-on .l-shared-sec { top: calc(var(--nav-height) + 12px); } .sticky-on.admin-bar .l-shared-sec { top: calc(var(--nav-height) + 44px); } .s-ct { padding-bottom: 15px; } .has-lsl .e-ct-outer { max-width: var(--s-content-width, calc(100% - 78px)); } .single-page .s-ct { min-height: 45vh; padding-bottom: 40px; } .single-page.none-header .s-ct { min-height: 60vh; margin-top: 50px; } .single-related { margin-bottom: 50px; padding-top: 40px; } .without-sidebar .has-lsl .wp-block-gallery.alignwide, .without-sidebar .has-lsl .wp-block-image.alignwide img, .yes-wide-f .has-lsl .wp-block-gallery.alignwide, .yes-wide-f .has-lsl .wp-block-image.alignwide img { margin-left: calc(50% - max(min(92vw, var(--alignwide-w)), 100%) / 2 - 40px); } .sidebar-inner .widget { margin-bottom: 40px; } .table-left:not(.table-fw-single-col) { float: left; min-width: 340px; max-width: 50%; margin-right: 30px; margin-bottom: 30px; padding: 25px 25px 18px; } .table-fw { padding: 25px 25px 18px; } .table-fw .toc-content { column-count: 2; gap: 30px; } .table-fw .toc-content:before { position: absolute; z-index: 1; top: 15px; left: 0; width: 100%; height: 2px; content: ''; background-color: var(--toc-bg, var(--solid-white)); } [data-theme='dark'] .toc-content:before { background-color: var(--toc-bg, var(--dark-accent)); } .grid-masonry .grid-holder { display: grid; grid-gap: 8px; grid-template-columns: auto auto auto auto auto auto auto auto; } .grid-fmasonry .grid-holder { display: grid; grid-gap: 10px; grid-template-columns: auto auto auto auto auto auto auto auto auto auto; } .grid-default .grid-holder.rb-c5 { display: grid; grid-gap: 10px; grid-template-columns: auto auto auto auto auto; } .grid-default .grid-holder.rb-c6 { display: grid; grid-gap: 10px; grid-template-columns: auto auto auto auto auto auto; } .grid-default .grid-holder.rb-c7 { display: grid; grid-gap: 10px; grid-template-columns: auto auto auto auto auto auto auto; } .grid-default .grid-holder.rb-c8 { display: grid; grid-gap: 10px; grid-template-columns: auto auto auto auto auto auto auto auto; } .grid-default .grid-holder.rb-c9 { display: grid; grid-gap: 10px; grid-template-columns: auto auto auto auto auto auto auto auto auto; } .top-footer-inner > *:not(:last-child) { margin-bottom: 50px; } .grid-masonry .grid-el:nth-child(2) { grid-column: 1 / span 2; grid-row: 1 / span 2; } .grid-masonry .grid-el:first-child { height: 100%; grid-column: 3 / span 2; grid-row: 1; } .grid-masonry .grid-el:nth-child(3) { grid-column: 5 / span 2; grid-row: 1 / span 2; } .grid-masonry .grid-el:nth-child(4) { grid-column: 7 / span 1; grid-row: 1; } .grid-masonry .grid-el:nth-child(5) { grid-column: 8 / span 1; grid-row: 1; } .grid-masonry .grid-el:nth-child(6) { grid-column: 3 / span 1; grid-row: 2; } .grid-masonry .grid-el:nth-child(7) { grid-column: 4 / span 1; grid-row: 2; } .grid-masonry .grid-el:nth-child(8) { grid-column: 7 / span 2; grid-row: 2; } .grid-fmasonry .grid-el:nth-child(2) { grid-column: 1; grid-row: 2; } .grid-fmasonry .grid-el:nth-child(3) { grid-column: 2 / span 2; grid-row: 1 / span 2; } .grid-fmasonry .grid-el:nth-child(4) { grid-column: 4 / span 2; grid-row: 1; } .grid-fmasonry .grid-el:nth-child(5) { grid-column: 6 / span 2; grid-row: 1 / span 2; } .grid-fmasonry .grid-el:nth-child(11) { grid-column: 8 / span 2; grid-row: 2; } .grid-masonry .grid-el:first-child .instagram-box, .grid-masonry .grid-el:nth-child(8) .instagram-box, .grid-masonry .grid-el:nth-child(9) .instagram-box, .grid-fmasonry .grid-el:nth-child(4) .instagram-box, .grid-fmasonry .grid-el:nth-child(11) .instagram-box { padding-bottom: 50%; } .is-style-1 .fnicon i, .is-style-2 .fnicon i, .is-style-9 .fnicon i { width: 66px; height: 66px; } .overlay-1.p-middle.p-center .slider-pagination { top: auto; right: auto; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .carousel-img-holder img { height: calc(var(--sg-ratio, 70) * 1vh); max-height: calc(var(--sg-ratio, 70) * 1vh); } .admin-bar .mfp-container { top: 32px; height: calc(100% - 32px); } .gallery-popup-content { padding-top: 52px; } .rb-gallery-popup .mfp-arrow { margin-top: -60px; } .newsletter-box-1 .newsletter-inner { align-items: center; } .rbbsl a:nth-child(1) > span { display: inline-flex; } } @media (min-width: 768px) and (max-width: 1024px) { .rb-tcol-1 > .block-inner > * { flex-basis: 100%; width: 100%; } .rb-tcol-2 > .block-inner > * { flex-basis: 50%; width: 50%; } .rb-tcol-3 > .block-inner > * { flex-basis: 33.33%; width: 33.33%; } .rb-tcol-4 > .block-inner > * { flex-basis: 25%; width: 25%; } .rb-tcol-5 > .block-inner > * { flex-basis: 20%; width: 20%; } .rb-tcol-6 > .block-inner > * { flex-basis: 16.66%; width: 16.66%; } .rb-tcol-2.no-last-bb .block-inner > *:nth-last-child(-n+2), .rb-tcol-3.no-last-bb .block-inner > *:nth-last-child(-n+3), .rb-tcol-4.no-last-bb .block-inner > *:nth-last-child(-n+4), .rb-tcol-5.no-last-bb .block-inner > *:nth-last-child(-n+5), .rb-tcol-6.no-last-bb .block-inner > *:nth-last-child(-n+6), .rb-tcol-7.no-last-bb .block-inner > *:nth-last-child(-n+7) { padding-bottom: 0; --bottom-border-color: transparent; } .col-border.rb-tcol-1 > .block-inner > *:after, .col-border.rb-tcol-2 > .block-inner > *:nth-child(2n):after, .col-border.rb-tcol-3 > .block-inner > *:nth-child(3n):after, .col-border.rb-tcol-4 > .block-inner > *:nth-child(4n):after, .col-border.rb-tcol-5 > .block-inner > *:nth-child(5n):after, .col-border.rb-tcol-6 > .block-inner > *:nth-child(6n):after, .col-border.rb-tcol-7 > .block-inner > *:nth-child(7n):after { border-right: none; } .is-sidebar { max-width: 420px; margin-right: auto; margin-left: auto; } body .tablet-hide { display: none; } .meta-el:not(.tablet-hide):not(.meta-avatar):not(.no-label):not(:last-child):after { display: inline-flex; width: var(--meta-style-w, 1px); height: var(--meta-style-h, max(6px, .5em)); margin-left: .25em; content: ''; opacity: var(--meta-style-o, .3); border-radius: var(--meta-style-b, 0); background-color: var(--meta-fcolor); } .tablet-last-meta:after { display: none !important; } .is-thoz-scroll .block-inner { display: flex; overflow-x: scroll; flex-flow: row nowrap; -webkit-column-count: auto; column-count: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none; text-size-adjust: none; } .is-thoz-scroll .block-inner::-webkit-scrollbar { display: none; } .is-thoz-scroll .block-inner::webkit-scrollbar-thumb { display: none; } .is-thoz-scroll .block-inner > * { min-width: var(--tablet-scroll-width, 40%); max-width: var(--tablet-scroll-width, 40%); } .is-thoz-scroll.bottom-border .block-inner > *:before { display: none; } .newsletter-box-1 .newsletter-inner { flex-flow: row wrap; } .is-t-list { --feat-list-width: var(--t-feat-list-width, 300px); } .is-t-list .box-border .grid-box:before { right: var(--column-gap); left: var(--column-gap); } .is-t-list .p-wrap { min-height: calc(var(--feat-list-width, 150px) * var(--feat-ratio, 60) / 100); } .bottom-border.is-t-list .p-wrap { min-height: calc((var(--feat-list-width, 150px) * (var(--feat-ratio, 60) / 100)) + var(--bottom-spacing, 30px)); } .is-t-list .feat-holder { position: absolute; top: 0; right: var(--column-gap, 0); left: auto; width: var(--feat-list-width, 150px); margin-bottom: 0; padding-bottom: 0 !important; } .is-t-list .p-wrap > *:not(.feat-holder):not(.grid-box):not(.list-box) { margin-right: calc(var(--feat-list-width, 150px) + var(--el-spacing, 10px) * 2); margin-left: 0; } .is-t-list.res-feat-left .feat-holder { top: 0; right: auto; left: var(--column-gap, 0); } .is-t-list.res-feat-left .p-wrap > *:not(.feat-holder):not(.grid-box):not(.list-box) { margin-right: 0; margin-left: calc(var(--feat-list-width, 150px) + var(--el-spacing, 10px) * 2); } .is-t-list .grid-box { position: static; padding-top: var(--box-spacing); padding-right: var(--feat-list-width, 150px); padding-bottom: var(--box-spacing); padding-left: 0; } .block-wrap:not(.is-t-list) .grid-box > *:first-child:not(.feat-holder) { padding-top: calc(var(--box-spacing) + 5px); } .is-t-list.res-feat-left .grid-box { padding-right: 0; padding-left: var(--feat-list-width, 150px); } .is-t-list .grid-box .feat-holder { bottom: 0; --box-spacing: 7px; } .is-t-list .grid-box .p-featured { overflow: hidden; height: 100%; padding-bottom: 0; border-radius: 0 var(--wrap-border, var(--round-3)) var(--wrap-border, var(--round-3)) 0; } .is-t-list.res-feat-left .grid-box .p-featured { border-radius: var(--wrap-border, var(--round-3)) 0 0 var(--wrap-border, var(--round-3)); } } @media (min-width: 992px) { .grid-container { flex-flow: row nowrap; } .grid-container > *:nth-child(1) { flex: 0 0 66.67%; width: 66.67%; } .grid-container > *:nth-child(2) { flex: 0 0 33.33%; width: 33.33%; } .is-sidebar-left .grid-container { flex-direction: row-reverse; } .single:where(:not(.is-stemplate)) .single-sidebar.has-border { border-left: 1px var(--column-border-style, solid) var(--column-border-color); } .single:where(:not(.is-stemplate)) .is-sidebar-left .single-sidebar.has-border { border-right: 1px var(--column-border-style, solid) var(--column-border-color); border-left: none; } body .without-sidebar .grid-container > * { flex: 0 0 100%; width: 100%; } .single-right-meta > * { font-size: 1.15em; } body .s-cats.custom-size .p-category { font-size: var(--single-category-fsize); } } /** desktop */ @media (min-width: 1025px) { .grid-container { margin-right: -30px; margin-left: -30px; } .grid-container > * { padding-right: 30px; padding-left: 30px; } .col-border.rb-col-1 > .block-inner > *:after, .col-border.rb-col-2 > .block-inner > *:nth-child(2n):after, .col-border.rb-col-3 > .block-inner > *:nth-child(3n):after, .col-border.rb-col-4 > .block-inner > *:nth-child(4n):after, .col-border.rb-col-5 > .block-inner > *:nth-child(5n):after, .col-border.rb-col-6 > .block-inner > *:nth-child(6n):after, .col-border.rb-col-7 > .block-inner > *:nth-child(7n):after { border-right: none; } .header-transparent { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; } body:not(.sticky-on) .header-transparent .main-menu > li > a, body:not(.sticky-on) .header-transparent .main-menu > li > a .menu-sub-title, body:not(.sticky-on) .header-transparent .more-trigger, body:not(.sticky-on) .header-transparent .navbar-right > *:not(.header-dropdown), body:not(.sticky-on) .header-transparent .is-text-logo .logo-title > *, html:not(.collapse-activated) body:not(.sticky-on) .header-transparent .header-mobile-wrap .is-text-logo .logo-title > *, html:not(.collapse-activated) body:not(.sticky-on) .header-transparent .header-mobile-wrap .navbar-right > * { color: var(--transparent-nav-color, var(--nav-color)); } body:not(.sticky-on) .header-transparent .dark-mode-toggle-wrap:not(:first-child) .dark-mode-toggle { border-color: #ffffff20; } .header-transparent .header-dropdown { color: var(--subnav-color, var(--body-fcolor)); } .header-transparent .dark-mode-slide-btn.mode-icon-default { color: var(--body-fcolor); } body:not(.sticky-on) .header-transparent .navbar-inner .logo-default, body:not(.sticky-on) .header-transparent .navbar-inner .logo-dark, body:not(.sticky-on) .header-transparent .logo-default { display: none; } body:not(.sticky-on) .header-transparent .logo-transparent { display: block; } .yes-hd-transparent.is-standard-2 .header-transparent, .yes-hd-transparent.is-audio-2 .header-transparent, .yes-hd-transparent.is-video-2 .header-transparent { background-color: var(--dark-accent); } .heading-title > * { font-size: var(--heading-size-desktop, var(--heading-fsize, inherit)); } .format-style-top.format-size-big .p-format i, .format-style-bottom.format-size-big .p-format i { font-size: 1.2em; } .format-style-center.format-size-big .post-format { font-size: 1.4em; } .format-style-bottom.format-size-big .p-format { padding: 10px 7px 7px 10px; } .format-style-bottom.format-size-big .p-format .gallery-count { top: 5px; right: 5px; } .format-style-top.format-size-big .gallery-count { font-size: 1rem; padding: 5px; } .hrc-3 .p-link { padding-bottom: 3px; } .p-meta.has-avatar { padding-top: 2px; } .p-link { padding-top: 5px; } .admin-bar .reading-indicator { top: 32px; } .wrap-meta .single-meta, .center-w-meta .single-meta { flex-flow: column nowrap; } .wrap-meta .single-meta > * { width: 100%; } .center-w-meta .single-meta { justify-content: center; } .s-feat-outer { margin-bottom: 40px; } .breadcrumb-absolute { padding: 10px 20px; } .s-hl-1 .s-hl-heading { font-size: 3.5rem; top: -15px; } .single-standard-1 .single-header { padding-top: 20px; padding-bottom: 10px; } .single-standard-1:not(.single-standard-11) .s-feat img { width: auto; max-width: 100%; } .single-standard-2 .single-header { margin-bottom: 40px; } .single-standard-7 .single-header { margin-bottom: 40px; } .single-standard-8 .grid-container { margin-top: 40px; } .single-standard-6 .single-header { margin-bottom: 40px; } .single-standard-2 .single-header-inner { padding-top: 40px; } .single-standard-3 .single-header, .single-standard-4 .single-header { padding-top: 10px; padding-bottom: 40px; } .single-standard-4.has-bg-spacing .single-header-content:before { height: calc(100% + 30px); } .single-standard-5 .single-header { padding-bottom: 40px; } .single-standard-11 .s-feat-outer { padding-top: 10px; } .is-audio-2:not(.yes-amp) .embed-holder, .is-audio-3:not(.yes-amp) .embed-holder, .is-audio-4:not(.yes-amp) .embed-holder { padding-bottom: 20%; } .single-header-content { padding-right: 30px; padding-left: 30px; } .s-title, .s-tagline, .s-breadcrumb, .single-standard-11 .s-feat-outer { margin-bottom: 20px; } .is-sidebar-right .wp-block-gallery.alignwide, .is-sidebar-right .wp-block-image.alignwide img, .yes-wide-w .wp-block-gallery.alignwide, .yes-wide-w .wp-block-image.alignwide img { width: calc(100% + 78px); max-width: none; margin-left: -78px; } .ulightbox-holder:hover .ulightbox { top: 100%; display: block; visibility: visible; animation: rbFadeIn 0.3s ease forwards; } .spon-qview { padding: 10px 20px; } .single-meta { margin-bottom: 30px; } .single .single-no-featured .single-header { margin-bottom: 30px; } .archive-header { padding-top: 40px; padding-bottom: 40px; } .archive-header.category-header-2 { margin-bottom: 50px; padding-top: 90px; padding-bottom: 90px; } .yes-hd-transparent .archive-header.category-header-2 { padding-top: calc(100px + var(--nav-height)); } .archive-header-content > *:not(:last-child) { margin-bottom: 20px; } .blog-wrap { margin-top: 50px; margin-bottom: 50px; } .blog-content > .block-h { margin-bottom: 25px; } .search-header { padding-top: 50px; } .yes-hd-transparent .search-header { padding-top: 110px; } .ecat-bg-1.ecat-size-big .p-category, .ecat-bg-2.ecat-size-big .p-category, .ecat-bg-3.ecat-size-big .p-category, .ecat-border.ecat-size-big .p-category, .ecat-bg-4.ecat-size-big .p-category { font-size: 1.15em; } .ecat-bg-1 .feat-holder + .p-top, .ecat-bg-2 .feat-holder + .p-top, .ecat-bg-3 .feat-holder + .p-top { padding-top: 4px; } .ecat-text.ecat-size-big .p-category, .ecat-b-border.ecat-size-big .p-category { font-size: 1.3em; } .ecat-b-dotted.ecat-size-big .p-category { font-size: 1.15em; border-bottom-width: 4px; } .meta-el:not(.meta-avatar):not(.no-label):not(:last-child):after { display: inline-flex; width: var(--meta-style-w, 1px); height: var(--meta-style-h, max(6px, .5em)); margin-left: max(1px, .25em); content: ''; opacity: var(--meta-style-o, .3); border-radius: var(--meta-style-b, 0); background-color: var(--meta-fcolor); } .bookmark-section-header-image { flex-shrink: 0; height: 45px; } .empty-saved { padding-top: 30px; padding-bottom: 30px; } .plist-item-thumb { width: 125px; } .author-header-inner .breadcrumb-wrap { margin-bottom: 20px; } .search-header-form .search-form, .page404-inner .search-form { font-size: 1.5rem; } .search-header-form .search-form input[type='search'], .page404-inner .search-form input[type='search'] { padding-top: 20px; padding-bottom: 20px; } .search-header-content { margin-bottom: 40px; } .search-empty { margin-top: 50px; } #back-top { bottom: 40px; } .logged-welcome { display: inline-flex; } .page404-btn-wrap { padding-top: 20px; } .page-header-1, .page-header-4 { margin-bottom: 40px; padding-top: 40px; } .page-header-2 { margin-bottom: 40px; padding-top: 100px; padding-bottom: 100px; } .single-header-overlay { padding: 0 40px 40px 40px; } .page-header-inner { gap: 12px; } .right-breadcrumb .page-header-inner { flex-flow: row nowrap; } .right-breadcrumb .s-title { width: auto; } .page404-inner { padding-top: 60px; padding-bottom: 60px; } .page404-inner .page-title, .page404-inner .page404-description { margin-bottom: 25px; } .page404-inner input[type='search'] { font-size: 1rem; min-height: 54px; } .share-action.is-mobile { display: none; } .share-action.is-web { display: flex; } .grid-container .sidebar-inner { padding-right: 0; padding-left: var(--s-sidebar-padding, 0); } .is-sidebar-left .grid-container .sidebar-inner { padding-right: var(--s-sidebar-padding, 0); padding-left: 0; } .sticky-sidebar .sidebar-inner, .sticky-last-w .sidebar-inner > *:last-child:not([data-elementor-type='wp-post']:first-child), .sticky-last-w .sidebar-inner > [data-elementor-type='wp-post']:only-child .elementor-widget:last-child { position: -webkit-sticky; position: sticky; top: 12px; padding-bottom: 12px; -webkit-transition: all .3s ease; transition: all .3s ease; will-change: top; } .sticky-last-w .elementor-section:last-child > *, .sticky-last-w .sidebar-inner { height: 100%; } .sticky-last-w .sidebar-inner > [data-elementor-type='wp-post']:only-child { display: flex; height: 100%; } .elementor-column.rb-sticky { position: relative; align-items: flex-start; } .e-con-full.e-parent:has(.rb-sticky), .e-con-boxed .e-con-inner:has(.rb-sticky) { align-items: flex-start !important; } .elementor-column.rb-sticky > *, .e-con.rb-sticky-last-widget .elementor-widget:last-child, .e-con.rb-sticky { position: -webkit-sticky; position: sticky; top: 12px; -webkit-transition: top .3s ease; transition: top .3s ease; will-change: top; } .admin-bar .sticky-sidebar .sidebar-inner, .admin-bar .l-shared-sec, .admin-bar .elementor-column.rb-sticky > *, .admin-bar .e-con.rb-sticky, .admin-bar .sticky-last-w .sidebar-inner > *:last-child:not([data-elementor-type='wp-post']:first-child), .admin-bar .sticky-last-w .sidebar-inner > [data-elementor-type='wp-post']:only-child .elementor-widget:last-child, .admin-bar .e-con.rb-sticky-last-widget .elementor-widget:last-child { top: 44px; } .sticky-on .sticky-sidebar .sidebar-inner, .sticky-on .elementor-column.rb-sticky > *, .sticky-on .e-con.rb-sticky, .sticky-on .sticky-last-w .sidebar-inner > *:last-child:not([data-elementor-type='wp-post']:first-child), .sticky-on .sticky-last-w .sidebar-inner > [data-elementor-type='wp-post']:only-child .elementor-widget:last-child, .sticky-on .e-con.rb-sticky-last-widget .elementor-widget:last-child { top: calc(var(--nav-height) + 12px); } .sticky-on.admin-bar .sticky-sidebar .sidebar-inner, .sticky-on.admin-bar .elementor-column.rb-sticky > *, .sticky-on.admin-bar .e-con.rb-sticky, .sticky-on.admin-bar .sticky-last-w .sidebar-inner > *:last-child:not([data-elementor-type='wp-post']:first-child), .sticky-on.admin-bar .sticky-last-w .sidebar-inner > [data-elementor-type='wp-post']:only-child .elementor-widget:last-child, .sticky-on.admin-bar .e-con.rb-sticky-last-widget .elementor-widget:last-child { top: calc(var(--nav-height) + 44px); } .admin-bar.sticky-on.is-mstick .sticky-holder, .admin-bar.sticky-on .e-section-sticky { margin-top: 32px; } .collapse-footer { padding: 20px; } .review-header .rstar-bg { background-image: linear-gradient(to right, var(--review-color) 96.5%, transparent 3.5%); background-size: 29px 28px; } .e-ct-outer > * { margin-bottom: 35px; } .s-hl { padding-bottom: 35px; } .yes-tstick.sticky-on .main-menu-wrap, .yes-tstick.sticky-on .e-stitle-sticky .elementor-widget-foxiz-mini-cart, .yes-tstick.sticky-on .e-stitle-sticky .elementor-widget-foxiz-notification-icon, .yes-tstick.sticky-on .e-stitle-sticky .elementor-widget-foxiz-login-icon, .yes-tstick.sticky-on .e-stitle-sticky .elementor-widget-foxiz-social-list, .yes-tstick.sticky-on .e-stitle-sticky .elementor-widget-foxiz-search-icon, .yes-tstick.sticky-on .navbar-right > *:not(.dark-mode-toggle-wrap):not(.font-resizer), .yes-tstick.sticky-on .more-section-outer { display: none; } .yes-tstick.sticky-on .s-title-sticky { display: flex; } .footer-columns .footer-col { flex-basis: 20%; width: 20%; } .footer-51c.footer-columns .footer-col { flex-basis: 15%; width: 15%; } .footer-4c .footer-col:first-child, .footer-4c .footer-col:last-child { flex-basis: 30%; width: 30%; } .footer-5c .footer-col:nth-child(1) { flex-basis: 20%; width: 20%; } .footer-51c .footer-col:nth-child(1) { flex-basis: 40%; width: 40%; } .footer-3c.footer-columns .footer-col { flex-basis: 25%; width: 25%; } .footer-3c.footer-columns .footer-col:nth-child(2) { flex-basis: 50%; width: 50%; } .footer-wrap.has-border .footer-col:not(:last-child) { border-right: 1px solid var(--flex-gray-15); } .review-header .rline { width: 30px; height: 10px; } .review-header .rstar { width: 28px; height: 28px; } .yt-playlist .yt-embed { flex: 0 0 66.67%; width: 66.67%; } .yt-playlist { display: flex; flex-flow: row nowrap; } .yt-playlist .plist-items { flex: 0 0 33.33%; width: 33.33%; } .block-big { --bottom-spacing: 40px; --el-spacing: 15px; } .p-classic-1 { --avatar-size: 26px; } .single-post-outer.has-continue-reading .s-ct { height: 1200px; max-height: 1200px; } .newsletter-form input { font-size: var(--rem-small); } .newsletter-box-2 .newsletter-inner { row-gap: 25px; } .section-empty-inner .page-title { margin-bottom: 20px; padding-bottom: 20px; } .category-hero-item:first-child:not(:last-child) { margin-right: 15px; margin-bottom: 15px; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { width: 50%; } .my-personalized > * { margin-bottom: 50px; } .footer-quote { max-width: 240px; } .wp-block-pullquote blockquote:before { margin-bottom: 5px; } .rbct > .live-card-outer { margin-bottom: 35px; } .newsletter-box-1 .newsletter-inner { flex-flow: row nowrap; } .newsletter-box-1 .newsletter-content { max-width: 27%; } .input-col-2 { width: calc(50% - 20px); } .input-col-3 { width: calc(33.3% - 30px); } .rb-col-2.no-last-bb .block-inner > *:nth-last-child(-n+2), .rb-col-3.no-last-bb .block-inner > *:nth-last-child(-n+3), .rb-col-4.no-last-bb .block-inner > *:nth-last-child(-n+4), .rb-col-5.no-last-bb .block-inner > *:nth-last-child(-n+5), .rb-col-6.no-last-bb .block-inner > *:nth-last-child(-n+6), .rb-col-7.no-last-bb .block-inner > *:nth-last-child(-n+7) { padding-bottom: 0; --bottom-border-color: transparent; } } @media (max-width: 1024px) { :root { --masonry-column: 2; --h1-fsize: 34px; --h2-fsize: 24px; --h3-fsize: 20px; --headline-fsize: 34px; --bottom-spacing: 30px; } .none-mobile-sb .single-sidebar, .navbar-wrap, .header-template-inner, .logo-sec { display: none; } .header-mobile { z-index: 1000; display: flex; flex-flow: column nowrap; } body:not(.yes-amp) .header-mobile { max-height: 100vh; } .is-mstick .navbar-outer:not(.navbar-outer-template) { min-height: var(--mbnav-height, 42px); } .is-mstick .has-quick-menu .navbar-outer { min-height: calc(var(--mbnav-height, 42px) + 42px); } .is-hoz-scroll .block-inner { display: flex; overflow-x: scroll; flex-flow: row nowrap; -webkit-column-count: auto; column-count: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none; text-size-adjust: none; } .is-hoz-scroll .block-inner::-webkit-scrollbar { display: none; } .is-hoz-scroll .block-inner::webkit-scrollbar-thumb { display: none; } .is-hoz-scroll .block-inner > * { min-width: var(--tablet-scroll-width, 40%); max-width: var(--tablet-scroll-width, 40%); } .is-hoz-scroll.bottom-border .block-inner > *:before { display: none; } .privacy-bar.privacy-left { right: 20px; bottom: 10px; width: auto; } .plist-items { height: var(--playlist-height, 300px); } .plist-holder { position: relative; padding-top: 70px; } .sidebar-inner { max-width: 370px; margin-top: 40px; margin-right: auto; margin-left: auto; } .single-post .sidebar-inner { margin-top: 15px; } .newsletter-box-1 .newsletter-featured { flex: 0 0 var(--nl-feat-w, 25%); max-width: var(--nl-feat-w, 25%); } .is-rstyle-2 .review-meta-inner { flex-flow: row wrap; } .is-rstyle-2 .review-extra { width: 100%; } .p-center .is-rstyle-2 .review-extra { justify-content: center; } .slideup-toggle { right: 10px; } .w-sidebar.widget-follower .social-follower { grid-template-columns: repeat(var(--s-tcolumns, var(--ds-columns, 2)), 1fr); } .t-cta-img-left { flex-flow: row nowrap; } .t-cta-img-right { flex-flow: row-reverse nowrap; } .t-cta-img-top { flex-flow: column nowrap; } .t-cta-img-bottom { flex-flow: column-reverse nowrap; } .t-cta-center .cta-content { margin-right: auto; margin-left: auto; text-align: center; } .t-cta-center .cta-buttons { justify-content: center; } .t-cta-left .cta-content { margin-right: auto; margin-left: 0; text-align: left; } .t-cta-left .cta-buttons { justify-content: flex-start; } .t-cta-right .cta-content { margin-right: 0; margin-left: auto; text-align: right; } .t-cta-right .cta-buttons { justify-content: flex-end; } .res-nowrap .qlinks-inner { overflow-x: auto; flex-flow: row nowrap; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none; text-size-adjust: none; } .qlinks-scroll .qlinks-inner { -webkit-overflow-scrolling: touch; scrollbar-width: none; } .qlinks-scroll .qlinks-inner::-webkit-scrollbar { display: none; } .qlinks-scroll .qlinks-inner::webkit-scrollbar-thumb { display: none; } .right-breadcrumb .page-header-1 .page-header-inner { align-items: flex-start; } .single-standard-4 .single-header-inner:before { display: none; } .single-standard-4 .s-feat-holder { position: relative; } .single-standard-4 .single-header-content { position: relative; z-index: 2; width: 100%; max-width: 100%; margin-top: -20px; } } /** vertical tablet and mobile */ @media (max-width: 991px) { .is-gap-25 .block-inner, .is-gap-30 .block-inner, .is-gap-35 .block-inner { margin-right: -20px; margin-left: -20px; } .is-gap-25 > .block-inner > *, .is-gap-30 > .block-inner > *, .is-gap-35 > .block-inner > * { padding-right: 20px; padding-left: 20px; } .footer-wrap:not(.footer-etemplate) > *:first-child:not(.footer-copyright) { padding-top: 40px; } .w-sidebar { margin-bottom: 40px; } .single-meta { flex-flow: column-reverse nowrap; } .single-meta > * { width: 100%; gap: 10px; } .smeta-extra { justify-content: space-between; padding: 7px 15px; border-radius: var(--round-5); background-color: var(--flex-gray-7); } .yes-minimal .smeta-extra, .yes-wrap .smeta-extra { padding: 0; background-color: transparent; } .yes-minimal .t-shared-sec .share-action { font-size: 18px; } .centered-header .single-meta > * { justify-content: center; } .yes-wrap .share-action { width: 34px; height: 34px; } .sticky-share-list .share-action { font-size: 14px; } .single-standard-2 .single-header-inner:before, .embed-bg-overlay { bottom: 90px; } .single-standard-3 .single-header-inner:before, .single-standard-4 .single-header-inner:before { padding-bottom: 50%; } .single-header-columns { flex-flow: row wrap; } .single-standard-6 .s-feat-outer { flex: 0 0 100%; max-width: 100%; } .single-header-left { flex: 0 0 100%; max-width: 100%; padding-top: 20px; padding-bottom: 10px; } .featured-vertical { padding-bottom: 66.67%; border-radius: var(--round-5); } } /** mobile */ @media (max-width: 767px) { :root { --height-34: 28px; --height-40: 34px; --padding-40: 0 20px; --masonry-column: 1; --h1-fheight: 1.3; --h2-fheight: 1.3; --h3-fheight: 1.4; --bcrumb-fsize: 11px; --body-fsize: 15px; --btn-fsize: 11px; --cat-fsize: 10px; --dwidgets-fsize: 12px; --eauthor-fsize: 12px; --excerpt-fsize: 13px; --h1-fsize: 26px; --h2-fsize: 21px; --h3-fsize: 17px; --h4-fsize: 15px; --h5-fsize: 14px; --h6-fsize: 14px; --headline-fsize: 26px; --meta-fsize: 12px; --tagline-fsize: 17px; --rem-mini: .7rem; --tagline-s-fsize: 17px; --el-spacing: 10px; --rating-size: 12px; --b-avatar-size: 42px; --wnav-size: 19px; } .is-mhoz-scroll .block-inner { display: flex; overflow-x: scroll; flex-flow: row nowrap; -webkit-column-count: auto; column-count: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none; text-size-adjust: none; } .is-mhoz-scroll .block-inner::-webkit-scrollbar { display: none; } .is-mhoz-scroll .block-inner::webkit-scrollbar-thumb { display: none; } .is-mhoz-scroll .block-inner > * { min-width: var(--tablet-scroll-width, 40%); max-width: var(--tablet-scroll-width, 40%); } .is-mhoz-scroll.bottom-border .block-inner > *:before { display: none; } .is-hoz-scroll .block-inner > *, .is-mhoz-scroll .block-inner > * { min-width: var(--mobile-scroll-width, 70%); max-width: var(--mobile-scroll-width, 70%); } .col-border.rb-mcol-2 .block-inner > *:nth-child(2n+1):after, .col-border.is-hoz-scroll .block-inner > *:not(:last-child):after, .col-border.is-mhoz-scroll .block-inner > *:not(:last-child):after { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 1px; height: 100%; content: ''; pointer-events: none; border-right: 1px var(--column-border-style, solid) var(--column-border-color); } .meta-el:not(.mobile-hide):not(.meta-avatar):not(.no-label):not(:last-child):after { display: inline-flex; width: var(--meta-style-w, 1px); height: var(--meta-style-h, max(6px, .5em)); margin-left: .25em; content: ''; opacity: var(--meta-style-o, .3); border-radius: var(--meta-style-b, 0); background-color: var(--meta-fcolor); } .mobile-last-meta:after { display: none !important; } .block-overlay { --bottom-spacing: 10px; } .p-wrap .entry-summary { column-count: 1; } input[type='text'], input[type='tel'], input[type='password'], input[type='email'], input[type='url'], input[type='search'], input[type='number'], textarea { padding: 7px 15px; } .rb-mcol-1 > .block-inner > * { flex-basis: 100%; width: 100%; } .rb-mcol-2 > .block-inner > * { flex-basis: 50%; width: 50%; } .rb-mcol-3 > .block-inner > * { flex-basis: 33.33%; width: 33.33%; } .rb-mcol-4 > .block-inner > * { flex-basis: 25%; width: 25%; } body .mobile-hide { display: none; } .ecat-bg-1 .p-category, .ecat-bg-2 .p-category { padding: .5em 1em; } .meta-avatar { --avatar-size: 20px; } .rb-user-popup-form, .popup-newsletter { width: calc(100% - 40px); } .block-list-small-1 .scroll-holder { max-height: none !important; } .hrc-3 .overlay-wrap, .overlay-1 .overlay-wrap { position: relative; overflow: visible; } [class*='ecat-bg-'] .p-highlight .overlay-inner { padding-top: 0 !important; } [class*='ecat-bg-'] .p-highlight .p-top { margin-top: -1em; } .p-middle .p-highlight .overlay-inner { padding-bottom: 20px; } .p-highlight .overlay-inner { background: var(--highlight-overlay-bg, var(--dark-accent)) !important; } .post-slider .slider-prev, .post-slider .slider-next { font-size: var(--nav-size, 1.25rem); min-width: 40px; min-height: 40px; } .p-middle:not(.is-inner-boxed):not(.overlay-1) [class*='p-overlay-'] .overlay-inner { padding-top: 0; padding-bottom: 0; } .hrc-3 .ratio-v1 { padding-bottom: 66.67%; } .collapse-footer-menu .menu-item a > span { font-size: var(--em-small); } .logo-popup-outer { padding: 25px 20px; } .p-grid-small-1 { display: flex; align-items: flex-start; flex-flow: row-reverse nowrap; width: 100%; } .is-feat-left .p-grid-small-1 { flex-flow: row nowrap; } .p-content { flex-grow: 1; } .is-m-list .box-border .grid-box:before { right: var(--column-gap); left: var(--column-gap); } .list-box .p-featured { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .list-box .p-content { margin: 0 var(--box-spacing) max(var(--box-spacing), 25px); } .list-box .p-format-overlay.format-style-bottom .p-format { background-color: var(--box-color, var(--default-box, var(--solid-light))); } [data-theme='dark'] .list-box .p-format-overlay.format-style-bottom .p-format, .light-scheme .list-box .p-format-overlay.format-style-bottom .p-format { background-color: var(--dark-box-color, var(--default-dark-box, var(--solid-light))); } .is-feat-left .p-grid-small-1 .feat-holder { margin-right: 20px; margin-left: 0; } .rb-follow { font-size: 11px; } .page404-featured img { max-height: 200px; } .page404-description, .taxonomy-description { font-size: var(--rem-small); } .plist-item { padding: 10px; } .yt-trigger { width: 54px; } .yt-trigger-icons svg { width: 26px; } .copyright-inner { flex-direction: column-reverse; text-align: center; } .copyright-menu { flex-flow: row wrap; justify-content: center; margin-bottom: 12px; margin-left: 0; } .l-shared-sec-outer:not(.show-mobile), .single-post-infinite .l-shared-sec-outer.show-mobile, .l-shared-header { display: none; } .single-post-infinite .activated .l-shared-sec-outer.show-mobile, .l-shared-sec-outer.show-mobile { position: fixed; z-index: 9900; right: 0; bottom: 10px; left: 0; display: flex; align-items: center; flex-grow: 1; padding: 0; } .show-mobile .l-shared-items { flex-flow: row nowrap; } .show-mobile .l-shared-sec { position: relative; top: 0; display: flex; flex-grow: 1; justify-content: center; } .l-shared-sec-outer.show-mobile .share-action { line-height: 42px; width: 42px; } .single-header-content { padding: 0 15px; } .e-shared-header span { display: none; } .rbbsl { font-size: 15px; } .rbbsl > * { min-width: 40px; padding: 0 10px; } .entry-sec { padding-top: 27px; padding-bottom: 25px; } .user-rating svg { width: 1em; } .single-standard-7 .single-header { padding-top: 15px; } .feat-caption .caption-text:before { width: 30px; margin-right: 10px; } .attribution { padding-left: 0; } .review-content { padding: 15px; } .review-footer { margin-right: 20px; margin-left: 20px; } .pros-cons-holder { gap: 25px; } .pros-cons-holder > * { flex: 0 0 100%; justify-content: flex-start; width: 100%; } .review-footer > *:not(.review-action) { padding: 22px 0 20px 0; } .pros-cons-title { padding-bottom: 0; } .single-standard-2 .single-header-inner:before, .embed-bg-overlay { bottom: 50px; } .category-header-1 .archive-inner { align-items: flex-start; flex-flow: column nowrap; } .category-header-1 .category-hero-wrap { align-items: flex-start; width: calc(100% - 25px); margin-top: 25px; padding-bottom: 20px; } .p-grid-small-1 .feat-holder { flex-shrink: 0; width: 100%; max-width: var(--feat-list-width, 100px); margin-bottom: 0; margin-left: 15px; } .p-grid-small-1 .p-content { flex-grow: 1; } .block-categories, .block-authors { --bottom-spacing: 10px; } .cbox-inner { display: flex; align-items: stretch; flex-flow: row nowrap; } .cbox-1 .cbox-featured { flex-shrink: 0; width: min(30%, 100px); } .cbox-4 .cbox-inner { flex-flow: column nowrap; } .a-card-feat { width: 70px; } .interest-loader { width: calc(40% - 20px); } .popup-newsletter-inner { flex-flow: row wrap; } .popup-newsletter-inner > * { width: 100%; } .popup-newsletter-cover-holder { padding-bottom: 5px; } .popup-newsletter-content { padding: 20px; } .table-link-depth { margin-left: 15px; } .paudio-embed .embed-holder { padding-bottom: var(--audio-ratio, 56%); } .format-gallery-coverflow .swiper-pagination { margin-top: 10px; } .page-selected { position: static; } .page-selected-outer { position: relative; border-left: 5px solid var(--g-color); border-radius: var(--round-5); } .page-selected-list { right: 0; left: 0; } .page-selected-title { display: none; } .submit-layout-1 .mc4wp-form-fields > *:not(.agree-to-terms) { flex-flow: row wrap; justify-content: center; row-gap: var(--mc-btn-margin, 12px); } .submit-layout-1 input[type='submit'] { line-height: 1; margin-left: 0; padding: var(--mc-btn-padding, 1em); } .submit-layout-1 .newsletter-box-1 input[type='submit'] { width: 100%; } .footer-wrap.left-dot:before { display: none; } .p-grid-small-1 .p-format { font-size: 16px; } [class*='ecat-bg-']:not(.is-m-list):not(.ecat-bg-3) .p-list-2 .p-top { position: relative; z-index: 3; margin-top: calc(-2px - var(--el-spacing) - 1em); padding-left: 7px; } [class*='ecat-bg-'].is-m-grid.p-center .p-list-2 .p-top { right: 0; left: 0; padding-right: 0; padding-left: 0; } .current-slider-info .h4 { font-size: 9px; } span.current-slider-count { font-size: 1.5em; } .entry-sec:before, .review-footer > *:not(.review-action):before, .collapse-sections:before { height: 2px; } h1.search-title { font-size: var(--h2-fsize); } .search-subtitle { font-size: var(--rem-small); margin-top: 5px; } .bookmark-notification { bottom: 20px; } .ubio-inner { flex-flow: column nowrap; justify-content: center; text-align: center; } .bio-avatar { width: 80px; height: 80px; margin-right: 0; margin-bottom: 12px; } .bio-count-posts { display: none; } .bio-description { font-size: var(--em-mini); } .bio-content .usocials { justify-content: center; padding-top: 3px; } .bio-title-wrap.b-follow { flex-flow: column nowrap; } .usocials a { font-size: 14px; } .breaking-news-heading { margin-right: 3px; padding: 0; background-color: transparent; box-shadow: none; } .breaking-news-heading span { display: none; } .newsletter-description { font-size: var(--rem-mini); } .rb-mcol-2.no-last-bb .block-inner > *:nth-last-child(-n+2), .rb-mcol-3.no-last-bb .block-inner > *:nth-last-child(-n+3) { padding-bottom: 0; --bottom-border-color: transparent; } cite { font-size: min(12px, var(--rem-small)); } .wp-block-pullquote { font-size: 1.25em; padding: 2em 0 1.5em 0; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { float: none; max-width: 100%; margin-right: 0; margin-left: 0; } .widget_rss cite:before, .wp-block-quote cite:before, .wp-block-pullquote cite:before { width: 20px; } .wp-block-pullquote blockquote:before { font-size: 4em; } .newsletter-icon i { font-size: 40px; } .e-pagi.mobile-hide { display: none; } .e-pagi img { display: none; } .reaction-heading { margin-bottom: 15px; } .reaction { flex: 0 0 44px; max-width: 44px; padding: 5px; } .reaction-icon svg { width: 36px; height: 36px; } .reaction .reaction-title, .reaction.active .reaction-count { font-size: var(--rem-mini); } .has-drop-cap:not(:focus):first-letter { font-size: 3.5em; line-height: .9; } .e-pagi a { gap: 5px; } .top-site-ad:not(.no-spacing) { padding-top: calc(var(--topad-spacing, 15px) * 0.65); padding-bottom: calc(var(--topad-spacing, 15px) * 0.65); } .author-avatar { width: 36px; height: 36px; } .nname-info .meta-label, .ef-label { display: none; } .footer-logo { height: calc(var(--flogo-height, 50px) * .8); } .bookmark-featured { width: 70px; } .bookmark-title { width: 205px; } .top-footer-inner > *:not(:last-child) { margin-bottom: 35px; } .grid-masonry .grid-holder.rb-masonry { display: grid; grid-gap: 5px; grid-template-columns: auto auto auto auto; } .grid-fmasonry .grid-holder.rb-masonry { display: grid; grid-gap: 5px; grid-template-columns: auto auto auto auto auto; } .grid-default .grid-holder { display: grid; grid-gap: 5px; grid-template-columns: auto auto auto; } .grid-masonry .grid-el:nth-child(2) { grid-column: 1 / span 2; grid-row: 1 / span 2; } .grid-masonry .grid-el:first-child { height: 100%; grid-column: 3 / span 2; grid-row: 1; } .grid-masonry .grid-el:nth-child(3) { height: 100%; grid-column: 3 / span 1; grid-row: 2; } .grid-masonry .grid-el:nth-child(5) { height: 100%; grid-column: 1 / span 2; grid-row: 3; } .grid-masonry .grid-el:last-child { grid-column: 3 / span 2; grid-row: 3 / span 2; } .grid-fmasonry .grid-el:nth-child(3) { grid-column: 2 / span 2; grid-row: 1 / span 2; } .grid-fmasonry .grid-el:nth-child(4) { height: 100%; grid-column: 4 / span 2; grid-row: 1; } .grid-fmasonry .grid-el:nth-child(6) { grid-column: 1 / span 2; grid-row: 3 / span 2; } .grid-fmasonry .grid-el:nth-child(9) { height: 100%; grid-column: 3 / span 2; grid-row: 4; } .grid-fmasonry .grid-el:nth-child(4) .instagram-box, .grid-fmasonry .grid-el:nth-child(9) .instagram-box, .grid-masonry .grid-el:first-child .instagram-box, .grid-masonry .grid-el:nth-child(5) .instagram-box { padding-bottom: 50%; } .rb-header-name.h6 { font-size: 1.7rem; } .rb-w-header .col-right .rb-w-units { font-size: 3.3rem; } .rb-w-big-icon svg { width: 76px; height: 76px; } .rb-w-desc { font-size: .75rem; } .w-forecast-icon svg { width: 36px; height: 36px; } .is-style-10 .fnicon i, .is-style-11 .fnicon i { font-size: 1rem; width: 44px; height: 44px; } .w-banner { padding-top: 50px; padding-bottom: 50px; } .post-slider { position: relative; overflow: hidden; border-radius: var(--round-3); background-color: var(--dark-accent); } .p-list-1 .list-feat-holder, .p-list-2 .list-feat-holder { width: 100% !important; min-width: 100%; max-width: 100% !important; margin-bottom: calc(var(--el-spacing) + 2px); } .ad-description { font-size: 10px; } .pagination-nextprev > * { min-width: 90px; } .short-pagination .pagination-nextprev > * { min-width: 0; } .wpcf7-form .wpcf7-form-control-wrap { width: 100%; max-width: 100%; padding-top: 7px; padding-bottom: 7px; } .cbox-center { display: none; } .heading-layout-c8 .heading-title:before, .heading-layout-c8 .heading-title:after { width: 40px; } .intro-content { display: none; } .textwidget br, .textwidget p { font-size: var(--rem-small); } .is-m-list .p-wrap { min-height: calc(var(--feat-list-width, 150px) * var(--feat-ratio, 60) / 100); } .bottom-border.is-m-list .p-wrap { min-height: calc((var(--feat-list-width, 150px) * (var(--feat-ratio, 60) / 100)) + var(--bottom-spacing, 30px)); } .is-m-list .feat-holder { position: absolute; top: 0; right: var(--column-gap, 0); left: auto; width: var(--feat-list-width, 150px); margin-bottom: 0; padding-bottom: 0 !important; } .is-m-list .p-wrap > *:not(.feat-holder):not(.grid-box):not(.list-box) { margin-right: calc(var(--feat-list-width, 150px) + var(--el-spacing, 10px) * 2); margin-left: 0; } .is-m-list.res-feat-left .feat-holder { top: 0; right: auto; left: var(--column-gap, 0); } .is-m-list.res-feat-left .p-wrap > *:not(.feat-holder):not(.grid-box):not(.list-box) { margin-right: 0; margin-left: calc(var(--feat-list-width, 150px) + var(--el-spacing, 10px) * 2); } .is-m-list .grid-box, .is-m-list .list-box { position: static; padding-top: var(--box-spacing); padding-right: var(--feat-list-width, 150px); padding-bottom: var(--box-spacing); padding-left: 0; } .block-wrap:not(.is-m-list) .grid-box > *:first-child:not(.feat-holder) { padding-top: calc(var(--box-spacing) + 5px); } .is-m-list.res-feat-left .grid-box, .is-m-list.res-feat-left .list-box { padding-right: 0; padding-left: var(--feat-list-width, 150px); } .is-m-list .grid-box .feat-holder, .is-m-list .list-box .feat-holder { bottom: 0; --box-spacing: 7px; } .is-m-list .grid-box .p-featured, .is-m-list .list-box .p-featured { overflow: hidden; height: 100%; padding-bottom: 0; border-radius: 0 var(--wrap-border, var(--round-3)) var(--wrap-border, var(--round-3)) 0; } .is-m-list.res-feat-left .grid-box .p-featured, .is-m-list.res-feat-left .list-box .p-featured { border-radius: var(--wrap-border, var(--round-3)) 0 0 var(--wrap-border, var(--round-3)); } .is-m-list .p-list .list-feat-holder { margin-bottom: 0; } .is-m-list .p-list:not(.p-box) .p-content { padding-right: 0; padding-left: 0; } .is-m-list .list-box .p-content { margin: 0; } .is-m-list:not(.res-feat-left) .list-box .p-content { padding-left: var(--box-spacing); } .is-m-list.res-feat-left .list-box .p-content { padding-right: var(--box-spacing); } .is-m-list .list-box .list-holder { margin-right: 0; margin-left: 0; } .elementor-tabs-content-wrapper { border-radius: var(--round-5); } .w-sidebar.widget-follower .social-follower { grid-template-columns: repeat(var(--s-mcolumns, var(--ds-columns, 2)), 1fr); } .cta-wrap .cta-featured { display: var(--cta-m-img-display, inherit); } .m-cta-img-left { flex-flow: row nowrap; } .m-cta-img-right { flex-flow: row-reverse nowrap; } .m-cta-img-top { flex-flow: column nowrap; } .m-cta-img-bottom { flex-flow: column-reverse nowrap; } .m-cta-left .cta-content { margin-right: auto; margin-left: 0; text-align: left; } .m-cta-left .cta-buttons { justify-content: flex-start; } .m-cta-center .cta-content { margin-right: auto; margin-left: auto; text-align: center; } .m-cta-center .cta-buttons { justify-content: center; } .m-cta-right .cta-content { margin-right: 0; margin-left: auto; text-align: right; } .m-cta-right .cta-buttons { justify-content: flex-end; } .review-quickview-holder { align-items: flex-end; flex-flow: column nowrap; column-gap: 30px; } .review-quickview-inner { align-items: flex-start; flex-flow: row-reverse nowrap; justify-content: space-between; width: 100%; } .t-shared-header .share-label { display: none; } .review-quickview .review-quickview-meta { align-items: flex-end; padding: 0; background: none; } .notification-popup { width: var(--dropdown-w, calc(100vw - 40px)); } } @media all { .is-stemplate .s-cats, .is-stemplate .s-breadcrumb, .is-stemplate .s-title, .is-stemplate .s-tagline, .is-stemplate .single-meta, .p-content > *:last-child { margin-bottom: 0; } } @font-face { font-family: 'ruby-icon'; font-display: swap; src: url('../fonts/icons.woff2?ver=2.5.0') format('woff2'); font-weight: normal; font-style: normal; }