Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- -----------------
- >>> TABLE OF CONTENTS:
- 1 - CSS Variables
- 2 - General
- 3 - Icon Fonts
- 4 - Swiper Slider
- 5 - Header
- 6 - Post Entry
- 7 - Post Modules
- 8 - Blocks
- 9 - Single
- 10 - Archives
- 11 - Pages
- 12 - Footer
- 13 - Responsive
- 14 - Print
- -----------------
- */
- /*
- -----------------
- 1 - CSS Variables
- -----------------
- */
- :root {
- --effect: all .25s cubic-bezier(0.32, 0.74, 0.57, 1);
- --timing: cubic-bezier(0.32, 0.74, 0.57, 1);
- --shadow-12: #0000001f;
- --shadow-20: #00000005;
- --round-3: 3px;
- --height-34: 34px;
- --height-40: 40px;
- --padding-40: 0 40px;
- --round-5: 5px;
- --round-7: 7px;
- --shadow-7: #00000012;
- --dark-accent: #191c20;
- --dark-accent-0: #191c2000;
- --dark-accent-90: #191c20f2;
- --meta-b-family: var(--meta-family);
- --meta-b-fcolor: #282828;
- --meta-b-fspace: normal;
- --meta-b-fstyle: normal;
- --meta-b-fweight: 600;
- --meta-b-transform: none;
- --nav-bg: #ffffff;
- --subnav-bg: #ffffff;
- --indicator-bg-from: #ff0084;
- --nav-bg-from: #ffffff;
- --subnav-bg-from: #ffffff;
- --indicator-bg-to: #2c2cf8;
- --nav-bg-to: #ffffff;
- --subnav-bg-to: #ffffff;
- --bottom-border-color: var(--flex-gray-15);
- --column-border-color: var(--flex-gray-15);
- --audio-color: #ffa052;
- --dribbble-color: #fb70a6;
- --excerpt-color: #666666;
- --fb-color: #89abfc;
- --g-color: #ff184e;
- --gallery-color: #729dff;
- --heading-color: var(--body-fcolor);
- --ig-color: #7e40b6;
- --linkedin-color: #007bb6;
- --nav-color: #282828;
- --pin-color: #f74c53;
- --flipboard-color: #f52828;
- --privacy-color: #ffffff;
- --review-color: #ffc300;
- --soundcloud-color: #fd794a;
- --subnav-color: #282828;
- --telegam-color: #649fdf;
- --twitter-color: #60d2f5;
- --video-color: #ffc300;
- --vimeo-color: #44bbe1;
- --ytube-color: #ef464b;
- --nav-color-10: #28282820;
- --subnav-color-10: #28282820;
- --g-color-90: #ff184ee6;
- --absolute-dark: #242424;
- --body-family: 'Oxygen', sans-serif;
- --btn-family: 'Encode Sans Condensed', sans-serif;
- --cat-family: 'Oxygen', sans-serif;
- --dwidgets-family: 'Oxygen', sans-serif;
- --h1-family: 'Encode Sans Condensed', sans-serif;
- --h2-family: 'Encode Sans Condensed', sans-serif;
- --h3-family: 'Encode Sans Condensed', sans-serif;
- --h4-family: 'Encode Sans Condensed', sans-serif;
- --h5-family: 'Encode Sans Condensed', sans-serif;
- --h6-family: 'Encode Sans Condensed', sans-serif;
- --input-family: 'Encode Sans Condensed', sans-serif;
- --menu-family: 'Encode Sans Condensed', sans-serif;
- --meta-family: 'Encode Sans Condensed', sans-serif;
- --submenu-family: 'Encode Sans Condensed', sans-serif;
- --tagline-family: 'Encode Sans Condensed', sans-serif;
- --body-fcolor: #282828;
- --btn-fcolor: inherit;
- --h1-fcolor: inherit;
- --h2-fcolor: inherit;
- --h3-fcolor: inherit;
- --h4-fcolor: inherit;
- --h5-fcolor: inherit;
- --h6-fcolor: inherit;
- --input-fcolor: inherit;
- --meta-fcolor: #666666;
- --tagline-fcolor: inherit;
- --body-fsize: 16px;
- --btn-fsize: 12px;
- --cat-fsize: 10px;
- --dwidgets-fsize: 13px;
- --excerpt-fsize: 14px;
- --h1-fsize: 40px;
- --h2-fsize: 28px;
- --h3-fsize: 22px;
- --h4-fsize: 16px;
- --h5-fsize: 14px;
- --h6-fsize: 13px;
- --headline-fsize: 45px;
- --input-fsize: 14px;
- --menu-fsize: 17px;
- --meta-fsize: 13px;
- --submenu-fsize: 13px;
- --tagline-fsize: 28px;
- --body-fspace: normal;
- --btn-fspace: normal;
- --cat-fspace: .07em;
- --dwidgets-fspace: 0;
- --h1-fspace: normal;
- --h2-fspace: normal;
- --h3-fspace: normal;
- --h4-fspace: normal;
- --h5-fspace: normal;
- --h6-fspace: normal;
- --input-fspace: normal;
- --menu-fspace: -.02em;
- --meta-fspace: normal;
- --submenu-fspace: -.02em;
- --tagline-fspace: normal;
- --body-fstyle: normal;
- --btn-fstyle: normal;
- --cat-fstyle: normal;
- --dwidgets-fstyle: normal;
- --h1-fstyle: normal;
- --h2-fstyle: normal;
- --h3-fstyle: normal;
- --h4-fstyle: normal;
- --h5-fstyle: normal;
- --h6-fstyle: normal;
- --input-fstyle: normal;
- --menu-fstyle: normal;
- --meta-fstyle: normal;
- --submenu-fstyle: normal;
- --tagline-fstyle: normal;
- --body-fweight: 400;
- --btn-fweight: 700;
- --cat-fweight: 700;
- --dwidgets-fweight: 600;
- --h1-fweight: 700;
- --h2-fweight: 700;
- --h3-fweight: 700;
- --h4-fweight: 700;
- --h5-fweight: 700;
- --h6-fweight: 600;
- --input-fweight: 400;
- --menu-fweight: 600;
- --meta-fweight: 400;
- --submenu-fweight: 500;
- --tagline-fweight: 400;
- --flex-gray-15: #88888826;
- --flex-gray-20: #88888833;
- --flex-gray-40: #88888866;
- --flex-gray-7: #88888812;
- --dribbble-hcolor: #ff407f;
- --fb-hcolor: #1f82ec;
- --ig-hcolor: #8823b6;
- --linkedin-hcolor: #006ab1;
- --pin-hcolor: #f60c19;
- --flipboard-hcolor: #e00a0a;
- --soundcloud-hcolor: #ff5313;
- --telegam-hcolor: #3885d9;
- --twitter-hcolor: #13b9ee;
- --vimeo-hcolor: #16b1e3;
- --ytube-hcolor: #fc161e;
- --indicator-height: 4px;
- --nav-height: 60px;
- --absolute-light: #dddddd;
- --solid-light: #fafafa;
- --em-mini: .8em;
- --rem-mini: .8rem;
- --transparent-nav-color: #ffffff;
- --swiper-navigation-size: 44px;
- --tagline-s-fsize: 22px;
- --em-small: .92em;
- --rem-small: .92rem;
- --bottom-spacing: 35px;
- --box-spacing: 5%;
- --el-spacing: 12px;
- --heading-sub-color: var(--g-color);
- --body-transform: none;
- --btn-transform: none;
- --cat-transform: uppercase;
- --dwidgets-transform: none;
- --h1-transform: none;
- --h2-transform: none;
- --h3-transform: none;
- --h4-transform: none;
- --h5-transform: none;
- --h6-transform: none;
- --input-transform: none;
- --menu-transform: none;
- --meta-transform: none;
- --submenu-transform: none;
- --tagline-transform: none;
- --awhite: #ffffff;
- --solid-white: #ffffff;
- --max-width-wo-sb: 100%;
- --bookmark-color: #62b088;
- --bookmark-color-90: #62b088f2;
- }
- [data-theme='dark'], .light-scheme {
- --shadow-12: #00000066;
- --shadow-20: #00000033;
- --shadow-7: #0000004d;
- --dark-accent: #0e0f12;
- --dark-accent-0: #0e0f1200;
- --dark-accent-90: #0e0f12f2;
- --meta-b-fcolor: #ffffff;
- --nav-bg: #131518;
- --subnav-bg: #191c20;
- --nav-bg-from: #131518;
- --subnav-bg-from: #191c20;
- --nav-bg-to: #131518;
- --subnav-bg-to: #191c20;
- --bcrumb-color: #ffffff;
- --excerpt-color: #dddddd;
- --heading-color: var(--body-fcolor);
- --nav-color: #ffffff;
- --subnav-color: #ffffff;
- --nav-color-10: #ffffff15;
- --subnav-color-10: #ffffff15;
- --body-fcolor: #ffffff;
- --h1-fcolor: #ffffff;
- --h2-fcolor: #ffffff;
- --h3-fcolor: #ffffff;
- --h4-fcolor: #ffffff;
- --h5-fcolor: #ffffff;
- --h6-fcolor: #ffffff;
- --headline-fcolor: #ffffff;
- --input-fcolor: #ffffff;
- --meta-fcolor: #bbbbbb;
- --tagline-fcolor: #ffffff;
- --flex-gray-15: #88888840;
- --flex-gray-7: #88888818;
- --solid-light: #333333;
- --heading-sub-color: var(--g-color);
- --solid-white: #191c20;
- }
- 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 {
- -webkit-filter: invert(100%);
- filter: invert(100%);
- }
- .dark-opacity[data-theme='dark'] .p-featured {
- background-color: #000000;
- }
- .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;
- -ms-text-size-adjust: 100%;
- -webkit-text-size-adjust: 100%;
- text-size-adjust: 100%;
- }
- body {
- font-family: var(--body-family);
- font-size: var(--body-fsize);
- font-weight: var(--body-fweight);
- font-style: var(--body-fstyle);
- line-height: 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 {
- /*rtl:ignore*/
- direction: rtl;
- }
- * {
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- }
- :before, :after {
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box
- }
- .site {
- position: relative;
- display: block;
- }
- .site * {
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- text-rendering: optimizeLegibility;
- }
- .site-outer {
- position: relative;
- display: block;
- max-width: 100%;
- background-color: var(--solid-white);
- }
- .top-spacing .site-outer {
- -webkit-transition: margin .5s var(--timing);
- transition: margin .5s var(--timing);
- }
- .site-wrap, .site-content {
- position: relative;
- display: block;
- margin: 0;
- padding: 0;
- }
- .site-wrap {
- z-index: 1;
- min-height: 45vh;
- }
- button, hr, input {
- overflow: visible
- }
- audio, canvas, progress, video {
- display: inline-block
- }
- progress, sub, sup {
- vertical-align: baseline
- }
- [type=checkbox], [type=radio], legend {
- box-sizing: border-box;
- padding: 0
- }
- [type=checkbox] {
- cursor: pointer;
- }
- acronym {
- cursor: help
- }
- .rbct ins {
- text-decoration: none;
- background-color: var(--flex-gray-15);
- }
- figure {
- display: block;
- margin: 0;
- }
- 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 {
- margin: 0 5px;
- padding: 5px 7px;
- border-radius: var(--round-5);
- background-color: var(--flex-gray-7);
- }
- code {
- font-family: Courier, monospace;
- padding: 5px;
- background-color: var(--flex-gray-7);
- }
- small {
- font-size: 80%
- }
- sub, sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- }
- sub {
- bottom: -.25em
- }
- sup {
- top: -.5em
- }
- audio:not([controls]) {
- display: none;
- height: 0
- }
- img {
- max-width: 100%;
- height: auto;
- vertical-align: middle;
- border-style: none;
- -webkit-object-fit: cover;
- 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;
- clip-path: inset(50%);
- -webkitcolorip-path: inset(50%);
- }
- select {
- line-height: 24px;
- position: relative;
- max-width: 100%;
- padding: 10px 20px 10px;
- border-color: var(--flex-gray-15);
- border-radius: var(--round-5);
- outline: none !important;
- background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="gray" d="M12 15a1 1 0 0 1-.707-.293l-3-3a1 1 0 0 1 1.414-1.414L12 12.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-3 3A1 1 0 0 1 12 15z"/></svg>') no-repeat right 5px top 50%;
- background-size: 22px;
- -moz-appearance: none;
- -webkit-appearance: none;
- appearance: none;
- }
- select option {
- background-color: var(--solid-white);
- }
- [type=reset], [type=submit], button, html [type=button] {
- -webkit-appearance: button;
- }
- [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
- padding: 0;
- border-style: none;
- }
- [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
- outline: ButtonText dotted 1px;
- }
- :-webkit-autofill {
- -webkit-box-shadow: 0 0 0 30px #fafafa inset;
- }
- fieldset {
- padding: 0;
- }
- legend {
- font-weight: 700;
- display: table;
- max-width: 100%;
- white-space: normal;
- color: inherit;
- }
- [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
- height: auto;
- }
- [type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration {
- -webkit-appearance: none
- }
- ::-webkit-file-upload-button {
- font: inherit;
- -webkit-appearance: button;
- }
- summary {
- display: list-item
- }
- [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;
- }
- input:disabled, select:disabled, textarea:disabled {
- opacity: .5;
- background-color: #ffcb3330;
- }
- h1, .h1 {
- font-family: var(--h1-family);
- font-size: var(--h1-fsize);
- font-weight: var(--h1-fweight);
- font-style: var(--h1-fstyle);
- line-height: var(--h1-fheight, 1.2);
- letter-spacing: var(--h1-fspace);
- text-transform: var(--h1-transform);
- }
- h1 {
- color: var(--h1-fcolor);
- }
- h2, .h2 {
- font-family: var(--h2-family);
- font-size: var(--h2-fsize);
- font-weight: var(--h2-fweight);
- font-style: var(--h2-fstyle);
- line-height: var(--h2-fheight, 1.25);
- letter-spacing: var(--h2-fspace);
- text-transform: var(--h2-transform);
- }
- h2 {
- color: var(--h2-fcolor);
- }
- h3, .h3 {
- font-family: var(--h3-family);
- font-size: var(--h3-fsize);
- font-weight: var(--h3-fweight);
- font-style: var(--h3-fstyle);
- line-height: var(--h3-fheight, 1.3);
- letter-spacing: var(--h3-fspace);
- text-transform: var(--h3-transform);
- }
- h3 {
- color: var(--h3-fcolor);
- }
- h4, .h4 {
- font-family: var(--h4-family);
- font-size: var(--h4-fsize);
- font-weight: var(--h4-fweight);
- font-style: var(--h4-fstyle);
- line-height: var(--h4-fheight, 1.45);
- letter-spacing: var(--h4-fspace);
- text-transform: var(--h4-transform);
- }
- h4 {
- color: var(--h4-fcolor);
- }
- .h5, h5 {
- font-family: var(--h5-family);
- font-size: var(--h5-fsize);
- font-weight: var(--h5-fweight);
- font-style: var(--h5-fstyle);
- line-height: var(--h5-fheight, 1.5);
- letter-spacing: var(--h5-fspace);
- text-transform: var(--h5-transform);
- }
- h5 {
- color: var(--h5-fcolor);
- }
- h6, .h6 {
- font-family: var(--h6-family);
- font-size: var(--h6-fsize);
- font-weight: var(--h6-fweight);
- font-style: var(--h6-fstyle);
- line-height: var(--h6-fheight, 1.5);
- letter-spacing: var(--h6-fspace);
- text-transform: var(--h6-transform);
- }
- h6 {
- color: var(--h6-fcolor);
- }
- .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);
- }
- .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);
- }
- input[type='submit'], button, .button, .is-btn, a.show-post-comment, a.comment-reply-link, .pagination-wrap, .rbbsl a > span, .cta-buttons, .widget_block .wp-block-search [type='submit'] {
- 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-family: var(--excerpt-family, inherit);
- font-size: var(--excerpt-fsize);
- font-weight: var(--excerpt-fweight, inherit);
- font-style: var(--excerpt-fstyle, inherit);
- letter-spacing: var(--excerpt-fspace, inherit);
- text-transform: var(--excerpt-transform, inherit);
- color: var(--excerpt-color);
- column-count: var(--excerpt-columns, 1);
- column-gap: var(--excerpt-gap, 1.5em);
- }
- input[type='text'], input[type='tel'], input[type='password'], input[type='email'], input[type='url'], input[type='search'], input[type='number'] {
- line-height: 24px;
- max-width: 100%;
- padding: 12px 20px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- white-space: nowrap;
- border: var(--input-border, none);
- border-radius: var(--round-3);
- outline: none !important;
- background-color: var(--input-bg, var(--flex-gray-7));
- -webkit-box-shadow: none !important;
- box-shadow: none !important;
- }
- input[type='file'] {
- font-size: var(--rem-small);
- }
- input::file-selector-button {
- font-size: var(--em-small);
- padding: 8px 20px;
- cursor: pointer;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- color: var(--awhite);
- border: none;
- border-radius: var(--round-7);
- background-color: var(--g-color);
- }
- input:hover::file-selector-button {
- opacity: .7;
- }
- button {
- cursor: pointer;
- border: none;
- border-radius: var(--round-3);
- outline: none !important;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- input[type='submit'], .entry-content 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(--awhite);
- border: none;
- border-radius: var(--round-3);
- outline: none !important;
- background: var(--g-color);
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- textarea {
- font-size: var(--input-fsize) !important;
- display: block;
- overflow: auto;
- width: 100%;
- max-width: 100%;
- padding: 15px 20px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- border: var(--input-border, none);
- border-radius: var(--round-7);
- outline: none;
- background-color: var(--input-bg, var(--flex-gray-7));
- -webkit-box-shadow: none !important;
- box-shadow: none !important;
- }
- .rb-container, .rb-wide-container, .rb-small-container {
- position: static;
- display: block;
- width: 100%;
- max-width: var(--rb-width, 1280px);
- margin-right: auto;
- margin-left: auto;
- }
- .rb-wide-container {
- max-width: 1500px;
- }
- .rb-small-container {
- max-width: var(--rb-small-width, 860px);
- }
- .gutter-n20 {
- margin-right: -20px;
- margin-left: -20px;
- }
- .gutter-n15 {
- margin-right: -15px;
- margin-left: -15px;
- }
- .gutter-m20 {
- margin-right: 20px;
- margin-left: 20px;
- }
- .gutter-p20 {
- padding-right: 20px;
- padding-left: 20px;
- }
- .gutter-p15 {
- padding-right: 15px;
- padding-left: 15px;
- }
- .gutter-p10 {
- padding-right: 10px;
- padding-left: 10px;
- }
- .edge-padding {
- padding-right: 20px;
- padding-left: 20px;
- }
- .rb-section ul, .rb-section ol, .menu-item {
- 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;
- }
- .light-scheme {
- color: var(--body-fcolor);
- --pagi-bg: var(--solid-light);
- }
- input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
- transition: background-color 999999s ease-in-out 0s;
- }
- .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;
- }
- .p-gradient .overlay-inner {
- background: -webkit-gradient(linear, left top, left bottom, from(var(--dark-accent-0)), to(var(--dark-accent)));
- background: linear-gradient(to top, var(--dark-accent) 0, var(--dark-accent-90) 50%, var(--dark-accent-0) 100%);
- }
- .p-top-gradient .overlay-inner {
- background: -webkit-gradient(linear, left bottom, left 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%);
- }
- .block-inner {
- display: flex;
- flex-flow: row wrap;
- flex-grow: 1;
- row-gap: var(--bottom-spacing);
- }
- .is-gap-5 .block-inner {
- margin-right: -5px;
- margin-left: -5px;
- --column-gap: 5px;
- }
- .is-gap-7 .block-inner {
- margin-right: -7px;
- margin-left: -7px;
- --column-gap: 7px;
- }
- .is-gap-10 .block-inner {
- margin-right: -10px;
- margin-left: -10px;
- --column-gap: 10px;
- }
- .is-gap-15 .block-inner {
- margin-right: -15px;
- margin-left: -15px;
- --column-gap: 15px;
- }
- .is-gap-20 .block-inner {
- margin-right: -20px;
- margin-left: -20px;
- --column-gap: 20px;
- }
- .is-gap-25 .block-inner {
- margin-right: -25px;
- margin-left: -25px;
- --column-gap: 25px;
- }
- .is-gap-30 .block-inner {
- margin-right: -30px;
- margin-left: -30px;
- --column-gap: 30px;
- }
- .is-gap-35 .block-inner {
- margin-right: -35px;
- margin-left: -35px;
- --column-gap: 35px;
- }
- .block-inner > * {
- flex-basis: 100%;
- width: 100%;
- padding-right: var(--column-gap, 0);
- padding-left: var(--column-gap, 0);
- }
- [class*='is-gap-'] > .block-inner > * {
- padding-right: var(--column-gap, 0);
- padding-left: var(--column-gap, 0);
- }
- /** colors */
- .is-color .icon-facebook {
- color: var(--fb-color);
- }
- .is-color .icon-facebook:hover {
- color: var(--fb-hcolor);
- text-shadow: 0 3px 12px var(--fb-hcolor);
- }
- .is-bg .icon-facebook {
- background-color: var(--fb-color);
- }
- .is-bg .icon-facebook:hover {
- background-color: var(--fb-hcolor);
- box-shadow: 0 3px 12px var(--fb-hcolor);
- }
- .is-color .icon-twitter {
- color: var(--twitter-color);
- }
- .is-color .icon-twitter:hover {
- color: var(--twitter-hcolor);
- text-shadow: 0 3px 12px var(--twitter-hcolor);
- }
- .is-bg .icon-twitter {
- background-color: var(--twitter-color);
- }
- .is-bg .icon-twitter:hover {
- background-color: var(--twitter-hcolor);
- box-shadow: 0 3px 12px var(--twitter-hcolor);
- }
- .is-color .icon-flipboard {
- color: var(--flipboard-color);
- }
- .is-color .icon-flipboard:hover {
- color: var(--flipboard-hcolor);
- text-shadow: 0 3px 12px var(--flipboard-hcolor);
- }
- .is-bg .icon-flipboard {
- background-color: var(--flipboard-color);
- }
- .is-bg .icon-flipboard:hover {
- background-color: var(--flipboard-hcolor);
- box-shadow: 0 3px 12px var(--flipboard-hcolor);
- }
- .is-color .icon-pinterest {
- color: var(--pin-color);
- }
- .is-color .icon-pinterest:hover {
- color: var(--pin-hcolor);
- text-shadow: 0 3px 12px var(--pin-hcolor);
- }
- .is-bg .icon-pinterest {
- background-color: var(--pin-color);
- }
- .is-bg .icon-pinterest:hover {
- background-color: var(--pin-hcolor);
- box-shadow: 0 3px 12px var(--pin-hcolor);
- }
- .is-color .icon-instagram {
- color: var(--ig-color);
- }
- .is-color .icon-instagram:hover {
- color: var(--ig-hcolor);
- text-shadow: 0 3px 12px var(--ig-hcolor);
- }
- .is-bg .icon-instagram {
- background-color: var(--ig-color);
- }
- .is-bg .icon-instagram:hover {
- background-color: var(--ig-hcolor);
- box-shadow: 0 3px 12px var(--ig-hcolor);
- }
- .is-color .icon-linkedin {
- color: var(--linkedin-color);
- }
- .is-color .icon-linkedin:hover {
- color: var(--linkedin-hcolor);
- text-shadow: 0 3px 12px var(--linkedin-hcolor);
- }
- .is-bg .icon-linkedin {
- background-color: var(--linkedin-color);
- }
- .is-bg .icon-linkedin:hover {
- background-color: var(--linkedin-hcolor);
- box-shadow: 0 3px 12px var(--linkedin-hcolor);
- }
- .is-color .icon-tumblr {
- color: #32506d;
- }
- .is-color .icon-tumblr:hover {
- color: #1f3143;
- text-shadow: 0 3px 12px #1f3143;
- }
- .is-bg .icon-tumblr {
- background-color: #32506d;
- }
- .is-bg .icon-tumblr:hover {
- background-color: #1f3143;
- box-shadow: 0 3px 12px #1f3143;
- }
- .is-color .icon-flickr {
- color: #ff0082;
- }
- .is-color .icon-flickr:hover {
- color: #ff015a;
- text-shadow: 0 3px 12px #ff015a;
- }
- .is-bg .icon-flickr {
- background-color: #ff0082;
- }
- .is-bg .icon-flickr:hover {
- background-color: #ff015a;
- box-shadow: 0 3px 12px #ff015a;
- }
- .is-color .icon-skype {
- color: #00aae1;
- }
- .is-color .icon-skype:hover {
- color: #0070bf;
- text-shadow: 0 3px 12px #0070bf;
- }
- .is-bg .icon-skype {
- background-color: #00aae1;
- }
- .is-bg .icon-skype:hover {
- background-color: #0070bf;
- box-shadow: 0 3px 12px #0070bf;
- }
- .is-color .icon-snapchat {
- color: #ffc94f;
- }
- .is-color .icon-snapchat:hover {
- color: #e3c100;
- text-shadow: 0 3px 12px #e3c100;
- }
- .is-bg .icon-snapchat {
- background-color: #ffc94f;
- }
- .is-bg .icon-snapchat:hover {
- background-color: #e3c100;
- box-shadow: 0 3px 12px #e3c100;
- }
- .is-color .icon-myspace {
- color: #030303;
- }
- .is-color .icon-myspace:hover {
- color: #000000;
- text-shadow: 0 3px 12px #000000;
- }
- .is-bg .icon-myspace {
- background-color: #030303;
- }
- .is-bg .icon-myspace:hover {
- background-color: #000000;
- box-shadow: 0 3px 12px #000000;
- }
- .is-color .icon-youtube {
- color: var(--ytube-color);
- }
- .is-color .icon-youtube:hover {
- color: var(--ytube-hcolor);
- text-shadow: 0 3px 12px var(--ytube-hcolor);
- }
- .is-bg .icon-youtube {
- background-color: var(--ytube-color);
- }
- .is-bg .icon-youtube:hover {
- background-color: var(--ytube-hcolor);
- box-shadow: 0 3px 12px var(--ytube-hcolor);
- }
- .is-color .icon-bloglovin {
- color: #111111;
- }
- .is-color .icon-bloglovin:hover {
- color: #000000;
- text-shadow: 0 3px 12px #000000;
- }
- .is-bg .icon-bloglovin {
- background-color: #111111;
- }
- .is-bg .icon-bloglovin:hover {
- background-color: #000000;
- box-shadow: 0 3px 12px #000000;
- }
- .is-color .icon-digg {
- color: #191919;
- }
- .is-color .icon-digg:hover {
- color: #000000;
- }
- .is-bg .icon-digg {
- background-color: #191919;
- }
- .is-color .icon-digg:hover {
- color: #000000;
- text-shadow: 0 3px 12px #000000;
- }
- .is-color .icon-dribbble {
- color: var(--dribbble-color);
- }
- .is-color .icon-dribbble:hover {
- color: var(--dribbble-hcolor);
- text-shadow: 0 3px 12px var(--dribbble-hcolor);
- }
- .is-bg .icon-dribbble {
- background-color: var(--dribbble-color);
- }
- .is-bg .icon-dribbble:hover {
- background-color: var(--dribbble-hcolor);
- box-shadow: 0 3px 12px var(--dribbble-hcolor);
- }
- .is-color .icon-soundcloud {
- color: var(--soundcloud-color);
- }
- .is-color .icon-soundcloud:hover {
- color: var(--soundcloud-hcolor);
- text-shadow: 0 3px 12px var(--soundcloud-hcolor);
- }
- .is-bg .icon-soundcloud {
- background-color: var(--soundcloud-color);
- }
- .is-bg .icon-soundcloud:hover {
- background-color: var(--soundcloud-hcolor);
- box-shadow: 0 3px 12px var(--soundcloud-hcolor);
- }
- .is-color .icon-vk {
- color: #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 3px 12px #005f8c;
- }
- .is-color .icon-whatsapp {
- color: #00e676;
- }
- .is-color .icon-whatsapp:hover {
- color: #00e537;
- text-shadow: 0 3px 12px #00e537;
- }
- .is-bg .icon-whatsapp {
- background-color: #00e676;
- }
- .is-bg .icon-whatsapp:hover {
- background-color: #00e537;
- box-shadow: 0 3px 12px #00e537;
- }
- .is-color .icon-vimeo {
- color: var(--vimeo-color);
- }
- .is-color .icon-vimeo:hover {
- color: var(--vimeo-hcolor);
- text-shadow: 0 3px 12px var(--vimeo-hcolor);
- }
- .is-bg .icon-vimeo {
- background-color: var(--vimeo-color);
- }
- .is-bg .icon-vimeo:hover {
- background-color: var(--vimeo-hcolor);
- box-shadow: 0 3px 12px var(--vimeo-hcolor);
- }
- .is-color .icon-telegram {
- color: var(--telegam-color);
- }
- .is-color .icon-telegram:hover {
- color: var(--telegam-hcolor);
- text-shadow: 0 3px 12px var(--telegam-hcolor);
- }
- .is-bg .icon-telegram {
- background-color: var(--telegam-color);
- }
- .is-bg .icon-telegram:hover {
- background-color: var(--telegam-hcolor);
- box-shadow: 0 3px 12px var(--telegam-hcolor);
- }
- .is-color .icon-rss {
- color: #ffd43f;
- }
- .is-color .icon-rss:hover {
- color: #eab910;
- text-shadow: 0 3px 12px #eab910;
- }
- .is-bg .icon-rss {
- background-color: #ffd43f;
- }
- .is-bg .icon-rss:hover {
- background-color: #eab910;
- box-shadow: 0 3px 12px #eab910;
- }
- .is-color .icon-reddit {
- color: #ff4500;
- }
- .is-color .icon-reddit:hover {
- color: #e02200;
- text-shadow: 0 3px 12px #e02200;
- }
- .is-bg .icon-reddit {
- background-color: #ff4500;
- }
- .is-bg .icon-reddit:hover {
- background-color: #e02200;
- box-shadow: 0 3px 12px #e02200;
- }
- .is-color .icon-email {
- color: #efab68;
- }
- .is-color .icon-email:hover {
- color: #ff9c38;
- text-shadow: 0 3px 12px #ff9c38;
- }
- .is-bg .icon-email {
- background-color: #efab68;
- }
- .is-bg .icon-email:hover {
- background-color: #ff9c38;
- box-shadow: 0 3px 12px #ff9c38;
- }
- .is-color .icon-copy {
- color: #66bbbf;
- }
- .is-color .icon-copy:hover {
- color: #38787a;
- }
- .is-color .icon-print {
- color: #4082f1;
- }
- .is-color .icon-print:hover {
- color: #0f67f6;
- text-shadow: 0 3px 12px #0f67f6;
- }
- .is-bg .icon-copy {
- background-color: #66bbbf;
- }
- .is-bg .icon-copy:hover {
- background-color: #38787a;
- box-shadow: 0 3px 12px #38787a;
- }
- .is-bg .icon-print {
- background-color: #4082f1;
- }
- .is-bg .icon-print:hover {
- background-color: #0f67f6;
- box-shadow: 0 3px 12px #0f67f6;
- }
- .is-color .icon-custom {
- color: var(--dark-accent);
- }
- .btn-ani-2 .is-bg .share-action:hover {
- transform: var(--btn-animation);
- box-shadow: var(--btn-shadow);
- }
- .btn-ani-3 .is-bg .share-action:hover {
- box-shadow: none;
- }
- .effect-fadeout.activated a {
- opacity: .25;
- }
- .effect-fadeout.activated a:hover, .effect-fadeout.activated a:focus {
- opacity: 1;
- }
- .header-social-list a:hover, .footer-social-list a:hover {
- -webkit-transform: scale(1.2);
- transform: scale(1.2);
- }
- .is-bg {
- color: var(--awhite);
- }
- .is-bg * {
- color: inherit;
- }
- .rb-loader {
- font-size: 10px;
- position: relative;
- display: none;
- overflow: hidden;
- width: 3em;
- height: 3em;
- transform: translateZ(0);
- animation: spin-loader .8s infinite linear;
- text-indent: -9999em;
- color: var(--g-color);
- border-radius: 50%;
- background: currentColor;
- background: linear-gradient(to right, currentColor 10%, rgba(255, 255, 255, 0) 50%);
- }
- .rb-loader:before {
- position: absolute;
- top: 0;
- left: 0;
- width: 50%;
- height: 50%;
- content: '';
- color: inherit;
- border-radius: 100% 0 0 0;
- background: currentColor;
- }
- .rb-loader:after {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 75%;
- height: 75%;
- margin: auto;
- content: '';
- opacity: 0.5;
- border-radius: 50%;
- background: var(--solid-white);
- }
- @-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;
- z-index: 10;
- bottom: 50%;
- left: 50%;
- display: block;
- margin-top: -1.5em;
- margin-left: -1.5em;
- }
- .rb-absolute-link {
- position: absolute;
- z-index: 1;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- display: block;
- }
- .opacity-animate {
- -webkit-transition: opacity .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-right: 10px;
- }
- .pagination-trigger.is-disable {
- pointer-events: none;
- opacity: .5;
- }
- .loadmore-trigger span, .pagination-trigger, .pagination-wrap .older a, .pagination-wrap .newer a, .pagination-number .page-numbers {
- font-size: var(--pagi-size, inherit);
- line-height: calc(var(--pagi-size, inherit) * 1.6);
- position: relative;
- display: inline-flex;
- align-items: center;
- flex-flow: row nowrap;
- min-height: max(var(--height-34), 2.6em);
- padding: var(--padding-40);
- -webkit-transition: var(--effect);
- transition: var(--effect);
- color: var(--pagi-color, currentColor);
- border-color: var(--pagi-accent-color, var(--flex-gray-7));
- border-radius: var(--round-7);
- background-color: var(--pagi-accent-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: #ffffff;
- 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%;
- left: 50%;
- margin-top: -1.5em;
- margin-left: -1.5em;
- }
- .infinite-trigger {
- position: relative;
- display: flex;
- justify-content: center;
- width: 100%;
- min-height: 3em;
- }
- .infinite-trigger .rb-loader {
- position: absolute;
- top: 0;
- left: 50%;
- margin-left: -1.5em;
- }
- .page-links {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- .page-links .post-page-numbers {
- line-height: var(--height-34);
- position: relative;
- display: inline-flex;
- align-items: center;
- flex-flow: row nowrap;
- margin: 0 2px;
- padding: 0 10px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- text-decoration: none !important;
- border-radius: var(--round-7);
- background-color: var(--flex-gray-7);
- }
- .page-links a.post-page-numbers:hover {
- color: var(--awhite) !important;
- }
- .page-links .text-link-next .post-page-numbers, .page-links .text-link-prev .post-page-numbers {
- padding: var(--padding-40);
- }
- .page-links .post-page-numbers.current {
- color: var(--awhite);
- background: var(--g-color);
- }
- .text-link-next a span {
- margin-right: 4px;
- }
- .text-link-prev a span {
- margin-left: 4px;
- }
- .pagination-simple > * {
- padding-right: 10px;
- padding-left: 10px;
- }
- .pagination-simple .older:first-child {
- margin-left: auto;
- padding-right: 0;
- padding-left: 0;
- }
- .pagination-simple .newer:last-child {
- margin-right: auto;
- padding-right: 0;
- padding-left: 0;
- }
- .is-pagi-text .pagination-trigger, .is-pagi-text .loadmore-trigger span, .is-pagi-text .pagination-trigger:hover, .is-pagi-text .loadmore-trigger:hover span {
- padding-right: 10px;
- padding-left: 10px;
- color: var(--pagi-color, currentColor);
- background-color: transparent !important;
- box-shadow: none !important;
- }
- .is-pagi-text .loadmore-trigger > span:after {
- font-family: 'ruby-icon' !important;
- font-size: var(--em-small);
- padding-left: 0.4em;
- content: '\e958';
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .is-pagi-text .rbi-angle-left:before {
- font-size: var(--em-small);
- padding-right: .2em;
- content: '\e959';
- }
- .is-pagi-text .rbi-angle-right:before {
- font-size: var(--em-small);
- padding-left: .2em;
- content: '\e958';
- }
- .is-pagi-text .pagination-number .page-numbers {
- border-color: transparent;
- }
- .is-pagi-text .pagination-wrap .rbi-cleft:before {
- content: '\e959';
- }
- .is-pagi-text .pagination-wrap .rbi-cright:before {
- content: '\e958';
- }
- .is-pagi-text .pagination-trigger i {
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .is-pagi-text .pagination-trigger:hover {
- color: var(--g-color, inherit);
- }
- .is-pagi-text .loadmore-trigger:hover span {
- color: var(--g-color, inherit) !important;
- }
- .is-pagi-text .pagination-trigger:hover i.rbi-angle-left {
- -webkit-transform: translateX(-5px);
- transform: translateX(-5px);
- }
- .is-pagi-text .pagination-trigger:hover i.rbi-angle-right, .is-pagi-text .loadmore-trigger:hover > span:after {
- -webkit-transform: translateX(5px);
- transform: translateX(5px);
- }
- .is-pagi-border .loadmore-trigger span, .is-pagi-border .pagination-trigger, .is-pagi-border .newer a, .is-pagi-border .older a {
- border: 1px solid var(--pagi-accent-color, currentColor);
- background-color: transparent;
- }
- .is-pagi-text .newer a:not(:hover):not(:focus), .is-pagi-text .older a:not(:hover):not(:focus) {
- background-color: transparent;
- }
- .is-pagi-border .loadmore-trigger:hover span, .is-pagi-border .pagination-trigger:hover {
- border-color: var(--g-color);
- }
- .is-pagi-border .newer a:hover, .is-pagi-border .older a:hover {
- color: #ffffff;
- border-color: var(--g-color);
- background-color: var(--g-color);
- }
- body .p-wrap.end-list-info {
- flex: 0 0 100%;
- max-width: 100%;
- text-align: center;
- }
- .review-intro .meta-description, .e-shared-header i, .end-list-info i, .data-item-icon {
- margin-right: 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 {
- display: inline-flex;
- flex-grow: 1;
- }
- .wp-block-search .wp-block-search__button {
- margin: 0;
- }
- .wp-block-search input[type='search'] {
- position: relative;
- width: 100%;
- padding: 0 15px;
- border: none;
- background: none !important;
- }
- .widget_block.widget_search form {
- position: relative;
- display: flex;
- overflow: hidden;
- align-items: stretch;
- flex-flow: row nowrap;
- width: 100%;
- }
- .widget_search.widget_block input[type='search'] {
- padding: 10px 20px;
- }
- .search-form-icon {
- display: flex;
- align-items: center;
- flex-grow: 0;
- flex-shrink: 0;
- justify-content: center;
- padding-left: 15px;
- }
- .search-form-icon i {
- font-size: var(--em-small);
- }
- .search-form-submit {
- position: relative;
- display: flex;
- align-items: center;
- flex-grow: 0;
- flex-shrink: 0;
- justify-content: center;
- }
- .search-form-submit:before {
- position: absolute;
- top: 50%;
- left: 0;
- height: .8em;
- margin-top: -.4em;
- content: '';
- border-left: 2px solid var(--g-color);
- }
- .wp-block-search [type='submit'] {
- position: relative;
- height: 100%;
- padding: 5px 20px;
- cursor: pointer;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- color: inherit;
- border: none;
- background-color: transparent;
- box-shadow: none;
- }
- .wp-block-search [type='submit']:before {
- position: absolute;
- top: 50%;
- left: 0;
- height: 0.8em;
- margin-top: -0.4em;
- content: '';
- border-left: 2px solid var(--g-color);
- }
- .mfp-bg {
- position: fixed;
- z-index: 9042;
- top: 0;
- left: 0;
- overflow: hidden;
- width: 100%;
- height: 100%;
- background: var(--dark-accent);
- }
- .mfp-wrap {
- position: fixed;
- z-index: 9043;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- outline: none !important;
- -webkit-backface-visibility: hidden;
- }
- .mfp-wrap button > * {
- pointer-events: none;
- }
- .mfp-container {
- position: absolute;
- top: 0;
- left: 0;
- box-sizing: border-box;
- width: 100%;
- height: 100%;
- padding: 0;
- text-align: center;
- }
- .mfp-container:before {
- display: inline-block;
- height: 100%;
- content: '';
- vertical-align: middle;
- }
- .mfp-content {
- position: relative;
- z-index: 1045;
- display: inline-block;
- margin: 0 auto;
- text-align: left;
- 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-preloader {
- position: absolute;
- z-index: 1044;
- top: 50%;
- right: 8px;
- left: 8px;
- width: auto;
- margin-top: -0.8em;
- text-align: center;
- color: #cccccc;
- }
- .mfp-preloader a {
- color: #cccccc;
- }
- .mfp-preloader a:hover {
- color: #ffffff;
- }
- .mfp-hide, .is-hidden {
- display: none !important;
- }
- .mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content, .wp-block-search__label,
- .mfp-align-top .mfp-container:before, .mfp-loading.mfp-figure,
- .logo-wrap img.logo-transparent {
- display: none;
- }
- .is-invisible {
- visibility: hidden;
- opacity: 0;
- }
- button::-moz-focus-inner {
- padding: 0;
- border: 0;
- }
- .mfp-arrow {
- position: absolute;
- top: 50%;
- width: 130px;
- height: 110px;
- margin: 0;
- margin-top: -55px;
- padding: 0;
- opacity: 0.65;
- -webkit-tap-highlight-color: transparent;
- }
- .mfp-arrow:active {
- margin-top: -54px;
- }
- .mfp-arrow-left i {
- margin-left: -30px;
- }
- .mfp-arrow-right i {
- margin-right: -30px;
- }
- .mfp-arrow:hover, .mfp-arrow:focus {
- opacity: 1;
- }
- .mfp-arrow:before, .mfp-arrow:after {
- position: absolute;
- top: 0;
- left: 0;
- display: block;
- width: 0;
- height: 0;
- margin-top: 35px;
- margin-left: 35px;
- content: '';
- border: medium inset transparent;
- }
- .mfp-arrow:after {
- top: 8px;
- border-top-width: 13px;
- border-bottom-width: 13px;
- }
- .mfp-arrow:before {
- opacity: 0.7;
- border-top-width: 21px;
- border-bottom-width: 21px;
- }
- .mfp-arrow-left {
- left: 0;
- }
- .mfp-arrow-right {
- right: 0;
- }
- .mfp-iframe-holder {
- padding-top: 40px;
- padding-bottom: 40px;
- }
- .mfp-iframe-holder .mfp-content {
- line-height: 0;
- width: 100%;
- max-width: 900px;
- }
- .mfp-iframe-scaler {
- overflow: hidden;
- width: 100%;
- height: 0;
- padding-top: 56.25%;
- }
- .mfp-iframe-scaler iframe {
- position: absolute;
- top: 0;
- left: 0;
- display: block;
- width: 100%;
- height: 100%;
- background: #000000;
- }
- img.mfp-img {
- line-height: 0;
- display: block;
- box-sizing: border-box;
- width: auto;
- max-width: 100%;
- height: auto;
- margin: 0 auto;
- padding: 40px 0 40px;
- }
- .mfp-figure {
- line-height: 0;
- }
- .mfp-figure:after {
- position: absolute;
- z-index: -1;
- top: 40px;
- right: 0;
- bottom: 40px;
- left: 0;
- display: block;
- width: auto;
- height: auto;
- content: '';
- background: var(--dark-accent);
- }
- .mfp-figure small {
- font-size: 12px;
- line-height: 14px;
- display: block;
- color: #bdbdbd;
- }
- .mfp-figure figure {
- margin: 0;
- }
- .mfp-bottom-bar {
- position: absolute;
- top: 100%;
- left: 0;
- width: 100%;
- margin-top: -36px;
- cursor: auto;
- }
- .mfp-image-holder .mfp-content {
- max-width: 100%;
- }
- .mfp-gallery .mfp-image-holder .mfp-figure {
- cursor: pointer;
- }
- .mfp-bg.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;
- pointer-events: none;
- }
- .tipsy-inner {
- font-size: var(--meta-fsize);
- line-height: 1;
- max-width: 200px;
- padding: 7px 10px;
- text-align: center;
- color: var(--awhite);
- border-radius: var(--round-3);
- background-color: var(--dark-accent);
- }
- .tipsy-arrow {
- line-height: 0;
- position: absolute;
- width: 0;
- height: 0;
- border: 5px dashed var(--dark-accent);
- }
- body.rtl .tipsy-e .tipsy-arrow {
- /*rtl:ignore*/
- right: 0;
- /*rtl:ignore*/
- left: auto;
- /*rtl:ignore*/
- -webkit-transform: scale(-1, 1);
- /*rtl:ignore*/
- transform: scale(-1, 1);
- }
- .rtl .rbi.rbi-pin:before, .rtl .rbi.rbi-behance:before, .rtl .rbi.rbi-digg:before, .rtl .rbi.rbi-dribbble:before, .rtl .rbi.rbi-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 {
- /*rtl:ignore*/
- -webkit-transform: none;
- /*rtl:ignore*/
- transform: none;
- }
- .tipsy-arrow-n {
- border-bottom-color: var(--dark-accent);
- }
- .tipsy-n .tipsy-arrow {
- top: 1px;
- left: 50%;
- margin-left: -5px;
- border-top: none;
- border-right-color: transparent;
- border-bottom-style: solid;
- border-left-color: transparent;
- }
- .tipsy-w .tipsy-arrow {
- top: 50%;
- left: 1px;
- margin-top: -5px;
- border-top-color: transparent;
- border-right-style: solid;
- border-bottom-color: transparent;
- border-left: none;
- }
- .tipsy-e .tipsy-arrow {
- top: 50%;
- right: 1px;
- margin-top: -5px;
- border-top-color: transparent;
- border-right: none;
- border-bottom-color: transparent;
- border-left-style: solid;
- }
- .tipsy-s .tipsy-arrow {
- bottom: 1px;
- left: 50%;
- margin-left: -5px;
- border-top-style: solid;
- border-right-color: transparent;
- border-bottom: none;
- border-left-color: transparent;
- }
- /*
- -----------------
- 3 - Font Icons
- -----------------
- */
- .rbi, [class^='rbi-'], [class='rbi-'] {
- font-family: 'ruby-icon' !important;
- font-weight: normal;
- font-style: normal;
- font-variant: normal;
- text-transform: none;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- speak: none;
- }
- body.rtl .rbi:before {
- /*rtl:ignore*/
- display: inline-block;
- /*rtl:ignore*/
- -webkit-transform: scale(-1, 1);
- /*rtl:ignore*/
- transform: scale(-1, 1);
- /*rtl:ignore*/
- -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)';
- }
- .rbi-version:before {
- content: '\e972';
- }
- .rbi-copy:before {
- content: '\e965';
- }
- .rbi-pin:before {
- content: '\e962';
- }
- .rbi-notification:before {
- content: '\e95a';
- }
- .rbi-information:before {
- content: '\e95c';
- }
- .rbi-shield:before {
- content: '\e95e';
- }
- .rbi-right:before, .rbi-next:before {
- content: '\e958';
- }
- .rbi-left:before, .rbi-prev:before {
- content: '\e959';
- }
- .rbi-resize:before {
- content: '\e961';
- }
- .rbi-help:before {
- content: '\e95b';
- }
- .rbi-minus-o:before {
- content: '\e95d';
- }
- .rbi-cancel:before {
- content: '\e95f';
- }
- .rbi-check:before {
- content: '\e960';
- }
- .rbi-gallery:before {
- content: '\e955';
- }
- .rbi-audio:before {
- content: '\e956';
- }
- .rbi-video:before {
- content: '\e957';
- }
- .rbi-darrow-top:before {
- content: '\e94a';
- }
- .rbi-search:before {
- content: '\e946';
- }
- .rbi-watch:before {
- content: '\e93a';
- }
- .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-chplay:before {
- content: '\e91c';
- }
- .rbi-wallet:before {
- content: '\e91d';
- }
- .rbi-instagram:before {
- content: '\e91e';
- }
- .rbi-linkedin:before {
- content: '\e91f';
- }
- .rbi-mailchimp:before {
- content: '\e920';
- }
- .rbi-close:before {
- content: '\e949';
- }
- .rbi-medium:before {
- content: '\e921';
- }
- .rbi-paypal:before {
- content: '\e922';
- }
- .rbi-pinterest:before {
- content: '\e923';
- }
- .rbi-quora:before {
- content: '\e941';
- }
- .rbi-reddit:before {
- content: '\e928';
- }
- .rbi-skype:before {
- content: '\e92a';
- }
- .rbi-snapchat:before {
- content: '\e92b';
- }
- .rbi-soundcloud:before {
- content: '\e92c';
- }
- .rbi-spotify:before {
- content: '\e92d';
- }
- .rbi-stripe:before {
- content: '\e92e';
- }
- .rbi-stumbleupon:before {
- content: '\e92f';
- }
- .rbi-telegram:before {
- content: '\e930';
- }
- .rbi-tiktok:before {
- content: '\e943';
- }
- .rbi-tripadvisor:before {
- content: '\e931';
- }
- .rbi-tumblr:before {
- content: '\e932';
- }
- .rbi-twitch:before {
- content: '\e933';
- }
- .rbi-twitter: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';
- }
- .rbi-link-o:before {
- content: '\e9cb';
- }
- .rbi-portfolio-o:before {
- content: '\e96a';
- }
- .rbi-home-o:before {
- content: '\e968';
- }
- .rbi-external:before {
- content: '\e969';
- }
- .rbi-clone:before {
- content: '\e96b';
- }
- .rbi-link:before {
- content: '\e967';
- }
- .rbi-rdoc:before {
- content: '\e96c';
- }
- .rbi-mic:before {
- content: '\e96d';
- }
- .rbi-frequency:before {
- content: '\e96e';
- }
- .rbi-stitcher:before {
- content: '\e970';
- }
- .rbi-googlepodcast:before {
- content: '\e96f';
- }
- .rbi-applepodcast:before {
- content: '\f2ce';
- }
- .rbi-pause:before {
- content: '\e973';
- }
- .rbi-volume:before {
- content: '\e979';
- }
- .rbi-volume-off:before {
- content: '\e97a';
- }
- .rbi-reload:before {
- content: '\e97b';
- }
- .rbi-play:before {
- content: '\e971';
- }
- .rbi-skip-back:before {
- content: '\e974';
- }
- .rbi-loading:before {
- content: '\e975';
- }
- .rbi-jump-next:before {
- content: '\e976';
- }
- .rbi-cookie:before {
- content: '\e972';
- }
- .rbi-dislike-fill:before {
- content: '\e977';
- }
- .rbi-like-fill:before {
- content: '\e978';
- }
- .rbi-like:before {
- content: '\e97c';
- }
- .rbi-dislike:before {
- content: '\e97d';
- }
- .rbi-secure:before {
- content: '\e97e';
- }
- .rbi-hide:before {
- content: '\e97f';
- }
- .rbi-show:before {
- content: '\e980';
- }
- .rbi-idea:before {
- content: '\e982';
- }
- .rbi-warning:before {
- content: '\e981';
- }
- .rbi-not-allow:before {
- content: '\e985';
- }
- .rbi-flash:before {
- content: '\e986';
- }
- .rbi-checked:before {
- content: '\ea54';
- }
- .rbi-unchecked:before {
- content: '\ea56';
- }
- .rbi-check-v:before {
- content: '\e984';
- }
- .rbi-more:before {
- content: '\e987';
- }
- /*
- -----------------
- 4 - Swiper Slider
- -----------------
- */
- .swiper-container {
- position: relative;
- z-index: 1;
- overflow: hidden;
- margin-right: auto;
- margin-left: auto;
- padding: 0;
- list-style: none;
- }
- .pre-load:not(.swiper-container-initialized) {
- max-height: 0;
- }
- .swiper-container-vertical > .swiper-wrapper {
- flex-direction: column;
- }
- .swiper-wrapper {
- position: relative;
- z-index: 1;
- display: flex;
- box-sizing: content-box;
- width: 100%;
- height: 100%;
- transition-property: transform;
- }
- .swiper-container-android .swiper-slide, .swiper-wrapper {
- transform: translate3d(0px, 0, 0);
- }
- .swiper-container-multirow > .swiper-wrapper {
- flex-wrap: wrap;
- }
- .swiper-container-multirow-column > .swiper-wrapper {
- flex-direction: column;
- flex-wrap: wrap;
- }
- .swiper-container-free-mode > .swiper-wrapper {
- margin: 0 auto;
- transition-timing-function: ease-out;
- }
- .swiper-container-pointer-events {
- touch-action: pan-y;
- }
- .swiper-container-pointer-events.swiper-container-vertical {
- touch-action: pan-x;
- }
- .swiper-slide {
- position: relative;
- flex-shrink: 0;
- width: 100%;
- height: 100%;
- transition-property: transform;
- }
- .swiper-slide-invisible-blank {
- visibility: hidden;
- }
- .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
- height: auto;
- }
- .swiper-container-autoheight .swiper-wrapper {
- align-items: flex-start;
- transition-property: transform, height;
- }
- .swiper-container-3d {
- perspective: 1200px;
- }
- .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
- transform-style: preserve-3d;
- }
- .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
- position: absolute;
- z-index: 10;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- }
- .swiper-container-3d .swiper-slide-shadow-left {
- background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- }
- .swiper-container-3d .swiper-slide-shadow-right {
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- }
- .swiper-container-3d .swiper-slide-shadow-top {
- background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- }
- .swiper-container-3d .swiper-slide-shadow-bottom {
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- }
- .swiper-container-css-mode > .swiper-wrapper {
- overflow: auto;
- -ms-overflow-style: none;
- scrollbar-width: none;
- }
- .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
- display: none;
- }
- .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
- scroll-snap-align: start start;
- }
- .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
- scroll-snap-type: x mandatory;
- }
- .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
- scroll-snap-type: y mandatory;
- }
- .swiper-button-prev, .swiper-button-next {
- position: absolute;
- z-index: 10;
- top: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- width: calc(var(--swiper-navigation-size) / 44 * 27);
- height: var(--swiper-navigation-size);
- margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
- cursor: pointer;
- color: var(--swiper-navigation-color, var(--g-color));
- }
- .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
- cursor: auto;
- pointer-events: none;
- opacity: 0.35;
- }
- .swiper-button-prev:after, .swiper-button-next:after {
- font-size: var(--swiper-navigation-size);
- font-variant: initial;
- line-height: 1;
- letter-spacing: 0;
- text-transform: none;
- }
- .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
- /*rtl:ignore*/
- right: auto;
- /*rtl:ignore*/
- left: 10px;
- }
- .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
- /*rtl:ignore*/
- content: 'prev';
- }
- .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
- /*rtl:ignore*/
- right: 10px;
- /*rtl:ignore*/
- left: auto;
- }
- .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
- /*rtl:ignore*/
- content: 'next';
- }
- .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white {
- --swiper-navigation-color: #ffffff;
- }
- .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black {
- --swiper-navigation-color: #000000;
- }
- .swiper-pagination-lock,
- .swiper-scrollbar-lock,
- .swiper-button-lock {
- display: none;
- }
- .swiper-pagination {
- position: absolute;
- z-index: 10;
- transition: 300ms opacity;
- transform: translate3d(0, 0, 0);
- text-align: center;
- }
- .swiper-pagination.swiper-pagination-hidden {
- opacity: 0;
- }
- .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
- bottom: 10px;
- left: 0;
- width: 100%;
- }
- .swiper-pagination-bullet, body .swiper-pagination-bullet {
- position: relative;
- display: inline-block;
- width: calc(var(--nav-size, 32px) / 2);
- height: calc(var(--nav-size, 32px) / 2);
- margin-right: 0;
- margin-left: 0;
- -webkit-transition: -webkit-transform .25s var(--timing);
- transition: transform .25s var(--timing);
- opacity: .4;
- background: none;
- }
- .swiper-pagination-bullet:before {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- content: '';
- -webkit-transform: scale(.5);
- transform: scale(.5);
- pointer-events: none;
- color: inherit;
- border-radius: 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%;
- right: 10px;
- transform: translate3d(0px, -50%, 0);
- }
- .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
- display: block;
- margin: 6px 0;
- }
- .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
- top: 50%;
- width: 8px;
- transform: translateY(-50%);
- }
- .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
- display: inline-block;
- transition: 200ms transform, 200ms top;
- }
- .block-wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
- margin: 0;
- }
- .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
- left: 50%;
- transform: translateX(-50%);
- white-space: nowrap;
- }
- .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
- transition: 200ms transform, 200ms left;
- }
- .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
- /*rtl:ignore*/
- transition: 200ms transform, 200ms right;
- }
- .swiper-pagination-progressbar {
- position: absolute;
- background: var(--dark-accent-90);
- }
- body .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- transform: scale(0);
- transform-origin: left top;
- background: var(--g-color);
- }
- .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
- /*rtl:ignore*/
- transform-origin: right top;
- }
- .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
- right: 30%;
- bottom: 15px;
- left: 30%;
- overflow: hidden;
- height: 3px;
- border-radius: 5px;
- }
- .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
- top: 0;
- left: 0;
- height: 2px;
- }
- .swiper-scrollbar {
- position: relative;
- border-radius: var(--round-7);
- background: var(--dark-accent-90);
- -ms-touch-action: none;
- }
- .swiper-container-horizontal > .swiper-scrollbar {
- position: absolute;
- z-index: 50;
- bottom: 3px;
- left: 1%;
- width: 98%;
- height: 5px;
- }
- .swiper-container-vertical > .swiper-scrollbar {
- position: absolute;
- z-index: 50;
- top: 1%;
- right: 3px;
- width: 5px;
- height: 98%;
- }
- .swiper-scrollbar-drag {
- position: relative;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- border-radius: var(--round-7);
- background: var(--g-color);
- }
- .swiper-scrollbar-cursor-drag {
- cursor: move;
- }
- .swiper-zoom-container {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- height: 100%;
- text-align: center;
- }
- .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
- max-width: 100%;
- max-height: 100%;
- object-fit: contain;
- }
- .swiper-slide-zoomed {
- cursor: move;
- }
- .swiper-lazy-preloader {
- position: absolute;
- z-index: 10;
- top: 50%;
- left: 50%;
- box-sizing: border-box;
- width: 42px;
- height: 42px;
- margin-top: -21px;
- margin-left: -21px;
- transform-origin: 50%;
- animation: swiper-preloader-spin 1s infinite linear;
- border: 4px solid var(--swiper-preloader-color, var(--g-color));
- border-top-color: transparent;
- border-radius: 50%;
- }
- .swiper-lazy-preloader-white {
- --swiper-preloader-color: #ffffff;
- }
- .swiper-lazy-preloader-black {
- --swiper-preloader-color: #000000;
- }
- @keyframes swiper-preloader-spin {
- 100% {
- transform: rotate(360deg);
- }
- }
- .swiper-container .swiper-notification {
- position: absolute;
- z-index: -1000;
- top: 0;
- left: 0;
- pointer-events: none;
- opacity: 0;
- }
- .swiper-container-fade.swiper-container-free-mode .swiper-slide {
- transition-timing-function: ease-out;
- }
- .swiper-container-fade .swiper-slide {
- transition-property: opacity;
- pointer-events: none;
- }
- .swiper-container-fade .swiper-slide .swiper-slide {
- pointer-events: none;
- }
- .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
- pointer-events: auto;
- }
- .swiper-container-cube {
- overflow: visible;
- }
- .swiper-container-cube .swiper-slide {
- z-index: 1;
- visibility: hidden;
- width: 100%;
- height: 100%;
- transform-origin: 0 0;
- pointer-events: none;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .swiper-container-cube .swiper-slide .swiper-slide {
- pointer-events: none;
- }
- .swiper-container-cube.swiper-container-rtl .swiper-slide {
- /*rtl:ignore*/
- transform-origin: 100% 0;
- }
- .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
- pointer-events: auto;
- }
- .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
- visibility: visible;
- pointer-events: auto;
- }
- .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
- z-index: 0;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .swiper-container-cube .swiper-cube-shadow {
- position: absolute;
- z-index: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- opacity: 0.6;
- }
- .swiper-container-cube .swiper-cube-shadow:before {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- content: '';
- background: #000000;
- -webkit-filter: blur(50px);
- filter: blur(50px);
- }
- .swiper-container-flip {
- overflow: visible;
- }
- .swiper-container-flip .swiper-slide {
- z-index: 1;
- pointer-events: none;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .swiper-container-flip .swiper-slide .swiper-slide {
- pointer-events: none;
- }
- .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
- pointer-events: auto;
- }
- .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {
- z-index: 0;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- /*
- -----------------
- 5 - Header
- -----------------
- */
- .header-wrap {
- position: relative;
- display: block;
- }
- .header-fw .navbar-wrap > .rb-container, .header-fw.header-4 .logo-sec > .rb-container {
- max-width: 100%;
- }
- .navbar-wrap {
- position: relative;
- z-index: 999;
- display: block;
- }
- .header-mobile {
- display: none;
- }
- #amp-header .header-mobile {
- display: block;
- }
- .navbar-transparent {
- background-color: transparent;
- }
- .navbar-transparent .navbar-inner {
- border-bottom: 1px solid #ffffff26;
- }
- .sticky-on .navbar-transparent .navbar-inner {
- border-color: transparent;
- }
- .navbar-wrap:not(.navbar-transparent), .sticky-on .navbar-wrap {
- background: var(--nav-bg);
- background: -webkit-linear-gradient(left, var(--nav-bg-from) 0%, var(--nav-bg-to) 100%);
- background: linear-gradient(to right, var(--nav-bg-from) 0%, var(--nav-bg-to) 100%);
- }
- .style-shadow .navbar-wrap:not(.navbar-transparent), .sticky-on .navbar-wrap {
- box-shadow: 0 4px 30px var(--shadow-7);
- }
- .header-fw.style-d-border .navbar-wrap:not(.navbar-transparent):after, .header-fw.style-tbd-border .navbar-wrap:not(.navbar-transparent):after, .header-wrapper.style-d-border .navbar-wrap:not(.navbar-transparent) .navbar-inner:after, .header-wrapper.style-tbd-border .navbar-wrap:not(.navbar-transparent) .navbar-inner:after {
- position: absolute;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 0;
- content: '';
- pointer-events: none;
- border-bottom: 2px solid currentColor;
- }
- .header-fw.style-border .navbar-wrap:not(.navbar-transparent):after, .header-wrapper.style-border .navbar-wrap:not(.navbar-transparent) .navbar-inner:after {
- position: absolute;
- top: auto;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 0;
- content: '';
- pointer-events: none;
- border-bottom: 1px solid var(--flex-gray-15);
- }
- .header-fw.style-tbd-border .navbar-wrap:not(.navbar-transparent):before, .header-wrapper.style-tbd-border .navbar-wrap:not(.navbar-transparent) .navbar-inner:before {
- position: absolute;
- top: 0;
- right: 0;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 0;
- content: '';
- pointer-events: none;
- border-bottom: 2px solid currentColor;
- }
- .header-4 .navbar-wrap:not(.navbar-transparent):before {
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- width: 100%;
- height: 0;
- content: '';
- pointer-events: none;
- border-bottom: 1px solid var(--flex-gray-15);
- }
- .header-4 .navbar-wrap:not(.navbar-transparent):after, .header-5.style-tb-border.header-fw .navbar-wrap:not(.navbar-transparent):after, .header-5.style-tb-border.header-wrapper .navbar-wrap:not(.navbar-transparent) .navbar-inner:after {
- position: absolute;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 0;
- content: '';
- pointer-events: none;
- border-bottom: 1px solid var(--flex-gray-15);
- }
- .header-5.style-tb-shadow-border.header-wrapper .navbar-wrap:not(.navbar-transparent) .navbar-inner:before, .header-5.style-tb-shadow-border.header-fw .navbar-wrap:not(.navbar-transparent):before, .header-5.style-tb-border.header-fw .navbar-wrap:not(.navbar-transparent):before, .header-5.style-tb-border.header-wrapper .navbar-wrap:not(.navbar-transparent) .navbar-inner:before {
- position: absolute;
- top: 0;
- right: 0;
- bottom: auto;
- left: 0;
- width: 100%;
- height: 0;
- content: '';
- pointer-events: none;
- border-bottom: 1px solid var(--flex-gray-15);
- }
- .header-5.style-tb-shadow-border .navbar-wrap:not(.navbar-transparent) {
- box-shadow: 0 10px 10px var(--shadow-20);
- }
- .navbar-inner {
- position: relative;
- display: flex;
- align-items: stretch;
- flex-flow: row nowrap;
- justify-content: space-between;
- max-width: 100%;
- min-height: var(--nav-height);
- }
- .navbar-left, .navbar-right, .navbar-center {
- display: flex;
- align-items: stretch;
- flex-flow: row nowrap;
- }
- .navbar-left {
- flex-grow: 1;
- }
- .header-3 .navbar-wrap .navbar-left, .header-3 .navbar-wrap .navbar-right {
- flex-grow: 0;
- }
- .header-3 .navbar-wrap .navbar-center {
- flex-grow: 1;
- justify-content: center;
- }
- .logo-wrap {
- display: flex;
- align-items: center;
- flex-shrink: 0;
- max-height: 100%;
- margin-right: 20px;
- }
- .the-logo a {
- -webkit-transition: opacity .25s var(--timing);
- transition: opacity .25s var(--timing);
- }
- .the-logo img {
- width: 100%;
- max-width: 100%;
- }
- .logo-wrap a {
- max-height: 100%;
- }
- .is-image-logo.logo-wrap a {
- display: block;
- }
- .logo-wrap img {
- display: block;
- width: auto;
- max-height: var(--nav-height);
- -webkit-transition: opacity .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-left: 1px solid var(--flex-gray-15);
- }
- .header-4.header-fw .main-menu > li:first-child > a {
- border-left: none;
- }
- .header-5 .logo-sec-left, .header-5 .logo-sec-center, .header-5 .logo-sec-right {
- position: relative;
- display: flex;
- flex: 0 0 33.33%;
- margin: 0;
- }
- .header-5 .logo-sec-left {
- line-height: 1;
- align-items: center;
- }
- .logo-sec-left > *:not(:last-child):before {
- position: absolute;
- top: .4em;
- right: 0;
- bottom: .4em;
- display: block;
- content: '';
- border-right: 1px solid var(--nav-color-10);
- }
- .header-5 .logo-sec-center {
- justify-content: center;
- }
- .header-5 .logo-wrap:not(.mobile-logo-wrap) {
- margin: 0;
- }
- .header-5 .logo-sec-right {
- align-items: stretch;
- justify-content: flex-end;
- }
- .header-5 .navbar-center {
- justify-content: center;
- width: 100%;
- }
- .more-section-outer .more-trigger, .logo-sec {
- padding-top: 15px;
- padding-bottom: 15px;
- }
- .logo-sec-inner {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- }
- .logo-sec-center {
- margin: 0 auto;
- }
- .logo-sec-right {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- margin-left: auto;
- }
- .logo-sec-right > * {
- padding-right: 10px;
- padding-left: 10px;
- }
- .logo-sec-right .search-form-inner {
- min-width: 320px;
- background-color: var(--flex-gray-7);
- }
- .header-social-list > a {
- display: inline-flex;
- align-items: center;
- padding-right: 5px;
- padding-left: 5px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .is-logo-svg img {
- width: auto;
- height: 999px;
- object-fit: contain;
- }
- .the-logo a:hover, .logo-wrap a:hover img {
- opacity: .7;
- }
- .logo-wrap.is-text-logo {
- align-items: center;
- }
- .is-text-logo .logo-title > * {
- position: relative;
- display: inline-block;
- letter-spacing: -.05em;
- text-transform: uppercase;
- color: var(--nav-color);
- }
- .is-text-logo .logo-title > *:first-letter {
- color: var(--g-color);
- }
- .navbar-right > * {
- position: static;
- display: flex;
- align-items: center;
- height: 100%;
- }
- .navbar-outer .navbar-right > * {
- color: var(--nav-color);
- }
- .large-menu > li {
- position: relative;
- display: block;
- float: left;
- }
- .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: auto;
- left: 0;
- display: block;
- visibility: hidden;
- min-width: 210px;
- margin-top: 20px;
- list-style: none;
- -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;
- /*rtl:ignore*/
- right: auto;
- /*rtl:ignore*/
- 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;
- }
- .flex-dropdown.is-mega-template.mega-has-left {
- overflow: inherit;
- }
- .mega-dropdown-inner:not(.mega-template-inner) {
- border-radius: var(--round-7);
- background: var(--subnav-bg);
- background: -webkit-linear-gradient(left, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%);
- background: linear-gradient(to right, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%);
- box-shadow: 0 4px 30px var(--shadow-7);
- }
- .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(left, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%);
- background: linear-gradient(to right, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%);
- box-shadow: 0 4px 30px var(--shadow-7);
- }
- .more-section .heading-title > * {
- color: var(--subnav-color);
- }
- .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;
- left: 100%;
- margin-top: 0;
- margin-left: 20px;
- }
- .large-menu .sub-menu li:hover > .sub-menu {
- left: calc(100% - 5px);
- visibility: visible;
- margin-left: 0;
- pointer-events: auto;
- opacity: 1;
- }
- .sub-menu-title {
- font-size: var(--em-mini);
- line-height: 1;
- position: absolute;
- top: -3px;
- left: 100%;
- margin-left: 5px;
- padding: 2px 5px;
- color: var(--subnav-color);
- border-radius: var(--round-3);
- background: #eeeeee;
- }
- .menu-has-child-mega .mega-dropdown-inner .sub-menu {
- display: none;
- }
- .mega-header {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- width: 100%;
- margin-bottom: 20px;
- }
- .mega-header:not(.mega-header-fw) {
- padding-bottom: 5px;
- border-bottom: 1px solid var(--subnav-color-10);
- }
- .mega-link {
- display: inline-flex;
- align-items: center;
- margin-left: auto;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .mega-link i {
- margin-left: 3px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .mega-link:hover {
- color: var(--g-color);
- }
- .mega-link:hover i {
- -webkit-transform: translateX(3px);
- transform: translateX(3px);
- }
- .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);
- box-shadow: 0 4px 30px var(--shadow-12);
- }
- .mega-hierarchical .mega-dropdown-inner {
- display: grid;
- padding: 20px 0 30px 0;
- grid-template-columns: 4fr 4fr 3fr;
- }
- .mega-hierarchical .block-list-small-1 {
- --bottom-spacing: 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-right: 5px;
- color: var(--g-color);
- }
- .mega-hierarchical .p-list-small-2 .feat-holder {
- width: 125px;
- }
- .mega-col .p-wrap:last-child {
- margin-bottom: 0;
- }
- .cbox-description {
- font-size: var(--rem-mini);
- }
- .cbox-description * {
- font-size: inherit;
- }
- .main-menu-wrap {
- display: flex;
- align-items: center;
- height: 100%;
- }
- .main-menu-wrap .rb-error {
- color: var(--nav-color);
- }
- .menu-item a > span {
- font-size: inherit;
- font-weight: inherit;
- font-style: inherit;
- position: relative;
- display: inline-flex;
- align-items: center;
- letter-spacing: inherit;
- column-gap: .3em;
- }
- .main-menu > li > a {
- position: relative;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- height: var(--nav-height);
- padding-right: var(--menu-item-spacing, 12px);
- padding-left: var(--menu-item-spacing, 12px);
- white-space: nowrap;
- color: var(--nav-color);
- }
- .main-menu > li > a .menu-sub-title {
- position: relative;
- left: auto;
- display: inline-flex;
- justify-content: center;
- height: 1.4em;
- margin-top: -.75em;
- margin-left: 0;
- vertical-align: top;
- }
- .main-menu .sub-menu {
- padding: 10px 0;
- background: var(--subnav-bg);
- background: -webkit-linear-gradient(left, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%);
- background: linear-gradient(to right, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%);
- box-shadow: 0 4px 30px var(--shadow-12);
- }
- .menu-ani-1 .main-menu .sub-menu > .menu-item a, .menu-ani-3 .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-left: 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-right: 2px;
- }
- .large-menu > .menu-item.menu-item-has-children > a:after, .logged-welcome:after {
- font-family: 'ruby-icon';
- font-size: var(--rem-mini);
- content: '\e924';
- -webkit-transition: -webkit-transform .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: 0;
- margin-left: auto;
- content: '\e926';
- }
- body.rtl .large-menu .sub-menu .menu-item.menu-item-has-children > a:after {
- /*rtl:ignore*/
- display: inline-block;
- /*rtl:ignore*/
- -webkit-transform: scale(-1, 1);
- /*rtl:ignore*/
- transform: scale(-1, 1);
- /*rtl:ignore*/
- -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)';
- }
- span.menu-sub-title {
- line-height: 1;
- position: absolute;
- top: 0;
- left: 100%;
- margin-left: 5px;
- 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-left: 5px;
- }
- .sidebar-menu.is-horizontal li {
- display: inline-flex;
- padding-right: var(--sidebar-menu-spacing, 7px);
- padding-left: var(--sidebar-menu-spacing, 7px);
- }
- .sidebar-menu.is-horizontal a {
- padding-top: 0;
- padding-bottom: 0;
- }
- .wnav-holder {
- padding-right: 5px;
- padding-left: 5px;
- }
- .wnav-holder svg, .wnav-svg {
- line-height: 0;
- width: 20px;
- height: 20px;
- }
- [data-theme='dark'] .wnav-svg, .light-scheme .wnav-svg {
- filter: invert(100%);
- }
- .wnav-icon {
- font-size: 20px;
- }
- .widget-h-login.header-dropdown-outer {
- line-height: 1;
- position: relative;
- }
- .widget-h-login .user-dropdown {
- right: auto;
- left: auto;
- }
- .widget-h-login .is-logged {
- display: inline-flex;
- }
- .logged-user-menu {
- padding-top: 10px;
- padding-bottom: 10px;
- }
- .widget-h-login .logout-url {
- color: var(--awhite) !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: 0;
- margin-left: auto;
- }
- body.rtl .widget-h-login .logout-url svg {
- /*rtl:ignore*/
- display: inline-block;
- /*rtl:ignore*/
- -webkit-transform: scale(-1, 1);
- /*rtl:ignore*/
- transform: scale(-1, 1);
- /*rtl:ignore*/
- -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)';
- }
- .widget-p-listing .p-wrap {
- margin-bottom: 20px;
- }
- .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: 0;
- left: auto;
- }
- .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(--icon-size, inherit);
- line-height: 1;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- display: flex;
- align-items: center;
- justify-content: flex-end;
- width: 100%;
- padding-right: max(.4em, 10px);
- -webkit-transition: var(--effect);
- transition: var(--effect);
- pointer-events: none;
- color: var(--input-fcolor, currentColor);
- }
- .rb-search-form .search-icon {
- display: flex;
- flex-shrink: 0;
- }
- .notification-icon-svg {
- display: block;
- }
- .search-icon-svg, .login-icon-svg, .cart-icon-svg, .notification-icon-svg {
- font-size: 20px;
- width: 1em;
- height: 1em;
- color: inherit;
- background-color: currentColor;
- background-repeat: no-repeat;
- -webkit-mask-size: cover;
- mask-size: cover;
- }
- .search-icon > * {
- font-size: var(--icon-size, inherit);
- margin-right: max(.4em, 10px);
- margin-left: max(.4em, 10px);
- color: var(--input-fcolor, currentColor);
- fill: var(--input-fcolor, currentColor);
- }
- .header-search-label {
- line-height: 1;
- display: inline-flex;
- margin-left: 7px;
- }
- .rb-search-submit:hover i {
- color: var(--g-color);
- }
- .search-form-inner {
- position: relative;
- display: flex;
- align-items: center;
- border: 1px solid var(--flex-gray-15);
- border-radius: var(--round-5);
- }
- .header-wrap .search-form-inner {
- border-color: var(--subnav-color-10);
- }
- .mobile-collapse .search-form-inner {
- border-color: var(--submbnav-color-10, var(--flex-gray-15));
- }
- .rb-search-form .search-text {
- flex-grow: 1;
- }
- .rb-search-form input {
- width: 100%;
- padding: .6em 0;
- border: none;
- background: none;
- }
- .rb-search-form input::placeholder {
- opacity: .8;
- color: inherit;
- }
- img.svg {
- width: 100%;
- height: 100%;
- object-fit: contain;
- }
- .navbar-right {
- position: relative;
- flex-shrink: 0;
- }
- .header-dropdown-outer {
- position: static;
- }
- .dropdown-trigger {
- cursor: pointer;
- }
- .header-dropdown {
- right: 0;
- left: auto;
- overflow: hidden;
- min-width: 200px;
- background: var(--subnav-bg);
- background: -webkit-linear-gradient(left, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%);
- background: linear-gradient(to right, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%);
- box-shadow: 0 4px 30px var(--shadow-12);
- }
- .menu-ani-1 .rb-menu > .menu-item > a > span {
- -webkit-transition: color .25s var(--timing);
- transition: color .25s var(--timing);
- }
- .menu-ani-1 .rb-menu > .menu-item > a > span:before {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 0;
- height: 3px;
- content: '';
- -webkit-transition: width 0s var(--timing), background-color .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;
- right: 0;
- bottom: 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));
- }
- .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: var(--effect);
- transition: var(--effect);
- }
- .menu-ani-2 .rb-menu > .menu-item > a:hover > span {
- opacity: .7;
- }
- .menu-ani-2 .sub-menu > .menu-item a:hover span {
- opacity: .7;
- color: var(--subnav-color-h, currentColor);
- }
- .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-ani-3 .main-menu > .menu-item > a {
- z-index: 1;
- }
- .menu-ani-3 .main-menu > .menu-item > a:before {
- position: absolute;
- z-index: 0;
- top: 5px;
- right: 1px;
- bottom: 5px;
- left: 1px;
- display: block;
- content: '';
- -webkit-transition: var(--effect);
- transition: var(--effect);
- border-radius: var(--round-3);
- background-color: transparent;
- }
- .menu-ani-3 .main-menu > .current-menu-item > a span, .menu-ani-3 .main-menu > .menu-item > a:hover span, .menu-ani-3 .main-menu > .menu-item.current-menu-item > a:after, .menu-ani-3 .main-menu > .menu-item > a:hover:after {
- color: var(--nav-color-h, currentColor);
- }
- .menu-ani-3 .main-menu > .menu-item.current-menu-item > a:before, .menu-ani-3 .main-menu > .menu-item > a:hover:before {
- background: var(--nav-color-h-accent, var(--flex-gray-15));
- }
- .menu-ani-3 .main-menu .sub-menu > .menu-item a:hover {
- background-color: var(--flex-gray-15);
- }
- .menu-ani-3 .main-menu .sub-menu > .menu-item a:hover > span {
- color: var(--subnav-color-h, currentColor);
- }
- .menu-ani-4 .main-menu > .menu-item > a span {
- -webkit-transition: var(--effect);
- transition: var(--effect);
- border-bottom-width: 2px;
- border-bottom-style: solid;
- border-bottom-color: transparent;
- }
- .menu-ani-4 .main-menu > .menu-item > a:hover > span, .menu-ani-4 .main-menu > .menu-item.current-menu-item > a > span {
- border-bottom-color: var(--nav-color-h-accent, var(--g-color));
- }
- .is-divider-slash .rb-menu > li,
- .is-divider-pipe .rb-menu > li,
- .is-divider-hyphen .rb-menu > li {
- display: inline-flex;
- align-items: center;
- }
- .is-divider-slash .rb-menu > li:not(:first-child):before {
- display: inline-flex;
- content: '/';
- }
- .is-divider-pipe .rb-menu > li:not(:first-child):before {
- display: inline-flex;
- height: 12px;
- content: '';
- border-left: 3px solid var(--flex-gray-40);
- }
- .is-divider-hyphen .rb-menu > li:not(:first-child):before {
- display: inline-flex;
- width: 20px;
- content: '';
- border-bottom: 1px solid var(--g-color);
- }
- .menu-item-svg {
- line-height: 1em;
- width: calc(1em + 5px);
- }
- .burger-icon {
- position: relative;
- display: block;
- width: 24px;
- height: 16px;
- color: var(--nav-color, inherit);
- }
- .burger-icon > span {
- position: absolute;
- left: 0;
- display: block;
- height: 2px;
- -webkit-transition: all .5s var(--timing);
- transition: all .5s var(--timing);
- border-radius: 2px;
- background-color: currentColor;
- }
- .collapse-activated .burger-icon > span {
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .burger-icon > span:nth-child(1) {
- top: 0;
- width: 100%;
- }
- .burger-icon > span:nth-child(2) {
- top: 50%;
- width: 65%;
- margin-top: -1px;
- }
- .burger-icon > span:nth-child(3) {
- top: auto;
- bottom: 0;
- width: 40%;
- }
- .collapse-activated .burger-icon > span:nth-child(2) {
- background-color: transparent;
- }
- .collapse-activated .burger-icon > span:nth-child(1) {
- top: 50%;
- width: 100%;
- margin-top: -1px;
- -webkit-transform: rotate(45deg);
- transform: rotate(45deg);
- transform-origin: center center;
- }
- .collapse-activated .burger-icon > span:nth-child(3) {
- top: 50%;
- width: 100%;
- margin-top: -1px;
- -webkit-transform: rotate(-45deg);
- transform: rotate(-45deg);
- transform-origin: center center;
- }
- .login-toggle {
- display: inline-flex;
- align-items: center;
- flex-flow: row nowrap;
- flex-shrink: 0;
- vertical-align: middle;
- text-decoration: none !important;
- }
- .login-toggle.is-btn {
- line-height: 30px;
- margin-right: 10px;
- padding-right: var(--login-btn-padding, 20px);
- padding-left: var(--login-btn-padding, 20px);
- }
- .login-toggle span:not(.login-icon-svg) {
- font-size: var(--rem-mini);
- }
- .is-btn-icon svg, .is-btn-icon .login-icon-svg {
- width: 1.25em;
- height: 1.25em;
- margin-right: .4em;
- }
- .logged-welcome {
- font-size: var(--rem-mini);
- display: none;
- align-items: center;
- margin-left: 5px;
- }
- .logged-welcome:after {
- line-height: 1;
- display: inline-flex;
- }
- .logged-welcome strong {
- font-style: normal;
- margin-right: 2px;
- margin-left: 2px;
- }
- .logged-avatar {
- display: inline-flex;
- align-items: center;
- flex-flow: row nowrap;
- }
- .logged-avatar img {
- width: 1.75em;
- height: 1.75em;
- border-radius: 100%;
- }
- .notification-icon {
- display: flex;
- }
- .notification-icon-inner {
- display: flex;
- align-items: center;
- }
- .notification-icon-holder, .notification-icon i {
- line-height: 1;
- position: relative;
- }
- .empty-notification {
- display: block;
- padding: 20px;
- }
- .notification-info {
- font-size: 11px;
- line-height: 18px;
- position: absolute;
- right: -9px;
- bottom: calc(100% - 9px);
- width: 18px;
- height: 18px;
- text-align: center;
- pointer-events: none;
- opacity: 0;
- color: var(--awhite);
- border-radius: 100%;
- background-color: var(--g-color);
- }
- @-webkit-keyframes heartbeat {
- 0% {
- transform: scale(1);
- }
- 50% {
- transform: scale(1.2);
- }
- 100% {
- transform: scale(1);
- }
- }
- @keyframes heartbeat {
- 0% {
- transform: scale(1);
- }
- 50% {
- transform: scale(1.2);
- }
- 100% {
- transform: scale(1);
- }
- }
- .notification-trigger:hover .notification-info {
- -webkit-animation: heartbeat 1s infinite;
- animation: heartbeat 1s infinite;
- }
- .notification-header {
- display: flex;
- align-items: center;
- padding: 10px 20px;
- border-bottom: 1px solid var(--flex-gray-15);
- }
- .notification-url {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- margin-left: auto;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- opacity: .7;
- }
- .notification-url:hover {
- opacity: 1;
- }
- .notification-url i {
- margin-left: 4px;
- }
- .notification-content .scroll-holder {
- overflow-y: scroll;
- max-height: 50vh;
- }
- .notification-popup {
- display: block;
- width: 400px;
- max-width: 100%;
- --bottom-spacing: 0;
- --el-spacing: 10px;
- }
- .notification-content .p-wrap {
- padding: 20px;
- border-bottom: 1px solid var(--flex-gray-15);
- }
- .menu-has-child-mega-columns {
- position: relative;
- display: flex;
- align-items: center;
- cursor: pointer;
- }
- .more-trigger {
- line-height: 0;
- height: 100%;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- color: var(--nav-color);
- }
- .more-section-outer .svg-icon {
- width: 1em;
- }
- .more-section-outer .more-trigger {
- padding-right: var(--menu-item-spacing, 12px);
- padding-left: var(--menu-item-spacing, 12px);
- }
- .more-section-outer .more-trigger:hover, .more-section-outer.dropdown-activated .more-trigger {
- color: var(--g-color);
- }
- .dots-icon {
- display: flex;
- align-items: center;
- flex-flow: column nowrap;
- justify-content: space-between;
- height: 18px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .more-trigger:hover .dots-icon, .dropdown-activated .dots-icon {
- -webkit-transform: scaleY(1.2);
- transform: scaleY(1.2);
- }
- .dots-icon > span {
- display: block;
- width: 4px;
- height: 4px;
- border-radius: 200%;
- background-color: currentColor;
- }
- .more-content {
- padding: 30px 20px 10px 20px;
- }
- .collapse-footer {
- padding: 15px;
- background-color: var(--subnav-color-10);
- }
- .mega-columns {
- display: grid;
- margin-right: -20px;
- margin-left: -20px;
- grid-template-columns: 1fr 1fr;
- }
- .mega-columns > * {
- padding-right: 20px;
- padding-left: 20px;
- }
- .menu-has-child-mega-columns.layout-col-1 .mega-columns {
- grid-template-columns: 1fr;
- }
- .menu-has-child-mega-columns.layout-col-3 .mega-columns {
- grid-template-columns: 1fr 1fr 1fr;
- }
- .menu-has-child-mega-columns.layout-col-4 .mega-columns {
- grid-template-columns: 1fr 1fr 1fr 1fr;
- }
- .menu-has-child-mega-columns.layout-col-5 .mega-columns {
- grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
- }
- .more-section .header-search-form {
- min-width: 320px;
- margin-bottom: 25px;
- }
- .more-col {
- min-width: 170px;
- margin-bottom: 20px;
- padding-right: 20px;
- padding-left: 20px;
- }
- .more-col .widget-heading, .elementor-widget-wp-widget-nav_menu h5 {
- font-size: var(--h4-fsize);
- display: block;
- margin-bottom: 7px;
- }
- .header-search-form .h5 {
- display: block;
- margin-bottom: 10px;
- }
- .live-search-response {
- position: relative;
- overflow: hidden;
- }
- .is-form-layout .live-search-response {
- position: absolute;
- z-index: 1000;
- top: calc(100% + 2px);
- right: 0;
- left: 0;
- display: none;
- color: var(--body-color);
- border-top: none;
- border-radius: var(--round-5);
- background: var(--subnav-bg);
- background: -webkit-linear-gradient(left, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%);
- background: linear-gradient(to right, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%);
- box-shadow: 0 4px 30px var(--shadow-12);
- }
- .search-form-border .live-search-response {
- border: 1px solid var(--flex-gray-15);
- box-shadow: none;
- }
- .more-content .live-search-response {
- color: var(--subnav-color);
- background: var(--subnav-bg);
- background: -webkit-linear-gradient(left, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%);
- background: linear-gradient(to right, var(--subnav-bg-from) 0%, var(--subnav-bg-to) 100%);
- }
- .live-search-animation.rb-loader {
- position: absolute;
- top: 50%;
- right: 10px;
- width: 20px;
- height: 20px;
- margin-top: -10px;
- opacity: 0;
- color: var(--input-fcolor, currentColor);
- }
- .live-search-link .is-btn {
- display: inline-block;
- }
- .live-search-inner {
- position: relative;
- --bottom-spacing: 10px;
- }
- .live-search-inner > * {
- padding-top: var(--bottom-spacing);
- padding-right: 10px;
- padding-left: 10px;
- border-top: 1px solid var(--flex-gray-15);
- }
- .is-search-category .live-search-inner > *:last-child {
- padding-bottom: var(--bottom-spacing);
- }
- .search-no-result {
- font-size: var(--excerpt-fsize);
- padding-top: 20px;
- padding-bottom: 20px;
- color: var(--excerpt-color);
- border-top: 1px solid var(--flex-gray-15);
- }
- .is-form-layout .live-search-inner > *:first-child, .is-form-layout .search-no-result {
- border: none;
- }
- .live-search-link {
- margin: var(--bottom-spacing) 0;
- text-align: center;
- }
- .search-loading .live-search-animation.rb-loader {
- display: block;
- opacity: 1;
- }
- .search-loading .rb-search-submit i {
- display: none;
- }
- .search-form-none .search-form-inner {
- border: none;
- }
- .search-form-line .search-form-inner, .search-form-bold .search-form-inner {
- padding: 0;
- border: none;
- border-bottom: 1px solid var(--search-form-color, currentColor);
- }
- .search-form-line .search-icon > *, .search-form-bold .search-icon > *, .search-form-none .search-icon > * {
- margin-left: 0;
- }
- .search-form-line .rb-search-submit i, .search-form-bold .rb-search-submit i, .search-form-none .rb-search-submit i {
- padding-right: 0;
- }
- .search-form-gray .search-form-inner {
- border: none;
- background-color: var(--search-form-color, var(--flex-gray-7));
- }
- .is-form-layout .search-form-inner {
- width: 100%;
- border-color: var(--search-form-color, var(--flex-gray-15));
- }
- .is-form-layout .search-icon {
- opacity: .5;
- }
- .search-form-bold .search-form-inner {
- border-width: 3px;
- }
- .search-form-none .live-search-response {
- padding: 10px 10px 0 10px;
- border: none;
- box-shadow: 0 4px 20px var(--shadow-7);
- }
- .search-form-none .rbi-cright:before {
- content: '\e958';
- }
- .collapse-footer > * {
- margin-bottom: 12px;
- }
- .collapse-footer > *:last-child {
- margin-bottom: 0;
- }
- .collapse-footer-menu a {
- color: var(--submbnav-color, var(--subnav-color));
- }
- .collapse-footer-menu-inner {
- display: flex;
- flex-flow: row wrap;
- gap: 10px;
- }
- .collapse-footer-menu-inner li {
- position: relative;
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- }
- .collapse-footer-menu-inner li:not(:last-child):after {
- display: flex;
- width: 3px;
- height: 3px;
- margin-right: 10px;
- margin-left: 10px;
- content: '';
- opacity: .25;
- border-radius: 100%;
- background-color: currentColor;
- }
- .collapse-copyright {
- font-size: var(--rem-mini);
- opacity: .7;
- }
- .sub-menu.left-direction, .header-dropdown.left-direction {
- right: -10%;
- left: auto;
- }
- .sub-menu .sub-menu.left-direction {
- right: 100%;
- margin-right: 20px;
- }
- .large-menu .sub-menu li:hover > .sub-menu.left-direction {
- right: calc(100% - 1px);
- left: auto;
- margin-right: 0;
- }
- .dark-mode-toggle-wrap {
- height: auto;
- }
- .dark-mode-toggle {
- display: flex;
- align-items: center;
- cursor: pointer;
- }
- .dark-mode-toggle-wrap:not(:first-child) .dark-mode-toggle {
- position: relative;
- margin-left: 5px;
- padding-left: 10px;
- border-left: 1px solid var(--flex-gray-40);
- }
- .navbar-outer .dark-mode-toggle-wrap:not(:first-child) .dark-mode-toggle {
- border-color: var(--nav-color-10);
- }
- .dark-mode-slide {
- position: relative;
- width: 40px;
- height: 14px;
- border-radius: 20px;
- background-color: var(--flex-gray-15);
- }
- .dark-mode-slide-btn {
- position: absolute;
- top: -5px;
- left: 0;
- display: flex;
- visibility: hidden;
- align-items: center;
- justify-content: center;
- width: 24px;
- height: 24px;
- -webkit-transition: opacity .1s;
- transition: opacity .1s;
- opacity: 0;
- border-radius: 100%;
- background-color: var(--solid-white);
- 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: #ffffff;
- 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:not(.navbar-outer-template) {
- min-height: var(--nav-height);
- }
- .is-mstick .sticky-holder {
- z-index: 998;
- top: 0;
- right: 0;
- left: 0;
- }
- @-webkit-keyframes stick-animation {
- from {
- -webkit-transform: translate3d(0, -100%, 0)
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- }
- }
- @keyframes stick-animation {
- from {
- transform: translate3d(0, -100%, 0)
- }
- to {
- transform: translate3d(0, 0, 0);
- }
- }
- .sticky-on.is-mstick .sticky-holder, .sticky-on .e-section-sticky {
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-backface-visibility: hidden;
- }
- .stick-animated.is-mstick .sticky-holder, .stick-animated .e-section-sticky {
- -webkit-animation-name: stick-animation;
- animation-name: stick-animation;
- -webkit-animation-duration: 200ms;
- animation-duration: 200ms;
- -webkit-animation-timing-function: ease-out;
- animation-timing-function: ease-out;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1;
- will-change: transform;
- }
- .sticky-on .mobile-qview {
- display: none;
- }
- .collapse-activated div.mobile-qview {
- display: block;
- }
- .e-section-sticky {
- z-index: 1000;
- }
- .collapse-activated {
- overflow: hidden;
- max-height: 100%;
- }
- .collapse-activated body, .collapse-activated .sticky-holder, .collapse-activated .header-mobile {
- overflow: hidden;
- height: 100%;
- }
- .collapse-activated .site-outer {
- overflow: hidden;
- height: 100%;
- margin-top: 0 !important;
- -webkit-transition: none;
- transition: none;
- }
- .collapse-activated .header-wrap {
- display: flex;
- align-items: stretch;
- flex-flow: column nowrap;
- height: 100%;
- min-height: 100vh;
- }
- .collapse-activated .navbar-outer {
- flex-grow: 1;
- }
- .header-mobile-wrap {
- position: relative;
- z-index: 99;
- flex-grow: 0;
- flex-shrink: 0;
- color: var(--mbnav-color, var(--nav-color));
- background: var(--mbnav-bg, var(--nav-bg));
- background: -webkit-linear-gradient(left, var(--mbnav-bg-from, var(--nav-bg-from)) 0%, var(--mbnav-bg-to, var(--nav-bg-to)) 100%);
- background: linear-gradient(to right, var(--mbnav-bg-from, var(--nav-bg-from)) 0%, var(--mbnav-bg-to, var(--nav-bg-to)) 100%);
- box-shadow: 0 4px 30px var(--shadow-7);
- }
- .header-mobile-wrap .is-text-logo .logo-title > *, .header-mobile-wrap .navbar-right > * {
- color: inherit;
- }
- .mlogo-top {
- display: flex;
- justify-content: center;
- width: 100%;
- }
- .mobile-logo-wrap {
- display: flex;
- flex-grow: 0;
- margin: 0;
- }
- .mobile-logo-wrap img {
- width: auto;
- max-height: var(--mbnav-height, 42px);
- }
- #amp-header .navbar-left .mobile-logo-wrap img {
- object-position: left !important;
- }
- .header-mobile .logo-title a {
- line-height: var(--mbnav-height, 42px);
- }
- .collapse-holder {
- display: block;
- overflow-y: auto;
- width: 100%;
- }
- .mobile-collapse .header-search-form {
- margin-bottom: 15px;
- }
- .mobile-collapse .rb-search-form input {
- padding-left: 0;
- }
- .mbnav {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- min-height: var(--mbnav-height, 42px);
- }
- .mbnav.is-top-logo {
- flex-flow: row wrap;
- }
- .is-mstick.sticky-on .mlogo-top {
- position: absolute;
- top: 0;
- left: 60px;
- width: auto;
- max-height: var(--mbnav-height, 42px);
- }
- .mbnav.is-top-logo .mobile-toggle-wrap {
- min-height: var(--mbnav-height, 42px);
- }
- .header-mobile-wrap .navbar-right {
- align-items: center;
- justify-content: flex-end;
- }
- .mbnav-center .navbar-left, .mbnav-center .navbar-right {
- flex-grow: 0;
- flex-shrink: 0;
- width: 30%;
- }
- .mbnav-center .navbar-center {
- display: flex;
- justify-content: center;
- width: 40%;
- }
- .mbnav-center .wnav-holder {
- padding-right: 3px;
- padding-left: 3px;
- }
- .mobile-toggle-wrap {
- display: flex;
- align-items: stretch;
- }
- .navbar-right .mobile-toggle-wrap {
- height: auto;
- }
- .navbar-right .mobile-toggle-wrap .burger-icon > span {
- right: 0;
- left: auto;
- }
- .navbar-right .mobile-toggle-wrap .mobile-menu-trigger {
- padding-right: 0;
- padding-left: 10px;
- }
- .mobile-menu-trigger {
- display: flex;
- align-items: center;
- padding-right: 10px;
- cursor: pointer;
- }
- .mobile-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(left, var(--submbnav-bg-from, var(--subnav-bg-from)) 0%, var(--submbnav-bg-to, var(--subnav-bg-to)) 100%);
- background: linear-gradient(to right, var(--submbnav-bg-from, var(--subnav-bg-from)) 0%, var(--submbnav-bg-to, var(--subnav-bg-to)) 100%);
- }
- .collapse-activated .mobile-collapse {
- visibility: visible;
- flex-grow: 1;
- height: auto;
- opacity: 1;
- }
- .collapse-sections {
- position: relative;
- max-width: 100%;
- margin-top: 20px;
- padding-top: 20px;
- }
- .collapse-inner {
- position: relative;
- display: block;
- width: 100%;
- padding-top: 15px;
- }
- .collapse-inner > *:last-child {
- padding-bottom: 90px;
- }
- .mobile-search-form .live-search-animation.rb-loader {
- top: 8px;
- }
- .mobile-menu > li.menu-item-has-children:not(:first-child) {
- margin-top: 20px;
- }
- .mobile-menu > li > a {
- display: block;
- padding: 10px 0;
- }
- .mobile-menu .sub-menu {
- display: flex;
- flex-flow: row wrap;
- padding-top: 5px;
- border-top: 1px solid var(--submbnav-color-10, var(--subnav-color-10));
- }
- .mobile-menu .sub-menu > * {
- flex: 0 0 50%;
- }
- .mobile-menu .sub-menu a {
- display: block;
- width: 100%;
- padding: 7px 0;
- }
- .mobile-qview {
- position: relative;
- display: block;
- overflow: auto;
- width: 100%;
- border-top: 1px solid var(--nav-color-10);
- -ms-overflow-style: none;
- scrollbar-width: none;
- }
- .mobile-qview::-webkit-scrollbar {
- width: 0;
- height: 0;
- }
- .mobile-qview-inner {
- display: flex;
- flex-flow: row nowrap;
- }
- .mobile-qview a {
- position: relative;
- display: flex;
- align-items: center;
- height: var(--qview-height, 42px);
- padding: 0 15px;
- white-space: nowrap;
- color: inherit;
- }
- .mobile-qview a > span {
- line-height: 1;
- }
- .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);
- }
- .collapse-sections > * {
- display: flex;
- flex-flow: row nowrap;
- margin-bottom: 20px;
- padding-bottom: 20px;
- border-bottom: 1px solid var(--flex-gray-15);
- }
- .collapse-sections > *:last-child {
- margin-bottom: 0;
- border-bottom: none;
- }
- .mobile-login {
- display: flex;
- align-items: center;
- justify-content: space-between;
- width: 100%;
- }
- .mobile-login .login-toggle.is-btn {
- margin-right: 0;
- }
- .mobile-logout-btn {
- background-color: var(--dark-accent);
- }
- .mobile-socials a {
- font-size: 16px;
- flex-shrink: 0;
- padding: 0 12px;
- }
- .header-alert {
- font-size: var(--em-mini);
- display: flex;
- align-items: center;
- justify-content: center;
- padding-top: 5px;
- padding-bottom: 5px;
- text-align: center;
- color: var(--alert-color, inherit);
- background-color: var(--alert-bg, #ffc96a);
- }
- .header-ad-widget {
- padding: 15px 20px;
- }
- .sticky-on .header-alert.is-sticky-hide {
- visibility: hidden;
- }
- .top-site-ad {
- position: relative;
- display: block;
- width: 100%;
- height: auto;
- text-align: center;
- background-color: var(--top-site-bg, var(--flex-gray-7));
- }
- .yes-hd-transparent .top-site-ad {
- background-color: var(--top-site-bg, #141519);
- }
- .top-site-ad.is-image.yes-animation {
- position: fixed;
- top: 0;
- bottom: auto;
- left: 0;
- }
- .admin-bar .top-site-ad.is-image.yes-animation {
- top: 32px;
- }
- .top-site-ad: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;
- }
- /*
- -----------------
- 6 - Post Entry
- -----------------
- */
- .p-wrap {
- position: relative;
- }
- .p-overlay {
- --el-spacing: 10px;
- }
- .p-content {
- position: relative;
- }
- .p-wrap > *:not(:last-child), .grid-box > *:not(:last-child), .p-content > *:not(:last-child) {
- margin-bottom: var(--el-spacing);
- }
- .p-small {
- --el-spacing: 7px;
- }
- .grid-box {
- position: relative;
- height: 100%;
- padding-bottom: calc(var(--box-spacing) + 5px);
- border-radius: var(--wrap-border, var(--round-3));
- }
- .grid-box .p-featured {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .list-box {
- position: relative;
- border-radius: var(--wrap-border, var(--round-3));
- }
- .box-border .grid-box:before, .box-border .list-box:before {
- position: absolute;
- z-index: 5;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- content: '';
- pointer-events: none;
- border: 1px solid;
- border-color: var(--box-color, var(--default-box, var(--flex-gray-15)));
- border-radius: var(--wrap-border, var(--round-3));
- }
- .box-bg .grid-box, .box-bg .list-box {
- background-color: var(--box-color, var(--default-box, var(--solid-light)));
- }
- .box-shadow .grid-box, .box-shadow .list-box {
- background-color: var(--box-color, var(--default-box, transparent));
- box-shadow: 0 4px 20px var(--shadow-7);
- }
- [data-theme='dark'] .box-shadow .grid-box, .light-scheme .box-shadow .grid-box, [data-theme='dark'] .box-shadow .list-box, .light-scheme .box-shadow .list-box {
- --box-shadow-color: var(--shadow-12);
- }
- [data-theme='dark'] .box-border .grid-box: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(--default-dark-box, var(--flex-gray-15)));
- }
- [data-theme='dark'] .box-bg .grid-box, .light-scheme .box-bg .grid-box, [data-theme='dark'] .box-bg .list-box, .light-scheme .box-bg .list-box {
- background-color: var(--dark-box-color, var(--default-dark-box, var(--solid-light)));
- }
- [data-theme='dark'] .box-shadow .grid-box, .light-scheme .box-shadow .grid-box, [data-theme='dark'] .box-shadow .list-box, .light-scheme .box-shadow .list-box {
- background-color: var(--dark-box-color, var(--default-dark-box, transparent));
- }
- .grid-box > *:not(.feat-holder) {
- margin-right: var(--box-spacing);
- margin-left: var(--box-spacing);
- }
- .grid-box .feat-holder {
- z-index: 10;
- }
- .counter-el {
- position: relative;
- counter-increment: trend-counter;
- }
- .counter-el:before {
- font-family: var(--h2-family);
- font-size: var(--counter-size, 3.5rem);
- font-weight: var(--h2-fweight);
- font-style: var(--h2-fstyle);
- line-height: 1;
- position: absolute;
- top: 0;
- right: 0;
- bottom: auto;
- left: auto;
- display: block;
- min-width: 1.05em;
- content: counter(trend-counter, decimal-leading-zero);
- letter-spacing: var(--h2-fspace);
- pointer-events: none;
- opacity: var(--counter-opacity, .15);
- color: var(--counter-color, currentColor);
- }
- .p-top + .counter-el:before {
- top: -1.5rem;
- }
- .is-counter-inline .counter-el:before {
- position: relative;
- top: auto;
- right: auto;
- bottom: auto;
- left: auto;
- display: inline;
- padding-right: 7px;
- opacity: 1;
- color: var(--counter-color, var(--g-color));
- }
- .feat-holder {
- position: relative;
- max-width: 100%;
- }
- .p-top, .p-categories {
- display: flex;
- align-items: stretch;
- flex-flow: row wrap;
- flex-grow: 1;
- gap: 3px;
- }
- .p-top .p-categories {
- flex-grow: 0;
- }
- .p-format-inline .p-format {
- display: flex;
- align-items: center;
- justify-content: center;
- height: 100%;
- margin-left: 2px;
- padding: 0 5px;
- border-radius: var(--round-3);
- }
- .ecat-bg-3 .p-format-inline .p-format, .ecat-border .p-format-inline .p-format {
- border-radius: 9999px;
- }
- .p-format-inline .p-format .gallery-count {
- display: none;
- }
- .p-format-inline .p-format i {
- font-size: 1em;
- }
- .p-featured {
- position: relative;
- display: block;
- overflow: hidden;
- padding-bottom: calc(var(--feat-ratio, 60) * 1%);
- border-radius: var(--wrap-border, var(--round-3));
- }
- .hovering-scale .p-featured img {
- -webkit-transition: -webkit-transform .4s var(--timing);
- transition: transform .4s var(--timing);
- }
- .hovering-bw .p-featured img {
- -webkit-transition: var(--effect);
- transition: var(--effect);
- -webkit-filter: grayscale(0%);
- filter: grayscale(0%);
- }
- .hovering-bw-invert .p-featured img {
- -webkit-transition: var(--effect);
- transition: var(--effect);
- -webkit-filter: grayscale(100%);
- filter: grayscale(100%);
- }
- .hovering-fade .p-featured img {
- -webkit-transition: opacity .25s var(--timing);
- transition: opacity .25s var(--timing);
- }
- .hovering-scale .p-wrap:hover .p-featured img {
- -webkit-transform: scale(1.05);
- transform: scale(1.05);
- }
- .hovering-fade .p-wrap:hover .p-featured img {
- opacity: .7;
- }
- .hovering-bw .p-wrap:hover .p-featured img {
- -webkit-filter: grayscale(100%);
- filter: grayscale(100%);
- }
- .hovering-bw-invert .p-wrap:hover .p-featured img {
- -webkit-filter: grayscale(0%);
- filter: grayscale(0%);
- }
- [class*='p-overlay-'] .p-featured {
- margin-bottom: 0;
- border-radius: 0;
- }
- .p-center [class*='p-overlay-'] .entry-title {
- max-width: var(--rb-width, 1240px);
- margin-right: auto;
- margin-left: auto;
- }
- .p-center [class*='p-overlay-'] .entry-summary {
- max-width: var(--rb-small-width, 860px);
- margin-right: auto;
- margin-left: auto;
- }
- .p-featured.ratio-v1 {
- padding-bottom: calc(var(--feat-ratio, 75) * 1%);
- }
- .p-featured.ratio-v2 {
- padding-bottom: calc(var(--feat-ratio, 85) * 1%);
- }
- .p-featured.ratio-q {
- padding-bottom: calc(var(--feat-ratio, 100) * 1%);
- }
- .preview-video {
- position: absolute;
- z-index: 2;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- display: none;
- overflow: inherit;
- width: 100%;
- height: 100%;
- pointer-events: none;
- object-fit: cover;
- }
- .preview-video video {
- display: block;
- width: 100%;
- height: 100%;
- pointer-events: none;
- object-fit: none;
- }
- .show-preview .preview-video {
- display: block;
- }
- .p-flink {
- position: absolute;
- z-index: 1;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- display: block;
- }
- .p-featured img.featured-img {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- margin: 0;
- object-fit: cover;
- object-position: var(--feat-position, center);
- }
- .block-wrap:not(.p-center) .p-meta.has-bookmark, .block-wrap:not(.p-center) .review-meta.has-bookmark {
- padding-right: 25px;
- }
- .meta-inner {
- display: flex;
- align-items: center;
- flex-flow: row wrap;
- flex-grow: 1;
- gap: .2em .6em;
- }
- .rb-bookmark {
- font-size: var(--bookmark-fsize, 1rem);
- position: absolute;
- z-index: 10;
- top: auto;
- right: 0;
- bottom: 0;
- left: auto;
- display: flex;
- visibility: hidden;
- align-items: center;
- justify-content: center;
- width: 20px;
- height: 100%;
- cursor: pointer;
- pointer-events: none;
- color: var(--body-fcolor);
- }
- .bookmarked-icon, .bookmarked i:not(.bookmarked-icon) {
- display: none;
- }
- .bookmarked i.bookmarked-icon {
- display: block;
- }
- .rb-bookmark i {
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .rb-bookmark.in-progress {
- pointer-events: none;
- }
- .meta-bookmark .rb-bookmark {
- font-size: 0;
- line-height: 1;
- position: relative;
- top: auto;
- bottom: auto;
- width: auto;
- height: auto;
- color: inherit;
- }
- .meta-bookmark .rb-bookmark i {
- font-size: var(--meta-fsize);
- margin: 0;
- }
- .meta-bookmark .rb-bookmark:hover i {
- color: var(--g-color);
- border-color: var(--g-color);
- text-shadow: none;
- }
- .meta-el {
- display: inline-flex;
- align-items: center;
- flex-flow: row wrap;
- }
- .meta-category a {
- color: var(--cat-highlight, inherit);
- }
- .meta-el:not(.meta-author) a {
- display: inline-flex;
- align-items: center;
- flex-flow: row nowrap;
- }
- .meta-el:not(.meta-author) a:after {
- display: inline-flex;
- width: var(--meta-style-w, 1px);
- height: var(--meta-style-h, 6px);
- margin-right: 0.4em;
- margin-left: 0.4em;
- content: '';
- -webkit-transform: skewX(-15deg);
- transform: skewX(-15deg);
- text-decoration: none !important;
- opacity: var(--meta-style-o, .3);
- border-radius: var(--meta-style-b, 0);
- background-color: var(--meta-fcolor);
- }
- .meta-el a:last-child:after {
- display: none;
- }
- .meta-avatar {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- flex-shrink: 0;
- }
- 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-left: -12px;
- }
- .smeta-in > .meta-avatar.multiple-meta-avatar img:not(:first-child) {
- margin-left: 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;
- }
- .meta-like {
- opacity: 0;
- }
- .elementor-editor-active .meta-like, .meta-like.loaded {
- opacity: 1;
- }
- .meta-like > span {
- line-height: 1;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- min-width: 42px;
- padding: 5px;
- cursor: pointer;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- border-radius: var(--round-5);
- gap: 3px;
- }
- .meta-like i {
- font-size: calc(1em + 3px);
- }
- .el-like.triggered i:before {
- content: '\e978';
- }
- .el-dislike.triggered i:before {
- content: '\e977'
- }
- span.entry-title {
- display: block;
- }
- .entry-title i {
- font-size: .9em;
- display: inline;
- margin-right: 0.2em;
- vertical-align: middle;
- color: var(--title-color, currentColor);
- }
- .p-url {
- font-size: var(--title-size, inherit);
- position: relative;
- color: var(--title-color, inherit);
- text-underline-offset: 1px;
- }
- .has-index:before {
- display: inline;
- content: attr(data-index);
- }
- .sticky .entry-title a:before, .sticky .s-title:before {
- font-family: 'ruby-icon';
- font-size: 1em;
- margin-right: .3em;
- padding: 0;
- content: '\e962' !important;
- color: inherit;
- background: none;
- }
- .meta-label, .meta-el:not(.meta-like):not(.meta-bookmark) i {
- margin-right: .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-color: transparent;
- text-decoration-line: underline;
- text-underline-offset: 1px;
- }
- .single-meta .meta-author a, .is-meta a:hover, .sponsor-link:hover .is-text, .breadcrumb-inner a:hover, .efoot a:hover {
- text-decoration: underline solid var(--g-color);
- }
- .name-text .nname-info .nice-name {
- text-decoration: none;
- }
- .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));
- }
- .cfield-meta {
- line-height: 1;
- display: inline-flex;
- align-items: center;
- flex-flow: row nowrap;
- color: var(--meta-color, var(--meta-fcolor));
- gap: var(--meta-spacing, 3px);
- }
- .meta-icon {
- font-size: var(--meta-icon-size, inherit);
- color: var(--meta-icon-color, currentColor);
- }
- .meta-icon svg {
- width: 1em;
- height: 1em;
- fill: currentColor;
- }
- .post-edit-link {
- font-size: var(--rem-mini);
- line-height: 1;
- position: absolute;
- z-index: 9999;
- top: 0;
- right: 10px;
- display: block;
- visibility: hidden;
- padding: 5px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- opacity: 0;
- color: #ffffff !important;
- background-color: #333333;
- }
- .post-slider .post-edit-link {
- right: auto;
- left: 0;
- }
- .p-wrap:hover .post-edit-link, .holder-wrap:hover .post-edit-link {
- visibility: visible;
- opacity: 1;
- }
- .post-edit-link:hover {
- background-color: var(--g-color);
- }
- .p-format-overlay {
- line-height: 0;
- position: absolute;
- z-index: 2;
- top: 0;
- right: 0;
- bottom: auto;
- display: flex;
- align-items: flex-end;
- justify-content: flex-end;
- pointer-events: none;
- }
- .p-format i {
- font-size: inherit;
- line-height: 1;
- display: block;
- }
- .p-format .rbi-video {
- -webkit-transform: scale(1.1);
- transform: scale(1.1);
- }
- .p-format-overlay.format-style-bottom {
- z-index: 100;
- top: auto;
- right: 0;
- bottom: 0;
- left: auto;
- }
- .p-format-overlay.format-style-top {
- z-index: 11;
- }
- .p-format-overlay.format-style-bottom .p-format {
- position: relative;
- padding: 7px 5px 5px 7px;
- color: var(--body-fcolor);
- border-radius: 50% 0 0 0;
- background-color: var(--solid-white);
- }
- .grid-box .p-format-overlay.format-style-bottom .p-format {
- background-color: var(--box-color, var(--default-box, var(--solid-light)));
- }
- [data-theme='dark'] .grid-box .p-format-overlay.format-style-bottom .p-format, .light-scheme .grid-box .p-format-overlay.format-style-bottom .p-format {
- background-color: var(--dark-box-color, var(--default-dark-box, var(--solid-light)));
- }
- .format-style-bottom .p-format {
- font-size: 20px;
- }
- .gallery-count {
- line-height: 1;
- position: absolute;
- top: 0;
- right: 0;
- padding: 4px;
- }
- .format-style-bottom .gallery-count {
- font-size: 10px;
- line-height: 14px;
- top: 2px;
- right: 0;
- display: block;
- width: 14px;
- height: 14px;
- padding: 0;
- text-align: center;
- color: var(--awhite);
- border-radius: 100%;
- background-color: var(--g-color);
- }
- .p-format-overlay.format-style-top {
- font-size: 26px;
- left: 0;
- }
- .p-format-overlay.format-style-center {
- top: 50%;
- right: auto;
- left: 50%;
- align-items: center;
- justify-content: center;
- width: 60px;
- height: 60px;
- margin-top: -30px;
- margin-left: -30px;
- }
- .p-format-overlay.format-style-center .p-format {
- font-size: 40px;
- display: inline-flex;
- background-color: transparent;
- text-shadow: 0 0 10px rgba(0, 0, 0, .25);
- }
- .p-format-overlay.format-style-top .p-format {
- display: block;
- margin-left: auto;
- padding: .3em;
- }
- .p-format-overlay.format-style-top .p-format:after {
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- height: 3px;
- content: '';
- }
- .p-format-overlay.format-style-center .gallery-count {
- font-size: var(--rem-small);
- position: relative;
- top: auto;
- right: auto;
- display: inline-flex;
- justify-content: flex-start;
- margin-top: -.75em;
- }
- .format-style-top .p-format:after {
- background-color: var(--video-color);
- }
- .p-format.format-gallery, .format-style-top .p-format.format-gallery:after {
- background-color: var(--gallery-color);
- }
- .p-format.format-audio, .format-style-top .p-format.format-audio:after {
- background-color: var(--audio-color);
- }
- .format-style-top .gallery-count {
- font-weight: 700;
- border-radius: var(--round-7);
- background-color: inherit;
- }
- .p-readmore {
- line-height: 1;
- display: inline-flex;
- align-items: center;
- flex-flow: row nowrap;
- padding: .75em 1.5em;
- -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);
- line-height: 0;
- margin-left: .5em;
- -webkit-transition: transform .25s var(--timing);
- transition: transform .25s var(--timing);
- }
- .is-rm-simple .p-link {
- line-height: 1;
- padding-top: 0;
- }
- .is-rm-simple .p-readmore {
- line-height: inherit;
- padding: 0;
- border: none;
- }
- .is-rm-bg .p-readmore {
- color: var(--awhite);
- border-radius: var(--round-7);
- background: var(--g-color);
- }
- .is-rm-simple .p-readmore:hover {
- color: var(--g-color);
- background: none;
- box-shadow: none;
- }
- .is-rm-simple .p-readmore i:before {
- content: '\e958';
- }
- .p-divider {
- position: relative;
- display: block;
- padding-top: 3px;
- padding-bottom: 3px;
- color: var(--divider-color, var(--g-color));
- pointer-event: none;
- }
- .p-divider:before {
- display: block;
- width: 100%;
- max-width: 5rem;
- content: '';
- border-bottom: 1px solid currentColor;
- }
- .is-divider-dashed.p-divider:before {
- border-bottom: 1px dashed currentColor;
- }
- .is-divider-bdashed.p-divider:before {
- border-bottom: 3px dashed currentColor;
- }
- .is-divider-bold.p-divider:before {
- border-bottom-width: 3px;
- }
- .is-divider-zigzag {
- --p-zigzag-url: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' preserveAspectRatio=\'none\' overflow=\'visible\' height=\'100%\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'gray\' stroke-width=\'6.6\' stroke-linecap=\'square\' stroke-miterlimit=\'10\'%3E%3Cpolyline points=\'0,18 12,6 24,18 \'/%3E%3C/svg%3E');
- }
- .is-divider-zigzag.p-divider:before {
- min-height: 10px;
- border: none;
- background-color: currentColor;
- -webkit-mask-image: var(--p-zigzag-url);
- mask-image: var(--p-zigzag-url);
- -webkit-mask-repeat: repeat-x;
- mask-repeat: repeat-x;
- -webkit-mask-size: 10px 100%;
- mask-size: 10px 100%;
- }
- .p-center .p-divider:before {
- margin-right: auto;
- margin-left: auto;
- }
- .pagination-simple .newer i {
- margin-right: .4em;
- margin-left: 0;
- }
- .p-readmore:hover i, .pagination-simple a:hover i {
- -webkit-transform: translateX(3px);
- transform: translateX(3px);
- }
- .pagination-simple .newer a:hover i {
- -webkit-transform: translateX(-3px);
- transform: translateX(-3px);
- }
- .review-meta {
- position: relative;
- display: block;
- }
- .p-center .review-meta.has-bookmark {
- display: flex;
- flex-flow: row nowrap;
- justify-content: center;
- width: 100%;
- }
- .review-meta.type-star {
- padding-top: 2px;
- }
- .review-meta-inner {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- }
- .review-extra, .review-meta-inner .extra-meta {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- }
- .is-rstyle-3 .review-meta-inner, .is-rstyle-5 .review-meta-inner {
- flex-flow: row wrap;
- row-gap: .5rem;
- }
- .is-rstyle-3 .review-extra, .is-rstyle-5 .review-extra {
- width: 100%;
- }
- .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;
- overflow: hidden;
- flex-flow: row nowrap;
- margin-right: 10px;
- gap: 1px;
- }
- .rline {
- display: inline-flex;
- width: calc(var(--rating-size, 14px) * 1.5);
- max-width: 20%;
- height: min(calc(var(--rating-size, 14px) * 0.5), 10px);
- background-color: var(--flex-gray-15);
- }
- .rline:nth-child(1) {
- background-color: #ff0d0d;
- }
- .rline:nth-child(2) {
- background-color: #ff5612;
- }
- .rline:nth-child(3) {
- background-color: #ffa444;
- }
- .rline:nth-child(4) {
- background-color: #a0b339;
- }
- .rline:nth-child(5) {
- background-color: #50a735;
- }
- .rline:not(.activated) {
- background-color: var(--flex-gray-15);
- }
- .rstar-wrap {
- position: relative;
- display: inline-flex;
- overflow: hidden;
- margin-right: 8px;
- color: var(--awhite);
- }
- .rstar {
- position: relative;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: calc(var(--rating-size, 14px) + 6px);
- height: calc(var(--rating-size, 14px) + 6px);
- margin-right: 1px;
- }
- .rstar:before {
- position: absolute;
- z-index: 0;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- content: '';
- background-color: var(--flex-gray-15);
- }
- .review-description {
- white-space: nowrap;
- }
- .review-description strong {
- font-weight: var(--meta-b-fweight);
- }
- .rstar:last-child {
- margin-right: 0;
- }
- .rstar i {
- font-size: var(--rating-size, 14px);
- line-height: 1;
- position: relative;
- z-index: 10;
- }
- .rstar-bg {
- position: absolute;
- z-index: 1;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- background-image: linear-gradient(to right, var(--review-color) calc(100% - 1px), transparent calc(1px));
- background-image: -webkit-linear-gradient(left, var(--review-color) calc(100% - 1px), transparent calc(1px));
- background-position: 0 0;
- background-size: calc(var(--rating-size, 14px) + 7px) calc(var(--rating-size, 14px) + 6px);
- }
- .hover-ani-2 .p-url {
- -webkit-transition: all 0.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(--awhite);
- }
- .hover-ani-1 .p-url {
- -webkit-transition: all .25s var(--timing);
- transition: all .25s var(--timing);
- -moz-text-decoration-color: transparent;
- -webkit-text-decoration-color: transparent;
- text-decoration-color: transparent;
- text-decoration-line: underline;
- text-decoration-thickness: .1em;
- }
- .hover-ani-1 .p-url:hover {
- -webkit-text-decoration-color: var(--g-color);
- 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(--awhite);
- }
- .hover-ani-3 .p-url {
- -webkit-transition: background-position 0.2s ease;
- transition: background-position 0.2s ease;
- background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
- background-image: linear-gradient(currentColor, currentColor);
- background-repeat: no-repeat;
- background-position: left 102%;
- -webkit-background-size: 100% 0;
- background-size: 100% 0;
- will-change: background-position;
- }
- .hover-ani-3 .p-url:hover {
- background-position: left calc(100% - .1em);
- -webkit-background-size: 100% 2px;
- background-size: 100% 2px;
- }
- .hover-ani-4 .p-url {
- -webkit-transition: background-size 0.25s var(--timing);
- transition: background-size 0.25s var(--timing);
- background-image: -webkit-gradient(linear, left top, left 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: 0% 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, left top, left 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: 0% 100%;
- background-size: 0% 100%;
- }
- .hover-ani-5 .p-url:hover {
- color: var(--awhite);
- 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, left top, left bottom, from(currentColor), to(currentColor));
- background-image: linear-gradient(currentColor, currentColor);
- background-repeat: no-repeat;
- background-position: bottom left;
- -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 left;
- }
- 51% {
- background-size: 100% 5px;
- -webkit-background-size: 100% 5px;
- background-position: bottom right;
- }
- 100% {
- background-size: 0% 5px;
- -webkit-background-size: 0% 5px;
- background-position: bottom right;
- }
- }
- @-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 left;
- }
- 51% {
- background-size: 100% 5px;
- -webkit-background-size: 100% 5px;
- background-position: bottom right;
- }
- 100% {
- background-size: 0% 5px;
- -webkit-background-size: 0% 5px;
- background-position: bottom right;
- }
- }
- .hover-ani-7 .p-url {
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--g-color)), to(var(--g-color)));
- background-image: linear-gradient(var(--g-color), var(--g-color));
- background-repeat: no-repeat;
- background-position: bottom left;
- -webkit-background-size: 0% 5px;
- background-size: 0% 5px;
- }
- .hover-ani-7 .p-url:hover {
- -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-notification {
- position: fixed;
- z-index: 5000;
- right: 0;
- bottom: 50px;
- left: calc(50% - 200px);
- display: none;
- width: 100%;
- max-width: 400px;
- padding: 0 20px;
- text-align: center;
- }
- .bookmark-notification-inner {
- display: inline-flex;
- overflow: hidden;
- align-items: stretch;
- flex-flow: row nowrap;
- border-radius: var(--round-7);
- background-color: var(--solid-white);
- box-shadow: 0 4px 30px var(--shadow-12);
- }
- .remove-info, .follow-info {
- font-size: var(--meta-fsize);
- align-items: center;
- justify-content: center;
- padding: 20px 30px;
- }
- .follow-desc span {
- color: #649f74;
- }
- .follow-info strong {
- font-size: 1.1em;
- margin-left: 7px;
- }
- .bookmark-limited .bookmark-desc {
- font-size: var(--rem-small);
- margin-top: 0;
- text-align: center;
- color: #ffffff;
- }
- .bookmark-featured {
- position: relative;
- flex-shrink: 0;
- width: 100px;
- }
- .bookmark-featured img {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- .bookmark-inner {
- display: flex;
- flex-flow: column nowrap;
- flex-grow: 1;
- padding: 15px;
- }
- .bookmark-title {
- display: inline-block;
- overflow: hidden;
- max-width: 235px;
- text-align: left;
- white-space: nowrap;
- text-overflow: ellipsis;
- color: #649f74;
- }
- .bookmark-desc {
- font-size: var(--rem-mini);
- line-height: 1.5;
- display: block;
- margin-top: 5px;
- text-align: left;
- color: var(--meta-fcolor);
- }
- .bookmark-remove-holder {
- font-size: var(--rem-mini);
- align-items: center;
- padding: 15px 20px;
- }
- .bookmark-undo {
- margin-left: auto;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- color: #649f74;
- }
- .removed .bookmark-title, .removed .follow-desc span {
- color: #ff7142;
- }
- .bookmark-undo:hover {
- text-decoration: underline;
- }
- .bookmark-remove-holder p {
- font-size: var(--rem-mini);
- }
- .p-category {
- font-family: inherit;
- font-weight: inherit;
- font-style: inherit;
- line-height: 1;
- position: relative;
- z-index: 1;
- display: inline-flex;
- flex-shrink: 0;
- color: var(--cat-fcolor, inherit);
- }
- .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(--awhite));
- }
- .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-fcolor, var(--cat-highlight, currentColor));
- border-radius: 999px;
- }
- [data-theme='dark'] .ecat-border .p-category {
- color: var(--cat-highlight, var(--awhite));
- border: 1px solid var(--cat-fcolor, var(--cat-highlight, var(--g-color)));
- }
- .ecat-bg-3 .p-category {
- padding-right: 15px;
- padding-left: 15px;
- 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(--awhite));
- border-radius: var(--round-3);
- background-color: var(--cat-highlight, var(--g-color));
- }
- .ecat-bg-3 .post-edit-link {
- right: auto;
- left: 10px;
- }
- .ecat-bg-1 .p-category:before, .ecat-bg-2 .p-category:before {
- position: absolute;
- z-index: -1;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- display: block;
- content: '';
- -webkit-transition: box-shadow .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-text .p-category {
- line-height: inherit;
- display: inline-flex;
- align-items: center;
- flex-flow: row nowrap;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- color: var(--cat-highlight, inherit);
- }
- .ecat-text .p-categories {
- line-height: 1.5;
- }
- .ecat-text .p-category:not(:first-child):before {
- display: inline-flex;
- justify-content: center;
- width: 1px;
- height: 8px;
- max-height: 1em;
- margin-right: 7px;
- content: '';
- -webkit-transform: skewX(-15deg);
- transform: skewX(-15deg);
- background-color: var(--meta-fcolor);
- }
- .overlay-text .ecat-l-dot .p-category, .overlay-text .ecat-b-border .p-category, .overlay-text .ecat-text .p-category, .overlay-text .ecat-text .p-category:before, .overlay-text .ecat-border .p-category, .overlay-text .ecat-b-dotted .p-category, .ecat-l-dot .overlay-text .p-category, .ecat-b-border .overlay-text .p-category, .ecat-text .overlay-text .p-category, .ecat-text .overlay-text .p-category:before, .ecat-border .overlay-text .p-category, .ecat-b-dotted .overlay-text .p-category, .ecat-l-dot.light-scheme .p-category, .ecat-b-border.light-scheme .p-category, .ecat-text.light-scheme .p-category, .ecat-text.light-scheme .p-category:before, .ecat-border.light-scheme .p-category, .ecat-b-dotted.light-scheme .p-category {
- color: var(--awhite);
- text-shadow: 0 1px 3px var(--shadow-7);
- }
- .ecat-text .p-categories {
- gap: 7px;
- }
- .ecat-b-dotted .p-categories, .ecat-b-border .p-categories {
- gap: 10px 7px;
- }
- .ecat-l-dot .p-categories {
- gap: 10px;
- }
- .ecat-l-dot .p-category:before {
- display: inline-flex;
- width: 1em;
- height: 1em;
- margin-right: 7px;
- content: '';
- border-radius: 100%;
- background-color: var(--cat-highlight, var(--g-color));
- }
- .ecat-l-dot .p-category {
- -webkit-transition: var(--effect);
- transition: var(--effect);
- vertical-align: middle;
- text-decoration: underline dotted transparent;
- }
- .ecat-l-dot .p-category:hover {
- text-decoration-color: var(--cat-highlight, currentColor);
- }
- .ecat-b-dotted .p-category {
- -webkit-transition: var(--effect);
- transition: var(--effect);
- border-bottom: 3px dotted var(--cat-highlight, var(--g-color));
- }
- .ecat-b-border .p-category:before {
- position: absolute;
- z-index: -1;
- bottom: 0;
- left: 0;
- display: block;
- width: 100%;
- height: 5px;
- content: '';
- -webkit-transition: var(--effect);
- transition: var(--effect);
- opacity: .6;
- background-color: var(--cat-highlight, var(--g-color));
- }
- .ecat-b-border .p-category:hover:before {
- height: 1px;
- opacity: 1;
- }
- .ecat-text .p-format-inline .p-format, .ecat-b-border .p-format-inline .p-format, .ecat-b-dotted .p-format-inline .p-format, .ecat-l-dot .p-format-inline .p-format {
- color: var(--video-color);
- background-color: transparent;
- }
- .ecat-b-text .p-format-inline .p-format.format-gallery, .ecat-b-border .p-format-inline .p-format.format-gallery, .ecat-b-dotted .p-format-inline .p-format.format-gallery, .ecat-l-dot .p-format-inline .p-format.format-gallery {
- color: var(--gallery-color);
- }
- .ecat-b-text .p-format-inline .p-format.format-audio, .ecat-b-border .p-format-inline .p-format.format-audio, .ecat-b-dotted .p-format-inline .p-format.format-audio, .ecat-l-dot .p-format-inline .p-format.format-audio {
- color: var(--audio-color);
- }
- .feat-holder .p-top {
- position: absolute;
- z-index: 20;
- right: 12px;
- bottom: 10px;
- left: 12px;
- margin-bottom: 0;
- }
- .p-box .feat-holder .p-top {
- right: var(--box-spacing, 12px);
- left: var(--box-spacing, 12px);
- }
- .ecat-bg-1 .feat-holder .p-top {
- top: auto;
- right: 0;
- bottom: -2px;
- left: 0;
- margin-bottom: 0;
- }
- .ecat-bg-1 .p-box .feat-holder .p-top {
- right: var(--box-spacing, 0);
- left: var(--box-spacing, 0);
- }
- .ecat-bg-2 .feat-holder .p-top {
- top: auto;
- right: 7px;
- bottom: -2px;
- left: 7px;
- margin-bottom: 0;
- }
- .ecat-bg-2 .p-box .feat-holder .p-top {
- right: var(--box-spacing, 7px);
- left: var(--box-spacing, 7px);
- }
- .ecat-bg-3 .feat-holder .p-top {
- position: absolute;
- z-index: 10;
- top: 10px;
- right: 10px;
- bottom: auto;
- left: auto;
- justify-content: flex-end;
- width: auto;
- margin-bottom: 0;
- }
- .ecat-bg-4 .feat-holder .p-top {
- top: auto;
- right: 0;
- bottom: 0;
- left: 0;
- }
- .ecat-bg-4 .p-box .feat-holder .p-top {
- right: var(--box-spacing, 0);
- left: var(--box-spacing, 0);
- }
- .ecat-bg-1 .p-grid-1 .feat-holder, .ecat-bg-2 .p-grid-1 .feat-holder, .ecat-bg-1 .p-grid-box-1 .feat-holder, .ecat-bg-2 .p-grid-box-1 .feat-holder, .ecat-bg-1 .p-grid-small-1 .feat-holder, .ecat-bg-2 .p-grid-small-1 .feat-holder {
- padding-bottom: 4px;
- }
- .ecat-text .p-category:hover, .ecat-border .p-category:hover {
- opacity: .7;
- }
- .ecat-b-dotted .p-category:hover {
- color: var(--cat-highlight, var(--g-color));
- }
- .ecat-b-dotted .feat-holder .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-right: 5px;
- padding: 3px 8px;
- content: '';
- vertical-align: .25em;
- text-decoration: none;
- color: var(--awhite);
- border-radius: var(--round-3);
- background-color: var(--g-color);
- }
- .exclusive-style-border .is-p-protected a:before {
- color: inherit;
- border: 1px solid var(--g-color);
- border-radius: var(--round-3);
- background: none;
- }
- .exclusive-style-text .is-p-protected a:before {
- font-family: inherit;
- font-size: inherit;
- font-weight: inherit;
- font-style: inherit;
- line-height: inherit;
- display: inline;
- margin-right: .3em;
- padding: 0;
- vertical-align: inherit;
- text-decoration: inherit;
- text-transform: inherit;
- color: var(--g-color);
- border-radius: 0;
- background: none;
- }
- .p-format {
- line-height: 1;
- position: static;
- pointer-events: none;
- color: var(--awhite);
- border-bottom-left-radius: var(--round-3);
- background-color: var(--video-color);
- }
- .p-grid-small-1 .counter-el:before {
- font-size: var(--counter-size, 1.5em);
- position: relative;
- display: inline-flex;
- min-width: 0;
- margin-right: 5px;
- opacity: 1;
- color: var(--g-color);
- }
- .p-list-small-2 {
- display: flex;
- flex-flow: row nowrap;
- }
- .is-feat-right .p-list-small-2 .counter-el:before {
- right: auto;
- left: 0;
- }
- .p-list-small-2 .feat-holder {
- flex-shrink: 0;
- width: 100px;
- margin-right: var(--featured-spacing, 15px);
- }
- .p-list-small-2 .p-content {
- flex-grow: 1;
- }
- .p-list-small-2 .p-format i {
- -webkit-transform: scale(.83);
- transform: scale(.83);
- }
- .p-wrap.p-list-small-2 .feat-holder, .p-wrap.p-list-small-2 .p-meta {
- margin-bottom: 0;
- }
- .is-feat-right .p-wrap {
- flex-direction: row-reverse;
- }
- .is-feat-right .p-list-small-2 .feat-holder {
- margin-right: 0;
- margin-left: var(--featured-spacing, 15px);
- }
- .p-list-small-3 .p-featured {
- border-radius: 100%;
- }
- .p-list-small-3 {
- align-items: center;
- }
- .list-holder {
- display: flex;
- align-items: center;
- flex-flow: row wrap;
- margin-right: var(--list-holder-margin, -15px);
- margin-left: var(--list-holder-margin, -15px);
- }
- .list-holder > * {
- flex-grow: 1;
- width: 100%;
- max-width: 100%;
- padding-right: var(--list-holder-spacing, 15px);
- padding-left: var(--list-holder-spacing, 15px);
- }
- .p-vtop .list-holder {
- align-items: flex-start;
- }
- .p-middle .list-holder {
- align-items: center;
- }
- .p-vbottom .list-holder {
- align-items: flex-end;
- }
- .sponsor-inner {
- display: flex;
- align-items: center;
- flex-flow: row wrap;
- flex-grow: 1;
- }
- .sponsor-icon {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- }
- .sponsor-label {
- white-space: nowrap;
- }
- .p-wrap .sponsor-label {
- color: var(--sponsor-color, var(--g-color));
- }
- .sponsor-inner > *:not(:last-child) {
- margin-right: 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;
- }
- .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;
- max-width: 100%;
- margin-left: 10px;
- color: var(--nav-color);
- }
- .s-title-sticky-left {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- flex-grow: 1;
- padding-right: 10px;
- }
- .sticky-share-list {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- flex-shrink: 0;
- height: 100%;
- margin-right: 0;
- margin-left: auto;
- padding-right: 5px;
- padding-left: 5px;
- }
- .sticky-share-list .t-shared-header {
- opacity: .5;
- }
- .sticky-title-label {
- font-size: var(--em-small);
- line-height: 1;
- margin-right: 7px;
- text-transform: uppercase;
- opacity: .5;
- }
- .sticky-title {
- line-height: var(--nav-height, inherit);
- display: block;
- overflow: hidden;
- width: 100%;
- max-width: 600px;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .t-shared-header {
- font-size: var(--em-mini);
- display: inline-flex;
- margin-right: 7px;
- white-space: nowrap;
- gap: 5px;
- }
- .sticky-share-list-items {
- align-items: center;
- height: 100%;
- }
- .sticky-share-list-buffer {
- display: none;
- }
- /*
- -----------------
- 7 - Post Modules
- -----------------
- */
- .p-list-inline {
- display: flex;
- width: 100%;
- }
- .p-list-inline i {
- font-size: 8px;
- line-height: 8px;
- display: inline;
- width: 8px;
- height: 8px;
- margin-right: .3em;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- vertical-align: middle;
- }
- .p-list-inline .entry-title:hover i {
- color: var(--g-color);
- border-radius: 100%;
- background-color: var(--g-color);
- }
- [data-theme='dark'] .p-list-inline .entry-title:hover i {
- color: var(--awhite);
- background-color: var(--awhite);
- }
- .overlay-text .p-list-inline .entry-title:hover i {
- color: var(--awhite);
- background-color: var(--awhite);
- }
- .p-meta {
- position: relative;
- display: block;
- }
- .p-highlight, .overlay-holder {
- position: relative;
- overflow: hidden;
- border-radius: var(--wrap-border, var(--round-3));
- }
- .p-center .p-wrap {
- text-align: center;
- }
- .p-center .p-top {
- justify-content: center;
- }
- .p-center .review-meta-inner {
- justify-content: center;
- padding-right: 0;
- padding-left: 0;
- }
- .p-center .p-meta {
- display: flex;
- flex-flow: row nowrap;
- justify-content: center;
- }
- .p-center .meta-inner {
- flex-grow: 0;
- justify-content: center;
- }
- .p-center .rb-bookmark {
- position: relative;
- margin-left: 7px;
- }
- .p-center .counter-holder {
- position: relative;
- }
- .p-middle .p-small {
- align-items: center;
- }
- .p-middle [class*='p-overlay-'] .overlay-wrap {
- align-items: center;
- }
- .p-middle [class*='p-overlay-'] .overlay-inner {
- height: auto;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-bg-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 [class*='p-overlay-'] .overlay-wrap {
- align-items: flex-start;
- }
- .p-classic-1 > *:not(.feat-holder), .p-classic-1 .p-top {
- max-width: var(--content-width, 100%);
- margin-right: auto;
- margin-left: auto;
- }
- body:not([data-theme='dark']) .dark-overlay-scheme {
- --dark-accent: var(--awhite);
- --dark-accent-0: #ffffff00;
- --dark-accent-90: #fffffff2;
- }
- /*
- -----------------
- 8 - Blocks
- -----------------
- */
- .block-wrap {
- position: relative;
- display: block;
- counter-reset: trend-counter;
- }
- .block-overlay {
- --bottom-spacing: 15px;
- }
- .block-small {
- --bottom-spacing: 25px;
- }
- .block-wrap .rb-error {
- padding: 20px;
- text-align: center;
- color: var(--meta-fcolor);
- }
- .bottom-border .block-inner > * {
- padding-bottom: var(--bottom-spacing);
- }
- .bottom-border .pagination-wrap {
- padding-top: calc(var(--bottom-spacing, 0) / 2);
- }
- .bottom-border .block-inner > *:before {
- position: absolute;
- top: auto;
- right: var(--column-gap, 0);
- bottom: 0;
- left: var(--column-gap, 0);
- height: 1px;
- content: '';
- pointer-events: none;
- border-bottom: 1px var(--bottom-border-style, solid) var(--bottom-border-color);
- }
- .bottom-border.no-last-bb .block-inner > *:last-child:before {
- border-bottom: none;
- }
- .bottom-border.no-last-bb .block-inner > *:last-child {
- padding-bottom: 0;
- }
- .last-featured .block-inner {
- align-items: flex-start;
- }
- .is-border-dark {
- --column-border-color: currentColor;
- }
- .is-b-border-dark {
- --bottom-border-color: currentColor;
- }
- .is-border-gray-dot {
- --column-border-style: dotted;
- }
- .is-b-border-gray-dot {
- --bottom-border-style: dotted;
- }
- .is-border-dark-dot {
- --column-border-color: currentColor;
- --column-border-style: dotted;
- }
- .is-b-border-dark-dot {
- --bottom-border-color: currentColor;
- --bottom-border-style: dotted;
- }
- .is-border-gray-dash {
- --column-border-style: dashed;
- }
- .is-b-border-gray-dash {
- --bottom-border-style: dashed;
- }
- .is-border-dark-dash {
- --column-border-color: currentColor;
- --column-border-style: dashed;
- }
- .is-b-border-dark-dash {
- --bottom-border-color: currentColor;
- --bottom-border-style: dashed;
- }
- .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;
- margin-top: calc(var(--bottom-spacing) / 2 + 10px);
- }
- .short-pagination .pagination-nextprev a > span {
- display: none;
- }
- .short-pagination .pagination-nextprev > *:first-child {
- margin-right: 5px
- }
- .pagination-nextprev > * {
- justify-content: center;
- min-width: 135px;
- }
- .short-pagination .pagination-nextprev > * {
- min-width: 0;
- }
- .short-pagination .pagination-trigger {
- padding: 0 10px;
- }
- .scroll-holder::-webkit-scrollbar {
- width: 5px;
- -webkit-border-radius: var(--round-7);
- border-radius: var(--round-7);
- background: var(--flex-gray-7);
- }
- .scroll-holder::-webkit-scrollbar-thumb {
- -webkit-border-radius: var(--round-7);
- border-radius: var(--round-7);
- background-color: var(--flex-gray-15);
- }
- .scroll-holder::-webkit-scrollbar-corner {
- -webkit-border-radius: var(--round-7);
- border-radius: var(--round-7);
- background-color: var(--flex-gray-15);
- }
- .post-carousel {
- display: flex;
- flex-flow: column nowrap;
- }
- .slider-footer {
- display: flex;
- align-items: center;
- justify-content: center;
- margin-top: 10px;
- }
- .slider-footer > * {
- display: inline-flex;
- align-items: center;
- min-height: 10px;
- padding: 0 4px;
- color: var(--slider-nav-color, inherit);
- }
- .slider-footer .rbi {
- font-size: var(--nav-size, 18px);
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .post-slider .slider-prev, .post-slider .slider-next {
- font-size: var(--nav-size, 1.75rem);
- position: absolute;
- z-index: 10;
- top: 50%;
- right: auto;
- left: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- width: 2em;
- min-width: 60px;
- height: 2em;
- min-height: 60px;
- margin-top: -30px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .light-overlay-scheme .slider-prev, .light-overlay-scheme .slider-next, .light-overlay-scheme .swiper-pagination-bullet {
- color: var(--awhite);
- }
- .post-slider .slider-next {
- right: 0;
- left: auto;
- }
- .post-slider .slider-prev:hover, .post-slider .slider-next:hover {
- color: var(--g-color);
- }
- .slider-footer .rbi:hover {
- color: var(--g-color);
- }
- .block-hrc {
- --bottom-spacing: 7px;
- }
- .block-hrc:not(.hrc-3) .p-wrap:first-child, .hrc-3 .p-content {
- padding-bottom: var(--bottom-spacing);
- border-bottom: 1px solid var(--flex-gray-15);
- }
- .hrc-3 .p-content {
- margin-bottom: var(--bottom-spacing);
- }
- .hrc-col .p-wrap {
- display: block;
- width: 100%;
- }
- .yt-playlist {
- overflow: hidden;
- align-items: stretch;
- border-radius: var(--round-7);
- }
- .iframe-holder {
- position: relative;
- display: block;
- overflow: hidden;
- width: 100%;
- height: 0;
- padding-bottom: 56.25%;
- background-color: var(--shadow-7);
- }
- .yt-playlist .iframe-holder {
- background-color: var(--dark-accent);
- }
- .iframe-holder iframe {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- display: block;
- width: 100%;
- height: 100%;
- }
- .plist-items-inner {
- position: relative;
- height: 100%;
- background-color: var(--dark-accent);
- }
- .plist-holder {
- position: absolute;
- top: 0;
- left: 0;
- overflow-x: hidden;
- overflow-y: auto;
- width: 100%;
- height: 100%;
- padding-top: 80px;
- }
- .plist-item {
- display: flex;
- flex-flow: row nowrap;
- width: 100%;
- padding: 10px 20px;
- }
- .plist-item:hover {
- background-color: var(--shadow-7);
- }
- .plist-item-thumb {
- flex-shrink: 0;
- width: 90px;
- margin-right: 12px;
- }
- span.plist-item-title {
- line-height: 1.5;
- display: block;
- }
- .play-panel {
- position: absolute;
- z-index: 99;
- top: 0;
- right: 0;
- left: 0;
- display: flex;
- align-items: stretch;
- flex-flow: row nowrap;
- background-color: var(--dark-accent);
- box-shadow: 0 4px 10px var(--shadow-7);
- }
- .yt-trigger {
- position: relative;
- display: flex;
- flex-grow: 0;
- flex-shrink: 0;
- width: 70px;
- margin-right: 0;
- margin-left: auto;
- cursor: pointer;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- background-color: var(--g-color);
- }
- .yt-trigger-icons {
- position: relative;
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- height: 100%;
- cursor: pointer;
- }
- .yt-trigger-icons svg {
- position: absolute;
- width: 30px;
- }
- .play-content {
- position: relative;
- overflow: hidden;
- flex-grow: 1;
- padding: 10px 12px;
- }
- .play-index {
- display: flex;
- margin-bottom: 7px;
- opacity: .5;
- }
- .index-info {
- margin-left: auto;
- }
- .play-title {
- display: block;
- overflow: hidden;
- width: 100%;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .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-inner {
- display: flex;
- flex-flow: row nowrap;
- }
- .qlinks-heading {
- flex-grow: 0;
- flex-shrink: 0;
- margin-right: 5px;
- }
- .qlinks-content {
- display: flex;
- flex-grow: 1;
- list-style: none;
- }
- .qlinks-content ul {
- display: flex;
- flex-flow: row wrap;
- width: 100%;
- list-style: none;
- row-gap: 5px;
- }
- .qlink a, .qlinks-heading {
- font-size: var(--rem-mini);
- white-space: nowrap;
- }
- .qlinks-layout-1 .qlinks-heading {
- color: var(--g-color);
- }
- .qlink {
- position: relative;
- margin-right: 5px;
- padding-right: 5px;
- }
- .qlink a {
- display: block;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- white-space: nowrap;
- }
- .qlinks-layout-1:not(.qlinks-color) .qlink a {
- text-decoration-color: transparent;
- text-decoration-line: underline;
- }
- .qlinks-layout-1 .qlink a:hover, .sub-cat-item a:hover {
- text-decoration: underline;
- color: var(--g-color);
- }
- .qlinks-dotted .qlink a:hover {
- text-decoration-color: inherit;
- text-decoration-style: dotted;
- }
- .qlinks-color .qlink a:hover {
- text-decoration: none;
- color: var(--g-color);
- }
- .qlinks-layout-1 .qlink:not(:last-child):after {
- position: absolute;
- top: 25%;
- right: -1px;
- bottom: 25%;
- display: block;
- content: '';
- border-left: 1px solid var(--flex-gray-40);
- }
- .qlinks-layout-2 .qlink a {
- line-height: 1;
- padding: 4px 7px;
- color: var(--qlink-color, inherit);
- border-radius: var(--round-3);
- background-color: var(--qlink-bg, var(--flex-gray-7));
- }
- .archive-header .qlinks-layout-2 .qlink a {
- background-color: var(--flex-gray-15);
- }
- .archive-header.is-centered {
- text-align: center;
- }
- .is-centered .taxonomy-description {
- margin-right: auto;
- margin-left: auto;
- }
- .qlink:last-child > a, .qlinks-layout-2 .qlink:last-child > a {
- margin-right: 0;
- }
- .breaking-news-heading {
- font-size: var(--em-mini);
- display: flex;
- align-items: center;
- margin-right: 10px;
- padding: 0 10px;
- white-space: nowrap;
- border-radius: var(--round-5);
- background-color: var(--solid-white);
- box-shadow: 0 2px 10px var(--shadow-7);
- }
- .breaking-news-heading svg {
- width: 1em;
- margin-right: 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-right: 50px;
- }
- .breaking-news-title.entry-title {
- display: flex;
- align-items: center;
- height: 100%;
- margin-bottom: 0;
- -webkit-transition: opacity .5s var(--timing);
- transition: opacity .5s var(--timing);
- -webkit-transition-delay: .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: 13px;
- position: absolute;
- z-index: 10;
- top: 0;
- right: 0;
- bottom: 0;
- display: flex;
- align-items: center;
- justify-content: space-around;
- width: 42px;
- height: 100%;
- }
- .breaking-news-nav > * {
- line-height: 1;
- cursor: pointer;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- opacity: .3;
- }
- .breaking-news-nav > *:hover {
- opacity: 1;
- color: var(--g-color);
- }
- .newsletter-box {
- 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;
- flex-grow: 1;
- max-width: 100%;
- padding: 20px;
- column-gap: 3%;
- }
- .is-box-shadow .box-inner, .newsletter-style.is-box-shadow {
- box-shadow: 0 0 30px var(--shadow-7);
- }
- .is-box-gray .box-inner, .newsletter-style.is-box-gray {
- border: 1px solid var(--flex-gray-15);
- }
- .is-box-gray-dot .box-inner, .newsletter-style.is-box-gray-dot {
- border: 1px dotted var(--flex-gray-15);
- }
- .is-box-gray-dash .box-inner, .newsletter-style.is-box-gray-dash {
- border: 2px dashed var(--flex-gray-15);
- }
- .is-box-dark .box-inner, .newsletter-style.is-box-dark {
- border: 1px solid currentColor;
- }
- .is-box-dark-dot .box-inner, .newsletter-style.is-box-dark-dot {
- border: 1px dotted currentColor;
- }
- .is-box-dark-dash .box-inner {
- border: 1px dashed currentColor;
- }
- .newsletter-style.is-box-dark-dash {
- border: 2px dashed currentColor;
- }
- .single .s-ct .newsletter-box.newsletter-style {
- border: none;
- box-shadow: none;
- }
- .newsletter-featured {
- flex: 0 0 15%;
- max-width: 15%;
- }
- .newsletter-box-2 .newsletter-featured {
- display: flex;
- justify-content: center;
- }
- .newsletter-content {
- flex: 0 0 27%;
- max-width: 27%;
- }
- .newsletter-form {
- flex-grow: 1;
- max-width: 660px;
- margin-left: 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;
- padding-right: 0;
- padding-left: 0;
- }
- .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;
- }
- .newsletter-sb-inner > *:not(:last-child) {
- margin-bottom: 15px;
- }
- .newsletter-sb-featured img {
- margin-right: auto;
- margin-left: auto;
- }
- .newsletter-sb .mc4wp-form-fields > * {
- flex-flow: row wrap;
- justify-content: center;
- }
- .newsletter-sb .mc4wp-form-fields input[type='submit'] {
- margin-top: 15px;
- margin-left: 0;
- }
- .widget-mc .newsletter-fw {
- border-radius: var(--round-5);
- }
- .c-align-left .newsletter-sb .mc4wp-form-fields > *, .c-align-left .newsletter-sb-inner {
- justify-content: left;
- text-align: left;
- }
- .c-align-right .newsletter-sb .mc4wp-form-fields > *, .c-align-right .newsletter-sb-inner {
- justify-content: right;
- text-align: right;
- }
- .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-left: auto;
- color: var(--heading-tagline-color, inherit);
- }
- .heading-tagline a, .heading-tagline i {
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .heading-tagline a:hover, .heading-tagline a:hover + i {
- opacity: .7;
- }
- .heading-tagline-icon {
- margin-left: 4px;
- }
- [class *='heading-layout-c'] .heading-inner {
- flex-flow: row wrap;
- text-align: center;
- }
- [class *='heading-layout-c'] .heading-tagline {
- justify-content: center;
- width: 100%;
- margin-top: var(--heading-tagline-margin, 12px);
- margin-right: auto;
- }
- .heading-layout-2 .heading-title:before, .heading-layout-c2 .heading-title:before, .heading-layout-c2 .heading-title:after {
- display: inline-flex;
- width: .6em;
- height: .6em;
- margin-right: var(--heading-spacing, 7px);
- content: '';
- border-radius: 100%;
- background-color: var(--heading-sub-color, currentColor);
- }
- .heading-layout-c2 .heading-title:after {
- margin-right: 0;
- margin-left: var(--heading-spacing, 5px);
- }
- .heading-layout-3 .heading-inner, .heading-layout-c3 .heading-inner {
- border-bottom: 1px solid var(--flex-gray-15);
- }
- .heading-layout-c3 .heading-inner {
- padding-bottom: 15px;
- }
- .heading-layout-c3 .heading-inner:before {
- position: absolute;
- bottom: 0;
- left: 50%;
- width: 120px;
- margin-left: -60px;
- content: '';
- border-bottom: 5px solid var(--heading-sub-color);
- }
- .heading-layout-c3 .heading-title {
- text-align: center;
- }
- .heading-layout-c4 .heading-title, .heading-layout-c5 .heading-title, .heading-layout-c14 .heading-title, .heading-layout-c15 .heading-title {
- width: 100%;
- text-align: center;
- }
- .heading-layout-3 .heading-title > * {
- display: inline-flex;
- padding-bottom: var(--heading-spacing, 10px);
- border-bottom: 5px solid var(--heading-sub-color);
- }
- .heading-layout-c3 .heading-title {
- width: 100%;
- }
- .heading-layout-4 .heading-inner, .heading-layout-c4 .heading-inner {
- padding-bottom: var(--heading-spacing, 10px);
- border-bottom: 4px solid var(--heading-sub-color, currentColor);
- }
- .heading-layout-4 .heading-inner:before, .heading-layout-c4 .heading-inner:before {
- position: absolute;
- top: auto;
- right: 0;
- bottom: 2px;
- left: 0;
- display: block;
- content: '';
- border-bottom: 2px solid var(--heading-sub-color, currentColor);
- }
- .heading-layout-1 .heading-title, .heading-layout-c1 .heading-title {
- line-height: 1;
- position: relative;
- display: inline-flex;
- padding: 0 var(--heading-spacing, 12px);
- backface-visibility: hidden;
- }
- .heading-layout-6 .heading-title, .heading-layout-c6 .heading-title {
- line-height: 1;
- position: relative;
- display: inline-flex;
- padding: 0 12px;
- backface-visibility: hidden;
- }
- .heading-layout-1 .heading-title:after, .heading-layout-c1 .heading-title:after {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- content: '';
- -webkit-transform: skewX(-15deg);
- transform: skewX(-15deg);
- border-right: 3px solid var(--heading-sub-color);
- border-left: 3px solid var(--heading-sub-color);
- }
- .heading-layout-5 .heading-inner {
- width: 100%;
- padding-top: var(--heading-spacing, 7px);
- border-top: 5px solid var(--heading-sub-color);
- }
- .heading-layout-14 .heading-inner {
- width: 100%;
- padding-top: var(--heading-spacing, 7px);
- border-top: 1px solid var(--heading-sub-color);
- }
- .heading-layout-15 .heading-inner {
- width: 100%;
- padding-top: var(--heading-spacing, 7px);
- padding-bottom: var(--heading-spacing, 7px);
- border-top: 1px solid var(--heading-sub-color);
- border-bottom: 1px solid var(--heading-sub-color);
- }
- .heading-layout-c5 .heading-inner {
- width: 100%;
- padding-top: var(--heading-spacing, 10px);
- border-top: 5px solid var(--heading-sub-color);
- }
- .heading-layout-c14 .heading-inner {
- width: 100%;
- padding-top: var(--heading-spacing, 10px);
- border-top: 1px solid var(--heading-sub-color);
- }
- .heading-layout-c15 .heading-inner {
- width: 100%;
- padding-top: var(--heading-spacing, 10px);
- padding-bottom: var(--heading-spacing, 10px);
- border-top: 1px solid var(--heading-sub-color);
- border-bottom: 1px solid var(--heading-sub-color);
- }
- .heading-layout-6, .heading-layout-c6, .heading-layout-13, .heading-layout-c13, .heading-layout-16 {
- --heading-color: var(--awhite);
- }
- .heading-layout-6 .heading-title > *, .heading-layout-c6 .heading-title > *, .heading-layout-13 .heading-title > *, .heading-layout-c13 .heading-title > * {
- position: relative;
- z-index: 1;
- display: block;
- padding: 5px var(--heading-spacing, 20px);
- }
- .heading-layout-6 .heading-title > *:after, .heading-layout-c6 .heading-title > *:after {
- position: absolute;
- z-index: -1;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- content: '';
- -webkit-transform: skewX(-20deg);
- transform: skewX(-20deg);
- border-radius: var(--round-5);
- background-color: var(--heading-sub-color);
- }
- .heading-layout-13 .heading-title > *:after, .heading-layout-c13 .heading-title > *:after {
- position: absolute;
- z-index: -1;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- content: '';
- border-radius: var(--round-5);
- background-color: var(--heading-sub-color);
- }
- .heading-layout-7 .heading-title > * {
- line-height: 1;
- display: inline-flex;
- padding-left: var(--heading-spacing, 7px);
- border-left: 7px solid var(--heading-sub-color);
- }
- .heading-layout-c7 .heading-title > *:before, .heading-layout-c7 .heading-title > *:after {
- display: inline-flex;
- width: 10px;
- height: 10px;
- margin-right: var(--heading-spacing, 10px);
- content: '';
- background-color: var(--heading-sub-color);
- }
- .heading-layout-c7 .heading-title > *:after {
- margin-right: 0;
- margin-left: var(--heading-spacing, 10px);
- }
- .heading-layout-8 .heading-title > * {
- display: inline-flex;
- padding-left: var(--heading-spacing, 15px);
- }
- .heading-layout-8 .heading-title > *:before {
- position: absolute;
- z-index: -1;
- top: 0;
- bottom: 0;
- left: 0;
- display: block;
- width: 50%;
- content: '';
- opacity: .5;
- background-color: var(--heading-sub-color, currentColor);
- }
- .heading-layout-c8 .heading-title {
- position: relative;
- display: inline-flex;
- margin-right: auto;
- margin-left: auto;
- }
- .heading-layout-c8 .heading-title:before, .heading-layout-c8 .heading-title:after {
- position: absolute;
- top: 50%;
- right: calc(100% + 10px);
- left: auto;
- width: 60px;
- height: 2px;
- margin-top: -1px;
- content: '';
- background-color: var(--heading-sub-color, currentColor);
- }
- .heading-layout-c8 .heading-title:after {
- right: auto;
- left: calc(100% + 10px);
- }
- .heading-layout-9 .heading-title, .heading-layout-c9 .heading-title {
- position: relative;
- display: inline-flex;
- padding: 0 var(--heading-spacing, 20px);
- }
- .heading-layout-9 .heading-title:before, .heading-layout-c9 .heading-title:before {
- position: absolute;
- top: 0;
- right: auto;
- bottom: auto;
- left: 0;
- width: 7px;
- height: 7px;
- content: '';
- pointer-events: none;
- opacity: .5;
- border-top: 2px solid var(--heading-sub-color);
- border-left: 2px solid var(--heading-sub-color);
- }
- .heading-layout-9 .heading-title:after, .heading-layout-c9 .heading-title:after {
- position: absolute;
- top: auto;
- right: 0;
- bottom: 0;
- left: auto;
- width: 7px;
- height: 7px;
- content: '';
- pointer-events: none;
- opacity: .5;
- border-right: 2px solid var(--heading-sub-color);
- border-bottom: 2px solid var(--heading-sub-color);
- }
- .heading-layout-c10 .heading-title, .heading-layout-c11 .heading-title {
- display: flex;
- justify-content: center;
- width: 100%;
- }
- .heading-layout-11 .heading-tagline, .heading-layout-c11 .heading-tagline {
- font-size: 3em;
- line-height: 1;
- position: absolute;
- top: auto;
- bottom: -7px;
- left: 0;
- margin: 0;
- pointer-events: none;
- opacity: .12;
- }
- .heading-layout-12 .heading-title, .heading-layout-c12 .heading-title {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- }
- .heading-layout-12 .heading-title > *:before, .heading-layout-c12 .heading-title > *:before {
- line-height: 1;
- display: inline-flex;
- width: 1em;
- height: .6em;
- margin-right: var(--heading-spacing, 7px);
- content: '';
- background-color: var(--heading-sub-color);
- }
- .heading-layout-c12 .heading-title {
- margin-right: auto;
- margin-left: auto;
- }
- .heading-layout-c12 .heading-title > *:after {
- line-height: 1;
- display: inline-flex;
- width: 1em;
- height: .6em;
- margin-left: var(--heading-spacing, 7px);
- content: '';
- background-color: var(--heading-sub-color);
- }
- .heading-layout-12 .heading-inner, .heading-layout-c12 .heading-inner {
- width: 100%;
- padding-bottom: var(--heading-spacing, 7px);
- border-bottom: 5px solid var(--heading-color);
- }
- .heading-layout-c12 .heading-inner {
- padding-bottom: var(--heading-spacing, 12px);
- }
- .heading-layout-16 .heading-title > * {
- line-height: 1;
- position: relative;
- z-index: 1;
- display: block;
- padding: 5px var(--heading-spacing, 20px);
- }
- .heading-layout-16 .heading-title > *:after {
- position: absolute;
- z-index: -1;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- content: '';
- background-color: var(--heading-sub-color);
- }
- .heading-layout-16 .heading-title > *:before {
- position: absolute;
- top: 0;
- bottom: 0;
- left: calc(100% - .001em);
- display: block;
- height: 100%;
- content: '';
- border-width: calc(1em + 10px) 0 0 16px;
- border-style: solid;
- border-color: transparent transparent transparent var(--heading-sub-color);
- }
- .heading-layout-16 .heading-inner {
- border-bottom: 2px solid var(--heading-sub-color);
- }
- .heading-layout-17 .heading-title, .heading-layout-18 .heading-title {
- position: relative;
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- flex-grow: 1;
- }
- .heading-layout-17 .heading-title:after {
- display: inline-flex;
- flex-grow: 1;
- margin-left: var(--heading-spacing, 10px);
- content: '';
- border-bottom: 2px solid var(--heading-sub-color);
- }
- .heading-layout-17 .heading-tagline {
- margin-left: var(--heading-spacing, 10px);
- }
- .heading-layout-18 .heading-title:after {
- display: inline-flex;
- flex-grow: 1;
- margin-left: var(--heading-spacing, 10px);
- content: '';
- border-bottom: 7px dotted var(--heading-sub-color);
- }
- .heading-layout-18 .heading-tagline {
- margin-left: var(--heading-spacing, 10px);
- padding-bottom: 2px;
- border-bottom: 2px solid currentColor;
- }
- .heading-layout-19 .heading-inner {
- flex-flow: row wrap;
- }
- .heading-layout-19 .heading-tagline {
- width: 100%;
- margin-top: var(--heading-spacing, 15px);
- }
- /** footer slide up */
- .f-slideup {
- position: fixed;
- z-index: 500;
- right: 0;
- bottom: 0;
- left: 0;
- -webkit-transition: -webkit-transform .4s var(--timing);
- transition: transform .4s var(--timing);
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- will-change: transform;
- }
- .yes-f-slideup .f-slideup {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- .slideup-inner {
- position: relative;
- -webkit-transition: opacity .4s var(--timing);
- transition: opacity .4s var(--timing);
- pointer-events: none;
- opacity: 0;
- background-color: var(--slideup-bg, #88888888);
- }
- .slideup-toggle {
- position: absolute;
- top: auto;
- right: 65px;
- bottom: 100%;
- left: auto;
- display: block;
- padding: 3px 15px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- color: var(--slideup-icon-na-color, var(--awhite));
- border-top-left-radius: var(--round-5);
- border-top-right-radius: var(--round-5);
- background-color: var(--slideup-icon-na-bg, var(--g-color));
- }
- .yes-f-slideup .slideup-toggle {
- color: var(--slideup-icon-color, #ffffff);
- background-color: var(--slideup-bg, #88888888);
- }
- .slideup-toggle i {
- line-height: 1;
- display: block;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .yes-f-slideup .slideup-toggle:hover i {
- -webkit-transform: rotate(180deg);
- transform: rotate(180deg);
- }
- .yes-f-slideup .slideup-inner {
- visibility: visible;
- pointer-events: auto;
- opacity: 1;
- }
- /** blocks */
- .block-list-small-1 .scroll-holder {
- max-height: 410px;
- padding-right: 15px;
- }
- .cbox, .a-card {
- position: relative;
- }
- .cbox-inner {
- position: relative;
- display: block;
- overflow: hidden;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- border-radius: var(--wrap-border, var(--round-7));
- background-color: var(--flex-gray-7);
- }
- .cbox-inner:hover {
- box-shadow: 0 4px 10px var(--shadow-7);
- }
- .cbox-body {
- position: relative;
- z-index: 10;
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- flex-grow: 1;
- padding: 10px 15px;
- }
- .cbox-body > * {
- pointer-events: auto;
- }
- .cbox-2 .cbox-body:before {
- position: absolute;
- z-index: -1;
- top: -30px;
- right: 0;
- bottom: 0;
- left: 0;
- content: '';
- pointer-events: none;
- background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), var(--cbox-bg, var(--g-color-90)));
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, var(--cbox-bg, var(--g-color-90)) 100%);
- }
- .no-gradient .cbox-2 .cbox-body:before {
- background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .9));
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .9) 100%);
- }
- .rb-follow {
- font-size: 12px;
- display: flex;
- visibility: hidden;
- align-items: center;
- flex-shrink: 0;
- justify-content: center;
- width: 34px;
- height: 34px;
- cursor: pointer;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- pointer-events: none;
- border: 1px solid var(--flex-gray-15);
- border-radius: 100%;
- }
- .rb-bookmark.loaded, .rb-follow.loaded {
- visibility: visible;
- pointer-events: auto;
- }
- .elementor-editor-active .follow-trigger {
- opacity: 1;
- }
- .follow-trigger.in-progress i:before {
- display: inline-flex;
- -webkit-transform-origin: center;
- transform-origin: center;
- -webkit-animation: reaction-spinner 1s linear infinite;
- animation: reaction-spinner 1s linear infinite;
- pointer-events: none;
- }
- .follow-trigger.in-progress i:before {
- content: '\e942';
- }
- .rb-follow i {
- line-height: 32px;
- width: 100%;
- height: 100%;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- text-align: center;
- }
- .followed-icon, .followed i:not(.followed-icon) {
- display: none;
- }
- .followed i.followed-icon {
- display: block;
- }
- .cbox-content {
- flex-grow: 1;
- }
- .cbox-count {
- display: block;
- }
- .cbox-2 .cbox-count, .cbox-3 .cbox-count {
- color: var(--awhite);
- }
- .cbox-content > *:not(:last-child) {
- margin-bottom: 5px;
- }
- .cbox-featured {
- position: relative;
- display: block;
- overflow: hidden;
- width: 100%;
- }
- .category-feat {
- position: relative;
- display: block;
- padding-bottom: calc(var(--feat-ratio, 66) * 1%);
- background-color: var(--flex-gray-7);
- }
- .category-feat img {
- position: absolute;
- z-index: 1;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- display: block;
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- .cbox-title > * {
- font-size: var(--ctitle-size, inherit);
- }
- .cbox-6 .category-feat img {
- border-radius: var(--round-5);
- }
- .is-gap-none .cbox-title, .is-gap-none .cbox-count {
- padding-right: 10px;
- padding-left: 10px;
- }
- .cbox-follow .cbox-inner {
- display: flex;
- height: 100%;
- }
- .follow-redirect-wrap {
- display: flex;
- align-items: center;
- flex-grow: 1;
- justify-content: center;
- padding: 10px;
- }
- .follow-redirect {
- position: relative;
- display: flex;
- align-items: center;
- flex-flow: column nowrap;
- }
- .follow-redirect:before {
- position: absolute;
- top: 50%;
- left: 50%;
- display: block;
- width: 40px;
- height: 40px;
- margin-top: -20px;
- margin-left: -20px;
- content: '';
- -webkit-transition: var(--effect);
- transition: var(--effect);
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 0;
- border-radius: 100%;
- background-color: currentColor;
- }
- .follow-redirect:hover:before {
- -webkit-transform: scale(2);
- transform: scale(2);
- opacity: .1;
- }
- .cbox-center {
- margin-top: 5px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- -webkit-transform: translate3d(0, 15px, 0);
- transform: translate3d(0, 15px, 0);
- pointer-events: none;
- opacity: 0;
- }
- .cbox:hover .cbox-center {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- opacity: 1;
- }
- .is-light.rb-follow, .light-scheme .rb-follow:not(:hover) {
- color: var(--awhite);
- border-color: var(--awhite);
- }
- .is-light.rb-follow:hover {
- opacity: .5;
- color: var(--awhite);
- border-color: var(--awhite);
- }
- .cbox-3 .cbox-overlay:before {
- position: absolute;
- z-index: -1;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- content: '';
- pointer-events: none;
- opacity: .6;
- background-color: var(--cbox-bg, var(--g-color));
- }
- .no-gradient .cbox-3 .cbox-overlay:before {
- background-color: rgba(0, 0, 0, .6);
- }
- .cbox-3 .cbox-body {
- align-items: flex-start;
- flex-flow: column nowrap;
- justify-content: space-between;
- width: 100%;
- height: 100%;
- padding: 20px;
- }
- .cbox-3 .cbox-body > * {
- width: 100%;
- }
- .cbox-3 .rb-follow {
- margin-left: auto;
- }
- .cbox-4 .rb-follow {
- position: absolute;
- z-index: 10;
- top: 20px;
- right: 20px;
- }
- .cbox-4 .cbox-content {
- text-align: center;
- }
- .cbox-4 .cbox-body {
- padding: 25px 20px;
- }
- .block-categories-5 {
- --bottom-spacing: 12px;
- }
- .cbox-5 {
- text-align: center;
- }
- .cbox-5 .cbox-inner {
- background-color: transparent;
- }
- .cbox-5 .cbox-inner:hover {
- display: none;
- }
- .cbox-featured-holder {
- position: relative;
- margin-right: auto;
- margin-left: auto;
- }
- .cbox-5 .category-feat {
- overflow: hidden;
- padding-bottom: 100%;
- border-radius: 100%;
- }
- .cbox-5 > *:not(:last-child) {
- margin-bottom: var(--bottom-spacing);
- }
- .cbox-featured-holder .rb-follow {
- position: absolute;
- z-index: 1;
- top: 50%;
- left: 50%;
- display: inline-flex;
- margin-top: -17px;
- margin-left: -17px;
- text-shadow: 1px 2px 7px var(--flex-gray-15);
- }
- .cbox-6 {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- column-gap: 15px;
- }
- .cbox-6 .cbox-featured-holder {
- width: min(25%, 120px);
- margin: 0;
- }
- .a-card-inner {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- height: 100%;
- padding: var(--inner-padding, 25px);
- border-radius: var(--wrap-border, var(--round-5));
- }
- .a-card-1 .author-job {
- margin-top: 10px;
- text-align: center;
- white-space: nowrap;
- }
- .a-card-2 .a-card-content {
- align-items: center;
- padding-right: 0;
- text-align: center;
- }
- .a-card-2 .rb-follow {
- font-size: 1rem;
- border: none;
- }
- .a-card-meta {
- display: flex;
- flex-flow: row nowrap;
- }
- .a-card-feat {
- display: flex;
- align-items: center;
- flex-flow: column nowrap;
- flex-shrink: 0;
- width: var(--featured-width, 100px);
- max-width: 100%;
- }
- .a-card-content {
- display: flex;
- flex-flow: column nowrap;
- flex-grow: 1;
- padding-right: 25px;
- row-gap: 10px;
- }
- .a-card-name {
- display: flex;
- align-items: center;
- }
- .a-card-count:not(:first-child):before {
- margin-right: 5px;
- margin-left: 5px;
- content: '/';
- }
- .a-card .rb-follow {
- margin-top: 5px;
- }
- .a-card-feat a {
- position: relative;
- width: 100%;
- padding-bottom: 100%;
- }
- .a-card-feat img {
- position: absolute;
- top: 0;
- left: 0;
- display: block;
- width: 100%;
- height: 100%;
- border-radius: 100%;
- object-fit: cover;
- }
- .block-covid-data {
- position: relative;
- }
- .block-covid-data svg.svg-virus {
- position: absolute;
- top: 0;
- right: 0;
- display: block;
- width: 70px;
- opacity: .07;
- }
- [data-theme='dark'] .block-covid-data svg, .light-scheme .block-covid-data svg {
- fill: #ffffff;
- }
- .block-covid-data .description-text {
- line-height: 1;
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- }
- .country-name {
- display: flex;
- margin-bottom: 15px;
- }
- .data-item {
- display: flex;
- align-items: center;
- width: 100%;
- }
- .data-item:not(:last-child) {
- margin-bottom: 7px;
- }
- .data-item svg {
- width: 1em;
- }
- .data-item-value {
- margin-right: 0;
- margin-left: auto;
- }
- .data-death .data-item-value {
- color: var(--g-color);
- }
- .ad-wrap, .amp-ad-wrap {
- line-height: 1;
- display: block;
- text-align: center;
- }
- .header-amp-ad, .footer-amp-ad {
- padding: 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-right: 5px;
- }
- .cta-wrap {
- display: flex;
- text-align: var(--cta-align, inherit);
- gap: var(--cta-img-space, 20px);
- }
- .cta-img-left {
- flex-flow: row nowrap;
- }
- .cta-img-right {
- flex-flow: row-reverse nowrap;
- }
- .cta-img-top {
- flex-flow: column nowrap;
- }
- .cta-img-bottom {
- flex-flow: column-reverse nowrap;
- }
- .cta-featured {
- flex-shrink: 0;
- width: var(--cta-img-width, 100%);
- max-width: 100%;
- }
- .cta-featured img {
- display: block;
- width: 100%;
- }
- .cta-wrap .cta-title {
- padding-bottom: var(--cta-title-space, 10px);
- color: var(--cta-title-color, inherit);
- }
- .cta-wrap .cta-description {
- color: var(--cta-desc-color, inherit);
- }
- .cta-content {
- display: flex;
- flex-flow: column nowrap;
- flex-grow: 1;
- max-width: var(--cta-content-max, 100%);
- }
- .cta-buttons {
- display: flex;
- align-items: center;
- flex-flow: row wrap;
- width: 100%;
- padding-top: var(--cta-btn-space, 20px);
- gap: var(--cta-btn-gap, 5px);
- }
- .cta-center .cta-content {
- margin-right: auto;
- margin-left: auto;
- text-align: center;
- }
- .cta-center .cta-buttons {
- justify-content: center;
- }
- .cta-right .cta-content {
- margin-right: 0;
- margin-left: auto;
- text-align: right;
- }
- .cta-right .cta-buttons {
- justify-content: flex-end;
- }
- .cta-btn-1 {
- padding: 14px 24px;
- color: var(--btn-1-color, inherit);
- border: 1px solid;
- }
- .cta-btn-1:hover {
- color: var(--btn-1-hover-color, inherit);
- }
- .cta-btn-2 {
- padding: 15px 25px;
- color: var(--btn-2-color, var(--awhite));
- border-color: var(--btn-2-border-color, transparent);
- background-color: var(--g-color);
- }
- .cta-btn-2:hover {
- color: var(--btn-2-hover-color, var(--awhite));
- }
- .cta-description a {
- -webkit-transition: var(--effect);
- transition: var(--effect);
- text-decoration: underline;
- }
- .cta-description a:hover {
- color: var(--g-color);
- }
- .cta-description strong {
- font-weight: bold;
- }
- .related-sec {
- display: block;
- width: 100%;
- padding: 20px;
- border-radius: var(--round-5);
- box-shadow: 0 5px 30px var(--shadow-7);
- --bottom-spacing: 0;
- }
- .related-2 {
- --bottom-spacing: 20px;
- }
- .related-5 {
- --bottom-spacing: 12px;
- }
- .related-6 {
- --bottom-spacing: 25px;
- }
- .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;
- }
- .related-sec .p-list-small-2 .feat-holder {
- width: 100px;
- }
- .related-1 .p-list-small-2 {
- margin-bottom: 15px;
- padding-bottom: 15px;
- border-bottom: 1px solid var(--flex-gray-15);
- }
- .related-1 .p-list-inline:not(:last-child) {
- margin-bottom: 7px;
- padding-bottom: 7px;
- border-bottom: 1px solid var(--flex-gray-15);
- }
- .related-4 .p-wrap:not(:last-child) {
- margin-bottom: 5px;
- padding-bottom: 5px;
- border-bottom: 1px solid var(--flex-gray-15);
- }
- .entry-widget:not(:last-child) {
- margin-bottom: 30px;
- }
- .widget.entry-widget .related-sec {
- padding: 0;
- background: none;
- box-shadow: none;
- }
- .privacy-bar {
- display: none;
- -webkit-transition: opacity .25s var(--timing);
- transition: opacity .25s var(--timing);
- opacity: 0;
- }
- .privacy-bar.activated {
- display: block;
- opacity: 1;
- }
- .privacy-bar.privacy-bottom {
- position: fixed;
- z-index: 970;
- bottom: 10px;
- left: 0;
- 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;
- bottom: 20px;
- left: 20px;
- width: 380px;
- }
- .privacy-inner {
- font-size: var(--rem-mini);
- position: relative;
- display: flex;
- overflow: hidden;
- align-items: center;
- flex-flow: row nowrap;
- max-width: var(--rb-width, 1280px);
- margin-right: auto;
- margin-left: auto;
- padding: 7px 20px;
- pointer-events: auto;
- color: var(--privacy-color);
- border-radius: var(--round-5);
- background-color: var(--privacy-bg-color, var(--dark-accent));
- box-shadow: 0 3px 12px var(--shadow-12);
- }
- .privacy-wide .privacy-inner {
- max-width: 100%;
- }
- .privacy-bar.privacy-top {
- background-color: var(--privacy-bg-color, var(--dark-accent));
- }
- .privacy-bar.privacy-top .privacy-inner {
- background-color: transparent;
- box-shadow: none;
- }
- .privacy-bar.privacy-left .privacy-inner {
- border-radius: var(--round-7);
- }
- .privacy-bar.privacy-bottom .privacy-inner {
- max-width: 720px;
- margin-right: auto;
- margin-left: auto;
- padding: 12px;
- }
- .mobile-social-title,
- .privacy-content {
- flex-grow: 1;
- }
- .privacy-dismiss-btn {
- line-height: 1;
- display: flex;
- flex-shrink: 0;
- margin-left: 20px;
- padding: 5px 15px;
- }
- .privacy-bar.privacy-top .privacy-dismiss-btn:not(:hover):not(:focus) {
- background: var(--flex-gray-15);
- }
- .privacy-dismiss-btn span {
- font-size: var(--em-small);
- }
- .privacy-left .privacy-inner {
- margin-right: 0;
- margin-left: 0;
- padding: 15px;
- 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;
- }
- .bookmark-section-header {
- position: relative;
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- }
- .saved-section .bookmark-section-header {
- padding-top: 25px;
- padding-bottom: 25px;
- }
- .blog-wrap.my-saved {
- margin-top: 0;
- }
- .my-personalized > * {
- margin-bottom: 40px;
- }
- .bookmark-section-header-inner {
- position: relative;
- flex-grow: 1;
- }
- .bookmark-section-header-image {
- align-items: center;
- flex-shrink: 0;
- width: auto;
- height: 40px;
- margin-bottom: 10px;
- }
- .bookmark-section-header-image img {
- width: auto;
- max-height: 100%;
- }
- .bookmark-section-title, .bookmark-section-decs {
- display: block;
- }
- .bookmark-section-decs {
- margin-top: 5px;
- }
- .p-wrap.removing {
- display: none;
- }
- .block-loader {
- text-align: center;
- }
- .page-template-bookmark .svg-loading, .block-loader .svg-loading {
- line-height: 0;
- width: 2.5rem;
- }
- .empty-saved {
- margin-right: var(--column-gap);
- margin-left: var(--column-gap);
- padding-top: 25px;
- padding-bottom: 25px;
- }
- .empty-saved.restricted {
- border: 1px solid var(--flex-gray-15);
- border-radius: var(--round-5);
- }
- .empty-saved-desc {
- font-size: var(--rem-small);
- display: block;
- max-width: 500px;
- margin-top: 7px;
- }
- .interest-section .bookmark-section-header {
- padding: 20px 0;
- }
- .empty-saved-desc i {
- display: inline;
- color: var(--g-color);
- }
- .interest-loader {
- position: relative;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: calc(20% - 20px);
- margin-right: 20px;
- border-radius: var(--wrap-border, var(--round-7));
- background: var(--flex-gray-7);
- }
- .interest-loader:before {
- position: relative;
- display: block;
- width: 100%;
- padding-bottom: 97.25%;
- content: '';
- }
- .interest-loader svg {
- position: absolute;
- top: auto;
- left: auto;
- display: inline-flex;
- }
- .interest-loader:last-child {
- opacity: .3;
- }
- .rec-section {
- display: block;
- overflow: hidden;
- background-color: var(--dark-accent);
- }
- .logo-popup-outer {
- display: flex;
- width: 100%;
- padding: 40px;
- pointer-events: auto;
- border-radius: 10px;
- background: var(--solid-white);
- box-shadow: 0 10px 30px var(--shadow-12);
- }
- [data-theme='dark'] .select2-dropdown, [data-theme='dark'] .logo-popup-outer {
- background-color: var(--dark-accent);
- }
- [data-theme='dark'] .select2-selection--single {
- color: var(--awhite);
- background: none;
- }
- .rb-user-popup-form {
- position: relative;
- max-width: 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;
- bottom: 0;
- left: 50%;
- display: block;
- width: 30px;
- margin-left: -15px;
- content: '';
- border-bottom: 6px dotted var(--g-color);
- }
- .logo-popup-logo {
- display: block;
- margin-bottom: 20px;
- text-align: center;
- }
- .logo-popup-logo img {
- display: inline-block;
- width: auto;
- max-height: 80px;
- object-fit: contain;
- }
- .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-right: 7px;
- padding-right: 7px;
- border-right: 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);
- box-shadow: 0 10px 30px var(--shadow-12);
- }
- .popup-newsletter-cover {
- display: flex;
- flex-shrink: 0;
- width: 40%;
- }
- .popup-newsletter-header > *:not(:first-child):not(.popup-newsletter-icon) {
- margin-top: 15px;
- }
- .popup-newsletter-cover-holder {
- position: relative;
- display: block;
- width: 100%;
- padding-bottom: 135%;
- background-color: var(--flex-gray-7);
- }
- .popup-newsletter .popup-newsletter-img {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- .popup-newsletter-content {
- display: flex;
- flex-flow: column nowrap;
- flex-grow: 1;
- justify-content: space-evenly;
- padding: 40px;
- background-color: var(--dark-accent);
- }
- .popup-newsletter-content > * {
- position: relative;
- padding-top: 10px;
- padding-bottom: 10px;
- }
- .popup-newsletter-icon {
- position: absolute;
- top: 10px;
- right: 20px;
- pointer-events: none;
- opacity: .2;
- }
- .popup-newsletter-icon 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);
- left: 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;
- right: 0;
- }
- #back-top {
- position: fixed;
- z-index: 980;
- right: 20px;
- bottom: 20px;
- display: block;
- cursor: pointer;
- -webkit-transition: all .5s var(--timing);
- transition: all .5s var(--timing);
- -webkit-transform: translate3d(0, 20px, 0);
- transform: translate3d(0, 20px, 0);
- text-decoration: none;
- pointer-events: none;
- opacity: 0;
- border: none;
- will-change: transform;
- }
- #back-top.scroll-btn-visible {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- pointer-events: auto;
- opacity: 1;
- }
- #back-top.scroll-btn-visible:hover {
- -webkit-transform: translate3d(0, -5px, 0);
- transform: translate3d(0, -5px, 0);
- }
- #back-top i {
- font-size: 18px;
- line-height: 40px;
- display: block;
- width: 40px;
- height: 40px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- text-align: center;
- color: #ffffff;
- border-radius: var(--round-3);
- background-color: var(--dark-accent);
- }
- .amp-back-top {
- font-size: 1.5rem;
- line-height: 44px;
- display: block;
- width: 120px;
- height: 44px;
- margin-right: auto;
- margin-bottom: 10px;
- margin-left: auto;
- text-align: center;
- }
- .breadcrumb-wrap:not(.breadcrumb-rewrap) .breadcrumb-inner {
- overflow: hidden;
- max-width: 100%;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .breadcrumb-rewrap .breadcrumb-inner {
- display: inline-block;
- }
- body.rtl .breadcrumb-inner {
- /*rtl:ignore*/
- display: flex;
- }
- body.rtl .breadcrumb-inner > * {
- /*rtl:ignore*/
- margin: 0 2px;
- }
- body.rtl .breadcrumb-inner > *:first-child {
- /*rtl:ignore*/
- margin-right: 0;
- }
- .breadcrumb-wrap:not(.breadcrumb-rewrap) .current-item, .breadcrumb-wrap:not(.breadcrumb-rewrap) .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;
- text-align: center;
- }
- #wp-calendar tbody a {
- font-weight: 700;
- display: block;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- text-decoration: none !important;
- }
- #wp-calendar td#today {
- font-weight: 700;
- }
- .wp-calendar-nav a {
- font-size: var(--em-mini);
- -webkit-transition: var(--effect);
- transition: var(--effect);
- color: var(--meta-fcolor);
- }
- #wp-calendar tbody a:hover, .wp-calendar-nav a:hover, #wp-calendar td#today {
- color: var(--g-color);
- }
- #wp-calendar caption {
- font-size: var(--rem-small);
- font-weight: 700;
- margin-bottom: 7px;
- }
- #wp-calendar tfoot a:hover {
- text-decoration: underline;
- }
- .widget_tag_cloud .tagcloud, .wp-block-tagcoloroud {
- display: 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);
- }
- .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-bottom: 7px;
- margin-left: 15px;
- padding: 0;
- }
- .widget:not(.woocommerce) .count {
- font-size: var(--rem-mini);
- line-height: 18px;
- float: right;
- min-width: 18px;
- padding: 0 3px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- text-align: center;
- color: var(--awhite);
- border-radius: var(--round-3);
- background-color: var(--dark-accent);
- }
- .widget_pages a, .widget_meta a, .cat-item a, .tagcloud a, .wp-block-tagcoloroud a, .widget_archive a, .widget.widget_nav_menu a, .copyright-menu a, .woocommerce-widget-layered-nav-list li, .sidebar-menu a {
- font-family: var(--dwidgets-family);
- font-size: var(--dwidgets-fsize);
- font-weight: var(--dwidgets-fweight);
- font-style: var(--dwidgets-fstyle);
- position: relative;
- display: block;
- padding-top: var(--sidebar-menu-spacing, 5px);
- padding-bottom: var(--sidebar-menu-spacing, 5px);
- -webkit-transition: var(--effect);
- transition: var(--effect);
- letter-spacing: var(--dwidgets-fspace);
- text-transform: var(--dwidgets-transform);
- color: inherit;
- }
- .widget_pages a:hover, .widget_meta a:hover, .cat-item a:hover, .widget_archive a:hover, .widget.widget_nav_menu a:hover, .copyright-menu a:hover, .sidebar-menu a:hover {
- color: var(--g-color);
- }
- .cat-item a:hover .count, .widget_archive a:hover .count {
- background-color: var(--g-color);
- }
- .widget_archive select, .widget_categories select {
- display: block;
- width: 100%;
- max-width: 100%;
- padding-left: 10px;
- }
- .widget_recent_comments .recentcomments {
- position: relative;
- margin-bottom: 20px;
- }
- .widget_recent_comments .recentcomments > a:last-child {
- font-family: var(--h4-family);
- font-size: var(--h4-fsize);
- font-weight: var(--h4-fweight);
- display: block;
- margin-top: 2px;
- margin-bottom: 0;
- }
- .widget_recent_entries li {
- font-family: var(--h5-family);
- font-size: var(--h5-fsize);
- font-weight: var(--h5-fweight);
- position: relative;
- display: block;
- margin-bottom: 15px;
- letter-spacing: var(--h5-fspace);
- }
- .widget_recent_entries li:before {
- font-family: 'ruby-icon';
- font-size: 8px;
- font-weight: normal;
- display: inline;
- margin-right: .4em;
- content: '\e900';
- -webkit-transition: var(--effect);
- transition: var(--effect);
- vertical-align: middle;
- border-radius: var(--round-3);
- }
- .widget_recent_entries li:hover:before {
- text-decoration: none;
- color: var(--g-color);
- background-color: currentColor;
- }
- .widget_recent_entries a, .recentcomments a, a.rsswidget {
- 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;
- 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-right: 7px;
- content: '\42';
- }
- .widget_rss ul a.rsswidget {
- font-family: var(--h4-family);
- font-size: var(--h4-fsize);
- font-weight: var(--h4-fweight);
- display: block;
- letter-spacing: var(--h4-fspace);
- }
- .rss-date {
- display: block;
- margin-top: 7px;
- }
- .rssSummary {
- font-size: var(--rem-small);
- display: block;
- margin-top: 12px;
- }
- .widget_rss cite {
- display: block;
- margin-top: 12px;
- }
- .widget_recent_comments > ul > .recentcomments:last-child, .widget_recent_entries > ul > li:last-child, .widget_rss > ul > li:last-child {
- margin-bottom: 0;
- padding-bottom: 0;
- border-bottom: none !important;
- }
- .textwidget br, .textwidget p {
- margin-bottom: 1rem;
- }
- .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 counter */
- .social-follower {
- display: grid;
- gap: var(--column-gap, 5px);
- grid-template-columns: repeat(var(--s-columns, var(--ds-columns, 2)), 1fr);
- }
- .is-gcol-1 {
- --ds-columns: 1;
- }
- .is-gcol-4 {
- --ds-columns: 4;
- }
- .follower-el {
- position: relative;
- -webkit-transition: all .5s var(--timing);
- transition: all .5s var(--timing);
- }
- .follower-el a {
- position: absolute;
- z-index: 99;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- .follower-inner {
- font-size: var(--s-icon-size, 1rem);
- display: flex;
- align-items: center;
- flex-direction: column;
- width: 100%;
- }
- .effect-fadeout.activated .follower-el {
- opacity: .3;
- }
- .effect-fadeout.activated .follower-el:hover, .effect-fadeout.activated .follower-el:focus {
- opacity: 1;
- }
- .fntotal, .fnlabel {
- line-height: 1.3;
- margin-top: 7px;
- white-space: nowrap;
- }
- .text-count {
- font-family: var(--meta-family);
- font-size: var(--em-small);
- font-weight: var(--meta-fweight);
- line-height: 1.5;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- white-space: nowrap;
- letter-spacing: var(--meta-fspace);
- color: var(--meta-fcolor);
- }
- .socials-counter.is-bg *, .socials-counter.is-h-bg .follower-el:hover * {
- color: var(--awhite);
- }
- .fnicon {
- font-size: 1.75em;
- line-height: 1;
- }
- .fnicon i {
- font-size: inherit;
- line-height: 1;
- text-shadow: 3px 3px 0 #ffffff10, 4px 2px 0 #00000020;
- }
- .fb-follower {
- --s-icon-color: var(--fb-color);
- --s-icon-hcolor: var(--fb-hcolor);
- }
- .twitter-follower {
- --s-icon-color: var(--twitter-color);
- --s-icon-hcolor: var(--twitter-hcolor);
- }
- .pinterest-follower {
- --s-icon-color: var(--pin-color);
- --s-icon-hcolor: var(--pin-hcolor);
- }
- .instagram-follower {
- --s-icon-color: var(--ig-color);
- --s-icon-hcolor: var(--ig-hcolor);
- }
- .youtube-follower {
- --s-icon-color: var(--ytube-color);
- --s-icon-hcolor: var(--ytube-hcolor);
- }
- .soundcloud-follower {
- --s-icon-color: var(--soundcloud-color);
- --s-icon-hcolor: var(--soundcloud-hcolor);
- }
- .telegram-follower {
- --s-icon-color: var(--telegam-color);
- --s-icon-hcolor: var(--telegam-hcolor);
- }
- .vimeo-follower {
- --s-icon-color: var(--vimeo-color);
- --s-icon-hcolor: var(--vimeo-hcolor);
- }
- .dribbble-follower {
- --s-icon-color: var(--dribbble-color);
- --s-icon-hcolor: var(--dribbble-hcolor);
- }
- .rbi.rbi-tiktok {
- text-shadow: -2px -1px 0 #69c9d0, 2px 2px 0 #ee1d52;
- }
- .tiktok-follower {
- --s-icon-color: #000000;
- --s-icon-hcolor: #ff007f;
- }
- [data-theme='dark'] .tiktok-follower,
- .light-scheme .tiktok-follower {
- --s-icon-color: #fff1;
- }
- .yes-mono .follower-el {
- --s-icon-color: var(--dark-accent);
- --s-icon-hcolor: var(--dark-accent);
- }
- [data-theme='dark'] .yes-mono .is-icon-color i {
- color: var(--awhite);
- }
- .is-icon-color i {
- color: var(--s-icon-color);
- }
- .is-icon-bg i {
- -webkit-transition: var(--effect);
- transition: var(--effect);
- color: var(--awhite);
- background-color: var(--s-icon-color);
- }
- .is-icon-bg .follower-el:hover i, .is-h-icon-bg .follower-el:hover i {
- -webkit-transform: translate3d(0, -5px, 0);
- transform: translate3d(0, -5px, 0);
- color: var(--awhite);
- background-color: var(--s-icon-hcolor);
- box-shadow: 0 3px 12px var(--s-icon-hcolor);
- }
- .is-bg .follower-inner {
- background: var(--s-icon-color);
- }
- .is-bg .follower-el:hover .follower-inner, .is-h-bg .follower-el:hover .follower-inner {
- -webkit-transform: translate3d(0, -5px, 0);
- transform: translate3d(0, -5px, 0);
- background-color: var(--s-icon-hcolor);
- box-shadow: var(--btn-shadow, 0 3px 12px var(--s-icon-hcolor));
- }
- .is-style-10 .fnicon, .is-style-11 .fnicon {
- margin-right: 8px;
- }
- .is-style-12 .fnicon, .is-style-13 .fnicon {
- font-size: 1.25em;
- margin-right: 8px;
- }
- .is-gstyle-3 .fntotal, .is-gstyle-3 .fnlabel {
- margin-top: 0;
- margin-left: 3px;
- }
- .is-style-10 .fntotal + .fnlabel, .is-style-11 .fntotal + .fnlabel, .is-style-12 .fntotal + .fnlabel, .is-style-13 .fntotal + .fnlabel {
- font-size: .7em;
- margin-top: -4px;
- }
- .is-style-10 .follower-inner, .is-style-11 .follower-inner, .is-style-12 .follower-inner, .is-style-13 .follower-inner {
- align-items: center;
- flex-flow: row nowrap;
- }
- .is-style-12 .follower-inner {
- border: 1px solid var(--flex-gray-15);
- }
- .is-style-12 .follower-inner, .is-style-13 .follower-inner {
- position: relative;
- overflow: hidden;
- padding: 10px 20px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- border-radius: var(--round-5);
- }
- .is-style-14 .follower-inner, .is-style-15 .follower-inner {
- display: grid;
- padding: 12px 7px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- border-radius: var(--round-5);
- grid-gap: 0;
- grid-template-columns: 42px auto 1fr;
- }
- .is-style-1 .fnicon i, .is-style-2 .fnicon i, .is-style-9 .fnicon i, .is-style-10 .fnicon i, .is-style-11 .fnicon i {
- position: relative;
- display: flex;
- align-items: center;
- justify-content: center;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .is-style-10 .fnicon i, .is-style-11 .fnicon i {
- position: relative;
- width: 48px;
- height: 48px;
- }
- .is-style-1 .fnicon i, .is-style-2 .fnicon i, .is-style-10 .fnicon i, .is-style-11 .fnicon i {
- border-radius: 100%;
- }
- .is-style-1 .fnicon i, .is-style-2 .fnicon i, .is-style-9 .fnicon i {
- width: 58px;
- height: 58px;
- }
- .is-style-9 .fnicon i {
- overflow: hidden;
- border-radius: var(--round-5);
- }
- .is-style-9 .follower-el:not(:hover) i:after {
- position: absolute;
- z-index: 9;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- content: '';
- opacity: .2;
- border: 5px solid var(--g-color);
- }
- [data-theme='dark'] .is-style-9 .follower-el:not(:hover) i:after {
- border-color: var(--awhite);
- }
- .is-style-12 .text-count, .is-style-13 .text-count {
- margin-left: auto;
- }
- .is-style-12 .follower-inner > :nth-child(2), .is-style-13 .follower-inner > :nth-child(2) {
- position: relative;
- margin-top: 0;
- padding-left: 10px;
- }
- .is-style-12 .follower-inner > :nth-child(2):before, .is-style-13 .follower-inner > :nth-child(2):before {
- position: absolute;
- top: 50%;
- left: 0;
- width: 1px;
- height: 12px;
- margin-top: -6px;
- content: '';
- }
- .is-style-12 .fntotal:before, .is-style-12 .fnlabel:before, .is-style-13 .fntotal:before, .is-style-13 .fnlabel:before {
- opacity: .5;
- background-color: currentColor;
- }
- .is-style-14 .fnicon, .is-style-15 .fnicon {
- height: 100%;
- text-align: center;
- grid-row: 1 / 3;
- }
- .is-style-14 .text-count, .is-style-15 .text-count {
- line-height: 1;
- margin-top: 7px;
- margin-left: 4px;
- grid-column: 2 / span 3;
- grid-row: 2;
- }
- .is-style-14 .fnicon i, .is-style-15 .fnicon i {
- display: flex;
- align-items: center;
- justify-content: center;
- height: 100%;
- justify-items: center;
- }
- .is-style-10 .text-count, .is-style-11 .text-count {
- margin-top: 0;
- margin-left: auto;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .is-style-8 .follower-inner, .is-style-7 .follower-inner, .is-style-6 .follower-inner, .is-style-5 .follower-inner, .is-style-4 .follower-inner, .is-style-3 .follower-inner {
- padding: 15px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- border-radius: var(--round-5);
- }
- .is-style-7 .follower-el .follower-inner, .is-style-4 .follower-inner {
- box-shadow: 0 0 10px var(--shadow-7);
- }
- .is-style-15 .follower-inner, .is-style-6 .follower-inner, .is-style-3 .follower-inner, .is-style-2 .fnicon i, .is-style-10 .fnicon i {
- border: 1px solid var(--flex-gray-15);
- }
- .is-style-8 .follower-el .text-count, .is-style-7 .follower-el .text-count, .is-style-6 .follower-el .text-count {
- display: none;
- }
- /** weather widget */
- .rb-weather-wrap {
- padding: 20px;
- border-radius: var(--round-5);
- box-shadow: 0 4px 30px var(--shadow-7);
- }
- .rb-w-title.h4 {
- line-height: 1.1;
- display: inline-block;
- width: auto;
- margin-bottom: 15px;
- padding: 4px 20px;
- color: #ffffff;
- border-radius: var(--round-3);
- background: var(--g-color);
- }
- .rb-w-stats {
- display: flex;
- align-items: flex-start;
- flex: 0 0 100%;
- flex-flow: row nowrap;
- flex-basis: 100%;
- width: 100%;
- max-width: 100%;
- margin-top: 10px;
- margin-bottom: 25px;
- }
- .rb-w-stats > *, .rb-w-header > * {
- width: 50%;
- }
- .rb-w-stats .col-left {
- position: relative;
- height: 100%;
- text-align: center;
- }
- .rb-w-header .rb-w-big-icon {
- display: flex;
- justify-content: center;
- }
- .rb-w-header {
- display: flex;
- align-items: center;
- flex: 0 0 100%;
- flex-flow: row nowrap;
- flex-basis: 100%;
- width: 100%;
- max-width: 100%;
- }
- .rb-header-name.h6 {
- font-size: 2rem;
- line-height: 1;
- overflow: hidden;
- white-space: nowrap;
- letter-spacing: .03rem;
- text-overflow: ellipsis;
- }
- .rb-w-desc {
- font-size: .84rem;
- margin-top: 5px;
- letter-spacing: .03rem;
- text-transform: capitalize;
- color: #aaaaaa;
- }
- .rb-w-stats > *, .rb-w-header > * {
- padding: 0 6px;
- }
- .rb-w-stats .col-right > * {
- font-size: .86rem;
- line-height: 1;
- display: grid;
- max-width: 100%;
- margin-top: 3px;
- grid-gap: 0;
- grid-template-columns: auto auto auto auto 1fr;
- }
- .rb-w-big-icon svg {
- width: 86px;
- height: 86px;
- }
- .rb-w-stats .col-right .rb-weather-highlow > :nth-child(3) {
- margin-right: 3px;
- margin-left: 10px;
- text-align: center;
- }
- .rb-weather-highlow sup {
- top: -.3em;
- }
- .rb-w-header .col-right .rb-w-units {
- font-size: 4rem;
- font-weight: 700;
- line-height: 1;
- }
- .rb-w-units .icon-thermometer {
- position: absolute;
- top: -14px;
- left: -28px;
- }
- .rb-weather-highlow svg {
- display: flex;
- width: 21px;
- }
- .rb-weather-highlow > *:not(:first-child), .rb-w-humidity > *:not(:first-child), .ruby-weather-wind > *:not(:first-child) {
- display: flex;
- align-items: center;
- }
- .rb-weather-highlow > :nth-child(4) {
- margin-left: 0;
- }
- span.ruby-degrees > :first-child {
- font-size: 18px;
- line-height: 1;
- position: absolute;
- top: 14px;
- left: 4px;
- height: 22px;
- vertical-align: text-top;
- }
- span.ruby-degrees {
- position: relative;
- height: 100%;
- padding-left: 13px;
- }
- .w-forecast-wrap {
- display: flex;
- overflow: hidden;
- flex-flow: row nowrap;
- justify-content: space-between;
- max-width: 100%;
- margin-right: auto;
- margin-left: auto;
- border-radius: var(--round-5);
- }
- .w-forecast-wrap svg:not(.svg-cloudy):not(.svg-day-cloudy):not(.svg-night-cloudy):not(.svg-moon-full) g path {
- fill: #bbbbbb;
- stroke: #bbbbbb;
- }
- svg.svg-moon-full g path {
- stroke: #bbbbbb;
- }
- .w-forecast-wrap svg.svg-icon.svg-day-cloudy g:nth-child(2) path {
- fill: #bbbbbb;
- stroke: #bbbbbb;
- }
- .w-forecast-day.h6 {
- font-size: .7rem;
- line-height: 18px;
- display: inline-block;
- width: 100%;
- white-space: nowrap;
- letter-spacing: .03rem;
- border-radius: var(--round-3);
- background-color: var(--flex-gray-7);
- }
- .w-forecast-day {
- padding: 0 4px;
- text-align: center;
- }
- .w-forecast-icon {
- display: flex;
- justify-content: center;
- }
- .w-forecast-icon svg {
- width: 40px;
- height: 40px;
- margin-bottom: -3px;
- }
- .w-forecast-icon svg.svg-day-sunny {
- padding: 4px;
- }
- .w-forecast-temp {
- font-size: var(--rem-small);
- font-weight: 600;
- line-height: 1;
- position: relative;
- display: inline-flex;
- }
- .w-forecast-temp sup {
- font-size: 62%;
- position: absolute;
- top: auto;
- bottom: 94%;
- left: 100%;
- }
- .forecast-day-1 {
- flex: 0 0 100%;
- width: 100%;
- }
- .forecast-day-2 {
- flex: 0 0 50%;
- width: 50%;
- }
- .forecast-day-3 {
- flex: 0 0 33.33%;
- width: 33.33%;
- }
- .forecast-day-4 {
- flex: 0 0 25%;
- width: 25%;
- }
- .forecast-day-5 {
- flex: 0 0 20%;
- width: 20%;
- }
- .top-footer-inner .instagram-grid.is-wide {
- margin-right: -20px;
- margin-left: -20px;
- }
- .instagram-grid.is-wide {
- padding: 10px;
- }
- .grid-el {
- overflow: hidden;
- border-radius: var(--round-5);
- justify-self: stretch;
- }
- .grid-header {
- font-size: 1.25rem;
- display: block;
- margin-bottom: 20px;
- text-align: center;
- }
- .w-fw-footer.widget-instagram .rb-error {
- margin-bottom: 20px;
- text-align: center;
- }
- .instagram-box {
- position: relative;
- overflow: hidden;
- flex: 1;
- height: 100%;
- padding-bottom: 100%;
- }
- .instagram-box a {
- position: absolute;
- z-index: 1;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- display: block;
- }
- .instagram-box img {
- display: block;
- width: 100%;
- height: 100%;
- object-fit: cover;
- object-position: 50% 50%;
- }
- .box-intro {
- line-height: 1;
- height: 0;
- -webkit-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
- transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
- }
- .box-intro:hover {
- opacity: .7;
- }
- .intro-inner {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- display: flex;
- align-items: center;
- flex-flow: column nowrap;
- justify-content: center;
- width: 100%;
- text-align: center;
- border: 1px solid var(--flex-gray-15);
- border-radius: var(--round-5);
- }
- .intro-content {
- font-size: var(--rem-mini);
- font-style: italic;
- line-height: 1.5;
- display: block;
- margin-top: 7px;
- padding: 0 10px;
- color: inherit;
- }
- .intro-inner i {
- font-size: 2.2rem;
- display: block;
- }
- .grid-el .box-content {
- position: absolute;
- z-index: 2;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- display: flex;
- overflow: hidden;
- align-items: center;
- justify-content: center;
- -webkit-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
- transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
- pointer-events: none;
- opacity: 0;
- color: #ffffff;
- backface-visibility: hidden;
- }
- .instagram-box .box-content span {
- line-height: 1;
- z-index: 10;
- display: inline-flex;
- display: -webkit-inline-flex;
- align-items: center;
- padding: 0 5px;
- color: #ffffff;
- }
- .instagram-box .box-content i {
- font-size: 1.1rem;
- line-height: 1;
- margin-right: 3px;
- color: #ffffff;
- }
- .instagram-box:hover .box-content {
- opacity: 1;
- }
- .instagram-box .box-content:before {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- content: '';
- background-color: rgba(0, 0, 0, .5);
- }
- .rb-twitter-wrap {
- padding: 20px;
- border: 1px solid var(--flex-gray-15);
- border-radius: var(--round-5);
- }
- .rb-twitter-wrap .rb-twitter-text {
- font-weight: 400;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- color: var(--excerpt-color);
- }
- .rb-twitter-wrap a {
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .rb-twitter-wrap a:hover {
- color: var(--g-color);
- }
- .rb-twitter-wrap a:hover .rb-twitter-text {
- color: inherit;
- }
- .rb-twitter-wrap .rb-tweet-header .rb-twitter-h-info {
- position: relative;
- display: grid;
- margin-bottom: 20px;
- padding-bottom: 30px;
- border-bottom: 1px solid var(--flex-gray-15);
- grid-column-gap: 5px;
- grid-row-gap: 1px;
- grid-template-columns: 60px 1fr;
- grid-template-rows: 22px 22px;
- }
- .rb-twitter-wrap .rb-tweet-header {
- position: relative;
- }
- .rb-twitter-wrap .pk-twitter-counters.pk-color-secondary {
- position: relative;
- display: grid;
- grid-gap: 10px;
- grid-template-columns: auto 1fr;
- }
- .rb-twitter-wrap .tweet-avatar {
- height: 100%;
- text-align: center;
- grid-row: 1 / 3;
- }
- .rb-twitter-wrap .tweet-avatar img {
- font-size: 0;
- max-width: 44px;
- max-height: 44px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- border-radius: 100%;
- object-fit: cover;
- }
- .rb-twitter-wrap .tweet-avatar:hover img {
- opacity: .9;
- }
- .rb-twitter-wrap .tweet-info.h6 {
- font-size: 1rem;
- }
- .rb-twitter-wrap .tweet-info.h6 span:nth-child(2) {
- text-transform: capitalize;
- }
- .rb-quoted-author {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- margin-bottom: 5px;
- }
- .rb-quoted-author img {
- font-size: 0;
- display: inline-flex;
- max-width: 24px;
- max-height: 24px;
- border-radius: 100%;
- object-fit: cover;
- }
- .rb-quoted-author em {
- font-size: var(--meta-fsize);
- font-weight: 400;
- font-style: italic;
- margin-left: 5px;
- color: var(--meta-fcolor);
- }
- .rb-twitter-wrap .rb-tweet-entry {
- font-size: var(--excerpt-fsize);
- color: var(--meta-fcolor);
- }
- .rb-twitter-wrap .rb-tweet-entry a {
- font-family: var(--h6-family);
- text-decoration: underline;
- }
- .rb-twitter-wrap .rb-twitter-summary:not(:last-child) {
- margin-bottom: 20px;
- }
- .rb-twitter-wrap .rb-tweet-actions svg {
- width: 10px;
- height: 10px;
- }
- .rb-twitter-wrap .rb-tweet-actions a {
- font-size: .7rem;
- display: flex;
- align-items: center;
- justify-content: center;
- min-width: 50px;
- padding: 3px 6px;
- border: 1px solid var(--flex-gray-15);
- border-radius: var(--round-5);
- }
- .rb-twitter-wrap .rb-tweet-actions a:not(:last-child) {
- margin-right: 10px;
- }
- .rb-twitter-wrap .rb-tweet-actions .rb-action-count {
- margin-left: 3px;
- }
- .rb-twitter-wrap .rb-tweet-actions {
- display: flex;
- align-items: stretch;
- margin-top: 14px;
- }
- .about-content-wrap .about-bio.is-centered {
- margin-right: auto;
- margin-left: auto;
- text-align: center;
- }
- .about-content-wrap .social-icon-wrap {
- display: flex;
- flex-flow: row wrap;
- }
- .about-bio.is-centered + .social-icon-wrap {
- justify-content: center;
- }
- .about-content-wrap .social-icon-wrap a {
- margin-right: 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-right: 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-gap: 10px;
- grid-template-columns: auto auto;
- }
- .grid-holder.rb-c3 {
- display: grid;
- grid-gap: 10px;
- grid-template-columns: auto auto auto;
- }
- .grid-holder.rb-c4 {
- display: grid;
- grid-gap: 5px;
- grid-template-columns: auto auto auto auto;
- }
- .grid-el img {
- height: 100%;
- }
- .grid-footer {
- font-size: .8rem;
- display: block;
- margin-top: 10px;
- text-align: right;
- }
- .grid-header span, .grid-header em {
- font-size: .9rem;
- }
- .grid-header a, .grid-footer a {
- -webkit-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
- transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
- opacity: .7;
- }
- .grid-header a:hover, .grid-footer a:hover {
- opacity: 1;
- }
- .address-info {
- font-size: var(--rem-small);
- }
- .address-info svg {
- max-width: 16px;
- height: auto;
- margin-right: 10px;
- fill: var(--g-color);
- }
- .address-info h5 {
- margin-bottom: 15px;
- }
- .address-info .phone, .address-info .tel, .address-info .email {
- display: flex;
- align-items: center;
- margin-bottom: 10px;
- }
- .office-address {
- display: flex;
- align-items: flex-start;
- margin-bottom: 25px;
- }
- .office-address svg {
- padding-top: 5px;
- }
- .additional-title {
- margin-top: 25px;
- }
- .address-info > *:last-child {
- margin-bottom: 0;
- }
- .address-info a:hover {
- color: var(--g-color);
- }
- .newsletter-fw.has-bg {
- padding-top: 20px;
- padding-bottom: 20px;
- text-align: center;
- background-repeat: no-repeat;
- background-position: center center;
- background-size: cover;
- }
- .widget-mc .newsletter-fw.has-bg {
- padding: 20px;
- }
- .w-banner {
- position: relative;
- display: block;
- overflow: hidden;
- padding: 110px 30px;
- text-align: var(--banner-align, center);
- border-radius: var(--round-5);
- }
- .w-banner-content {
- position: relative;
- z-index: 9;
- display: flex;
- align-items: center;
- width: 100%;
- min-height: 240px;
- }
- .w-banner-desc.element-desc {
- font-size: var(--rem-small);
- max-width: 100%;
- margin-top: 20px;
- margin-right: auto;
- margin-left: auto;
- }
- .banner-bg, .w-banner .banner-bg img {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- object-position: top center;
- }
- .banner-btn {
- display: inline-block;
- margin-top: 20px;
- text-align: center;
- color: var(--btn-color, var(--awhite));
- border-radius: var(--btn-round, var(--round-5));
- background: var(--btn-bg, var(--g-color));
- }
- .banner-btn:hover {
- color: var(--awhite);
- background: var(--g-color);
- }
- .btn-fw .banner-btn {
- display: block;
- }
- /** 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-right: 5px;
- content: '\e960';
- color: #42c337;
- }
- .plan-description {
- font-size: var(--rem-small);
- }
- .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;
- }
- /** accordion */
- .rb-accordion:not(.none-shadow) .elementor-accordion {
- border-radius: var(--round-5);
- box-shadow: 0 5px 30px var(--shadow-7);
- }
- .rb-accordion .elementor-accordion .elementor-accordion-title {
- font-family: var(--h4-family);
- font-size: var(--h4-fsize);
- font-weight: var(--h4-fweight);
- font-style: var(--h4-fstyle);
- line-height: var(--h4-fheight, 1.45);
- letter-spacing: var(--h4-fspace);
- text-transform: var(--h4-transform);
- color: inherit !important;
- }
- .rb-accordion .elementor-accordion-icon {
- width: 15px !important;
- color: inherit !important;
- }
- .rb-accordion .elementor-accordion-icon i {
- font-size: 10px;
- }
- .rb-accordion .elementor-tab-content {
- font-family: var(--body-family);
- font-size: var(--body-fsize);
- font-weight: var(--body-fweight);
- font-style: var(--body-fstyle);
- line-height: 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;
- }
- .elementor-widget-tabs .elementor-tab-title {
- display: inline-flex;
- align-items: center;
- flex-flow: row nowrap;
- width: 100%;
- border-top-left-radius: var(--round-5);
- border-bottom-left-radius: var(--round-5);
- column-gap: .5em;
- }
- .elementor-tab-title svg {
- fill: currentColor;
- }
- .elementor-widget-tabs .elementor-tabs-content-wrapper {
- border-radius: 0 var(--round-5) var(--round-5);
- }
- .elementor-widget-text-editor p:not(:last-of-type) {
- margin-bottom: 1.5em;
- }
- .block-simple-gallery {
- --el-spacing: 5px;
- }
- .block-simple-gallery.p-center {
- text-align: center;
- }
- .simple-gallery-item > * {
- display: block;
- width: 100%;
- }
- .simple-gallery-item {
- position: relative;
- display: flex;
- flex-flow: column nowrap;
- }
- .simple-gallery-item > *:not(:last-child) {
- margin-bottom: var(--el-spacing);
- }
- .simple-gallery-item > .simple-gallery-image {
- position: relative;
- margin-bottom: var(--image-spacing, 15px);
- }
- .simple-gallery-image img {
- -webkit-transition: -webkit-transform .4s var(--timing);
- transition: transform .4s var(--timing);
- border-radius: var(--round-5);
- }
- .is-style-shadow .simple-gallery-image img {
- box-shadow: 0 10px 30px var(--shadow-12);
- }
- .is-style-border .simple-gallery-image img {
- border: 2px solid currentColor;
- }
- .is-style-g-border .simple-gallery-image img {
- border: 2px solid var(--flex-gray-15);
- }
- .simple-gallery-item:hover a img {
- -webkit-transform: translate3d(0, -10px, 0);
- transform: translate3d(0, -10px, 0);
- }
- .simple-gallery-title a {
- display: block;
- width: 100%;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .simple-gallery-title a:hover {
- color: var(--g-color);
- }
- .simple-gallery-desc {
- font-size: var(--rem-small);
- display: block;
- }
- .simple-gallery-meta {
- line-height: 1;
- position: absolute;
- top: 10px;
- right: 10px;
- flex-grow: 0;
- padding: 5px 12px;
- white-space: nowrap;
- color: var(--awhite);
- border-radius: var(--round-3);
- background: var(--g-color);
- }
- /*
- -----------------
- 9 - Single
- -----------------
- */
- .single-post-outer:not(:last-child) {
- margin-bottom: 20px;
- border-bottom: 1px solid var(--flex-gray-15);
- }
- .single-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: 30px;
- left: 30px;
- }
- .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%;
- gap: 15px;
- }
- .single-meta.yes-center {
- gap: 20px;
- }
- .single-meta.yes-wrap {
- flex-flow: row wrap;
- }
- .single-meta.yes-border {
- padding-top: 15px;
- border-top: 4px solid var(--flex-gray-15);
- }
- .yes-center.yes-wrap .smeta-in, .yes-center.yes-wrap .smeta-extra {
- justify-content: center;
- }
- .smeta-in {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- justify-content: flex-start;
- gap: 12px;
- }
- .single-meta.yes-wrap > * {
- width: 100%
- }
- .yes-wrap .share-action {
- align-items: center;
- justify-content: center;
- width: 40px;
- height: 40px;
- padding: 0;
- border: 1px solid var(--flex-gray-15);
- border-radius: 50%;
- }
- .yes-wrap .native-share-trigger {
- border: none;
- }
- .yes-wrap .t-shared-header {
- margin-right: 12px;
- }
- .smeta-in > .meta-avatar img {
- width: 60px;
- height: 60px;
- border-radius: 100%;
- object-fit: cover;
- }
- .smeta-sec {
- display: flex;
- flex-flow: column-reverse nowrap;
- text-align: left;
- gap: 3px;
- }
- body .smeta-sec .meta-avatar img {
- width: 1.85em;
- height: 1.85em;
- }
- .smeta-sec .meta-bookmark .rb-bookmark i:after {
- font-family: var(--meta-b-family);
- font-size: inherit;
- font-weight: var(--meta-b-fweight);
- font-style: var(--meta-b-fstyle);
- display: inline-flex;
- margin-left: 4px;
- content: attr(data-title);
- letter-spacing: var(--meta-b-fspace);
- text-transform: var(--meta-b-transform);
- }
- .smeta-sec .meta-bookmark .rb-bookmark i:before {
- font-size: inherit;
- vertical-align: bottom;
- }
- .is-meta-author-bold .meta-author a {
- text-decoration-thickness: 3px;
- }
- .is-meta-author-dot .meta-author a {
- text-decoration-style: dotted;
- text-decoration-thickness: 3px;
- }
- .is-meta-author-wavy .meta-author a {
- text-decoration-style: wavy;
- }
- .is-meta-author-color .meta-author a {
- color: var(--g-color);
- text-decoration-color: transparent;
- }
- .is-meta-author-color .meta-author a:hover {
- text-decoration-color: var(--g-color);
- }
- .is-meta-author-text .meta-author a {
- text-decoration: none;
- }
- .share-action i {
- text-shadow: 3px 3px 0 var(--flex-gray-15);
- }
- .smeta-sec .meta-like > span {
- min-width: 52px;
- }
- .share-action.is-mobile.icon-whatsapp {
- display: flex;
- }
- .share-action.is-web.icon-whatsapp {
- display: none;
- }
- .smeta-extra {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- flex-shrink: 0;
- }
- .share-action, .footer-social-list a {
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .t-shared-sec {
- display: flex;
- align-items: center;
- }
- .sticky-share-list > * {
- line-height: 1;
- display: flex;
- flex-flow: row nowrap;
- }
- .t-shared-sec > *:not(.t-shared-header) {
- display: flex;
- flex-flow: row wrap;
- }
- .sticky-share-list .share-action,
- .t-shared-sec .share-action {
- font-size: max(1.05rem, 15px);
- line-height: 32px;
- display: inline-flex;
- justify-content: center;
- min-width: 28px;
- }
- a.native-share-trigger {
- color: var(--body-fcolor);
- background-color: transparent;
- }
- a.native-share-trigger:hover {
- color: var(--g-color);
- }
- .native-share-trigger i {
- font-size: 1.3em;
- }
- .single-right-meta {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- flex-shrink: 0;
- white-space: nowrap;
- }
- .single-right-meta:not(:first-child):before {
- display: inline-flex;
- width: 1px;
- height: 6px;
- margin-right: 10px;
- margin-left: 6px;
- content: '';
- opacity: .25;
- background-color: var(--meta-fcolor);
- }
- .single-header {
- position: relative;
- z-index: 109;
- display: block;
- }
- .s-cats, .s-breadcrumb, .s-title, .s-tagline, .single-meta {
- margin-bottom: 15px;
- }
- .s-feat-outer {
- margin-bottom: 30px;
- }
- .s-feat-outer.stemplate-feat {
- margin-bottom: 0;
- }
- .s-feat-placeholder {
- display: block;
- width: 100%;
- border-radius: var(--round-5);
- background-color: #6605ff;
- }
- .s-feat-placeholder:before {
- position: relative;
- display: block;
- padding-bottom: 60%;
- content: '';
- }
- .s-content-placeholder, .s-comment-placeholder, .s-related-placeholder {
- display: flex;
- align-items: center;
- justify-content: center;
- min-height: 600px;
- border-radius: var(--round-5);
- background-color: var(--flex-gray-7);
- }
- .s-related-placeholder, .s-comment-placeholder {
- min-height: 200px;
- }
- .feat-caption {
- position: relative;
- margin-top: 10px;
- text-align: var(--caption-align, inherit);
- }
- .attribution {
- display: block;
- margin-top: 5px;
- padding-left: 65px;
- text-transform: none;
- }
- .feat-caption .caption-text:before {
- position: relative;
- display: inline-flex;
- width: 50px;
- height: 1px;
- margin-right: 12px;
- padding-top: .75em;
- content: '';
- vertical-align: top;
- border-bottom: 1px solid var(--g-color);
- }
- .is-s-caption .caption-text:before {
- display: none;
- }
- .caption-text {
- position: relative;
- display: block;
- text-transform: none;
- }
- .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-right: 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: 1rem;
- padding: 0 5px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .usocials a:hover {
- color: var(--g-color);
- }
- .author-job {
- line-height: 1;
- display: flex;
- margin-top: 5px;
- white-space: nowrap;
- }
- .ubox .ubio {
- display: block;
- margin-top: 20px;
- margin-bottom: 0;
- }
- .is-multiple-authors .meta-author-label {
- display: none;
- }
- .meta-author-label.meta-label {
- margin-right: 0;
- }
- .ef-label {
- margin-right: 5px;
- color: var(--meta-fcolor);
- }
- .efoot {
- position: relative;
- clear: both;
- padding-top: calc(2rem + 2px);
- }
- .efoot:before {
- position: absolute;
- top: 0;
- left: 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: flex-start;
- width: 100%;
- }
- .blabel {
- line-height: calc(var(--h5-fsize, 14px) * 1.5);
- display: inline-flex;
- align-items: center;
- margin-right: 10px;
- }
- .blabel i {
- line-height: 1;
- margin-right: 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(--awhite);
- background-color: var(--g-color);
- }
- .reaction:before {
- font-family: 'ruby-icon';
- font-size: 18px;
- line-height: 18px;
- position: absolute;
- top: 6px;
- right: 6px;
- bottom: auto;
- left: auto;
- content: '\e942';
- -webkit-transition: opacity .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;
- }
- .rbbsl {
- font-size: 18px;
- display: flex;
- flex-flow: row wrap;
- flex-shrink: 0;
- margin-left: auto;
- gap: 7px;
- }
- .rbbsl > * {
- line-height: var(--height-40);
- display: inline-flex;
- padding: 0 20px;
- border-radius: var(--round-3);
- background-color: var(--flex-gray-7);
- }
- .rbbsl a > span {
- margin-left: 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,
- .top-divider:before {
- position: absolute;
- z-index: 1;
- top: 0;
- right: 0;
- left: 0;
- overflow: hidden;
- height: 3px;
- content: '';
- background-image: linear-gradient(to right, var(--flex-gray-15) 20%, transparent 21%, transparent 100%);
- background-image: -webkit-linear-gradient(right, var(--flex-gray-15) 20%, transparent 21%, transparent 100%);
- background-repeat: repeat-x;
- background-position: 0 0;
- background-size: 5px;
- }
- .collapse-sections:before {
- position: absolute;
- z-index: 1;
- top: 0;
- right: 0;
- left: 0;
- overflow: hidden;
- height: 3px;
- content: '';
- background-image: linear-gradient(to right, var(--submbnav-color-10, var(--subnav-color-10)) 20%, transparent 21%, transparent 100%);
- background-image: -webkit-linear-gradient(right, var(--submbnav-color-10, var(--subnav-color-10)) 20%, transparent 21%, transparent 100%);
- background-repeat: repeat-x;
- background-position: 0 0;
- background-size: 5px;
- }
- .e-shared-sec.entry-sec {
- padding-top: 18px;
- padding-bottom: 15px;
- }
- .e-shared-header {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- }
- .reading-indicator {
- position: fixed;
- z-index: 9041;
- top: 0;
- right: 0;
- left: 0;
- display: block;
- overflow: hidden;
- width: 100%;
- height: var(--indicator-height);
- }
- #reading-progress {
- display: block;
- width: 0;
- max-width: 100%;
- height: 100%;
- -webkit-transition: width .1s ease;
- transition: width .1s ease;
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background: var(--g-color);
- background: linear-gradient(90deg, var(--indicator-bg-from) 0%, var(--indicator-bg-to) 100%);
- background: -webkit-linear-gradient(right, var(--indicator-bg-from), var(--indicator-bg-to));
- }
- .comment-form-comment label, .comment-form-author label, .comment-form-email label, .comment-form-url label, .no-comment .comment-reply-title {
- display: none;
- }
- .newsletter-box-header {
- display: flex;
- align-items: center;
- margin-bottom: 25px;
- }
- .newsletter-icon {
- line-height: 0;
- flex-shrink: 0;
- margin-right: 25px;
- }
- .newsletter-icon svg {
- width: 60px;
- }
- .newsletter-box-title {
- margin-bottom: 10px;
- }
- .mc4wp-form-fields > * {
- display: flex;
- align-items: stretch;
- flex-flow: row nowrap;
- margin-top: 10px;
- gap: 7px;
- }
- .mc4wp-form-fields > *:first-child {
- margin-top: 0;
- }
- .agree-to-terms {
- font-size: var(--rem-mini);
- display: block;
- width: 100%;
- color: var(--meta-fcolor);
- }
- .newsletter-sb .agree-to-terms {
- margin-top: 15px;
- }
- .agree-to-terms input {
- margin: .35em .35em 0 0;
- }
- .mc4wp-form-fields input[type='email'], .mc4wp-form-fields input[type='text'] {
- flex-grow: 1;
- width: 100%;
- background-color: var(--flex-gray-15);
- }
- .newsletter-box-policy {
- font-size: var(--rem-mini);
- margin-top: 15px;
- color: var(--meta-fcolor);
- }
- .newsletter-box-policy a {
- -webkit-transition: var(--effect);
- transition: var(--effect);
- text-decoration: underline dotted;
- color: var(--body-fcolor);
- }
- .newsletter-box-policy a:hover {
- color: var(--g-color);
- }
- .newsletter-box-content input:not([type='submit']) {
- font-weight: bold;
- }
- .comments-area {
- display: block;
- }
- .comments-area .comment-meta a {
- text-decoration: none;
- }
- .comments-area #respond > #commentform {
- margin-top: 15px;
- }
- .comment-metadata .review-stars {
- font-size: 18px;
- letter-spacing: 1px;
- color: var(--body-fcolor);
- }
- .comment-awaiting-moderation {
- font-size: var(--meta-fsize);
- display: inline-flex;
- width: 100%;
- margin-bottom: 7px;
- color: #d1a220;
- }
- .comment-awaiting-moderation:before {
- font-family: 'ruby-icon';
- font-style: normal;
- display: inline-flex;
- margin-right: 4px;
- content: '\e95c';
- }
- .comment-form {
- position: relative;
- display: block;
- margin-right: -10px;
- margin-left: -10px;
- }
- .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;
- align-items: center;
- flex-flow: row nowrap;
- flex-basis: 100%;
- width: 100%;
- }
- .comment-form-cookies-consent label {
- font-size: var(--rem-mini);
- padding-left: 5px;
- cursor: pointer;
- }
- .comment-notes .required {
- color: #ff4545;
- }
- .logged-in-as {
- font-size: var(--rem-mini);
- }
- .logged-in-as a:last-child {
- text-decoration: underline dotted;
- opacity: 0.5;
- }
- .logged-in-as a {
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .logged-in-as a:hover {
- text-decoration: underline;
- }
- .logged-in-as a:last-child:hover {
- opacity: 1;
- color: var(--g-color);
- }
- .comment-form > p.form-submit {
- display: block;
- margin-top: 20px;
- margin-bottom: 0;
- }
- .comment-form .comment-notes {
- font-size: var(--rem-mini);
- margin-bottom: 15px;
- }
- .comment-notes #email-notes {
- font-style: italic;
- }
- .comment-reply-title {
- line-height: 1;
- margin-bottom: 10px;
- }
- .comment-author .says, .comment-form-comment label, .comment-form-author label, .comment-form-email label, .comment-form-url label, .no-comment .comment-reply-title {
- display: none;
- }
- .comment-box-header {
- position: relative;
- display: block;
- }
- a.show-post-comment {
- line-height: var(--height-40);
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- align-items: center;
- padding: var(--padding-40);
- -webkit-transition: var(--effect);
- transition: var(--effect);
- border-radius: var(--round-7);
- background-color: var(--flex-gray-7);
- }
- a.page404-btn {
- line-height: var(--height-40);
- display: inline-block;
- color: inherit;
- border-radius: var(--round-7);
- background-color: var(--flex-gray-7);
- }
- .comment-box-header > * {
- display: flex;
- align-items: center;
- }
- .comment-box-header i, .comment-box-header svg {
- margin-right: 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;
- margin-left: auto;
- padding: 0 60px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .rb-form-rating {
- display: flex;
- align-items: center;
- width: 100%;
- }
- .rb-review-stars {
- font-size: 24px;
- position: relative;
- }
- .rb-review-stars span {
- line-height: 0;
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- flex-grow: 0;
- width: 0;
- margin-left: 10px;
- padding: 0;
- letter-spacing: 0;
- }
- .rb-review-stars span a {
- line-height: 1;
- display: flex;
- flex-grow: 0;
- padding: 2px;
- }
- .rb-form-rating label {
- font-size: var(--rem-mini);
- line-height: 1;
- padding-left: 7px;
- border-left: 4px solid var(--g-color);
- }
- .rb-review-stars span:hover i:before, .rb-form-rating.selected a i:before, .rb-form-rating.selected .rb-review-stars span:hover a i:before {
- content: '\e951';
- }
- .rb-review-stars span > a.active ~ a i:before, .rb-review-stars span > a:hover ~ a i:before, .rb-form-rating.selected .rb-review-stars span > a:hover ~ a i:before {
- content: '\e94f';
- }
- .rb-review-stars i {
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .comment-title h3 {
- margin-bottom: 30px;
- }
- .comment-title i {
- display: inline;
- margin-right: 5px;
- }
- .comment-author {
- font-size: var(--rem-small);
- margin-bottom: 7px;
- }
- .comment-author .avatar {
- position: absolute;
- top: 3px;
- left: -65px;
- display: block;
- width: 50px;
- height: 50px;
- border-radius: 50%;
- object-fit: cover;
- }
- .comment-list {
- position: relative;
- display: block;
- margin-top: 35px;
- margin-bottom: 25px;
- border-bottom: 1px dashed var(--flex-gray-15);
- }
- .comment-body {
- position: relative;
- display: block;
- width: auto;
- max-width: 100%;
- margin-bottom: 25px;
- margin-left: 65px;
- }
- .comment-list li.parent > .comment-body {
- margin-bottom: 20px;
- }
- .comment-metadata {
- font-family: var(--meta-family);
- font-size: var(--meta-fsize);
- line-height: 1;
- display: flex;
- align-items: center;
- flex-flow: row wrap;
- color: var(--meta-fcolor);
- }
- .comment-metadata > * {
- margin-bottom: 7px;
- }
- .comment-metadata * {
- font-family: inherit;
- font-size: inherit;
- font-weight: inherit !important;
- line-height: inherit;
- }
- .comment-content {
- font-size: var(--excerpt-fsize);
- position: relative;
- display: block;
- margin-top: 10px;
- }
- .comment-content p, .comment-content li {
- font-size: inherit;
- }
- a.comment-reply-link {
- line-height: 24px;
- position: absolute;
- z-index: 99;
- top: 0;
- right: 0;
- display: block;
- padding: 0 12px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- letter-spacing: var(--btn-fspace);
- border: 1px solid rgba(0, 0, 0, .05);
- border-radius: var(--round-3);
- }
- .comments-area .comment-meta a.comment-edit-link {
- margin-left: 10px;
- }
- .comments-area .comment-meta > a:first-child {
- margin-left: 0;
- }
- .comments-area .comment-meta a.comment-edit-link:hover {
- text-decoration: underline dotted;
- }
- a.comment-reply-link:before {
- font-family: 'ruby-icon';
- font-size: .9em;
- margin-right: 5px;
- content: '\e902';
- }
- .comment-list .logged-in-as a {
- font-weight: inherit;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- text-decoration: none;
- }
- .logged-in-as a:hover, .comment-list .logged-in-as a:hover {
- text-decoration: underline;
- }
- .comment-list .comment-reply-title small a {
- font-size: var(--rem-mini);
- margin-left: 7px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- white-space: nowrap;
- text-transform: none;
- color: var(--g-color);
- }
- .comment-list .comment-reply-title small a:hover {
- text-decoration: underline dotted;
- }
- .comment-list .comment-respond {
- margin-bottom: 35px;
- margin-left: 65px;
- }
- .comment-list ul.children {
- margin-left: 30px;
- }
- .e-pagi {
- position: relative;
- display: block;
- }
- .e-pagi .inner {
- display: flex;
- align-items: stretch;
- flex-flow: row nowrap;
- flex-grow: 1;
- gap: 20px;
- }
- .e-pagi .nav-el {
- display: flex;
- flex-grow: 1;
- }
- .e-pagi a {
- display: flex;
- flex: 1;
- flex-flow: column nowrap;
- }
- .e-pagi .rbi-angle-left {
- padding-right: 5px;
- }
- .e-pagi .rbi-angle-right {
- padding-left: 5px;
- }
- .e-pagi .nav-label {
- margin-bottom: 12px;
- letter-spacing: .1em;
- text-transform: uppercase;
- }
- .e-pagi .nav-right {
- margin-left: auto;
- }
- .e-pagi .nav-right .nav-label {
- margin-left: auto;
- }
- .e-pagi .nav-inner {
- display: flex;
- align-items: center;
- }
- .e-pagi i {
- letter-spacing: 0;
- }
- .e-pagi img {
- display: flex;
- flex-shrink: 0;
- width: 50px;
- height: 50px;
- margin-right: 12px;
- border-radius: 50%;
- }
- .e-pagi .nav-right .nav-inner {
- flex-direction: row-reverse;
- text-align: right;
- }
- .e-pagi .nav-right img {
- margin-right: 0;
- margin-left: 12px;
- }
- .review-section {
- position: relative;
- display: block;
- overflow: hidden;
- border-radius: var(--round-7);
- box-shadow: 0 5px 30px var(--shadow-7);
- }
- .review-intro {
- position: relative;
- z-index: 2;
- display: flex;
- overflow: hidden;
- flex-flow: row nowrap;
- }
- .review-bg {
- position: absolute;
- z-index: 0;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- display: block;
- background-color: var(--dark-accent);
- }
- .review-bg img {
- width: 100%;
- height: 100%;
- opacity: .5;
- object-fit: cover;
- }
- .review-intro .inner {
- position: relative;
- display: flex;
- flex-grow: 1;
- padding: 30px 20px;
- }
- .review-heading {
- display: flex;
- align-items: flex-start;
- flex-flow: column nowrap;
- }
- .review-intro .meta-info {
- display: flex;
- align-items: flex-end;
- flex-flow: column nowrap;
- justify-content: flex-end;
- margin-left: auto;
- }
- .review-intro .average {
- display: flex;
- align-items: flex-start;
- flex-flow: row nowrap;
- }
- .review-heading > *:not(:last-child), .review-section .meta-info > *:not(:last-child) {
- margin-bottom: 10px;
- }
- .review-section .rline-wrap, .review-section .rstar-wrap {
- margin-right: 0;
- }
- .review-header .rstar:before {
- background-color: var(--absolute-dark);
- }
- .review-intro .rstar-wrap {
- margin-right: 0;
- }
- .review-section .review-intro .average,
- .review-section .review-heading {
- text-shadow: 0 0 5px rgba(0, 0, 0, .15);
- }
- .review-content {
- padding: 25px 30px;
- }
- .review-el {
- display: flex;
- align-items: center;
- }
- .review-el:not(:last-child) {
- margin-bottom: 15px;
- }
- .review-rating {
- margin-left: auto;
- }
- .review-label {
- display: flex;
- flex-flow: column nowrap;
- }
- .rating-info {
- margin-top: 3px;
- margin-left: 13px;
- }
- .review-label-info {
- line-height: 1;
- padding-left: 10px;
- border-left: 3px solid var(--review-color);
- }
- .review-footer {
- position: relative;
- display: block;
- margin: 0 30px;
- }
- .review-footer > *:not(.review-action) {
- position: relative;
- padding: 28px 0 25px 0;
- }
- .pros-cons-holder {
- display: flex;
- flex-flow: row wrap;
- gap: 40px;
- }
- .pros-cons-holder > * {
- display: flex;
- flex: 0 0 calc(50% - 21px);
- justify-content: center;
- width: calc(50% - 21px);
- }
- .pros-cons-list-inner {
- display: inline-block;
- }
- .pros-cons-list-inner > * {
- display: block;
- margin-top: 7px;
- }
- .pros-cons-title {
- display: inline-flex;
- width: 100%;
- margin-top: 0;
- padding-bottom: 5px;
- }
- .pros-cons-title i {
- margin-right: 5px;
- }
- .pros-cons-el:before {
- display: inline-block;
- width: 8px;
- height: 8px;
- margin-right: 7px;
- content: '';
- vertical-align: middle;
- border-radius: 100%;
- background-color: #35b145;
- }
- .cons-list-wrap .pros-cons-el:before {
- background-color: #ff3d5f;
- }
- .review-summary-title {
- display: block;
- margin-bottom: 15px;
- }
- .summary-content,
- .pros-cons-el {
- font-size: var(--rem-small);
- }
- .user-rating,
- .rating-header {
- line-height: 0;
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- }
- .rating-header i {
- font-size: 1.25em;
- margin-right: 7px;
- }
- .average-info {
- margin-left: auto;
- --rating-size: 18px;
- }
- .user-rating svg {
- width: 1.35em;
- margin-right: 5px;
- }
- .total-vote {
- margin-left: 5px;
- }
- .review-action {
- display: flex;
- padding-bottom: 25px;
- }
- .review-btn {
- font-size: var(--rem-small);
- display: inline-flex;
- align-items: center;
- }
- .review-btn i {
- font-size: 1.25em;
- margin-right: 5px;
- }
- .sfoter-sec {
- position: relative;
- }
- .sfoter-sec > .block-h {
- margin-bottom: 20px;
- }
- .single-related {
- margin-bottom: 40px;
- padding-top: 30px;
- }
- .single-related:before {
- position: absolute;
- z-index: -1;
- top: 0;
- bottom: 0;
- left: 50%;
- 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);
- }
- .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;
- left: 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;
- bottom: 0;
- left: 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: '';
- border-radius: 100%;
- background-color: var(--g-color);
- }
- .hl-point {
- position: relative;
- }
- .hl-point > * {
- display: inline-block;
- margin-left: 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-15);
- }
- .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, .stemplate-feat img {
- border-radius: var(--round-5);
- }
- .single-standard-2 .s-feat img, .single-standard-7 .s-feat img {
- box-shadow: 0 4px 30px var(--shadow-7);
- }
- .single-standard-3 .single-header, .single-standard-4 .single-header {
- padding-top: 10px;
- padding-bottom: 30px;
- }
- .single-standard-3 .single-header-inner, .single-standard-4 .single-header-inner {
- overflow: hidden;
- border-radius: var(--round-5);
- }
- .single-standard-5 .single-header {
- padding-bottom: 30px;
- }
- .single-standard-8.single-embed-4 .grid-container, .single-standard-8 .grid-container {
- margin-top: 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;
- -webkit-filter: blur(10px);
- 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;
- bottom: 0;
- left: 0;
- display: block;
- width: 100%;
- height: 140%;
- content: '';
- background: var(--dark-accent);
- background: linear-gradient(to top, var(--dark-accent) 20%, transparent 100%);
- }
- .single-standard-4 .single-header-content {
- max-width: 940px;
- }
- .single-standard-4 .single-header-content:before {
- height: calc(100% - 7px);
- border-top-right-radius: var(--round-5);
- background: var(--dark-accent);
- }
- .single-standard-4.has-bg-spacing .single-header-content:before {
- height: calc(100% + 20px);
- }
- .single-standard-5 .single-header-content {
- padding: 20% 0;
- }
- .single-standard-5 .single-header-content:before {
- display: none;
- }
- .full-dark-overlay {
- background-color: var(--dark-accent);
- }
- .full-dark-overlay img {
- opacity: .3;
- }
- .single-standard-6 .single-header {
- margin-bottom: 30px;
- }
- .single-standard-6 .single-header:before {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 40px;
- left: 0;
- content: '';
- background-color: var(--flex-gray-7);
- }
- .single-header-columns {
- display: flex;
- align-items: center;
- margin-right: -20px;
- margin-left: -20px;
- }
- .single-header-columns > * {
- padding-right: 20px;
- padding-left: 20px;
- }
- .single-header-left {
- position: relative;
- flex: 0 0 60%;
- max-width: 60%;
- }
- .centered-header .single-header {
- text-align: center;
- }
- .centered-header .single-standard-4 .single-header-content {
- margin-right: auto;
- margin-left: auto;
- }
- .centered-header .single-header .p-categories {
- justify-content: center;
- }
- .yes-center.single-meta {
- justify-content: center;
- }
- .is-bookmark-border .bookmark-trigger {
- padding: 2px 12px;
- border: 1px solid var(--flex-gray-15);
- border-radius: 9999px;
- }
- .overlay-text .is-bookmark-border {
- --flex-gray-15: var(--awhite);
- }
- .single-standard-6 .s-feat-outer {
- position: relative;
- flex: 0 0 40%;
- max-width: 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-7);
- background-color: var(--flex-gray-7);
- }
- .review-quickview {
- position: relative;
- padding: 20px;
- background-color: var(--dark-accent);
- }
- .review-quickview-holder {
- position: relative;
- z-index: 2;
- display: flex;
- align-items: center;
- flex-flow: row wrap;
- justify-content: space-between;
- gap: 15px;
- --rating-size: 18px;
- }
- .review-quickview-inner {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- flex-grow: 1;
- gap: 20px;
- }
- .review-quickview-meta {
- display: inline-flex;
- align-items: center;
- flex-flow: column nowrap;
- min-width: 50px;
- padding: 15px 10px;
- color: var(--overlay-meta-color, var(--awhite));
- border-radius: var(--border-radius, var(--round-7));
- background-color: var(--overlay-meta-bg, var(--g-color));
- gap: 5px;
- }
- .review-quickview-meta .meta-score {
- font-size: 2rem;
- line-height: 1;
- }
- .review-quickview-meta .meta-text {
- font-size: var(--rem-small);
- }
- .review-quickview .rstar-wrap {
- margin-right: 0;
- }
- .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: 0;
- margin-left: auto;
- }
- .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, .paudio-embed, .pvideo-embed {
- position: relative;
- display: block;
- }
- .embed-holder {
- position: relative;
- display: block;
- width: 100%;
- padding-bottom: var(--video-ratio, 56%);
- border-radius: var(--round-5);
- background-color: rgba(0, 0, 0, .025);
- }
- .float-holder {
- -webkit-transform: var(--effect);
- transform: var(--effect);
- }
- .floating-activated .float-holder {
- position: fixed;
- z-index: 9999;
- top: auto;
- right: 20px;
- bottom: 100px;
- left: auto;
- display: block;
- width: 420px;
- max-width: 100%;
- height: auto;
- }
- .floating-activated .float-holder:before {
- position: relative;
- display: block;
- width: 100%;
- padding-bottom: 56%;
- content: '';
- }
- .floating-close {
- position: absolute;
- top: auto;
- right: 0;
- bottom: 100%;
- display: block;
- }
- .paudio-embed .embed-holder {
- padding-bottom: var(--audio-ratio, 33.33%);
- }
- .embed-holder iframe {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- overflow: hidden;
- width: 100%;
- height: 100%;
- border: none;
- border-radius: var(--round-5);
- }
- .pvideo-embed.is-self-hosted .wp-video {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- border: none;
- border-radius: var(--round-5);
- }
- .pvideo-embed.is-self-hosted .wp-video, .embed-holder .wp-video-shortcode {
- width: 100% !important;
- height: 100%;
- object-fit: cover;
- }
- body.yes-amp .embed-holder {
- padding-bottom: 0;
- }
- .slider-img-holder {
- display: block;
- width: 100%;
- padding-bottom: 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: 0;
- margin-left: auto;
- }
- .gallery-slider-nav .slider-img-holder {
- padding-bottom: 66.7%;
- }
- .slider-caption {
- position: absolute;
- z-index: 99;
- bottom: 20px;
- width: auto;
- max-width: 80%;
- margin: 0;
- padding: 5px 20px 5px 0;
- border-radius: 0 var(--round-5) var(--round-5) 0;
- background-color: var(--solid-white);
- }
- .format-gallery-slider .caption-text:before {
- width: 30px;
- }
- .gallery-slider-info {
- display: flex;
- align-items: center;
- flex-shrink: 0;
- padding-right: 30px;
- }
- .gallery-slider-info svg {
- width: 60px;
- }
- .current-slider-info {
- display: flex;
- flex-flow: column nowrap;
- margin-top: 15px;
- }
- .current-slider-count {
- font-size: 2em;
- line-height: 1;
- margin-top: 7px;
- }
- .format-gallery-carousel .swiper-container {
- overflow: visible;
- }
- .format-gallery-carousel .swiper-slide {
- width: auto;
- }
- .carousel-img-holder img {
- width: auto;
- height: 45vh;
- max-height: 45vh;
- 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: #ffffff;
- }
- .slider-nav > * {
- line-height: 1;
- padding: 10px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- opacity: 0;
- }
- .slider-pagination-top.slider-pagination, .block-wrap .swiper-container-horizontal > .swiper-pagination-bullets {
- line-height: 0;
- position: absolute;
- z-index: 20;
- top: 0;
- right: 0;
- bottom: auto;
- left: auto;
- width: auto;
- height: auto;
- padding: 15px;
- }
- .block-wrap:hover .slider-nav > * {
- opacity: .7;
- }
- .block-wrap .slider-nav > *:hover {
- opacity: 1;
- }
- .post-slider .overlay-inner > * {
- -webkit-transition: opacity .5s var(--timing);
- transition: opacity .5s var(--timing);
- opacity: 0;
- }
- .elementor-editor-active .post-slider .overlay-inner > * {
- opacity: 1;
- }
- .post-slider .swiper-slide-active .overlay-inner > * {
- opacity: 1;
- }
- .swiper-slide-active .overlay-inner > *:nth-child(1) {
- -webkit-transition-delay: .3s;
- transition-delay: .3s;
- }
- .swiper-slide-active .overlay-inner > *:nth-child(2) {
- -webkit-transition-delay: .4s;
- transition-delay: .4s;
- }
- .swiper-slide-active .overlay-inner > *:nth-child(3) {
- -webkit-transition-delay: .5s;
- transition-delay: .5s;
- }
- .swiper-slide-active .overlay-inner > * {
- -webkit-transition-delay: .6s;
- transition-delay: .6s;
- }
- .gallery-popup-header {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- justify-content: space-between;
- padding: 5px 0 5px 10px;
- text-align: left;
- background-color: var(--dark-accent);
- }
- .single-featured-popup .gallery-popup-header {
- left: auto;
- padding: 0;
- }
- .gallery-popup-nav {
- position: static;
- }
- .gallery-popup-header .h5:not(:empty) {
- padding-right: 20px;
- }
- .gallery-popup-content {
- display: flex;
- align-items: center;
- flex-grow: 1;
- justify-content: center;
- height: 100%;
- padding: 52px 10px;
- }
- .single-featured-popup .gallery-popup-content {
- padding-top: 20px;
- }
- .mfp-rbgallery, .gallery-popup-image {
- height: 100%;
- }
- .popup-header-right {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- flex-shrink: 0;
- gap: 10px;
- }
- .mfp-counter {
- font-size: var(--rem-mini);
- }
- .rb-gallery-popup button {
- font-size: 24px;
- cursor: pointer;
- color: var(--awhite);
- border: none;
- background: none;
- text-shadow: 0 1px 4px #0008;
- }
- .gallery-popup-image img {
- display: inline-flex;
- width: auto;
- height: 100%;
- border-radius: var(--round-5);
- object-fit: contain;
- }
- .rb-gallery-popup .mfp-close {
- font-size: 14px;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 42px;
- height: 42px;
- padding: 0;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- background-color: var(--dark-accent);
- }
- .rb-gallery-popup .mfp-close:hover {
- background-color: var(--g-color);
- }
- .gallery-popup-entry {
- position: absolute;
- right: 0;
- bottom: 0;
- left: 0;
- display: block;
- padding: 20px;
- text-align: center;
- background: -webkit-gradient(linear, left top, left bottom, from(var(--dark-accent-0)), to(var(--dark-accent)));
- background: linear-gradient(to top, var(--dark-accent) 0, var(--dark-accent-90) 50%, var(--dark-accent-0) 100%);
- }
- .gallery-popup-entry > * {
- display: block;
- }
- .gallery-popup-entry .description-text {
- margin-top: 7px;
- }
- .rb-gallery-popup .mfp-content {
- position: relative;
- display: inline-flex;
- overflow: hidden;
- flex-flow: column nowrap;
- justify-content: space-between;
- height: 100%;
- text-align: center;
- }
- .featured-lightbox-trigger {
- width: 100%;
- height: 100%;
- cursor: pointer;
- }
- .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;
- flex-flow: row nowrap;
- }
- .l-shared-sec-outer {
- position: relative;
- flex-shrink: 0;
- padding-right: 30px;
- padding-bottom: 40px;
- }
- .has-lsl .e-ct-outer {
- flex-grow: 1;
- width: calc(100% - 78px);
- max-width: calc(100% - 78px);
- margin-left: auto;
- }
- .l-shared-sec {
- font-size: 18px;
- position: sticky;
- position: -webkit-sticky;
- top: 12px;
- -webkit-transition: top .3s ease;
- transition: top .3s ease;
- will-change: top;
- }
- .l-shared-items {
- display: flex;
- align-items: center;
- flex-flow: column nowrap;
- border-radius: var(--round-5);
- box-shadow: 0 5px 30px var(--shadow-7);
- }
- [data-theme='dark'] .l-shared-items,
- [data-theme='dark'] .rbtoc,
- [data-theme='dark'] .related-sec {
- background-color: var(--dark-accent);
- }
- .l-shared-sec .share-action {
- line-height: 48px;
- display: inline-flex;
- justify-content: center;
- width: 48px;
- border-radius: var(--round-5);
- }
- .l-shared-header {
- display: flex;
- align-items: center;
- flex-flow: column wrap;
- margin-bottom: 10px;
- }
- .l-shared-header i {
- font-size: 18px;
- }
- .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;
- }
- p.has-background {
- border-radius: var(--round-5);
- }
- .comments-pagination {
- font-size: 12px;
- display: flex;
- justify-content: center;
- margin: 20px 0 20px 0;
- padding-bottom: 30px;
- border-bottom: 5px solid rgba(0, 0, 0, .07);
- }
- .comments-pagination .nav-previous, .comments-pagination .nav-next {
- padding-right: 10px;
- padding-left: 10px;
- }
- .rbct figure {
- max-width: 100%;
- height: auto;
- }
- .rbct > *.alignleft, img.alignleft, .rbct p img.alignleft {
- float: left;
- margin-right: 1.5rem;
- margin-left: 0;
- }
- img.aligncenter, .rbct p img.aligncenter, .rbct > *.aligncenter, .entry-summary > *.aligncenter {
- display: block;
- margin-right: auto;
- margin-left: auto;
- }
- .rbct > *.alignright, img.alignright, .rbct p img.alignright {
- float: right;
- margin-right: 0;
- margin-left: 1.5rem;
- }
- .rbct input[type='password'] {
- min-width: 40%;
- margin-left: 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:not(:empty):before, .wp-caption-text:before {
- display: inline-block;
- width: 30px;
- height: .3em;
- margin-right: 7px;
- content: '';
- border-top: 1px solid;
- }
- .wp-block-image:not(.is-style-rounded) img {
- border-radius: var(--round-3);
- }
- .wp-block-button__link:hover, .is-style-outline > .wp-block-button__link:not(.has-background):hover, .wp-block-button__link.is-style-outline:not(.has-background):hover {
- color: #ffffff;
- background-color: var(--g-color);
- }
- .wp-block-image figure {
- margin: 0;
- }
- .wp-block-image .alignleft {
- float: left;
- margin-right: 1.5rem;
- }
- .wp-block-image .alignright {
- float: right;
- margin-left: 1.5rem;
- }
- .wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > figcaption {
- display: table-caption;
- caption-side: bottom;
- }
- .wp-block-gallery.alignleft, .wp-block-gallery.alignright, .blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright {
- width: 100%;
- max-width: 420px;
- }
- .wp-block-gallery {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- 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(--awhite);
- }
- .rbct .wp-block-gallery ul, .rbct .wp-block-gallery ol {
- padding-left: 0;
- list-style: none;
- }
- .wp-block-spacer, .rbct .wp-block-spacer {
- margin: 0;
- }
- .wp-block-cover, .wp-block-cover-image {
- height: auto;
- color: #ffffff;
- }
- .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;
- }
- cite br, p:empty, .rbct p:empty, .comment-content p:empty {
- display: none;
- }
- .wp-caption img[class*='wp-image-'] {
- display: block;
- margin-right: auto;
- margin-left: auto;
- }
- .rbct figure a {
- border-bottom: none;
- }
- .rbct iframe {
- overflow: hidden;
- max-width: 100%;
- margin-right: auto;
- margin-bottom: 30px;
- margin-left: auto;
- }
- .rbct ol, .comment-content ol, .rbct ul, .comment-content ul {
- padding-left: 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-left: 0;
- }
- table {
- width: 100%;
- max-width: 100%;
- border-spacing: 0;
- border-collapse: collapse;
- text-align: left;
- border-color: var(--flex-gray-15);
- }
- .wp-block-table thead {
- font-family: var(--h6-family);
- font-size: var(--h6-fsize);
- font-weight: var(--h6-fweight);
- font-style: var(--h6-fstyle);
- line-height: var(--h6-fheight, 1.2);
- letter-spacing: var(--h6-fspace);
- text-transform: var(--h6-transform);
- }
- th, td {
- border: 1px solid var(--flex-gray-15);
- }
- th, .wp-block-table th {
- font-weight: 700;
- border-color: var(--flex-gray-15);
- }
- thead {
- color: var(--awhite);
- background-color: var(--dark-accent);
- }
- td, .wp-block-table td, .wp-block-table.is-style-stripes {
- border-color: var(--flex-gray-15);
- }
- .wp-block-table tr:nth-child(odd), .wp-block-table.is-style-stripes tbody tr:nth-child(odd), tbody tr:nth-child(odd) {
- background-color: var(--flex-gray-7);
- }
- .rbct > .wp-block-cover.aligncenter {
- display: flex;
- }
- .wp-block-group.has-background {
- padding: 20px 30px;
- }
- .wp-block-group__inner-container .wp-block-button {
- margin-bottom: 2rem;
- }
- .has-drop-cap:not(:focus):first-letter {
- font-size: 5em;
- font-weight: bold;
- line-height: .8;
- }
- .has-drop-cap:not(:focus):after {
- padding-top: 5px;
- }
- .rbct .gallery, .gallery {
- display: flex;
- flex-flow: row wrap;
- margin-top: calc(2rem - 5px);
- margin-bottom: calc(2rem - 5px);
- text-align: center;
- }
- .gallery-item {
- position: relative;
- margin: 0 0 10px 0;
- padding: 5px;
- }
- .gallery-item img {
- display: block;
- max-width: 100%;
- margin-right: auto;
- margin-left: auto;
- }
- .gallery-item div {
- margin: 0;
- }
- .rbct .attachment img {
- display: block;
- margin-right: auto;
- margin-left: auto;
- }
- .rbct .twitter-tweet {
- margin-right: auto;
- margin-bottom: 0 !important;
- margin-left: auto;
- }
- .rbct blockquote.twitter-tweet {
- opacity: 0.1;
- }
- blockquote {
- position: relative;
- padding: 0 1.5em;
- quotes: '\201C' '\201D' '\2018' '\2019';
- }
- 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;
- }
- blockquote cite {
- font-family: var(--meta-family);
- font-size: var(--rem-small);
- line-height: 1;
- }
- .widget_rss cite:before, blockquote cite:before {
- display: inline-block;
- width: 30px;
- height: .3em;
- margin-right: 7px;
- content: '';
- color: var(--g-color);
- border-top: 1px solid currentColor;
- }
- .wp-block-pullquote blockquote:before {
- font-size: 5em;
- line-height: 0;
- position: relative;
- left: 0;
- display: block;
- }
- .wp-block-pullquote.has-x-large-font-size p {
- line-height: 1.2em;
- }
- .wp-block-pullquote:not(.alignleft):not(.alignright) blockquote:before {
- quotes: '\201c' '\201d';
- }
- .wp-block-pullquote.is-style-solid-color blockquote:before, .wp-block-pullquote.is-style-solid-color cite:before {
- color: inherit;
- }
- .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
- padding: 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: 2.5rem;
- line-height: .75;
- position: absolute;
- left: 0;
- content: open-quote;
- color: var(--g-color);
- }
- .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
- font-size: 3.5em;
- }
- blockquote p {
- font-family: var(--quote-family, var(--h1-family));
- font-weight: var(--quote-fweight, var(--h1-fweight));
- line-height: 1.5;
- letter-spacing: var(--quote-fspace, var(--h1-fspace));
- text-transform: var(--quote-transform, var(--h1-transform));
- }
- .wp-block-latest-posts.is-grid li {
- margin-top: 0;
- margin-bottom: .5rem;
- }
- .widget_rss cite:before {
- width: 20px;
- }
- .rbct iframe.instagram-media {
- margin-right: auto;
- margin-bottom: 1.5em;
- margin-left: auto;
- }
- .rbct a:where(:not(.p-url):not(button):not(.p-category):not(.is-btn):not(.table-link):not(.table-link-depth):not(.wp-block-button__link):not(.no-link)),
- .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-decoration-color: var(--hyperlink-line-color, transparent);
- text-decoration-line: underline;
- text-underline-offset: 1px;
- }
- .rbct a:where(:not(.p-url):not(button):not(.p-category):not(.is-btn):not(.table-link):not(.table-link-depth):not(.wp-block-button__link):not(.no-link)):hover,
- .elementor-widget-text-editor p a:hover {
- color: var(--g-color);
- text-decoration-color: var(--g-color)
- }
- .wp-block-rss a, .wp-block-categories a, .wp-block-archives a, [class*='wp-block-latest'] a, .wp-block-tag-cloud a {
- font-family: var(--dwidgets-family);
- font-size: var(--dwidgets-fsize);
- font-weight: var(--dwidgets-fweight) !important;
- font-style: var(--dwidgets-fstyle) !important;
- line-height: 1.4;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- text-decoration: none !important;
- letter-spacing: var(--dwidgets-fspace);
- text-transform: var(--dwidgets-transform);
- }
- .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 .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;
- }
- .wp-block-heading a {
- text-decoration-color: currentColor !important;
- }
- .gallery-columns-1 .gallery-item {
- flex: 0 0 100%;
- width: 100%;
- }
- .gallery-columns-2 .gallery-item {
- flex: 0 0 50%;
- width: 50%;
- }
- .gallery-columns-3 .gallery-item {
- flex: 0 0 33.333%;
- width: 33.33%;
- }
- .gallery-columns-4 .gallery-item {
- flex: 0 0 25%;
- width: 25%;
- }
- .gallery-columns-5 .gallery-item {
- flex: 0 0 20%;
- width: 20%;
- }
- .gallery-columns-6 .gallery-item {
- flex: 0 0 16.66%;
- width: 16.66%;
- }
- .gallery-columns-7 .gallery-item {
- flex: 0 0 14.285%;
- width: 14.285%;
- }
- .gallery-columns-8 .gallery-item {
- flex: 0 0 12.5%;
- width: 12.5%;
- }
- .gallery-columns-9 .gallery-item {
- flex: 0 0 11.111%;
- width: 11.111%;
- }
- .inline-single-ad.alignfull {
- display: block;
- float: none;
- width: 100%;
- }
- .wpcf7-form {
- display: flex;
- align-items: flex-start;
- flex-flow: row wrap;
- gap: 20px 40px;
- }
- .is-input-border input:not([type='submit']), .is-input-border textarea {
- border: 1px solid var(--flex-gray-15);
- background-color: transparent;
- }
- .is-input-border input:not([type='submit']):focus, .is-input-border textarea:focus {
- border-color: var(--flex-gray-40);
- }
- [class *='input-col-'] {
- width: 100%;
- }
- [class *='input-col-'] *:not([type='submit']):not([type='file']):not(.wpcf7-spinner) {
- width: 100%;
- max-width: 100%;
- }
- .wpcf7-form-control-wrap.your-message, .wpcf7-form-control-wrap[data-name='your-message'] {
- width: 100%;
- max-width: 100%;
- }
- .wpcf7-spinner {
- top: calc((2.6rem - 24px) / 2);
- }
- .wpcf7 .wpcf7-submit {
- font-size: 1rem;
- line-height: 2.6rem;
- margin-top: 10px;
- text-transform: inherit;
- }
- span.wpcf7-list-item {
- display: flex;
- align-items: center;
- margin-left: 0;
- padding-top: 10px;
- }
- .wpcf7-not-valid-tip {
- font-size: var(--rem-mini);
- padding-top: 7px;
- }
- .wpcf7 form .wpcf7-response-output {
- font-size: var(--rem-mini);
- width: 100%;
- margin: 10px 0;
- padding: 10px 20px;
- border: none;
- border-radius: var(--round-5);
- background-color: #46b45022;
- }
- .wpcf7-file {
- font-family: var(--input-family);
- padding: 15px;
- border: 2px dashed;
- border-radius: var(--round-3);
- background-color: var(--flex-gray-7);
- }
- .wpcf7-form label {
- font-family: var(--btn-family);
- font-size: var(--btn-fsize);
- font-weight: var(--btn-fweight);
- font-style: var(--btn-fstyle);
- display: inline-block;
- width: 100%;
- margin-bottom: 7px;
- }
- .wpcf7-form.sent > *:not(.wpcf7-response-output) {
- display: none;
- }
- .wpcf7 form.sent .wpcf7-response-output {
- background-color: #46b45022;
- }
- .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
- background-color: #dc323222;
- }
- .wpcf7 form.spam .wpcf7-response-output {
- background-color: #f56e2822;
- }
- .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
- background-color: #ffb90022;
- }
- button, .button, .faux-button, .rbct .wp-block-button__link, .wp-block-file .wp-block-file__button, .rbct input[type='button'], .rbct input[type='reset'], .rbct input[type='submit'] {
- text-decoration: none;
- }
- ul.rb-list, ol.rb-list {
- padding-left: 0;
- list-style: none;
- }
- .rb-list li:before {
- font-family: 'ruby-icon' !important;
- font-size: var(--em-mini);
- position: relative;
- display: inline-block;
- margin-right: 7px;
- content: '\e960';
- color: #5e8858;
- }
- .wp-block-group__inner-container > *:not(:last-child) {
- margin-bottom: 1.5rem;
- }
- .rbct .wp-block-file .wp-block-file__button {
- display: table;
- margin-top: calc(0.75 * 1em);
- margin-left: 0;
- padding: .7em 1.5em;
- color: var(--awhite);
- border-radius: var(--round-5);
- background-color: var(--g-color);
- }
- .rbct > p > img {
- margin-top: 1rem;
- margin-bottom: 1rem;
- }
- .rbct > figure.wp-caption.alignleft, .rbct > figure.wp-caption.alignnone, .rbct > figure.wp-caption.aligncenter, .rbct > figure.wp-caption.alignright {
- margin-top: 1rem;
- }
- .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-right: 0;
- padding: 20px;
- border-radius: var(--round-5);
- box-shadow: 0 5px 30px var(--shadow-7);
- }
- .elementor-widget-container p + .rbtoc {
- margin-top: 20px;
- }
- .toc-header {
- display: flex;
- overflow: hidden;
- align-items: center;
- width: 100%;
- }
- .toc-header .rbi-read {
- line-height: 0;
- margin-right: 7px;
- color: var(--g-color);
- }
- .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-right: 5px;
- padding: 0 4px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- color: var(--awhite);
- border-radius: var(--round-3);
- background-color: var(--dark-accent);
- }
- .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 {
- padding-top: 20px;
- counter-reset: table-content;
- }
- .rbtoc .inner a:hover {
- opacity: 1;
- color: var(--g-color);
- }
- .rbtoc a:hover:before {
- background-color: var(--g-color);
- }
- .wp-block-file a:not(.wp-block-file__button):before {
- font-family: 'ruby-icon';
- margin-right: 5px;
- content: '\e944';
- }
- .wp-block-file a:not(.wp-block-file__button) {
- text-decoration: none !important;
- }
- .table-link {
- counter-reset: table-content-subsection;
- }
- .table-link:before {
- content: counter(table-content);
- counter-increment: table-content;
- }
- .table-link-depth:before {
- content: counter(table-content) '.' counter(table-content-subsection);
- counter-increment: table-content-subsection;
- }
- div.rbtoc .inner a:first-child {
- margin-top: 0;
- padding-top: 0;
- border-top: 0;
- }
- .table-link-depth {
- margin-left: 20px;
- }
- .rbtoc.table-left .table-link-depth:before {
- margin-right: 3px;
- }
- .depth-1 {
- counter-reset: table-content-depth2;
- }
- .depth-2 {
- margin-left: 40px;
- counter-reset: table-content-depth3;
- }
- .depth-3 {
- margin-left: 60px;
- }
- .table-link-depth.depth-2:before {
- content: counter(table-content) '.' counter(table-content-subsection) '.' counter(table-content-depth2);
- counter-increment: table-content-depth2;
- }
- .table-link-depth.depth-3:before {
- content: counter(table-content) '.' counter(table-content-subsection) '.' counter(table-content-depth2) '.' counter(table-content-depth3);
- counter-increment: table-content-depth3;
- }
- .ruby-toc-toggle {
- display: flex;
- flex-grow: 1;
- justify-content: flex-end;
- text-decoration: none !important;
- }
- .ruby-toc-toggle i {
- font-size: var(--h3-fsize);
- line-height: 24px;
- display: inline-flex;
- height: 24px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .ruby-toc-toggle.activate i {
- -webkit-transform: rotate(180deg);
- transform: rotate(180deg);
- }
- .wp-block-archives, .wp-block-categories {
- max-width: 350px;
- }
- .wp-block-categories-list .count, .wp-block-archives-list .count {
- font-size: 11px;
- line-height: 18px;
- float: right;
- min-width: 18px;
- padding: 0 3px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- text-align: center;
- color: var(--awhite);
- background-color: var(--dark-accent);
- }
- .wp-block-archives-dropdown select {
- width: 100%;
- }
- .wp-block-calendar table th {
- background-color: transparent;
- }
- .wp-block-calendar table caption, .wp-block-calendar table tbody {
- color: inherit;
- }
- .wp-block-latest-comments li {
- margin-bottom: 20px;
- }
- .wp-block-latest-comments a.wp-block-latest-comments__comment-author {
- text-decoration: none !important;
- }
- .wp-block-latest-comments a.wp-block-latest-comments__comment-link {
- font-family: var(--h4-family);
- font-size: var(--h4-fsize);
- font-weight: var(--h4-fweight);
- line-height: var(--h4-fheight, 1.4);
- margin-top: 2px;
- margin-bottom: 0;
- text-decoration: none !important;
- }
- .wp-block-latest-comments .wp-block-latest-comments__comment-date {
- font-size: 12px;
- font-weight: 500;
- margin-top: 5px;
- color: var(--meta-fcolor);
- }
- .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt {
- font-size: var(--rem-small);
- line-height: 1.7;
- margin-top: 12px;
- }
- .wp-block-latest-posts li {
- font-family: var(--h4-family);
- font-size: var(--h4-fsize);
- font-weight: var(--h4-fweight);
- line-height: var(--h4-fheight, 1.4);
- position: relative;
- display: block;
- }
- .wp-block-separator.is-style-dots:before {
- padding-left: 1.5rem;
- letter-spacing: 1.5rem;
- }
- .wp-block-latest-posts li:before {
- font-family: 'ruby-icon' !important;
- font-size: 8px;
- font-weight: normal;
- display: inline;
- margin-right: 6px;
- content: '\e900';
- -webkit-transition: var(--effect);
- transition: var(--effect);
- vertical-align: middle;
- }
- .wp-block-latest-posts li:hover:before {
- text-decoration: none;
- color: var(--awhite);
- background-color: var(--g-color);
- }
- .wp-block-latest-posts__post-date {
- font-size: 12px;
- margin-top: 5px;
- color: var(--meta-fcolor);
- }
- .wp-block-rss .wp-block-rss__item-title a {
- font-family: var(--h4-family);
- font-size: var(--h4-fsize);
- font-weight: var(--h4-fweight);
- display: block;
- letter-spacing: var(--h4-fspace);
- }
- .wp-block-rss .wp-block-rss__item-title a:before {
- font-family: 'ruby-icon' !important;
- font-size: var(--em-mini);
- position: relative;
- margin-right: 7px;
- content: '\42';
- }
- .wp-block-rss li.wp-block-rss__item {
- margin-bottom: 15px;
- }
- hr.wp-block-separator:not(.is-style-dots):not(.is-style-wide) {
- max-width: 100px;
- margin-left: 0;
- }
- .wp-block-separator:not(.is-style-dots) {
- position: relative;
- display: block;
- height: 10px;
- margin-top: 30px;
- margin-bottom: 30px;
- opacity: 1;
- border: none;
- background-color: transparent;
- background-image: radial-gradient(currentColor 1px, transparent 1px);
- background-repeat: repeat;
- background-position: 1px 1px;
- background-size: 5px 5px;
- }
- .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
- position: relative;
- display: block;
- width: 100%;
- max-width: 100%;
- height: 10px;
- margin-top: 30px;
- margin-bottom: 30px;
- opacity: .25;
- border: none;
- background-color: transparent;
- background-image: radial-gradient(currentColor 1px, transparent 1px);
- background-repeat: repeat;
- background-position: 1px 1px;
- background-size: 5px 5px;
- }
- .rbct *::selection {
- background: #cfddf0;
- }
- [data-theme='dark'] .rbct *::selection {
- background: #3e4c5f;
- }
- .wp-block-code code {
- font-family: Courier, monospace;
- display: block;
- white-space: pre-wrap;
- overflow-wrap: break-word;
- }
- .highlight-shares {
- line-height: 0;
- z-index: 999;
- cursor: pointer;
- -webkit-transition: all .3s var(--timing);
- transition: all .3s var(--timing);
- }
- .highlight-shares i {
- font-size: 16px;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 32px;
- height: 38px;
- color: var(--awhite);
- }
- .highlight-shares i.rbi-reddit {
- font-size: 20px;
- margin-top: -2px;
- }
- .highlight-shares > div:first-child {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- border-radius: var(--round-7);
- background-color: var(--absolute-dark);
- box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
- }
- .highlight-shares > div:last-child {
- left: 50%;
- margin-left: -5px;
- border-top: 5px solid var(--absolute-dark);
- box-shadow: 0 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(--awhite);
- border-radius: var(--round-3);
- background-color: var(--g-color);
- }
- .page-selected-current {
- display: flex;
- align-items: center;
- cursor: pointer;
- }
- .page-selected {
- position: relative;
- display: flex;
- flex-grow: 1;
- padding: 10px;
- }
- .page-selected-nav {
- padding: 10px;
- }
- .page-selected-list {
- position: absolute;
- z-index: 888;
- top: -9999px;
- right: -10px;
- left: -10px;
- display: block;
- cursor: auto;
- -webkit-transition: top 0s ease .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);
- 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-left: 5px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- }
- .font-resizer-trigger:after {
- font-family: 'ruby-icon' !important;
- font-size: 9px;
- padding-left: 1px;
- content: '\e961';
- }
- .medium-entry-size .font-resizer-trigger {
- -webkit-transform: scale(1.07);
- transform: scale(1.07);
- }
- .big-entry-size .font-resizer-trigger {
- -webkit-transform: scale(1.15);
- transform: scale(1.15);
- }
- /*
- -----------------
- 10 - Archives
- -----------------
- */
- .archive-header {
- position: relative;
- z-index: 1;
- padding-top: 25px;
- padding-bottom: 25px;
- }
- .solid-bg {
- background-color: var(--flex-gray-7);
- }
- .is-pattern:before {
- position: absolute;
- z-index: 0;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- content: '';
- pointer-events: none;
- opacity: .15;
- }
- .pattern-dot:before {
- background-image: radial-gradient(var(--body-fcolor) 1px, transparent 1px);
- background-size: 15px 15px;
- }
- .pattern-dot2:before {
- background-image: radial-gradient(var(--body-fcolor) 1px, transparent 1px), radial-gradient(var(--body-fcolor) 1px, var(--solid-white) 1px);
- background-position: 0 0, 10px 10px;
- background-size: 20px 20px;
- }
- .pattern-diagonal:before {
- background: repeating-linear-gradient(45deg, var(--body-fcolor), var(--body-fcolor) 7px, transparent 7px, transparent 37px);
- }
- .pattern-diagonal2:before {
- background-image: repeating-linear-gradient(-90deg, var(--body-fcolor), var(--body-fcolor) 1px, transparent 0, transparent 50%);
- background-size: 24px 24px;
- }
- .is-pattern.pattern-diagonal:before, .is-pattern.pattern-diagonal2:before {
- opacity: .05;
- }
- .archive-inner {
- position: relative;
- z-index: 10;
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- }
- .archive-title.b-follow {
- display: flex;
- align-items: center;
- gap: 20px;
- }
- .b-follow .rb-follow {
- width: auto;
- min-width: 100px;
- padding-right: 15px;
- padding-left: 15px;
- border-radius: var(--round-7);
- }
- .b-follow .rb-follow i {
- -webkit-transform: none !important;
- transform: none !important;
- }
- .b-follow .rb-follow i:after {
- font-family: var(--meta-b-family);
- font-size: inherit;
- font-weight: var(--meta-b-fweight);
- margin-left: 5px;
- content: attr(data-title);
- }
- .light-scheme .b-follow .rb-follow {
- border-color: currentColor;
- }
- .archive-header-content {
- flex-grow: 1;
- }
- .archive-header-content .qlinks-content ul {
- justify-content: center;
- }
- .taxonomy-description:not(.e-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);
- }
- .subcat-wrap {
- display: flex;
- align-items: center;
- flex-flow: row wrap;
- }
- .subcat-wrap > * {
- font-size: .8rem;
- display: inline-flex;
- }
- .subcat-heading {
- align-items: center;
- margin-right: 4px;
- color: var(--g-color);
- }
- .subcat-heading i {
- font-size: 11px;
- margin-right: 4px;
- }
- .h5.sub-cat-item a {
- position: relative;
- margin-right: 1px;
- padding: 4px;
- -webkit-transition: var(--effect);
- transition: var(--effect);
- white-space: nowrap;
- }
- .sub-cat-item:not(:last-child) a:after {
- position: absolute;
- top: 50%;
- right: -1px;
- display: inline-flex;
- height: 10px;
- margin-top: -5px;
- content: '';
- border-left: 1px solid var(--flex-gray-15);
- }
- .category-hero-wrap {
- position: relative;
- display: flex;
- flex-flow: row nowrap;
- flex-grow: 0;
- width: 100%;
- max-width: 420px;
- }
- .archive-header .category-hero-wrap {
- width: 33.33%;
- }
- .category-hero-item {
- position: relative;
- z-index: 100;
- display: flex;
- width: 100%;
- }
- .category-hero-item:nth-child(2) {
- position: absolute;
- z-index: 0;
- top: 15px;
- left: 15px;
- -webkit-filter: blur(5px);
- filter: blur(5px);
- }
- .category-hero-item-inner {
- position: relative;
- display: block;
- overflow: hidden;
- width: 100%;
- padding-bottom: 60%;
- border-radius: var(--round-5);
- }
- .category-hero-item img {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- display: block;
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- .archive-header-content > *:not(:last-child) {
- margin-bottom: 15px;
- }
- .category-feat-overlay {
- position: absolute;
- z-index: 0;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- display: block;
- width: 100%;
- height: 100%;
- }
- .archive-header.category-header-2 {
- position: relative;
- margin-bottom: 40px;
- padding-top: 50px;
- padding-bottom: 50px;
- background-color: var(--dark-accent);
- }
- .category-header-2 .archive-header-content {
- position: relative;
- z-index: 10;
- display: flex;
- align-items: center;
- flex-flow: column nowrap;
- text-align: center;
- }
- .category-header-2 .archive-title.has-follow {
- flex-flow: column nowrap;
- }
- .yes-hd-transparent .archive-header.category-header-2 {
- padding-top: calc(50px + var(--nav-height));
- }
- .archive-header.category-header-3, .archive-header.category-header-4 {
- padding-top: 20px;
- padding-bottom: 20px;
- }
- .category-header-4 .archive-title, .category-header-4 .taxonomy-description {
- justify-content: center;
- max-width: 720px;
- margin-right: auto;
- margin-left: auto;
- text-align: center;
- }
- .category-feat-overlay img {
- width: 100%;
- height: 100%;
- opacity: .5;
- -webkit-filter: blur(5px);
- filter: blur(5px);
- object-fit: cover;
- }
- .blog-wrap {
- margin-top: 30px;
- margin-bottom: 30px;
- }
- .blog-content > .block-h {
- margin-bottom: 20px;
- }
- .without-sidebar .blog-content {
- flex-basis: 100%;
- width: 100%;
- }
- .search-header {
- position: relative;
- display: block;
- padding-top: 25px;
- }
- .yes-hd-transparent .search-header {
- padding-top: calc(40px + var(--nav-height));
- color: var(--awhite);
- }
- .search-header:before {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 27px;
- left: 0;
- content: '';
- pointer-events: none;
- background-color: var(--flex-gray-7);
- }
- .search-header-inner {
- position: relative;
- z-index: 1;
- }
- .search-header-content {
- display: block;
- margin-bottom: 25px;
- text-align: center;
- }
- .search-subtitle {
- display: block;
- margin-top: 10px;
- color: var(--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);
- box-shadow: 0 0 40px var(--shadow-12);
- }
- .search-empty {
- max-width: 500px;
- min-height: 35vh;
- margin-top: 30px;
- margin-right: auto;
- margin-left: auto;
- text-align: center;
- color: var(--meta-fcolor);
- }
- .author-header-inner .breadcrumb-wrap {
- margin-bottom: 15px;
- }
- .bio-title-wrap {
- display: flex;
- align-items: center;
- gap: 12px;
- }
- .bio-title {
- text-decoration-color: var(--g-color);
- text-decoration-line: underline;
- text-decoration-style: dotted;
- text-decoration-thickness: 3px;
- }
- .bio-description {
- font-size: var(--rem-small);
- display: block;
- 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-right: 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-left: 20px;
- }
- .ef-label:not(:first-child):before {
- margin-right: 5px;
- margin-left: 5px;
- content: '/';
- opacity: .5;
- }
- .bio-avatar:before {
- position: absolute;
- top: 0;
- left: 0;
- display: block;
- width: 100%;
- height: 100%;
- content: '';
- border-top: 2px solid;
- border-radius: 100%;
- }
- /*
- -----------------
- 11 - Pages
- -----------------
- */
- .single-page .s-ct {
- padding-bottom: 25px;
- }
- .page-header, .page-header-inner, .page-featured {
- position: relative;
- display: block;
- }
- .page-featured img {
- width: 100%;
- }
- .page-header-inner {
- z-index: 10;
- }
- .page-header-1, .page-header-4 {
- margin-bottom: 30px;
- padding-top: 30px;
- }
- .page-header-inner > *:last-child {
- margin-bottom: 0;
- }
- .page-header-1 > *:not(:last-child) {
- margin-bottom: 12px;
- }
- .page-header-1 img {
- margin-top: 7px;
- border-radius: var(--round-5);
- }
- .page-header-2 {
- overflow: hidden;
- margin-bottom: 25px;
- padding-top: 40px;
- padding-bottom: 40px;
- background-color: var(--dark-accent);
- }
- .page-header-2.is-centered {
- text-align: center;
- }
- .page-featured-overlay {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- display: block;
- }
- .single-header-overlay {
- position: absolute;
- z-index: 1;
- right: 0;
- bottom: 0;
- left: 0;
- display: block;
- padding: 0 20px 20px 20px;
- }
- .single-header-overlay:before {
- position: absolute;
- z-index: -1;
- top: -10%;
- right: 0;
- bottom: 0;
- left: 0;
- display: block;
- content: '';
- border-radius: 0 0 var(--round-5) var(--round-5);
- background: linear-gradient(to top, var(--dark-accent) 0, var(--dark-accent-90) calc(100% - 150px), var(--dark-accent-0) 100%);
- }
- .page-header-4 img {
- border-radius: var(--round-5);
- }
- .page-featured-overlay img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- .page404-wrap {
- display: flex;
- align-items: center;
- width: 100%;
- min-height: 70vh;
- }
- .page404-inner {
- display: block;
- width: 100%;
- padding-top: 30px;
- padding-bottom: 30px;
- }
- .has-404-template .page404-inner {
- padding-bottom: 0;
- }
- .page404-featured {
- display: block;
- margin-bottom: 40px;
- text-align: center;
- }
- .page404-featured img {
- width: auto;
- max-height: 300px;
- }
- .page404-inner > *:not(.page404-featured) {
- max-width: 700px;
- margin-right: auto;
- margin-left: auto;
- text-align: center;
- }
- .page404-inner .page-title, .page404-inner .page404-description {
- margin-bottom: 20px;
- }
- .page404-description {
- color: var(--meta-fcolor);
- }
- .page404-inner > .search-form {
- max-width: 550px;
- margin-bottom: 20px;
- }
- .page404-btn-wrap {
- padding-top: 10px;
- }
- .section-empty-inner {
- max-width: 720px;
- padding: 50px 0;
- }
- .section-empty-inner .page-title {
- position: relative;
- margin-bottom: 12px;
- padding-bottom: 15px;
- }
- .section-empty-inner .page-title:after {
- position: absolute;
- bottom: 0;
- left: 0;
- display: block;
- width: 20%;
- max-width: 200px;
- height: 5px;
- content: '';
- border-radius: var(--round-5);
- background-color: var(--g-color);
- }
- /*
- -----------------
- 12 - Footer
- -----------------
- */
- .footer-copyright {
- position: relative;
- display: block;
- }
- .footer-copyright .copyright * {
- font-size: inherit;
- }
- .bottom-footer-section {
- display: flex;
- align-items: center;
- flex-flow: row nowrap;
- flex-basis: 100%;
- padding-top: 15px;
- padding-bottom: 15px;
- }
- .footer-bottom-centered .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-left: 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-left: auto;
- }
- .footer-social-list-title {
- line-height: 1;
- padding-right: 12px;
- border-right: 1px solid var(--flex-gray-15);
- }
- .footer-social-list > * {
- margin-left: 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-left: auto;
- }
- .copyright-menu > li {
- line-height: 1;
- position: relative;
- display: flex;
- align-items: center;
- }
- .copyright-menu > li:before {
- position: relative;
- display: flex;
- width: 4px;
- height: 4px;
- margin-right: 10px;
- margin-left: 10px;
- content: '';
- opacity: .2;
- background: currentColor;
- }
- .copyright-menu > li:first-child:before {
- display: none;
- }
- .w-sidebar {
- margin-bottom: 50px;
- }
- [class*='elementor-widget-wp-widget'] .elementor-widget-container > h5, .w-sidebar .widget-heading {
- margin-bottom: 20px;
- }
- [class*='elementor-widget-wp-widget'] ol, [class*='elementor-widget-wp-widget'] ul {
- list-style: none;
- }
- .footer-wrap {
- position: relative;
- z-index: 0;
- display: block;
- }
- .footer-wrap:not(.footer-etemplate) > *:first-child:not(.footer-copyright) {
- padding-top: 50px;
- }
- .footer-wrap.left-dot:before {
- position: absolute;
- z-index: 0;
- top: 0;
- left: 0;
- display: block;
- width: 20%;
- height: 50%;
- content: '';
- pointer-events: none;
- opacity: .2;
- background-image: radial-gradient(var(--body-fcolor) .75px, transparent .75px);
- background-size: 16px 16px;
- }
- [data-theme='dark'] .footer-wrap.left-dot:before {
- opacity: .12;
- }
- footer.top-border {
- border-top: 1px solid var(--flex-gray-15);
- }
- [data-theme='dark'] .footer-etemplate .elementor-shape-fill, [data-theme='dark'] .header-template .elementor-shape-fill, body .elementor-shape .elementor-shape-fill {
- fill: var(--solid-white);
- }
- .e-swiper-container .swiper-pagination-bullet:before {
- display: none;
- }
- .e-swiper-container .swiper-pagination-bullets {
- bottom: 0;
- }
- .footer-wrap .widget-heading.heading-layout-10, .footer-wrap .widget-heading.heading-layout-c10, .more-col .widget-heading {
- opacity: .7;
- }
- .footer-col .w-sidebar {
- margin-bottom: 30px
- }
- .footer-col .widget_nav_menu a > span {
- font-size: var(--em-mini);
- }
- .footer-columns {
- position: relative;
- z-index: 2;
- }
- .footer-columns .footer-col {
- flex-basis: 50%;
- width: 50%;
- }
- .footer-columns .footer-col:first-child, .footer-4c .footer-col:last-child, .footer-3c .footer-col {
- flex-basis: 100%;
- width: 100%;
- }
- .footer-col .widget:not(.widget-mc) .mc4wp-form-fields input[type='submit'] {
- padding-right: 15px;
- padding-left: 15px;
- }
- .footer-quote:first-letter {
- font-size: 1.2em;
- margin-right: 1px;
- padding: 0 3px;
- color: var(--awhite);
- background-color: var(--g-color);
- }
- .site-access-inner {
- display: flex;
- flex-flow: column nowrap;
- width: auto;
- max-width: 600px;
- padding: 50px;
- text-align: center;
- border-radius: var(--round-5);
- background-color: #d60a3a;
- box-shadow: 0 5px 30px var(--shadow-12);
- }
- .site-access-inner > *:not(:last-child) {
- margin-bottom: 20px;
- }
- .site-access-popup .close-popup-btn {
- display: none;
- pointer-events: none;
- }
- .site-access-popup {
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .site-access-image svg {
- width: 100px;
- }
- .site-access-btn .is-btn {
- font-size: 1rem;
- display: inline-flex;
- color: var(--dark-accent);
- background-color: #ffffff;
- }
- .site-access-btn .is-btn:hover {
- color: #ffffff;
- background-color: var(--dark-accent);
- }
- .site-access-description {
- font-size: 1.2rem;
- }
- .elementor-widget-text-editor a.h6, .elementor-widget-html a.h6 {
- text-decoration: underline;
- text-decoration-color: var(--g-color);
- }
- #rb-checktag {
- position: absolute;
- top: auto;
- right: auto;
- bottom: 0;
- left: 0;
- }
- .rb-adbanner {
- min-height: 1px;
- }
- .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-left: 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: left;
- }
- .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-left: 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: rgba(238, 179, 84, 0.11);
- }
- .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: right;
- 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(--awhite) !important;
- background-color: var(--g-color);
- }
- .select2-container--default .select2-results__option[data-selected=true] {
- color: var(--body-fcolor);
- background-color: var(--flex-gray-7);
- }
- .select2-container--default .select2-selection--single .select2-selection__rendered {
- color: var(--body-fcolor);
- }
- .btn-ani-2 {
- --btn-animation: translate3d(0, -3px, 0);
- --btn-shadow: 3px 3px 0 var(--body-fcolor);
- }
- .btn-ani-3 {
- --btn-shadow: none;
- --btn-nshadow: none;
- --btn-tranform: none;
- }
- .rb-follow:hover i, .rb-bookmark:hover i {
- color: var(--bookmark-color);
- text-shadow: var(--btn-nshadow, 0 0 4px var(--bookmark-color-90));
- }
- .btn-ani-2 .rb-follow:hover i {
- text-shadow: none;
- }
- #back-top:hover i, .swpm-logged-logout-link a:hover, a.show-post-comment:hover, a.page404-btn:hover, .wp-block-search [type='submit']:hover, .wp-block-search [type='submit']:active, a.page-numbers:hover, .page-links a.post-page-numbers:hover, .pagination-nextprev a:hover, .pagination-wrap:not(.pagination-nextprev):not(.page-links) a:hover span, .pagination-simple a:hover, .meta-like > span:hover, .p-readmore:hover, .tagcloud a:hover, .wp-block-tagcloud a:hover, .qlinks-layout-2 .qlink a:hover, input[type='submit']:hover, .entry-content button:hover, .is-btn:hover, .yt-trigger:hover, a.comment-reply-link:hover {
- -webkit-transform: var(--btn-animation);
- transform: var(--btn-animation);
- color: var(--awhite);
- background-color: var(--g-color);
- box-shadow: var(--btn-shadow, 0 3px 12px var(--g-color-90));
- }
- .ecat-bg-1 .p-category:hover:before, .ecat-bg-2 .p-category:hover:before, .ecat-bg-3 .p-category:hover, .ecat-bg-4 .p-category:hover {
- box-shadow: var(--btn-nshadow, 0 3px 12px var(--cat-highlight-90, var(--g-color-90)));
- }
- body:not(.yes-f-slideup) .slideup-toggle:hover {
- box-shadow: var(--btn-nshadow, 0 3px 12px var(--slideup-icon-na-bg-90, var(--g-color-90)));
- }
- .plan-button-wrap button:hover, .plan-button-wrap .button:hover, .plan-button-wrap .stripe-button-el:not(:disabled):active, .plan-button-wrap .stripe-button-el.active {
- background: var(--plan-button-bg, var(--g-color));
- box-shadow: var(--btn-nshadow, 0 3px 12px var(--plan-button-bg-opacity, var(--g-color-90)));
- }
- .btn-ani-2 .rb-follow:hover:not(.in-progress) i, .btn-ani-2 .rb-bookmark:hover i {
- transform: translate3d(0, -1px, 0);
- text-shadow: 1px 1px 0 var(--body-fcolor);
- }
- .btn-ani-2:not(.yes-f-slideup) .slideup-toggle:hover, .btn-ani-2 .ecat-bg-3 .p-category:hover, .btn-ani-2 .ecat-bg-4 .p-category:hover, .btn-ani-2 .plan-button-wrap button:hover, .btn-ani-2 .plan-button-wrap .button:hover, .btn-ani-2 .plan-button-wrap .stripe-button-el:not(:disabled):active, .btn-ani-2 .plan-button-wrap .stripe-button-el.active {
- -webkit-transform: translate3d(0, -3px, 0);
- transform: translate3d(0, -3px, 0);
- box-shadow: 3px 3px 0 var(--body-fcolor);
- }
- .btn-ani-2 .ecat-bg-1 .p-category:hover, .btn-ani-2 .ecat-bg-2 .p-category:hover {
- -webkit-transform: translate3d(0, -3px, 0);
- transform: translate3d(0, -3px, 0);
- }
- .btn-ani-2 .ecat-bg-1 .p-category:hover:before, .btn-ani-2 .ecat-bg-2 .p-category:hover:before {
- box-shadow: 3px 3px 0 var(--body-fcolor);
- }
- .btn-ani-2 .rbtoc, .btn-ani-2 .search-header-form .search-form, .btn-ani-2 .main-menu .sub-menu, .btn-ani-2 .related-sec {
- border: 1px solid var(--flex-gray-15);
- box-shadow: 3px 3px 0 var(--body-fcolor);
- }
- .btn-ani-3 .rbtoc, .btn-ani-3 .main-menu .sub-menu, .btn-ani-3 .related-sec {
- border: 1px solid var(--flex-gray-15);
- box-shadow: none;
- }
- .overlay-text .meta-inner, .overlay-text .meta-text, .overlay-text .is-meta, .overlay-text .meta-label {
- color: var(--absolute-light);
- --meta-b-fcolor: var(--awhite);
- --meta-fcolor: var(--absolute-light);
- }
- .overlay-text .entry-title, .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 .meta-category a, .overlay-text .rb-bookmark, .overlay-text .meta-bookmark, .overlay-text .caption-text, .overlay-text .rb-bookmark, .overlay-text .t-shared-sec .share-action, .overlay-text .breadcrumb-inner, .overlay-text .sponsor-icon, .overlay-text .p-link, .overlay-text .podcast-player, .overlay-text .meta-play-label, .light-scheme .sponsor-label, .light-scheme .meta-category a, .light-scheme .plan-feature:before, [data-theme='dark'] .t-shared-sec .share-action, [data-theme='dark'] .l-shared-sec .share-action, [data-theme='dark'] .sticky-share-list .share-action, [data-theme='dark'] .sponsor-label, [data-theme='dark'] .meta-category a, [data-theme='dark'] .plan-feature:before, [data-theme='dark'] blockquote, [data-theme='dark'] blockquote *, .white-text * {
- color: var(--awhite);
- }
- .overlay-text .entry-summary, .overlay-text .s-tagline, .overlay-text .s-tagline.fw-tagline {
- color: var(--absolute-light);
- }
- .meta-author *:not(em), .meta-bold, .meta-bookmark {
- color: var(--meta-b-fcolor, var(--body-fcolor));
- }
- .meta-like .triggered {
- color: var(--meta-b-fcolor);
- background-color: var(--flex-gray-7);
- }
- /*
- -----------------
- 13 - Responsive
- -----------------
- */
- @media (min-width: 768px) {
- .rb-col-2 > .block-inner > * {
- flex-basis: 50%;
- width: 50%;
- }
- .rb-col-3 > .block-inner > * {
- flex-basis: 33.33%;
- width: 33.33%;
- }
- .rb-col-4 > .block-inner > * {
- flex-basis: 25%;
- width: 25%;
- }
- .rb-col-5 > .block-inner > * {
- flex-basis: 20%;
- width: 20%;
- }
- .rb-col-6 > .block-inner > * {
- flex-basis: 16.66%;
- width: 16.66%;
- }
- .rb-col-7 > .block-inner > * {
- flex-basis: 14.25%;
- width: 14.25%;
- }
- .col-border .block-inner > *:after {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: auto;
- width: 1px;
- height: 100%;
- content: '';
- pointer-events: none;
- border-right: 1px var(--column-border-style, solid) var(--column-border-color);
- }
- .overlay-inner {
- padding: 25px 20px;
- }
- .p-gradient .p-highlight .overlay-inner {
- padding: 100px 25px 25px 25px;
- background: linear-gradient(to top, var(--dark-accent) 0, var(--dark-accent-90) calc(100% - 150px), var(--dark-accent-0) 100%);
- }
- .p-top-gradient .p-highlight .overlay-inner {
- padding: 25px 25px 100px 25px;
- background: linear-gradient(to bottom, var(--dark-accent) 0, var(--dark-accent-90) calc(100% - 150px), var(--dark-accent-0) 100%);
- }
- .related-sec.related-1, .related-sec.related-2, .related-sec.related-3, .related-sec.related-4 {
- float: right;
- max-width: 350px;
- margin-left: 1.5rem;
- padding: 25px;
- }
- .rb-gutenberg-related .related-sec.related-1, .rb-gutenberg-related .related-sec.related-2, .rb-gutenberg-related .related-sec.related-3, .rb-gutenberg-related .related-sec.related-4 {
- float: none;
- max-width: 100%;
- margin-left: 0;
- }
- .related-sec.related-5, .related-sec.related-6 {
- padding: 30px;
- }
- .scroll-holder {
- overflow-x: hidden;
- overflow-y: auto;
- }
- .grid-box > *:first-child:not(.feat-holder) {
- padding-top: calc(var(--box-spacing) + 5px);
- }
- .last-featured .grid-box > *:last-child:not(.feat-holder) {
- padding-bottom: calc(var(--box-spacing) + 5px);
- }
- .list-holder, .flipped-yes .is-feat-left .p-wrap:nth-child(2n) .list-holder {
- flex-flow: row-reverse nowrap;
- }
- .is-feat-left .list-holder, .flipped-yes .p-wrap:nth-child(2n) .list-holder {
- flex-flow: row nowrap;
- }
- .list-feat-holder {
- flex-shrink: 0;
- width: 45%;
- max-width: 45%;
- }
- .p-list-1 .list-feat-holder {
- width: 40%;
- max-width: 40%;
- }
- .cbox-3 .category-feat {
- padding-bottom: calc(var(--feat-ratio, 125) * 1%);
- }
- .ecat-bg-1 .p-wrap.p-list .feat-holder .p-top, .ecat-bg-2 .p-wrap.p-list .feat-holder .p-top {
- bottom: 5px;
- left: -5px;
- justify-content: flex-start;
- }
- .featured-wo-round .grid-box .p-featured {
- border-radius: 0 0 0 0;
- }
- .last-featured .grid-box .feat-holder, .last-featured .grid-box {
- padding-bottom: 0;
- }
- .last-featured .grid-box .p-featured {
- border-radius: 0 0 var(--wrap-border, var(--round-3)) var(--wrap-border, var(--round-3));
- }
- .list-box .list-holder {
- align-items: stretch;
- }
- .p-middle .list-box .list-holder {
- align-items: center;
- }
- .p-vbottom .list-box .list-holder {
- align-items: flex-end;
- }
- .list-box .feat-holder, .list-box .p-featured {
- height: 100%;
- }
- .list-box .p-content {
- margin-top: var(--box-spacing);
- margin-bottom: var(--box-spacing);
- margin-left: var(--box-spacing);
- }
- .p-center .list-box .p-content {
- margin-left: var(--list-holder-spacing, 15px);
- }
- .is-feat-left .list-box .p-content {
- margin-right: var(--box-spacing);
- margin-left: 0;
- }
- .smeta-in .is-meta > *, .smeta-in .meta-text > *, .review-section .meta-text > *, .spon-qview .sponsor-label, .spon-qview .is-text, .nname-info .nice-name {
- font-size: 1.15em;
- }
- .meta-bookmark .rb-bookmark i {
- font-size: calc(var(--meta-fsize) * 1.1);
- }
- .review-header .rstar i {
- font-size: 18px;
- }
- .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {
- float: left;
- width: 33.33%;
- }
- .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;
- }
- .single-related {
- margin-bottom: 50px;
- padding-top: 40px;
- }
- .sidebar-inner .widget {
- margin-bottom: 40px;
- }
- .rbtoc.table-left:not(.table-fw-single-col) {
- float: left;
- min-width: 340px;
- max-width: 50%;
- margin-right: 30px;
- margin-bottom: 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-gap: 8px;
- grid-template-columns: auto auto auto auto auto auto auto auto;
- }
- .grid-fmasonry .grid-holder {
- display: grid;
- grid-gap: 10px;
- grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
- }
- .grid-default .grid-holder.rb-c5 {
- display: grid;
- grid-gap: 10px;
- grid-template-columns: auto auto auto auto auto;
- }
- .grid-default .grid-holder.rb-c6 {
- display: grid;
- grid-gap: 10px;
- grid-template-columns: auto auto auto auto auto auto;
- }
- .grid-default .grid-holder.rb-c7 {
- display: grid;
- grid-gap: 10px;
- grid-template-columns: auto auto auto auto auto auto auto;
- }
- .grid-default .grid-holder.rb-c8 {
- display: grid;
- grid-gap: 10px;
- grid-template-columns: auto auto auto auto auto auto auto auto;
- }
- .grid-default .grid-holder.rb-c9 {
- display: grid;
- grid-gap: 10px;
- grid-template-columns: auto auto auto auto auto auto auto auto auto;
- }
- .top-footer-inner > *:not(:last-child) {
- margin-bottom: 50px;
- }
- .grid-masonry .grid-el:nth-child(2) {
- grid-column: 1 / span 2;
- grid-row: 1 / span 2;
- }
- .grid-masonry .grid-el:first-child {
- height: 100%;
- grid-column: 3 / span 2;
- grid-row: 1;
- }
- .grid-masonry .grid-el:nth-child(3) {
- grid-column: 5 / span 2;
- grid-row: 1 / span 2;
- }
- .grid-masonry .grid-el:nth-child(4) {
- grid-column: 7 / span 1;
- grid-row: 1;
- }
- .grid-masonry .grid-el:nth-child(5) {
- grid-column: 8 / span 1;
- grid-row: 1;
- }
- .grid-masonry .grid-el:nth-child(6) {
- grid-column: 3 / span 1;
- grid-row: 2;
- }
- .grid-masonry .grid-el:nth-child(7) {
- grid-column: 4 / span 1;
- grid-row: 2;
- }
- .grid-masonry .grid-el:nth-child(8) {
- grid-column: 7 / span 2;
- grid-row: 2;
- }
- .grid-fmasonry .grid-el:nth-child(2) {
- grid-column: 1;
- grid-row: 2;
- }
- .grid-fmasonry .grid-el:nth-child(3) {
- grid-column: 2 / span 2;
- grid-row: 1 / span 2;
- }
- .grid-fmasonry .grid-el:nth-child(4) {
- grid-column: 4 / span 2;
- grid-row: 1;
- }
- .grid-fmasonry .grid-el:nth-child(5) {
- grid-column: 6 / span 2;
- grid-row: 1 / span 2;
- }
- .grid-fmasonry .grid-el:nth-child(11) {
- grid-column: 8 / span 2;
- grid-row: 2;
- }
- .grid-masonry .grid-el:first-child .instagram-box, .grid-masonry .grid-el:nth-child(8) .instagram-box, .grid-masonry .grid-el:nth-child(9) .instagram-box, .grid-fmasonry .grid-el:nth-child(4) .instagram-box, .grid-fmasonry .grid-el:nth-child(11) .instagram-box {
- padding-bottom: 50%;
- }
- .is-style-1 .fnicon i, .is-style-2 .fnicon i, .is-style-9 .fnicon i {
- width: 66px;
- height: 66px;
- }
- .overlay-1.p-middle.p-center .slider-pagination {
- top: auto;
- right: auto;
- bottom: 10px;
- left: 50%;
- -webkit-transform: translateX(-50%);
- transform: translateX(-50%);
- }
- .carousel-img-holder img {
- height: 70vh;
- max-height: 70vh;
- }
- .admin-bar .mfp-container {
- top: 32px;
- height: calc(100% - 32px);
- }
- .gallery-popup-content {
- padding-top: 62px;
- }
- .rb-gallery-popup .mfp-arrow {
- margin-top: -60px;
- }
- }
- @media (min-width: 768px) and (max-width: 1024px) {
- .rb-tcol-1 > .block-inner > * {
- flex-basis: 100%;
- width: 100%;
- }
- .rb-tcol-2 > .block-inner > * {
- flex-basis: 50%;
- width: 50%;
- }
- .rb-tcol-3 > .block-inner > * {
- flex-basis: 33.33%;
- width: 33.33%;
- }
- .rb-tcol-4 > .block-inner > * {
- flex-basis: 25%;
- width: 25%;
- }
- .rb-tcol-5 > .block-inner > * {
- flex-basis: 20%;
- width: 20%;
- }
- .rb-tcol-6 > .block-inner > * {
- flex-basis: 16.66%;
- width: 16.66%;
- }
- .rb-tcol-2.no-last-bb .block-inner > *:nth-last-child(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-right: none;
- }
- .is-sidebar {
- max-width: 420px;
- margin-right: auto;
- margin-left: auto;
- }
- body .tablet-hide {
- display: none;
- }
- .meta-el:not(.tablet-hide):not(.meta-avatar):not(.no-label):not(:last-child):after {
- display: inline-flex;
- width: var(--meta-style-w, 1px);
- height: var(--meta-style-h, 6px);
- margin-left: .6em;
- content: '';
- opacity: var(--meta-style-o, .3);
- border-radius: var(--meta-style-b, 0);
- background-color: var(--meta-fcolor);
- }
- .tablet-last-meta:after {
- display: none !important;
- }
- .is-thoz-scroll .block-inner {
- display: flex;
- overflow-x: scroll;
- flex-flow: row nowrap;
- -webkit-column-count: auto;
- column-count: auto;
- -webkit-overflow-scrolling: touch;
- scrollbar-width: none;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- -webkit-text-size-adjust: none;
- text-size-adjust: none;
- }
- .is-thoz-scroll .block-inner::-webkit-scrollbar {
- display: none;
- }
- .is-thoz-scroll .block-inner::webkit-scrollbar-thumb {
- display: none;
- }
- .is-thoz-scroll .block-inner > * {
- min-width: var(--tablet-scroll-width, 40%);
- max-width: var(--tablet-scroll-width, 40%);
- }
- .is-thoz-scroll.bottom-border .block-inner > *:before {
- display: none;
- }
- }
- @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;
- }
- body .without-sidebar .grid-container > * {
- flex: 0 0 100%;
- width: 100%;
- }
- .single-right-meta > * {
- font-size: 1.15em;
- }
- body .s-cats.custom-size .p-category {
- font-size: var(--single-category-fsize);
- }
- }
- /** desktop */
- @media (min-width: 1025px) {
- .col-border.rb-col-1 > .block-inner > *:after, .col-border.rb-col-2 > .block-inner > *:nth-child(2n):after, .col-border.rb-col-3 > .block-inner > *:nth-child(3n):after, .col-border.rb-col-4 > .block-inner > *:nth-child(4n):after, .col-border.rb-col-5 > .block-inner > *:nth-child(5n):after, .col-border.rb-col-6 > .block-inner > *:nth-child(6n):after, .col-border.rb-col-7 > .block-inner > *:nth-child(7n):after {
- border-right: none;
- }
- .header-transparent {
- position: absolute;
- z-index: 100;
- top: 0;
- left: 0;
- width: 100%;
- }
- body:not(.sticky-on) .header-transparent .main-menu > li > a, body:not(.sticky-on) .header-transparent .main-menu > li > a .menu-sub-title, body:not(.sticky-on) .header-transparent .more-trigger, body:not(.sticky-on) .header-transparent .navbar-right > *:not(.header-dropdown), body:not(.sticky-on) .header-transparent .is-text-logo .logo-title > *, html:not(.collapse-activated) body:not(.sticky-on) .header-transparent .header-mobile-wrap .is-text-logo .logo-title > *, html:not(.collapse-activated) body:not(.sticky-on) .header-transparent .header-mobile-wrap .navbar-right > * {
- color: var(--transparent-nav-color, var(--nav-color));
- }
- body:not(.sticky-on) .header-transparent .dark-mode-toggle-wrap:not(:first-child) .dark-mode-toggle {
- border-color: #ffffff20;
- }
- .header-transparent .header-dropdown {
- color: var(--subnav-color, var(--body-fcolor));
- }
- .header-transparent .dark-mode-slide-btn.mode-icon-default {
- color: var(--body-fcolor);
- }
- body:not(.sticky-on) .header-transparent .navbar-inner .logo-default,
- body:not(.sticky-on) .header-transparent .navbar-inner .logo-dark,
- body:not(.sticky-on) .header-transparent .logo-default {
- display: none;
- }
- body:not(.sticky-on) .header-transparent .logo-transparent {
- display: block;
- }
- .yes-hd-transparent.is-standard-2 .header-transparent,
- .yes-hd-transparent.is-audio-2 .header-transparent,
- .yes-hd-transparent.is-video-2 .header-transparent {
- background-color: var(--dark-accent);
- }
- .heading-title > * {
- font-size: var(--heading-size-desktop, var(--heading-fsize, inherit));
- }
- .format-style-bottom.format-size-big .p-format {
- padding: 10px 7px 7px 10px;
- }
- .format-style-bottom.format-size-big .p-format i {
- font-size: 24px;
- }
- .format-style-bottom.format-size-big .p-format .gallery-count {
- top: 5px;
- right: 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;
- }
- .p-meta.has-avatar {
- padding-top: 2px;
- }
- .p-link {
- padding-top: 5px;
- }
- .admin-bar .reading-indicator {
- top: 32px;
- }
- .wrap-meta .single-meta, .center-w-meta .single-meta {
- flex-flow: column nowrap;
- }
- .wrap-meta .single-meta > * {
- width: 100%;
- }
- .center-w-meta .single-meta {
- justify-content: center;
- }
- .s-feat-outer {
- margin-bottom: 40px;
- }
- .breadcrumb-absolute {
- padding: 10px 20px;
- }
- .s-hl-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-4.has-bg-spacing .single-header-content:before {
- height: calc(100% + 30px);
- }
- .single-standard-5 .single-header {
- padding-bottom: 40px;
- }
- .is-audio-2:not(.yes-amp) .embed-holder, .is-audio-3:not(.yes-amp) .embed-holder, .is-audio-4:not(.yes-amp) .embed-holder {
- padding-bottom: 20%;
- }
- .single-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;
- }
- .single-sidebar.has-border {
- border-left: 1px solid var(--flex-gray-15);
- }
- .is-sidebar-left .single-sidebar.has-border {
- border-right: 1px solid var(--flex-gray-15);
- border-left: 0;
- }
- .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-content > .block-h {
- margin-bottom: 25px;
- }
- .search-header {
- padding-top: 50px;
- }
- .yes-hd-transparent .search-header {
- padding-top: 110px;
- }
- .ecat-bg-1.ecat-size-big .p-category, .ecat-bg-2.ecat-size-big .p-category, .ecat-bg-3.ecat-size-big .p-category, .ecat-border.ecat-size-big .p-category {
- font-size: 1.15em;
- padding: 8px 16px;
- }
- .ecat-bg-4.ecat-size-big .p-category {
- font-size: 1.15em;
- }
- .ecat-bg-1 .feat-holder + .p-top, .ecat-bg-2 .feat-holder + .p-top, .ecat-bg-3 .feat-holder + .p-top {
- padding-top: 4px;
- }
- .ecat-text.ecat-size-big .p-category, .ecat-b-border.ecat-size-big .p-category {
- font-size: 1.3em;
- }
- .ecat-b-dotted.ecat-size-big .p-category {
- font-size: 1.15em;
- border-bottom-width: 4px;
- }
- .meta-el:not(.meta-avatar):not(.no-label):not(:last-child):after {
- display: inline-flex;
- width: var(--meta-style-w, 1px);
- height: var(--meta-style-h, 6px);
- margin-left: .6em;
- content: '';
- opacity: var(--meta-style-o, .3);
- border-radius: var(--meta-style-b, 0);
- background-color: var(--meta-fcolor);
- }
- .bookmark-section-header-image {
- flex-shrink: 0;
- height: 45px;
- }
- .empty-saved {
- padding-top: 30px;
- padding-bottom: 30px;
- }
- .plist-item-thumb {
- width: 125px;
- }
- .author-header-inner .breadcrumb-wrap {
- margin-bottom: 20px;
- }
- .search-header-form .search-form, .page404-inner .search-form {
- font-size: 1.5rem;
- }
- .search-header-form .search-form input[type='search'], .page404-inner .search-form input[type='search'] {
- padding-top: 20px;
- padding-bottom: 20px;
- }
- .search-header-content {
- margin-bottom: 40px;
- }
- .search-empty {
- margin-top: 50px;
- }
- #back-top {
- bottom: 40px;
- }
- .logged-welcome {
- display: inline-flex;
- }
- .page404-btn-wrap {
- padding-top: 20px;
- }
- .page-header-1, .page-header-4 {
- margin-bottom: 40px;
- padding-top: 40px;
- }
- .page-header-innter > * {
- margin-bottom: 15px;
- }
- .page-header-2 {
- margin-bottom: 40px;
- padding-top: 100px;
- padding-bottom: 100px;
- }
- .single-header-overlay {
- padding: 0 40px 40px 40px;
- }
- .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;
- }
- .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 right, var(--review-color) 96.5%, transparent 3.5%);
- background-size: 29px 28px;
- }
- .e-ct-outer > * {
- margin-bottom: 35px;
- }
- .s-hl {
- padding-bottom: 35px;
- }
- .yes-tstick.sticky-on .main-menu-wrap, .yes-tstick.sticky-on .e-stitle-sticky .elementor-widget-foxiz-mini-cart, .yes-tstick.sticky-on .e-stitle-sticky .elementor-widget-foxiz-notification-icon, .yes-tstick.sticky-on .e-stitle-sticky .elementor-widget-foxiz-login-icon, .yes-tstick.sticky-on .e-stitle-sticky .elementor-widget-foxiz-social-list, .yes-tstick.sticky-on .e-stitle-sticky .elementor-widget-foxiz-search-icon, .yes-tstick.sticky-on .navbar-right > *:not(.dark-mode-toggle-wrap):not(.font-resizer), .yes-tstick.sticky-on .more-section-outer {
- display: none;
- }
- .yes-tstick.sticky-on .s-title-sticky {
- display: flex;
- }
- .footer-columns .footer-col {
- flex-basis: 20%;
- width: 20%;
- }
- .footer-51c.footer-columns .footer-col {
- flex-basis: 15%;
- width: 15%;
- }
- .footer-4c .footer-col:first-child, .footer-4c .footer-col:last-child {
- flex-basis: 30%;
- width: 30%;
- }
- .footer-5c .footer-col:nth-child(1) {
- flex-basis: 20%;
- width: 20%;
- }
- .footer-51c .footer-col:nth-child(1) {
- flex-basis: 40%;
- width: 40%;
- }
- .footer-3c.footer-columns .footer-col {
- flex-basis: 25%;
- width: 25%;
- }
- .footer-3c.footer-columns .footer-col:nth-child(2) {
- flex-basis: 50%;
- width: 50%;
- }
- .footer-wrap.has-border .footer-col:not(:last-child) {
- border-right: 1px solid var(--flex-gray-15);
- }
- .review-header .rline {
- width: 30px;
- height: 10px;
- }
- .review-header .rstar {
- width: 28px;
- height: 28px;
- }
- .yt-playlist .yt-embed {
- flex: 0 0 66.67%;
- width: 66.67%;
- }
- .yt-playlist {
- display: flex;
- flex-flow: row nowrap;
- }
- .yt-playlist .plist-items {
- flex: 0 0 33.33%;
- width: 33.33%;
- }
- .block-big {
- --bottom-spacing: 40px;
- --el-spacing: 15px;
- }
- .p-classic-1 .meta-avatar img {
- width: 26px;
- height: 26px;
- }
- .single-post-outer.has-continue-reading .s-ct {
- height: 1200px;
- max-height: 1200px;
- }
- .newsletter-form input {
- font-size: var(--rem-small);
- }
- .newsletter-box-2 .newsletter-inner > *: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-right: 15px;
- margin-bottom: 15px;
- }
- .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
- width: 50%;
- }
- .my-personalized > * {
- margin-bottom: 50px;
- }
- .footer-quote {
- max-width: 240px;
- }
- .wp-block-pullquote blockquote:before {
- margin-bottom: 5px;
- }
- .newsletter-box-1 .newsletter-inner {
- flex-flow: row nowrap;
- }
- .input-col-2 {
- width: calc(50% - 20px);
- }
- .input-col-3 {
- width: calc(33.3% - 30px);
- }
- .rb-col-2.no-last-bb .block-inner > *:nth-last-child(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 {
- --masonry-column: 2;
- --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,
- .logo-sec {
- display: none;
- }
- .header-mobile {
- display: flex;
- flex-flow: column nowrap;
- max-height: 100vh;
- }
- .notification-popup {
- width: 100vw;
- max-width: 100vw;
- }
- .is-mstick .navbar-outer:not(.navbar-outer-template) {
- min-height: var(--mbnav-height, 42px);
- }
- .is-mstick .has-quick-menu .navbar-outer {
- min-height: calc(var(--mbnav-height, 42px) + 42px);
- }
- .is-hoz-scroll .block-inner {
- display: flex;
- overflow-x: scroll;
- flex-flow: row nowrap;
- -webkit-column-count: auto;
- column-count: auto;
- -webkit-overflow-scrolling: touch;
- scrollbar-width: none;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- -webkit-text-size-adjust: none;
- text-size-adjust: none;
- }
- .is-hoz-scroll .block-inner::-webkit-scrollbar {
- display: none;
- }
- .is-hoz-scroll .block-inner::webkit-scrollbar-thumb {
- display: none;
- }
- .is-hoz-scroll .block-inner > * {
- min-width: var(--tablet-scroll-width, 40%);
- max-width: var(--tablet-scroll-width, 40%);
- }
- .is-hoz-scroll.bottom-border .block-inner > *:before {
- display: none;
- }
- .privacy-bar.privacy-left {
- right: 20px;
- bottom: 10px;
- width: auto;
- }
- .plist-items {
- height: 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;
- }
- .newsletter-featured {
- flex: 0 0 calc(30% - 41px);
- max-width: calc(30% - 41px);
- }
- .newsletter-content {
- flex: 0 0 70%;
- max-width: 70%;
- }
- .newsletter-form {
- flex: 0 0 100%;
- max-width: 100%;
- margin-top: 20px;
- }
- .is-rstyle-2 .review-meta-inner {
- flex-flow: row wrap;
- row-gap: .5rem;
- }
- .is-rstyle-2 .review-extra {
- width: 100%;
- }
- .no-wrap .qlinks-content {
- overflow: hidden;
- }
- .no-wrap .qlinks-content ul {
- overflow-x: scroll;
- flex-flow: row nowrap;
- padding-top: 5px;
- padding-bottom: 5px;
- -webkit-overflow-scrolling: touch;
- scrollbar-width: none;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- -webkit-text-size-adjust: none;
- text-size-adjust: none;
- }
- .no-wrap .qlinks-content ul::-webkit-scrollbar {
- display: none;
- }
- .no-wrap .qlinks-content ul::webkit-scrollbar-thumb {
- display: none;
- }
- .slideup-toggle {
- right: 10px;
- }
- .w-sidebar.widget-follower .social-follower {
- grid-template-columns: repeat(var(--s-tcolumns, var(--ds-columns, 2)), 1fr);
- }
- .t-cta-img-left {
- flex-flow: row nowrap;
- }
- .t-cta-img-right {
- flex-flow: row-reverse nowrap;
- }
- .t-cta-img-top {
- flex-flow: column nowrap;
- }
- .t-cta-img-bottom {
- flex-flow: column-reverse nowrap;
- }
- .t-cta-center .cta-content {
- margin-right: auto;
- margin-left: auto;
- text-align: center;
- }
- .t-cta-center .cta-buttons {
- justify-content: center;
- }
- .t-cta-left .cta-content {
- margin-right: auto;
- margin-left: 0;
- text-align: left;
- }
- .t-cta-left .cta-buttons {
- justify-content: flex-start;
- }
- .t-cta-right .cta-content {
- margin-right: 0;
- margin-left: auto;
- text-align: right;
- }
- .t-cta-right .cta-buttons {
- justify-content: flex-end;
- }
- }
- /** vertical tablet and mobile */
- @media (max-width: 991px) {
- .is-gap-25 .block-inner, .is-gap-30 .block-inner, .is-gap-35 .block-inner {
- margin-right: -20px;
- margin-left: -20px;
- }
- .is-gap-25 > .block-inner > *, .is-gap-30 > .block-inner > *, .is-gap-35 > .block-inner > * {
- padding-right: 20px;
- padding-left: 20px;
- }
- .footer-wrap:not(.footer-etemplate) > *:first-child:not(.footer-copyright) {
- padding-top: 40px;
- }
- .w-sidebar {
- margin-bottom: 40px;
- }
- .single-meta {
- flex-flow: column-reverse nowrap;
- }
- .single-meta > * {
- width: 100%;
- gap: 10px;
- }
- .smeta-extra:not(:empty) {
- justify-content: space-between;
- padding: 7px 15px;
- border-radius: var(--round-5);
- background-color: var(--flex-gray-7);
- }
- .yes-wrap .smeta-extra:not(:empty) {
- padding: 0;
- background-color: transparent;
- }
- .centered-header .single-meta > * {
- justify-content: center;
- }
- .yes-wrap .share-action {
- width: 34px;
- height: 34px;
- }
- .sticky-share-list .share-action {
- font-size: 14px;
- }
- .single-standard-2 .single-header-inner:before, .embed-bg-overlay {
- bottom: 90px;
- }
- .single-standard-3 .single-header-inner:before, .single-standard-4 .single-header-inner:before {
- padding-bottom: 50%;
- }
- .single-header-columns {
- flex-flow: row wrap;
- }
- .single-standard-6 .s-feat-outer {
- flex: 0 0 100%;
- max-width: 100%;
- }
- .single-header-left {
- flex: 0 0 100%;
- max-width: 100%;
- padding-top: 20px;
- padding-bottom: 10px;
- }
- .featured-vertical {
- padding-bottom: 66.67%;
- border-radius: var(--round-5);
- }
- .burger-icon {
- color: var(--mbnav-color, var(--nav-color));
- }
- }
- /** mobile */
- @media (max-width: 767px) {
- :root {
- --height-34: 28px;
- --height-40: 34px;
- --padding-40: 0 20px;
- --masonry-column: 1;
- --h1-fheight: 1.3;
- --h2-fheight: 1.3;
- --h3-fheight: 1.4;
- --bcrumb-fsize: 11px;
- --body-fsize: 15px;
- --btn-fsize: 11px;
- --cat-fsize: 10px;
- --dwidgets-fsize: 12px;
- --eauthor-fsize: 12px;
- --excerpt-fsize: 13px;
- --h1-fsize: 26px;
- --h2-fsize: 21px;
- --h3-fsize: 17px;
- --h4-fsize: 15px;
- --h5-fsize: 14px;
- --h6-fsize: 14px;
- --headline-fsize: 26px;
- --meta-fsize: 12px;
- --tagline-fsize: 17px;
- --rem-mini: .7rem;
- --tagline-s-fsize: 17px;
- --el-spacing: 10px;
- --rating-size: 12px;
- }
- .is-mhoz-scroll .block-inner {
- display: flex;
- overflow-x: scroll;
- flex-flow: row nowrap;
- -webkit-column-count: auto;
- column-count: auto;
- -webkit-overflow-scrolling: touch;
- scrollbar-width: none;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- -webkit-text-size-adjust: none;
- text-size-adjust: none;
- }
- .is-mhoz-scroll .block-inner::-webkit-scrollbar {
- display: none;
- }
- .is-mhoz-scroll .block-inner::webkit-scrollbar-thumb {
- display: none;
- }
- .is-mhoz-scroll .block-inner > * {
- min-width: var(--tablet-scroll-width, 40%);
- max-width: var(--tablet-scroll-width, 40%);
- }
- .is-mhoz-scroll.bottom-border .block-inner > *:before {
- display: none;
- }
- .is-hoz-scroll .block-inner > *, .is-mhoz-scroll .block-inner > * {
- min-width: var(--mobile-scroll-width, 70%);
- max-width: var(--mobile-scroll-width, 70%);
- }
- .col-border.rb-mcol-2 .block-inner > *:nth-child(2n+1):after, .col-border.is-hoz-scroll .block-inner > *:not(:last-child):after, .col-border.is-mhoz-scroll .block-inner > *:not(:last-child):after {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: auto;
- width: 1px;
- height: 100%;
- content: '';
- pointer-events: none;
- border-right: 1px var(--column-border-style, solid) var(--column-border-color);
- }
- .meta-el:not(.mobile-hide):not(.meta-avatar):not(.no-label):not(:last-child):after {
- display: inline-flex;
- width: var(--meta-style-w, 1px);
- height: var(--meta-style-h, 6px);
- margin-left: .6em;
- content: '';
- opacity: var(--meta-style-o, .3);
- border-radius: var(--meta-style-b, 0);
- background-color: var(--meta-fcolor);
- }
- .mobile-last-meta:after {
- display: none !important;
- }
- .block-overlay {
- --bottom-spacing: 10px;
- }
- .p-wrap .entry-summary {
- column-count: 1;
- }
- input[type='text'], input[type='tel'], input[type='password'], input[type='email'], input[type='url'], input[type='search'], input[type='number'], textarea {
- padding: 7px 15px;
- }
- .rb-mcol-1 > .block-inner > * {
- flex-basis: 100%;
- width: 100%;
- }
- .rb-mcol-2 > .block-inner > * {
- flex-basis: 50%;
- width: 50%;
- }
- .rb-mcol-3 > .block-inner > * {
- flex-basis: 33.33%;
- width: 33.33%;
- }
- .rb-mcol-4 > .block-inner > * {
- flex-basis: 25%;
- width: 25%;
- }
- body .mobile-hide, .sponsor-label {
- display: none;
- }
- .ecat-bg-1 .p-category, .ecat-bg-2 .p-category {
- padding: 5px 10px;
- }
- body .meta-avatar img {
- width: 20px;
- height: 20px;
- }
- .popup-newsletter {
- width: calc(100% - 40px);
- }
- .block-list-small-1 .scroll-holder {
- max-height: none;
- }
- .hrc-3 .overlay-wrap, .overlay-1 .overlay-wrap {
- position: relative;
- overflow: visible;
- }
- [class*='ecat-bg-'] .p-highlight .overlay-inner {
- padding-top: 0 !important;
- }
- [class*='ecat-bg-'] .p-highlight .p-top {
- margin-top: -1em;
- }
- .p-middle .p-highlight .overlay-inner {
- padding-bottom: 20px;
- }
- .p-highlight .overlay-inner {
- background: var(--highlight-overlay-bg, var(--dark-accent)) !important;
- }
- .post-slider .slider-prev, .post-slider .slider-next {
- font-size: var(--nav-size, 1.25rem);
- min-width: 40px;
- min-height: 40px;
- }
- .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%;
- }
- .is-feat-left .p-grid-small-1 {
- flex-flow: row nowrap;
- }
- .p-content {
- flex-grow: 1;
- }
- .list-box .p-featured {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .list-box .p-content {
- margin: 0 var(--box-spacing) var(--box-spacing);
- }
- .list-box .p-format-overlay.format-style-bottom .p-format {
- background-color: var(--box-color, var(--default-box, var(--solid-light)));
- }
- [data-theme='dark'] .list-box .p-format-overlay.format-style-bottom .p-format, .light-scheme .list-box .p-format-overlay.format-style-bottom .p-format {
- background-color: var(--dark-box-color, var(--default-dark-box, var(--solid-light)));
- }
- .is-feat-left .p-grid-small-1 .feat-holder {
- margin-right: 20px;
- margin-left: 0;
- }
- .rb-follow {
- font-size: 11px;
- }
- .page404-featured img {
- max-height: 200px;
- }
- .page404-description, .taxonomy-description {
- font-size: var(--rem-small);
- }
- .plist-item {
- padding: 10px;
- }
- .yt-trigger {
- width: 54px;
- }
- .yt-trigger-icons svg {
- width: 26px;
- }
- .copyright-inner {
- flex-direction: column-reverse;
- text-align: center;
- }
- .copyright-menu {
- flex-flow: row wrap;
- justify-content: center;
- margin-bottom: 12px;
- margin-left: 0;
- }
- .smeta-in > .meta-avatar img {
- width: 42px;
- height: 42px;
- }
- .l-shared-sec-outer:not(.show-mobile), .single-post-infinite .l-shared-sec-outer.show-mobile, .l-shared-header {
- display: none;
- }
- .single-post-infinite .activated .l-shared-sec-outer.show-mobile, .l-shared-sec-outer.show-mobile {
- position: fixed;
- z-index: 9999;
- right: 0;
- bottom: 10px;
- left: 0;
- display: flex;
- align-items: center;
- flex-grow: 1;
- padding: 0;
- }
- .show-mobile .l-shared-items {
- flex-flow: row nowrap;
- background: var(--solid-white);
- }
- .show-mobile .l-shared-sec {
- position: relative;
- top: 0;
- display: flex;
- flex-grow: 1;
- justify-content: center;
- }
- .l-shared-sec-outer.show-mobile .share-action {
- line-height: 42px;
- width: 42px;
- }
- .single-header-content {
- padding: 0 15px;
- }
- .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 > * {
- padding: 0 15px;
- }
- .entry-sec {
- padding-top: 27px;
- padding-bottom: 25px;
- }
- .user-rating svg {
- width: 1em;
- }
- .single-standard-7 .single-header {
- padding-top: 15px;
- }
- .single-standard-8 .grid-container {
- margin-top: 15px;
- }
- .feat-caption .caption-text:before {
- width: 30px;
- margin-right: 10px;
- }
- .attribution {
- padding-left: 0;
- }
- .review-content {
- padding: 15px;
- }
- .review-footer {
- margin-right: 20px;
- margin-left: 20px;
- }
- .pros-cons-holder {
- gap: 25px;
- }
- .pros-cons-holder > * {
- flex: 0 0 100%;
- justify-content: flex-start;
- width: 100%;
- }
- .review-footer > *:not(.review-action) {
- padding: 22px 0 20px 0;
- }
- .pros-cons-title {
- padding-bottom: 0;
- }
- .single-standard-2 .single-header-inner:before, .embed-bg-overlay {
- bottom: 50px;
- }
- .category-header-1 .archive-inner {
- align-items: flex-start;
- flex-flow: column nowrap;
- }
- .category-header-1 .category-hero-wrap {
- align-items: flex-start;
- width: calc(100% - 25px);
- margin-top: 25px;
- padding-bottom: 20px;
- }
- .p-grid-small-1 .feat-holder {
- flex-shrink: 0;
- width: 100%;
- max-width: var(--feat-list-width, 100px);
- margin-bottom: 0;
- margin-left: 15px;
- }
- .p-grid-small-1 .p-content {
- flex-grow: 1;
- }
- .block-categories, .block-authors {
- --bottom-spacing: 10px;
- }
- .cbox-inner {
- display: flex;
- align-items: stretch;
- flex-flow: row nowrap;
- }
- .cbox-1 .cbox-featured {
- flex-shrink: 0;
- width: min(30%, 100px);
- }
- .cbox-4 .cbox-inner {
- flex-flow: column nowrap;
- }
- .a-card-feat {
- width: 70px;
- }
- .interest-loader {
- width: calc(40% - 20px);
- }
- .popup-newsletter-inner {
- flex-flow: row wrap;
- }
- .popup-newsletter-inner > * {
- width: 100%;
- }
- .popup-newsletter-cover-holder {
- padding-bottom: 5px;
- }
- .popup-newsletter-content {
- padding: 20px;
- }
- .table-link-depth {
- margin-left: 15px;
- }
- .paudio-embed .embed-holder {
- padding-bottom: var(--audio-ratio, 56%);
- }
- .format-gallery-coverflow .swiper-pagination {
- margin-top: 10px;
- }
- .page-selected {
- position: static;
- }
- .page-selected-outer {
- position: relative;
- border-left: 5px solid var(--g-color);
- border-radius: var(--round-5);
- }
- .page-selected-list {
- right: 0;
- left: 0;
- }
- .page-selected-title {
- display: none;
- }
- .newsletter-featured {
- display: none;
- }
- .newsletter-content {
- flex: 0 0 100%;
- max-width: 100%;
- }
- .newsletter-inner > *:first-child:not(.newsletter-featured) {
- flex: 0 0 100%;
- max-width: 100%;
- }
- .is-full-btn .mc4wp-form-fields > *:not(.agree-to-terms) {
- flex-flow: row wrap;
- justify-content: center;
- row-gap: 12px;
- }
- .is-full-btn input[type='submit'] {
- margin-left: 0;
- }
- .is-full-btn.newsletter-box-1 input[type='submit'] {
- width: 100%;
- }
- .footer-wrap.left-dot:before {
- display: none;
- }
- .p-grid-small-1 .p-format {
- font-size: 16px;
- }
- [class*='ecat-bg-']:not(.is-m-list):not(.ecat-bg-3) .p-list-2 .p-top {
- position: relative;
- z-index: 3;
- margin-top: calc(-2px - var(--el-spacing) - 1em);
- padding-left: 7px;
- }
- [class*='ecat-bg-'].is-m-grid.p-center .p-list-2 .p-top {
- right: 0;
- left: 0;
- padding-right: 0;
- padding-left: 0;
- }
- .current-slider-info .h4 {
- font-size: 9px;
- }
- span.current-slider-count {
- font-size: 1.5em;
- }
- .entry-sec:before, .review-footer > *:not(.review-action):before, .collapse-sections:before {
- height: 2px;
- }
- h1.search-title {
- font-size: var(--h2-fsize);
- }
- .search-subtitle {
- font-size: var(--rem-small);
- margin-top: 5px;
- }
- .bookmark-notification {
- bottom: 20px;
- }
- .ubio-inner {
- flex-flow: column nowrap;
- justify-content: center;
- text-align: center;
- }
- .ubio-inner {
- flex-flow: column nowrap;
- justify-content: center;
- text-align: center;
- }
- .bio-avatar {
- width: 80px;
- height: 80px;
- margin-right: 0;
- margin-bottom: 12px;
- }
- .bio-count-posts {
- display: none;
- }
- .bio-description {
- font-size: var(--em-mini);
- }
- .bio-content .usocials {
- justify-content: center;
- padding-top: 3px;
- }
- .breaking-news-heading {
- margin-right: 3px;
- padding: 0;
- background-color: transparent;
- box-shadow: none;
- }
- .breaking-news-heading span {
- display: none;
- }
- .newsletter-description {
- font-size: var(--rem-mini);
- }
- .qlinks-heading > span {
- display: none;
- }
- .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: 2em 0 1.5em 0;
- }
- .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
- float: none;
- max-width: 100%;
- margin-right: 0;
- margin-left: 0;
- }
- .widget_rss cite:before, .wp-block-quote cite:before, .wp-block-pullquote cite:before {
- width: 20px;
- }
- .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);
- }
- .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: 5px;
- }
- .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-gap: 5px;
- grid-template-columns: auto auto auto;
- }
- .grid-masonry .grid-el:nth-child(2) {
- grid-column: 1 / span 2;
- grid-row: 1 / span 2;
- }
- .grid-masonry .grid-el:first-child {
- height: 100%;
- grid-column: 3 / span 2;
- grid-row: 1;
- }
- .grid-masonry .grid-el:nth-child(3) {
- height: 100%;
- grid-column: 3 / span 1;
- grid-row: 2;
- }
- .grid-masonry .grid-el:nth-child(5) {
- height: 100%;
- grid-column: 1 / span 2;
- grid-row: 3;
- }
- .grid-masonry .grid-el:last-child {
- grid-column: 3 / span 2;
- grid-row: 3 / span 2;
- }
- .grid-fmasonry .grid-el:nth-child(3) {
- grid-column: 2 / span 2;
- grid-row: 1 / span 2;
- }
- .grid-fmasonry .grid-el:nth-child(4) {
- height: 100%;
- grid-column: 4 / span 2;
- grid-row: 1;
- }
- .grid-fmasonry .grid-el:nth-child(6) {
- grid-column: 1 / span 2;
- grid-row: 3 / span 2;
- }
- .grid-fmasonry .grid-el:nth-child(9) {
- height: 100%;
- grid-column: 3 / span 2;
- grid-row: 4;
- }
- .grid-fmasonry .grid-el:nth-child(4) .instagram-box, .grid-fmasonry .grid-el:nth-child(9) .instagram-box, .grid-masonry .grid-el:first-child .instagram-box, .grid-masonry .grid-el:nth-child(5) .instagram-box {
- padding-bottom: 50%;
- }
- .rb-header-name.h6 {
- font-size: 1.7rem;
- }
- .rb-w-header .col-right .rb-w-units {
- font-size: 3.3rem;
- }
- .rb-w-big-icon svg {
- width: 76px;
- height: 76px;
- }
- .rb-w-desc {
- font-size: .75rem;
- }
- .w-forecast-icon svg {
- width: 36px;
- height: 36px;
- }
- .is-style-10 .fnicon i, .is-style-11 .fnicon i {
- font-size: 1rem;
- width: 44px;
- height: 44px;
- }
- .w-banner {
- padding-top: 50px;
- padding-bottom: 50px;
- }
- .post-slider {
- position: relative;
- overflow: hidden;
- border-radius: var(--round-3);
- background-color: var(--dark-accent);
- }
- .p-list-1 .list-feat-holder, .p-list-2 .list-feat-holder {
- width: 100% !important;
- min-width: 100%;
- max-width: 100% !important;
- margin-bottom: calc(var(--el-spacing) + 2px);
- }
- .ad-description {
- font-size: 10px;
- }
- .pagination-nextprev > * {
- min-width: 90px;
- }
- .short-pagination .pagination-nextprev > * {
- min-width: 0;
- }
- .wpcf7-form .wpcf7-form-control-wrap {
- width: 100%;
- max-width: 100%;
- padding-top: 7px;
- padding-bottom: 7px;
- }
- .cbox-center {
- display: none;
- }
- .heading-layout-c8 .heading-title:before, .heading-layout-c8 .heading-title:after {
- width: 40px;
- }
- .intro-content {
- display: none;
- }
- .textwidget br, .textwidget p {
- font-size: var(--rem-small);
- }
- .is-m-list .p-wrap {
- min-height: calc(var(--feat-list-width, 150px) * var(--feat-ratio, 60) / 100);
- }
- .bottom-border.is-m-list .p-wrap {
- min-height: calc((var(--feat-list-width, 150px) * (var(--feat-ratio, 60) / 100)) + var(--bottom-spacing, 30px));
- }
- .is-m-list .feat-holder {
- position: absolute;
- top: 0;
- right: var(--column-gap, 0);
- left: auto;
- width: var(--feat-list-width, 150px);
- margin-bottom: 0;
- padding-bottom: 0 !important;
- }
- .is-m-list .p-wrap > *:not(.feat-holder):not(.grid-box):not(.list-box) {
- margin-right: calc(var(--feat-list-width, 150px) + var(--el-spacing, 10px) * 2);
- margin-left: 0;
- }
- .is-m-list.res-feat-left .feat-holder {
- top: 0;
- right: auto;
- left: var(--column-gap, 0);
- }
- .is-m-list.res-feat-left .p-wrap > *:not(.feat-holder):not(.grid-box):not(.list-box) {
- margin-right: 0;
- margin-left: calc(var(--feat-list-width, 150px) + var(--el-spacing, 10px) * 2);
- }
- .is-m-list .grid-box, .is-m-list .list-box {
- position: static;
- padding-top: var(--box-spacing);
- padding-right: var(--feat-list-width, 150px);
- padding-bottom: var(--box-spacing);
- padding-left: 0;
- }
- .block-wrap:not(.is-m-list) .grid-box > *:first-child:not(.feat-holder) {
- padding-top: calc(var(--box-spacing) + 5px);
- }
- .is-m-list.res-feat-left .grid-box, .is-m-list.res-feat-left .list-box {
- padding-right: 0;
- padding-left: var(--feat-list-width, 150px);
- }
- .is-m-list .grid-box .feat-holder, .is-m-list .list-box .feat-holder {
- bottom: 0;
- --box-spacing: 7px;
- }
- .is-m-list .grid-box .p-featured, .is-m-list .list-box .p-featured {
- overflow: hidden;
- height: 100%;
- padding-bottom: 0;
- border-radius: 0 var(--wrap-border, var(--round-3)) var(--wrap-border, var(--round-3)) 0;
- }
- .is-m-list.res-feat-left .grid-box .p-featured, .is-m-list.res-feat-left .list-box .p-featured {
- border-radius: var(--wrap-border, var(--round-3)) 0 0 var(--wrap-border, var(--round-3));
- }
- .is-m-list .p-list .list-feat-holder {
- margin-bottom: 0;
- }
- .is-m-list .p-list:not(.p-box) .p-content {
- padding-right: 0;
- padding-left: 0;
- }
- .is-m-list .list-box .p-content {
- margin: 0;
- }
- .is-m-list:not(.res-feat-left) .list-box .p-content {
- padding-left: var(--box-spacing);
- }
- .is-m-list.res-feat-left .list-box .p-content {
- padding-right: var(--box-spacing);
- }
- .is-m-list .list-box .list-holder {
- margin-right: 0;
- margin-left: 0;
- }
- .elementor-tabs-content-wrapper {
- border-radius: var(--round-5);
- }
- .w-sidebar.widget-follower .social-follower {
- grid-template-columns: repeat(var(--s-mcolumns, var(--ds-columns, 2)), 1fr);
- }
- .cta-wrap .cta-featured {
- display: var(--cta-m-img-display, inherit);
- }
- .m-cta-img-left {
- flex-flow: row nowrap;
- }
- .m-cta-img-right {
- flex-flow: row-reverse nowrap;
- }
- .m-cta-img-top {
- flex-flow: column nowrap;
- }
- .m-cta-img-bottom {
- flex-flow: column-reverse nowrap;
- }
- .m-cta-left .cta-content {
- margin-right: auto;
- margin-left: 0;
- text-align: left;
- }
- .m-cta-left .cta-buttons {
- justify-content: flex-start;
- }
- .m-cta-center .cta-content {
- margin-right: auto;
- margin-left: auto;
- text-align: center;
- }
- .m-cta-center .cta-buttons {
- justify-content: center;
- }
- .m-cta-right .cta-content {
- margin-right: 0;
- margin-left: auto;
- text-align: right;
- }
- .m-cta-right .cta-buttons {
- justify-content: flex-end;
- }
- .review-quickview-holder {
- flex-flow: column nowrap;
- }
- .review-heading {
- align-items: flex-end;
- }
- .review-quickview-inner {
- justify-content: space-between;
- width: 100%;
- }
- .review-quickview .review-btn {
- margin-left: auto;
- }
- .t-shared-header .share-label {
- display: none;
- }
- }
- @media all {
- .is-stemplate .s-cats, .is-stemplate .s-breadcrumb, .is-stemplate .s-title, .is-stemplate .s-tagline, .is-stemplate .single-meta, .p-content > *:last-child {
- margin-bottom: 0;
- }
- }
- @font-face {
- font-family: 'ruby-icon';
- font-display: swap;
- src: url('../fonts/icons.woff2?2.0') format('woff2');
- font-weight: normal;
- font-style: normal;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement