/* ----------------- >>> 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 { --body-fcolor: #282828; /** borders */ --round-5: 5px; --round-3: 3px; --round-7: 7px; /*--flex-*/ --flex-gray-7: #88888812; --flex-gray-15: #88888826; --flex-gray-20: #88888833; --flex-gray-40: #88888866; /** absolute color */ --absolute-white: #fff; --absolute-light: #ddd; --absolute-dark: #242424; --height-34: 34px; --height-40: 40px; --padding-40: 0 40px; --shadow-2: #00000005; --shadow-7: #00000012; --shadow-12: #0000001f; --rem-small: .92rem; --rem-mini: .8rem; --em-small: .92em; --em-mini: .8em; --timing: cubic-bezier(0.32, 0.74, 0.57, 1); --effect: all .25s cubic-bezier(0.32, 0.74, 0.57, 1); --el-spacing: 12px; --bottom-spacing: 35px; --box-spacing: 5%; --nav-height: 60px; --solid-white: #fff; --solid-light: #fafafa; --review-color: #ffc300; --video-color: #ffc300; --gallery-color: #729dff; --audio-color: #ffa052; --max-width-wo-sb: 100%; --g-color: #ff184e; --g-color-90: #ff184ee6; --dark-accent: #191c20; --dark-accent-90: #191c20f2; --dark-accent-0: #191c2000; /** header default */ --nav-bg: #fff; --nav-bg-from: #fff; --nav-bg-to: #fff; --nav-color: #282828; --nav-color-10: #28282820; --subnav-bg: #fff; --subnav-bg-from: #fff; --subnav-bg-to: #fff; --subnav-color: #282828; --subnav-color-10: #28282820; --transparent-nav-color: #fff; --swiper-navigation-size: 44px; --indicator-height: 4px; --indicator-bg-from: #ff0084; --indicator-bg-to: #2c2cf8; --privacy-color: #fff; --heading-color: var(--body-fcolor); --heading-sub-color: var(--g-color); --column-border-color: var(--flex-gray-20); --bottom-border-color: var(--flex-gray-20); /** fonts */ --body-family: 'Oxygen', sans-serif; --body-fsize: 16px; --body-fweight: 400; --body-fspace: normal; --body-transform: none; --body-fstyle: normal; --h1-family: 'Encode Sans Condensed', sans-serif; --h1-fsize: 40px; --h1-fweight: 700; --h1-fspace: normal; --h1-transform: none; --h1-fstyle: normal; --h1-fcolor: inherit; --h2-family: 'Encode Sans Condensed', sans-serif; --h2-fsize: 28px; --h2-fweight: 700; --h2-fspace: normal; --h2-transform: none; --h2-fstyle: normal; --h2-fcolor: inherit; --h3-family: 'Encode Sans Condensed', sans-serif; --h3-fsize: 22px; --h3-fweight: 700; --h3-fspace: normal; --h3-transform: none; --h3-fstyle: normal; --h3-fcolor: inherit; --h4-family: 'Encode Sans Condensed', sans-serif; --h4-fsize: 16px; --h4-fweight: 700; --h4-fspace: normal; --h4-transform: none; --h4-fstyle: normal; --h4-fcolor: inherit; --h5-family: 'Encode Sans Condensed', sans-serif; --h5-fsize: 14px; --h5-fweight: 700; --h5-fspace: normal; --h5-transform: none; --h5-fstyle: normal; --h5-fcolor: inherit; --h6-family: 'Encode Sans Condensed', sans-serif; --h6-fsize: 13px; --h6-fweight: 600; --h6-fspace: normal; --h6-transform: none; --h6-fstyle: normal; --h6-fcolor: inherit; --tagline-family: 'Encode Sans Condensed', sans-serif; --tagline-fsize: 28px; --tagline-fweight: 400; --tagline-fspace: normal; --tagline-transform: none; --tagline-fstyle: normal; --tagline-fcolor: inherit; --cat-family: 'Oxygen', sans-serif; --cat-fsize: 10px; --cat-fweight: 700; --cat-fspace: .07em; --cat-transform: uppercase; --cat-fstyle: normal; --meta-family: 'Encode Sans Condensed', sans-serif; --meta-fsize: 13px; --meta-fweight: 400; --meta-fspace: normal; --meta-transform: none; --meta-fstyle: normal; --meta-fcolor: #666; --meta-b-family: inherit; --meta-b-fweight: 600; --meta-b-fspace: normal; --meta-b-transform: none; --meta-b-fstyle: normal; --meta-b-fcolor: #282828; --input-family: 'Encode Sans Condensed', sans-serif; --input-fsize: 14px; --input-fweight: 400; --input-fspace: normal; --input-transform: none; --input-fstyle: normal; --input-fcolor: inherit; --btn-family: 'Encode Sans Condensed', sans-serif; --btn-fsize: 12px; --btn-fweight: 700; --btn-fspace: normal; --btn-transform: none; --btn-fstyle: normal; --btn-fcolor: inherit; --menu-family: 'Encode Sans Condensed', sans-serif; --menu-fsize: 17px; --menu-fweight: 600; --menu-fspace: -.02em; --menu-transform: none; --menu-fstyle: normal; --submenu-family: 'Encode Sans Condensed', sans-serif; --submenu-fsize: 13px; --submenu-fweight: 500; --submenu-fspace: -.02em; --submenu-transform: none; --submenu-fstyle: normal; --dwidgets-family: 'Oxygen', sans-serif; --dwidgets-fsize: 13px; --dwidgets-fweight: 600; --dwidgets-fspace: 0; --dwidgets-fstyle: normal; --dwidgets-transform: none; --excerpt-color: #666; --headline-fsize: 45px; --tagline-s-fsize: 22px; --excerpt-fsize: 14px; } [data-theme='dark'], .light-scheme { --flex-gray-7: #88888818; --flex-gray-15: #88888840; --flex-gray-20: #8888884d; /** darker on dark */ --shadow-2: #00000033; --shadow-7: #0000004d; --shadow-12: #00000066; /** color */ --body-fcolor: #fff; --h1-fcolor: #fff; --h2-fcolor: #fff; --h3-fcolor: #fff; --h4-fcolor: #fff; --h5-fcolor: #fff; --h6-fcolor: #fff; --headline-fcolor: #fff; --tagline-fcolor: #fff; --input-fcolor: #fff; --bcrumb-color: #fff; --excerpt-color: #ddd; --meta-fcolor: #bbb; --meta-b-fcolor: #fff; --solid-white: #191c20; --solid-light: #333; /** header default */ --nav-bg: #131518; --nav-bg-from: #131518; --nav-bg-to: #131518; --nav-color: #fff; --nav-color-10: #ffffff15; --subnav-bg: #191c20; --subnav-bg-from: #191c20; --subnav-bg-to: #191c20; --subnav-color: #fff; --subnav-color-10: #ffffff15; --heading-color: var(--body-fcolor); --heading-sub-color: var(--g-color); --dark-accent: #0e0f12; --dark-accent-90: #0e0f12f2; --dark-accent-0: #0e0f1200; } body:not([data-theme='dark']) [data-mode='dark'], body[data-theme='dark'] [data-mode='default'], body .light-scheme [data-mode='default'] { display: none !important; } body .light-scheme [data-mode='dark'] { display: inherit !important; } [data-theme='dark'] .icon-svg, .light-scheme .icon-svg { filter: invert(100%); -webkit-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(--absolute-light); } .global-color { color: var(--g-color); } /* ----------------- 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; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-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: 1.7; 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 { 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 * { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .site-outer { position: relative; display: block; 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; z-index: 0; display: block; margin: 0; padding: 0; } .site-wrap { 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 } acronym { cursor: help } .rbct mark, .rbct ins { text-decoration: none; background-color: rgba(0, 0, 0, .07); } figure { display: block; margin: 0; } cite, em { font-weight: normal; 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-style: italic; } 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 { color: #000; background-color: #ff0; } code { font-family: Courier, monospace; 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 } audio:not([controls]) { display: none; height: 0 } img { max-width: 100%; height: auto; vertical-align: middle; border-style: none; object-fit: cover; -webkit-object-fit: cover; } svg:not(:root) { overflow: hidden } button, input, optgroup, select, textarea { text-transform: none; color: inherit; outline: none !important; } .bypostauthor { position: relative; } .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; -webkitcolorip-path: inset(50%); clip-path: inset(50%); } select { line-height: 22px; position: relative; max-width: 100%; padding: 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 left 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; } textarea { overflow: auto; } [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 } [hidden], template { display: none } del { text-decoration: line-through; } big { font-size: 125%; } .clearfix:before, .clearfix:after { display: table; clear: both; content: ' '; } .rb-error { font-size: var(--rem-mini); } .hidden { display: none; } 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); } .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, .user-form label, .rss-date, .widget_rss cite, .woocommerce-result-count, .woocommerce-ordering select { 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); } .meta-author *:not(em), .meta-bold { color: var(--meta-b-fcolor, var(--body-fcolor)); } .p-readmore { font-family: var(--btn-family); font-size: var(--readmore-fsize, 12px); font-weight: 600; font-style: normal; text-transform: none; } input[type='text'], input[type='tel'], input[type='password'], input[type='email'], input[type='url'], input[type='search'], input[type='number'], textarea { font-family: var(--input-family); font-size: var(--input-fsize); font-weight: var(--input-fweight); font-style: var(--input-fstyle); line-height: 1.5; letter-spacing: var(--input-fspace); text-transform: var(--input-transform); color: var(--input-fcolor); } textarea { font-size: var(--input-fsize) !important; } input[type='submit'], button, .button, .is-btn, a.show-post-comment, a.comment-reply-link, .pagination-wrap, .rbbsl a > span, .widget_block .wp-block-search [type='submit'] { 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); } .comment-list .comment-reply-title small a { font-family: var(--btn-family); 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: 'Encode Sans Condensed', sans-serif; font-size: var(--bcrumb-fsize, 13px); font-weight: 600; font-style: normal; line-height: 1.5; 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 { 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)); 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-family: var(--subheading-family, inherit); font-size: var(--subheading-fsize, inherit); font-weight: var(--subheading-fweight, inherit); font-style: var(--subhading-fstyle, inherit); letter-spacing: var(--subheading-fspace, inherit); text-transform: var(--subheading-transform, inherit); } .description-text { font-size: var(--excerpt-fsize); } .p-wrap .entry-summary { font-size: var(--excerpt-fsize); color: var(--excerpt-color); } input[type='text'], input[type='tel'], input[type='password'], input[type='email'], input[type='url'], input[type='search'], input[type='number'] { line-height: 22px; max-width: 100%; padding: 10px 20px; -webkit-transition: var(--effect); transition: var(--effect); white-space: nowrap; border: none; border-radius: var(--round-3); outline: none !important; background-color: var(--flex-gray-7); -webkit-box-shadow: none !important; box-shadow: none !important; } input[type='submit']:not(.search-submit), button, .is-btn, .button { line-height: var(--height-40); padding: var(--padding-40); cursor: pointer; -webkit-transition: var(--effect); transition: var(--effect); white-space: nowrap; color: var(--absolute-white); border: none; -webkit-border-radius: var(--round-3); border-radius: var(--round-3); outline: none !important; background: var(--g-color); -webkit-box-shadow: none; box-shadow: none; } input[type='submit']:not(.search-submit):hover, button:hover, .is-btn:hover { -webkit-box-shadow: 0 4px 15px var(--g-color-90); box-shadow: 0 4px 15px var(--g-color-90); } textarea { display: block; width: 100%; max-width: 100%; padding: 10px 25px; -webkit-transition: var(--effect); transition: var(--effect); border: none; border-radius: var(--round-3); outline: none; background-color: var(--flex-gray-7); -webkit-box-shadow: none !important; box-shadow: none !important; } .rb-container, .rb-wide-container, .rb-small-container { position: static; display: block; width: 100%; max-width: 1280px; margin-right: auto; margin-left: auto; } .rb-wide-container { max-width: 1500px; } .rb-small-container { max-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 { list-style: none; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { -ms-word-wrap: break-word; word-wrap: break-word; } .icon-holder { display: flex; align-items: center; } .svg-icon { width: 1.5em; height: auto; } .overlay-text .meta-inner, .overlay-text .meta-text, .overlay-text .is-meta, .overlay-text .meta-label { color: var(--absolute-light); } .overlay-text .entry-title, .overlay-text .counter-el, .overlay-text .s-title, .overlay-text .s-title.fw-headline, .overlay-text .rb-icon, .overlay-text .meta-author *:not(em), .overlay-text .meta-bold, .overlay-text .rb-bookmark, .overlay-text .caption-text, .overlay-text .rbi-bookmark, .overlay-text .t-shared-sec .share-action, .overlay-text .breadcrumb-inner, .overlay-text .sponsor-icon, .overlay-text .p-link, [data-theme='dark'] .t-shared-sec .share-action, [data-theme='dark'] .sticky-share-list .share-action, .white-text * { color: var(--absolute-white); } .overlay-text .entry-summary, .overlay-text .s-tagline, .overlay-text .s-tagline.fw-tagline { color: #f2f2f2; } .light-scheme { color: var(--body-fcolor); } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 999999s ease-in-out 0s; } .holder-wrap { position: relative; } .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; } .overlay-inner .counter-el { padding: 20px; } .p-gradient { background: -webkit-gradient(linear, right top, right 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%); } .p-vtop .p-gradient { background: -webkit-gradient(linear, right bottom, right top, from(var(--dark-accent-0)), to(var(--dark-accent))); background: linear-gradient(to bottom, var(--dark-accent) 0, var(--dark-accent-90) 50%, var(--dark-accent-0) 100%); } .p-highlight .p-gradient { background-color: var(--dark-accent); } .rb-columns > .block-inner { display: flex; flex-flow: row wrap; flex-basis: 100%; flex-grow: 1; } .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; } .rb-columns > .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); } .is-color .icon-facebook { color: #89abfc; } .is-color .icon-facebook:hover { color: #1f82ec; text-shadow: 0 5px 15px #1f82ec; } .is-bg .icon-facebook { background-color: #89abfc; } .is-bg .icon-facebook:hover { background-color: #1f82ec; box-shadow: 0 5px 15px #1f82ec; } .is-color .icon-twitter { color: #60d2f5; } .is-color .icon-twitter:hover { color: #13b9ee; text-shadow: 0 5px 15px #13b9ee; } .is-bg .icon-twitter { background-color: #60d2f5; } .is-bg .icon-twitter:hover { background-color: #13b9ee; box-shadow: 0 5px 15px #13b9ee; } .is-color .icon-pinterest { color: #f74c53; } .is-color .icon-pinterest:hover { color: #f60c19; text-shadow: 0 5px 15px #f60c19; } .is-bg .icon-pinterest { background-color: #f74c53; } .is-bg .icon-pinterest:hover { background-color: #f60c19; box-shadow: 0 5px 15px #f60c19; } .is-color .icon-instagram { color: #7e40b6; } .is-color .icon-instagram:hover { color: #8823b6; text-shadow: 0 5px 15px #8823b6; } .is-bg .icon-instagram { background-color: #7e40b6; } .is-bg .icon-instagram:hover { background-color: #8823b6; box-shadow: 0 5px 15px #8823b6; } .is-color .icon-linkedin { color: #007bb6; } .is-color .icon-linkedin:hover { color: #006ab1; text-shadow: 0 5px 15px #006ab1; } .is-bg .icon-linkedin { background-color: #007bb6; } .is-bg .icon-linkedin:hover { background-color: #006ab1; box-shadow: 0 5px 15px #006ab1; } .is-color .icon-tumblr { color: #32506d; } .is-color .icon-tumblr:hover { color: #1f3143; text-shadow: 0 5px 15px #1f3143; } .is-bg .icon-tumblr { background-color: #32506d; } .is-bg .icon-tumblr:hover { background-color: #1f3143; box-shadow: 0 5px 15px #1f3143; } .is-color .icon-flickr { color: #ff0082; } .is-color .icon-flickr:hover { color: #ff015a; text-shadow: 0 5px 15px #ff015a; } .is-bg .icon-flickr { background-color: #ff0082; } .is-bg .icon-flickr:hover { background-color: #ff015a; box-shadow: 0 5px 15px #ff015a; } .is-color .icon-skype { color: #00aae1; } .is-color .icon-skype:hover { color: #0070bf; text-shadow: 0 5px 15px #0070bf; } .is-bg .icon-skype { background-color: #00aae1; } .is-bg .icon-skype:hover { background-color: #0070bf; box-shadow: 0 5px 15px #0070bf; } .is-color .icon-snapchat { color: #ffc94f; } .is-color .icon-snapchat:hover { color: #e3c100; text-shadow: 0 5px 15px #e3c100; } .is-bg .icon-snapchat { background-color: #ffc94f; } .is-bg .icon-snapchat:hover { background-color: #e3c100; box-shadow: 0 5px 15px #e3c100; } .is-color .icon-myspace { color: #030303; } .is-color .icon-myspace:hover { color: #000; text-shadow: 0 5px 15px #000; } .is-bg .icon-myspace { background-color: #030303; } .is-bg .icon-myspace:hover { background-color: #000; box-shadow: 0 5px 15px #000; } .is-color .icon-youtube { color: #ef464b; } .is-color .icon-youtube:hover { color: #fc161e; text-shadow: 0 5px 15px #fc161e; } .is-bg .icon-youtube { background-color: #ef464b; } .is-bg .icon-youtube:hover { background-color: #fc161e; box-shadow: 0 5px 15px #fc161e; } .is-color .icon-bloglovin { color: #111; } .is-color .icon-bloglovin:hover { color: #000; text-shadow: 0 5px 15px #000; } .is-bg .icon-bloglovin { background-color: #111; } .is-bg .icon-bloglovin:hover { background-color: #000; box-shadow: 0 5px 15px #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 5px 15px #000; } .is-color .icon-dribbble { color: #fb70a6; } .is-color .icon-dribbble:hover { color: #ff407f; text-shadow: 0 5px 15px #ff407f; } .is-bg .icon-dribbble { background-color: #fb70a6; } .is-bg .icon-dribbble:hover { background-color: #ff407f; box-shadow: 0 5px 15px #ff407f; } .is-color .icon-soundcloud { color: #fd794a; } .is-color .icon-soundcloud:hover { color: #ff5313; text-shadow: 0 5px 15px #ff5313; } .is-bg .icon-soundcloud { background-color: #fd794a; } .is-bg .icon-soundcloud:hover { background-color: #ff5313; box-shadow: 0 5px 15px #ff5313; } .is-color .icon-vk { color: #5fa0dd; } .is-color .icon-vk:hover { color: #005f8c; } .is-bg .icon-vk { background-color: #5fa0dd; } .is-bg .icon-vk:hover { background-color: #005f8c; box-shadow: 0 5px 15px #005f8c; } .is-color .icon-whatsapp { color: #00e676; } .is-color .icon-whatsapp:hover { color: #00e537; text-shadow: 0 5px 15px #00e537; } .is-bg .icon-whatsapp { background-color: #00e676; } .is-bg .icon-whatsapp:hover { background-color: #00e537; box-shadow: 0 5px 15px #00e537; } .is-color .icon-vimeo { color: #44bbe1; } .is-color .icon-vimeo:hover { color: #16b1e3; text-shadow: 0 5px 15px #16b1e3; } .is-bg .icon-vimeo { background-color: #44bbe1; } .is-bg .icon-vimeo:hover { background-color: #16b1e3; box-shadow: 0 5px 15px #16b1e3; } .is-color .icon-telegram { color: #649fdf; } .is-color .icon-telegram:hover { color: #3885d9; text-shadow: 0 5px 15px #3885d9; } .is-bg .icon-telegram { background-color: #649fdf; } .is-bg .icon-telegram:hover { background-color: #3885d9; box-shadow: 0 5px 15px #3885d9; } .is-color .icon-rss { color: #ffd43f; } .is-color .icon-rss:hover { color: #eab910; text-shadow: 0 5px 15px #eab910; } .is-bg .icon-rss { background-color: #ffd43f; } .is-bg .icon-rss:hover { background-color: #eab910; box-shadow: 0 5px 15px #eab910; } .is-color .icon-reddit { color: #ff4500; } .is-color .icon-reddit:hover { color: #e02200; text-shadow: 0 5px 15px #e02200; } .is-bg .icon-reddit { background-color: #ff4500; } .is-bg .icon-reddit:hover { background-color: #e02200; box-shadow: 0 5px 15px #e02200; } .is-color .icon-email { color: #efab68; } .is-color .icon-email:hover { color: #ff9c38; text-shadow: 0 5px 15px #ff9c38; } .is-bg .icon-email { background-color: #efab68; } .is-bg .icon-email:hover { background-color: #ff9c38; box-shadow: 0 5px 15px #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 5px 15px #0f67f6; } .is-bg .icon-copy { background-color: #66bbbf; } .is-bg .icon-copy:hover { background-color: #38787a; box-shadow: 0 5px 15px #38787a; } .is-bg .icon-print { background-color: #4082f1; } .is-bg .icon-print:hover { background-color: #0f67f6; box-shadow: 0 5px 15px #0f67f6; } .is-color .icon-custom { color: var(--dark-accent); } .effect-fadeout.activated a { opacity: .3; } .effect-fadeout.activated a:hover, .effect-fadeout.activated a:focus { opacity: 1; } .t-shared-sec .share-action:hover, .l-shared-sec .share-action:hover, .footer-social-list a:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .is-bg { color: var(--absolute-white); } .is-bg * { color: inherit; } .is-hidden { display: none !important; } .is-invisible { visibility: hidden; opacity: 0; } .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 left, currentColor 10%, rgba(255, 255, 255, 0) 50%); } .rb-loader:before { position: absolute; top: 0; right: 0; width: 50%; height: 50%; content: ''; color: inherit; border-radius: 0 100% 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); } @-webkit-keyframes spin-loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } @keyframes spin-loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } .rb-loader.loader-absolute { position: absolute; right: 50%; bottom: 50%; display: block; margin-top: -1.5em; margin-right: -1.5em; } .opacity-animate { -webkit-transition: opacity .25s var(--timing); transition: opacity .25s var(--timing); } .is-invisible { opacity: 0; } .pagination-wrap { position: relative; display: flex; justify-content: center; width: 100%; margin-top: var(--bottom-spacing); padding-right: var(--column-gap, 0); padding-left: var(--column-gap, 0); } .pagination-nextprev > *:first-child { margin-left: 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 { line-height: var(--height-34); position: relative; display: inline-flex; align-items: center; flex-flow: row nowrap; padding: var(--padding-40); -webkit-transition: var(--effect); transition: var(--effect); border-radius: var(--round-7); background-color: var(--flex-gray-7); } .pagination-number .page-numbers { border: 1px solid var(--flex-gray-15); background-color: transparent; } .pagination-number .page-numbers { margin: 0 3px; padding: 0 15px; } .pagination-number .page-numbers:not(.prev):not(.next) { padding: 0 10px; } .pagination-number span.page-numbers:not(.dots) { color: #fff; border-color: var(--g-color); background-color: var(--g-color); } .pagination-number span.page-numbers.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%; right: 50%; margin-top: -1.5em; margin-right: -1.5em; } .infinite-trigger { position: relative; display: flex; justify-content: center; width: 100%; min-height: 3em; } .infinite-trigger .rb-loader { position: absolute; top: 0; right: 50%; margin-right: -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(--absolute-white) !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(--absolute-white); background: var(--g-color); } .text-link-next a span { margin-left: 4px; } .text-link-prev a span { margin-right: 4px; } .pagination-simple > * { padding-right: 10px; padding-left: 10px; } .pagination-simple .older:first-child { margin-right: auto; padding-right: 0; padding-left: 0; } .pagination-simple .newer:last-child { margin-left: auto; padding-right: 0; padding-left: 0; } 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 { color: var(--absolute-white); background-color: var(--g-color); -webkit-box-shadow: 0 0 15px var(--g-color-90); box-shadow: 0 0 15px var(--g-color-90); } body .p-wrap.end-list-info { flex: 0 0 100%; max-width: 100%; margin-top: 40px; text-align: center; } .end-list-info i { margin-left: 7px; } .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 { flex-grow: 1; } .search-form input[type='search'] { width: 100%; padding: 15px 5px 15px 15px; background: none !important; } .wp-block-search .wp-block-search__button { margin: 0; } .wp-block-search input[type='search'] { position: relative; width: 100%; padding: 0 20px; 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: 0 10px; } .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%; right: 0; height: .8em; margin-top: -.4em; content: ''; border-right: 2px solid var(--g-color); } .search-submit, .wp-block-search [type='submit'] { height: 100%; padding: 0 20px; cursor: pointer; -webkit-transition: var(--effect); transition: var(--effect); border: none; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .wp-block-search [type='submit'] { border-right: 2px solid var(--g-color); border-top-right-radius: 0; border-bottom-right-radius: 0; } .search-submit:hover, .search-submit:active, .wp-block-search [type='submit']:hover, .wp-block-search [type='submit']:active { color: #fff; background-color: var(--g-color); -webkit-box-shadow: 0 4px 15px var(--g-color-90); box-shadow: 0 4px 15px var(--g-color-90); } .wp-block-search__label { display: none; } .mfp-bg { position: fixed; z-index: 9042; top: 0; right: 0; overflow: hidden; width: 100%; height: 100%; background: var(--dark-accent); } .mfp-wrap { position: fixed; z-index: 9043; top: 0; right: 0; width: 100%; height: 100%; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { position: absolute; top: 0; right: 0; box-sizing: border-box; width: 100%; height: 100%; padding: 0 8px; text-align: center; } .mfp-container:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; z-index: 1045; display: inline-block; margin: 0 auto; text-align: right; vertical-align: middle; } .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-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .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; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-counter { font-size: 12px; line-height: 18px; position: absolute; top: 0; left: 0; white-space: nowrap; color: #ccc; } .mfp-arrow { position: absolute; top: 50%; width: 90px; 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:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { position: absolute; top: 0; right: 0; display: block; width: 0; height: 0; margin-top: 35px; margin-right: 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 { right: 0; } .mfp-arrow-left:after { margin-right: 31px; border-left: 17px solid #fff; } .mfp-arrow-left:before { margin-right: 25px; border-left: 27px solid #3f3f3f; } .mfp-arrow-right { left: 0; } .mfp-arrow-right:after { margin-right: 39px; border-right: 17px solid #fff; } .mfp-arrow-right:before { border-right: 27px solid #3f3f3f; } .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; right: 0; display: block; width: 100%; height: 100%; background: #000; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } 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: #444; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .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%; right: 0; width: 100%; margin-top: -36px; cursor: auto; } .mfp-title { line-height: 18px; padding-left: 36px; text-align: right; word-wrap: break-word; color: #f3f3f3; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .mfp-bg.popup-animation { -webkit-transition: all .5s var(--timing); transition: all .5s var(--timing); opacity: 0; } .mfp-bg.mfp-ready.popup-animation { opacity: .92; } .mfp-bg.mfp-ready.popup-animation.site-access-popup { opacity: .99; } .mfp-removing.mfp-bg.mfp-ready.popup-animation { opacity: 0 !important; } .popup-animation .mfp-content { -webkit-transition: all .5s var(--timing); transition: all .5s var(--timing); opacity: 0; } .popup-animation.mfp-ready .mfp-content { opacity: 1; } .popup-animation.mfp-removing .mfp-content { opacity: 0; } .tipsy { position: absolute; z-index: 100000; padding: 5px; } .tipsy-inner { font-size: var(--meta-fsize); line-height: 1; max-width: 200px; padding: 7px 10px; text-align: center; color: var(--absolute-white); 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 { right: 0; left: auto; -webkit-transform: scale(-1, 1); 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-instagram: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-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 { -webkit-transform: none; transform: none; } .tipsy-arrow-n { border-bottom-color: var(--dark-accent); } .tipsy-n .tipsy-arrow { top: 0; right: 50%; margin-right: -5px; border-top: none; border-right-color: transparent; border-bottom-style: solid; border-left-color: transparent; } .tipsy-w .tipsy-arrow { top: 50%; right: 0; margin-top: -5px; border-top-color: transparent; border-right: none; border-bottom-color: transparent; border-left-style: solid; } .tipsy-e .tipsy-arrow { top: 50%; left: 0; margin-top: -5px; border-top-color: transparent; border-right-style: solid; border-bottom-color: transparent; border-left: none; } .tipsy-s .tipsy-arrow { right: 50%; bottom: 0; margin-right: -5px; border-top-style: solid; border-right-color: transparent; border-bottom: none; border-left-color: transparent; } /* ----------------- 3 - Font Icons ----------------- */ @font-face { font-family: 'ruby-icon'; src: url('../fonts/icons.ttf?v=1.1') format('truetype'), url('/../fonts/icons.woff?v=1.1') format('woff'), url('/../fonts/icons.svg?v=1.1#ruby-icon') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } .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 { display: inline-block; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)'; } .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-next:before { content: '\e958'; } .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'; } .rbicolorose:before { content: '\e949'; } .rbi-home:before { content: '\e952'; } .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:before { content: '\e918'; } .rbi-github:before { content: '\e919'; } .rbi-google:before { content: '\e91a'; } .rbi-drive:before { content: '\e91b'; } .rbi-play:before { content: '\e91c'; } .rbi-wallet:before { content: '\e91d'; } .rbi-instagram:before { content: '\e91e'; } .rbi-linkedin:before { content: '\e91f'; } .rbi-mailchimp:before { content: '\e920'; } .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:before { content: '\e934'; } .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'; } /* ----------------- 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; right: 0; width: 100%; height: 100%; pointer-events: none; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to left, 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; scrollbar-width: none; -ms-overflow-style: 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 { right: auto; left: 10px; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { 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-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 { right: 0; bottom: 10px; width: 100%; } .swiper-pagination-bullet, body .swiper-pagination-bullet { position: relative; display: inline-block; width: 16px; height: 16px; margin-right: 0; margin-left: 0; -webkit-transition: -webkit-transform .25s var(--timing); transition: transform .25s var(--timing); opacity: .4; background: none; } .swiper-pagination-bullet:before { position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ''; -webkit-transform: scale(.5); transform: scale(.5); pointer-events: none; color: inherit; -webkit-border-radius: 100%; border-radius: 100%; 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%; left: 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 { right: 50%; transform: translateX(50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 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; right: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: right top; background: var(--g-color); } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { 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; right: 0; height: 2px; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { position: relative; border-radius: var(--round-7); background: var(--dark-accent-90); -ms-touch-action: none; } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; z-index: 50; right: 1%; bottom: 3px; width: 98%; height: 5px; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; z-index: 50; top: 1%; left: 3px; width: 5px; height: 98%; } .swiper-scrollbar-drag { position: relative; top: 0; right: 0; width: 100%; height: 100%; border-radius: var(--round-7); background: var(--g-color); } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .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%; right: 50%; box-sizing: border-box; width: 42px; height: 42px; margin-top: -21px; margin-right: -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; right: 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: 100% 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 { 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; right: 0; bottom: 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; filter: blur(50px); -webkit-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(right, var(--nav-bg-from) 0%, var(--nav-bg-to) 100%); background: linear-gradient(to left, var(--nav-bg-from) 0%, var(--nav-bg-to) 100%); } .style-shadow .navbar-wrap:not(.navbar-transparent), .sticky-on .navbar-wrap { -webkit-box-shadow: 0 4px 30px var(--shadow-7); 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) { -webkit-box-shadow: 0 10px 10px var(--shadow-2); box-shadow: 0 10px 10px var(--shadow-2); } .navbar-inner { position: relative; display: flex; display: -webkit-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; display: -webkit-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; display: -webkit-flex; align-items: center; flex-shrink: 0; max-height: 100%; margin-left: 20px; } .the-logo a { -webkit-transition: opacity .25s var(--timing); transition: opacity .25s var(--timing); } .the-logo img { 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 .25s var(--timing); transition: opacity .25s var(--timing); object-fit: cover; } .is-hd-4, .is-hd-5 { --nav-height: 40px; } .header-4 .logo-wrap:not(.mobile-logo-wrap) img { max-height: var(--hd4-logo-height, 60px); } .header-5 .logo-wrap:not(.mobile-logo-wrap) img { max-height: var(--hd5-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-right: 1px solid var(--flex-gray-15); } .header-4.header-fw .main-menu > li:first-child > a { border-right: 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; bottom: .4em; left: 0; display: block; content: ''; border-left: 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-right: auto; } .logo-sec-right > * { padding-right: 10px; padding-left: 10px; } .logo-sec-right .header-search-form { margin-bottom: 0; } .logo-sec-right .search-form-inner { min-width: 320px; background-color: var(--flex-gray-7); } .header-social-list > a { padding-right: 5px; padding-left: 5px; } .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; display: -webkit-flex; align-items: center; height: 100%; } .navbar-outer .navbar-right > * { color: var(--nav-color); } .large-menu > li { position: relative; display: block; float: right; } .large-menu .sub-menu li, .menu-has-child-flex { position: relative; } .large-menu .sub-menu, .header-dropdown { position: absolute; z-index: 9999; top: -9999px; right: 0; left: auto; display: block; visibility: hidden; min-width: 210px; margin-top: 20px; -webkit-transition: top 0s, opacity .25s var(--timing), margin .25s var(--timing); transition: top 0s, opacity .25s var(--timing), margin .25s var(--timing); pointer-events: none; opacity: 0; border-radius: var(--round-7); } .mega-dropdown, .flex-dropdown { position: absolute; z-index: 888; top: -9999px; right: auto; left: -10%; display: block; overflow: hidden; min-width: 180px; margin-top: 20px; cursor: auto; -webkit-transition: top 0s ease .25s, opacity .25s var(--timing), margin .25s var(--timing) .25s; transition: top 0s ease .25s, opacity .25s var(--timing), margin .25s var(--timing) .25s; pointer-events: none; opacity: 0; background: transparent; } .mega-dropdown-inner:not(.mega-template-inner) { border-radius: var(--round-7); background: var(--subnav-bg); background: -webkit-linear-gradient(right, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); background: linear-gradient(to left, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); -webkit-box-shadow: 0 4px 30px var(--shadow-7); box-shadow: 0 4px 30px var(--shadow-7); } .mega-dropdown { width: 100vw; } .more-section-inner { 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(right, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); background: linear-gradient(to left, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); -webkit-box-shadow: 0 4px 30px var(--shadow-7); box-shadow: 0 4px 30px var(--shadow-7); } .more-section .heading-title > * { color: var(--subnav-color); } .large-menu > li:hover > .sub-menu, .large-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 .25s var(--timing), margin .25s var(--timing) 0s; transition: top 0s ease 0s, opacity .25s var(--timing), margin .25s var(--timing) 0s; opacity: 1; } .large-menu .sub-menu .sub-menu { top: -10px; right: 100%; margin-top: 0; margin-right: 20px; } .large-menu .sub-menu li:hover > .sub-menu { right: calc(100% - 5px); visibility: visible; margin-right: 0; pointer-events: auto; opacity: 1; } .sub-menu-title { font-size: var(--em-mini); line-height: 1; position: absolute; top: -3px; right: 100%; margin-right: 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-right: auto; -webkit-transition: var(--effect); transition: var(--effect); } .mega-link i { margin-right: 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); } .is-mega-category .block-grid-small-1 .p-wrap { margin-bottom: 0; } .mega-dropdown-inner { width: 100%; padding: 20px 20px 30px 20px; pointer-events: auto; } .mega-template-inner { pointer-events: auto; } .flex-dropdown .mega-template-inner { border-radius: var(--round-5); -webkit-box-shadow: 0 4px 30px var(--shadow-12); 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 .p-list-small-1 { --bottom-spacing: 10px; } .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-left: 5px; color: var(--g-color); } .mega-hierarchical .p-list-small-2 .feat-holder { width: 125px; } .mega-col .p-wrap:last-child { margin-bottom: 0; } .block-follow.rb-columns > .block-inner { align-items: stretch; } .cbox-description { font-size: var(--rem-mini); } .cbox-description * { font-size: inherit; } .main-menu-wrap { display: flex; align-items: center; height: 100%; } .menu-item a > span { font-size: inherit; font-weight: inherit; font-style: inherit; position: relative; letter-spacing: inherit; } .main-menu > li > a { position: relative; display: flex; display: -webkit-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); } .main-menu > li > a .menu-sub-title { position: relative; right: auto; vertical-align: top; } .main-menu .sub-menu { padding: 10px 0; background: var(--subnav-bg); background: -webkit-linear-gradient(right, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); background: linear-gradient(to left, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); -webkit-box-shadow: 0 4px 30px var(--shadow-12); box-shadow: 0 4px 30px var(--shadow-12); } .menu-ani-1 .main-menu .sub-menu > .menu-item a { -webkit-transition: background .25s var(--timing), border-color .25s var(--timing); transition: background .25s var(--timing), border-color .25s var(--timing); border-right: 3px solid transparent; } .menu-ani-1 .main-menu .sub-menu > .menu-item a:hover { border-color: var(--subnav-color-h, var(--g-color)); background-color: var(--flex-gray-7); } .sub-menu > .menu-item a, .user-dropdown a { display: flex; align-items: center; width: 100%; padding: 7px 20px; } .sub-menu > .menu-item a span, .user-dropdown a, .more-section a, .elementor-widget-container .menu a { -webkit-transition: var(--effect); transition: var(--effect); } .more-section a:hover, .sub-menu > .menu-item a:hover > span, .user-dropdown a:hover, .elementor-widget-container .menu a:hover { color: var(--subnav-color-h, var(--g-color)); } .large-menu > .menu-item.menu-item-has-children > a > span { padding-left: 2px; } .large-menu > .menu-item.menu-item-has-children > a:after, .logged-welcome:after { font-family: 'ruby-icon'; font-size: var(--rem-mini); line-height: 1; content: '\e924'; -webkit-transition: -webkit-transform .25s var(--timing), color .25s var(--timing); transition: transform .25s var(--timing), color .25s var(--timing); will-change: transform; } .large-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); } .large-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: auto; margin-left: 0; content: '\e926'; } body.rtl .large-menu .sub-menu .menu-item.menu-item-has-children > a:after { display: inline-block; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)'; } span.menu-sub-title { line-height: 1; position: absolute; top: 0; right: 100%; margin-right: 7px; padding: 2px 5px; 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); } .widget_nav_menu .menu-sub-title, .sidebar-menu .menu-sub-title { margin-top: -5px; margin-right: 5px; } .wnav-holder { padding-right: 5px; padding-left: 5px; } .wnav-holder svg { width: 20px; height: 20px; } .wnav-svg { line-height: 0; width: 20px; } [data-theme='dark'] .wnav-svg, [data-theme='dark'] .search-icon-svg img, .light-scheme .search-icon-svg img, body:not(.sticky-on) .header-transparent .navbar-right .wnav-svg { filter: invert(1); } .wnav-icon { font-size: 20px; } .widget-h-login.header-dropdown-outer { position: relative; } .widget-h-login .user-dropdown { right: auto; left: auto; } .logged-user-menu { padding-top: 10px; padding-bottom: 10px; } .widget-h-login .logout-url { color: var(--absolute-white) !important; background-color: var(--dark-accent); } .widget-h-login .logout-url:hover { background-color: var(--g-color); } .widget-h-login .logout-url svg { width: 14px; height: 14px; margin-right: auto; margin-left: 0; } body.rtl .widget-h-login .logout-url svg { display: inline-block; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)'; } .widget-p-listing .p-wrap { margin-bottom: 20px; } .widget-p-listing .p-wrap:last-child { margin-bottom: 0; } .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: auto; left: 0; } .w-header-search .search-form-inner { border: none; } .rb-search-form { position: relative; width: 100%; } .rb-search-submit { position: relative; display: flex; } .rb-search-submit input[type='submit'] { padding: 0; opacity: 0; } .rb-search-submit i { font-size: var(--em-small); line-height: 1; position: absolute; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 100%; -webkit-transition: var(--effect); transition: var(--effect); pointer-events: none; } .rb-search-form .search-icon { display: flex; flex-shrink: 0; justify-content: center; width: 40px; } .search-icon.search-icon-svg img, .search-icon svg { width: 20px; } .rb-search-submit:hover i { color: var(--g-color) } .search-form-inner { 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-right: 0; padding-left: 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 { position: static; } .dropdown-trigger { cursor: pointer; } .header-dropdown { right: auto; left: 0; overflow: hidden; min-width: 200px; background: var(--subnav-bg); background: -webkit-linear-gradient(right, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); background: linear-gradient(to left, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); -webkit-box-shadow: 0 4px 30px var(--shadow-12); box-shadow: 0 4px 30px var(--shadow-12); } .menu-ani-1 .rb-menu > .menu-item > a > span:before { position: absolute; right: 0; bottom: 0; width: 0; height: 3px; content: ''; -webkit-transition: width 0s var(--timing), background-color .25s var(--timing); transition: width 0s var(--timing), background-color .25s var(--timing); background-color: transparent; } .menu-ani-1 .rb-menu > .menu-item > a > span:after { position: absolute; bottom: 0; left: 0; width: 0; height: 3px; content: ''; -webkit-transition: width .25s var(--timing); transition: width .25s 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)); } .menu-ani-1 .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 { -webkit-transition: opacity .25s var(--timing); transition: opacity .25s var(--timing); } .menu-ani-2 .rb-menu > .menu-item > a:hover > span { opacity: .7; } .menu-ani-1 .rb-menu > .menu-item > a:hover > span:before { width: 100%; -webkit-transition: width .25s var(--timing); transition: width .25s 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-item-icon { display: inline-flex; margin-left: 4px; } .menu-item-icon .icon-svg { flex-shrink: 0; width: 1em; } .burger-icon { position: relative; display: block; width: 24px; height: 16px; color: var(--nav-color, inherit); } .burger-icon > span { position: absolute; right: 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 { display: inline-flex; align-items: center; flex-flow: row nowrap; flex-shrink: 0; } .login-toggle.is-btn { line-height: 30px; margin-left: 10px; padding: 0 20px; } .login-toggle span { font-size: var(--rem-mini); } .logged-welcome { font-size: var(--rem-mini); display: none; align-items: center; margin-right: 5px; } .logged-welcome:after { line-height: 1; display: inline-flex; } .logged-welcome strong { font-style: normal; margin-right: 2px; margin-left: 2px; } .logged-avatar img { width: 1.75em; border-radius: 100%; } .notification-icon { display: flex; } .notification-icon-inner { display: flex; align-items: center; } .notification-icon-inner .rbi-notification { position: relative; } .notification-info { position: absolute; top: -3px; left: -3px; width: 14px; height: 14px; text-align: center; opacity: 0; color: var(--absolute-white); border-radius: 100%; background-color: var(--g-color); } @-webkit-keyframes heartbeat { 0% { transform: scale(1); } 50% { transform: scale(.75); } 100% { transform: scale(1); } } @keyframes heartbeat { 0% { transform: scale(1); } 50% { transform: scale(.75); } 100% { transform: scale(1); } } .notification-activated .notification-info { -webkit-animation: heartbeat 1s infinite; animation: heartbeat 1s infinite; opacity: 1; } .notification-popup { display: block; width: 360px; max-width: 100%; } .notification-header { display: flex; align-items: center; padding: 10px 15px; background-color: var(--flex-gray-7); } .notification-latest { margin-bottom: 35px; } .notification-url { display: flex; align-items: center; flex-flow: row nowrap; margin-right: auto; -webkit-transition: var(--effect); transition: var(--effect); opacity: .7; } .notification-url:hover { opacity: 1; } .notification-url i { margin-right: 4px; } .notification-content .scroll-holder { overflow-y: scroll; max-height: 50vh; } .notification-content .p-wrap { margin-bottom: 0; padding: 10px 15px; } .notification-content-title { display: flex; align-items: center; flex-flow: nowrap; margin: 10px 15px; padding-bottom: 5px; border-bottom: 1px solid var(--flex-gray-15); } .notification-content-title i { margin-left: 4px; color: var(--g-color); } .notification-content .loadmore-trigger span { font-size: var(--rem-mini); line-height: 2em; margin-top: 15px; padding: 0 30px; } .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 { height: 22px; } .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 { margin-bottom: 20px; } .header-search-form .h5 { display: block; margin-bottom: 10px; } .live-search-form-outer { position: relative; } .live-search-absolute { position: absolute; z-index: 1000; top: 100%; right: 0; left: 0; color: var(--body-color); border-radius: var(--round-5); background-color: var(--solid-white); } .more-content .live-search-absolute { color: var(--subnav-color); background: var(--subnav-bg); background: -webkit-linear-gradient(right, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); background: linear-gradient(to left, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%); } .live-search-animation.rb-loader { position: absolute; top: 15px; left: 10px; width: 20px; height: 20px; opacity: 0; color: inherit; } .live-search-link .is-btn { padding: 7px 25px; } .live-search-link .is-btn:hover { color: var(--absolute-white); } .live-search-response-inner { position: relative; margin: 0 15px 15px 15px; padding-top: 20px; } .live-search-response-inner:before { position: absolute; top: 5px; right: 0; left: 0; display: block; width: 100%; content: ''; border-top: 2px solid var(--flex-gray-15); } .live-search-absolute .live-search-response-inner:before { border-top: none; } .live-search-no-result { font-size: var(--rem-mini); opacity: .5; } .live-search-response .p-list-small-2 .feat-holder { width: 80px; } .live-search-link { text-align: center; } .search-loading .live-search-animation.rb-loader { display: block; opacity: 1; } .search-loading .rb-search-submit i { display: none; } .collapse-footer > * { margin-bottom: 12px; } .collapse-footer > *:last-child { margin-bottom: 0; } .collapse-footer-menu-inner { display: flex; flex-flow: row wrap; } .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: 100%; background-color: currentColor; } .collapse-copyright { font-size: var(--rem-mini); opacity: .7; } .sub-menu.left-direction, .header-dropdown.left-direction { right: auto; left: -10%; } .sub-menu .sub-menu.left-direction { left: 100%; margin-left: 20px; } .large-menu .sub-menu li:hover > .sub-menu.left-direction { right: auto; left: calc(100% - 1px); margin-left: 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-right: 5px; padding-right: 10px; border-right: 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: 40px; height: 14px; border-radius: 20px; background-color: var(--flex-gray-15); } .dark-mode-slide-btn { position: absolute; top: -5px; right: 0; display: flex; visibility: hidden; align-items: center; justify-content: center; width: 24px; height: 24px; -webkit-transition: opacity .1s; transition: opacity .1s; opacity: 0; -webkit-border-radius: 100%; border-radius: 100%; background-color: var(--solid-white); -webkit-box-shadow: 0 1px 4px var(--shadow-12) !important; box-shadow: 0 1px 4px var(--shadow-12) !important; } .triggered .dark-mode-slide-btn { -webkit-transition: opacity .25s, transform .5s; transition: opacity .25s, transform .5s; will-change: transform; } .svg-mode-light { color: var(--body-fcolor); } .mode-icon-dark { color: #fff; background-color: var(--g-color); } .dark-mode-slide-btn svg { width: 14px; height: 14px; } .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(-16px); transform: translateX(-16px); } body.switch-smooth { -webkit-transition: background-color .25s var(--timing); transition: background-color .25s var(--timing); } .navbar-outer { position: relative; z-index: 110; display: block; width: 100%; } .elementor-editor-active .header-transparent { pointer-events: none; } .elementor-editor-active .navbar-outer { z-index: 0; } .is-mstick .navbar-outer { min-height: var(--nav-height); } .is-mstick .sticky-holder { position: absolute; z-index: 998; top: 0; right: 0; width: 100%; } .sticky-on .mobile-qview { display: none; } @-webkit-keyframes stick-animation { from { top: -100px; } to { top: 0; } } @keyframes stick-animation { from { top: -100px; } to { top: 0; } } @-webkit-keyframes unstick-animation { from { opacity: 1; } to { opacity: 0; } } @keyframes unstick-animation { from { opacity: 1; } to { opacity: 0; } } .sticky-on.is-mstick .sticky-holder, .sticky-on .e-section-sticky { position: fixed; top: 0; right: 0; left: 0; -webkit-animation-name: stick-animation; animation-name: stick-animation; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .sticky-on.is-mstick.unstick-animated .sticky-holder, .sticky-on.unstick-animated .e-section-sticky { -webkit-animation-name: unstick-animation; animation-name: unstick-animation; -webkit-animation-duration: 150ms; animation-duration: 150ms; opacity: 0; } .e-section-sticky { z-index: 1000; } .collapse-activated, .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(right, var(--mbnav-bg-from, var(--nav-bg-from)) 0%, var(--mbnav-bg-to, var(--nav-bg-to)) 100%); background: linear-gradient(to left, var(--mbnav-bg-from, var(--nav-bg-from)) 0%, var(--mbnav-bg-to, var(--nav-bg-to)) 100%); -webkit-box-shadow: 0 4px 30px var(--shadow-7); box-shadow: 0 4px 30px var(--shadow-7); } .header-mobile-wrap .is-text-logo .logo-title > *, .header-mobile-wrap .navbar-right > * { color: inherit; } .mobile-logo-wrap { display: flex; flex-grow: 0; } .mobile-logo-wrap img { width: auto; max-height: var(--mbnav-height, 42px); } #amp-header .navbar-left .mobile-logo-wrap img { object-position: right !important; } .header-mobile .logo-title a { line-height: var(--mbnav-height, 42px); } .mobile-collapse-holder { display: block; overflow-y: auto; width: 100%; } .mobile-collapse .header-search-form { margin-bottom: 15px; } .mobile-collapse .rb-search-form input { padding-right: 0; } .mbnav { display: flex; align-items: center; flex-flow: row nowrap; 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: auto; left: 0; } .navbar-right .mobile-toggle-wrap .mobile-menu-trigger { padding-right: 10px; padding-left: 0; } .mobile-menu-trigger { display: flex; align-items: center; padding-left: 10px; cursor: pointer; } .mobile-menu-trigger.mobile-search-icon { font-size: 18px; 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 .7s var(--timing); transition: opacity .7s var(--timing); opacity: 0; color: var(--submbnav-color, var(--subnav-color)); background: var(--submbnav-bg, var(--subnav-bg)); background: -webkit-linear-gradient(right, var(--submbnav-bg-from, var(--subnav-bg-from)) 0%, var(--submbnav-bg-to, var(--subnav-bg-to)) 100%); background: linear-gradient(to left, 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; } .mobile-collapse-sections { position: relative; max-width: 100%; margin-top: 20px; padding-top: 20px; } .mobile-collapse-inner { position: relative; display: block; width: 100%; padding-top: 15px; } .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); scrollbar-width: none; -ms-overflow-style: none; } .mobile-qview::-webkit-scrollbar { width: 0; height: 0; } .mobile-qview-inner { display: flex; flex-flow: row nowrap; } .mobile-qview a { line-height: 42px; position: relative; display: block; padding: 0 15px; white-space: nowrap; color: inherit; } .mobile-qview .menu-sub-title { display: none; } .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); } .mobile-qview a > span { font-size: var(--em-small); } .mobile-collapse-sections > * { display: flex; flex-flow: row nowrap; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--flex-gray-15); } .mobile-collapse-sections > .mobile-social-list { align-items: center; flex-flow: row wrap; } .mobile-collapse-sections > *:last-child { margin-bottom: 0; border-bottom: none; } .mobile-login-title, .mobile-social-list-title { flex-grow: 1; } .mobile-social-list 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: fixed; top: 0; right: 0; bottom: auto; display: block; width: 100%; height: auto; text-align: center; background-color: var(--top-site-bg, var(--flex-gray-7)); } .top-site-ad:not(.no-spacing) { padding-top: 15px; padding-bottom: 15px; } .top-site-ad.no-spacing .edge-padding { padding-right: 0; padding-left: 0; } .top-site-ad .ad-image { border-radius: 0; } .yes-hd-transparent .top-site-ad { background-color: var(--top-site-bg, #141519); } .admin-bar .top-site-ad { top: 32px; } /* ----------------- 6 - Post Entry ----------------- */ .p-wrap { position: relative; margin-bottom: var(--bottom-spacing); } .p-overlay { --el-spacing: 10px; --bottom-spacing: 15px; } .p-small, .block-small .pagination-wrap { --el-spacing: 7px; --bottom-spacing: 25px; } .grid-box, .list-box { position: relative; padding: 0; border-radius: var(--wrap-border, var(--round-3)); } .grid-box .p-featured { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .grid-box { height: 100%; } .p-wrap > *:not(:last-child), .grid-box > *:not(:last-child), .p-content > *:not(:last-child) { margin-bottom: var(--el-spacing); } .box-border .grid-box:before, .box-border .list-box:before { position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; content: ''; pointer-events: none; border: 1px solid; border-color: var(--box-color, var(--flex-gray-15)); border-radius: var(--round-3); } .box-bg .grid-box, .box-bg .list-box { background-color: var(--box-color, var(--solid-light)); } .box-shadow .grid-box, .box-shadow .list-box { -webkit-box-shadow: 0 4px 20px var(--shadow-7); box-shadow: 0 4px 20px var(--shadow-7); } [data-theme='dark'] .box-border .grid-box:after, .light-scheme .box-border .grid-box:after, [data-theme='dark'] .box-border .list-box:after, .light-scheme .box-border .list-box:after { border-color: var(--dark-box-color, 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(--solid-light)); } .grid-box .p-content { padding: var(--box-spacing); padding-top: 0; } .counter-el { counter-increment: trend-counter; pointer-events: none; } .counter-holder { display: flex; flex-flow: row nowrap; flex-grow: 1; pointer-events: auto; } .counter-el:before { font-family: var(--h2-family); font-weight: var(--h2-fweight); font-style: var(--h2-fstyle); line-height: 1.1; display: flex; min-width: 1.1em; margin-left: 15px; content: counter(trend-counter, decimal-leading-zero); letter-spacing: var(--h2-fspace); pointer-events: none; opacity: .35; } .counter-holder .counter-el:before { min-width: auto; } .p-list .counter-el { z-index: -1; } .feat-holder { position: relative; max-width: 100%; } .p-top { display: flex; align-items: stretch; flex-flow: row wrap; width: 100%; } .entry-format-relative .p-format { display: flex; align-items: center; justify-content: center; height: 100%; margin-right: 2px; padding: 0 5px; border-radius: var(--round-3); } .entry-format-relative .p-format .gallery-count { display: none; } .entry-format-relative .p-format i { font-size: 1em; } .p-featured { position: relative; display: block; overflow: hidden; padding-bottom: 60%; border-radius: var(--wrap-border, var(--round-3)); } .p-overlay .p-featured, .p-highlight .p-featured { border-radius: 0; } .p-overlay-2.p-middle .overlay-inner.p-gradient { background: none; } .p-featured.ratio-v1 { padding-bottom: 75%; } .p-featured.ratio-v2 { padding-bottom: 85%; } .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: cover; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: center; } .p-meta { position: relative; display: block; } .p-wrap:not(.p-center) .p-meta.has-bookmark, .p-wrap:not(.p-center) .review-meta.has-bookmark { padding-left: 25px; } .meta-inner { display: flex; align-items: center; flex-flow: row wrap; flex-grow: 1; } .rb-bookmark { font-size: 1rem; position: absolute; z-index: 10; top: auto; right: auto; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 20px; height: 100%; cursor: pointer; 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); } .rb-bookmark:hover { color: var(--g-color); text-shadow: 0 0 4px var(--g-color-90); } .rb-bookmark.in-progress { pointer-events: none; } .remove-bookmark { display: flex; align-items: center; flex-flow: row nowrap; padding-top: 7px; -webkit-transition: var(--effect); transition: var(--effect); border-top: 1px dashed var(--flex-gray-15); } .remove-bookmark:hover { color: var(--g-color); } .remove-bookmark svg { width: 1em; } .remove-bookmark span { margin-right: 4px; } .meta-el { display: inline-flex; align-items: center; flex-flow: row wrap; } .meta-category a { color: var(--cat-highlight, inherit); } .meta-el:first-child:before, .meta-el:first-of-type:before { display: none; } .meta-el i { margin-left: 5px; } .meta-el:not(.meta-author) a:after { display: inline-block; padding: 0 3px; content: '/'; text-decoration: none !important; letter-spacing: 0; opacity: .4; color: var(--body-fcolor); } .meta-el a:last-child:after { display: none; } .meta-avatar { display: flex; align-items: center; flex-flow: row nowrap; flex-shrink: 0; margin-left: 5px; } body .meta-avatar img { display: inline-flex; width: 22px; height: 22px; border-radius: 100%; object-fit: cover; } .meta-avatar.multiple-meta-avatar img:not(:first-child) { margin-right: -12px; } .smeta-in > .meta-avatar.multiple-meta-avatar img:not(:first-child) { margin-right: 3px; } .co-author { display: inline-flex; align-items: center; } .co-authors .co-author:after { font-size: var(--em-mini); font-weight: normal; display: inline-flex; margin-right: 3px; margin-left: 3px; content: '/'; opacity: .5; } .co-authors .co-author:last-child:after { display: none; } span.entry-title { display: block; } .p-url { font-size: var(--title-size, inherit); text-underline-offset: 1px; } .sticky .entry-title a:before, .sticky .s-title:before { font-family: 'ruby-icon'; font-size: 1em; margin-left: .3em; padding: 0; content: '\e962' !important; color: inherit; background: none; } .meta-label { margin-left: .35em; } .meta-author { -webkit-transition: var(--effect); transition: var(--effect); } .is-meta .meta-author a, .meta-category a, .breadcrumb-inner a, .efoot a { -webkit-transition: var(--effect); transition: var(--effect); text-decoration-line: underline; text-decoration-color: transparent; text-underline-offset: 1px; } .is-meta a:hover, .single-meta .meta-author a, .ubox .nname-info .nice-name, .sponsor-link:hover .is-text, .breadcrumb-inner a:hover, .efoot a:hover { text-decoration: underline; text-decoration-color: var(--g-color); } .single-meta .meta-author a:hover, a.nice-name:hover { color: var(--g-color) } .is-meta .meta-category a:hover { text-decoration-color: var(--cat-highlight, var(--g-color)); } .post-edit-link { font-size: var(--rem-mini); line-height: 1; position: absolute; z-index: 9999; top: 0; left: 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: 0; left: auto; } .notification-content .post-edit-link { display: none; } .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); } .entry-format-absolute { line-height: 0; position: absolute; z-index: 2; top: 0; bottom: auto; left: 0; 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); } .entry-format-absolute.format-style-bottom { z-index: 100; top: auto; right: auto; bottom: 0; left: 0; } .entry-format-absolute.format-style-top { z-index: 11; } .entry-format-absolute.format-style-bottom .p-format { position: relative; padding: 7px 7px 5px 5px; color: var(--body-fcolor); border-radius: 0 50% 0 0; background-color: var(--solid-white); } .grid-box .entry-format-absolute.format-style-bottom .p-format { background-color: var(--box-color, var(--solid-light)); } [data-theme='dark'] .grid-box .entry-format-absolute.format-style-bottom .p-format, .light-scheme .grid-box .entry-format-absolute.format-style-bottom .p-format { background-color: var(--dark-box-color, var(--solid-light)); } .format-style-bottom .p-format { font-size: 20px; } .gallery-count { line-height: 1; position: absolute; top: 0; left: 0; padding: 4px; } .format-style-bottom .gallery-count { font-size: 10px; line-height: 14px; top: 2px; left: 0; display: block; width: 14px; height: 14px; padding: 0; text-align: center; color: var(--absolute-white); border-radius: 100%; background-color: var(--g-color); } .entry-format-absolute.format-style-top { font-size: 26px; right: 0; } .entry-format-absolute.format-style-center { top: 50%; right: 50%; left: auto; align-items: center; justify-content: center; width: 60px; height: 60px; margin-top: -30px; margin-right: -30px; } .entry-format-absolute.format-style-center .p-format { font-size: 40px; display: inline-flex; background-color: transparent; text-shadow: 0 0 10px rgba(0, 0, 0, .25); } .entry-format-absolute.format-style-top .p-format { display: block; margin-right: auto; padding: .3em; } .entry-format-absolute.format-style-top .p-format:after { position: absolute; top: 0; right: 0; left: 0; height: 3px; content: ''; } .entry-format-absolute.format-style-center .gallery-count { font-size: var(--rem-small); position: relative; top: auto; left: 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 { line-height: 1; display: inline-flex; align-items: center; flex-flow: row nowrap; padding: 7px 15px; -webkit-transition: var(--effect); transition: var(--effect); border: 1px solid var(--g-color); border-radius: var(--round-3); } .p-readmore i, .pagination-simple i { font-size: var(--em-small); margin-right: .4em; -webkit-transition: transform .25s var(--timing); transition: transform .25s var(--timing); } .pagination-simple .newer i { margin-right: 0; margin-left: .4em; } .p-readmore:hover { color: var(--absolute-white); background: var(--g-color); -webkit-box-shadow: 0 0 10px var(--g-color-90); box-shadow: 0 0 10px var(--g-color-90); } .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 nowrap; } .review-meta-inner .extra-meta { display: flex; align-items: center; } .review-meta-inner .extra-meta:before { display: inline-flex; width: 3px; height: 3px; margin-right: .6em; margin-left: .6em; content: ''; opacity: .5; border-radius: 100%; background-color: currentColor; } .rline-wrap { position: relative; display: inline-flex; flex-flow: row nowrap; margin-left: 9px; } .rline { display: inline-flex; width: 20px; height: 7px; margin-left: 1px; 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; margin-left: 8px; color: #fff; } .rstar { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-left: 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-left: 0; } .rstar i { font-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 left, var(--review-color) 95%, transparent 5%); background-image: -webkit-linear-gradient(right, var(--review-color) 95%, transparent 5%); background-position: 100% 0; background-size: 21px 20px; } .hover-ani-2 .p-url { -webkit-transition: all 0.25s var(--timing); transition: all 0.25s var(--timing); } .hover-ani-2 .p-url:hover { color: var(--g-color); } .hover-ani-2[data-theme='dark'] .p-url:hover, .hover-ani-2 .overlay-text .p-url:hover, .hover-ani-2 .light-scheme .p-url:hover { opacity: .7; color: var(--absolute-white); } .hover-ani-1 .p-url { -webkit-transition: all .25s var(--timing); transition: all .25s var(--timing); text-decoration-line: underline; text-decoration-color: transparent; -webkit-text-decoration-color: transparent; -moz-text-decoration-color: transparent; text-decoration-thickness: .1em; } .hover-ani-1 .p-url:hover { text-decoration-color: var(--g-color); -webkit-text-decoration-color: var(--g-color); } body:not([data-theme='dark']).hover-ani-1 .p-url:hover { color: var(--g-color); } body.hover-ani-1 .light-scheme .p-url:hover, body:not([data-theme='dark']).hover-ani-1 .overlay-text .p-url:hover { color: var(--absolute-white); } .hover-ani-3 .p-url { -webkit-transition: background-position 0.2s ease; transition: background-position 0.2s ease; background-image: -webkit-gradient(linear, right top, right bottom, from(currentColor), to(currentColor)); background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-position: right 102%; -webkit-background-size: 100% 0; background-size: 100% 0; will-change: background-position; } .hover-ani-3 .p-url:hover { background-position: right calc(100% - .1em); -webkit-background-size: 100% 2px; background-size: 100% 2px; } .hover-ani-4 .p-url { -webkit-transition: background-size 0.25s var(--timing); transition: background-size 0.25s var(--timing); background-image: -webkit-gradient(linear, right top, right bottom, from(var(--g-color-90)), to(var(--g-color-90))); background-image: linear-gradient(var(--g-color-90), var(--g-color-90)); background-repeat: no-repeat; background-position: 100% 100%; background-size: 100% 0%; } .hover-ani-4 .p-url:hover { 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, right top, right bottom, from(var(--g-color)), to(var(--g-color))); background-image: linear-gradient(var(--g-color), var(--g-color)); background-repeat: no-repeat; background-position: 100% 100%; background-size: 0% 100%; } .hover-ani-5 .p-url:hover { color: var(--absolute-white); background-size: 100% 100%; } .hover-ani-6 .p-url { -webkit-transition: background-size 0.25s var(--timing); transition: background-size 0.25s var(--timing); background-image: -webkit-gradient(linear, right top, right bottom, from(currentColor), to(currentColor)); background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-position: bottom right; -webkit-background-size: 0% 1px; background-size: 0% 1px; } .hover-ani-6 .p-url:hover { -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 right; } 51% { background-size: 100% 5px; -webkit-background-size: 100% 5px; background-position: bottom left; } 100% { background-size: 0% 5px; -webkit-background-size: 0% 5px; background-position: bottom left; } } @-webkit-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 right; } 51% { background-size: 100% 5px; -webkit-background-size: 100% 5px; background-position: bottom left; } 100% { background-size: 0% 5px; -webkit-background-size: 0% 5px; background-position: bottom left; } } .hover-ani-7 .p-url { background-image: -webkit-gradient(linear, right top, right bottom, from(var(--g-color)), to(var(--g-color))); background-image: linear-gradient(var(--g-color), var(--g-color)); background-repeat: no-repeat; background-position: bottom right; -webkit-background-size: 0% 5px; background-size: 0% 5px; } .hover-ani-7 .p-url:hover { -webkit-animation: hover-ani-7 1.5s ease; animation: hover-ani-7 1.5s ease; } .hover-ani-8 .p-url { -webkit-transition: opacity .25s var(--timing); transition: opacity .25s var(--timing); opacity: 1; } .hover-ani-8 .p-url:hover { opacity: .5; } .bookmark-info { position: fixed; z-index: 5000; right: 0; bottom: 60px; left: 0; display: none; width: 100%; text-align: center; } .bookmark-holder { display: inline-flex; overflow: hidden; align-items: stretch; flex-flow: row nowrap; width: 100%; max-width: 370px; -webkit-border-radius: var(--round-7); border-radius: var(--round-7); background-color: var(--solid-white); -webkit-box-shadow: 0 4px 30px var(--shadow-12); box-shadow: 0 4px 30px var(--shadow-12); } .bookmark-featured { position: relative; flex-shrink: 0; width: 90px; } .bookmark-featured img { position: absolute; top: 0; right: 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; 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: right; color: var(--meta-fcolor); } .bookmark-info.removed .bookmark-title { color: #ff7142; } .bookmark-remove-holder { font-size: var(--rem-mini); align-items: center; padding: 15px 20px; } .bookmark-undo { margin-right: auto; -webkit-transition: var(--effect); transition: var(--effect); color: #649f74; } .bookmark-undo:hover { text-decoration: underline; } .bookmark-remove-holder p { font-size: var(--rem-mini); } [data-theme='dark'] .bookmark-title, [data-theme='dark'] .bookmark-undo { color: #7cffb9; } .p-category { font-family: inherit; font-weight: inherit; font-style: inherit; line-height: 1; position: relative; z-index: 1; display: inline-flex; flex-shrink: 0; } .p-category:not(:last-child) { margin-left: 3px; } .s-cats .p-category:not(:last-child) { margin-bottom: 3px; } .ecat-bg-1 .p-category, .ecat-bg-2 .p-category, .ecat-bg-3 .p-category { padding: 7px 12px; -webkit-transition: all .25s var(--timing); transition: all .25s var(--timing); text-decoration: none; color: var(--cat-fcolor, var(--absolute-white)); } .ecat-border .p-category { padding: 7px 12px; -webkit-transition: all .25s var(--timing); transition: all .25s var(--timing); text-decoration: none; color: var(--cat-highlight, var(--g-color)); border: 1px solid var(--cat-highlight, var(--g-color)); -webkit-border-radius: 999px; border-radius: 999px; } .ecat-bg-3 .p-category { padding-right: 15px; padding-left: 15px; -webkit-border-radius: 100px; border-radius: 100px; background-color: var(--cat-highlight, var(--g-color)); } .ecat-bg-4 .p-category { padding: 3px 7px; -webkit-transition: all .25s var(--timing); transition: all .25s var(--timing); text-decoration: none; color: var(--cat-fcolor, var(--absolute-white)); -webkit-border-radius: var(--round-3); border-radius: var(--round-3); background-color: var(--cat-highlight, var(--g-color)); } .ecat-bg-3 .post-edit-link { right: 10px; left: auto; } .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: -webkit-box-shadow .25s var(--timing); transition: box-shadow .25s 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-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 { -webkit-box-shadow: 0 0 10px var(--cat-highlight-90, var(--g-color-90)); box-shadow: 0 0 10px var(--cat-highlight-90, var(--g-color-90)); } .ecat-text .p-category { line-height: 1.5; transition: var(--effect); vertical-align: middle; color: var(--cat-highlight, inherit); --webkit-transition: var(--effect); } .ecat-text .p-category:not(:first-child):before { display: inline-block; justify-content: center; margin-left: 3px; content: '/'; opacity: .4; color: var(--body-fcolor); } .ecat-bg-1 .feat-holder .p-top, .ecat-bg-2 .feat-holder .p-top { position: absolute; z-index: 20; right: 0; bottom: -2px; margin-bottom: 0; } .p-grid.ecat-bg-2:not(.p-center) .feat-holder .p-top { padding-right: 7px; } .ecat-l-dot .overlay-text .p-category, .ecat-b-border .overlay-text .p-category, .ecat-text .overlay-text .p-category, .ecat-border .overlay-text .p-category, .ecat-b-dotted .overlay-text .p-category, .overlay-text .ecat-l-dot .p-category, .overlay-text .ecat-b-border .p-category, .overlay-text .ecat-text .p-category, .overlay-text .ecat-border .p-category, .overlay-text .ecat-b-dotted .p-category { color: var(--absolute-white); } .ecat-l-dot .p-category:before { display: inline-flex; width: 1em; height: 1em; margin-left: 7px; content: ''; -webkit-border-radius: 100%; border-radius: 100%; background-color: var(--cat-highlight, var(--g-color)); } .ecat-l-dot .p-category { -webkit-transition: var(--effect); transition: var(--effect); text-decoration: underline dotted transparent; } .ecat-l-dot .p-category:hover { text-decoration-color: var(--cat-highlight, currentColor); } .ecat-l-dot .p-category:not(:last-child) { margin-left: 7px; } .ecat-b-dotted .p-category { -webkit-transition: var(--effect); transition: var(--effect); border-bottom: 3px dotted var(--cat-highlight, var(--g-color)); } .ecat-b-dotted .p-category:not(:last-child), .ecat-b-border .p-category:not(:last-child) { margin-left: 7px; } .ecat-b-border .p-category:before { position: absolute; z-index: -1; right: 0; bottom: 0; display: block; width: 100%; height: 5px; content: ''; -webkit-transition: var(--effect); transition: var(--effect); background-color: var(--cat-highlight, var(--g-color)); } .ecat-b-border .p-category:hover:before { height: 1px; } .ecat-text .entry-format-relative .p-format, .ecat-b-border .entry-format-relative .p-format, .ecat-b-dotted .entry-format-relative .p-format { color: var(--video-color); background-color: transparent; } .ecat-b-text .entry-format-relative .p-format.format-gallery, .ecat-b-border .entry-format-relative .p-format.format-gallery, .ecat-b-dotted .entry-format-relative .p-format.format-gallery { color: var(--gallery-color); } .ecat-b-text .entry-format-relative .p-format.format-gallery, .ecat-b-border .entry-format-relative .p-format.format-audio, .ecat-b-dotted .entry-format-relative .p-format.format-gallery { color: var(--audio-color); } .ecat-bg-3 .feat-holder .p-top { position: absolute; z-index: 10; top: 10px; right: auto; left: 10px; justify-content: flex-end; width: auto; margin-bottom: 0; } .ecat-bg-4 .feat-holder .p-top { position: absolute; z-index: 10; right: 0; bottom: 0; margin-bottom: 0; } .ecat-bg-1 .spacing, .ecat-bg-2 .spacing { display: block; height: 0; padding-bottom: 5px; } .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)); } .ecat-b-dotted .overlay-text .p-category:hover { color: var(--absolute-light); } .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-left: 5px; padding: 3px 8px; content: ''; vertical-align: .25em; text-decoration: none; color: var(--absolute-white); 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); -webkit-border-radius: var(--round-3); border-radius: var(--round-3); background: none; } .p-format { line-height: 1; position: static; pointer-events: none; color: var(--absolute-white); border-bottom-right-radius: var(--round-3); background-color: var(--video-color); } .p-content { position: relative; } .p-grid-small-1 .counter-el:before { font-size: 2.5rem; margin-left: var(--el-spacing); opacity: 1; color: var(--g-color); } .p-list-small-2 { display: flex; flex-flow: row nowrap; } .p-list-small-2 .counter-el { position: absolute; top: 0; left: 0; } .p-list-small-2.right-featured .counter-el { right: 0; left: auto; } .p-grid-1 .counter-el, .p-grid-2 .counter-el { position: absolute; top: auto; left: 0; } .p-list-small-1 .counter-el { position: absolute; top: auto; bottom: 0; left: 0; } .p-overlay .counter-el, .p-highlight .counter-el { position: absolute; top: auto; bottom: 0; left: 0; margin: 0; } .p-grid-box-1 .counter-el, .p-grid-box-2 .counter-el { position: absolute; top: auto; left: var(--box-spacing); } .grid-box .feat-holder .p-top { padding-right: var(--box-spacing); } .p-list-small-1 .counter-el:before, .p-list-small-2 .counter-el:before, .p-grid-1 .counter-el:before, .p-grid-2 .counter-el:before, .p-grid-box-1 .counter-el:before, .p-grid-box-2 .counter-el:before, .p-overlay .counter-el:before, .p-highlight .counter-el:before { font-size: 3.5rem; line-height: 1; margin-left: 0; opacity: .15; } .p-highlight .counter-el:before, .p-overlay .counter-el:before { min-width: auto; } .p-grid-2 .p-content { padding-top: 5px; } .p-grid-box-1 .counter-el:before, .p-grid-box-2 .counter-el:before { justify-content: flex-end; } .p-list-small-2 .feat-holder { flex-shrink: 0; width: 100px; margin-left: 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; } .right-featured { flex-direction: row-reverse; } .p-list-small-2.right-featured .feat-holder { margin-right: var(--featured-spacing, 15px); margin-left: 0; } .p-list-small-3 .p-featured { border-radius: 100%; } .p-list-small-3 { align-items: center; } .p-list-small-3 .counter-el { top: 0; } .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-wrap.p-vtop .list-holder { align-items: flex-start; } .p-wrap.p-middle .list-holder { align-items: center; } .p-wrap.p-vbottom .list-holder { align-items: flex-end; } .sponsor-inner, .sponsor-icon { display: flex; align-items: center; flex-flow: row nowrap; } .sponsor-label { white-space: nowrap; } .p-wrap .sponsor-label { color: var(--g-color); } .light-scheme .sponsor-label, [data-theme='dark'] .sponsor-label { color: var(--absolute-light); } .sponsor-inner > *:not(:last-child) { margin-left: 5px; } .sponsor-icon i { font-size: 1em; } .spon-qview .sponsor-icon i { font-size: 1.15em; } .sponsor-meta { position: relative; display: flex; align-items: center; flex-flow: row nowrap; width: 100%; } .p-center .sponsor-meta { 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; } .sponsor-brand-light { display: none; } body[data-theme='dark'] .sponsor-brand-light, body .overlay-text .sponsor-brand-light, body .block-wrap.light-scheme .sponsor-brand-light { display: block !important; } body[data-theme='dark'] .sponsor-brand-default, .overlay-text .sponsor-brand-default { display: none; } .s-title-sticky { display: none; align-items: center; flex-flow: row nowrap; flex-grow: 1; margin-right: 10px; color: var(--nav-color); } .s-title-sticky-left { display: flex; align-items: center; flex-flow: row nowrap; flex-grow: 1; } .sticky-share-list { display: flex; align-items: center; flex-flow: row nowrap; flex-shrink: 0; height: 100%; margin-left: 5px; } .sticky-share-list .t-shared-header { opacity: .5; } .sticky-title-label { font-size: var(--em-small); margin-left: 7px; text-transform: uppercase; opacity: .5; } .sticky-title { display: block; overflow: hidden; width: 100%; max-width: 600px; white-space: nowrap; text-overflow: ellipsis; } .t-shared-header { align-items: center; flex-flow: row nowrap; margin-left: 6px; white-space: nowrap; } .t-shared-header i { font-size: var(--em-small); margin-left: 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%; --bottom-spacing: 7px; } .p-list-inline i { font-size: 8px; line-height: 8px; display: inline; width: 8px; height: 8px; margin-left: .3em; -webkit-transition: var(--effect); transition: var(--effect); vertical-align: middle; } .p-list-inline .entry-title:hover i { color: var(--g-color); -webkit-border-radius: 100%; border-radius: 100%; background-color: var(--g-color); } [data-theme='dark'] .p-list-inline .entry-title:hover i { color: var(--absolute-white); background-color: var(--absolute-white); } .overlay-text .p-list-inline .entry-title:hover i { color: var(--absolute-white); background-color: var(--absolute-white); } .p-highlight, .overlay-holder { position: relative; overflow: hidden; border-radius: var(--wrap-border, var(--round-3)); } .p-center .p-content { text-align: center; } .p-center:not(.p-list-1) .p-top, .p-center .review-meta-inner { justify-content: center; padding-right: 0; padding-left: 0; --box-spacing: 0; } .p-center .p-meta { display: flex; flex-flow: row nowrap; justify-content: center; } .p-center .meta-inner { flex-grow: 0; } .p-center .rb-bookmark { position: relative; margin-right: 7px; } .p-center .counter-holder .counter-el { position: absolute; right: 50%; bottom: 0; -webkit-transform: translateX(50%); transform: translateX(50%); opacity: .2; } .p-center .counter-holder { position: relative; } .p-middle.p-small { align-items: center; } .p-middle.p-highlight .overlay-wrap, .p-middle.p-overlay .overlay-wrap { align-items: center; } .p-middle.p-highlight .overlay-wrap:before, .p-middle.p-overlay .overlay-wrap:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; content: ''; opacity: .7; background: var(--dark-accent); } .p-vtop.p-highlight .overlay-wrap, .p-vtop.p-overlay .overlay-wrap { align-items: flex-start; } .p-classic .p-content { max-width: var(--content-width, 100%); margin-right: auto; margin-left: auto; } /* ----------------- 8 - Blocks ----------------- */ .block-wrap { position: relative; display: block; counter-reset: trend-counter; } .block-wrap .rb-error { padding: 20px; text-align: center; color: var(--meta-fcolor); } .bottom-border .block-inner > * { padding-bottom: var(--bottom-spacing); } .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; } .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-style: dotted; --column-border-color: currentColor; } .is-b-border-dark-dot { --bottom-border-style: dotted; --bottom-border-color: currentColor; } .is-border-gray-dash { --column-border-style: dashed; } .is-b-border-gray-dash { --bottom-border-style: dashed; } .is-border-dark-dash { --column-border-style: dashed; --column-border-color: currentColor; } .is-b-border-dark-dash { --bottom-border-style: dashed; --bottom-border-color: currentColor; } .elementor-column.rb-sticky { position: relative; align-items: flex-start; } .rb-sticky > * { position: -webkit-sticky; position: sticky; top: 12px; -webkit-transition: top .3s ease; transition: top .3s ease; will-change: top; } .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; } .short-pagination .pagination-nextprev a > span { display: none; } .short-pagination .pagination-nextprev > *:first-child { margin-left: 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); } .swiper-wrapper .p-wrap { margin-bottom: 0; } .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; color: var(--slider-nav-color, inherit); } .slider-footer .rbi { font-size: 18px; -webkit-transition: var(--effect); transition: var(--effect); } .post-slider .slider-prev, .post-slider .slider-next { font-size: 1.75rem; position: absolute; z-index: 10; top: 50%; right: 0; left: auto; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin-top: -30px; -webkit-transition: var(--effect); transition: var(--effect); color: var(--absolute-white); } .post-slider .slider-next { right: auto; left: 0; } .post-slider .slider-prev:hover, .post-slider .slider-next:hover { color: var(--g-color); } .slider-footer .rbi:hover { color: var(--g-color); } .block-hrc .p-wrap:first-child { margin-bottom: calc(var(--bottom-spacing) * .5); padding-bottom: calc(var(--bottom-spacing) * .5); border-bottom: 1px solid var(--flex-gray-15); --bottom-spacing: 20px; } .hrc-3 .sub-section { margin-top: calc(var(--bottom-spacing) * .5); padding-top: calc(var(--bottom-spacing) * .5); border-top: 1px solid var(--flex-gray-20); --bottom-spacing: 20px; } .hrc-holder { display: flex; align-items: flex-start; flex-flow: row nowrap; } .hrc-col .p-wrap { display: block; width: 100%; } .yt-playlist { overflow: hidden; align-items: stretch; border-radius: var(--round-7); } .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; right: 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-left: 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: auto; margin-left: 0; cursor: pointer; -webkit-transition: var(--effect); transition: var(--effect); background-color: var(--g-color); } .yt-trigger:hover { -webkit-box-shadow: 0 0 20px var(--g-color-90); box-shadow: 0 0 20px var(--g-color-90); } .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-right: auto; } .play-title { display: block; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; } .yt-trigger-icons .svg-pause, .is-playing .yt-trigger-icons .svg-play { display: none; } .is-playing .yt-trigger-icons .svg-pause { display: block; } .plist-meta { display: block; margin-top: 5px; opacity: .5; } .block-qlinks .block-inner { display: flex; align-items: center; flex-flow: row nowrap; } .qlinks-header { line-height: 0; flex-grow: 0; flex-shrink: 0; } .qlinks-layout-2 .qlinks-header { margin-left: 5px; } .qlinks-content { display: flex; flex-grow: 1; list-style: none; } .qlinks-content ul { display: flex; flex-flow: row nowrap; width: 100%; list-style: none; } .qlink a, .qlinks-heading { font-size: var(--rem-mini); } .qlinks-layout-1 .qlinks-heading { line-height: 1.15; color: var(--g-color); } .qlink a { position: relative; display: block; margin-left: 1px; padding: 4px 7px; -webkit-transition: var(--effect); transition: var(--effect); white-space: nowrap; } .qlinks-layout-1 .qlink a { line-height: 1.15; padding-top: 0; padding-bottom: 0; text-decoration-line: underline; text-decoration-color: transparent; } .qlinks-layout-1 .qlink a:hover { text-decoration: underline; text-decoration-color: var(--g-color); } .qlinks-layout-1 .qlink a:after { position: absolute; top: 4px; bottom: 4px; left: -1px; display: block; content: ''; border-right: 1px solid var(--flex-gray-20); } .qlinks-layout-2 .qlink a { line-height: 1; margin: 2px 5px; border-radius: var(--round-3); background-color: var(--flex-gray-7); } .archive-header .qlinks-layout-2 .qlink a { background-color: var(--flex-gray-15); } .qlinks-layout-2 .qlink a:hover { color: var(--absolute-white); background-color: var(--g-color); -webkit-box-shadow: 0 0 10px var(--g-color-90); box-shadow: 0 0 10px var(--g-color-90); } .qlink:last-child > a, .qlinks-layout-2 .qlink:last-child > a { margin-left: 0; } .qlinks-layout-1 .qlink:last-child > a:after { display: none; } .breaking-news-heading { font-size: var(--em-mini); display: flex; align-items: center; margin-left: 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 svg { width: 1em; margin-left: 4px; color: var(--g-color); } .breaking-news-prev { display: none; } .block-breaking-news { display: flex; flex-flow: row nowrap; } .breaking-news-slider .swiper-slide { padding-left: 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: .2ms; 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: 11px; position: absolute; z-index: 10; top: 0; bottom: 0; left: 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 { overflow: hidden; border-radius: var(--round-7); background-repeat: no-repeat; background-position: center; background-size: cover; } .newsletter-inner { display: flex; align-items: center; flex-flow: row wrap; padding: 20px; } .newsletter-box:not(.has-bg):not(.newsletter-box-2) { box-shadow: 0 0 30px var(--shadow-7); } .single .s-ct .newsletter-box { border: none; -webkit-box-shadow: none; box-shadow: none; } .newsletter-featured { flex: 0 0 15%; max-width: 15%; } .newsletter-box-2 .newsletter-featured { display: flex; justify-content: center; } .newsletter-content { flex: 0 0 30%; max-width: 30%; } .newsletter-inner > * { padding-right: 20px; padding-left: 20px; } .newsletter-form { flex: 0 0 55%; max-width: 55%; margin-right: auto; } .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); } .newsletter-description { font-size: var(--rem-small); } .newsletter-content > *:not(:last-child) { margin-bottom: 10px; } .newsletter-box-2 .newsletter-inner { flex-flow: column nowrap; text-align: center; } .newsletter-box-2 .newsletter-inner > * { flex: 0 0 100%; width: 100%; max-width: 600px; margin-top: 0; margin-right: auto; margin-left: auto; } .newsletter-box-2 .newsletter-inner > *:not(:last-child) { margin-bottom: 20px; } .newsletter-box-2 .mc4wp-form-fields > * { justify-content: center; } .newsletter-sb-inner { padding: 20px; text-align: center; border: 2px dashed var(--flex-gray-15); } .newsletter-sb-inner > *:not(:last-child) { margin-bottom: 15px; } .newsletter-sb-featured img { margin-right: auto; margin-left: auto; } .newsletter-sb .mc4wp-form-fields > *:not(.agree-to-terms) { flex-flow: row wrap; justify-content: center; } .newsletter-sb .mc4wp-form-fields input[type='submit'] { margin-top: 15px; margin-right: 0; } .newsletter-sb .agree-to-terms { font-size: var(--meta-fsize); display: inline-block; margin-top: 20px; } .heading-inner { position: relative; display: flex; align-items: center; flex-flow: row nowrap; width: 100%; } .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-right: 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-right: 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: 12px; margin-left: 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-left: 7px; content: ''; -webkit-border-radius: 100%; border-radius: 100%; background-color: var(--heading-sub-color, currentColor); } .heading-layout-c2 .heading-title:after { margin-right: 5px; margin-left: 0; } .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; right: 50%; bottom: 0; width: 120px; margin-right: -60px; content: ''; border-bottom: 5px solid var(--heading-sub-color); } .heading-layout-c4 .heading-title, .heading-layout-c5 .heading-title { width: 100%; } .heading-layout-c3 .heading-title, .heading-layout-c4 .heading-title, .heading-layout-c5 .heading-title { text-align: center; } .heading-layout-3 .heading-title > * { display: inline-flex; padding-bottom: 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: 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, .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: 7px; border-top: 5px solid var(--heading-sub-color); } .heading-layout-c5 .heading-inner { width: 100%; padding-top: 10px; border-top: 5px solid var(--heading-sub-color); } .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 20px; color: var(--absolute-white); } .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-5); background-color: var(--heading-sub-color); } .heading-layout-7 .heading-title > * { line-height: 1; display: inline-flex; padding-right: 7px; border-right: 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-left: 10px; content: ''; background-color: var(--heading-sub-color); } .heading-layout-c7 .heading-title > *:after { margin-right: 10px; margin-left: 0; } .heading-layout-8 .heading-title > * { display: inline-flex; padding-right: 15px; } .heading-layout-8 .heading-title > *:before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 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: auto; left: calc(100% + 10px); width: 60px; height: 2px; margin-top: -1px; content: ''; background-color: var(--heading-sub-color, currentColor); } .heading-layout-c8 .heading-title:after { right: calc(100% + 10px); left: auto; } .heading-layout-9 .heading-title, .heading-layout-c9 .heading-title { position: relative; display: inline-flex; padding: 0 20px; } .heading-layout-9 .heading-title:before, .heading-layout-c9 .heading-title:before { position: absolute; top: 0; right: 0; bottom: auto; left: auto; width: 7px; height: 7px; content: ''; pointer-events: none; opacity: .5; border-top: 2px solid var(--heading-sub-color); border-right: 2px solid var(--heading-sub-color); } .heading-layout-9 .heading-title:after, .heading-layout-c9 .heading-title:after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; width: 7px; height: 7px; content: ''; pointer-events: none; opacity: .5; border-bottom: 2px solid var(--heading-sub-color); border-left: 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; right: 0; bottom: -7px; 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-left: 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-right: 7px; content: ''; background-color: var(--heading-sub-color); } .heading-layout-12 .heading-inner, .heading-layout-c12 .heading-inner { width: 100%; padding-bottom: 7px; border-bottom: 5px solid var(--heading-color); } .heading-layout-c12 .heading-inner { padding-bottom: 12px; } /** 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: auto; bottom: 100%; left: 10%; display: block; padding: 3px 15px; -webkit-transition: var(--effect); transition: var(--effect); color: var(--slideup-icon-na-color, var(--absolute-white)); border-top-left-radius: var(--round-5); border-top-right-radius: var(--round-5); background-color: var(--slideup-icon-na-bg, var(--g-color)); } body:not(.yes-f-slideup) .slideup-toggle:hover { box-shadow: 0 0 10px var(--slideup-icon-na-bg-90, var(--g-color-90)); webkit-box-shadow: 0 0 10px var(--slideup-icon-na-bg-90, var(--g-color-90)); } .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-left: 15px; } .cbox { position: relative; margin-bottom: var(--bottom-spacing); } .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 { -webkit-box-shadow: 0 4px 10px var(--shadow-7); 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%); } .follow-button { font-size: 12px; display: flex; align-items: center; flex-shrink: 0; justify-content: center; width: 34px; height: 34px; -webkit-transition: var(--effect); transition: var(--effect); border: 1px solid var(--flex-gray-15); border-radius: 100%; } .follow-trigger:hover, .follow-trigger.followed { color: #62b088; border-color: #62b088; } .follow-trigger.in-progress { -webkit-transform-origin: center; transform-origin: center; -webkit-animation: reaction-spinner 1s linear infinite; animation: reaction-spinner 1s linear infinite; pointer-events: none; } .follow-trigger.in-progress i:before { content: '\e942'; } .follow-icon, .followed-icon { line-height: 32px; width: 100%; height: 100%; 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(--absolute-white); } .cbox-content > *:not(:last-child) { margin-bottom: 5px; } .cbox-featured, .cbox-featured-overlay { position: relative; display: block; overflow: hidden; width: 100%; padding-bottom: 66.67%; } .featured-category-img { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; } .featured-category-img img { position: relative; display: block; width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; } .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 { display: flex; align-items: center; flex-flow: column nowrap; justify-content: center; width: 100%; height: 100%; } .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; } .hover-ani-1 .cbox-overlay .p-url:hover { text-decoration-color: var(--absolute-white); } .is-light.follow-button { color: var(--absolute-white); border-color: var(--absolute-white); } .is-light.follow-button:hover { opacity: .5; color: var(--absolute-white); border-color: var(--absolute-white); } .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 .follow-button { margin-right: auto; } .cbox-4 .cbox-featured { padding-bottom: 100%; } .cbox-4 .follow-button { position: absolute; z-index: 10; top: 20px; left: 20px; } .cbox-4 .cbox-content { text-align: center; } .cbox-4 .cbox-body { padding: 25px 20px; } .cbox-5 { text-align: center; --bottom-spacing: 12px; } .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 .cbox-featured { overflow: hidden; width: 100%; padding-bottom: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .cbox-5 > *:not(:last-child) { margin-bottom: var(--bottom-spacing); } .cbox-featured-holder .follow-button { position: absolute; z-index: 1; top: 50%; right: 50%; display: inline-flex; margin-top: -17px; margin-right: -17px; text-shadow: -1px 2px 7px var(--flex-gray-15); } .block-covid-data { position: relative; } .block-covid-data svg.svg-virus { position: absolute; top: 0; left: 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-icon { margin-left: 7px; } .data-item svg { width: 1em; } .data-item-value { margin-right: auto; margin-left: 0; } .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: 10px 20px; } .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-left: 5px; } .related-sec { display: block; width: 100%; padding: 20px; border-radius: var(--round-5); box-shadow: 0 5px 30px var(--shadow-7); } .entry-top .widget:not(:last-child), .entry-bottom .widget:not(:last-child) { margin-bottom: 35px; } .related-sec .block-h, .entry-widget .block-h { margin-bottom: 25px; } .related-sec .p-list-small-2 { align-items: center; margin-bottom: 20px; } .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-5 .p-wrap:not(:last-child) { margin-bottom: 12px; } .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; } .widget.entry-widget .related-sec { padding: 0; -webkit-box-shadow: none; box-shadow: none; } .privacy-bar { display: none; transition: opacity .25s var(--timing); -webkit-transform: opacity .25s var(--timing); opacity: 0; } .privacy-bar.activated { display: block; opacity: 1; } .privacy-bar.privacy-bottom { position: fixed; z-index: 970; right: 0; bottom: 10px; align-items: center; width: 100%; padding-right: 15px; padding-left: 15px; pointer-events: none; } .privacy-bar.privacy-left { position: fixed; z-index: 9999; top: auto; right: 20px; bottom: 20px; width: 380px; } .privacy-inner { font-size: var(--rem-mini); position: relative; display: flex; overflow: hidden; align-items: center; flex-flow: row nowrap; padding: 7px 20px; pointer-events: auto; color: var(--privacy-color); border-radius: var(--round-5); background-color: var(--privacy-bg-color, var(--dark-accent)); -webkit-box-shadow: 0 5px 15px var(--shadow-12); box-shadow: 0 5px 15px var(--shadow-12); } .privacy-bar.privacy-top { background-color: var(--privacy-bg-color, var(--dark-accent)); } .privacy-bar.privacy-top .privacy-inner { max-width: 1270px; margin-right: auto; margin-left: auto; background-color: transparent; -webkit-box-shadow: none; 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; } .privacy-content { flex-grow: 1; } .privacy-dismiss-btn { line-height: 1; display: flex; flex-shrink: 0; margin-right: 20px; padding: 5px 15px; } .privacy-bar.privacy-top .privacy-dismiss-btn:not(:hover):not(:focus) { background: var(--absolute-dark); } .privacy-dismiss-btn span { font-size: var(--em-mini); } .privacy-left .privacy-inner { margin-right: 0; margin-left: 0; padding: 15px; -webkit-box-shadow: 0 4px 30px var(--shadow-12); box-shadow: 0 4px 30px var(--shadow-12); } .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; } .privacy-inner a:not(.is-btn):hover { color: var(--g-color); } .privacy-bar.privacy-left .privacy-dismiss-btn { padding: 10px 20px; } .saved-section { display: block; } .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.saved-content { margin-top: 0; } .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; } .empty-saved { margin-top: 25px; margin-bottom: 25px; } .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-content { margin-bottom: 30px; } .rec-section { display: block; overflow: hidden; background-color: var(--dark-accent); } .logo-popup-outer { display: flex; width: 100%; padding: 40px; pointer-events: auto; -webkit-border-radius: 10px; border-radius: 10px; background: var(--solid-white); -webkit-box-shadow: 0 10px 30px var(--shadow-12); box-shadow: 0 10px 30px var(--shadow-12); } [data-theme='dark'] .logo-popup-outer { background-color: var(--dark-accent); } .rb-user-popup-form { position: relative; max-width: 350px; margin: auto; } .logo-popup { width: 100%; } .login-popup-header { position: relative; display: block; margin-bottom: 25px; padding-bottom: 20px; text-align: center; } .login-popup-header:after { position: absolute; right: 50%; bottom: 0; display: block; width: 30px; margin-right: -15px; content: ''; border-bottom: 6px dotted var(--g-color); } .logo-popup-logo { display: flex; justify-content: center; width: auto; max-height: 80px; margin-bottom: 20px; } .logo-popup-logo img { display: block; object-fit: contain; } .user-form label { line-height: 1; display: block; margin-bottom: 10px; } .user-form form > *:not(:last-child) { margin-bottom: 15px; } .user-form input[type='text'], .user-form input[type='password'] { display: block; width: 100%; border-radius: var(--round-7); } .user-form .login-submit { padding-top: 7px; } .user-form input[type='submit'] { width: 100%; } .user-form-footer { line-height: 1; display: flex; flex-flow: row nowrap; justify-content: center; margin-top: 15px; } .user-form-footer a { -webkit-transition: var(--effect); transition: var(--effect); opacity: .7; } .user-form-footer > *:not(:last-child) { margin-left: 7px; padding-left: 7px; border-left: 1px solid var(--flex-gray-15); } .user-form-footer a:hover { text-decoration: underline; opacity: 1; color: var(--body-fcolor); text-decoration-color: var(--g-color); } .popup-newsletter { position: relative; width: 100%; max-width: 760px; margin: auto; } .popup-newsletter-inner { display: flex; overflow: hidden; flex-flow: row nowrap; width: 100%; border-radius: var(--round-7); -webkit-box-shadow: 0 10px 30px var(--shadow-12); 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; left: 20px; pointer-events: none; opacity: .2; } .popup-newsletter-icon svg { width: 52px; } .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 { -webkit-transition: var(--effect); transform: var(--effect); } .popup-newsletter-footer a:hover { text-decoration: underline; opacity: 1; color: var(--body-fcolor); text-decoration-color: var(--g-color); } .close-popup-btn { padding: 0; cursor: pointer; background: none; box-shadow: none; touch-action: manipulation; } .close-icon { position: relative; display: block; overflow: hidden; width: 40px; height: 40px; pointer-events: none; } .close-icon:before, .close-icon:after { position: absolute; top: calc(50% - 1px); right: 30%; display: block; width: 40%; height: 2px; content: ''; -webkit-transition: var(--effect); transition: var(--effect); transform-origin: center center; opacity: .7; border-radius: 2px; 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; left: 0; } #back-top { position: fixed; z-index: 980; bottom: 20px; left: 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: 18px; 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); } #back-top:hover i { background-color: var(--g-color); -webkit-box-shadow: 0 4px 15px var(--g-color-90); box-shadow: 0 4px 15px var(--g-color-90); } .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-inner { overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; } body.rtl .breadcrumb-inner { display: flex; } body.rtl .breadcrumb-inner > * { margin: 0 2px; } body.rtl .breadcrumb-inner > *:first-child { margin-right: 0; } .breadcrumb-inner .current-item, .breadcrumb-inner .last { opacity: .5; } .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%); } .breadcrumb-absolute .breadcrumb-inner .current-item { color: var(--absolute-light); } 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; } .widget { position: relative; display: block; } .sidebar-inner .widget { clear: both; 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; padding: 0; 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 tbody td { font-size: var(--rem-small); padding: 0; } #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; } .widget_tag_cloud .tagcloud, .wp-block-tagcoloroud { display: flex; display: -webkit-flex; flex-flow: row wrap; } .tagcloud a, .wp-block-tagcoloroud a { font-size: var(--dwidgets-fsize) !important; line-height: 1; margin: 2px; padding: 7px 10px; border: 1px solid var(--flex-gray-15); border-radius: var(--round-3); } .tagcloud a:hover, .wp-block-tagcoloroud a:hover { color: var(--absolute-white) !important; background-color: var(--g-color); -webkit-box-shadow: 0 0 10px var(--cat-highlight-90, var(--g-color-90)); box-shadow: 0 0 10px var(--cat-highlight-90, var(--g-color-90)); } .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; } .cat-item .children, .widget_pages .children { margin-top: 7px; margin-right: 15px; margin-bottom: 7px; padding: 0; } .widget:not(.woocommerce) .count { font-size: var(--rem-mini); line-height: 18px; float: left; min-width: 18px; padding: 0 3px; -webkit-transition: var(--effect); transition: var(--effect); text-align: center; color: var(--absolute-white); 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: 5px; padding-bottom: 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 { 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-right: 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-left: .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 { 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); } .widget_rss .widget-heading { display: flex; display: -webkit-flex; align-items: center; } .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-left: 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; } .sidebar-inner { top: 0; } .sidebar-inner .widget { overflow: inherit; } .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-follower { display: flex; display: -webkit-flex; flex-wrap: wrap; } .follower-el { position: relative; } .is-style-15 .social-follower, .is-style-14 .social-follower, .is-style-8 .social-follower, .is-style-7 .social-follower, .is-style-6 .social-follower, .is-style-5 .social-follower, .is-style-4 .social-follower, .is-style-3 { margin: -5px; } .is-style-9 .social-follower, .is-style-2 .social-follower, .is-style-1 { margin: -10px; } .fncount-wrap:not(.is-style-10):not(.is-style-11):not(.is-style-12):not(.is-style-13):not(.is-style-14):not(.is-style-15) .follower-el { position: relative; flex: 0 0 25%; max-width: 25%; } .is-style-15 .follower-el, .is-style-14 .follower-el, .is-style-13 .follower-el, .is-style-12 .follower-el, .is-style-8 .follower-el, .is-style-7 .follower-el, .is-style-6 .follower-el, .is-style-5 .follower-el, .is-style-4 .follower-el, .is-style-3 .follower-el { -webkit-transition: all .5s var(--timing); transition: all .5s var(--timing); } .fncount-wrap.is-style-14 .follower-el, .fncount-wrap.is-style-15 .follower-el { position: relative; flex: 0 0 50%; max-width: 50%; } .is-style-10 .follower-el, .is-style-11 .follower-el { flex: 0 0 100%; flex-grow: 1; max-width: 100%; margin-bottom: 15px; } .is-style-12 .follower-el, .is-style-13 .follower-el { flex: 0 0 100%; flex-grow: 1; max-width: 100%; margin-bottom: 10px; } .is-style-10 .fnicon, .is-style-11 .fnicon { margin-left: 8px; } .is-style-12 .fnicon, .is-style-13 .fnicon { font-size: 1.25em; margin-left: 8px; } .is-style-10 .fntotal, .is-style-11 .fntotal, .is-style-12 .fntotal, .is-style-13 .fntotal, .is-style-14 .fntotal, .is-style-15 .fntotal, .is-style-10 .fnlabel, .is-style-11 .fnlabel, .is-style-12 .fnlabel, .is-style-13 .fnlabel, .is-style-14 .fnlabel, .is-style-15 .fnlabel { margin-top: 0; margin-right: 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-el:last-child, .is-style-11 .follower-el:last-child, .is-style-12 .follower-el:last-child, .is-style-13 .follower-el:last-child { margin-bottom: 0; } .effect-fadeout.activated .follower-el { opacity: .3; } .effect-fadeout.activated .follower-el:hover, .effect-fadeout.activated .follower-el:focus { opacity: 1; } .follower-el a { position: absolute; z-index: 99; top: 0; right: 0; width: 100%; height: 100%; } .follower-inner { font-size: 1rem; display: flex; align-items: center; flex: 1; flex-direction: column; } .is-style-9 .follower-inner, .is-style-2 .follower-inner, .is-style-1 .follower-inner { margin: 10px; } .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, .is-style-13 .follower-inner { position: relative; overflow: hidden; padding: 10px 20px; -webkit-transition: var(--effect); transition: var(--effect); -webkit-border-radius: var(--round-5); border-radius: var(--round-5); } .is-style-12 .follower-inner { border: 1px solid var(--flex-gray-15); } .is-style-14 .follower-inner, .is-style-15 .follower-inner { display: grid; margin: 5px; padding: 12px 7px; -webkit-transition: var(--effect); transition: var(--effect); -webkit-border-radius: var(--round-5); border-radius: var(--round-5); grid-template-columns: 42px auto 1fr; grid-gap: 0; } .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); } .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; } .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); } .light-scheme .follower-el:not(:hover) .is-style-2 .fnicon i, [data-theme='dark'] .follower-el:not(:hover) .is-style-2 .fnicon i, .light-scheme .follower-el:not(:hover) .is-style-3 .fnicon i, [data-theme='dark'] .follower-el:not(:hover) .is-style-3 .fnicon i, .light-scheme .follower-el:not(:hover) .is-style-6 .fnicon i, [data-theme='dark'] .follower-el:not(:hover) .is-style-6 .fnicon i, .light-scheme .follower-el:not(:hover) .is-style-7 .fnicon i, [data-theme='dark'] .follower-el:not(:hover) .is-style-7 .fnicon i, .light-scheme .follower-el:not(:hover) .is-style-9 .fnicon i, [data-theme='dark'] .follower-el:not(:hover) .is-style-9 .fnicon i, .light-scheme .follower-el:not(:hover) .is-style-10 .fnicon i, [data-theme='dark'] .follower-el:not(:hover) .is-style-10 .fnicon i, .light-scheme .follower-el:not(:hover) .is-style-12 .fnicon i, [data-theme='dark'] .follower-el:not(:hover) .is-style-12 .fnicon i, .light-scheme .follower-el:not(:hover) .is-style-15 .fnicon i, [data-theme='dark'] .follower-el:not(:hover) .is-style-15 .fnicon i { text-shadow: -3px 3px 0 #ffffff10, -4px 2px 0 #ffffff20; } .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 { -webkit-border-radius: 50%; border-radius: 50%; } .is-style-1 .fnicon i, .is-style-11 .fnicon i { color: #fff; } .is-style-1 .fnicon i, .is-style-2 .fnicon i, .is-style-9 .fnicon i { width: 58px; height: 58px; } .is-style-9 .follower-el:not(:hover) i:after { position: absolute; z-index: 9; top: 0; right: 0; width: 100%; height: 100%; content: ''; opacity: .15; border: 5px solid var(--g-color); } .is-style-9 .follower-el:not(:hover) i:after, .is-style-9 .follower-el i { -webkit-border-radius: var(--round-5); border-radius: var(--round-5); } .is-style-12 .text-count, .is-style-13 .text-count { margin-right: auto; } .is-style-12 .follower-inner > :nth-child(2), .is-style-13 .follower-inner > :nth-child(2) { position: relative; margin-top: 0; padding-right: 10px; } .is-style-12 .follower-inner > :nth-child(2):before, .is-style-13 .follower-inner > :nth-child(2):before { position: absolute; top: 50%; right: 0; width: 1px; height: 12px; margin-top: -6px; content: ''; } .is-style-12 .fntotal:before, .is-style-12 .fnlabel:before { background-color: var(--flex-gray-15); } .is-style-13 .fntotal:before, .is-style-13 .fnlabel:before { background-color: rgba(255, 255, 255, .5); } .is-style-14 .follower-inner, .is-style-15 .follower-inner { font-size: .9em; } .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-right: 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-right: auto; -webkit-transition: var(--effect); transition: var(--effect); } .is-style-1 .fnicon, .is-style-2 .fnicon, .is-style-9 .fnicon, .is-style-10 .fnicon, .is-style-11 .fnicon { -webkit-transition: all .5s var(--timing); transition: all .5s var(--timing); } .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 { margin: 5px; padding: 15px; -webkit-transition: var(--effect); transition: var(--effect); -webkit-border-radius: var(--round-5); border-radius: var(--round-5); } .is-style-7 .follower-el .follower-inner, .is-style-4 .follower-inner { -webkit-box-shadow: 0 0 10px var(--shadow-7); box-shadow: 0 0 10px var(--shadow-7); } .is-style-14 .follower-inner > *, .is-style-13 .follower-inner > *, .is-style-8 .follower-inner > *, .is-style-5 .follower-inner > * { color: #fff; } .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; } .is-style-14 .bg-facebook .follower-inner, .is-style-13 .bg-facebook .follower-inner, .is-style-11 .bg-facebook i, .is-style-8 .bg-facebook .follower-inner, .is-style-5 .bg-facebook .follower-inner, .is-style-1 .rbi-facebook { background-color: #89abfc; } .is-style-14 .bg-twitter .follower-inner, .is-style-13 .bg-twitter .follower-inner, .is-style-11 .bg-twitter i, .is-style-8 .bg-twitter .follower-inner, .is-style-5 .bg-twitter .follower-inner, .is-style-1 .rbi-twitter { background-color: #60d2f5; } .is-style-14 .bg-pinterest .follower-inner, .is-style-13 .bg-pinterest .follower-inner, .is-style-11 .bg-pinterest i, .is-style-8 .bg-pinterest .follower-inner, .is-style-5 .bg-pinterest .follower-inner, .is-style-1 .rbi-pinterest { background-color: #f74c53; } .is-style-14 .bg-instagram .follower-inner, .is-style-13 .bg-instagram .follower-inner, .is-style-11 .bg-instagram i, .is-style-8 .bg-instagram .follower-inner, .is-style-5 .bg-instagram .follower-inner, .is-style-1 .rbi-instagram { background-color: #7e40b6; } .is-style-14 .bg-youtube .follower-inner, .is-style-13 .bg-youtube .follower-inner, .is-style-11 .bg-youtube i, .is-style-8 .bg-youtube .follower-inner, .is-style-5 .bg-youtube .follower-inner, .is-style-1 .rbi-youtube { background-color: #ef464b; } .is-style-14 .bg-telegram .follower-inner, .is-style-13 .bg-telegram .follower-inner, .is-style-11 .bg-telegram i, .is-style-8 .bg-telegram .follower-inner, .is-style-5 .bg-telegram .follower-inner, .is-style-1 .rbi-telegram { background-color: #89abfc; } .is-style-14 .bg-vimeo .follower-inner, .is-style-13 .bg-vimeo .follower-inner, .is-style-11 .bg-vimeo i, .is-style-8 .bg-vimeo .follower-inner, .is-style-5 .bg-vimeo .follower-inner, .is-style-1 .rbi-vimeo { background-color: #44bbe1; } .is-style-14 .bg-dribbble .follower-inner, .is-style-13 .bg-dribbble .follower-inner, .is-style-11 .bg-dribbble i, .is-style-8 .bg-dribbble .follower-inner, .is-style-5 .bg-dribbble .follower-inner, .is-style-1 .rbi-dribbble { background-color: #fb70a6; } .is-style-14 .bg-soundcloud .follower-inner, .is-style-13 .bg-soundcloud .follower-inner, .is-style-11 .bg-soundcloud i, .is-style-8 .bg-soundcloud .follower-inner, .is-style-5 .bg-soundcloud .follower-inner, .is-style-1 .rbi-soundcloud { background-color: #fd794a; } .is-style-15 .rbi-facebook, .is-style-12 .rbi-facebook, .is-style-10 .rbi-facebook, .is-style-9 .rbi-facebook, .is-style-7 .rbi-facebook, .is-style-6 .rbi-facebook, .is-style-4 .rbi-facebook, .is-style-3 .rbi-facebook, .is-style-2 .rbi-facebook { color: #89abfc; } .is-style-15 .rbi-twitter, .is-style-12 .rbi-twitter, .is-style-10 .rbi-twitter, .is-style-9 .rbi-twitter, .is-style-7 .rbi-twitter, .is-style-6 .rbi-twitter, .is-style-4 .rbi-twitter, .is-style-3 .rbi-twitter, .is-style-2 .rbi-twitter { color: #60d2f5; } .is-style-15 .rbi-pinterest, .is-style-12 .rbi-pinterest, .is-style-10 .rbi-pinterest, .is-style-9 .rbi-pinterest, .is-style-7 .rbi-pinterest, .is-style-6 .rbi-pinterest, .is-style-4 .rbi-pinterest, .is-style-3 .rbi-pinterest, .is-style-2 .rbi-pinterest { color: #f74c53; } .is-style-15 .rbi-instagram, .is-style-12 .rbi-instagram, .is-style-10 .rbi-instagram, .is-style-9 .rbi-instagram, .is-style-7 .rbi-instagram, .is-style-6 .rbi-instagram, .is-style-4 .rbi-instagram, .is-style-3 .rbi-instagram, .is-style-2 .rbi-instagram { color: #7e40b6; } .is-style-15 .rbi-youtube, .is-style-12 .rbi-youtube, .is-style-10 .rbi-youtube, .is-style-9 .rbi-youtube, .is-style-7 .rbi-youtube, .is-style-6 .rbi-youtube, .is-style-4 .rbi-youtube, .is-style-3 .rbi-youtube, .is-style-2 .rbi-youtube { color: #ef464b; } .is-style-15 .rbi-telegram, .is-style-12 .rbi-telegram, .is-style-10 .rbi-telegram, .is-style-9 .rbi-telegram, .is-style-7 .rbi-telegram, .is-style-6 .rbi-telegram, .is-style-4 .rbi-telegram, .is-style-3 .rbi-telegram, .is-style-2 .rbi-telegram { color: #89abfc; } .is-style-15 .rbi-vimeo, .is-style-12 .rbi-vimeo, .is-style-10 .rbi-vimeo, .is-style-9 .rbi-vimeo, .is-style-7 .rbi-vimeo, .is-style-6 .rbi-vimeo, .is-style-4 .rbi-vimeo, .is-style-3 .rbi-vimeo, .is-style-2 .rbi-vimeo { color: #44bbe1; } .is-style-15 .rbi-dribbble, .is-style-12 .rbi-dribbble, .is-style-10 .rbi-dribbble, .is-style-9 .rbi-dribbble, .is-style-7 .rbi-dribbble, .is-style-6 .rbi-dribbble, .is-style-4 .rbi-dribbble, .is-style-3 .rbi-dribbble, .is-style-2 .rbi-dribbble { color: #fb70a6; } .is-style-15 .rbi-soundcloud, .is-style-12 .rbi-soundcloud, .is-style-10 .rbi-soundcloud, .is-style-9 .rbi-soundcloud, .is-style-7 .rbi-soundcloud, .is-style-6 .rbi-soundcloud, .is-style-4 .rbi-soundcloud, .is-style-3 .rbi-soundcloud, .is-style-2 .rbi-soundcloud { color: #fd794a; } .is-style-1 .follower-el:hover .fnicon, .is-style-2 .follower-el:hover .fnicon, .is-style-9 .follower-el:hover .fnicon, .is-style-10 .follower-el:hover .fnicon, .is-style-11 .follower-el:hover .fnicon { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .fncount-wrap:not(.is-style-1):not(.is-style-2):not(.is-style-9):not(.is-style-10):not(.is-style-11) .follower-el.bg-facebook:hover .follower-inner, .fncount-wrap:not(.is-style-3):not(.is-style-4):not(.is-style-5):not(.is-style-6):not(.is-style-7):not(.is-style-8):not(.is-style-12):not(.is-style-13):not(.is-style-14):not(.is-style-15) .follower-el:hover i.rbi-facebook { color: #fff; border-color: #1f82ec; background-color: #1f82ec; box-shadow: 0 5px 15px #1f82ec; } .fncount-wrap:not(.is-style-1):not(.is-style-2):not(.is-style-9):not(.is-style-10):not(.is-style-11) .follower-el.bg-twitter:hover .follower-inner, .fncount-wrap:not(.is-style-3):not(.is-style-4):not(.is-style-5):not(.is-style-6):not(.is-style-7):not(.is-style-8):not(.is-style-12):not(.is-style-13):not(.is-style-14):not(.is-style-15) .follower-el:hover i.rbi-twitter { color: #fff; border-color: #13b9ee; background-color: #13b9ee; box-shadow: 0 5px 15px #13b9ee; } .fncount-wrap:not(.is-style-1):not(.is-style-2):not(.is-style-9):not(.is-style-10):not(.is-style-11) .follower-el.bg-pinterest:hover .follower-inner, .fncount-wrap:not(.is-style-3):not(.is-style-4):not(.is-style-5):not(.is-style-6):not(.is-style-7):not(.is-style-8):not(.is-style-12):not(.is-style-13):not(.is-style-14):not(.is-style-15) .follower-el:hover i.rbi-pinterest { color: #fff; border-color: #f60c19; background-color: #f60c19; box-shadow: 0 5px 15px #f60c19; } .fncount-wrap:not(.is-style-1):not(.is-style-2):not(.is-style-9):not(.is-style-10):not(.is-style-11) .follower-el.bg-instagram:hover .follower-inner, .fncount-wrap:not(.is-style-3):not(.is-style-4):not(.is-style-5):not(.is-style-6):not(.is-style-7):not(.is-style-8):not(.is-style-12):not(.is-style-13):not(.is-style-14):not(.is-style-15) .follower-el:hover i.rbi-instagram { color: #fff; border-color: #8823b6; background-color: #8823b6; box-shadow: 0 5px 15px #8823b6; } .fncount-wrap:not(.is-style-1):not(.is-style-2):not(.is-style-9):not(.is-style-10):not(.is-style-11) .follower-el.bg-youtube:hover .follower-inner, .fncount-wrap:not(.is-style-3):not(.is-style-4):not(.is-style-5):not(.is-style-6):not(.is-style-7):not(.is-style-8):not(.is-style-12):not(.is-style-13):not(.is-style-14):not(.is-style-15) .follower-el:hover i.rbi-youtube { color: #fff; border-color: #fc161e; background-color: #fc161e; box-shadow: 0 5px 15px #fc161e; } .fncount-wrap:not(.is-style-1):not(.is-style-2):not(.is-style-9):not(.is-style-10):not(.is-style-11) .follower-el.bg-soundcloud:hover .follower-inner, .fncount-wrap:not(.is-style-3):not(.is-style-4):not(.is-style-5):not(.is-style-6):not(.is-style-7):not(.is-style-8):not(.is-style-12):not(.is-style-13):not(.is-style-14):not(.is-style-15) .follower-el:hover i.rbi-soundcloud { color: #fff; border-color: #ff5313; background-color: #ff5313; box-shadow: 0 5px 15px #ff5313; } .fncount-wrap:not(.is-style-1):not(.is-style-2):not(.is-style-9):not(.is-style-10):not(.is-style-11) .follower-el.bg-telegram:hover .follower-inner, .fncount-wrap:not(.is-style-3):not(.is-style-4):not(.is-style-5):not(.is-style-6):not(.is-style-7):not(.is-style-8):not(.is-style-12):not(.is-style-13):not(.is-style-14):not(.is-style-15) .follower-el:hover i.rbi-telegram { color: #fff; border-color: #3885d9; background-color: #3885d9; box-shadow: 0 5px 15px #3885d9; } .fncount-wrap:not(.is-style-1):not(.is-style-2):not(.is-style-9):not(.is-style-10):not(.is-style-11) .follower-el.bg-vimeo:hover .follower-inner, .fncount-wrap:not(.is-style-3):not(.is-style-4):not(.is-style-5):not(.is-style-6):not(.is-style-7):not(.is-style-8):not(.is-style-12):not(.is-style-13):not(.is-style-14):not(.is-style-15) .follower-el:hover i.rbi-vimeo { color: #fff; border-color: #16b1e3; background-color: #16b1e3; box-shadow: 0 5px 15px #16b1e3; } .fncount-wrap:not(.is-style-1):not(.is-style-2):not(.is-style-9):not(.is-style-10):not(.is-style-11) .follower-el.bg-dribbble:hover .follower-inner, .fncount-wrap:not(.is-style-3):not(.is-style-4):not(.is-style-5):not(.is-style-6):not(.is-style-7):not(.is-style-8):not(.is-style-12):not(.is-style-13):not(.is-style-14):not(.is-style-15) .follower-el:hover i.rbi-dribbble { color: #fff; border-color: #ff407f; background-color: #ff407f; box-shadow: 0 5px 15px #ff407f; } .is-style-15 .follower-el:hover, .is-style-14 .follower-el:hover, .is-style-13 .follower-el:hover, .is-style-12 .follower-el:hover, .is-style-8 .follower-el:hover, .is-style-7 .follower-el:hover, .is-style-6 .follower-el:hover, .is-style-5 .follower-el:hover, .is-style-4 .follower-el:hover, .is-style-3 .follower-el:hover { -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); } .is-style-15 .follower-el:hover i, .is-style-15 .follower-el:hover .text-count, .is-style-12 .follower-el:hover i, .is-style-12 .follower-el:hover .text-count, .is-style-7 .follower-el:hover i, .is-style-7 .follower-el:hover .text-count, .is-style-6 .follower-el:hover i, .is-style-6 .follower-el:hover .text-count, .is-style-4 .follower-el:hover i, .is-style-4 .follower-el:hover .text-count, .is-style-3 .follower-el:hover i, .is-style-3 .follower-el:hover .text-count { color: #fff; } .is-style-12 .follower-el:hover .fntotal:before, .is-style-12 .follower-el:hover .fnlabel:before { background-color: rgba(255, 255, 255, .5); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .rb-weather-wrap { padding: 20px; -webkit-border-radius: var(--round-5); border-radius: var(--round-5); -webkit-box-shadow: 0 4px 30px var(--shadow-7); 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; -webkit-border-radius: var(--round-3); border-radius: var(--round-3); background: var(--g-color); } .rb-w-stats { display: flex; display: -webkit-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; display: -webkit-flex; justify-content: center; } .rb-w-header { display: flex; display: -webkit-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-template-columns: auto auto auto auto 1fr; grid-gap: 0; } .rb-w-big-icon svg { width: 86px; height: 86px; } .rb-w-stats .col-right .rb-weather-highlow > :nth-child(3) { margin-right: 10px; margin-left: 3px; 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; right: -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-right: 0; } span.ruby-degrees > :first-child { font-size: 18px; line-height: 1; position: absolute; top: 14px; right: 4px; height: 22px; vertical-align: text-top; } span.ruby-degrees { position: relative; height: 100%; padding-right: 13px; } .w-forecast-wrap { display: flex; display: -webkit-flex; overflow: hidden; flex-flow: row nowrap; justify-content: space-between; max-width: 100%; margin-right: auto; margin-left: auto; -webkit-border-radius: var(--round-5); border-radius: var(--round-5); } .w-forecast-wrap svg:not(.svg-cloudy):not(.svg-day-cloudy):not(.svg-night-cloudy) g path { stroke: #bbb; fill: #bbb; } .w-forecast-wrap svg.svg-icon.svg-day-cloudy g:nth-child(2) path { stroke: #bbb; fill: #bbb; } .w-forecast-day.h6 { font-size: .7rem; line-height: 18px; display: inline-block; width: 100%; white-space: nowrap; letter-spacing: .03rem; color: #fff; -webkit-border-radius: var(--round-3); border-radius: var(--round-3); background-color: var(--flex-gray-20); } .w-forecast-day { padding: 0 4px; text-align: center; } .w-forecast-icon { display: flex; display: -webkit-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; right: 100%; bottom: 94%; } .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; -webkit-border-radius: var(--round-5); 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 a { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; } .instagram-box { position: relative; overflow: hidden; flex: 1; height: 100%; padding-bottom: 100%; } .instagram-box img, .instagram-box video { position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover; -webkit-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); -webkit-border-radius: var(--round-5); 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; display: -webkit-flex; 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; } .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-left: 3px; color: #fff; } .instagram-box:hover .box-content { opacity: 1; } .instagram-box .box-content:before { position: absolute; top: 0; right: 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); -webkit-border-radius: var(--round-5); 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-template-columns: 60px 1fr; grid-template-rows: 22px 22px; grid-column-gap: 5px; grid-row-gap: 1px; } .rb-twitter-wrap .rb-tweet-header { position: relative; } .rb-twitter-wrap .pk-twitter-counters.pk-color-secondary { position: relative; display: grid; grid-template-columns: auto 1fr; grid-gap: 10px; } .rb-twitter-wrap .tweet-avatar { height: 100%; text-align: center; grid-row: 1 / 3; } .rb-twitter-wrap .tweet-avatar img { -webkit-transition: var(--effect); transition: var(--effect); -webkit-border-radius: 50%; border-radius: 50%; } .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-twitter-wrap .rb-quoted-author { display: grid; margin-bottom: 3px; grid-template-columns: auto 1fr; grid-gap: 1px; } .rb-twitter-wrap .rb-quoted-author img { -webkit-border-radius: 50%; border-radius: 50%; } .rb-twitter-wrap .rb-quoted-author em { font-weight: 400; font-style: italic; line-height: 24px; margin-right: 5px; margin-bottom: 5px; color: var(--meta-fcolor); } .rb-twitter-wrap .rb-quoted-author { display: grid; grid-template-columns: auto 1fr; grid-gap: 1px; } .rb-quoted-author img { -webkit-border-radius: 50%; border-radius: 50%; } .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); -webkit-border-radius: var(--round-5); border-radius: var(--round-5); } .rb-twitter-wrap .rb-tweet-actions a:not(:last-child) { margin-left: 10px; } .rb-twitter-wrap .rb-tweet-actions .rb-action-count { margin-right: 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; display: -webkit-flex; flex-flow: row wrap; } .about-bio.is-centered + .social-icon-wrap { justify-content: center; } .about-content-wrap .social-icon-wrap a { margin-left: 15px; -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.is-centered + .social-icon-wrap a { margin-left: 0; padding-right: 7px; padding-left: 7px; } .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-template-columns: auto auto; grid-gap: 10px; } .grid-holder.rb-c3 { display: grid; grid-template-columns: auto auto auto; grid-gap: 10px; } .grid-holder.rb-c4 { display: grid; grid-template-columns: auto auto auto auto; grid-gap: 5px; } .grid-el img { height: 100%; } .grid-footer { font-size: .8rem; display: block; margin-top: 10px; text-align: left; } .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-left: 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: 40px; padding-bottom: 40px; text-align: center; background-repeat: no-repeat; background-position: center center; background-size: cover; } .w-banner { position: relative; display: block; overflow: hidden; padding: 110px 30px; text-align: center; -webkit-border-radius: var(--round-5); border-radius: var(--round-5); } .w-banner-content { position: relative; z-index: 9; display: flex; display: -webkit-flex; align-items: center; flex-grow: 1; justify-content: center; 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; right: 0; width: 100%; height: 100%; object-position: top center; } .banner-btn { display: inline-block; margin-top: 20px; text-align: center; -webkit-border-radius: var(--round-5); border-radius: var(--round-5); } /** plan box */ .plan-inner { position: relative; display: block; padding: 40px 20px; border-radius: var(--round-5); } .is-box-shadow .plan-inner { border-radius: var(--round-5); background-color: var(--plan-box-color, transparent); box-shadow: 0 5px 30px var(--shadow-7); } .is-box-border .plan-inner { border: 1px solid var(--plan-box-color, var(--flex-gray-15)); } .is-box-bg .plan-inner { background-color: var(--plan-box-color, var(--flex-gray-7)); } .plan-inner > *:not(:last-child) { margin-bottom: 30px; } .plan-header > *:not(:last-child) { margin-bottom: 15px; } .plan-features { font-size: var(--rem-small); display: flex; flex-flow: column nowrap; } .plan-feature:not(:last-child) { display: inline-flex; margin-bottom: 7px; } .plan-feature:before { font-family: 'ruby-icon' !important; display: inline-flex; margin-left: 5px; content: '\e960'; color: #42c337; } .plan-description { font-size: var(--rem-small); } [data-theme='dark'] .plan-feature:before, .light-scheme .plan-feature:before { color: var(--absolute-white); } .plan-price-wrap { font-size: 1.2rem; line-height: 1; display: flex; align-items: center; flex-flow: row nowrap; } .plan-tenure { color: var(--meta-fcolor); } .plan-price { font-size: 3rem; padding: 0 2px; } .plan-price-unit { margin-top: -.5em; } .plan-button-wrap button, .plan-button-wrap a.button, .plan-button-wrap .stripe-button-el { width: 100%; padding-top: 7px; padding-bottom: 7px; background: var(--plan-button-bg, var(--g-color)); background-image: none; box-shadow: none; } .plan-button-wrap a.button { font-size: var(--rem-small); display: inline-block; text-align: center; } .plan-button-wrap button span, .plan-button-wrap .stripe-button-el span { font-family: inherit !important; font-size: var(--plan-button-size, var(--rem-small)); font-style: inherit !important; color: var(--plan-button-color, inherit); background: none !important; background-image: none !important; -webkit-box-shadow: none; box-shadow: none !important; -webkit-text-shadow: none; text-shadow: none !important; } .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)); -webkit-box-shadow: 0 4px 15px var(--plan-button-bg-opacity, var(--g-color-90)); box-shadow: 0 4px 15px var(--plan-button-bg-opacity, var(--g-color-90)); } /** accordion */ .rb-accordion .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: 1.7; 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 { border-radius: var(--round-5); } .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; } /* ----------------- 9 - Single ----------------- */ .single-post-outer:not(:last-child) { margin-bottom: 20px; border-bottom: 1px solid var(--flex-gray-15); } .single-infinite-point .rb-loader { margin-bottom: 25px; } .single-post-outer.has-continue-reading .s-ct { overflow: hidden; height: 700px; max-height: 700px; } .single-post-outer.has-continue-reading .single-sidebar { position: relative; } .single-post-outer.has-continue-reading .sidebar-inner { position: absolute; z-index: 1; right: 0; left: 0; } .single-post-outer.has-continue-reading { overflow: hidden; } .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; flex-basis: 100%; margin-right: -30px; margin-left: -30px; } .grid-container > * { flex: 0 0 100%; width: 100%; padding-right: 30px; padding-left: 30px; } .single-meta { display: flex; align-items: center; flex-flow: row nowrap; justify-content: space-between; width: 100%; } .smeta-in { display: flex; align-items: center; flex-flow: row nowrap; justify-content: flex-start; } .smeta-in > .meta-avatar { margin-left: 12px; } .smeta-in > .meta-avatar img { width: 60px; height: auto; border-radius: 100%; } .single-meta .p-meta, .overlay-text .single-meta .p-meta { margin-bottom: 3px; } .share-action i { text-shadow: -3px 3px 0 #ffffff10, -2px 2px 0 #00000020; } [data-theme='dark'] .l-shared-sec .share-action i, .light-scheme .l-shared-sec .share-action i, [data-theme='dark'] .t-shared-sec .share-action i, .light-scheme .t-shared-sec .share-action i, [data-theme='dark'] .sticky-share-list .share-action i, .light-scheme .sticky-share-list .share-action i { text-shadow: none; } .share-action.is-mobile.icon-whatsapp { display: flex; display: -webkit-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, .footer-social-list a { -webkit-transition: var(--effect); transition: var(--effect); } .t-shared-sec { display: flex; align-items: center; } .sticky-share-list > * { display: flex; flex-flow: row nowrap; } .t-shared-sec > *:not(.t-shared-header) { display: flex; flex-flow: row wrap; } .sticky-share-list .share-action, .t-shared-sec .share-action { font-size: 16px; display: inline-flex; padding-right: 6px; padding-left: 6px; } .single-time-read { display: flex; align-items: center; flex-flow: row nowrap; flex-shrink: 0; white-space: nowrap; } .single-time-read:before { display: inline-flex; height: 8px; margin-right: 6px; margin-left: 10px; content: ''; opacity: .5; border-right: 1px solid var(--flex-gray-40); } .single-header { position: relative; z-index: 109; display: block; } .s-cats, .s-breadcrumb { margin-bottom: 15px; } .s-title, .s-tagline, .single-meta { margin-bottom: 15px; } .s-feat-outer { margin-bottom: 30px; } .feat-caption { position: relative; margin-top: 10px; } .attribution { display: block; margin-top: 4px; padding-right: 65px; } .feat-caption .caption-text:before { position: relative; display: inline-flex; width: 50px; height: 1px; margin-left: 12px; padding-top: .75em; content: ''; vertical-align: top; border-bottom: 1px solid var(--g-color); } .caption-text { position: relative; display: block; } .s-feat img, .s-feat-holder img { display: block; width: 100%; object-fit: cover; } .s-feat-holder img { width: 100%; height: 100%; } .ubox:not(:first-child) { margin-top: 25px; padding-top: 25px; border-top: 1px solid var(--flex-gray-15); } .ubox-header { display: flex; align-items: center; flex-flow: row nowrap; width: 100%; } .author-info-wrap { display: flex; align-items: center; flex-flow: row nowrap; flex-grow: 1; } .author-avatar { width: 50px; height: auto; margin-left: 12px; } .author-avatar img { border-radius: 100%; } .author-info { display: flex; flex-flow: column nowrap; justify-content: center; } .usocials { display: flex; align-items: center; flex-flow: row nowrap; } .usocials > * { line-height: 1; } .usocials a { font-size: 13px; padding: 0 5px; -webkit-transition: var(--effect); transition: var(--effect); } .usocials a:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .author-job { line-height: 1; display: flex; margin-top: 5px; white-space: nowrap; } .ubox .ubio { display: block; margin-top: 20px; margin-bottom: 0; } .co-author .meta-author-label { display: none; } .meta-author-label.meta-label { margin-left: 0; } .ef-label { margin-left: 5px; color: var(--meta-fcolor) } .efoot { position: relative; clear: both; padding-top: calc(2rem + 2px); } .efoot:before { position: absolute; top: 0; right: 0; width: 50px; height: 3px; content: ''; border-radius: var(--round-7); background-color: currentColor; } .efoot > * { margin-top: 12px; } .efoot > *:first-child { margin-top: 0; } .efoot-bar { display: flex; align-items: center; width: 100%; } .blabel { display: inline-flex; align-items: center; margin-left: 10px; } .blabel i { line-height: 1; margin-left: 7px; } .blabel i.rbi-via { font-size: 1.25em; } .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-content { width: 100%; } .reaction .reaction-icon { display: flex; justify-content: center; width: 100%; height: auto; margin: auto; -webkit-transition: transform .25s var(--timing); transition: transform .25s 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 .25s var(--timing); transition: color .25s 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(--absolute-white); background-color: var(--g-color); } .reaction:before { font-family: 'ruby-icon'; font-size: 18px; line-height: 18px; position: absolute; top: 6px; right: auto; bottom: auto; left: 6px; content: '\e942'; -webkit-transition: opacity .25s; transition: opacity .25s; pointer-events: none; opacity: 0; color: var(--g-color); } .reaction.loading:before { z-index: 10; width: auto; height: 18px; content: '\e942'; -webkit-transform-origin: center; transform-origin: center; -webkit-animation: reaction-spinner 1s linear infinite; animation: reaction-spinner 1s linear infinite; letter-spacing: 0; opacity: 1; will-change: transform; } .reaction.loading .reaction-icon { opacity: .5; } @keyframes reaction-spinner { to { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } .e-shared-sec { display: flex; align-items: center; flex-flow: row nowrap; } .e-shared-header i { margin-left: .35em } .rbbsl { font-size: 18px; display: flex; flex-flow: row wrap; flex-shrink: 0; margin-right: auto; } .rbbsl > * { line-height: var(--height-40); display: inline-flex; margin-left: 10px; padding: 0 20px; border-radius: var(--round-3); background-color: var(--flex-gray-7); } .rbbsl a > span { margin-right: 7px; } .rbbsl a:not(:nth-child(1)) > span { display: none; } .rbbsl a:not(:nth-child(1)) { justify-content: center; padding: 0 12px; } .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 { position: absolute; z-index: 1; top: 0; right: 0; left: 0; overflow: hidden; height: 3px; content: ''; background-image: linear-gradient(to left, var(--flex-gray-20) 20%, transparent 21%, transparent 100%); background-image: -webkit-linear-gradient(left, var(--flex-gray-20) 20%, transparent 21%, transparent 100%); background-repeat: repeat-x; background-position: 100% 0; background-size: 5px; } .mobile-collapse-sections:before { position: absolute; z-index: 1; top: 0; right: 0; left: 0; overflow: hidden; height: 3px; content: ''; background-image: linear-gradient(to left, var(--submbnav-color-10, var(--subnav-color-10)) 20%, transparent 21%, transparent 100%); background-image: -webkit-linear-gradient(left, var(--submbnav-color-10, var(--subnav-color-10)) 20%, transparent 21%, transparent 100%); background-repeat: repeat-x; background-position: 100% 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; } .reading-indicator { position: fixed; z-index: 9999; 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-left-radius: 5px; border-bottom-left-radius: 5px; background: var(--g-color); background: linear-gradient(-90deg, var(--indicator-bg-from) 0%, var(--indicator-bg-to) 100%); background: -webkit-linear-gradient(left, 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-left: 25px; } .newsletter-icon svg { width: 60px; } .newsletter-box-title { margin-bottom: 10px; } .mc4wp-form-fields > * { display: flex; align-items: stretch; flex-flow: row nowrap; margin-top: 10px; } .mc4wp-form-fields > *:first-child { margin-top: 0; } .agree-to-terms { font-size: var(--rem-mini); width: 100%; color: var(--meta-fcolor); } .agree-to-terms input { margin: 4px 0 0 6px; } .mc4wp-form-fields input[type='email'] { flex-grow: 1; width: 100%; } .mc4wp-form-fields input:not(:first-child) { margin-right: 7px; } .newsletter-box-policy { font-size: var(--rem-mini); margin-top: 15px; color: var(--meta-fcolor); } .newsletter-box-policy a { transition: var(--effect); text-decoration: underline dotted; color: var(--body-fcolor); --webkit-transition: var(--effect); } .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(--rem-mini); 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-left: 4px; content: '\e949'; } .comment-form { position: relative; display: block; margin-right: -10px; margin-left: -10px; } .comment-form input[type='text'], .comment-form input[type='email'], .comment-form input[type='url'] { width: 100%; } .comment-form > * { margin-bottom: 20px; padding-right: 10px; padding-left: 10px; } .comment-form-cookies-consent { display: flex; display: -webkit-flex; align-items: center; flex-flow: row nowrap; flex-basis: 100%; width: 100%; } .comment-form-cookies-consent label { font-size: var(--rem-mini); padding-right: 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-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; left: 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); } a.show-post-comment:hover, a.page404-btn:hover { color: var(--absolute-white); background-color: var(--g-color); -webkit-box-shadow: 0 4px 15px var(--g-color-90); box-shadow: 0 4px 15px var(--g-color-90); } .comment-box-header > * { display: flex; display: -webkit-flex; align-items: center; } .comment-box-header i, .comment-box-header svg { margin-left: 10px; } .comment-box-header svg { width: 1em; } .comment-box-title i, .comment-box-title svg { border-bottom: 3px dotted var(--g-color); } .box-comment-btn { line-height: 42px; position: relative; display: flex; display: -webkit-flex; margin-right: auto; padding: 0 60px; -webkit-transition: var(--effect); transition: var(--effect); } .rb-form-rating { display: flex; display: -webkit-flex; align-items: center; width: 100%; } .rb-review-stars { font-size: 24px; position: relative; } .rb-review-stars span { line-height: 0; display: flex; display: -webkit-flex; align-items: center; flex-flow: row nowrap; flex-grow: 0; width: 0; margin-right: 10px; padding: 0; letter-spacing: 0; } .rb-review-stars span a { line-height: 1; display: flex; display: -webkit-flex; flex-grow: 0; padding: 2px; } .rb-form-rating label { font-size: var(--rem-mini); line-height: 1; padding-right: 7px; border-right: 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-left: 5px; } .comment-author { font-size: var(--rem-small); margin-bottom: 7px; } .comment-author .avatar { position: absolute; top: 3px; right: -65px; display: block; width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; object-fit: cover; } .comment-author .says { display: none; } .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-right: 65px; margin-bottom: 25px; } .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; left: 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); } a.comment-reply-link:hover { color: #fff; background-color: var(--g-color); } .comments-area .comment-meta a.comment-edit-link { margin-right: 10px; } .comments-area .comment-meta > a:first-child { margin-right: 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-left: 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-right: 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-right: 65px; margin-bottom: 35px; } .comment-list ul.children { margin-right: 30px; } .e-pagi { position: relative; display: block; margin-right: -7px; margin-left: -7px; } .e-pagi .inner { display: flex; display: -webkit-flex; align-items: stretch; flex-flow: row nowrap; flex-grow: 1; } .e-pagi .nav-el { display: flex; display: -webkit-flex; flex: 0 0 50%; width: 50%; padding-right: 7px; padding-left: 7px; } .e-pagi a { display: flex; display: -webkit-flex; flex: 1; flex-flow: column nowrap; } .e-pagi .rbi-angle-left { padding-left: 5px; } .e-pagi .rbi-angle-right { padding-right: 5px; } .e-pagi .nav-label { margin-bottom: 12px; letter-spacing: .1em; text-transform: uppercase; } .e-pagi .nav-right { margin-right: auto; } .e-pagi .nav-right .nav-label { margin-right: auto; } .e-pagi .nav-inner { display: flex; display: -webkit-flex; align-items: center; } .e-pagi i { letter-spacing: 0; } .e-pagi img { display: flex; flex-shrink: 0; width: 50px; height: 50px; margin-left: 12px; border-radius: 50%; } .e-pagi .nav-right .nav-inner { flex-direction: row-reverse; text-align: left; } .e-pagi .nav-right img { margin-right: 12px; margin-left: 0; } .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; display: flex; overflow: hidden; flex-flow: row nowrap; } .review-section .review-intro { background-color: var(--dark-accent); } .review-feat { flex-shrink: 0; width: 100px; } .review-intro .review-feat img { width: 100%; height: 100%; object-fit: cover; } .review-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; } .review-section .review-bg img { width: 100%; height: 100%; opacity: .5; object-fit: cover; } .review-intro .inner { position: relative; display: flex; align-items: center; 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-right: auto; } .review-intro .average { display: flex; align-items: flex-start; flex-flow: row nowrap; } .review-intro .meta-description { margin-left: 7px; } .review-heading > *:not(:last-child), .review-section .meta-info > *:not(:last-child) { margin-bottom: 10px; } .review-section .rline-wrap, .review-section .rstar-wrap { margin-left: 0; } .review-header .rstar:before { background-color: var(--absolute-dark); } .review-intro .rstar-wrap { margin-left: 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-right: auto; } .review-label { display: flex; flex-flow: column; } .rating-info { margin-top: 3px; margin-right: 13px; } .review-label .h5 { line-height: 1; padding-right: 10px; border-right: 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 { margin-right: -20px; margin-left: -20px; } .pros-cons .inner { display: flex; flex-flow: row wrap; width: 100%; } .pros-cons .inner > * { display: flex; flex: 0 0 50%; justify-content: center; width: 50%; padding: 0 20px; } .pros-cons-list-inner { display: inline-block; } .pros-cons-list-inner > * { display: block; margin-top: 7px; } .pros-cons-title { display: flex; align-items: center; flex-flow: row nowrap; margin-top: 0; padding-bottom: 5px; } .pros-cons-title svg { width: var(--em-mini); margin-left: 7px; } .pros-cons-el i { font-size: 9px; display: inline-block; margin-left: 7px; vertical-align: middle; color: #426d48; } .pros-cons-el i.rbi-minus { font-size: 11px; color: #cd3048; } .review-summary-title { display: block; margin-bottom: 15px; } .summary-content, .pros-cons-el { font-size: var(--rem-mini); } .user-rating, .rating-header { line-height: 0; display: flex; align-items: center; flex-flow: row nowrap; } .average-info { margin-right: auto; } .user-rating svg { width: 1.35em; margin-left: 5px; } .total-vote { margin-right: 5px; } .review-action { display: flex; padding-bottom: 25px; } .review-btn { display: inline-flex; align-items: center; } .review-btn i { font-size: 1.25em; margin-left: 5px; } .sfoter-sec { position: relative; margin-bottom: 40px; } .sfoter-sec .block-h { margin-bottom: 20px; } .single-related { padding-top: 30px; } .single-related:before { position: absolute; z-index: -1; top: 0; right: 50%; bottom: 0; width: 100vw; max-width: 100vw; height: 100%; content: ''; -webkit-transform: translateX(50%); transform: translateX(50%); pointer-events: none; border-top: 1px solid var(--flex-gray-15); } /* single highlights */ .s-hl { position: relative; padding-top: 20px; padding-bottom: 30px; } .s-hl-heading.h1 { font-size: 2.75rem; line-height: 1; position: absolute; z-index: -1; top: -10px; right: 15px; opacity: .15; } .s-hl-heading span { display: inline-block; } .s-hl-heading span::first-letter { color: var(--g-color); } .s-hl:after { position: absolute; top: auto; right: 0; bottom: 0; width: 90px; height: 1px; content: ''; background-color: var(--g-color); } .s-hl ul { position: relative; list-style: none; } .hl-point:before { position: absolute; top: .5em; display: inline-block; width: 8px; height: 8px; content: ''; -webkit-border-radius: 100%; border-radius: 100%; background-color: var(--g-color); } .hl-point { position: relative; } .hl-point > * { display: inline-block; margin-right: 20px; } .hl-point:not(:last-child) > * { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid var(--flex-gray-15); } .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-20); } .single-standard-2 .single-header { margin-bottom: 30px; } .single-standard-7 .single-header { margin-bottom: 30px; padding-top: 20px; } .single-standard-1 .s-feat img, .single-standard-2 .s-feat img, .single-standard-7 .s-feat img, .single-standard-8 .s-feat img { border-radius: var(--round-5); } .single-standard-2 .s-feat img, .single-standard-7 .s-feat img { -webkit-box-shadow: 0 4px 30px var(--shadow-7); 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: 30px; } .single-embed-4 .s-feat-outer { margin-bottom: 0; padding-top: 30px; } .single-embed-4 .single-header { margin-bottom: 30px; } .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: 860px; 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: .1; background-repeat: no-repeat; background-position: center; background-size: cover; filter: blur(10px); -webkit-filter: blur(10px); } .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; right: 0; bottom: 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-left-radius: var(--round-5); background: var(--dark-accent); } .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); } .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: 100%; } .single-standard-6 .s-feat-outer { position: relative; flex: 0 0 40%; margin-bottom: 0; } .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); } .featured-vertical 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; } .sqview > *:not(:last-child) { margin-bottom: 10px; } .qview-box { overflow: hidden; align-items: stretch; border-radius: var(--round-5); background-color: var(--flex-gray-7); } .qview-box.review-intro .inner { padding: 15px; } .qview-box .review-action { margin-top: 7px; padding-bottom: 0; } .qview-box .review-btn { line-height: var(--height-34); padding: 0 25px; } .spon-qview { padding: 4px 12px; } .spon-qview .sponsor-meta { margin-bottom: 0; } .spon-qview .sponsor-inner img { height: 3em; max-height: 50px; } .spon-qview .sponlogo-wrap { margin-right: auto; margin-left: 0; } .single .without-sidebar .s-ct { flex-basis: 100%; width: 100%; max-width: var(--max-width-wo-sb); margin-right: auto; margin-left: auto; } .featured-embed { position: relative; display: block; overflow: hidden; } .embed-holder { position: relative; display: block; width: 100%; padding-bottom: 56%; 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: auto; bottom: 100px; left: 20px; display: block; width: 420px; max-width: 100%; height: auto; } .floating-activated .float-holder:before { position: relative; display: block; width: 100%; padding-bottom: 56%; content: ''; } .floatingcolorose { position: absolute; top: auto; bottom: 100%; left: 0; display: block; } .embed-audio .embed-holder { padding-bottom: 33.33%; } .embed-holder iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: var(--round-5); } .slider-img-holder { display: block; width: 100%; padding-bottom: 56%; } .coverflow-img-holder { display: block; width: 100%; padding-bottom: 100%; } .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: auto; margin-left: 0; } .gallery-slider-nav .slider-img-holder { padding-bottom: 66.7%; } .slider-caption { position: absolute; z-index: 99; bottom: 0; width: 85%; max-width: 600px; margin: 0; padding: 5px 0 5px 20px; border-top-left-radius: var(--round-5); background-color: var(--solid-white); } .format-gallery-slider .slider-caption { bottom: 30px; padding-right: 10px; } .format-gallery-carousel .caption-text:before, .format-gallery-slider .caption-text:before { width: 30px; } .gallery-slider-info { display: flex; align-items: center; flex-shrink: 0; padding-left: 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: 70vh; max-height: 70vh; object-fit: cover; } .format-gallery-carousel .swiper-scrollbar { position: relative; height: 2px; margin-top: 20px; } .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 .25s var(--timing); transition: opacity .25s 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: auto; bottom: auto; left: 0; width: auto; height: auto; padding: 15px; } .slider-pagination-top .swiper-pagination-bullet { opacity: .7; color: var(--absolute-white); } .block-wrap:hover .slider-nav > * { opacity: .7; } .block-wrap .slider-nav > *:hover { opacity: 1; } .post-slider .p-wrap { margin-bottom: 0; } .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; } .e-ct-outer > * { margin-bottom: 30px; } .rbct { position: relative; display: block; } .optimal-line-length:not(.without-sidebar) .s-ct-wrap:not(.has-lsl) { max-width: 730px; margin-right: auto; margin-left: auto; } 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; display: -webkit-flex; flex-flow: row nowrap; } .l-shared-sec-outer { position: relative; flex-shrink: 0; padding-bottom: 40px; padding-left: 30px; } .has-lsl .e-ct-outer { flex-grow: 1; width: calc(100% - 78px); max-width: calc(100% - 78px); margin-right: 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); box-shadow: 0 5px 30px var(--shadow-7); } .l-shared-sec .share-action { line-height: 48px; width: 48px; text-align: center; } .l-shared-sec i.rbi-whatsapp { width: 100%; } .l-shared-header { display: flex; align-items: center; flex-flow: column wrap; margin-bottom: 10px; } .l-shared-header i { font-size: 18px; } .rbct > *, .comment-content > * { max-width: 100%; margin-top: 0; margin-bottom: 1.5rem; } .rbct > *:last-child, .comment-content > *:last-child { margin-bottom: 0; } .rbct .clearfix { margin-bottom: 0; } .rbct p { word-wrap: break-word; } .comments-pagination { font-size: 12px; display: flex; display: -webkit-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: right; margin-right: 0; margin-left: 1.5rem; } 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: left; margin-right: 1.5rem; margin-left: 0; } .rbct input[type='password'] { min-width: 40%; margin-right: 20px; } .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, .wp-block-image.alignwide img, .rbct > .alignwide { 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; } .wp-block-image .aligncenter figcaption { text-align: center; } .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: var(--meta-fsize); margin: 0; padding-top: 5px; } figcaption:before, .wp-caption-text:before { display: inline-block; width: 30px; height: .3em; margin-left: 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: right; margin-left: 1.5rem; } .wp-block-image .alignright { float: left; margin-right: 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; } .wp-block-gallery { width: 100% !important; margin-bottom: calc(2rem - 16px); } .wp-block-gallery.alignwide { clear: both; } .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(--absolute-white); } .rbct .wp-block-gallery ul, .rbct .wp-block-gallery ol { padding-right: 0; list-style: 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; } .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; } .wp-block-video video { width: 100%; } .rbct address, .comment-content address { margin-bottom: 30px; } 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, .rbct ul, .comment-content ul { padding-right: 1rem; list-style-type: decimal; } .rbct ul, .comment-content ul { list-style: circle; } .rbct ul ul, .comment-content ul ul { list-style: disc; } .rbct li > ol, .rbct li > ul { padding-top: .5rem; } .rbct li { position: relative; margin-bottom: .5rem; } .comment-content li { position: relative; margin-bottom: 5px; } .rbct *[class*='wp-block'], .rbct [class*='wp-block'] * { list-style: none; } .rbct > ul[class*='wp-block'], .rbct > ol[class*='wp-block'] { padding-right: 0; } table { width: 100%; max-width: 100%; margin-bottom: 1.5rem; border-spacing: 0; border-collapse: collapse; text-align: right; border-right: 1px solid var(--flex-gray-15); border-bottom: 1px solid var(--flex-gray-15); } 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 { padding: 5px 10px; border-top: 1px solid var(--flex-gray-15); } th:last-child { border-left: 1px solid var(--flex-gray-15); } td { padding: 5px 10px; border-top: 1px solid var(--flex-gray-15); border-left: 1px solid var(--flex-gray-15); } tr { position: relative; } .rbct tbody tr:nth-child(2n), .comment-content tbody tr:nth-child(2n) { background-color: rgba(0, 0, 0, .025); } .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 tr { display: table-row; vertical-align: middle; } .rbct td { display: table-cell; vertical-align: inherit; } .rbct .gallery, .gallery { display: flex; display: -webkit-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 1em; quotes: '“' '”' '‘' '’'; } blockquote > * { margin-top: .75rem; margin-bottom: .75rem; } blockquote > *:first-child { margin-top: 0; } blockquote > *:last-child { margin-bottom: 0; } pre.wp-block-verse { font-family: Courier, monospace; } .rbct cite { font-size: var(--rem-mini); } .rbct .is-large cite { font-size: var(--rem-small); } .wp-block-pullquote blockquote:before { font-size: 5em; line-height: 0; position: relative; right: 0; display: block; margin-bottom: 5px; content: open-quote; color: var(--g-color); } .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: 2em 0; } .wp-block-pullquote.alignleft cite:before, .wp-block-pullquote.alignright cite:before { width: 20px; } .rbct .wp-block-pullquote cite { font-size: var(--rem-small); } .wp-block-pullquote.alignleft cite, .wp-block-pullquote.alignright cite { font-size: var(--rem-mini); } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding: 0 1.75em; } .wp-block-pullquote { margin-bottom: 0; } blockquote:before { font-size: 2rem; line-height: .75; position: absolute; right: 0; content: '“'; } .wp-block-quote:before { color: var(--g-color); } .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before { font-size: 3.5em; } .wp-block-quote p, blockquote p { font-family: var(--quote-family, var(--h1-family)); font-weight: var(--quote-fweight, var(--h1-fweight)); letter-spacing: var(--quote-fspace, var(--h1-fspace)); text-transform: var(--quote-transform, var(--h1-transform)); } [data-theme='dark'] blockquote, [data-theme='dark'] blockquote * { color: var(--absolute-white); } .wp-block-quote cite { font-family: var(--meta-family); font-size: var(--rem-small); line-height: 1; } cite br { display: none; } .wp-block-latest-posts.is-grid li { margin-top: 0; margin-bottom: .5rem; } .widget_rss cite:before, .wp-block-quote cite:before, .wp-block-pullquote cite:before { display: inline-block; width: 30px; height: .3em; margin-left: 7px; content: ''; color: var(--g-color); border-top: 1px solid; } .widget_rss cite:before { width: 20px; } .rbct iframe.instagram-media { margin-right: auto; margin-bottom: 1.5em; margin-left: auto; } .rbct a:not(.p-url):not(button):not(.p-category):not(.is-btn):not(.table-link):not(.table-link-depth):not(.wp-block-button__link):not(.wp-block-file__button), .elementor-widget-text-editor p a { 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-underline-offset: 1px; text-decoration-color: var(--hyperlink-line-color, transparent); text-decoration-line: underline; } .rbct a:not(.p-url):not(button):not(.p-category):not(.is-btn):not(.table-link):not(.table-link-depth):not(.wp-block-button__link):not(.wp-block-file__button):hover, .elementor-widget-text-editor p a:hover { color: var(--g-color); text-decoration-color: var(--g-color) } .rbct [class*='wp-block'] 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); } .rbct .wp-block-button a.wp-block-button__link { font-family: var(--btn-family); font-size: var(--btn-fsize); font-weight: var(--btn-fweight) !important; font-style: var(--btn-fstyle) !important; -webkit-transition: var(--effect); transition: var(--effect); text-decoration: none !important; letter-spacing: var(--btn-fspace); text-transform: var(--btn-transform); border-radius: var(--round-5); } .rbct [class*='wp-block'] a:not(.wp-block-button__link):not(.wp-block-file__button):not(:hover) { color: inherit !important; } .rbct .wp-block-file .wp-block-file__button { color: #fff; 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; } .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 content ad */ .inline-single-ad.alignfull { display: block; float: none; width: 100%; } .rbct .wpcf7 { position: relative; display: block; overflow: hidden; max-width: 900px; margin-right: auto; margin-bottom: 30px; margin-left: auto; } .rbct .wpcf7 label { display: none; } .rbct .wpcf7 br { display: none; } .wpcf7-list-item input[type='checkbox'], .wpcf7-list-item input[type='radio'] { display: inline-flex; margin-top: 0; margin-bottom: 0; margin-left: 7px; } .wpcf7-form { display: flex; align-items: flex-start; flex-flow: row wrap; margin-right: -12px; margin-left: -12px; } .wpcf7-form .wpcf7-form-control-wrap { width: 50%; max-width: 50%; padding: 12px; } .wpcf7-form .wpcf7-form-control-wrap.your-message { width: 100%; max-width: 100%; } .wpcf7-form .wpcf7-form-control-wrap input { width: 100%; max-width: 100%; } .wpcf7-form .wpcf7-submit { margin: 12px 12px 0 12px; } span.wpcf7-list-item { display: flex; display: -webkit-flex; align-items: center; margin-right: 0; padding-top: 10px; } 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-right: 0; list-style: none; } .rb-list li:before { font-family: 'ruby-icon' !important; font-size: var(--em-mini); position: relative; display: inline-block; margin-left: 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 { font-size: 0.88889em; line-height: 1.8; display: table; margin-top: calc(0.75 * 1em); margin-right: 0; -webkit-border-radius: var(--round-5); border-radius: var(--round-5); background-color: var(--g-color); } .rbct blockquote:before { color: var(--g-color); } .rbct table thead { color: #fff; background-color: #333; } .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; } .rbct > :last-child.wp-block-image { overflow: hidden; } .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; } .admin-template-info { font-size: 11px; margin-top: 20px; padding: 7px 10px; text-align: center; background-color: var(--flex-gray-15); } .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-left: 0; padding: 20px; border-radius: var(--round-5); box-shadow: 0 5px 30px var(--shadow-7); } .toc-header { display: flex; align-items: center; width: 100%; margin-bottom: 20px; } .toc-header i { line-height: 0; margin-left: 7px; color: var(--g-color); } .rbtoc .inner a { position: relative; display: block; margin-top: 7px; padding-top: 7px; -webkit-transition: var(--effect); transition: var(--effect); opacity: 1; border-top: 1px solid var(--flex-gray-15); } .rbtoc a:before { font-size: var(--em-mini); display: inline-flex; flex-grow: 0; margin-left: 5px; padding: 0 4px; -webkit-transition: var(--effect); transition: var(--effect); color: var(--absolute-white); border-radius: var(--round-3); background-color: var(--dark-accent); } .rbtoc .inner a:visited, [data-theme='dark'] .rbtoc .inner a:visited:not(:hover):before { color: var(--flex-gray-15); } .rbtoc.no-numlist a:before { display: none; } body:not([data-theme='dark']) .rbtoc .inner a:visited:not(:hover):before { background-color: var(--flex-gray-15); } .rbtoc .inner a:hover { opacity: 1; color: var(--g-color); } .rbtoc a:hover:before { background-color: var(--g-color); } .rbtoc .inner { counter-reset: table-content; } .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; } div.rbtoc .inner a:first-child { margin-top: 0; padding-top: 0; border-top: 0; } .table-link-depth { margin-right: 20px; } .rbtoc.table-left .table-link-depth:before { margin-left: 3px; } .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: left; min-width: 18px; padding: 0 3px; -webkit-transition: var(--effect); transition: var(--effect); text-align: center; color: var(--absolute-white); background-color: var(--absolute-dark); } .wp-block-archives-dropdown select { width: 100%; } .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; } .wp-block-separator.is-style-dots:before { padding-right: 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-left: 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(--absolute-white); 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-left: 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-right: 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(--absolute-white); } .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); -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15); box-shadow: 0 4px 15px rgba(0, 0, 0, .15); } .highlight-shares > div:last-child { right: 50%; margin-right: -5px; border-top: 5px solid var(--absolute-dark); -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15); box-shadow: 0 4px 15px 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(--absolute-white); 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 .25s, opacity .25s var(--timing), margin .25s var(--timing) .25s; transition: top 0s ease .25s, opacity .25s var(--timing), margin .25s var(--timing) .25s; pointer-events: none; opacity: 0; border-radius: var(--round-3); background: var(--solid-white); -webkit-box-shadow: 0 4px 30px var(--shadow-7); 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 .25s var(--timing), margin .25s var(--timing) 0s; transition: top 0s ease 0s, opacity .25s var(--timing), margin .25s 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); } .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-right: 5px; -webkit-transition: var(--effect); transition: var(--effect); } .font-resizer-trigger:after { font-family: 'ruby-icon' !important; font-size: 9px; padding-right: 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: 100% 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-header-content { flex-grow: 1; } .archive-header-content .qlinks-content { flex-flow: row wrap; } .archive-header-content .qlink { padding-top: 2px; padding-bottom: 2px; } .taxonomy-description { max-width: 760px; } .taxonomy-description > *:not(:last-child) { margin-bottom: 1em; } .taxonomy-description a { -webkit-transition: var(--effect); transition: var(--effect); text-decoration: underline; } .taxonomy-description a:hover { color: var(--g-color); } .light-scheme .taxonomy-description, .light-scheme .taxonomy-description * { color: var(--absolute-light); } .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; right: 15px; filter: blur(5px); -webkit-filter: blur(5px); } .category-hero-item-inner { position: relative; display: block; overflow: hidden; width: 100%; padding-bottom: 60%; -webkit-border-radius: var(--round-5); 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; } .featured-category-img-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-header-content { position: relative; z-index: 10; display: flex; align-items: center; flex-flow: column nowrap; text-align: center; } .yes-hd-transparent .archive-header.category-header-2 { padding-top: calc(50px + var(--nav-height)); } .featured-category-img-overlay img { width: 100%; height: 100%; opacity: .5; filter: blur(5px); -webkit-filter: blur(5px); object-fit: cover; } .blog-wrap { margin-top: 30px; margin-bottom: 30px; } .blog-wrap .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(--absolute-white); } .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(--meta-fcolor); } .search-header-form .search-form { max-width: 620px; margin-right: auto; margin-left: auto; border-radius: var(--round-5); background-color: var(--solid-white); -webkit-box-shadow: 0 0 40px var(--shadow-12) !important; box-shadow: 0 0 40px var(--shadow-12) !important; } .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 { text-decoration-line: underline; text-decoration-style: dotted; text-decoration-thickness: 3px; text-decoration-color: var(--g-color); } .bio-description { font-size: var(--rem-small); display: block; max-width: 720px; margin-top: 12px; } .ubio, .ubio-inner { display: flex; align-items: center; flex-flow: row nowrap; flex-grow: 1; } .bio-content .usocials { margin-top: 12px; } .bio-avatar { position: relative; display: flex; overflow: hidden; flex-flow: column nowrap; flex-shrink: 0; width: 100px; height: 100px; margin-left: 20px; padding: 4px; border-radius: 100%; } .bio-avatar img { display: block; width: 100%; height: 100%; border-radius: 100%; } .bio-count-posts { display: flex; align-items: flex-end; flex-flow: column nowrap; justify-content: flex-end; padding-right: 20px; } .ef-label:not(:first-child):before { margin-right: 5px; margin-left: 5px; content: '/'; opacity: .5; } .bio-avatar:before { position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; content: ''; border-top: 2px solid; border-radius: 100%; } /* ----------------- 11 - Pages ----------------- */ .single-page .s-ct { padding-bottom: 25px; } .page-header, .page-header-content { position: relative; display: block; } .page-header-content { z-index: 1; } .page-header-1 { margin-bottom: 30px; padding-top: 30px; } .page-header-1 .page-featured img { border-radius: var(--round-5); } .page-header-2 { overflow: hidden; margin-bottom: 25px; padding-top: 40px; padding-bottom: 40px; } .page-featured-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; } .page-featured-overlay img { width: 100%; height: 100%; object-fit: cover; } .page-header-2 .s-title { margin-bottom: 10px; } .page-header-content > *:last-child { margin-bottom: 0; } .page404-wrap { display: flex; align-items: center; width: 100%; min-height: 70vh; } .page404-inner { display: block; width: 100%; padding-top: 30px; padding-bottom: 30px; } .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; right: 0; bottom: 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 .bottom-footer-section { flex-flow: column nowrap; } .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-bottom-centered .footer-social-list > * { margin-right: 0; padding: 0 7px; } .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-right: auto; } .footer-social-list-title { line-height: 1; padding-left: 12px; border-left: 1px solid var(--flex-gray-15); } .footer-social-list > * { margin-right: 12px; } .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-right: 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; } .w-sidebar .widget-heading, .elementor-widget-container > h5 { margin-bottom: 20px; } .footer-wrap { position: relative; display: block; overflow: hidden; } .footer-wrap:not(.footer-etemplate) > *:first-child:not(.footer-copyright) { padding-top: 50px; } .footer-wrap.left-dot:after { position: absolute; z-index: 0; top: 0; right: 0; display: block; width: 20%; height: 50%; content: ''; opacity: .2; background-image: radial-gradient(var(--body-fcolor) .75px, transparent .75px); background-size: 16px 16px; } [data-theme='dark'] .footer-wrap.left-dot:after { 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 { fill: var(--solid-white); } .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: 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-left: 1px; padding: 0 3px; color: var(--absolute-white); 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 { display: flex; align-items: center; justify-content: center; } .site-access-image svg { width: 100px; } .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); } /** membership */ .restrict-box { position: relative; display: block; margin-bottom: 40px; } .restrict-box-inner { position: relative; z-index: 1; display: block; max-width: 560px; margin-right: auto; margin-left: auto; padding: 40px; text-align: center; border-radius: var(--round-5); box-shadow: 0 5px 30px var(--shadow-7); } .restrict-box-inner > *:not(:last-child) { display: block; margin-bottom: 12px; } .restrict-title span, .restrict-desc span, .plan-title span { color: var(--g-color); } .restrict-button-wrap a { font-size: 1.2rem; display: inline-block; padding-top: 10px; padding-bottom: 10px; } .restrict-button-wrap { padding-top: 5px; padding-bottom: 5px; } .restrict-login-link { margin-right: 4px; } #swpm-login-form, #swpm-pw-reset-form, .swpm-registration-widget-form, #swpm-editprofile-form { display: block; max-width: 360px; margin-right: auto; margin-left: auto; padding: 30px 20px; border-radius: var(--round-5); box-shadow: 0 5px 30px var(--shadow-7); } .swpm-login-widget-logged { display: flex; flex-flow: row wrap; max-width: 600px; margin-right: auto; margin-left: auto; padding: 30px 20px; border-radius: var(--round-5); box-shadow: 0 5px 30px var(--shadow-7); } #swpm-editprofile-form, .swpm-registration-widget-form { max-width: 460px; } .swpm-label, .swpm_label, .swpm-registration-widget-form label, #swpm-editprofile-form label { font-size: var(--rem-mini); display: block; margin-bottom: 4px; text-align: right; } .swpm-remember-me { font-size: var(--rem-mini); } input.swpm-text-field { display: block; width: 100%; } .swpm-username-input, .swpm-password-input { margin-bottom: 15px; } .rbct input[type='password'].swpm-text-field { margin-right: 0; } .swpm-login-submit, .swpm-pw-reset-submit-button { margin-top: 20px; margin-bottom: 20px; text-align: center; } input.swpm-login-form-submit { font-size: 1rem; } input[type='submit'].swpm-login-form-submit, input[type='submit'].swpm-pw-reset-submit, input[type='submit'].swpm-registration-submit, input[type='submit'].swpm-edit-profile-submit { font-size: 1rem; padding-right: 40px; padding-left: 40px; } .swpm-registration-submit, .swpm-edit-profile-submit, .swpm-pw-reset-submit { width: 100%; } .swpm-forgot-pass-link, .swpm-join-us-link { display: block; margin-top: 15px; text-align: center; } .swpm-rember-label { color: var(--meta-fcolor); } .swpm-forgot-pass-link #forgot_pass { font-family: var(--meta-family); font-size: var(--meta-fsize); font-weight: var(--meta-fweight); text-decoration: none; opacity: .7; } a.swpm-login-form-register-link { font-size: var(--rem-mini); padding: 5px 12px; text-decoration: none !important; opacity: .7; border: 1px solid; border-radius: var(--round-3); } .swpm-login-form-register-link:hover, .swpm-forgot-pass-link #forgot_pass:hover { opacity: 1; } .swpm-login-action-msg { font-size: var(--rem-small); margin-top: 20px; text-align: center; border-radius: var(--round-5); background: #eeb3541c; } .swpm-registration-widget-form tr, #swpm-editprofile-form tr { display: flex; flex-flow: column nowrap; width: 100%; background: none !important; } #swpm-editprofile-form tbody { display: flex; flex-flow: row wrap; background: none !important; } .swpm-registration-widget-form tr.swpm-registration-membership-level-row, #swpm-editprofile-form .swpm-profile-username-row, #swpm-editprofile-form .swpm-profile-membership-level-row { align-items: center; flex-flow: row nowrap; justify-content: space-between; margin: 5px 0 20px; } .swpm-profile-username-row label, .swpm-registration-membership-level-row label, .swpm-profile-membership-level-row label { margin-bottom: 0; } .swpm-registration-membership-level-row, #swpm-editprofile-form .swpm-profile-membership-level-row, .hide-rego-form-msg { line-height: 1; padding: 15px; border: 1px solid var(--flex-gray-15); border-radius: var(--round-5); } .swpm-profile-username-row td:last-child, .swpm-registration-membership-level-row td:last-child, .swpm-profile-membership-level-row td:last-child { font-size: 1rem; font-weight: 700; text-align: left; text-transform: uppercase; } .swpm-registration-widget-form table, .swpm-registration-widget-form td, #swpm-editprofile-form table, #swpm-editprofile-form td { padding: 0; border: none; } .swpm-registration-widget-form input[type='text'], .swpm-registration-widget-form input[type='password'], #swpm-editprofile-form input[type='text'], #swpm-editprofile-form input[type='password'], .swpm-edit-profile-form select { font-weight: 700; width: 100%; margin: 0; margin-bottom: 15px; } .swpm_error, .swpm_success { font-size: var(--rem-small); display: block; padding: 15px 20px; text-align: center; border-radius: var(--round-5); background-color: #fba0a029; } .swpm_success { background-color: #65b97329; } .swpm_error ul { margin-top: 10px; } #swpm-editprofile-form table { margin-bottom: 0; } .hide-rego-form-msg { font-size: var(--rem-mini); } .swpm-login-widget-logged > *:not(.swpm-edit-profile-link):not(.swpm-logged-logout-link) { display: flex; flex-flow: row nowrap; justify-content: space-between; width: 100%; padding: 5px 0; border-bottom: 1px solid var(--flex-gray-15); } .swpm-login-widget-logged .swpm-edit-profile-link, .swpm-login-widget-logged .swpm-logged-logout-link { display: flex; flex: 0 0 50%; width: 50%; margin-top: 30px; padding-right: 10px; padding-left: 10px; } .swpm-login-widget-logged a { display: inline-block; flex-grow: 1; text-align: center; text-decoration: none !important; } .swpm-edit-profile-link a, .swpm-logged-logout-link a { font-family: var(--btn-family); font-weight: var(--btn-fweight); font-style: var(--btn-fstyle); display: inline-block; flex-grow: 1; padding-top: 7px; padding-bottom: 7px; text-align: center; text-decoration: none !important; letter-spacing: var(--btn-fspace); text-transform: var(--btn-transform); border-radius: var(--round-5); } .swpm-edit-profile-link a { border: 1px solid; } .swpm-logged-logout-link a { color: var(--absolute-white) !important; background-color: var(--g-color); } .swpm-logged-logout-link a:hover { -webkit-box-shadow: 0 4px 15px var(--g-color-90); box-shadow: 0 4px 15px var(--g-color-90); } /* ----------------- 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: auto; bottom: 0; left: 0; width: 1px; height: 100%; content: ''; pointer-events: none; border-left: 1px var(--column-border-style, solid) var(--column-border-color); } .overlay-inner, .overlay-inner .counter-el { padding: 25px 20px; } .p-highlight .p-gradient { 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-highlight.p-vtop .p-gradient { 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: left; max-width: 350px; margin-right: 1.5rem; padding: 25px; } .related-sec.related-5, .related-sec.related-6 { padding: 30px; } .scroll-holder { overflow-x: hidden; overflow-y: auto; } .list-holder { flex-flow: row-reverse nowrap; } .featured-left .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 .cbox-featured-overlay { padding-bottom: 125%; } .ecat-bg-1.p-list-1 .feat-holder .p-top, .ecat-big-bg-1.p-list-1 .feat-holder .p-top, .ecat-bg-2.p-list-1 .feat-holder .p-top, .ecat-big-bg-2.p-list-1 .feat-holder .p-top { right: -5px; bottom: 5px; } .list-box .p-featured { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .featured-left .list-box .p-featured { border-radius: 0 var(--wrap-border, var(--round-3)) var(--wrap-border, var(--round-3)) 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: var(--wrap-border, var(--round-3)); -webkit-border-bottom-right-radius: var(--wrap-border, var(--round-3)); -webkit-border-bottom-left-radius: 0; } .list-box .list-holder { align-items: stretch; } .p-middle .list-box .list-holder { align-items: center; } .list-box .feat-holder, .list-box .p-featured { height: 100%; } .list-box .p-content { margin-top: var(--box-spacing); margin-right: var(--box-spacing); margin-bottom: var(--box-spacing); } .p-center .list-box .p-content { margin-right: var(--list-holder-spacing, 15px); } .featured-left .list-box .p-content { margin-right: 0; margin-left: var(--box-spacing); } .smeta-in .is-meta > *, .smeta-in .meta-text > *, .review-section .meta-text > *, .spon-qview .sponsor-label, .spon-qview .is-text, .nname-info .nice-name { font-size: 1.15em; } .review-header .rstar i { font-size: 18px; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { float: right; width: 33.33%; } .s-ct { padding-bottom: 15px; } .single-page .s-ct { min-height: 45vh; padding-bottom: 40px; } .single-page.none-header .s-ct { min-height: 60vh; margin-top: 50px; } .sfoter-sec { margin-bottom: 50px; } .single-related { padding-top: 40px; } .sidebar-inner .widget { margin-bottom: 40px; } .rbtoc.table-left:not(.table-fw-single-col) { float: right; min-width: 340px; max-width: 50%; margin-bottom: 30px; margin-left: 30px; padding: 25px; } .rbtoc.table-fw { padding: 25px; } .rbtoc.table-fw .inner { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .rbtoc.table-fw .inner a { flex: 0 0 50%; max-width: 50%; margin: 0; padding: 7px 15px; border: none; } .rbtoc.table-fw .inner a:not(:nth-last-child(1)):not(:nth-last-child(2)):after { position: absolute; right: 15px; bottom: 0; left: 15px; display: block; height: 1px; content: ''; background-color: var(--flex-gray-15); } .grid-masonry .grid-holder { display: grid; grid-template-columns: auto auto auto auto auto auto auto auto; grid-gap: 8px; } .grid-fmasonry .grid-holder { display: grid; grid-template-columns: auto auto auto auto auto auto auto auto auto auto; grid-gap: 10px; } .grid-default .grid-holder.rb-c5 { display: grid; grid-template-columns: auto auto auto auto auto; grid-gap: 10px; } .grid-default .grid-holder.rb-c6 { display: grid; grid-template-columns: auto auto auto auto auto auto; grid-gap: 10px; } .grid-default .grid-holder.rb-c7 { display: grid; grid-template-columns: auto auto auto auto auto auto auto; grid-gap: 10px; } .grid-default .grid-holder.rb-c8 { display: grid; grid-template-columns: auto auto auto auto auto auto auto auto; grid-gap: 10px; } .grid-default .grid-holder.rb-c9 { display: grid; grid-template-columns: auto auto auto auto auto auto auto auto auto; grid-gap: 10px; } .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; } .p-middle.p-highlight .p-gradient, .p-middle.p-overlay .p-gradient { padding-top: 0; padding-bottom: 0; background: none; } } @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 .block-inner > *:nth-last-child(1), .rb-tcol-2 .block-inner > *:nth-last-child(2), .rb-tcol-3 .block-inner > *:nth-last-child(1), .rb-tcol-3 .block-inner > *:nth-last-child(2), .rb-tcol-3 .block-inner > *:nth-last-child(3), .rb-tcol-4 .block-inner > *:nth-last-child(1), .rb-tcol-4 .block-inner > *:nth-last-child(2), .rb-tcol-4 .block-inner > *:nth-last-child(3), .rb-tcol-4 .block-inner > *:nth-last-child(4), .rb-tcol-5 .block-inner > *:nth-last-child(1), .rb-tcol-5 .block-inner > *:nth-last-child(2), .rb-tcol-5 .block-inner > *:nth-last-child(3), .rb-tcol-5 .block-inner > *:nth-last-child(4), .rb-tcol-5 .block-inner > *:nth-last-child(5), .rb-tcol-6 .block-inner > *:nth-last-child(1), .rb-tcol-6 .block-inner > *:nth-last-child(2), .rb-tcol-6 .block-inner > *:nth-last-child(3), .rb-tcol-6 .block-inner > *:nth-last-child(4), .rb-tcol-6 .block-inner > *:nth-last-child(5), .rb-tcol-6 .block-inner > *:nth-last-child(6) { margin-bottom: 0; } .rb-tcol-2.no-last-bb .block-inner > *:nth-last-child(1), .rb-tcol-2.no-last-bb .block-inner > *:nth-last-child(2), .rb-tcol-3.no-last-bb .block-inner > *:nth-last-child(1), .rb-tcol-3.no-last-bb .block-inner > *:nth-last-child(2), .rb-tcol-3.no-last-bb .block-inner > *:nth-last-child(3), .rb-tcol-4.no-last-bb .block-inner > *:nth-last-child(1), .rb-tcol-4.no-last-bb .block-inner > *:nth-last-child(2), .rb-tcol-4.no-last-bb .block-inner > *:nth-last-child(3), .rb-tcol-4.no-last-bb .block-inner > *:nth-last-child(4), .rb-tcol-5.no-last-bb .block-inner > *:nth-last-child(1), .rb-tcol-5.no-last-bb .block-inner > *:nth-last-child(2), .rb-tcol-5.no-last-bb .block-inner > *:nth-last-child(3), .rb-tcol-5.no-last-bb .block-inner > *:nth-last-child(4), .rb-tcol-5.no-last-bb .block-inner > *:nth-last-child(5), .rb-tcol-6.no-last-bb .block-inner > *:nth-last-child(1), .rb-tcol-6.no-last-bb .block-inner > *:nth-last-child(2), .rb-tcol-6.no-last-bb .block-inner > *:nth-last-child(3), .rb-tcol-6.no-last-bb .block-inner > *:nth-last-child(4), .rb-tcol-6.no-last-bb .block-inner > *:nth-last-child(5), .rb-tcol-6.no-last-bb .block-inner > *:nth-last-child(6) { 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-left: none; } .is-sidebar { max-width: 420px; margin-right: auto; margin-left: auto; } body .tablet-hide, body .tablet-hide + .spacing { display: none; } .meta-el:not(.tablet-hide) + .meta-el:not(.tablet-hide):before { display: inline-flex; width: 3px; height: 3px; margin-right: .6em; margin-left: .6em; content: ''; opacity: .5; border-radius: 100%; background-color: currentColor; } } @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; } .without-sidebar .grid-container > * { flex: 0 0 100%; width: 100%; } .single-time-read > *, .t-shared-header span { font-size: 1.15em; } body .s-cats.custom-size .p-category { font-size: var(--single-category-fsize); } } /** desktop */ @media (min-width: 1025px) { .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-left: none; } .header-transparent { position: absolute; z-index: 100; top: 0; right: 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 > *, 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 .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 .navbar-inner .logo-transparent { display: none; } body:not(.sticky-on) .header-transparent .logo-default { display: none; } body:not(.sticky-on) .navbar-inner .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-bottom.format-size-big .p-format { padding: 10px 10px 7px 7px; } .format-style-bottom.format-size-big .p-format i { font-size: 24px; } .format-style-bottom.format-size-big .p-format .gallery-count { top: 5px; left: 5px; } .format-style-top.format-size-big .p-format i { font-size: 30px; } .format-style-center.format-size-big .post-format { font-size: 60px; } .format-style-top.format-size-big .gallery-count { font-size: 1rem; padding: 5px; } .hrc-3 .p-link { padding-bottom: 3px; } .block-hrc .p-wrap:first-child, .hrc-3 .sub-section { --bottom-spacing: 25px; } .rb-col-6 .cbox-featured { margin-bottom: 10px; } .p-meta.has-avatar { padding-top: 2px; } .meta-avatar { margin-left: 7px; } .p-link { padding-top: 5px; } .admin-bar .reading-indicator { top: 32px; } .s-feat-outer { margin-bottom: 40px; } .breadcrumb-absolute { padding: 10px 20px; } .s-hl-heading.h1 { font-size: 3.5rem; top: -15px; } .single-standard-1 .single-header { padding-top: 20px; padding-bottom: 10px; } .single-standard-1 .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-5 .single-header { padding-bottom: 40px; } .single-embed-2 .embed-audio .embed-holder, .single-embed-3 .embed-audio .embed-holder, .single-embed-4 .embed-audio .embed-holder { padding-bottom: 20%; } .single-embed-4 .single-header { margin-bottom: 40px; } .single-header-content { padding-right: 30px; padding-left: 30px; } .s-title, .s-tagline, .s-breadcrumb { margin-bottom: 20px; } .spon-qview { padding: 7px 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; } .category-header-2 .block-qlinks { padding-top: 5px; } .blog-wrap { margin-top: 50px; margin-bottom: 50px; } .blog-wrap .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-top { padding-bottom: 3px; } .ecat-bg-1.ecat-size-big .feat-holder .p-top { padding-bottom: 0; } .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 { font-size: 1.15em; padding: 8px 16px; } .ecat-bg-4.ecat-size-big .p-category { font-size: 1.15em; } .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:before { display: inline-flex; width: 3px; height: 3px; margin-right: .6em; margin-left: .6em; content: ''; opacity: .5; border-radius: 100%; background-color: currentColor; } .bookmark-section-header-image { flex-shrink: 0; height: 45px; } .empty-saved { margin-top: 30px; margin-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: 20px 5px 20px 20px; } .search-header-form .search-form-icon, .page404-inner .search-form-icon { padding-right: 15px; padding-left: 15px; } .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 { margin-bottom: 40px; padding-top: 40px; } .page-header-2 { margin-bottom: 40px; padding-top: 100px; padding-bottom: 100px; } .page-header-2 .s-title { margin-bottom: 15px; } .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; display: -webkit-flex; } .sticky-sidebar .sidebar-inner { position: -webkit-sticky; position: sticky; top: 12px; padding-bottom: 12px; -webkit-transition: all .3s ease; transition: all .3s ease; will-change: top; } .admin-bar .sticky-sidebar .sidebar-inner, .admin-bar .l-shared-sec, .admin-bar .rb-sticky > * { top: 44px; } .sticky-on .sticky-sidebar .sidebar-inner, .sticky-on .l-shared-sec, .sticky-on .rb-sticky > * { top: calc(var(--nav-height) + 12px); } .sticky-on.admin-bar .sticky-sidebar .sidebar-inner, .sticky-on.admin-bar .l-shared-sec, .sticky-on.admin-bar .rb-sticky > * { 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 left, 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-left: 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%; } .p-big, .block-big .pagination-wrap { --el-spacing: 15px; --bottom-spacing: 40px; } .p-classic .feat-holder { margin-bottom: calc(var(--el-spacing) + 3px); } body .p-classic .meta-avatar img { width: 26px; height: 26px; } .single-post-outer.has-continue-reading .s-ct { height: 1200px; max-height: 1200px; } .rec-section { padding-top: 10px; padding-bottom: 10px; } .newsletter-form input { font-size: var(--rem-small); padding-top: 15px; padding-bottom: 15px; } .newsletter-box-2 .newsletter-inner > *:not(:last-child):not(.newsletter-featured) { margin-bottom: 30px; } .section-empty-inner .page-title { margin-bottom: 20px; padding-bottom: 20px; } .rbbsl a:nth-child(2) { padding: 0 15px; } .rbbsl a:nth-child(2) > span { display: inline-flex; } .category-hero-item:first-child:not(:last-child) { margin-bottom: 15px; margin-left: 15px; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { width: 50%; } .interest-content { margin-bottom: 50px; } .footer-quote { max-width: 240px; } .rb-col-2 .block-inner > *:nth-last-child(1), .rb-col-2 .block-inner > *:nth-last-child(2), .rb-col-3 .block-inner > *:nth-last-child(1), .rb-col-3 .block-inner > *:nth-last-child(2), .rb-col-3 .block-inner > *:nth-last-child(3), .rb-col-4 .block-inner > *:nth-last-child(1), .rb-col-4 .block-inner > *:nth-last-child(2), .rb-col-4 .block-inner > *:nth-last-child(3), .rb-col-4 .block-inner > *:nth-last-child(4), .rb-col-5 .block-inner > *:nth-last-child(1), .rb-col-5 .block-inner > *:nth-last-child(2), .rb-col-5 .block-inner > *:nth-last-child(3), .rb-col-5 .block-inner > *:nth-last-child(4), .rb-col-5 .block-inner > *:nth-last-child(5), .rb-col-6 .block-inner > *:nth-last-child(1), .rb-col-6 .block-inner > *:nth-last-child(2), .rb-col-6 .block-inner > *:nth-last-child(3), .rb-col-6 .block-inner > *:nth-last-child(4), .rb-col-6 .block-inner > *:nth-last-child(5), .rb-col-6 .block-inner > *:nth-last-child(6), .rb-col-7 .block-inner > *:nth-last-child(1), .rb-col-7 .block-inner > *:nth-last-child(2), .rb-col-7 .block-inner > *:nth-last-child(3), .rb-col-7 .block-inner > *:nth-last-child(4), .rb-col-7 .block-inner > *:nth-last-child(5), .rb-col-7 .block-inner > *:nth-last-child(6), .rb-col-7 .block-inner > *:nth-last-child(7) { margin-bottom: 0; } .rb-col-2.no-last-bb .block-inner > *:nth-last-child(1), .rb-col-2.no-last-bb .block-inner > *:nth-last-child(2), .rb-col-3.no-last-bb .block-inner > *:nth-last-child(1), .rb-col-3.no-last-bb .block-inner > *:nth-last-child(2), .rb-col-3.no-last-bb .block-inner > *:nth-last-child(3), .rb-col-4.no-last-bb .block-inner > *:nth-last-child(1), .rb-col-4.no-last-bb .block-inner > *:nth-last-child(2), .rb-col-4.no-last-bb .block-inner > *:nth-last-child(3), .rb-col-4.no-last-bb .block-inner > *:nth-last-child(4), .rb-col-5.no-last-bb .block-inner > *:nth-last-child(1), .rb-col-5.no-last-bb .block-inner > *:nth-last-child(2), .rb-col-5.no-last-bb .block-inner > *:nth-last-child(3), .rb-col-5.no-last-bb .block-inner > *:nth-last-child(4), .rb-col-5.no-last-bb .block-inner > *:nth-last-child(5), .rb-col-6.no-last-bb .block-inner > *:nth-last-child(1), .rb-col-6.no-last-bb .block-inner > *:nth-last-child(2), .rb-col-6.no-last-bb .block-inner > *:nth-last-child(3), .rb-col-6.no-last-bb .block-inner > *:nth-last-child(4), .rb-col-6.no-last-bb .block-inner > *:nth-last-child(5), .rb-col-6.no-last-bb .block-inner > *:nth-last-child(6), .rb-col-7.no-last-bb .block-inner > *:nth-last-child(1), .rb-col-7.no-last-bb .block-inner > *:nth-last-child(2), .rb-col-7.no-last-bb .block-inner > *:nth-last-child(3), .rb-col-7.no-last-bb .block-inner > *:nth-last-child(4), .rb-col-7.no-last-bb .block-inner > *:nth-last-child(5), .rb-col-7.no-last-bb .block-inner > *:nth-last-child(6), .rb-col-7.no-last-bb .block-inner > *:nth-last-child(7) { padding-bottom: 0; --bottom-border-color: transparent; } } @media (max-width: 1024px) { :root { --h1-fsize: 34px; --h2-fsize: 24px; --h3-fsize: 20px; --headline-fsize: 34px; --bottom-spacing: 30px; } .site-outer { overflow-x: hidden; } .none-mobile-sb .single-sidebar, .navbar-wrap, .header-template-inner { display: none; } .header-mobile { display: flex; flex-flow: column nowrap; max-height: 100vh; } .notification-popup { width: 100vw; max-width: 100vw; } .is-mstick .navbar-outer { min-height: var(--mbnav-height, 42px); } .is-mstick .has-quick-menu .navbar-outer { min-height: calc(var(--mbnav-height, 42px) + 42px); } .privacy-bar.privacy-left { bottom: 10px; left: 20px; width: auto; } .qlink a { white-space: nowrap; } .qlinks-content { overflow: hidden; } .qlinks-content ul { overflow-x: auto; flex-flow: row nowrap; scrollbar-width: none; -ms-overflow-style: none; } .qlinks-content ul::-webkit-scrollbar { width: 0; height: 0; } .plist-items { height: 300px; } .plist-holder { padding-top: 70px; } .sidebar-inner { max-width: 370px; margin-top: 40px; margin-right: auto; margin-left: auto; } .single-post .sidebar-inner { margin-top: 15px; } .logo-wrap img.logo-transparent, .logo-sec { display: none; } } /** 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 > *:first-child { padding-top: 40px; } .w-sidebar { margin-bottom: 40px; } .single-meta { flex-flow: column-reverse nowrap; } .single-meta > * { width: 100%; } .smeta-extra { margin-top: 2px; margin-bottom: 17px; padding: 4px 12px; border-radius: var(--round-5); background-color: var(--flex-gray-7); } .t-shared-sec .share-action, .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: 60%; } .single-header-columns { flex-flow: row wrap; } .single-standard-6 .s-feat-outer { flex: 0 0 100%; } .single-header-left { flex: 0 0 100%; padding-top: 20px; padding-bottom: 10px; } .featured-vertical { padding-bottom: 66.67%; border-radius: var(--round-5); } .burger-icon { color: var(--mbnav-color, var(--nav-color)); } } /** mobile */ @media (max-width: 767px) { :root { --body-fsize: 15px; --h1-fsize: 26px; --headline-fsize: 26px; --h2-fsize: 21px; --h3-fsize: 17px; --h4-fsize: 15px; --h5-fsize: 14px; --h6-fsize: 14px; --cat-fsize: 10px; --meta-fsize: 12px; --eauthor-fsize: 12px; --bcrumb-fsize: 11px; --rem-mini: .7rem; --btn-fsize: 11px; --height-34: 28px; --height-40: 34px; --padding-40: 0 20px; --h1-fheight: 1.3; --h2-fheight: 1.3; --h3-fheight: 1.4; --dwidgets-fsize: 12px; --tagline-fsize: 17px; --tagline-s-fsize: 17px; --excerpt-fsize: 13px; --el-spacing: 10px; } .col-border.rb-mcol-2 .block-inner > *:nth-child(2n+1):after { position: absolute; top: 0; right: auto; bottom: 0; left: 0; width: 1px; height: 100%; content: ''; pointer-events: none; border-left: 1px var(--column-border-style, solid) var(--column-border-color); } .meta-el:not(.mobile-hide) + .meta-el:not(.mobile-hide):before { display: inline-flex; width: 3px; height: 3px; margin-right: .6em; margin-left: .6em; content: ''; opacity: .5; border-radius: 100%; background-color: currentColor; } .p-overlay { --bottom-spacing: 10px; } 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, body .mobile-hide + .spacing, .review-meta-inner .extra-meta, .sponsor-label { display: none; } .ecat-bg-1 .p-category, .ecat-bg-2 .p-category { padding: 5px 10px; } .rstar-bg { background-image: -webkit-linear-gradient(right, var(--review-color) 93.75%, transparent 6.25%); background-image: linear-gradient(to left, var(--review-color) 93.75%, transparent 6.25%); background-size: 16px 15px; } span.rstar { width: 15px; height: 15px; } .rstar i { font-size: 11px; } .rline { width: 15px; height: 5px; } body .meta-avatar img { width: 20px; height: 20px; } .block-list-small-1 .scroll-holder { max-height: none; } .hrc-3 .overlay-wrap, .overlay-1 .overlay-wrap { position: relative; overflow: visible; } .p-highlight.ecat-bg-1 .overlay-inner, .p-highlight.ecat-bg-2 .overlay-inner, .p-highlight.ecat-bg-3 .overlay-inner { padding-top: 0; } .p-highlight.ecat-bg-1 .p-top, .p-highlight.ecat-bg-2 .p-top, .p-highlight.ecat-bg-3 .p-top { margin-top: -1em; } .post-slider .slider-prev, .post-slider .slider-next { font-size: 1.25rem; width: 40px; height: 40px; } .hrc-3 .p-highlight { border-radius: 0; } .hrc-3 .ratio-v1 { padding-bottom: 66.67%; } .collapse-footer-menu .menu-item a > span { font-size: var(--em-small); } .rb-user-popup-form { max-width: 90%; } .logo-popup-outer { padding: 20px; } .p-grid-small-1 { display: flex; align-items: flex-start; flex-flow: row-reverse nowrap; width: 100%; --bottom-spacing: 25px; } .p-grid-small-1.m-featured-left { flex-flow: row nowrap; } .p-content { flex-grow: 1; } .list-box .p-featured { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .list-box .p-content { margin: 0 var(--box-spacing) var(--box-spacing); } .list-box .feat-holder .p-top { padding-right: var(--box-spacing) } .list-box .entry-format-absolute.format-style-bottom .p-format { background-color: var(--box-color, var(--solid-light)); } [data-theme='dark'] .list-box .entry-format-absolute.format-style-bottom .p-format, .light-scheme .list-box .entry-format-absolute.format-style-bottom .p-format { background-color: var(--dark-box-color, var(--solid-light)); } .p-grid-small-1 .feat-holder { flex-shrink: 0; width: 135px; margin-right: 20px; margin-bottom: 0; } .p-grid-small-1.m-featured-left .feat-holder { margin-right: 0; margin-left: 20px; } .follow-button { font-size: 11px; } .page404-featured img { max-height: 200px; } .page404-description, .taxonomy-description { font-size: var(--rem-small); } .search-form input[type='search'] { padding: 10px 5px 10px 10px; } .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-right: 0; margin-bottom: 12px; } .smeta-in > .meta-avatar { margin-left: 10px; } .smeta-in > .meta-avatar img { width: 42px; } .l-shared-sec-outer { display: none; } .single-header-content { padding: 0 15px; } .has-lsl .e-ct-outer, body .has-lsl .e-ct-outer { width: 100%; max-width: 100%; } .e-shared-header span { display: none; } .rbbsl { font-size: 14px; } .rbbsl > * { margin-left: 7px; padding: 0 15px; } .entry-sec { padding-top: 27px; padding-bottom: 25px; } .user-rating svg { width: 1em; } .review-feat { width: 70px; } .single-standard-7 .single-header { padding-top: 15px; } .single-standard-8 .grid-container { margin-top: 15px; } .feat-caption .caption-text:before { width: 30px; margin-left: 10px; } .attribution { padding-right: 0; } .review-content { padding: 15px; } .review-footer { margin-right: 20px; margin-left: 20px; } .pros-cons .inner > * { flex: 0 0 100%; justify-content: flex-start; width: 100%; } .pros-cons .inner > *:first-child { margin-bottom: 20px; } .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: 100px; margin-right: 15px; } .p-grid-small-1 .p-content { flex-grow: 1; } .cbox { --bottom-spacing: 10px; } .cbox-inner { display: flex; align-items: stretch; flex-flow: row nowrap; } .cbox-featured { flex-shrink: 0; width: 90px; padding-bottom: 0; } .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-right: 15px; } .embed-audio .embed-holder { padding-bottom: 50%; } .format-gallery-coverflow .swiper-pagination { margin-top: 10px; } .page-selected { position: static; } .page-selected-outer { position: relative; border-right: 5px solid var(--g-color); border-radius: var(--round-5); } .page-selected-list { right: 0; left: 0; } .page-selected-title { display: none; } .newsletter-form { flex: 0 0 100%; max-width: 100%; margin-top: 20px; } .newsletter-featured { flex: 0 0 25%; max-width: 25%; padding-left: 0; } .newsletter-content { flex: 0 0 75%; max-width: 75%; } .footer-wrap:after { display: none; } .p-grid-small-1 .p-format { font-size: 16px; } .p-list-2.ecat-bg-1 .p-top, .p-list-2.ecat-bg-2 .p-top, .p-list-2.ecat-bg-3 .p-top { margin-top: calc(-2px - var(--el-spacing) - 1em); padding-right: 7px; } .current-slider-info .h4 { font-size: 9px; } span.current-slider-count { font-size: 1.5em; } .entry-sec:before, .review-footer > *:not(.review-action):before, .mobile-collapse-sections:before { height: 2px; } h1.search-title { font-size: var(--h2-fsize); } .search-subtitle { font-size: var(--rem-small); margin-top: 5px; } .bookmark-info { bottom: 20px; } .ubio-inner { flex-flow: column nowrap; justify-content: center; text-align: center; } .ubio-inner { flex-flow: column nowrap; justify-content: center; text-align: center; } .bio-avatar { width: 80px; height: 80px; margin-bottom: 12px; margin-left: 0; } .bio-count-posts { display: none; } .bio-description { font-size: var(--em-mini); } .bio-content .usocials { justify-content: center; padding-top: 3px; } .breaking-news-heading { margin-left: 3px; padding: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .breaking-news-heading span { display: none; } .newsletter-description { font-size: var(--rem-mini); } .qlinks-heading > span { display: none; } .newsletter-inner { padding-right: 0; padding-left: 0; } .rb-mcol-2 .block-inner > *:nth-last-child(1), .rb-mcol-2 .block-inner > *:nth-last-child(2), .rb-mcol-3 .block-inner > *:nth-last-child(1), .rb-mcol-3 .block-inner > *:nth-last-child(2), .rb-mcol-3 .block-inner > *:nth-last-child(3) { margin-bottom: 0; } .rb-mcol-2.no-last-bb .block-inner > *:nth-last-child(1), .rb-mcol-2.no-last-bb .block-inner > *:nth-last-child(2), .rb-mcol-3.no-last-bb .block-inner > *:nth-last-child(1), .rb-mcol-3.no-last-bb .block-inner > *:nth-last-child(2), .rb-mcol-3.no-last-bb .block-inner > *:nth-last-child(3) { padding-bottom: 0; --bottom-border-color: transparent; } .wp-block-pullquote { padding: 1.5em 0; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { float: none; max-width: 100%; margin-right: 0; margin-left: 0; } .wp-block-pullquote p { font-size: 1.15em; } .widget_rss cite:before, .wp-block-quote cite:before, .wp-block-pullquote cite:before { width: 20px; } .rbct .wp-block-pullquote cite { font-size: var(--rem-mini); } .newsletter-icon svg { width: 40px; } .e-pagi.mobile-hide { display: none; } .e-pagi img { display: none; } .e-pagi span.p-url { font-size: var(--em-small); } .e-pagi { margin-right: -10px; margin-left: -10px; } .e-pagi .nav-el { padding-right: 10px; padding-left: 10px; } .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 .nav-label { margin-bottom: 7px; } .top-site-ad:not(.no-spacing) { padding-top: 10px; padding-bottom: 10px; } .author-avatar { width: 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-template-columns: auto auto auto; grid-gap: 5px; } .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; } .is-style-15 .social-follower, .is-style-14 .social-follower, .is-style-8 .social-follower, .is-style-7 .social-follower, .is-style-6 .social-follower, .is-style-5 .social-follower, .is-style-4 .social-follower, .is-style-3 .social-follower, .is-style-15 .social-follower, .is-style-14 { margin: -3px; } .is-style-9 .social-follower, .is-style-2 .social-follower, .is-style-1 { margin: -5px; } .is-style-9 .follower-inner, .is-style-2 .follower-inner, .is-style-1 .follower-inner { margin: 5px; } .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 { margin: 3px; padding: 12px 5px 10px 5px; } .is-style-10 .follower-el, .is-style-11 .follower-el { margin-bottom: 10px; } .is-style-12 .follower-el, .is-style-13 .follower-el { margin-bottom: 7px; } .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); } } @media all { .p-content > *:last-child, .block-inner > *:last-child, .rb-col-1 .block-inner > *:last-child { margin-bottom: 0; } }