whoami7 - Manager
:
/
home
/
topsuzmw
/
public_html
/
wp-content
/
themes
/
pixwell
/
assets
/
css
/
Upload File:
files >> /home/topsuzmw/public_html/wp-content/themes/pixwell/assets/css/main.css
/* -------------------------------------------------------------- >>>TABLE OF CONTENTS: 1.0 - Reset 2.0 - Grid 3.0 - Common Elements 4.0 - Header 5.0 - left Side Section 6.0 - Post Listings 7.0 - Sections & Blocks 8.0 - Single Posts, Galleries & Portfolio 9.0 - Archives & Pages 10.0 - Footer 11.0 - Widgets 12.0 - Design & Text Styles 13.0 - Miscellaneous & Recipe Support 14.0 - Dark Mode -------------------------------------------------------------- 1.0 - RESET */ :root { --g-color: #ff8763; --el-spacing: 10px; --bottom-spacing: 35px; --meta-fsize: 13px; --subnav-bg-from: #fff; --subnav-bg-to: #fff; } 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-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.7; overflow-x: hidden; color: #333; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font-size: inherit; display: block; overflow: clip; margin: 0; color: inherit; } body.rtl { /*rtl:ignore*/ direction: rtl; } [data-theme='dark'] { --subnav-bg-from: #333; --subnav-bg-to: #333; } body:not([data-theme='dark']) { background: #fff; } * { -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; } body.boxed #site { background-color: #fff; } .site-wrap, .site-content { position: relative; display: block; margin: 0; padding: 0; } .site-wrap * { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } button, hr, input { overflow: visible } audio, canvas, progress, video { display: inline-block } progress, sub, sup { vertical-align: baseline } [type=checkbox], [type=radio], legend { box-sizing: border-box; padding: 0 } acronym { cursor: help } mark, ins { text-decoration: none; background-color: #8882; } figure { display: block; margin: 0; } cite, em { font-weight: normal; font-style: italic; } hr { box-sizing: content-box; height: 0 } u { text-decoration: underline; } address { font-style: italic; } code, kbd, pre, samp, var { font-family: monospace, monospace; font-size: .9em; } a { text-decoration: none; color: inherit; background-color: transparent; } abbr[title] { cursor: default; text-decoration: none; } b, strong { font-weight: 700; } dfn { font-style: italic } mark { color: #000; background-color: #ff0; } code { background-color: #8882; } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em } sup { top: -.5em } audio:not([controls]) { display: none; height: 0 } img { max-width: 100%; height: auto; vertical-align: middle; border-style: none; object-fit: cover; } svg:not(:root) { overflow: hidden } button, input, optgroup, select, textarea { margin: 0; text-transform: none; outline: none !important; } .bypostauthor { position: relative; } select { font-family: 'Montserrat', sans-serif; font-size: .875rem; font-weight: 400; line-height: 22px; max-width: 100%; padding: 10px 25px; text-transform: none; border: none; outline: none !important; background-color: rgba(0, 0, 0, .025); } [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 !important; } fieldset { padding: 0; } legend { display: table; max-width: 100%; white-space: normal; color: inherit; } textarea { overflow: auto; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { outline-offset: -2px; -webkit-appearance: textfield; } [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: .85rem; } .main-menu-wrap .rb-error { display: flex; align-items: center; padding-left: 15px; } .rb-error a { text-decoration: underline; } ul, ol { list-style: none; } legend { font-size: 15px; margin-bottom: 20px; text-transform: uppercase; } input::-webkit-file-upload-button { font-size: 15px; padding: 7px 15px; cursor: pointer; color: #fff; border: none; -webkit-border-radius: 4px; border-radius: 4px; outline: none; background-color: #333; box-shadow: none; } input::-webkit-file-upload-button:hover { opacity: .7; } .screen-reader-text { position: absolute !important; 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%); } .off-canvas-inner::-webkit-scrollbar { width: 4px; } .gallery-popup-selection::-webkit-scrollbar { width: 4px; } .off-canvas-inner::-webkit-scrollbar-track { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); } .gallery-popup-selection::-webkit-scrollbar-track { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); } .off-canvas-inner::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background-color: #333; } .gallery-popup-selection::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background-color: #333; } input::placeholder, textarea::placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size: .9em; opacity: .7; color: currentColor; } .off-canvas-nav .rb-error { padding-right: 30px; } .rbi { font-family: 'ruby-icon' !important; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^='rbi-'], [class='rbi-'] { font-family: 'ruby-icon' !important; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 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-x-twitter:before { content: '\e972'; } .rbi-no-sound:before { content: '\e96b'; } .rbi-volume:before { content: '\e96c'; } .rbi-play:before { content: '\e96d'; } .rbi-cright:before { content: '\e96e'; } .rbi-cleft:before { content: '\e96f'; } .rbi-cdown:before { content: '\e970'; } .rbi-cup:before { content: '\e971'; } .rbi-flash:before { content: '\e960'; } .rbi-not-allow:before { content: '\e961'; } .rbi-chart:before { content: '\e962'; } .rbi-secure:before { content: '\e963'; } .rbi-bookmark-fill:before { content: '\e965'; } .rbi-trending:before { content: '\e966'; } .rbi-notification:before { content: '\e967'; } .rbi-information:before { content: '\e968'; } .rbi-help:before { content: '\e969'; } .rbi-warning:before { content: '\e96a'; } .rbi-idea:before { content: '\e95f'; } .rbi-tiktok:before { content: '\e95e'; } .rbi-telegram:before { content: '\e938'; } .rbi-tribe:before { content: '\e939'; } .rbi-sina:before { content: '\e93a'; } .rbi-wikipedia:before { content: '\e93b'; } .rbi-etsy:before { content: '\e93c'; } .rbi-stumble:before { content: '\e93d'; } .rbi-spotify:before { content: '\e937'; } .rbi-deezer:before { content: '\e936'; } .rbi-bookmark-black:before { content: '\e931'; } .rbi-upload:before { content: '\e92e'; } .rbi-book:before { content: '\e92f'; } .rbi-bookmark:before { content: '\e930'; } .rbi-heart-o:before { content: '\e91b'; } .rbi-bag-add:before { content: '\e91d'; } .rbi-bag-o:before { content: '\e91e'; } .rbi-bag-added:before { content: '\e91f'; } .rbi-cart-money:before { content: '\e920'; } .rbi-cart-added:before { content: '\e921'; } .rbi-cart-add:before { content: '\e922'; } .rbi-gallery:before { content: '\e904'; } .rbi-vinyl:before { content: '\e906'; } .rbi-audio:before { content: '\e905'; } .rbi-gallery-light:before { content: '\e903'; } .rbi-shop-bag:before { content: '\e901'; } .rbi-envelope:before { content: '\e818'; } .rbi-inbox:before { content: '\e81a'; } .rbi-printer:before { content: '\e81c'; } .rbi-phone-handset:before { content: '\e830'; } .rbi-map:before { content: '\e834'; } .rbi-laptop:before { content: '\e83c'; } .rbi-bullhorn:before { content: '\e859'; } .rbi-undo:before { content: '\e860'; } .rbi-sync:before { content: '\e862'; } .rbi-thumbs-up:before { content: '\e86d'; } .rbi-thumbs-down:before { content: '\e86e'; } .rbi-move:before { content: '\e870'; } .rbi-chevron-up:before { content: '\e873'; } .rbi-chevron-down:before { content: '\e874'; } .rbi-chevron-left:before { content: '\e875'; } .rbi-chevron-right:before { content: '\e876'; } .rbi-arrow-up:before { content: '\e877'; } .rbi-arrow-down:before { content: '\e878'; } .rbi-arrow-left:before { content: '\e879'; } .rbi-arrow-right:before { content: '\e87a'; } .rbi-warning-o:before { content: '\e87c'; } .rbi-question:before { content: '\e87d'; } .rbi-menu:before { content: '\e87e'; } .rbi-checkmark:before { content: '\e87f'; } .rbi-expand:before { content: '\e88c'; } .rbi-contract:before { content: '\e88d'; } .rbi-bag:before { content: '\e615'; } .rbi-search-light:before { content: '\e618'; } .rbi-dots:before { content: '\e632'; } .rbi-check:before { content: '\e90d'; } .rbi-circle:before { content: '\e900'; } .rbi-folder:before { content: '\e913'; } .rbi-link-line:before { content: '\e914'; } .rbi-minus:before { content: '\e90e'; } .rbi-search:before { content: '\e929'; } .rbi-bag-round:before { content: '\e915'; } .rbi-tag-round:before { content: '\e916'; } .rbi-trello:before { content: '\e917'; } .rbi-zap:before { content: '\e918'; } .rbi-facebook:before { content: '\62'; } .rbi-amazon:before { content: '\63'; } .rbi-twitter:before { content: '\64'; } .rbi-google:before { content: '\65'; } .rbi-pinterest-i:before { content: '\66'; } .rbi-linkedin:before { content: '\67'; } .rbi-dribble:before { content: '\68'; } .rbi-vk:before { content: '\69'; } .rbi-tumblr:before { content: '\6a'; } .rbi-shopping-bag:before { content: '\6e'; } .rbi-play-button:before { content: '\79'; } .rbi-picture:before { content: '\7a'; } .rbi-flickr:before { content: '\6b'; } .rbi-soundcloud:before { content: '\6f'; } .rbi-vimeo:before { content: '\44'; } .rbi-reddit:before { content: '\45'; } .rbi-skype:before { content: '\46'; } .rbi-steam:before { content: '\48'; } .rbi-app-store:before { content: '\49'; } .rbi-drupal:before { content: '\4a'; } .rbi-evernote:before { content: '\4b'; } .rbi-photobucket:before { content: '\4c'; } .rbi-sharethis:before { content: '\4d'; } .rbi-squarespace:before { content: '\4e'; } .rbi-yelp:before { content: '\4f'; } .rbi-email-envelope:before { content: '\50'; } .rbi-trend:before { content: '\52'; } .rbi-clock:before { content: '\53'; } .rbi-comments:before { content: '\56'; } .rbi-flame:before { content: '\55'; } .rbi-dribbble:before { content: '\58'; } .rbi-whatsapp:before { content: '\5a'; } .rbi-myspace:before { content: '\30'; } .rbi-youtube:before { content: '\31'; } .rbi-digg:before { content: '\33'; } .rbi-instagram:before { content: '\34'; } .rbi-snapchat:before { content: '\37'; } .rbi-heart:before { content: '\6c'; } .rbi-rss:before { content: '\42'; } .rbi-music:before { content: '\43'; } .rbi-tag:before { content: '\59'; } .rbi-behance:before { content: '\32'; } .rbi-blogger:before { content: '\35'; } .rbi-dropbox:before { content: '\36'; } .rbi-ping:before { content: '\39'; } .rbi-github-alt:before { content: '\22'; } .rbi-icq:before { content: '\23'; } .rbi-paypal:before { content: '\24'; } .rbi-picassa:before { content: '\21'; } .rbi-ebay:before { content: '\27'; } .rbi-baidu:before { content: '\28'; } .rbi-bing:before { content: '\29'; } .rbi-kik:before { content: '\25'; } .rbi-podcast-o:before { content: '\26'; } .rbi-help1:before { content: '\2a'; } .rbi-card:before { content: '\2c'; } .rbi-translation:before { content: '\2d'; } .rbi-payment:before { content: '\2f'; } .rbi-git:before { content: '\3b'; } .rbi-wechat:before { content: '\3d'; } .rbi-visa:before { content: '\3f'; } .rbi-master-card:before { content: '\5b'; } .rbi-stripe:before { content: '\5d'; } .rbi-cc:before { content: '\5e'; } .rbi-tripadvisor:before { content: '\5f'; } .rbi-500px:before { content: '\60'; } .rbi-apple:before { content: '\38'; } .rbi-buffer:before { content: '\2e'; } .rbi-infinite:before { content: '\3a'; } .rbi-record:before { content: '\3c'; } .rbi-yahoo-buzz:before { content: '\7c'; } .rbi-quora:before { content: '\7d'; } .rbi-zerply:before { content: '\7e'; } .rbi-formspring:before { content: '\5c'; } .rbi-foursquare:before { content: '\e000'; } .rbi-hype-machine:before { content: '\e001'; } .rbi-google-buzz:before { content: '\e002'; } .rbi-arto:before { content: '\e003'; } .rbi-aws:before { content: '\e004'; } .rbi-basecamp:before { content: '\e005'; } .rbi-share:before { content: '\e006'; } .rbi-aim-alt:before { content: '\e007'; } .rbi-aim:before { content: '\e008'; } .rbi-coroflot:before { content: '\e009'; } .rbi-dailybooth:before { content: '\e00a'; } .rbi-ember:before { content: '\e00b'; } .rbi-itunes:before { content: '\e00c'; } .rbi-share-o:before { content: '\e00d'; } .rbi-pin:before { content: '\e00e'; } .rbi-attachment:before { content: '\e00f'; } .rbi-link:before { content: '\e010'; } .rbi-puzzle:before { content: '\e011'; } .rbi-music-tone:before { content: '\e012'; } .rbi-drop:before { content: '\e013'; } .rbi-radio:before { content: '\e014'; } .rbi-chat:before { content: '\e015'; } .rbi-voice:before { content: '\e016'; } .rbi-phone:before { content: '\e017'; } .rbi-destop:before { content: '\e018'; } .rbi-award:before { content: '\e019'; } .rbi-quote-o:before { content: '\e910'; } .rbi-quote:before { content: '\e90f'; } .rbi-location:before { content: '\e92a'; } .rbi-paperplane:before { content: '\e902'; } .rbi-key:before { content: '\e94f'; } .rbi-mobile-share:before { content: '\e93f'; } .rbi-plus:before { content: '\e950'; } .rbi-remove:before { content: '\e951'; } .rbi-tethering:before { content: '\e940'; } .rbi-cloud:before { content: '\e941'; } .rbi-cloud-download:before { content: '\e942'; } .rbi-cloud-upload:before { content: '\e943'; } .rbi-security:before { content: '\e952'; } .rbi-adjust:before { content: '\e944'; } .rbi-camera:before { content: '\e953'; } .rbi-pdf:before { content: '\e954'; } .rbi-style:before { content: '\e945'; } .rbi-bike:before { content: '\e946'; } .rbi-local-mall:before { content: '\e955'; } .rbi-print:before { content: '\e956'; } .rbi-wifi:before { content: '\e947'; } .rbi-person:before { content: '\e957'; } .rbi-favorite:before { content: '\e958'; } .rbi-exit:before { content: '\e959'; } .rbi-trend-down:before { content: '\e948'; } .rbi-trend-up:before { content: '\e949'; } .rbi-fingerprint:before { content: '\e94a'; } .rbi-file:before { content: '\e95a'; } .rbi-peoples:before { content: '\e95b'; } .rbi-foot:before { content: '\e95c'; } .rbi-user:before { content: '\e95d'; } .rbi-arrow-up-right:before { content: '\e93e'; } .rbi-map-pin:before { content: '\e934'; } .rbi-grid:before { content: '\e935'; } .rbi-fish-eye:before { content: '\e933'; } .rbi-eye:before { content: '\e911'; } .rbi-bell:before { content: '\e92b'; } .rbi-hard-drive:before { content: '\e932'; } .rbi-youtube-o:before { content: '\e92d'; } .rbi-chart-o:before { content: '\e91a'; } .rbi-clock-round:before { content: '\e8b5'; } .rbi-chat-bubble:before { content: '\e0ca'; } .rbi-calendar:before { content: '\e919'; } .rbi-images:before { content: '\e3d3'; } .rbi-mall:before { content: '\e54c'; } .rbi-power:before { content: '\e336'; } .rbi-timeline:before { content: '\e923'; } .rbi-graph:before { content: '\e912'; } .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-currency-dollar:before { content: '\e928'; } .rbi-write:before { content: '\e90c'; } .rbi-quill:before { content: '\e90b'; } .rbi-podcast:before { content: '\e91c'; } .rbi-clock-bold:before { content: '\e94e'; } .rbi-database:before { content: '\e964'; } .rbi-load:before { content: '\e97a'; } .rbi-spinner:before { content: '\e97b'; } .rbi-spinner-line:before { content: '\e97c'; } .rbi-pinterest:before { content: '\ead1'; } .rbi-renren:before { content: '\ea99'; } .rbi-github:before { content: '\eab0'; } .rbi-android:before { content: '\eac0'; } .rbi-lastfm:before { content: '\eacb'; } .rbi-stumbleupon:before { content: '\eace'; } .rbi-stackoverflow:before { content: '\ead0'; } .rbi-medium:before { content: '\e94d'; } .rbi-bug:before { content: '\e94b'; } .rbi-cc-paypal:before { content: '\e94c'; } .rbi-bell-o:before { content: '\e92c'; } .rbi-star-half:before { content: '\e908'; } .rbi-star:before { content: '\e909'; } .rbi-star-full:before { content: '\e90a'; } .rbi-tags:before { content: '\e907'; } .rbi-search-alt:before { content: '\e977'; } .rbi-sun:before { content: '\e976'; } .rbi-moon:before { content: '\e975'; } .rbi-bookmark-o:before { content: '\e974'; } .rbi-lock:before { content: '\e973'; } .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-pinterest-i:before, .rtl .rbi.rbi-reddit: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-x-twitter:before, .rtl .rbi.rbi-twitter-old:before, .rtl .rbi.rbi-viber:before, .rtl .rbi.rbi-vimeo:before, .rtl .rbi.rbi-vk:before, .rtl .rbi.rbi-waze:before, .rtl .rbi.rbi-whatsapp:before, .rtl .rbi.rbi-yelp:before, .rtl .rbi.rbi-youtube:before, .rtl .rbi.rbi-youtube-o:before, .rtl .rbi.rbi-myspace:before, .rtl .rbi.rbi-rss:before, .rtl .rbi.rbi-print:before, .rtl .rbi.rbi-facebook:before, .rtl .rbi.rbi-gnews:before, .rtl .rbi.rbi-skype:before, .rtl .rbi.rbi-myspace:before { /*rtl:ignore*/ -webkit-transform: none; /*rtl:ignore*/ transform: none; } /* -------------------------------------------------------------- 2.0 - RUBY GRID */ .rb-row { display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; } [class^='rb-col'], [class*='rb-col'] { display: flex; flex-flow: row wrap; min-width: 0; } [class^='rb-col'] > .p-wrap, [class*='rb-col'] > .p-wrap { flex-grow: 1; } .is-border-dark { --column-border-color: currentColor; } .is-b-border-dark { --bottom-border-color: currentColor; } .is-border-gray-dot { --column-border-style: dotted; } .is-b-border-gray-dot { --bottom-border-style: dotted; } .is-border-dark-dot { --column-border-color: currentColor; --column-border-style: dotted; } .is-b-border-dark-dot { --bottom-border-color: currentColor; --bottom-border-style: dotted; } .is-border-gray-dash { --column-border-style: dashed; } .is-b-border-gray-dash { --bottom-border-style: dashed; } .is-border-dark-dash { --column-border-color: currentColor; --column-border-style: dashed; } .is-b-border-dark-dash { --bottom-border-color: currentColor; --bottom-border-style: dashed; } .rb-n10-gutter { margin-right: -10px; margin-left: -10px; } .rb-n15-gutter { margin-right: -15px; margin-left: -15px; } .rb-n20-gutter { margin-right: -20px; margin-left: -20px; } .rb-m20-gutter { margin-right: 20px; margin-left: 20px; } .rb-p10-gutter { padding-right: 10px; padding-left: 10px; } .rb-p15-gutter { padding-right: 15px; padding-left: 15px; } .rb-p20-gutter { padding-right: 20px; padding-left: 20px; } .rb-n10-all { margin: -10px; } .rb-p10-all { padding: 10px; } .rb-n15-all { margin: -15px; } .rb-p15-all { padding: 15px; } .rb-sh { display: flex; align-items: stretch; } .rb-sh .p-wrap { flex-grow: 1; } .rb-col-m1 { flex: 0 0 8.333%; max-width: 8.333%; } .rb-col-m2 { flex: 0 0 16.666%; max-width: 16.666%; } .rb-col-m3 { flex: 0 0 25%; max-width: 25%; } .rb-col-m4 { flex: 0 0 33.333%; max-width: 33.333%; } .rb-col-m5 { flex: 0 0 41.666%; max-width: 41.666%; } .rb-col-m6 { flex: 0 0 50%; max-width: 50%; } .rb-col-m7 { flex: 0 0 58.333%; max-width: 58.333%; } .rb-col-m8 { flex: 0 0 66.666%; max-width: 66.666%; } .rb-col-m9 { flex: 0 0 75%; max-width: 75%; } .rb-col-m10 { flex: 0 0 83.333%; max-width: 83.333%; } .rb-col-m11 { flex: 0 0 91.666%; max-width: 91.6666%; } .rb-col-m12 { flex: 0 0 100%; max-width: 100%; } .rb-col-5m { flex: 0 0 20%; max-width: 20%; } @media all and (min-width: 768px) { .rb-col-1 .content-inner > * { flex-basis: 100%; width: 100%; } .rb-col-2 .content-inner > * { flex-basis: 50%; width: 50%; } .rb-col-3 .content-inner > * { flex-basis: 33.33%; width: 33.33%; } .rb-col-4 .content-inner > * { flex-basis: 25%; width: 25%; } .rb-col-5 .content-inner > * { flex-basis: 20%; width: 20%; } .rb-col-6 .content-inner > * { flex-basis: 16.66%; width: 16.66%; } .rb-col-7 .content-inner > * { flex-basis: 14.25%; width: 14.25%; } .rb-col-t1 { flex: 0 0 8.333%; max-width: 8.333%; } .rb-col-t2 { flex: 0 0 16.666%; max-width: 16.666%; } .rb-col-t3 { flex: 0 0 25%; max-width: 25%; } .rb-col-t4 { flex: 0 0 33.333%; max-width: 33.333%; } .rb-col-t5 { flex: 0 0 41.666%; max-width: 41.666%; } .rb-col-t6 { flex: 0 0 50%; max-width: 50%; } .rb-col-t7 { flex: 0 0 58.333%; max-width: 58.333%; } .rb-col-t8 { flex: 0 0 66.666%; max-width: 66.666%; } .rb-col-t9 { flex: 0 0 75%; max-width: 75%; } .rb-col-t10 { flex: 0 0 83.333%; max-width: 83.333%; } .rb-col-t11 { flex: 0 0 91.666%; max-width: 91.6666%; } .rb-col-t12 { flex: 0 0 100%; max-width: 100%; } } @media all and (min-width: 992px) { .rb-col-d1 { flex: 0 0 8.333%; max-width: 8.333%; } .rb-col-d2 { flex: 0 0 16.666%; max-width: 16.666%; } .rb-col-d3 { flex: 0 0 25%; max-width: 25%; } .rb-col-d4 { flex: 0 0 33.333%; max-width: 33.333%; } .rb-col-d5 { flex: 0 0 41.666%; max-width: 41.666%; } .rb-col-d6 { flex: 0 0 50%; max-width: 50%; } .rb-col-d7 { flex: 0 0 58.333%; max-width: 58.333%; } .rb-col-d8 { flex: 0 0 66.666%; max-width: 66.666%; } .rb-col-d9 { flex: 0 0 75%; max-width: 75%; } .rb-col-d10 { flex: 0 0 83.333%; max-width: 83.333%; } .rb-col-d11 { flex: 0 0 91.666%; max-width: 91.6666%; } .rb-col-d12 { flex: 0 0 100%; max-width: 100%; } .rb-col-5d { flex: 0 0 20%; max-width: 20%; } } /* -------------------------------------------------------------- 3.0 -COMMON ELEMENTS */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Quicksand', sans-serif; font-weight: 700; -ms-word-wrap: break-word; word-wrap: break-word; } h1, .h1 { font-size: 2.5rem; line-height: 1.15; } h2, .h2 { font-size: 1.625rem; line-height: 1.25; } h3, .h3 { font-size: 1.25rem; line-height: 1.25; } h4, .h4 { font-size: 1rem; line-height: 1.45; } .h5, h5 { font-size: .925rem; line-height: 1.5; } h6, .h6 { font-size: .875rem; line-height: 1.5; } .is-hidden { display: none !important; } .is-hide { opacity: 0 !important; } .opacity-animate { -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); } .end-list, .content-inner > .end-list { flex-basis: 100%; width: 100%; } .end-list-info { font-size: .85rem; font-style: italic; display: block; padding-top: 5px; padding-bottom: 20px; text-align: center; opacity: .7; } textarea { font-family: 'Montserrat', sans-serif; font-size: .875rem !important; font-weight: 400; line-height: 1.7; display: block; width: 100%; max-width: 100%; padding: 15px 20px; -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); border: none; outline: none; background-color: rgba(0, 0, 0, .025); -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } input[type='text'], input[type='tel'], input[type='password'], input[type='email'], input[type='url'], input[type='search'], input[type='number'] { font-family: 'Montserrat', sans-serif; font-size: .875rem; font-weight: 400; line-height: 22px; max-width: 100%; padding: 10px 25px; -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); white-space: nowrap; border: none; outline: none !important; background-color: rgba(0, 0, 0, .025); -webkit-box-shadow: none !important; box-shadow: none !important; } input[type='submit'], button { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; line-height: 40px; padding: 0 40px; cursor: pointer; -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); white-space: nowrap; color: #fff; border: none; -webkit-border-radius: 0; border-radius: 0; outline: none !important; background: none; background-color: #333; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .load-animation, .loadmore-animation { position: absolute; z-index: 992; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none !important; background-color: transparent; background-image: url('../images/loading.svg'); background-repeat: no-repeat; background-position: center; background-size: 50px; } .live-search-animation { top: 0; right: 0; bottom: auto; left: auto; display: none; width: 56px; height: 56px; background-color: transparent !important; background-size: 26px; } .live-search-submit.p-link { margin-right: auto; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } input[type='number'] { -moz-appearance: textfield; } .loadmore-animation { display: none; opacity: 0; background-size: 32px; } input[type='submit']:hover, input[type='submit']:focus, button:hover, button:focus, input[type='button']:hover, input[type='button']:focus { background-color: var(--g-color); } input[type='file'] { font-size: 14px; padding: 10px 100px 10px 10px; background-color: #f9f9f9; box-shadow: none; } button.pswp__button, button.pswp__button:hover, button.pswp__button:focus { -webkit-border-radius: 0; border-radius: 0; } .rbi-apple:before { font-size: 1.25em; } label { font-size: .85rem; line-height: 1.7; } .tipsy { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; position: absolute; z-index: 100000; padding: 5px; } .tipsy-inner { font-family: inherit; line-height: 1; max-width: 200px; padding: 7px; text-align: center; letter-spacing: inherit; color: #fff; background-color: #333; } .tipsy-arrow { line-height: 0; position: absolute; width: 0; height: 0; border: 5px dashed #333; } .tipsy-arrow-n { border-bottom-color: #333; } .tipsy-n .tipsy-arrow { top: 0; 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: 0; 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: 0; margin-top: -5px; border-top-color: transparent; border-right: none; border-bottom-color: transparent; border-left-style: solid; } 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); } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-right-color: transparent; border-bottom: none; border-left-color: transparent; } .mfp-bg { position: fixed; z-index: 9840; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; opacity: 0; background: #000; } .mfp-hide { display: none !important; } .mfp-wrap { position: fixed; z-index: 9845; top: 0; left: 0; width: 100%; height: 100%; outline: none !important; } .mfp-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; text-align: center; } .admin-bar .mfp-container { top: 32px; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; z-index: 9990; 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 { cursor: pointer; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -moz-user-select: none; -webkit-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-preloader { position: absolute; z-index: 1044; top: 50%; right: 8px; left: 8px; width: auto; margin-top: -0.8em; text-align: center; color: #ccc; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { font-size: 18px; font-weight: lighter; line-height: 50px; position: absolute; z-index: 99999; top: 0; right: 0; bottom: auto; left: auto; display: block; overflow: visible; width: 50px; height: 50px; padding: 0; cursor: pointer; border: 0; -webkit-border-radius: 0 !important; border-radius: 0 !important; outline: none; -webkit-box-shadow: none; box-shadow: none; } .is-light-text .mfp-close, [data-theme='dark'] .mfp-close { background-color: transparent; } .mfp-close:hover, [data-theme='dark'] .mfp-close:hover, .is-light-text .mfp-close:hover { color: #fff; background-color: var(--g-color); } .mfp-close *, .mfp-arrow * { pointer-events: none !important; } .mfp-counter { font-size: .875rem; opacity: .5; color: #fff; } .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: black; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } img.mfp-img { line-height: 0; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; max-width: 100%; height: auto; margin: 0 auto; padding: 10px 0; -webkit-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1); transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1); backface-visibility: hidden; } .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: ''; } .mfp-figure small { font-size: 12px; line-height: 14px; display: block; color: #bdbdbd; } .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-figure img { cursor: pointer; } /* Adblock */ .mfp-bg.mfp-ready.popup-animation.site-access-popup { opacity: .96; } .site-access-inner { display: flex; flex-flow: column nowrap; width: auto; max-width: 600px; padding: 50px; text-align: center; color: #fff; border-radius: 5px; background-color: #d60a3a; box-shadow: 0 5px 30px #0000001f; } .h2.site-access-title { color: #fff; } .site-access-inner > *:not(:last-child) { margin-bottom: 20px; } .site-access-popup { display: flex; align-items: center; justify-content: center; } .site-access-image i { font-size: 100px; } .site-access-btn .is-btn { font-size: 1rem; line-height: 40px; display: inline-flex; padding: 0 40px; cursor: pointer; -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);; white-space: nowrap; color: #000; background-color: #fff; } .site-access-btn .is-btn:hover { color: #fff; background-color: #000; } .site-access-description { font-size: 1.2rem; } #rb-checktag { position: absolute; top: auto; right: auto; bottom: 0; left: 0; } #rb-adbanner { min-height: 1px; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-right: 0; padding-left: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { position: fixed; top: auto; bottom: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 3px 5px; background: rgba(0, 0, 0, 0.6); } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { top: 3px; right: 5px; } .mfp-img-mobile .mfp-close { line-height: 35px; position: fixed; top: 0; right: 0; width: 35px; height: 35px; padding: 0; text-align: center; background: rgba(0, 0, 0, 0.6); } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-right: 7px; padding-left: 7px; } .rb-gallery-popup .mfp-container { padding-right: 0; padding-left: 0; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { left: 50%; width: 600px; margin-top: 5px; margin-left: -300px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .mfp-bg.rb-popup-effect { -webkit-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1); transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1); opacity: 0; } .mfp-bg.mfp-ready.rb-popup-effect { opacity: .9; } .mfp-removing.mfp-bg.mfp-ready.rb-popup-effect { opacity: 0 !important; } .rb-popup-effect .mfp-content { -webkit-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1); transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1); opacity: 0; } .rb-popup-effect.mfp-ready .mfp-content { opacity: 1; } .rb-popup-effect.mfp-removing .mfp-content { opacity: 0; } .response-notice { display: none; text-align: center; } .response-notice.is-show { z-index: 9999; display: block; } .rb-newsletter-popup { position: relative; display: flex; overflow: hidden; width: 100%; max-width: 760px; height: 480px; max-height: 90vh; margin: auto; background-color: #fff; } [data-theme='dark'] .rb-newsletter-popup { background-color: #282828; } .rb-newsletter-popup .rb-newsletter { display: block; width: 100%; height: 100%; } .newsletter-cover img { width: 100%; height: 100%; object-fit: cover; } .rb-newsletter-popup .rb-newsletter-inner, .rb-newsletter-popup .rb-newsletter .rb-newsletter-inner { display: flex; flex-flow: row nowrap; max-width: 100%; height: 100%; margin-right: 0; margin-left: 0; } .rb-newsletter-popup .newsletter-cover, .rb-newsletter-popup .newsletter-content { display: flex; flex: 0 0 50%; width: 50%; } .rb-newsletter-popup .newsletter-cover { overflow: hidden; background-color: rgba(0, 0, 0, .07); } .rb-newsletter .newsletter-content { flex-flow: column nowrap; justify-content: center; padding: 30px; text-align: center; } .rb-newsletter input.newsletter-email { width: 100%; margin-right: auto; margin-bottom: 15px; margin-left: auto; padding-right: 0; padding-left: 0; text-align: center; border: none; border-bottom: 2px solid currentColor !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; background: none; } .rb-newsletter-popup input.newsletter-email { width: 80%; } .rb-newsletter h4 { font-size: 1.3rem; margin-bottom: 10px; } .rb-newsletter form { margin-top: 15px; } .rb-newsletter input[type='email']:focus { text-align: left; } .rb-newsletter button[type='submit'] { padding: 0 60px; letter-spacing: .02em; } .rb-newsletter-popup .rb-newsletter-inner > *:nth-child(1):not(.newsletter-cover) { flex: 1; width: 100%; } .newsletter-privacy { display: block; margin-top: 10px; } .newsletter-privacy label { font-size: .8rem; } input[type=checkbox].newsletter-checkbox + label { cursor: pointer; } input[type=checkbox].newsletter-checkbox { display: none; opacity: 0; } input[type='checkbox'].newsletter-checkbox + label:before { font-size: 10px; line-height: 1; display: inline-block; width: .8rem; height: .8rem; margin: 0 7px 0 0; padding: 1px; content: '\2714'; -webkit-transition: all .15s cubic-bezier(0.32, 0.74, 0.57, 1); transition: all .15s cubic-bezier(0.32, 0.74, 0.57, 1); vertical-align: middle; color: transparent; border: 1px solid #8882; -webkit-border-radius: 2px; border-radius: 2px; } input[type='checkbox'] + label:active:before { -webkit-transform: scale(0); transform: scale(0); } input[type='checkbox'].newsletter-checkbox:checked + label:before { color: #fff; border-color: var(--g-color); background-color: var(--g-color); } input[type='checkbox'].newsletter-checkbox:disabled + label:before { -webkit-transform: scale(1); transform: scale(1); border-color: #aaa; } input[type='checkbox'].newsletter-checkbox:checked:disabled + label:before { -webkit-transform: scale(1); transform: scale(1); color: #fff; border-color: #ffcfdb; background-color: #ffcfdb; } .widget-area .widget .newsletter-desc p, .rb-newsletter input.newsletter-email { font-size: .9rem; } .newsletter-inner-cover { display: block; overflow: hidden; max-width: 100%; margin: 20px auto; } .response-notice { font-size: .875rem; position: fixed; right: 20px; bottom: 40px; display: none; min-width: 300px; padding: 10px 40px; -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); white-space: nowrap; opacity: 0; color: #fff; background-color: #333; -webkit-box-shadow: 1px 7px 15px rgba(0, 0, 0, .15); box-shadow: 1px 7px 15px rgba(0, 0, 0, .15); } .response-notice.showing { -webkit-transition-delay: .2s; transition-delay: .2s; opacity: 1; } .response-notice.email-exists, .response-notice.privacy-error { background-color: #ff6d5e } .response-notice.email-error { background-color: #f84242; } .response-notice.success { background-color: #79a468; } #rb-close-newsletter { color: #333; background-color: rgba(0, 0, 0, .07); } #rb-close-newsletter:hover { color: #fff; background-color: var(--g-color); } .rb-newsletter-popup .rb-newsletter .newsletter-input { flex-flow: row wrap; justify-content: center; } .rb-newsletter-popup .newsletter-privacy { justify-content: center; } .gallery-header { text-align: center; } .single-rb-gallery .gallery-header .entry-title { margin-bottom: 0; } .rb-gallery-wrap { position: relative; display: block; width: 100%; padding-bottom: 60px; } .rb-gallery-wrap .gallery-inner { position: relative; display: block; overflow: hidden; margin: -10px; } .rb-gallery-wrap.is-wide .gallery-inner { margin-right: 0; margin-left: 0; } .rb-gallery-wrap:after { position: absolute; bottom: 10px; left: 50%; display: block; width: 200px; height: 10px; margin-left: -100px; content: ''; opacity: .25; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .single-rb-gallery .is-dark-style .rb-gallery-wrap { padding-bottom: 0; } .single-rb-gallery .is-dark-style .rb-gallery-wrap:after { display: none; } .gallery-content .entry-content { max-width: 900px; margin-right: auto; margin-bottom: 50px; margin-left: auto; } .rb-gallery-wrap { padding-right: 10px; padding-left: 10px; } .rb-gallery-el { display: block; float: left; width: 33.33%; padding: 10px; } .rb-gallery-el img { display: block; width: 100%; height: auto; } .rb-sizer-2 .rb-gallery-el { width: 50%; } .rb-sizer-4 .rb-gallery-el { width: 25%; } .rb-sizer-5 .rb-gallery-el { width: 20%; } .gallery-loading { position: relative; display: block; overflow: hidden; min-height: 300px; opacity: .1; } .gallery-inner { -webkit-transition: all .3s; transition: all .3s; } .gallery-feat-holder { position: relative; display: block; overflow: hidden; } .single-rb-gallery .is-dark-style { margin-bottom: 50px; background-color: #282828; } .rb-gallery-link { position: relative; display: block; overflow: hidden; width: 100%; height: auto; } .rb-gallery-link:after { font-family: ruby-icon; font-size: 30px; line-height: 1; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: flex; visibility: hidden; align-items: center; justify-content: center; content: '\e88c'; -webkit-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1); pointer-events: none; opacity: 0; color: #fff; background-color: rgba(0, 0, 0, .5); } .rb-gallery-link:hover:after, .rb-gallery-link:focus:after { visibility: visible; opacity: 1; } .gallery-shares { font-size: 18px; display: block; margin-top: 50px; text-align: center; } .gallery-shares a { line-height: 42px; display: inline-block; width: 42px; height: 42px; margin: 0 4px; background-color: #8881; } .is-dark-style .gallery-shares a { background-color: rgba(255, 255, 255, .07); } @media only screen and (max-width: 1400px) { .rb-newsletter-popup { max-width: 680px; height: 440px; } #rb-close-newsletter { font-size: 15px; line-height: 42px; width: 42px; height: 42px; } } .read-it-later { visibility: hidden; cursor: pointer; -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); opacity: 0; } .meta-info-el.mobile-bookmark { display: none; } .p-wrap:hover .read-it-later { opacity: 1; } .read-it-later.loaded { visibility: visible; } .read-it-later.loaded.added { opacity: 1; } .read-it-later i { font-size: .75em; line-height: 1; padding-left: 2px; } .mobile-bookmark .read-it-later i { font-size: 1.1em; } .read-it-later.added i:before { content: '\e931'; } @media only screen and (max-width: 991px) { .meta-info-el.mobile-bookmark { display: flex; } .read-it-later { display: none !important; } .meta-info-el.mobile-bookmark .read-it-later { display: block !important; } .mobile-bookmark .read-it-later.loaded { opacity: 1; } .is-post-shadow.p-grid-1 { padding: 0 20px 30px 20px; } .is-post-shadow.p-grid-1 .p-feat-holder { margin-right: -20px; margin-left: -20px; } } @media only screen and (min-width: 1200px) { .single-rb-gallery .is-dark-style .wrap { margin-top: 60px; margin-bottom: 60px; } .single-rb-gallery .entry-header { margin-bottom: 30px; } } @media only screen and (max-width: 911px) { .rb-gallery-el { width: 50%; } .rb-sizer-4 .rb-gallery-el, .rb-sizer-5 .rb-gallery-el { width: 33.33%; } } @media only screen and (max-width: 767px) { .gallery-content .entry-content { margin-bottom: 35px; } .rb-gallery-el { padding: 5px; } .rb-gallery-wrap .gallery-inner { margin: -5px; } .rb-gallery-wrap { padding-right: 5px; padding-left: 5px; } .rb-gallery-el, .rb-sizer-4 .rb-gallery-el, .rb-sizer-5 .rb-gallery-el { width: 50%; } .rb-item { margin-bottom: 25px; } .rb-mcol-2 > .content-inner > * { flex-basis: 50%; width: 50%; } .is-mhoz-scroll .content-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 .content-inner::-webkit-scrollbar { display: none; } .is-mhoz-scroll .content-inner::webkit-scrollbar-thumb { display: none; } .is-mhoz-scroll .content-inner > * { min-width: var(--tablet-scroll-width, 40%); max-width: var(--tablet-scroll-width, 40%); } .is-mhoz-scroll.bottom-border .content-inner > *:before { display: none; } .is-hoz-scroll .content-inner > *, .is-mhoz-scroll .content-inner > * { min-width: var(--mobile-scroll-width, 70%); max-width: var(--mobile-scroll-width, 70%); } } .p-classic .p-feat, .single-1 .single-feat .rb-iwrap { flex-basis: 100%; flex-grow: 1; } @-webkit-keyframes rbShine { 0% { background-position: 0% 0%; } 100% { background-position: -135% 0%; } } @keyframes rbShine { 0% { background-position: 0% 0%; } 100% { background-position: -135% 0%; } } .rb-reaction { display: flex; flex-flow: row nowrap; justify-content: space-between; max-width: 700px; margin-right: auto; margin-left: auto; } .reaction { position: relative; flex: 0 0 85px; max-width: 85px; cursor: pointer; } .reaction-content { display: block; padding-top: 5px; padding-bottom: 5px; -webkit-transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1); transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1); background-color: transparent; } .reaction.active .reaction-content { border-color: #f9d045; } .reaction-content .reaction-icon { display: block; width: 100%; height: auto; margin: auto; padding-right: 20px; padding-left: 20px; -webkit-transition: transform .3s cubic-bezier(0.36, 0.8, 0.41, 1); transition: transform .3s cubic-bezier(0.36, 0.8, 0.41, 1); -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); will-change: transform; } .reaction:hover .reaction-icon { -webkit-transform: scale(1.4) rotate(-20deg); transform: scale(1.4) rotate(-20deg); } .reaction-content svg { max-width: 100%; height: auto; } .reaction-title.h6 { font-size: 13px; display: block; margin-top: 5px; text-align: center; white-space: nowrap; } .total-wrap { font-size: 1rem; font-weight: 700; line-height: 1.5; display: block; text-align: center; background-color: rgba(0, 0, 0, .025); } .reaction.active .total-wrap { color: #fff; background-color: #f9d045; } .reaction:before { content: ''; -webkit-transition: opacity .3s; transition: opacity .3s; pointer-events: none; opacity: 0; } .reaction.loading:before { font-family: 'ruby-icon'; font-size: 18px; line-height: 18px; position: absolute; top: 6px; right: 6px; bottom: auto; left: auto; display: block; width: auto; height: 18px; content: '\e97c'; -webkit-transform-origin: center; transform-origin: center; animation: reaction-spinner 2s linear infinite; letter-spacing: 0; opacity: 1; color: #f9d045; will-change: transform; } @keyframes reaction-spinner { to { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } .deals-wrap { position: relative; display: block; } .deals-inner { display: flex; flex-flow: row wrap; flex-grow: 1; margin-right: -15px; margin-bottom: -30px; margin-left: -15px; } .deals-inner > * { display: flex; align-items: flex-start; flex: 0 0 100%; width: 100%; padding: 0 15px; } .deal-module { position: relative; display: block; width: 100%; margin-bottom: 30px; } .deal-module .inner { padding: 25px 20px; background-color: rgba(0, 0, 0, .02); } .deal-feat { position: relative; display: block; } .deal-thumb img { width: 100%; } .deal-module:hover .post-edit-link { visibility: visible; opacity: 1; } .deal-module:hover .deal-thumb img { opacity: .5; } .deal-cards { position: absolute; z-index: 10; top: 15px; right: auto; bottom: auto; left: 0; display: flex; flex-flow: column nowrap; } .card-label span, .coupon-label span { line-height: 1; display: inline-flex; display: -webkit-inline-flex; align-items: center; padding: 7px 20px; text-align: center; white-space: nowrap; color: #fff; background-color: #4ca695; } .coupon-label span { margin-top: 5px; cursor: grab; background-color: #826abc; } .coupon-label i { font-size: 12px; line-height: 1; margin-right: 5px; } .deal-link { position: relative; display: block; padding-top: 25px; } .deal-link .p-link { display: inline-flex; flex-grow: 1; } .deal-link .p-link span { font-size: 1.15em; line-height: 1.2; white-space: pre-wrap; } .deal-link .p-link i { flex-grow: 0; } .deal-link:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 10px; content: ''; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .deal-title { display: block; margin-bottom: 15px; } .deal-module .deal-description { font-size: .85rem; margin-top: 0; margin-bottom: 15px; } .deal-module .deal-description > *:last-child { margin-bottom: 0; } .ele-round .deal-module { overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-border-radius: 10px; border-radius: 10px; } .statics-inner { display: flex; flex-flow: row wrap; margin-bottom: -20px; } .statics-el { display: flex; flex: 0 0 33.33%; min-width: 33.33%; } .rb-covid-statics.is-cols-2 .statics-el { flex: 0 0 50%; min-width: 50%; } .rb-covid-statics.is-cols-1 .statics-el { flex: 0 0 100%; min-width: 100%; } .rb-covid-statics.is-cols-4 .statics-el { flex: 0 0 25%; min-width: 25%; } .rb-covid-statics.is-cols-5 .statics-el { flex: 0 0 20%; min-width: 20%; } .statics-el .inner { display: flex; flex-flow: row wrap; flex-grow: 1; margin-bottom: 20px; -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(0, 0, 0, .02); } .country-name span:before { display: inline-block; width: 8px; height: 8px; margin-right: 7px; content: ''; opacity: .4; border-radius: 100%; background-color: currentColor; } .country-name { display: flex; flex: 0 0 100%; padding: 7px 15px; background-color: rgba(0, 0, 0, .05); } .country-confirmed, .country-dcount { position: relative; display: flex; align-items: center; flex: 0 0 50%; flex-flow: column wrap; flex-grow: 1; padding: 15px; } .country-dcount:before { position: absolute; top: 0; left: 0; width: 1px; height: 100%; content: ''; opacity: .07; background: currentColor; } .statics-el:not(:first-child) .country-confirmed .counter span { color: #2f77ff; } [data-theme='dark'] .statics-el:not(:first-child) .country-confirmed .counter span, .is-light-text .statics-el:not(:first-child) .country-confirmed .counter span { color: #c4d8ff; } .statics-el:not(:first-child) .country-dcount .counter span { color: #ff974b; } .statics-el:first-child .inner { color: #fff; background-color: var(--g-color); } .statics-el:first-child .inner * { color: inherit; } [data-theme='dark'] .statics-el:not(:first-child) .inner, .is-light-text .statics-el:not(:first-child) .inner { background-color: rgba(255, 255, 255, .07); } [data-theme='dark'] .elementor-button-wrapper > .elementor-button-link.elementor-button { color: #fff; background-color: rgba(255, 255, 255, .07); } .ele-round .statics-el .inner { overflow: hidden; -webkit-border-radius: 10px; border-radius: 10px; } .rb-covid-statics .date-info { display: block; width: 100%; margin-top: 10px; text-align: right; } .rb-categories { position: relative; display: block; } .rb-categories .inner, .rb-users .inner { display: flex; flex-flow: row wrap; } .rb-categories .inner > *, .rb-users .inner > * { display: flex; flex: 0 0 100%; max-width: 100%; } .rb-categories.is-cols-4 .rb-n20-gutter, .rb-categories.is-cols-5 .rb-n20-gutter, .rb-categories.is-cols-6 .rb-n20-gutter { margin-right: -10px; margin-left: -10px; } .rb-categories.is-cols-4 .rb-p20-gutter, .rb-categories.is-cols-5 .rb-p20-gutter, .rb-categories.is-cols-6 .rb-p20-gutter { padding-right: 10px; padding-left: 10px; } .rb-citem { position: relative; display: flex; flex: 0 0 100%; flex-flow: row nowrap; margin-bottom: 40px; } .citem-list .citem-feat { display: flex; flex: 0 0 250px; max-width: 50%; } .citem-feat > * { display: block; width: 100%; height: auto; } .citem-list .citem-content { display: flex; display: flex; align-content: flex-start; flex-flow: row wrap; flex-grow: 1; padding-top: 25px; padding-left: 25px; } .rb-categories.is-cols-4 .citem-content, .rb-categories.is-cols-5 .citem-content { padding-top: 0; padding-left: 15px; } .rb-categories.is-cols-4 .citem-decs, .rb-categories.is-cols-5 .citem-decs { margin-top: 5px; } .citem-list .rb-iwrap { padding-bottom: 125%; } .rb-citem h6.citem-title { margin-bottom: 0; } .rb-citem h6.citem-title a { color: inherit; } .rb-citem.citem-grid { display: block; } .rb-citem.citem-grid .citem-feat { margin-bottom: 12px; } .rb-citem.citem-grid .citem-content { padding-left: 0; } .layout-grid.circled .citem-grid .rb-iwrap { overflow: hidden; padding-bottom: 100%; transform: translateZ(0); -webkit-border-radius: 100%; border-radius: 100%; } .layout-grid.circled .citem-content { text-align: center; } .citem-feat img { -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); } .rb-citem:hover .citem-feat img { opacity: .7; } .rb-users .author-box { display: flex; width: 100%; margin-top: 0; margin-bottom: 30px; } .rb-users { margin-bottom: 10px; } .dark-mode-toggle { display: flex; align-items: center; height: 100%; -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); } .mode-icons { position: relative; cursor: pointer; } .mode-icons { font-size: 24px; width: 1em; height: 1em; } .mode-icons .rbi-sun { font-size: 1.05em; } .mode-icons .rbi-moon { font-size: .9em; } .dark-mode-icon { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; visibility: visible; align-items: center; justify-content: center; width: 100%; height: 100%; opacity: 1; } .dark-mode-icon:not(.activated) { visibility: hidden; opacity: 0; } body.switch-smooth { -webkit-transition: background-color .1s ease; transition: background-color .1s ease; } /* responsive (min-width) */ @media only screen and (min-width: 480px) { .deals-inner > * { flex: 0 0 50%; width: 50%; } .is-cols-3 .deals-inner > * { flex: 0 0 50%; width: 50%; } .is-cols-1 .deals-inner > * { flex: 0 0 100%; width: 100%; } } @media only screen and (max-width: 767px) { .rb-reaction { flex-flow: row wrap; justify-content: space-around; } .reaction { flex: 0 0 70px; margin-top: 5px; } .h6.reaction-title { display: none; } span.total-wrap { font-size: 11px; margin-top: 5px; } .reaction-content { padding-right: 2px; padding-bottom: 2px; } .reaction-content .reaction-icon { width: 40px; padding-right: 2px; padding-left: 2px; } .gallery-shares { font-size: 16px; margin-top: 30px; } .gallery-shares a { line-height: 32px; width: 32px; height: 32px; margin: 0 2px; } .rb-covid-statics .statics-el { flex: 0 0 100% !important; min-width: 100% !important; } .rb-categories.is-cols-4 .inner > *, .rb-categories.is-cols-5 .inner > *, .rb-categories.is-cols-6 .inner > * { flex: 0 0 50%; max-width: 50%; } body .mobile-hide { display: none; } } @media all and (min-width: 768px) { .rb-categories.is-cols-2 .inner > * { flex: 0 0 50%; max-width: 50%; } .rb-categories.is-cols-3 .inner > *, .rb-categories.is-cols-4 .inner > *, .rb-categories.is-cols-5 .inner > *, .rb-categories.is-cols-6 .inner > * { flex: 0 0 33.333%; max-width: 33.333%; } .rb-citem.citem-grid .citem-feat { margin-bottom: 20px; } } @media only screen and (min-width: 992px) { .deals-inner > * { flex: 0 0 25%; width: 25%; } .is-cols-3 .deals-inner > * { flex: 0 0 33.33%; width: 33.33%; } .is-cols-2 .deals-inner > * { flex: 0 0 50%; width: 50%; } .is-cols-1 .deals-inner > * { flex: 0 0 100%; width: 100%; } .is-cols-5 .deals-inner > * { flex: 0 0 20%; width: 20%; } .deals-inner { margin-bottom: -35px; } .deal-module { margin-bottom: 35px; } .rb-categories.is-cols-4 .inner > * { flex: 0 0 25%; max-width: 25%; } .rb-categories.is-cols-5 .inner > * { flex: 0 0 20%; max-width: 20%; } .rb-categories.is-cols-6 .inner > * { flex: 0 0 16.66%; max-width: 16.66%; } .rb-users.is-cols-2 .inner > * { flex: 0 0 50%; max-width: 50%; } } /** owl carousel */ .rb-owl { position: relative; z-index: 1; display: none; width: 100%; -webkit-tap-highlight-color: transparent; } .rb-owl .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .rb-owl .owl-stage:after { line-height: 0; display: block; visibility: hidden; clear: both; height: 0; content: '.'; } .rb-owl .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .rb-owl .owl-wrapper, .rb-owl .owl-item { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .rb-owl .owl-item { position: relative; float: left; min-height: 1px; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-item .jetpack-lazy-image:not(.jetpack-lazy-image--handled) { max-height: 50px; } .rb-owl .owl-nav.disabled, .rb-owl .owl-dots.disabled { display: none; } .rb-owl .owl-nav .owl-prev, .rb-owl .owl-nav .owl-next, .rb-owl .owl-dot { cursor: pointer; -webkit-user-select: none; user-select: none; } .rb-owl .owl-nav button.owl-prev, .rb-owl .owl-nav button.owl-next, .rb-owl button.owl-dot { font: inherit; padding: 0 !important; color: inherit; border: none !important; outline: none !important; background: none; -webkit-box-shadow: none !important; box-shadow: none !important; } .rb-owl.owl-loaded { display: block; } .rb-owl.owl-loading { display: block; opacity: 0; } .rb-owl.owl-hidden { opacity: 0; } .rb-owl.owl-refresh .owl-item { visibility: hidden; } .rb-owl.owl-drag .owl-item { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; } .rb-owl.owl-grab { cursor: grab; } .rb-owl.owl-rtl { direction: rtl; } .rb-owl.owl-rtl .owl-item { float: right; } .rb-owl .owl-nav { position: static; } .rb-owl-next, .rb-owl-prev { font-weight: 400; position: absolute; top: 50%; display: block; overflow: hidden; width: 32px; height: 100px; margin-top: -50px; cursor: pointer; -webkit-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1), background-color .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1), background-color .3s cubic-bezier(0.32, 0.74, 0.57, 1); text-align: center; opacity: 0; color: #fff; background-color: #333; -webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, .1); box-shadow: 1px 5px 10px rgba(0, 0, 0, .1); } .rb-owl-prev { right: auto; left: 15px; } .rb-owl-next { right: 15px; left: auto; } .rb-owl:hover .rb-owl-next, .rb-owl:hover .rb-owl-prev { opacity: .5; } .rb-owl .rb-owl-next:hover, .rb-owl .rb-owl-prev:hover { opacity: 1; color: #333; background: #fff; } .owl-nav i { font-size: 18px; line-height: 100px; position: relative; display: block; width: 32px; -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); text-align: center; } .owl-nav span { font-size: .7rem; line-height: 32px; position: absolute; top: 0; bottom: auto; left: 0; display: block; width: 100px; padding-left: .4em; -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); -webkit-transform: rotate(90deg) translate3d(0, 0, 0); transform: rotate(90deg) translate3d(0, 0, 0); -webkit-transform-origin: top left; transform-origin: top left; text-align: center; letter-spacing: .2rem; } .owl-nav > div:hover i { -webkit-transform: translate3d(32px, 0, 0); transform: translate3d(32px, 0, 0); } .owl-nav > div:hover span { -webkit-transform: rotate(90deg) translate3d(0, -30px, 0); transform: rotate(90deg) translate3d(0, -30px, 0); } .owl-nav .rb-owl-prev span { top: auto; bottom: 0; padding-left: 0; -webkit-transform: rotate(-90deg) translate3d(0, 64px, 0); transform: rotate(-90deg) translate3d(0, 64px, 0); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .owl-nav div.rb-owl-prev:hover i { -webkit-transform: translate3d(-32px, 0, 0); transform: translate3d(-32px, 0, 0); } .owl-nav > div.rb-owl-prev:hover span { top: auto; bottom: 0; -webkit-transform: rotate(-90deg) translate3d(0, 32px, 0); transform: rotate(-90deg) translate3d(0, 32px, 0); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .rb-owl .owl-dots { line-height: 1; position: relative; display: block; margin-top: 20px; text-align: center; } .rb-owl .owl-dot > span { display: block; width: 8px; height: 8px; margin: 0 3px; -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); opacity: .5; -webkit-border-radius: 8px; border-radius: 8px; background-color: currentColor; } .rb-owl .owl-dot.active > span { width: 20px; opacity: 1; } .rb-owl .owl-dot:hover { opacity: 1; } .owl-dots { height: 0; } .owl-loaded .owl-dots { height: auto; } .no-js .rb-owl { display: block; } .rb-owl .animated { animation-duration: 1000ms; animation-fill-mode: both; } .rb-owl .owl-animated-in { z-index: 0; } .rb-owl .owl-animated-out { z-index: 1; } .rb-owl .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 500ms cubic-bezier(0.32, 0.74, 0.57, 1); } .rb-owl .owl-item .owl-lazy { transition: opacity 400ms cubic-bezier(0.32, 0.74, 0.57, 1); opacity: 0; } .rb-owl .owl-item .owl-lazy[src^=''], .rb-owl .owl-item .owl-lazy:not([src]) { max-height: 0; } .rb-owl .owl-item img.owl-lazy { transform-style: preserve-3d; } .rb-owl .owl-video-wrapper { position: relative; height: 100%; background: #000; } .rb-owl .owl-video-play-icon { position: absolute; z-index: 1; top: 50%; left: 50%; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; cursor: pointer; transition: transform 100ms cubic-bezier(0.32, 0.74, 0.57, 1); -webkit-backface-visibility: hidden; } .rb-owl .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .rb-owl .owl-video-playing .owl-video-tn, .rb-owl .owl-video-playing .owl-video-play-icon { display: none; } .rb-owl .owl-video-tn { height: 100%; transition: opacity 400ms cubic-bezier(0.32, 0.74, 0.57, 1); opacity: 0; background-repeat: no-repeat; background-position: center center; background-size: contain; } .rb-owl .owl-video-frame { position: relative; z-index: 1; width: 100%; height: 100%; } /** 2.0 - Main */ .rbc-row { position: relative; display: block; margin-right: auto; margin-bottom: 50px; margin-left: auto; padding: 0; } .rbc-row.is-wrapper { max-width: 1200px; } .rbc-container { position: static; display: block; max-width: 1200px; margin-right: auto; margin-left: auto; } .rbc-row.is-fullwide > .rbc-container { max-width: 100% !important; padding-right: 0; padding-left: 0; } .post-edit-link { font-size: 12px; line-height: 1; position: absolute; z-index: 99; right: 10px; bottom: 0; display: block; visibility: hidden; padding: 5px; -webkit-transition: all .3s; transition: all .3s; opacity: 0; color: #fff; background-color: #333; } .post-edit-link:hover { background-color: var(--g-color); } .page-edit-link:hover { color: var(--g-color); } .p-wrap:hover .post-edit-link { visibility: visible; opacity: 1; } .rbc-wrap { display: flex; overflow: clip; flex-flow: row nowrap; } .rbc-sidebar { position: relative; display: flex; flex-flow: column nowrap; } .rbc-content { display: flex; align-content: flex-start; align-items: flex-start; flex-flow: row wrap; } .rbc-fw-section .rbc-content { flex: 0 0 100%; width: 100%; max-width: 100%; } .block-wrap { position: relative; display: flex; flex-flow: column nowrap; width: 100%; } .block-wrap:not(.block-mix) { max-width: 100%; } .content-wrap { position: relative; width: 100%; } .rbc-content-section .rbc-content { flex: 0 0 66.66%; width: 66.66%; max-width: 66.66%; } .rbc-content-section .rbc-sidebar { flex: 0 0 33.33%; width: 33.33%; max-width: 33.33%; padding-left: 50px; } .no-active-sidebar.rbc-content-section.single-1 .rbc-content, .no-active-sidebar.rbc-content-section.layout-classic .rbc-content { flex: 0 0 100%; width: 100%; max-width: 100%; } .no-active-sidebar.rbc-content-section.single-1 .single-box { max-width: 100%; } .rbc-content-section.is-sidebar-left .rbc-wrap { flex-direction: row-reverse; } .rbc-content-section.is-sidebar-left .rbc-sidebar { padding-right: 60px; padding-left: 0; } .wrap { position: relative; } .site-wrap .wrap { margin-top: 50px; margin-bottom: 50px; } .wrap .wrap { margin-top: 0; margin-bottom: 0; } .site-wrap .wrap.pageh-fullwide { margin-top: 0; } .content-inner { position: relative; } .block-grid-flex-1 { width: auto !important; max-width: none !important; } .block-grid-flex-1 .content-inner { display: flex; flex-flow: row wrap; flex-grow: 1; row-gap: var(--bottom-spacing); } .block-grid-flex-1 .content-inner > * { position: relative; margin-bottom: 0; } .bottom-border .content-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 .content-inner > * { padding-bottom: var(--bottom-spacing); } .is-gap-5 .content-inner { margin-right: -5px; margin-left: -5px; --column-gap: 5px; } .is-gap-7 .content-inner { margin-right: -7px; margin-left: -7px; --column-gap: 7px; } .is-gap-10 .content-inner { margin-right: -10px; margin-left: -10px; --column-gap: 10px; } .is-gap-15 .content-inner { margin-right: -15px; margin-left: -15px; --column-gap: 15px; } .is-gap-20 .content-inner { margin-right: -20px; margin-left: -20px; --column-gap: 20px; } .is-gap-25 .content-inner { margin-right: -25px; margin-left: -25px; --column-gap: 25px; } .is-gap-30 .content-inner { margin-right: -30px; margin-left: -30px; --column-gap: 30px; } .is-gap-35 .content-inner { margin-right: -35px; margin-left: -35px; --column-gap: 35px; } .block-grid-flex-1 .p-wrap > *:not(:last-child), .block-grid-flex-1 .p-wrap .grid-box > *:not(:last-child) { margin-bottom: var(--el-spacing); } .block-grid-flex-1 .p-wrap > .p-meta-info { flex-flow: row wrap; } [class*='is-gap-'] > .content-inner > * { padding-right: var(--column-gap, 0); padding-left: var(--column-gap, 0); } .cat-list-wrap { width: 100%; } .cat-list-inner { display: flex; align-items: center; flex-flow: column nowrap; width: 100%; } header.cat-list-header { flex-flow: column nowrap; width: 100%; margin-bottom: 20px; text-align: center; } .cat-list-content { display: flex; flex-flow: row nowrap; flex-grow: 1; justify-content: center; width: 100%; } .element-desc { font-size: .85rem; line-height: 1.7; margin-top: 15px; margin-bottom: 0; } .element-desc * { font-size: inherit; } .cat-list-item { position: relative; display: flex; overflow: hidden; flex: 0 0 170px; flex-flow: column nowrap; flex-shrink: 1; max-width: 170px; margin-right: 10px; margin-left: 10px; padding: 0; } .cat-item-inner { position: relative; display: flex; overflow: hidden; } .cat-list-item a { position: absolute; z-index: 99; top: 0; right: 0; bottom: 0; left: 0; display: block; } .cat-list-name { line-height: 1; z-index: 10; margin-top: auto; padding: 15px 5px; -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); text-align: center; white-space: nowrap; } .cat-list-feat { position: relative; z-index: 1; overflow: hidden; } .cat-list-feat img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .fw-category-1 .cat-list-feat { padding-bottom: 100%; } .fw-category-1 .cat-list-item .cat-list-name { color: #fff; background-color: #333; } .fw-category-2 .cat-list-content { flex-grow: 1; width: auto; } .fw-category-2 .cat-list-content-inner { display: flex; flex-flow: row wrap; flex-grow: 1; margin-right: -10px; margin-bottom: -15px; margin-left: -10px; } .fw-category-2 .cat-list-inner { align-items: flex-start; } .fw-category-2 .cat-list-feat { padding-bottom: 62.5%; } .fw-category-2 .cat-list-item { flex: 0 0 50%; width: 50%; max-width: 50%; margin-right: 0; margin-bottom: 15px; margin-left: 0; padding-right: 10px; padding-bottom: 0; padding-left: 10px; } .fw-category-1 .cat-list-item:hover .cat-list-name, .fw-category-1.is-light-text .cat-list-item:hover .cat-list-name, [data-theme='dark'] .fw-category-1 .cat-list-item:hover .cat-list-name { color: var(--g-color); } .fw-category-2 .cat-list-item:hover .cat-list-name { opacity: .7; } .pagination-loadmore { position: relative; } .pagination-link, .loadmore-link, .page-numbers, .post-page-numbers { line-height: 36px; position: relative; display: inline-flex; display: -webkit-inline-flex; align-items: center; justify-content: center; min-width: 36px; margin: 0 5px; padding: 0 20px; -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); background-color: #88888815; } .page-numbers { padding: 0 5px; } span.page-numbers.dots { font-size: 2em; color: #333; } body[data-theme='dark'] span.page-numbers.dots { color: #fff; } .is-dark-pag .pagination-link, .is-dark-pag .loadmore-link, .is-dark-pag .page-numbers, .is-dark-pag .post-page-numbers { color: #fff; background-color: #333; } .is-dark-pag .filter-link.is-disable, .is-dark-pag .page-numbers.current, .is-dark-pag .post-page-numbers.current, .is-dark-pag .pagination-nextprev a.is-disable { opacity: .15; } a.pagination-link:hover, a.page-numbers:hover, .post-page-numbers:hover, a.loadmore-link:hover { color: #fff; background-color: var(--g-color); } .page-numbers.dots { opacity: .5; background: none; } .pagination-wrap { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; display: flex; align-items: center; flex: 0 0 100%; flex-flow: row nowrap; justify-content: center; margin-top: 35px; text-align: center; } .pagination-wrap.pagination-number > * { font-size: 1.1em; } .archive-content .content-inner { margin-bottom: -35px; } a.pagination-link i { display: inline-block; margin-right: 7px; vertical-align: middle; } .pagination-link.ajax-next { margin-left: 5px; } .pagination-link.ajax-next i { margin-right: 0; margin-left: 7px; } .pagination-nextprev .pagination-link, .loadmore-link { min-width: 140px; } .pagination-simple .page-numbers { min-width: 180px; } .pagination-infinite { position: relative; display: block; width: 100%; height: 42px; min-height: 42px; } .pagination-wrap.disable-pagination { height: 0; min-height: 0; margin-top: 0; } .filter-link.is-disable, .page-numbers.current, .post-page-numbers.current, .pagination-nextprev a.is-disable { pointer-events: none; opacity: .5; } .per-load { display: block; visibility: hidden; overflow: hidden; height: 40px; opacity: 0; } .rb-owl.per-load { height: 100px; } .site-content.has-sidebar.is-sidebar-left .rbc-sidebar { padding-right: 60px; padding-left: 0; } /* -------------------------------------------------------------- 4.0 -HEADER */ .topbar-wrap { font-family: 'Quicksand', sans-serif; font-size: 13px; position: relative; display: block; min-height: 32px; color: #fff; background-color: #333; } .topbar-wrap.is-fullwidth .rbc-container { max-width: 100%; } .topline-wrap { display: block; width: 100%; height: 2px; margin: 0; padding: 0; background-color: var(--g-color); } .topbar-inner { position: relative; display: flex; align-items: center; flex-flow: row nowrap; justify-content: space-between; } .topbar-left { display: flex; overflow: hidden; align-items: center; flex: 1; flex-flow: row nowrap; max-width: 100%; } .topbar-info { line-height: 32px; display: flex; align-items: center; flex-flow: row nowrap; } .topbar-info > * { display: inline-flex; display: -webkit-inline-flex; align-items: center; margin-right: 15px; } .topbar-info i { line-height: 1; margin-right: 5px; } .topbar-info span.info-text a { font-weight: bold; margin-left: 2px; text-decoration: underline; } .topbar-menu-wrap { font-family: inherit; font-weight: 500; display: flex; flex: 1; flex-flow: row nowrap; } .topbar-menu > li { position: relative; display: block; float: left; } .topbar-menu > li > a { line-height: 32px; position: relative; display: flex; align-items: center; padding: 0 7px; -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; } .topbar-menu > li:first-child > a { padding-left: 0; } .topbar-menu > li > a:hover { opacity: 1; } .topbar-menu .sub-menu { position: absolute; z-index: 9999; top: 110%; left: 0; display: block; min-width: 180px; padding: 10px 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); pointer-events: none; opacity: 0; background-color: #333; -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .03); box-shadow: 0 4px 30px rgba(0, 0, 0, .03); } .hovering-menu { position: relative; } .topbar-menu .sub-menu a { line-height: 1; display: flex; align-items: center; flex-grow: 1; padding: 7px 15px 7px 20px; white-space: nowrap; } .topbar-menu .sub-menu a > span { position: relative; left: -4px; -webkit-transition: left .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: left .3s cubic-bezier(0.32, 0.74, 0.57, 1); } .topbar-menu .sub-menu .menu-item-has-children > a:after { font-family: 'ruby-icon'; line-height: 1; display: flex; margin-left: auto; content: '\e926'; } .animation-menu .sub-menu > li > a { -webkit-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0); opacity: 0; } .topbar-menu > .menu-item-has-children:hover > .sub-menu, .main-menu > li:hover > .sub-menu, .topbar-menu > .menu-item-has-children.show-smenu > .sub-menu, .main-menu > .menu-item-has-children.show-smenu > .sub-menu { top: calc(100% - 1px); bottom: auto; visibility: visible; pointer-events: auto; opacity: 1; } .topbar-wrap .mcwp-crypto .cc-ticker, .header-wrap .mcwp-crypto .cc-ticker { background-color: transparent; } .topbar-wrap .mcwp-crypto ul.cc-stats li.cc-coin div b, .header-wrap .mcwp-crypto ul.cc-stats li.cc-coin div b { font-size: 13px; font-weight: normal; } .topbar-wrap .mcwp-crypto ul.cc-stats li.cc-coin div b span:first-child + span, .header-wrap .mcwp-crypto ul.cc-stats li.cc-coin div b span:first-child + span { font-weight: 700; } .no-delay .sub-menu > li > a { -webkit-transition-delay: 0s !important; transition-delay: 0s !important; } .animation-menu.hovering-menu > .sub-menu > li > a { -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); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .sub-mega .sub-menu a { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; opacity: 1; } .topbar-right { display: flex; height: 32px; margin-left: auto; } .topbar-social { display: flex; align-items: center; flex-flow: row nowrap; height: 100%; } .topbar-social a { font-size: 13px; display: flex; align-items: center; flex-flow: row nowrap; height: 100%; padding: 0 5px; } .topbar-menu > .menu-item.menu-item-has-children > a:after, .main-menu > .menu-item.menu-item-has-children > a:after { font-family: 'ruby-icon'; font-size: .8em; line-height: 1; margin-left: 2px; content: '\e924'; vertical-align: middle; } .topbar-menu > .menu-item.menu-item-has-children > a:after { margin-left: 3px; } .main-menu .sub-menu .menu-item-has-children > a:after { font-family: 'ruby-icon'; line-height: 1; display: flex; margin-left: auto; content: '\e926'; } .main-menu .sub-menu.left-direction .menu-item-has-children > a:after { margin-right: auto; margin-left: 0; content: '\e925'; } span.touch-smenu { position: absolute; z-index: 10; top: -25%; left: 100%; display: block; width: 40px; height: 150%; margin-left: -10px; } .btn-toggle-wrap { position: relative; z-index: 99; display: block; height: 100%; padding-right: 20px; } .btn-toggle { position: relative; display: block; overflow: hidden; width: 40px; height: 100%; min-height: 40px; cursor: pointer; } .btn-toggle .off-canvas-toggle { position: absolute; z-index: 20; top: 0; left: 0; display: block; width: 100%; height: 100%; -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); } .icon-toggle { font-size: 0; position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 1px; min-height: 1px; -webkit-user-select: none; user-select: none; -webkit-transition: background-color .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: background-color .3s cubic-bezier(0.32, 0.74, 0.57, 1); color: inherit; background-color: currentColor; -webkit-touch-callout: none; } .icon-toggle:before, .icon-toggle:after { position: absolute; left: 0; width: 75%; height: 100%; min-height: 1px; content: ''; -webkit-transition: -webkit-transform 0.35s, width .2s cubic-bezier(0.32, 0.74, 0.57, 1); transition: transform 0.35s, width .2s cubic-bezier(0.32, 0.74, 0.57, 1); background-color: currentColor; } .icon-toggle:before { -webkit-transform: translateY(-7px); transform: translateY(-7px); } .icon-toggle:after { -webkit-transform: translateY(7px); transform: translateY(7px); } .mobile-js-menu .off-canvas-toggle .icon-toggle { background-color: transparent; } .mobile-js-menu .off-canvas-toggle .icon-toggle:before { width: 100%; -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } .mobile-js-menu .off-canvas-toggle .icon-toggle:after { width: 100%; -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } .off-canvas-toggle:hover, .off-canvas-toggle:focus { opacity: 1; } .btn-toggle-stack span.icon-toggle, .btn-toggle-bold span.icon-toggle { height: 2px; min-height: 2px; border-radius: 2px; } .btn-toggle-stack .btn-toggle { width: 30px; } .btn-toggle-bold .btn-toggle { width: 28px; } .btn-toggle-stack .icon-toggle:before, .btn-toggle-stack .icon-toggle:after { width: 100%; } /** navbar wrap */ .header-wrap { position: relative; display: block; } .navbar-wrap { position: relative; z-index: 999; display: block; } .section-sticky .navbar-wrap { background-color: #fff; } .navbar-inner { position: relative; display: flex; align-items: stretch; flex-flow: row nowrap; justify-content: space-between; max-width: 100%; min-height: 60px; } .navbar-left { display: flex; align-items: center; flex: 1; flex-flow: row nowrap; } .navbar-right { position: relative; display: flex; align-items: stretch; flex-flow: row nowrap; justify-content: flex-end; gap: 10px; } .navbar-right > * { position: static; display: flex; align-items: center; flex-flow: row nowrap; } .navbar-right > *:first-child { margin-left: 0; } .header-2 .is-main-nav .navbar-left { flex-basis: auto; flex-shrink: 0; } .header-2 .navbar-right-outer { position: static; display: flex; align-items: stretch; flex-grow: 1; justify-content: flex-end; } .header-2 .section-sticky .main-menu-wrap, .header-float.default-2 .section-sticky .main-menu-wrap, .header-float.default-2 .transparent-navbar-wrap .main-menu-wrap { justify-content: flex-end; padding-right: 15px; } .header-4 .section-sticky .navbar-holder.rbc-container, .header-float.default-4 .section-sticky .navbar-holder.rbc-container, .header-float.default-4 .transparent-navbar-wrap .navbar-holder.rbc-container { max-width: 100%; } .header-1 .navbar-wrap, .header-2 .navbar-wrap, .header-4 .navbar-wrap, .header-8 .navbar-wrap, .section-sticky .navbar-wrap, .mobile-sticky-nav, #amp-navbar { -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .03); box-shadow: 0 4px 30px rgba(0, 0, 0, .03); } .main-menu > li { display: block; float: left; } .main-menu > li > a { font-family: 'Quicksand', sans-serif; font-size: 16px; font-weight: 600; position: relative; display: flex; align-items: center; flex-wrap: nowrap; height: 60px; padding: 0 15px; -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); white-space: nowrap; letter-spacing: .02em; } .navbar-inner .logo-wrap { display: flex; flex-shrink: 0; margin-right: 15px; } .logo-wrap a { display: flex; align-items: center; width: auto; height: 100%; -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); } .logo-wrap a:hover { opacity: .7; } .logo-wrap img { width: auto; max-height: 60px; object-fit: contain; object-position: left; } .logo-wrap.is-svg img { display: block; width: auto; height: 999px; padding-top: 10px; padding-bottom: 10px; } .header-3 .banner-wrap .logo-wrap img, .header-6 .banner-wrap .logo-wrap img, .header-7 .banner-wrap .logo-wrap img { width: auto; height: auto; max-height: 110px; margin: auto; } .header-7 .banner-wrap .logo-wrap img { width: auto; height: auto; max-height: 200px; margin: auto; } .header-3 .logo-wrap.is-svg img, .header-6 .logo-wrap.is-svg img { height: 999px; padding-top: 20px; padding-bottom: 20px; } .header-7 .banner-wrap .logo-wrap.is-svg img { height: 200px; max-height: 135px; } .header-3 .banner-right .nav-mini-cart, .header-6 .banner-right .nav-mini-cart { right: -10px; } .nav-mini-cart .mini-cart-wrap p { color: #333; } .is-logo-text .logo-title { font-family: 'Montserrat', sans-serif; font-size: 32px; font-weight: 700; letter-spacing: -0.025em; } .is-logo-text .logo-title * { font-size: inherit; font-weight: inherit; } .is-logo-text .logo-title strong { font-weight: inherit; } .logo-wrap.is-logo-text .logo-title { line-height: 1.1; } .header-1 .is-logo-text .logo-title, .header-2 .is-logo-text .logo-title { line-height: 60px; white-space: nowrap; } .transparent-navbar-wrap.light-style .is-logo-text .logo-title, .transparent-navbar-wrap.light-style .off-canvas-toggle, .transparent-navbar-wrap.light-style .navbar-right, .transparent-navbar-wrap.light-style .main-menu > li > a { color: #fff; } .header-float .navbar-outer { position: relative; } .header-float .transparent-navbar-wrap { position: absolute; top: 0; right: 0; bottom: auto; left: 0; background: none; -webkit-box-shadow: none; box-shadow: none; } .header-float .navbar-inner { border-bottom: 1px solid rgba(255, 255, 255, .1); } .header-float.is-wide .section-sticky .rbc-container.navbar-holder { max-width: 100%; } .rnav-section .widget-title { display: none; } .rnav-section input[type='text'], .rnav-section input[type='search'] { color: inherit; } .rnav-element { margin-left: 7px; } .rnav-element:first-child { margin-left: 0; } .is-logo-image .logo-title, .is-logo-image .site-description { display: none; } .site-description { display: none; } .header-3 .is-logo-text .site-description, .header-6 .is-logo-text .site-description { display: block; } .social-icons a { -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); } .navbar-social { display: flex; align-items: stretch; flex-flow: row wrap; gap: 7px; } .navbar-social a { font-size: 17px; display: inline-flex; align-items: center; } .header-wrap .cart-link, .off-canvas-wrap .cart-link, .amp-canvas-wrap .cart-link, .bookmark-section .bookmark-link, .header-wrap .search-icon, .header-wrap .trend-icon { line-height: 1; position: relative; display: flex; align-items: center; justify-content: center; min-width: 1em; height: 100%; cursor: pointer; } .header-wrap .rb-mini-cart > *, .header-wrap .search-icon > *, .header-wrap .trending-section > *, .bookmark-section .bookmark-link { -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); } .bookmark-link:hover, .header-wrap .rb-mini-cart:hover > *, .header-wrap .search-icon:hover > *, .header-wrap .trending-section:hover > *, .dark-mode-toggle:hover { opacity: .5; } .bookmark-link, .header-wrap .cart-link { font-size: 22px; } .header-wrap .trend-icon, .header-wrap .search-icon, .off-canvas-wrap .cart-link, .amp-canvas-wrap .cart-link { font-size: 24px; } .cart-icon { line-height: 1.3; display: flex; align-items: flex-start; } .bookmark-icon { display: flex; align-items: flex-start; } .rb-counter { font-size: .7rem; font-style: normal; line-height: 1; display: flex; align-items: center; min-height: 16px; margin-left: -10px; padding: 0 2px; text-align: center; letter-spacing: 0; color: #fff; background-color: #333; } .header-lightbox { position: absolute; z-index: 1000; top: calc(100% - 1px); right: 0; left: auto; display: block; visibility: hidden; width: 360px; padding: 20px; -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); -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; color: #333; border-top: 4px solid; background-color: #fff; -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .03); box-shadow: 0 4px 30px rgba(0, 0, 0, .03); } .is-hover:hover .header-lightbox, .header-lightbox.show-searchform { visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .trend-header { margin-bottom: 10px; } .trend-content { position: relative; padding-top: 30px; } .no-trend { font-size: .8rem; opacity: .7; } .trend-content:before { position: absolute; top: 0; right: 0; left: 0; display: block; height: 10px; content: ''; pointer-events: none; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .trend-content > *:last-child { margin-bottom: 0; } .main-menu-wrap { display: flex; flex-grow: 1; } .w-sidebar.widget_block.widget_search button.wp-block-search__button { font-size: 0; line-height: 0; z-index: 9; width: 50px; min-width: auto !important; padding: 0; cursor: pointer; text-indent: -9999px; border: none; background-color: rgba(0, 0, 0, .025); } .w-sidebar.widget_block.widget_search form:after { position: absolute; top: 24px; } .search-form { position: relative; display: block; max-width: 460px; margin-right: auto; margin-left: auto; } .search-form input[type='search'] { line-height: 36px; width: 100%; padding-right: 66px; border: none; -webkit-border-radius: 0; border-radius: 0; } .search-form input[type='submit'] { font-size: 0; line-height: 56px; position: absolute; z-index: 9; top: 0; right: 0; bottom: auto; left: auto; display: block; width: 56px; height: 100%; padding: 0; cursor: pointer; text-align: center; text-indent: -9999px; background-color: transparent !important; } .search-form .screen-reader-text { display: none !important; } .search-form:after { font-family: 'ruby-icon'; line-height: 56px; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: auto; width: 56px; height: 100%; content: '\e977'; -webkit-transition: opacity .25s cubic-bezier(0.32, 0.74, 0.57, 1); transition: opacity .25s cubic-bezier(0.32, 0.74, 0.57, 1); text-align: center; pointer-events: none; opacity: .5; color: currentColor; -webkit-border-radius: 0 !important; border-radius: 0 !important; } .search-form.loading:after { opacity: 0; } .navbar-search-popup.header-lightbox { padding: 0; } .live-search-content { position: relative; display: block; padding: 25px 20px 20px 20px; } .live-search-content:before { position: absolute; top: 0; right: 20px; left: 20px; display: block; height: 10px; content: ''; pointer-events: none; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .pagination-wrap.live-search-more { margin-top: 0; } .search-not-found { font-size: .8rem; margin-bottom: 10px; } .navbar-search-popup .search-form input[type='search'] { font-size: 0.85rem; background-color: transparent; } .navbar-search-popup .popup-inner { position: relative; } .main-menu .sub-menu { position: absolute; z-index: 9999; top: 110%; right: auto; left: auto; display: block; visibility: hidden; min-width: 200px; padding: 10px 0; -webkit-transition: all .25s cubic-bezier(0.32, 0.74, 0.57, 1); transition: all .25s cubic-bezier(0.32, 0.74, 0.57, 1); text-align: left; pointer-events: none; opacity: 0; background: var(--subnav-bg-from); 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%); -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .03); box-shadow: 0 4px 30px rgba(0, 0, 0, .03); } .main-menu .sub-menu.left-direction { right: 0; left: auto; } .main-menu > li > .sub-menu:not(.sub-mega).left-direction a { flex-direction: row-reverse; } .main-menu > .sub-menu:not(.sub-mega) { margin-left: -10px; } .main-menu .sub-menu .sub-menu, .topbar-menu .sub-menu .sub-menu { top: 0 !important; right: auto; bottom: auto; left: 110%; } .main-menu .sub-menu .sub-menu.left-direction { right: 100%; left: auto; } .main-menu > li.menu-item-has-children > .sub-menu:before { position: absolute; top: -9px; right: auto; bottom: auto; left: 20px; display: block; width: 0; height: 0; content: ''; pointer-events: none; color: #fff; border-right: 10px solid transparent; border-bottom: 10px solid currentColor; border-left: 10px solid transparent; } .main-menu > li.menu-item-has-children > .sub-menu.left-direction:before { right: 20px; left: auto; } .main-menu .sub-menu:not(.sub-mega) { font-family: 'Quicksand', sans-serif; font-size: 14px; font-weight: 500; } .main-menu .sub-menu .sub-menu.mega-tree, .navbar-holder.is-light-text .main-menu .sub-menu .sub-menu.mega-tree, [data-theme='dark'] .navbar-holder .main-menu .sub-menu .sub-menu.mega-tree { background: none; background-color: transparent; } .main-menu .sub-menu li:hover > .sub-menu, .topbar-menu .sub-menu li:hover > .sub-menu, .main-menu .sub-menu .menu-item-has-children.show-smenu > .sub-menu, .topbar-menu .sub-menu .menu-item-has-children.show-smenu > .sub-menu { right: auto; left: calc(100% - 1px); visibility: visible; pointer-events: auto; opacity: 1; } .main-menu .sub-menu li:hover > .sub-menu.left-direction { right: calc(100% - 1px); left: auto; } .sub-menu li { position: relative; } .main-menu > li > .sub-menu:not(.sub-mega) a { line-height: 1; display: flex; align-items: center; flex-grow: 1; padding: 7px 20px 7px 25px; } .main-menu .sub-menu a > span { position: relative; left: -4px; -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); } .main-menu .fw-mega-cat span.rb-iwrap { left: 0; } .menu-item-has-children.show-smenu .sub-menu a > span { flex-grow: 1; } .main-menu .sub-menu.left-direction a > span { right: -4px; left: auto; } .main-menu .pagination-wrap a > span { left: auto; -webkit-transition: all 0s; transition: all 0s; color: inherit !important; } .rb-menu a > span { line-height: 1.3; position: relative; display: flex; } .rb-menu a > span i { margin-right: 7px; } .rb-menu a > span:before { position: absolute; bottom: 0; left: 0; width: 0; height: 4px; content: ''; -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); opacity: 0.2 !important; background-color: currentColor; } .rb-menu a.pagination-link > span:before { display: none; } .topbar-menu .sub-menu a:hover > span, .main-menu .sub-menu li a:hover > span { left: 0; } .main-menu .sub-menu.left-direction li a:hover > span { right: 0; left: auto; } .rb-menu > li.current-menu-item > a > span:before { width: 100%; opacity: 1; color: var(--g-color); } .rb-menu a:hover > span:before, .rb-menu > li.current-menu-item > a:hover > span:before { width: 100%; opacity: 1; } .rb-menu > li.current-menu-item > a:hover > span:before { color: inherit; } .main-menu > li.is-mega-menu.type-category, .main-menu > li.is-mega-menu.type-category > a { position: static; } .main-menu > li.is-mega-menu.type-column, .main-menu > li.is-mega-menu.type-column > a { position: relative; } .mega-holder { display: flex; flex: 0 0 100%; flex-flow: row nowrap; min-height: 230px; } .main-menu .mega-category.sub-menu { right: 0; left: 0; overflow: hidden; min-width: max-content; padding: 0; } .mega-category .p-wrap { margin-bottom: 20px; } .mega-category.sub-mega .pagination-wrap { margin-top: 5px; margin-bottom: 20px; } .mega-category a.pagination-link { line-height: 32px; min-height: 32px; } .pagination-simple .rbi-arrow-left { margin-right: 7px; } .pagination-simple .rbi-arrow-right { margin-left: 7px; } .main-menu .sub-mega .sub-menu { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; visibility: visible !important; min-width: 0; transform: none !important; opacity: 1 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .main-menu .sub-mega .sub-menu .sub-menu { background: none; background-color: transparent !important; background-image: none; } .main-menu li.menu-item-has-children:hover > .sub-mega .sub-menu { pointer-events: auto !important; } .sub-mega .fw-mega-cat { display: flex; flex-flow: row wrap; flex-basis: 0; flex-grow: 1; width: auto; padding: 20px 20px 0; } .elementor-widget-wrap .block-wrap.none-margin .content-wrap { margin-bottom: 0; } .main-menu .sub-menu.mega-col { padding-top: 0; padding-bottom: 0; } .sub-menu.mega-col > .sub-menu { overflow: hidden; } .main-menu .sub-mega.sub-menu .menu-item-has-children > a:after, .rb-menu .mega-col.sub-menu a > span:before { display: none; } .rb-menu .mega-col.sub-menu a > span { left: auto; } .header-2 .rb-menu > li > .sub-menu.mega-col { left: -200px; } .mega-col > .sub-menu { display: flex; align-items: stretch; flex-flow: row nowrap; padding-top: 0; padding-bottom: 0; } .mega-col > .sub-menu > li:not(.is-menu-image) 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; } .mega-col > .sub-menu > li:not(.is-menu-image) a:hover { opacity: 1; } .mega-col > .sub-menu > li:not(.is-menu-image) > a { font-size: 1.1em; position: relative; padding-bottom: 15px; opacity: 1; } .mega-col > .sub-menu > li:not(.is-menu-image) > a:before { position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 10px; content: ''; pointer-events: none; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .mega-col li:not(.is-menu-image) a { display: block; padding: 5px 0; } .sub-menu-image { position: absolute; display: flex; width: 100%; height: 100%; } .sub-menu-image img { position: relative; width: 100%; -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); object-fit: cover; } .is-menu-image:hover img { opacity: .7; } .mega-col > .sub-menu > li { width: 190px; max-width: 190px; } .mega-col > .sub-menu > li:not(.is-menu-image) { flex-shrink: 0; padding: 20px 20px 20px 24px; } .mega-col > .sub-menu > li.is-menu-image { position: relative; min-height: 200px; } .mega-col > .sub-menu > li.is-menu-image a { font-size: 0; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; text-indent: -9999px; } .fw-mega-cat .content-wrap { clear: both; width: 100%; margin-bottom: 0 !important; } .mega-category .mega-holder > .sub-menu { position: relative; display: flex; flex-flow: column wrap; flex-shrink: 0; width: 210px; padding: 20px 20px 24px 20px; border-right: 1px solid #8882; -webkit-border-radius: 0 !important; border-radius: 0 !important; background: none; } .mega-category .mega-holder > .sub-menu:after { position: absolute; top: auto; right: 20px; bottom: 20px; left: auto; display: block; width: 60px; height: 40px; content: ''; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .mega-category .sub-menu a { display: inline-flex; display: -webkit-inline-flex; padding: 7px 0; } .header-2 .main-menu-wrap { position: static; flex-basis: auto; flex-grow: 0; margin-right: 10px; } .header-3 .navbar-outer, .header-6 .navbar-outer, .banner-wrap { position: relative; display: block; } .header-3 .banner-inner, .header-6 .banner-inner { align-items: center; padding: 20px 0; } .header-7 .banner-inner { align-items: center; padding: 50px 0; } .header-3 .banner-right, .header-5 .banner-right, .header-6 .banner-right, .header-7 .banner-right { align-items: center; flex-flow: row nowrap; justify-content: flex-end; } .header-3 .banner-right, .header-6 .banner-right, .header-7 .banner-right { position: relative; align-items: stretch; min-height: 50px; } .header-3 .banner-right .navbar-social, .header-6 .banner-right .navbar-social { margin-right: 7px; } .header-3 .logo-wrap, .header-6 .logo-wrap, .header-7 .logo-wrap { text-align: center; } .header-3 .banner-centered, .header-3 .navbar-centered, .header-3 .main-menu-wrap, .header-6 .navbar-centered, .header-6 .banner-centered, .header-6 .main-menu-wrap, .header-7 .banner-centered { justify-content: center; } .header-3 .section-sticky .main-menu-wrap, .header-6 .section-sticky .main-menu-wrap { justify-content: flex-start; } .header-3 .navbar-right > *, .header-6 .navbar-right > *, .header-7 .navbar-right > * { height: 100%; } .header-3 .banner-right .navbar-social a, .header-6 .banner-right .navbar-social a { font-size: 20px; } .header-3 .main-menu-wrap .rb-error, .header-6 .main-menu-wrap .rb-error, .header-7 .main-menu-wrap .rb-error { margin: auto; } .header-3 .banner-right .cart-link, .header-6 .banner-right .cart-link, .header-7 .banner-right .cart-link { position: relative; margin-left: 7px; padding-left: 7px; } .header-3 .banner-right .cart-link:before, .header-6 .banner-right .cart-link:before, .header-7 .banner-right .cart-link:before { position: absolute; top: 50%; left: 0; width: 1px; height: 14px; margin-top: -7px; content: ''; opacity: .1; background-color: currentColor; } .header-7 .navbar-wrap, .header-7 .mobile-sticky-nav { background-color: #fafafa; } .single .header-7 .banner-wrap, .blog .header-7 .banner-wrap, .page-template-default:not(.elementor-page) .header-7 .banner-wrap, .post-type-archive .header-7 .banner-wrap, .is-bb .header-7 .banner-wrap { border-bottom: 1px solid #8882; } .single.is-single-2 .header-7 .banner-wrap, .single.is-single-3 .header-7 .banner-wrap { border-bottom: none; } .header-7 .navbar-social a { font-size: 16px; } .header-7.header-wrap .navbar-right .bookmark-icon { font-size: 20px; } .main-menu > li.menu-item-has-children > .mega-col.sub-menu:before { right: auto; left: calc(50% - 5px); } .header-4 .navbar-holder, .header-8 .navbar-holder { position: relative; } .header-4 .navbar-inner, .header-8 .navbar-inner { position: static; } .header-4 .navbar-left, .header-8 .navbar-left { flex: 0 0 auto; width: auto; } .header-4 .logo-wrap.is-svg, .header-8 .logo-wrap.is-svg { flex-shrink: 0; width: auto; } .header-4 .navbar-right-holder { position: static; display: flex; flex: 1; justify-content: flex-end; } .header-8 .navbar-center { display: flex; } .header-8 .nav-right { position: static; display: flex; justify-content: flex-end; } .header-4 .mega-category.sub-mega.sub-menu, .header-8 .mega-category.sub-mega.sub-menu { right: -15px; left: -15px; border-radius: 0; } .header-float.default-8 .transparent-navbar-wrap .navbar-holder, .header-float.default-8 #sticky-nav .navbar-holder, .header-8 #sticky-nav .navbar-holder { max-width: 100%; } .header-float.default-8 .transparent-navbar-wrap .main-menu-wrap, .header-float.default-8 #sticky-nav .main-menu-wrap, .header-8 #sticky-nav .main-menu-wrap { justify-content: center; } .header-float.default-8 .transparent-navbar-wrap .nav-right, .header-float.default-8 #sticky-nav .nav-right, .header-8 #sticky-nav .nav-right { min-width: 200px; } .header-float.default-8 .transparent-navbar-wrap .logo-wrap, .header-float.default-8 #sticky-nav .logo-wrap, .header-8 #sticky-nav .logo-wrap { min-width: 120px; } .header-5 .logo-wrap img { max-height: 90px; } .header-5 .logo-wrap.is-svg img { width: auto; height: 90px; padding-top: 15px; padding-bottom: 15px; object-fit: contain; } .header-5 .banner-wrap { padding-top: 25px; padding-bottom: 25px; } body:not([data-theme='dark']) .header-5 .navbar-wrap, body:not([data-theme='dark']) .heder-5 .mobile-sticky-nav { background-color: #333; } .header-5 .btn-toggle-wrap, .header-5 .section-sticky .logo-wrap, .header-5 .main-menu > li > a, .header-5 .navbar-right { color: #fff; } .header-5 .rb-counter { color: #333; background-color: #fff; } .header-5 .banner-inner { justify-content: center; } header:not(.header-5) .advert-wrap { padding-top: 15px; padding-bottom: 15px; } .header-subscribe a { display: flex; align-items: center; flex-flow: row nowrap; justify-content: center; } .header-subscribe img { width: auto; max-height: 70px; margin-right: 15px; object-fit: cover; } .subscribe-content { position: relative; -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); } .subscribe-content * { line-height: 1; display: block; } .fw-subscribe .subscribe-description { line-height: 1.4; } .subscribe-content .desc { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; margin-bottom: 7px; } .subscribe-content .action-text { text-transform: uppercase; } .subscribe-content i { font-size: 2rem; position: absolute; top: 0; left: -10px; opacity: .2; } .subscribe-link:hover .subscribe-content { opacity: .7; } .header-6 .banner-wrap { background-color: #111; } [data-theme='dark'] .header-6 > .navbar-outer > .navbar-wrap { background-color: #111; } .header-6 .subscribe-content i { opacity: .4; } [data-theme='dark'] .header-9 { background: #191919; } .header-9 .banner-wrap { padding-top: 5px; padding-bottom: 5px; background: #fafafa; } .header-9 .banner-right { overflow: hidden; align-items: center; flex-flow: row nowrap; justify-content: flex-end; } .header-9 .rb-btn .rb-btn-link { padding: 5px 15px; } .header-9 .logo-wrap img { max-height: 52px; } .header-9 .navbar-outer { -webkit-box-shadow: 1px 4px 20px rgba(0, 0, 0, .05); box-shadow: 1px 4px 20px rgba(0, 0, 0, .05); } @media only screen and (max-width: 991px) { .header-9 .banner-wrap { display: none; } } .header-9 .custom-html-widget .info-phone { font-size: .95rem; font-weight: 400; color: #777; } .header-9 .banner-right .navbar-social:not(:last-child) { margin-right: 15px; padding-right: 15px; border-right: 1px solid #8882; } .header-9 .banner-right aside:not(:last-child) { margin-right: 15px; } .header-9 .custom-html-widget i { font-weight: bold; margin-right: 12px; color: #000; } [data-theme='dark'] .header-9 .custom-html-widget .info-phone, [data-theme='dark'] .header-9 .custom-html-widget i { color: #eee; } [data-theme='dark'] .elementor-widget-container { color: #fff; } [data-theme='dark'] .header-9 .banner-wrap { background-color: #88888815; } #mobile-navbar, .mobile-sticky-nav { display: none; margin: 0; padding: 0; } .mobile-navbar .rnav-section > *:not(.widget-Dark-mode) { display: none !important; } .mobile-sticky-nav { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; visibility: hidden; -webkit-transition: transform .3s cubic-bezier(0.62, 0.74, 0.57, 1); transition: transform .3s cubic-bezier(0.62, 0.74, 0.57, 1); -webkit-transform: translate3d(0, -60px, 0); transform: translate3d(0, -60px, 0); background-color: #fff; will-change: transform; } .mobile-navbar .btn-toggle-wrap { position: relative; display: flex; padding-right: 10px; } .logo-mobile-wrap { display: inline-flex; height: 100%; padding: 5px 0; } .logo-mobile-wrap a { display: flex; align-items: center; justify-content: center; height: 100%; max-height: 100%; } .logo-mobile-wrap img { display: inline-flex; justify-content: center; width: auto; height: 100%; max-height: 100%; object-fit: contain; } .logo-mobile-wrap.is-svg img { justify-content: center; width: auto; height: 100%; max-height: 60px; } .mobile-nav-inner { position: relative; display: flex; align-items: stretch; flex-wrap: nowrap; justify-content: space-between; height: 60px; } .m-nav-left, .m-nav-right { position: relative; display: flex; align-items: center; flex-flow: row nowrap; min-width: 80px; } .m-nav-right { justify-content: flex-end; gap: 10px; } .m-nav-centered { display: flex; align-items: center; flex-grow: 1; justify-content: center; } .m-nav-right > * { position: static; display: flex; height: 100%; } .mobile-logo-left .m-nav-centered { justify-content: flex-start; } .mobile-logo-left .mobile-navbar .icon-toggle:before, .mobile-logo-left .mobile-navbar .icon-toggle:after { right: 0; left: auto; } .mobile-logo-left .mobile-navbar .off-canvas-trigger { padding-right: 0; } .mobile-search .header-lightbox.navbar-search-popup { right: 0; } .mobile-search .header-lightbox:before { right: 15px; } .navbar-border-holder { border-bottom: 2px solid currentColor; } .is-single-2 .navbar-border-holder, .is-single-3 .navbar-border-holder, .none-nb .navbar-border-holder, .elementor-template-full-width .navbar-border-holder { border: none; } .elementor-widget-container .block-wrap:not(.block-mix) .pagination-wrap { margin-top: 0; } .section-sticky-holder { position: fixed; z-index: 999; top: -100px; right: 0; left: 0; visibility: hidden; -webkit-transition: all .3s cubic-bezier(0.62, 0.74, 0.57, 1); transition: all .3s cubic-bezier(0.62, 0.74, 0.57, 1); -webkit-transition-delay: .02s; transition-delay: .02s; pointer-events: none; } body.boxed .section-sticky-holder { width: 100%; max-width: 1200px; margin-right: auto; margin-left: auto; } .section-sticky .navbar-left { flex: 1 1 auto; } .section-sticky-holder.is-show { top: 0 !important; visibility: visible; pointer-events: auto !important; } .mobile-sticky-nav.is-show { top: 0 !important; visibility: visible; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; pointer-events: auto !important; } .section-sticky img.logo-default { width: auto; max-height: 60px; } .section-sticky .logo-wrap { flex: 0 0 auto; } .section-sticky .logo-wrap.is-logo-text { text-align: left; } /* -------------------------------------------------------------- 5.0 - LEFT SIDE SECTION */ .off-canvas-wrap { position: fixed; z-index: 9900; top: 0; bottom: 0; left: 0; visibility: hidden; overflow: hidden; width: 320px; height: 100%; -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); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); background-color: #333; box-shadow: 0 0 30px rgba(0, 0, 0, .07); } .amp-canvas-wrap { background-color: #333; } .off-canvas-wrap.light-style, .amp-canvas-wrap.light-style { background-color: #fff; } .off-canvas-holder { display: flex; overflow: hidden; flex-flow: column nowrap; height: 100%; padding-bottom: 60px; } .off-canvas-holder:before { position: absolute; top: auto; right: 20px; bottom: 50px; left: auto; display: block; width: 40px; height: 60px; content: ''; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .off-canvas-tops { position: relative; height: 38px; } .off-canvas-inner { position: relative; display: flex; overflow-x: hidden; overflow-y: auto; flex-flow: column nowrap; padding: 20px; } .off-canvas-wrap.is-dark-text, .amp-canvas-wrap.is-dark-text { background-color: #fff; } .admin-bar .off-canvas-wrap { top: 32px; } .mobile-js-menu .off-canvas-wrap { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-mask { position: fixed; z-index: 9801; top: -200%; left: 0; display: block; visibility: hidden; width: 100%; height: 100%; -moz-transition: background .4s cubic-bezier(0.32, 0.74, 0.57, 1), visibility .4s cubic-bezier(0.32, 0.74, 0.57, 1); -webkit-transition: background .4s cubic-bezier(0.32, 0.74, 0.57, 1), visibility .4s cubic-bezier(0.32, 0.74, 0.57, 1); transition: background .4s cubic-bezier(0.32, 0.74, 0.57, 1), visibility .4s cubic-bezier(0.32, 0.74, 0.57, 1); pointer-events: none; background: transparent; } .mobile-js-menu .site-mask { top: 0; visibility: visible; pointer-events: auto; background: rgba(255, 255, 255, 0.9); } .mobile-js-menu.off-canvas-light .site-mask { background: rgba(0, 0, 0, 0.9); } .mobile-js-menu .site-mask:hover { cursor: url('../images/close.svg'), default; } .close-panel-wrap { position: absolute; z-index: 100; top: 5px; right: 5px; bottom: auto; left: auto; } #off-canvas-close-btn { line-height: 32px; position: relative; display: block; width: 32px; height: 32px; cursor: pointer; -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); text-align: center; opacity: .7; color: #fff; background-color: rgba(255, 255, 255, 0.15); } .off-canvas-wrap.is-dark-text #off-canvas-close-btn { color: #333; } #off-canvas-close-btn:hover { opacity: 1; color: #fff; background-color: var(--g-color); } .btn-close { position: relative; display: block; width: 100%; height: 100%; } .btn-close:before { position: absolute; top: 50%; left: 50%; display: block; width: 20px; height: 1px; margin-top: -1px; margin-left: -10px; content: ''; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #fff; } .btn-close:after { position: absolute; top: 50%; left: 50%; display: block; width: 20px; height: 1px; margin-top: -1px; margin-left: -10px; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; } .btn-close:hover { opacity: 1; } .off-canvas-header .inner-bottom { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; } .off-canvas-header .inner-bottom > * { display: flex; flex-flow: row wrap; margin-top: 25px; } .off-canvas-header .inner-bottom-right > * { margin-left: 7px; } .off-canvas-header .inner-bottom-right > *:first-child { margin-left: 0; } .off-canvas-header .inner-bottom > *:last-child:not(.inner-bottom-right) { margin-right: auto; margin-left: auto; } .off-canvas-social a { font-size: 20px; line-height: 32px; display: inline-block; width: 32px; -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); text-align: center; } .off-canvas-social a:hover { opacity: .7 } .off-canvas-nav { position: relative; display: block; } .off-canvas-menu li { position: relative; } .off-canvas-menu > li > a { font-family: 'Quicksand', sans-serif; font-size: 16px; font-weight: 700; white-space: nowrap; letter-spacing: .02em; } .off-canvas-menu .sub-menu { font-family: 'Quicksand', sans-serif; font-size: 14px; font-weight: 500; position: relative; top: auto; right: auto; bottom: auto; left: auto; display: none; padding-bottom: 10px; padding-left: 25px; } .off-canvas-menu a { line-height: 1; display: flex; align-items: center; flex-flow: row nowrap; justify-content: space-between; -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); } .off-canvas-menu a > span { margin-top: 7px; margin-bottom: 7px; } .off-canvas-menu > li > a > span { margin-top: 10px; margin-bottom: 10px; } .off-canvas-menu .explain-menu { z-index: 99; flex: 1; padding: 10px; cursor: pointer; -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); text-align: right; opacity: .7; } .off-canvas-menu .explain-menu:hover { opacity: 1; } .off-canvas-wrap .widget-section-wrap { display: block; margin-top: 50px; } .off-canvas-header { position: relative; display: block; padding: 60px 20px 20px; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; } .off-canvas-header:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; pointer-events: none; background-color: rgba(0, 0, 0, .4); } .off-canvas-header .header-inner { position: relative; z-index: 10; } .off-canvas-logo { display: block; max-width: 100%; margin: 0 auto 20px auto; } .off-canvas-logo img { line-height: 0; display: inline-block; width: auto; max-height: 90px; } .off-canvas-subscribe { position: relative; display: block; } .off-canvas-subscribe a { font-size: .85rem; line-height: 1; display: inline-block; padding: 12px 30px; -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); text-align: center; background-color: var(--g-color); } .off-canvas-subscribe a:hover, .off-canvas-subscribe a:focus { background-color: #333; } .off-canvas-subscribe a * { line-height: inherit; display: inline-block; vertical-align: middle; } .off-canvas-subscribe a i { margin-right: 7px; } /* -------------------------------------------------------------- 6.0 - POST LISTING */ .p-grid, .p-list, .p-classic, .infeed-wrap { margin-bottom: 35px; } .is-post-shadow.p-wrap { box-shadow: 0 4px 20px rgba(0, 0, 0, .07); } .is-post-shadow .p-footer:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 10px; content: ''; content: ''; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .is-post-shadow .p-footer { position: relative; margin-top: 10px; padding-top: 18px; } .feat-round .p-wrap.p-grid-1.is-post-shadow .p-feat { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .feat-round .p-wrap.p-grid-1.is-post-shadow { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .p-wrap.p-grid-1.is-post-shadow .p-feat { margin-bottom: 20px; } [data-theme='dark'] .is-post-shadow { background-color: rgba(255, 255, 255, .03); } .block-wrap:not(.none-margin) .content-wrap { margin-bottom: -35px; } .elementor-widget-container > .block-wrap:not(.none-margin) .content-wrap { margin-bottom: 0; } .block-wrap .rb-error { line-height: 1.7; max-width: 600px; margin: 20px auto 0 auto; text-align: center; } .p-feat-holder { position: relative; display: block; } .p-feat { position: relative; display: block; overflow: hidden; } .rb-iwrap { position: relative; display: block; margin: 0 !important; padding-bottom: 67.56%; } .elementor-container .fw-grid-2 .pagination-wrap { margin-top: 0; } .rb-iwrap.pc-75 { padding-bottom: 75%; } .rb-iwrap.pc-110, .rb-iwrap.pc-150 { padding-bottom: 112%; } .elementor .rb-iwrap img, .rb-iwrap 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); } .rb-iwrap.autosize { padding-bottom: 0; } .rb-iwrap.autosize img { position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 100%; height: auto; } .content-overlay { position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-flow: column wrap; justify-content: flex-end; pointer-events: none; } .overlay-holder { position: relative; z-index: 100; display: block; padding: 0 20px 15px; pointer-events: auto; } .p-overlay .content-overlay:before { position: absolute; z-index: -1; top: 50%; right: 0; bottom: 0; left: 0; height: auto; content: ''; -webkit-transition: none; transition: none; pointer-events: none; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .8))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%); } .p-overlay.f-gradient .content-overlay:before { display: none; } .is-fmask .p-overlay.f-gradient .rb-iwrap:after { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; height: auto; content: ''; -webkit-transition: none; transition: none; pointer-events: none !important; opacity: .5; background-color: #000; } .overlay-holder > * { position: relative; } .p-format { font-size: 48px; position: absolute; z-index: 99; top: 50%; left: 50%; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; pointer-events: none; color: #fff; } .p-format i { font-size: inherit; line-height: 60px; display: block; text-align: center; vertical-align: middle; text-shadow: 1px 4px 10px rgba(0, 0, 0, .4); } .p-overlay .p-format { top: 15px; right: 15px; bottom: auto; left: auto; width: auto; height: auto; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } .p-overlay .p-format i { line-height: 1; letter-spacing: 0; } .p-format.format-gallery i:before { font-size: .825em; } .p-cat-info { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 600; line-height: 0; position: absolute; z-index: 4; top: auto; right: 0; bottom: 0; left: 0; display: flex; align-items: center; flex-flow: row wrap; flex-grow: 1; padding: 0 12px 12px 12px; gap: 5px; } .p-cat-info.is-relative { position: relative; top: auto; right: auto; bottom: auto; left: auto; margin-bottom: 10px; padding: 0; } .p-cat-info > * { display: inline-flex; } .overlay-holder .p-cat-info.is-relative { margin-bottom: 7px; } .is-fmask .p-feat .p-cat-info.is-absolute:before { position: absolute; z-index: -1; top: -20px; right: 0; bottom: 0; left: 0; height: auto; content: ''; -webkit-transition: none; transition: none; pointer-events: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .5))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); } .cat-info-el { line-height: 1; align-items: 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); white-space: nowrap; letter-spacing: .0215rem; color: inherit; } .cat-info-el:hover, .cat-info-el:focus { opacity: .9; } .additional-meta { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; align-items: center; padding-left: 5px; gap: 5px; } .additional-meta i { font-size: .9em; } .cat-icon-square .p-cat-info .additional-meta:before, .cat-icon-line .p-cat-info .additional-meta:before { height: 6px; padding-right: 5px; content: ''; opacity: .3; border-left: 1px solid; } .p-grid-5 .additional-meta, .p-grid-6 .additional-meta, .single-4 .additional-meta { color: #666; } .p-url, .p-wrap .p-url { font-family: inherit; font-weight: inherit; line-height: inherit; display: inline; margin: 0; padding: 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); letter-spacing: inherit; text-transform: inherit; word-break: break-word; color: inherit; text-decoration-line: underline; text-decoration-color: transparent; -webkit-text-decoration-color: transparent; -moz-text-decoration-color: transparent; } .p-url:hover, .p-url:focus, .p-wrap .p-url:hover, .p-wrap .p-url:focus { color: var(--g-color); text-decoration-color: currentColor; -webkit-text-decoration-color: currentColor; -moz-text-decoration-color: currentColor; } .p-tagline p { color: inherit; } .p-wrap .entry-summary, .rb-sdecs, .twitter-content.entry-summary { font-size: .85rem; line-height: 1.7; margin-top: 12px; color: #666; } .p-link { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 600; display: inline-flex; align-items: center; flex-flow: row nowrap; min-height: 24px; margin-left: auto; white-space: nowrap; color: #333; } .p-link i { line-height: 1; margin-left: 5px; -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); -webkit-transform: translateX(0); transform: translateX(0); color: inherit; } .p-link:hover { color: var(--g-color); } .p-link:hover i { -webkit-transform: translateX(4px); transform: translateX(4px); } .p-wrap.sticky .entry-title:before { font-family: 'ruby-icon'; font-size: .85em; margin-right: 2px; content: '\e00e'; text-decoration-line: none; } .p-footer { display: flex; align-items: center; flex-flow: row nowrap; flex-grow: 1; margin-top: 12px; } .rb-hf .p-footer { margin-top: 5px; } .p-meta-info { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; display: flex; align-items: center; flex-flow: row wrap; flex-grow: 1; letter-spacing: .0215rem; color: #666; gap: 7px; } .is-meta-border .p-classic .p-footer:before, .is-meta-border .p-overlay-4 .p-footer:before, .is-meta-border .p-overlay-9 .p-footer:before, .is-meta-border .p-list-1 .p-footer:before { position: absolute; top: 0; display: block; width: 90px; height: 2px; content: ''; background: currentColor; } .is-meta-border .p-overlay-4 .p-footer:before { left: 50%; margin-left: -45px; } .is-meta-border .fw-feat-6 .p-overlay-4 .p-footer:before { left: 0; margin-left: 0; } .fw-feat-6 .p-overlay-4 .p-meta-sponsor { margin-left: 0; } .is-meta-border .p-classic .p-footer, .is-meta-border .p-overlay-4 .p-footer, .is-meta-border .p-overlay-9 .p-footer, .is-meta-border .p-list-1 .p-footer { position: relative; margin-top: 20px; padding-top: 20px; } .meta-info-el { display: inline-flex; align-items: center; gap: 3px; } .meta-info-el:before { width: 0; height: 6px; padding-right: 4px; content: ''; letter-spacing: 0; opacity: .3; border-left: 1px solid; } .meta-info-el:first-child:before { display: none; } .meta-avatar { flex-shrink: 0; margin-right: 3px; } .p-wrap .meta-avatar img, .meta-avatar img { display: inline-flex; width: 22px; height: 22px; -webkit-border-radius: 50%; border-radius: 50%; object-fit: cover; } .meta-info-author.co-authors .meta-avatar img:not(:first-child) { margin-left: -8px; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); } .meta-info-author.co-authors a:not(:last-child):after { font-size: 10px; font-weight: normal; display: inline-flex; margin-right: 2px; margin-left: 2px; content: '/'; opacity: .5; } .meta-info-el a { -webkit-transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1); } .meta-info-el a:hover { color: var(--g-color); } abbr.updated { display: none !important; } .meta-info-tag a:after, .meta-info-cat a:after { margin-right: 2px; margin-left: 2px; content: ','; letter-spacing: 0; } .meta-info-author.meta-info-el { font-weight: 700; color: #333; } .meta-info-tag a:last-of-type:after, .meta-info-cat a:last-of-type:after { display: none; } .meta-shop-post i { font-size: 1.15em; font-weight: normal; margin-right: 4px; } .p-grid .p-feat, .p-classic .p-feat { margin-bottom: 15px; } .p-classic .p-feat-holder, .single-1 .single-feat { display: flex; flex-flow: column nowrap; max-width: 100%; } .p-classic.p-classic-2 .p-header { margin-bottom: 20px; text-align: center; } .p-classic.p-classic-2 .p-feat { margin-bottom: 0; } .p-classic-2 .p-footer:before { position: absolute; z-index: -1; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; pointer-events: none; opacity: .15; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .p-classic-2 .p-footer { position: relative; padding: 10px 20px; } .none-core.p-classic .rb-iwrap img { position: relative; width: auto; height: auto; } .none-core.p-classic .rb-iwrap { display: inline-block; width: auto; padding: 0; } .p-grid-2 .p-review-info { padding-right: 12px; padding-left: 12px; } .p-grid-2 .p-format i, .p-grid-4 .p-format i { font-size: .8em; } .p-grid-4 .p-feat { margin-bottom: 10px; } .p-grid-4.is-pop-style .p-header { display: flex; align-items: flex-start; flex-flow: row nowrap; } .p-grid-4.is-pop-style .p-header .counter-index { font-size: 1.5em; font-style: italic; line-height: 1; flex-shrink: 0; margin-right: 7px; color: var(--g-color); } .p-grid-4.is-pop-style .entry-title { flex-grow: 1; } .p-grid-5, .p-grid-6, .p-masonry-1 { display: flex; flex-flow: column nowrap; } .p-grid-5, .p-grid-6 { margin-bottom: 0 !important; } .p-grid-5 .p-feat, .p-grid-6 .p-feat, .p-masonry-1 .p-feat { margin-bottom: 0; } .p-grid-5 .p-review-info, .p-grid-6 .p-review-info, .p-masonry-1 .p-review-info { top: auto; right: 0; bottom: 0; left: 0; justify-content: center; } .p-grid-5 .p-content-wrap, .p-masonry-1 .p-content-wrap { display: flex; align-items: center; flex-flow: column nowrap; justify-content: center; padding: 20px 20px 0 20px; } .p-grid-5 .entry-summary { text-align: center; } .p-grid-6 .p-content-wrap { display: flex; align-items: center; min-height: 140px; padding: 20px; background-color: #fafafa; } .p-grid-6 .p-content-inner { display: flex; align-items: center; flex: 0 0 100%; flex-flow: column nowrap; justify-content: center; } .p-masonry-1 .p-footer { position: relative; width: 100%; margin-top: 15px; padding-top: 20px; } .p-masonry-1 .p-footer:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 10px; content: ''; opacity: .15; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .p-grid-5 .p-header, .p-grid-6 .p-header, .p-masonry-1 .p-header { text-align: center; } .p-masonry-1 .entry-summary { text-align: center; } .p-wrap.p-grid-w1 { position: relative; display: block; margin-bottom: 20px; } .p-grid-w1 .entry-title { margin-bottom: 0; } .p-grid-w1 .p-format i, .p-list-4 .p-format i { font-size: 32px !important; } .p-list-4 .p-footer { margin-top: 5px; } .p-list-1.rb-row, .p-list-9.rb-row { align-items: center; } .p-list-1 .p-header, .p-list-9 .p-header { flex: 0 0 100%; width: 100%; } .p-list-1 .p-feat-holder, .p-list-9 .p-feat-holder { flex-grow: 1; } .p-list-2 { display: flex; align-items: center; flex-flow: row nowrap; } .p-list-2 .col-left { flex-shrink: 0; width: 209px; height: auto; min-height: 100%; margin: 0 20px 0 0; } .p-list-2 .col-right { flex: 1; } .p-list-3 { display: flex; align-items: center; flex-flow: row nowrap; } .p-list-3 .col-left { flex-shrink: 0; width: 260px; margin-right: 20px; } .p-list-3 .col-right { flex-grow: 1; } .post-list-3 .read-it-later i { font-size: .72em; } .p-list-4.p-list { position: relative; display: flex; align-items: center; margin-bottom: 25px; } .trending-section .p-list.p-list-4 { margin-bottom: 20px; } .trending-section .p-list.p-list-4:last-child { margin-bottom: 0; } .p-list-4 .col-left { flex-shrink: 0; width: 100px; height: auto; margin-right: 20px; } .p-list-4 .col-right { flex-grow: 1; } .p-list-5 { position: relative; display: flex; align-items: center; flex-flow: row wrap; margin-bottom: 4px !important; padding-bottom: 3px; border-bottom: 1px solid #8882; } .p-cat-dot { flex-shrink: 0; padding-right: 5px; } .p-list-4 .post-footer { margin-top: 3px; } .p-list-5 .post-footer { margin-top: 2px; } .p-list-5 .p-header { display: flex; align-items: center; flex-flow: row nowrap; } .p-list-5 .entry-title { flex-grow: 1; } .p-list-6, .p-list-7 { background-color: #fafafa; } .p-list-6 .p-feat-holder, .p-list-7 .p-feat-holder { flex-grow: 1; height: 100%; } .p-list-6 .p-feat, .p-list-6 .rb-iwrap, .p-list-7 .p-feat, .p-list-7 .rb-iwrap { height: 100%; } .p-wrap.p-list.p-list-6, .p-wrap.p-list.p-list-7 { margin-bottom: 0; } .p-list-6 .col-right, .p-list-7 .col-right { align-items: center; padding: 40px; } .cat-dot-el { line-height: 10px; display: inline-block; width: 10px; height: 10px; margin-right: 3px; vertical-align: baseline; background-color: #333; } .p-overlay-1:not(.rb-hf) .p-footer, .p-overlay-7:not(.rb-hf) .p-footer { margin-bottom: calc(-1.375rem - 12px); -webkit-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1), margin-bottom .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1), margin-bottom .3s cubic-bezier(0.32, 0.74, 0.57, 1); opacity: 0; } .p-overlay-1:not(.rb-hf) .p-meta-info, .p-overlay-7:not(.rb-hf) .p-meta-info { flex-wrap: nowrap; } body .p-overlay-1:not(.rb-hf):hover .p-footer, body .p-overlay-7:not(.rb-hf):hover .p-footer { margin-bottom: 0; opacity: 1; } .p-overlay-4 .overlay-holder { flex-grow: 1; width: 100%; max-width: 860px; padding: 0; } .p-overlay-9 .overlay-holder { flex-grow: 1; width: 100%; max-width: 860px; padding: 0; } .p-overlay-4 .overlay-holder:before, .p-overlay-9 .overlay-holder:before { display: none; } .p-overlay-4 .p-feat:after, .p-overlay-9 .p-feat:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; pointer-events: none; opacity: .5; background-color: #000; } .p-overlay-4 .rb-iwrap { padding-bottom: 50%; } .p-overlay-9 .rb-iwrap { padding-bottom: 56.25%; } .p-overlay-4 .p-meta-info { justify-content: center; } .p-overlay-4 .p-meta-sponsor { justify-content: center; margin-right: auto; margin-left: auto; } .p-overlay-4 .content-overlay, .p-overlay-4 .p-cat-info { align-items: center; justify-content: center; text-align: center; } .p-overlay-6 .content-overlay, .p-overlay-6 .p-footer { align-items: center; justify-content: center; } .p-overlay-6 .overlay-holder { padding-bottom: 0; } .p-overlay-6 .p-header { text-align: center; } .p-overlay-6.p-overlay .content-overlay:before { top: 0; right: 0; bottom: 0; left: 0; opacity: .6; background: #000; } .p-overlay-6.p-overlay.no-overlay .content-overlay:before { opacity: .2; } .p-overlay-7 { margin-bottom: 10px; } .p-overlay-7:last-child { margin-bottom: 0; } .slider-feat-4 .owl-dots, .slider-feat-5 .owl-dots { position: absolute; right: 0; bottom: 20px; left: 0; color: #fff; } .is-header-float .slider-feat-4.per-load { height: 220px; } .is-header-float .fw-feat-4 .load-animation { background-color: #333; } .rb-owl .content-overlay { -webkit-transition: opacity .5s cubic-bezier(0.32, 0.74, 0.57, 1); transition: opacity .5s cubic-bezier(0.32, 0.74, 0.57, 1); -webkit-transition-delay: .3s; transition-delay: .3s; opacity: 0; will-change: opacity; } .rb-owl .owl-item.active .content-overlay, .rb-owl .owl-item.loaded .content-overlay { opacity: 1; } .sponsor-inner { display: inline-flex; align-items: center; flex-flow: row wrap; gap: 4px; } .sponsor-label { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; letter-spacing: .0215rem; } .sponsor-link { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 700; display: flex; align-items: center; -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); letter-spacing: .0215rem; color: var(--g-color); } .sponsor-link:hover { opacity: .7; } img.sponsor-logo { overflow: hidden; width: auto; height: auto; max-height: 30px; margin-left: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .sponsor-inner i { font-weight: normal; opacity: .7; } .single-3 .single-header-overlay .sponsor-inner, .single-4 .single-header .sponsor-inner { justify-content: center; } .single-2 .single-header-overlay .sponsor-link, .single-3 .single-header-overlay .sponsor-link { text-transform: uppercase; } .single-widget-section { position: relative; display: block; margin-right: auto; margin-left: auto; } .single-top-section .widget { margin-bottom: 40px; } .single-bottom-section .widget { margin-top: 40px; } /* -------------------------------------------------------------- 7.0 - SECTIONS & BLOCKS */ .block-header { position: relative; display: flex; align-items: center; flex: 0 0 100%; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; width: 100%; max-width: 100%; margin-bottom: 30px; } .block-title { line-height: 1; position: relative; z-index: 2; flex-shrink: 0; white-space: nowrap; } .block-header-1 .block-title { padding: 0 12px; } .block-header-dot .block-title:before { position: absolute; z-index: 1; top: -5%; right: auto; bottom: -5%; left: 0; display: block; width: 40px; height: 110%; content: ''; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .block-title 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); } .block-title a:hover { opacity: .7; } .block-header-dot .block-title { line-height: 1; padding-left: 10px; } .block-header-1 .block-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; border-left: 2px solid; } .block-header-1 .block-title:after { position: absolute; top: auto; right: 0; bottom: 0; left: auto; width: 7px; height: 7px; content: ''; pointer-events: none; opacity: .3; border-right: 2px solid; border-bottom: 2px solid; } .block-header-3 .block-title { padding: 0 12px 0 15px; } .block-header-3 .block-title:before { position: absolute; top: 50%; right: auto; bottom: auto; left: 0; width: 7px; height: 18px; margin-top: -9px; content: ''; background-color: var(--g-color); } .block-header-4 .block-title { padding: 5px 20px; color: #fff; background-color: #333; } .block-header-2 .block-header, .block-header-5 .block-header { flex-flow: column nowrap; justify-content: center; } .block-header-2 .block-title, .block-header-5 .block-title { display: block; float: none; } .block-header-2 .cat-list-inner .block-header, .block-header-5 .cat-list-inner .block-header { align-items: center; } .block-header-2 .cat-list-inner .element-desc, .block-header-5 .cat-list-inner .element-desc { text-align: center; } .block-header-2 .block-title:before, .block-header-2 .block-title:after { position: absolute; top: 50%; right: 110%; right: calc(100% + 10px); left: auto; display: block; width: 40px; height: 1px; content: ''; background-color: currentColor; } .block-header-2 .block-title:after { right: auto; left: 110%; left: calc(100% + 10px); } .block-header-5 .block-title:before, .block-header-5 .block-title:after { position: absolute; top: 50%; right: calc(100% + 10px); left: auto; display: block; width: 10px; height: 10px; margin-top: -5px; content: ''; background-color: currentColor; } .block-header-5 .block-title:after { right: auto; left: calc(100% + 10px); } .block-header-2 .ajax-quick-filter, .block-header-5 .ajax-quick-filter { display: block; float: none; margin-top: 10px; margin-right: auto; margin-left: auto; } .block-header-2 .ajax-quick-filter-inner, .block-header-5 .ajax-quick-filter-inner { text-align: center; } .block-header-2 .block-view-more, .block-header-2 .block-view-more i, .block-header-5 .block-view-more, .block-header-5 .block-view-more i { display: none; } .block-header-2 .block-view-more, .block-header-5 .block-view-more { display: block; margin-top: 15px; margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; } .block-header-2 div[class *='fw-feat'] .block-view-more, .block-header-5 div[class *='fw-feat'] .block-view-more { margin-top: 10px; } .block-header-6 .block-header { flex-flow: row wrap; } .block-header-6 .block-title:before { position: absolute; z-index: -1; top: 50%; left: 0; display: block; width: 42px; height: 42px; margin-top: -21px; content: ''; pointer-events: none; opacity: .1; border-radius: 50%; background-color: currentColor; } .block-header-7 .block-header:after { position: absolute; right: 0; bottom: -5px; left: 0; width: 100%; height: 5px; content: ''; background-color: currentColor; } .block-header-7 .block-header .block-title:first-letter { color: var(--g-color); } .ajax-quick-filter { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; line-height: 1.7; position: relative; display: flex; flex-grow: 1; max-width: 100%; margin-left: 20px; color: #333; } .filter-el { display: inline-block; white-space: nowrap; } .filter-el:after { display: inline-block; margin-right: 3px; margin-left: 5px; content: '/'; pointer-events: none; opacity: 1 !important; color: rgba(0, 0, 0, .2); } .filter-el:last-child:after { display: none; } .block-view-more { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; margin-left: auto; padding-left: 20px; color: #333; } .block-view-more a { font-size: inherit; font-weight: inherit; font-style: inherit; display: flex; align-items: center; flex-flow: row nowrap; flex-shrink: 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); white-space: nowrap; opacity: .5; color: inherit; } .block-view-more .view-more-desc { font-size: inherit; font-weight: inherit; font-style: inherit; display: flex; align-items: center; flex-flow: row nowrap; flex-shrink: 0; margin-top: -5px; white-space: nowrap; opacity: .7; color: inherit; } .block-view-more a i { margin-left: 4px; -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); -webkit-transform: translateX(0); transform: translateX(0); } .block-view-more a:hover { opacity: 1; } .block-view-more a:hover i { -webkit-transform: translateX(4px); transform: translateX(4px); } .quick-filter-link { font-size: inherit; font-weight: inherit; -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); letter-spacing: inherit; opacity: .5; color: #333; } .quick-filter-link.is-active, .quick-filter-link:hover { opacity: 1; } .block-view-more a:hover, .block-view-more a:focus { color: #333; } .block-header-6 .block-view-more { flex: 0 0 100%; margin-top: 15px; margin-right: auto; margin-left: 0; padding: 0; } .block-header-6 .view-more-desc { max-width: 220px; white-space: normal; } .block-header-6 .ajax-quick-filter { justify-content: flex-end; margin-right: 0; } .fw-feat-1 .p-feat, .fw-feat-11 .p-feat, .fw-feat-17 .p-overlay-1 .p-feat, .fw-feat-17 .p-list-4 { -webkit-box-shadow: 4px 7px 20px rgba(0, 0, 0, .05); box-shadow: 4px 7px 20px rgba(0, 0, 0, .05); } .amp-featured-outer { margin-top: 50px; } .block-wrap.fw-feat-2 { max-width: 1520px; margin-right: auto; margin-left: auto; } .fw-feat-2 .p-overlay-1 .p-format { top: 20px; right: 20px; bottom: auto; left: auto; } .fw-feat-2 .p-overlay-1 .p-format i { margin: 0 !important; } .fw-feat-3 .content-inner, .fw-feat-10 .content-inner { margin-right: -5px; margin-left: -5px; } .fw-feat-3 .p-wrap { padding-right: 5px; padding-left: 5px; } .fw-feat-10 .p-wrap { margin-right: 5px; margin-left: 5px; } .fw-feat-12 .content-inner, .fw-feat-12 .p-wrap { margin-right: 5px; margin-left: 5px; } .block-advert .advert-wrap { text-align: center; } .slider-feat-13 { position: relative; } .ct-nav { display: none !important; } .ct-nav-holder { position: relative; display: block; overflow: hidden; padding: 10px 20px; } .ruby-dot { margin: 1px 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); } .ruby-dot * { pointer-events: none; } .ct-nav-holder .nav-image img { opacity: .4; } .ct-nav-holder .cat-dot-el { background-color: #fff; } .ct-nav-holder .p-cat-dot, .ct-nav-holder .cat-dot-el { position: absolute; top: 0; right: 0; bottom: 0; height: 100%; margin: 0; padding: 0; } .ct-nav-holder .nav-image { position: absolute; top: 0; bottom: 0; left: 0; display: block; overflow: hidden; width: 100%; height: 100%; -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); opacity: 1; background-color: #000; object-fit: cover; object-position: center; } .ct-nav-holder .nav-image img { width: 100%; height: 100%; object-fit: cover; } .ct-nav-holder .nav-title { position: relative; z-index: 10; } .rb-owl.slider-feat-13 .owl-dots, .slider-feat-13 .owl-dots { margin: 0; } .rb-slideout { -webkit-animation-name: RBslideOutDown; animation-name: RBslideOutDown; } @-webkit-keyframes RBslideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes RBslideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fw-feat-7 .content-inner { margin-right: -10px; margin-left: -10px; } .fw-feat-7 .p-wrap, .fw-feat-9 .p-wrap { padding-right: 10px; padding-left: 10px; } .fw-feat-9 .content-inner { margin-right: 10px; margin-left: 10px; } .rb-about { width: 100%; } .rb-about-inner { position: -webkit-sticky; position: sticky; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; padding-left: 30px; } .about-holder { text-align: center; } .about-holder > * { display: block; margin-top: 15px; } .about-holder > *:first-child { margin-top: 0; } .about-bio { max-width: 500px; margin-right: auto; margin-left: auto; } .w-sidebar .about-bio { max-width: 100%; margin-right: 0; margin-left: 0; } .rbc-sidebar .about-bio p a { color: var(--g-color); border-bottom: 1px dashed; } .about-brand img { width: auto; max-height: 200px; } .about-signature img { width: auto; max-height: 300px; } .about-social { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; display: flex; align-items: center; width: 30px; height: 100%; pointer-events: none; } .about-holder .about-social { margin-top: 0; } .about-social a { font-size: 17px; line-height: 30px; display: block; width: 30px; height: 30px; text-align: center; pointer-events: auto; } .block-wrap.fw-feat-15 { overflow: hidden; max-width: 1420px; margin-right: auto; margin-left: auto; } .fw-feat-16 .rb-iwrap.pc-75 { padding-bottom: 50%; } .fw-feat-16 .content-inner { align-items: flex-start; } .fw-feat-16 .col-right > *:not(:last-child) > .p-wrap.p-list-2 { margin-bottom: 20px; } .block-wrap.fw-feat-18 { margin-right: auto; margin-left: auto; } .fw-feat-18 .p-overlay-1 .p-format { top: 20px; right: 20px; bottom: auto; left: auto; } .elementor .fw-feat-18 .rb-iwrap img { max-height: none; } .fw-ms-1, .fw-mh-1 { float: left; width: 33%; } .ct-ms-1, .ct-mh-1 { float: left; width: 50%; } .ct-mh-1--width2, .fw-mh-1--width3 { width: 100%; } .fw-ms-c4, .fw-mh-c4 { float: left; width: 25%; } .about-me-wrap { display: flex; align-items: center; flex-flow: row nowrap; flex-direction: row-reverse; } .about-me-wrap .about-content { flex-grow: 1; } .about-me-wrap .about-image { flex: 0 0 400px; margin-left: 50px; } .about-content > * { margin-bottom: 15px; } .about-content > *:last-child { margin-bottom: 0; } .about-tagline, .about-desc { color: #666 } .about-desc a { position: relative; -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); text-decoration: underline; color: #333; } .about-desc a:hover, [data-theme='dark'] .about-desc a:hover, .is-light-text .about-desc a:hover { color: var(--g-color); } .is-light-text .about-tagline, .is-light-text .about-desc { color: #f2f2f2; } .is-light-text .about-desc a { color: #fff; } .about-tagline { font-size: 1.3rem; line-height: 1.2; } .about-desc { font-size: .875rem } .about-title { font-size: 2rem; line-height: 1.2; } .about-sign img { width: auto; max-height: 50px; } .block-tagline { font-size: 16px; display: block; overflow: hidden; max-width: 85%; margin-top: 15px; } .block-mix .p-grid-1 { margin-bottom: 25px; } .block-mix .content-inner > .p-wrap:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .block-mix a.pagination-link { line-height: 32px; min-width: auto; margin-right: 10px; margin-left: 0; } .block-mix a.pagination-link i { margin: 0; } .block-mix .pagination-nextprev .pagination-link span { display: none; } .block-mix .pagination-wrap.pagination-nextprev { justify-content: flex-start; margin-top: 20px; } .fw-mix-1 .p-wrap:first-child, .ct-mix-1 .p-wrap:first-child { margin-bottom: 10px; } .subscribe-box.layout-1 { display: flex; align-items: center; flex-direction: row; } .subscribe-box.layout-1 .subscribe-content { flex: 0 0 40%; width: 40%; text-align: left; } .subscribe-box.layout-1 .subscribe-form { flex: 0 0 100%; width: 100%; } .subscribe-description { font-size: .85rem; display: block; margin-top: 10px; color: #666; } .subscribe-box.layout-1 .subscribe-content { padding-right: 40px; } .subscribe-box.layout-1 .mc4wp-form-fields { margin-left: auto; } .subscribe-box.layout-1 .subscribe-form form { position: relative; display: block; } .subscribe-box .subscribe-form input { max-width: 100%; margin-bottom: 0; } .subscribe-box .subscribe-form input[type='email'], .subscribe-box .subscribe-form input[type='text'] { line-height: 26px; width: 100%; border: none !important; background-color: #fff; } .is-light-text .subscribe-box .subscribe-form input[type='email'], .is-light-text .subscribe-box .subscribe-form input[type='text'] { background-color: rgba(255, 255, 2555, .1); } .subscribe-box .mc4wp-form-fields p { margin: 0; padding: 0; } .subscribe-box.layout-2 { text-align: center; } .subscribe-box.layout-2 .subscribe-content { display: block; margin-bottom: 30px; } .mc4wp-response > * { font-size: .85rem; display: block; margin-top: 15px; } .rb-newsletter .rb-newsletter-form { display: flex; flex-flow: column nowrap; } .rb-newsletter .newsletter-input { display: flex; align-items: stretch; flex-flow: row nowrap; } .rb-newsletter .rb-newsletter { display: flex; flex-grow: 1; width: 100%; } .rb-newsletter .newsletter-form { display: flex; align-items: stretch; flex-grow: 1; } .rb-newsletter .layout-1 .newsletter-email { flex-grow: 1; margin: 0; text-align: left; } .rb-newsletter button.newsletter-submit { position: relative; z-index: 1; flex-shrink: 0; margin-left: 0; padding: 0 45px; text-align: center; } button.newsletter-submit-icon { font-size: 24px; } .rb-newsletter .subscribe-box.layout-1 input.newsletter-email { border-bottom: none !important; background-color: #fff; } .rb-newsletter .subscribe-box.layout-1 button.newsletter-submit-icon { padding: 0 25px; color: inherit; background-color: #fff; } .rb-newsletter .subscribe-box.layout-1 .newsletter-email { display: flex; flex-grow: 1; padding: 0 25px; } .rb-newsletter .newsletter-privacy { display: flex; width: 100%; margin-top: 15px; } .rb-newsletter .rb-newsletter .newsletter-content { padding: 0; } .rb-newsletter .rb-newsletter form { margin-top: 0; } .rb-newsletter .rb-newsletter-inner { max-width: 560px; margin-left: auto; } .rb-newsletter .layout-2 .newsletter-input { flex-flow: row wrap; justify-content: center; } .rb-newsletter .layout-2 .rb-newsletter-inner { max-width: 460px; margin-right: auto; margin-left: auto; } .rb-newsletter .layout-2 .newsletter-privacy { justify-content: center; } .rb-newsletter .subscribe-description { line-height: 1.5; margin-top: 12px; white-space: normal; } .widget-newsletter .rb-newsletter { border: 1px solid #8882; border-top: 5px solid currentColor; } .widget-newsletter .rb-newsletter .newsletter-input { flex-flow: row wrap; justify-content: center; } .widget-newsletter .newsletter-privacy label { font-size: .75rem; } .feat-6-content-wrap, .feat-6-content > .rb-row, .fw-feat-6 .p-overlay-4 .content-overlay > *, .p-overlay-9 .content-overlay > * { display: flex; align-items: center; flex: 1; width: 100%; } .feat-6-content-wrap .p-wrap { margin-bottom: 10px; } .feat-6-holder { display: flex; overflow: hidden; margin-top: 10px; } .feat-6-content { position: relative; z-index: 10; display: flex; flex: 1; } .fw-feat-6 .p-overlay-4 { position: relative; z-index: 1; } .fw-feat-6 .p-overlay-4 .p-feat { pointer-events: none; } .fw-feat-6 .p-overlay-3 .p-format { font-size: 36px; } .rb-cookie { position: fixed; z-index: 9990; bottom: 15px; left: 15px; display: none; visibility: hidden; width: 300px; padding: 15px 20px; -webkit-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1); transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1); pointer-events: none; opacity: 0; color: #fff; background-color: #333; -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .07); box-shadow: 0 4px 30px rgba(0, 0, 0, .07); } .rb-cookie.is-show { visibility: visible; pointer-events: auto !important; opacity: 1; } .rb-cookie p { font-size: .775rem; } .rb-cookie .cookie-content a { -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); text-decoration: underline; } .rb-cookie .cookie-content a:hover { opacity: .7; } .rb-cookie .cookie-footer { display: block; margin-top: 10px; text-align: right; } .rb-cookie .cookie-accept { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; line-height: 26px; display: inline-block; padding: 0 30px; cursor: pointer; -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); white-space: nowrap; color: #fff; background-color: rgba(225, 255, 255, .2); box-shadow: none !important; } .cookie-accept:hover { background-color: var(--g-color); } .block-pp-desc { position: relative; margin-bottom: 30px; } button.pp-filter-el { line-height: 1; position: relative; margin-right: 10px; padding: 7px 25px; -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); opacity: .5; color: inherit; background: none; } .is-light-text .pp-filter-el, [data-theme='dark'] .pp-filter-el { background: none; } button.pp-filter-el:hover { opacity: 1; background: none; } button.pp-filter-el.active { opacity: 1; color: #fff; background-color: #333; } .pp-terms-filter { position: relative; display: block; margin-bottom: 20px; } .filter-label { position: relative; } .filter-count { font-size: 10px; position: absolute; top: -2px; left: 100%; padding-left: 2px; } .pp-filter-el.active .filter-count { display: none; } .p-wrap.p-list-8 { margin-bottom: 20px; } .p-wrap.p-list-8:last-child { margin-bottom: 0; } .fw-feat-17 .content-inner { align-items: flex-start; } .fw-feat-17 .sleft .p-wrap { margin-bottom: 0; } .fw-feat-17 .p-list-4 { overflow: hidden; } .fw-feat-17 .p-list-4 .col-left, .fw-feat-17 .p-list-4 .p-feat, .fw-feat-17 .p-list-4 .rb-iwrap { height: 100%; } .fw-feat-17 .p-list-4 .p-feat { -webkit-border-radius: 0; border-radius: 0; } .fw-feat-17 .p-list-4 .col-left { width: 120px; } .fw-feat-17 .p-list-4 .col-right { padding: 10px 15px 10px 0; } .fw-feat-17 .sub-inner { display: flex; flex-flow: row wrap; flex-grow: 1; } .fw-feat-17 .sub-inner > * { flex: 0 0 100%; max-width: 100%; } /* -------------------------------------------------------------- 8.0 - SINGLE POSTS */ .single-content-wrap { position: relative; display: block; width: 100%; } h1.single-title { margin-bottom: 20px; } .single-entry-meta { display: flex; align-items: center; flex-flow: row nowrap; margin-top: 15px; } .single-entry-meta.has-avatar { margin-top: 20px; } .is-single-sponsor { margin-top: 0; margin-bottom: 15px; } .is-single-sponsor .sponsor-icon { font-size: 16px; } .single-m-info { display: none; } .single-meta-avatar { display: flex; flex-shrink: 0; margin-right: 12px; } .single-meta-avatar.meta-avatar a:not(:first-child) { margin-left: -8px; } .single-meta-avatar.meta-avatar a:not(:first-child) img { box-shadow: 0 1px 2px rgba(0, 0, 0, .2); } .single-entry-meta .inner { display: flex; align-items: flex-start; flex-flow: column nowrap; } .single-meta-avatar img { display: block; width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; object-fit: cover; } .small-size.single-entry-meta img { width: 24px; height: 24px; } .small-size.single-entry-meta .single-meta-avatar { margin-right: 7px; } .single-meta-bottom { margin-top: 5px; } .updated-info .meta-label { opacity: .7; } .single-top-share { position: relative; display: flex; flex-flow: row nowrap; background-color: rgba(0, 0, 0, .025); } .single-entry-meta .share-icon { font-size: 12px; line-height: 24px; padding: 0 5px; -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); text-align: center; } .entry-attachment { position: relative; display: block; margin-bottom: 30px; } .entry-attachment img { display: block; width: auto; max-width: 100%; height: auto; } .entry-content { position: relative; display: block; } .entry-content > *, .comment-content > * { max-width: 100%; margin-block-start: 0; margin-block-end: var(--cp-spacing, 1.5rem); } .entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .comment-content h3, .comment-content h4, .comment-content h5, .entry-content h6, .comment-content h6 { margin-block-start: 0; margin-block-end: calc(var(--cp-spacing, 1.5rem) * .6); } .entry-content .rb-categories { margin-bottom: 0; } .comments-pagination { font-size: 12px; display: flex; justify-content: center; margin: 20px 0 20px 0; padding-bottom: 30px; border-bottom: 5px solid #88888815; } .comments-pagination .nav-previous, .comments-pagination .nav-next { padding-right: 10px; padding-left: 10px; } .entry-content p { word-wrap: break-word; margin-block-start: 0; margin-block-end: var(--cp-spacing, 1.5rem); } .entry-content figure { max-width: 100%; height: auto; } .entry-content > *.alignleft, img.alignleft, .entry-content p img.alignleft { float: left; margin-top: 0; margin-right: var(--cp-spacing, 1.5rem); margin-left: 0; } img.aligncenter, .entry-content p img.aligncenter, .entry-content > *.aligncenter, .entry-summary > *.aligncenter { display: block; margin-right: auto; margin-left: auto; } .entry-content > *.alignright, img.alignright, .entry-content p img.alignright { float: right; margin-top: 0; margin-right: 0; margin-left: var(--cp-spacing, 1.5rem); } .entry-content input[type='password'] { min-width: 40%; margin-left: 20px; } .entry-content .woocommerce { margin-bottom: 0; } .entry-content .woocommerce div.product { margin-bottom: 2rem; } .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, .entry-content > .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; } .entry-content .wp-block-gallery { width: 100% !important; } .wp-block-gallery.alignwide { clear: both; } .wp-block-image figure { margin: 0; } .wp-block-image .alignleft { float: left; margin-right: var(--cp-spacing, 1.5rem); } .wp-block-image .alignright { float: right; margin-left: var(--cp-spacing, 1.5rem); } .wp-block-spacer, .entry-content .wp-block-spacer { margin: 0; } .wp-block-cover, .wp-block-cover-image { height: auto; color: #fff; } .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.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, .entry-content .wp-block-cover__video-background { width: 100%; height: 100%; } .entry-content dt, .comment-content dt { font-weight: 700; } .entry-content a:where(:not(button):not(.is-btn):not(.wp-block-button__link):not(.p-url)), .comment-content a { -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); word-wrap: break-word; color: var(--g-color); text-decoration-line: underline; text-decoration-color: transparent; -webkit-text-decoration-color: transparent; } .entry-content a:where(:not(button):not(.is-btn):not(.wp-block-button__link):not(.p-url)):hover, .comment-content a:hover { text-decoration: underline; text-decoration-color: currentColor; -webkit-text-decoration-color: currentColor; } .entry-content .rb-related-el .entry-title, .entry-content .block-view-more a, .entry-content .author-social a { color: inherit; } .entry-content .block-view-more a, .entry-content .author-social a, .entry-content .author-title a { text-decoration: none !important; } .entry-content a.button { display: inline-block; } .entry-content img, .entry-content video, .comment-content img { max-width: 100%; height: auto; } .entry-content address, .comment-content address { margin-bottom: 30px; } p:empty, .entry-content p:empty, .comment-content p:empty { display: none; } .wp-caption img[class*='wp-image-'] { display: block; margin-right: auto; margin-left: auto; } .entry-content figure a { border-bottom: none; } .entry-content iframe { overflow: hidden; max-width: 100%; margin-right: auto; margin-bottom: 30px; margin-left: auto; } li > ul, li > ol { padding-top: 7px; padding-left: 1.2em; } .entry-content ol, .comment-content ol { list-style: decimal inside; } .entry-content ul, .comment-content ul { list-style: circle inside; } .entry-content ul ul, .comment-content ul ul { list-style: disc inside; } .comment-content li, .entry-content li { position: relative; margin-bottom: 7px; } .entry-content ul[class^='wp-block']:not(.wp-block-list) a, .entry-content ol[class^='wp-block']:not(.wp-block-list) a { color: inherit; } .entry-content .wp-block-latest-posts, .entry-content .wp-block-archives, .entry-content .wp-block-categories { list-style: none; } table { width: 100%; max-width: 100%; margin-bottom: 2rem; border-spacing: 0; border-collapse: collapse; border-bottom: 1px solid #8882; border-left: 1px solid #8882; } table thead { color: #fff; background-color: #333; } table thead th { border-color: rgba(255, 255, 255, .1); } th, td { padding: 5px 10px; text-align: left; border-top: 1px solid #8882; border-right: 1px solid #8882; } .entry-content tbody tr:nth-child(2n), .comment-content tbody tr:nth-child(2n) { background-color: rgba(0, 0, 0, .025); } .entry-content > .wp-block-cover.aligncenter { display: flex; } .entry-content .wp-block-calendar table thead th { color: #333; } .entry-content #wp-calendar td#today a { color: #fff; } .wp-block-group.has-background { padding: 20px 30px; } .wp-block-group__inner-container .wp-block-button { margin-bottom: var(--cp-spacing, 1.5rem); } dl { margin-bottom: var(--cp-spacing, 1.5rem); } dd { margin-left: var(--cp-spacing, 1.5rem); } pre { overflow: auto; max-width: 100%; margin-bottom: 2rem; padding: 20px; background-color: rgba(0, 0, 0, .05); } .has-drop-cap:not(:focus):first-letter { font-size: 5em; font-weight: inherit; line-height: .825; } .has-drop-cap:not(:focus):after { padding-top: 5px; } .entry-content tr { display: table-row; vertical-align: middle; } .entry-content td { display: table-cell; vertical-align: inherit; } .entry-content .gallery, .gallery { display: flex; flex-flow: row wrap; margin-top: calc(2rem - 5px); margin-right: -5px; margin-bottom: calc(2rem - 5px); margin-left: -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; } .entry-content .attachment img { display: block; margin-right: auto; margin-left: auto; } .entry-content .twitter-tweet { margin-right: auto; margin-bottom: 0 !important; margin-left: auto; } .entry-content blockquote.twitter-tweet { opacity: 0.1; } .entry-content iframe.instagram-media { margin-right: auto; margin-bottom: 1.5em; margin-left: auto; } .entry-content .wp-block-embed.wp-block-embed-facebook { max-width: 520px; margin-right: auto; margin-left: auto; } .wp-block-embed-vimeo .fluid-width-video-wrapper, .wp-block-embed-youtube .fluid-width-video-wrapper, .wp-block-embed-wordpress-tv .fluid-width-video-wrapper { position: static; padding: 0 !important; } .wp-block-embed-vimeo .wp-block-embed__wrapper, .wp-block-embed-youtube .wp-block-embed__wrapper, .wp-block-embed-wordpress-tv .wp-block-embed__wrapper { position: relative; display: block; padding: 0 !important; } .wp-block-embed-vimeo .wp-block-embed__wrapper:before, .wp-block-embed-youtube .wp-block-embed__wrapper:before, .wp-block-embed-wordpress-tv .wp-block-embed__wrapper:before { display: block; padding-top: 56.25%; content: ''; } .wp-block-embed-vimeo .wp-block-embed__wrapper iframe, .wp-block-embed-youtube .wp-block-embed__wrapper iframe, .wp-block-embed-wordpress-tv .wp-block-embed__wrapper iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .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%; } .entry-footer { line-height: 26px; position: relative; display: block; margin-top: 40px; padding-top: 35px; } .entry-footer .tag-label { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; letter-spacing: .1em; } .entry-footer a, .entry-footer .source, .entry-footer .via-el { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .0215rem; } .entry-footer:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 10px; content: ''; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .entry-footer .inner { display: inline-block; text-align: left; } .tag-label { line-height: inherit; display: inline-block; min-width: 75px; margin: 2px 0; text-transform: uppercase; } .tag-label:before { font-family: 'ruby-icon'; font-style: normal; line-height: inherit; display: inline-block; min-width: 10px; margin-right: 5px; content: '\e907'; } .single-post-tag { display: flex; flex-flow: row wrap; margin-bottom: 10px; } .single-post-tag:last-child { margin-bottom: 0; } .single-post-tag.tags a { display: inline-flex; display: -webkit-inline-flex; align-items: center; } .single-post-tag.tags a:before { font-size: .7em; margin-right: 3px; content: '# '; } .sources .tag-label:before { content: '\e964'; } .via .tag-label:before { content: '\e014'; } .entry-footer a, span.source, span.via-el { line-height: 1; display: inline-flex; margin: 2px; padding: 5px 12px; -webkit-transition: background-color .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: background-color .3s cubic-bezier(0.32, 0.74, 0.57, 1); text-decoration: none !important; background-color: rgba(0, 0, 0, .025); } .entry-footer a:hover { color: #fff; background-color: var(--g-color); } .page-links { display: flex; justify-content: center; margin-top: 40px; } .single .entry-content .page-links a { text-decoration: none; color: inherit; text-decoration-line: none; } .single .entry-content .page-links a:hover, .single .entry-content .page-links a:focus { text-decoration: none; color: #fff; text-decoration-line: none; } .entry-content .wpcf7 { position: relative; display: block; overflow: hidden; max-width: 900px; margin-right: auto; margin-bottom: 30px; margin-left: auto; } .entry-content .wpcf7 p { margin: 0; } .entry-content .wpcf7 label { font-size: .85em; display: block; overflow: hidden; color: #777; } .entry-content .wpcf7 label:before { display: inline-flex; width: 8px; height: 8px; margin-right: 7px; content: ''; -webkit-border-radius: 3px; border-radius: 3px; background-color: var(--g-color); } .entry-content .wpcf7 input, .entry-content .wpcf7 textarea { display: block; overflow: hidden; margin-top: 7px; margin-bottom: 20px; } .entry-content .wpcf7 input[type='submit'] { margin-top: 10px; margin-bottom: 0; } .entry-content .wpcf7 br { display: none; } .wpcf7-list-item input[type='checkbox'], .wpcf7-list-item input[type='radio'] { display: inline-flex; margin-top: 0; margin-right: 7px; margin-bottom: 0; } .wpcf7-form-control { display: flex; flex-flow: row wrap; } span.wpcf7-list-item { display: flex; align-items: center; margin-left: 0; padding-top: 10px; } .wpcf7-list-item:last-child { margin-bottom: 1em; } .rb-ires { position: relative; width: 100%; padding-bottom: 56.25%; } .rb-ires iframe { position: absolute; display: block; width: 100%; height: 100%; } .single-box { position: relative; display: block; max-width: 780px; margin-right: auto; margin-left: auto; } .author-box { display: flex; align-items: center; flex-flow: row nowrap; margin-top: 40px; padding: 20px; background-color: rgba(0, 0, 0, .025); } .author-title a { -webkit-transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1); color: var(--g-color); } .author-title a:hover { color: #333; } .author-header .author-more { flex: 0 0 auto; margin-top: 0; margin-right: 0; margin-left: auto; } .author-avatar { display: flex; flex-shrink: 0; width: 100px; height: 100px; margin-right: 20px; } .author-avatar a { width: 100%; } .author-avatar img { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; object-fit: cover; } .author-content { display: flex; flex: 1; flex-flow: column nowrap; } .author-job { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; margin: 0; letter-spacing: .1em; text-transform: uppercase; color: #666; } .author-header { position: relative; display: flex; align-items: center; padding-bottom: 15px; } .author-header:after { position: absolute; bottom: 0; left: 0; display: block; width: 70px; max-width: 100%; height: 10px; content: ''; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .author-description { font-size: .85rem; display: block; margin-top: 10px; margin-bottom: 20px; } .author-footer { display: flex; align-items: center; flex-flow: row wrap; } .author-social { flex-shrink: 0; margin-left: auto; } .author-social a { font-size: 14px; line-height: 24px; display: inline-block; padding: 0 5px; } .author-social i { line-height: inherit; } .author-page-title .vcard { text-transform: uppercase; } .author .author-box { margin-top: 0; margin-bottom: 50px; } .box-nav { display: flex; align-items: stretch; flex-flow: row nowrap; margin-top: 40px; } .box-nav .nav-el { display: flex; flex: 0 0 50%; width: 50%; } .box-nav a { display: flex; flex: 1; flex-flow: column nowrap; } .box-nav .rbi-angle-left { padding-right: 5px; } .box-nav .rbi-angle-right { padding-left: 5px; } .box-nav .nav-label { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; line-height: 1; margin-bottom: 15px; letter-spacing: .1em; text-transform: uppercase; color: #666; } .box-nav .nav-right { margin-left: auto; } .box-nav .nav-right .nav-label { margin-left: auto; } .box-nav .nav-inner { display: flex; align-items: center; } .box-nav i { letter-spacing: 0; } .box-nav img { display: flex; flex-shrink: 0; width: 50px; height: 50px; margin-right: 12px; border-radius: 50%; } .box-nav .nav-right .nav-inner { flex-direction: row-reverse; text-align: right; } .box-nav .nav-right img { margin-right: 0; margin-left: 12px; } .comments-area { display: block; } .comments-area .comment-meta a { text-decoration: none; } .comment-metadata .review-stars { font-size: 17px; color: #333; } .comment-awaiting-moderation { font-size: .75rem; display: block; width: 100%; margin-top: 10px; margin-bottom: 10px; color: #56977b; } .comment-awaiting-moderation:before { font-family: 'ruby-icon'; font-style: normal; display: inline-block; margin-right: 7px; content: '\e90c'; } .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: .75rem; padding-left: 7px; } .comment-form-cookies-consent label { padding-left: 7px; } .comment-notes .required { color: #ff4545; } p.logged-in-as { font-size: .825rem; } p.logged-in-as a:last-child { opacity: 0.5; } p.logged-in-as a:last-child:hover { opacity: 1; } .comment-form > p.form-submit { display: block; overflow: hidden; margin-top: 20px; margin-bottom: 0; } .comment-form .comment-notes { font-size: .825rem; margin-bottom: 20px; } .comment-notes #email-notes { font-style: italic; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { float: left; width: 33.33%; } .comment-reply-title { line-height: 1; margin-bottom: 10px; } .comment-form-comment label, .comment-form-author label, .comment-form-email label, .comment-form-url label, .no-comment .comment-reply-title { display: none; } .comment-box-wrap { position: relative; display: block; margin-top: 40px; padding-top: 45px; } .comment-box-wrap:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 10px; content: ''; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .comment-box-header { display: flex; align-items: center; } .comment-box-header h4 i { margin-right: 7px; } .box-comment-btn { line-height: 42px; position: relative; display: flex; margin-left: auto; padding: 0 60px; -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); background-color: rgba(0, 0, 0, .025); } .box-comment-btn:hover { color: #fff; background-color: var(--g-color); } .rb-review-stars { font-size: 24px; position: relative; } .rb-form-rating { display: flex; align-items: center; width: 100%; } .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-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: '\e90a'; } .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: '\e909'; } .rb-review-stars i { -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); } .rb-form-rating label { font-size: .75rem; text-transform: uppercase; } .comment-title h3 { margin-bottom: 30px; } .comment-title i { display: inline; margin-right: 5px; } .comment-author { font-size: .83rem; margin-bottom: 7px; } .comment-author .avatar { position: absolute; top: 7px; left: -65px; display: block; width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; object-fit: cover; } .comment-author .says { display: none; } .comment-list { position: relative; display: block; margin-top: 40px; margin-bottom: 40px; list-style: none; } .comment-body { position: relative; display: block; width: auto; max-width: 100%; margin-bottom: 30px; margin-left: 65px; } .comment-list li.parent > .comment-body { margin-bottom: 20px; } .comment-metadata { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 400; line-height: 1.2; margin-top: 3px; color: #666; } .comment-metadata * { font-family: inherit; font-size: inherit; font-weight: inherit !important; line-height: inherit; } .comment-content { font-size: .9rem; display: block; margin-top: 15px; } .comment-content p, .comment-content li { font-size: inherit; } a.comment-reply-link { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; line-height: 24px; position: absolute; z-index: 99; top: 0; right: 0; display: block; padding: 0 12px; -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); border: 1px solid #8882; } a.comment-reply-link:hover { color: #fff; border-color: var(--g-color); background-color: var(--g-color); } .comments-area .comment-meta a.comment-edit-link { margin-left: 10px; text-transform: uppercase; } .comments-area .comment-meta > a:first-child { margin-left: 0; } .comments-area .comment-meta a.comment-edit-link:hover { text-decoration: underline; } a.comment-reply-link:before { font-family: 'ruby-icon'; font-size: .9em; margin-right: 5px; content: '\56'; } .logged-in-as a:last-child { margin-left: 7px; text-transform: uppercase; } .comment-list .logged-in-as a { font-weight: inherit; -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); text-decoration: none; } .logged-in-as a:hover, .comment-list .logged-in-as a:hover { text-decoration: underline; color: var(--g-color); } .comment-list .comment-reply-title small a { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 400; margin-left: 7px; -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); white-space: nowrap; text-transform: none; opacity: 0.5; } .comment-list .comment-reply-title small a:hover { text-decoration: underline; opacity: 1; color: var(--g-color); } .comments-area #respond > #commentform { margin-top: 10px; } .comment-list .comment-respond { margin-bottom: 3em; margin-left: 65px; } .comment-list ul.children { margin-left: 30px; } .like-box { display: block; margin-top: 30px; } .like-el { display: inline-block; width: auto; max-height: 30px; text-align: left; } .fb-like { margin-right: -12px; } .single-bottom-share { display: flex; align-items: center; margin: 40px auto 0 auto; } .single-bottom-share .share-content { font-size: 15px; display: flex; align-items: center; flex-flow: row wrap; margin-left: auto; } .single-bottom-share .share-header:before { font-family: 'ruby-icon'; font-size: 12px; font-style: normal; line-height: 1; margin-right: 7px; content: '\e00d'; color: #666; } .rtl .share-header:before { /*rtl:ignore*/ -webkit-transform: scale(-1, 1); /*rtl:ignore*/ transform: scale(-1, 1); } .single-bottom-share a { line-height: 1; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin: 5px; -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); background-color: rgba(0, 0, 0, .025); } .single-bottom-share a span { display: none; } .single-bottom-share i { font-size: 20px; } .single-tagline { font-style: italic; position: relative; display: block; margin-bottom: 20px; padding-left: 30px; } .single-tagline:before { position: absolute; top: 5px; right: auto; bottom: 5px; left: 0; display: block; width: 15px; content: ''; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .single-header-overlay .single-tagline:before { opacity: 1; } .single-header-overlay .single-tagline { max-width: 700px; } .embed-holder { position: static !important; height: 0 !important; margin: 0; padding-bottom: 56%; background-color: rgba(0, 0, 0, .025); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .post-audio-outer.is-hosted-audio .embed-holder { height: auto !important; padding-bottom: 0; } .post-audio-outer .embed-holder { padding-bottom: 33.33%; } .embed-holder iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .gallery-el { position: relative; display: block; } .p-gallery-slider .gallery-el { z-index: 1; display: block; width: 100%; padding-bottom: 56.75%; } .p-gallery-slider img { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .image-caption.is-overlay { position: absolute; z-index: 3; right: 10px; bottom: 10px; max-width: 70%; padding: 7px 20px; -webkit-transition: opacity 1s cubic-bezier(0.32, 0.74, 0.57, 1); transition: opacity 1s cubic-bezier(0.32, 0.74, 0.57, 1); opacity: 1; color: #fff; background-color: rgba(0, 0, 0, .8); } .p-gallery-slider .image-caption.is-overlay { bottom: 30px; text-align: left; } .p-gallery-slider .image-caption.is-overlay .wp-caption-text:before { padding-right: 7px; } .image-caption, .entry-content .wp-block-audio figcaption, .entry-content .wp-block-video figcaption, .entry-content .wp-block-image figcaption, .entry-content .wp-block-embed figcaption, .entry-content .wp-block-gallery .blocks-gallery-image figcaption, .entry-content .wp-block-gallery .blocks-gallery-item figcaption { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 500; line-height: 1.5; margin: 0; padding: 10px 10px 0 10px; text-align: center; color: #666; } .wp-caption-text, .gallery-caption { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 500; line-height: 1.5; display: block; margin: 0; padding: 10px 10px 0 10px; text-align: center; color: #666; } .wp-block-search .wp-block-search__label { font-style: italic; display: block; width: 100%; margin-bottom: 10px; color: #777; } .entry-content .wp-block-cover .wp-block-cover-text a, .entry-content .wp-block-gallery .blocks-gallery-image figcaption, .entry-content .wp-block-gallery .blocks-gallery-item figcaption { color: #fff; } .entry-content .wp-block-embed.wp-block-embed-instagram, .entry-content .wp-block-embed.wp-block-embed-twitter { max-width: 520px; margin-right: auto; margin-left: auto; } .wp-block-embed blockquote:before { display: none; } .entry-content .wp-block-gallery .blocks-gallery-image figcaption, .entry-content .wp-block-gallery .blocks-gallery-item figcaption { padding-bottom: 10px; } .image-caption:before, .wp-caption-text:before, .wp-block-image figcaption:before { font-family: 'ruby-icon'; font-size: 1.3em; line-height: 1; margin-right: 5px; content: '\4c'; vertical-align: middle; } .wp-block-video figcaption:before { font-family: 'ruby-icon'; font-size: 1.5em; line-height: 1; margin-right: 5px; content: '\79'; } .wp-block-audio figcaption:before { font-family: 'ruby-icon'; font-size: 1.2em; line-height: 1; margin-right: 5px; content: '\e906'; } .entry-content .wp-block-gallery .blocks-gallery-image figcaption:before, .entry-content .wp-block-gallery .blocks-gallery-item figcaption:before { display: none; } .wp-block-quote cite { font-size: .85rem; line-height: 1; display: inline-flex; display: -webkit-inline-flex; align-items: center; flex-flow: row nowrap; justify-content: center; } .entry-content .wp-block-file .wp-block-file__button { font-size: 1rem; font-weight: bold; line-height: 1.2; display: table; margin-top: .75rem; margin-left: 0; padding: 0.75rem 1rem; -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); text-decoration: none; color: #fff; border: none; border-radius: 5px; background-color: var(--g-color); } .entry-content .wp-block-file .wp-block-file__button:hover { background-color: #333; } .entry-content .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; } .entry-content .wp-block-columns .wp-block-column > *:last-child { margin-bottom: 0; } .p-gallery-list .gallery-el { display: block; overflow: hidden; width: 100%; margin-bottom: 10px; } .p-gallery-list .gallery-el img { width: 100%; height: auto; } .p-gallery-list .gallery-el:last-child { margin-bottom: 0; } .p-gallery-slider { overflow: hidden; } .p-gallery-slider .owl-dots { position: absolute; top: auto; right: 0; bottom: 10px; left: 0; margin: 0; color: #fff; } .gallery-grid-wrap { display: flex; align-items: center; margin-top: 10px; padding: 10px 0 10px 10px; background-color: rgba(0, 0, 0, .025); } .single-2 .gallery-grid-wrap, .single-3 .gallery-grid-wrap { margin-top: 0; } .single-2 .single-header.entry-header { margin-bottom: 0; } .single-3 .single-tagline:before, .single-4 .single-tagline:before { display: none; } .single-3 .single-tagline, .single-4 .single-tagline { padding-left: 0; } .gallery-grid-content { position: relative; display: flex; flex: 0 0 80%; flex-flow: row nowrap; justify-content: flex-end; margin-left: auto; gap: 10px; } .gallery-grid-content img { width: auto; max-height: 90px; object-fit: cover; } .gallery-grid-content > *:nth-last-child(4) { opacity: .7; } .gallery-grid-content > *:nth-last-child(3) { opacity: .5; } .gallery-grid-content > *:nth-last-child(2) { opacity: .3; } .gallery-grid-content > *:last-child { opacity: .1; } .gallery-grid-content > *:first-child { opacity: 1; } .gallery-list-label { padding-right: 10px; padding-left: 20px; } .gallery-grid-content .gallery-el { overflow: hidden; -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); } .gallery-grid-content .gallery-el:hover { opacity: 1; } .gallery-list-label a { -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); } .gallery-list-label a:hover { color: var(--g-color); } .rb-gallery-popup .mfp-content { display: flex; overflow: hidden; align-content: stretch; flex-flow: column nowrap; width: 100%; height: 100%; min-height: 100%; max-height: 100%; } .rb-gallery-popup.mfp-bg.mfp-ready.rb-popup-effect { opacity: 1; background-color: #111; } .gallery-popup-header { display: flex; align-items: center; flex-shrink: 0; width: 100%; padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .rb-gallery-popup .gallery-popup-header .header-right { display: flex; align-items: center; flex-grow: 0; margin-left: auto; color: #fff; background-color: transparent; } .gallery-popup-header .header-right > * { border-left: 1px solid rgba(255, 255, 255, 0.1); } .rb-gallery-popup .mfp-title { display: flex; align-items: center; flex-grow: 1; padding: 10px 20px; } .rb-gallery-popup .gallery-popup-header .mfp-close, .rb-gallery-popup .gallery-popup-header .mfp-counter { line-height: 1; position: relative; top: auto; right: auto; bottom: auto; left: auto; display: flex; align-items: center; width: auto; height: 60px; padding: 0 20px; color: #fff; } .gallery-popup-content, .mfp-rbgallery { display: flex; flex: 1; flex-flow: row nowrap; width: 100%; height: 100%; } .gallery-popup-content { overflow: hidden; height: calc(100% - 61px); } .gallery-popup-image img { max-width: 100%; max-height: 100%; margin: auto; padding: 0; object-fit: contain; } .gallery-popup-nav button { font-size: 18px; position: relative; width: 40px; height: 60px; padding: 0; -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: 0.5; -webkit-border-radius: 0 !important; border-radius: 0 !important; background-color: transparent !important; } .rb-gallery-popup .mfp-close { opacity: .5; } .rb-gallery-popup .mfp-close:hover, .rb-gallery-popup .mfp-close:focus, .gallery-popup-nav button:hover { opacity: 1; } .gallery-popup-holder { position: relative; display: flex; flex: 1; flex-flow: row nowrap; justify-content: center; width: calc(100% - 140px); max-width: calc(100% - 140px); height: 100%; } .rb-gallery-popup h3.mfp-title:before { font-family: 'ruby-icon'; display: flex; margin-right: 10px; content: '\4c'; } .gallery-popup-entry { display: flex; flex-flow: column nowrap; justify-content: center; width: 380px; max-width: 380px; padding: 50px 30px; border-left: 1px solid rgba(255, 255, 255, 0.1); } .gallery-popup-image { display: flex; overflow: hidden; flex: 1; max-width: calc(100% - 140px); height: 100%; padding: 50px 30px; } .gallery-popup-selection { display: flex; overflow-x: hidden; overflow-y: auto; align-content: flex-start; flex-flow: row wrap; box-sizing: content-box; width: 90px; padding: 30px 20px; border-right: 1px solid rgba(255, 255, 255, .1); } .gallery-popup-selection a { display: flex; overflow: hidden; align-items: flex-start; width: 100%; min-height: min-content; margin-bottom: 10px; -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); } .gallery-popup-selection a:last-child { margin-bottom: 0; } .gallery-popup-selection a:hover { opacity: .7; } .gallery-popup-selection img { display: block; width: 100%; height: auto; object-fit: cover; } .gallery-popup-content .image-popup-description { margin-top: 20px; } .gallery-popup-content .image-popup-description a { -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); text-decoration: underline; } .gallery-popup-content .image-popup-description a:hover, .gallery-popup-content .image-popup-description a:focus { color: var(--g-color); } .gallery-popup-content .image-popup-description > * { font-size: .85rem; } .gallery-popup-selection.post-type-gallery { width: 210px; padding: 15px; } .gallery-popup-selection.post-type-gallery > a { flex: 0 0 50%; width: 50%; margin: 0; padding: 5px; } .gallery-popup-holder.post-type-gallery { width: calc(100% - 210px); max-width: calc(100% - 210px); } .single-post-related { position: relative; display: block; overflow: hidden; margin-bottom: 50px; padding-top: 35px; background-image: linear-gradient(to right, rgba(0, 0, 0, .025) 66.666%, rgba(255, 255, 255, 0) 0%); background-repeat: repeat-x; background-position: top; background-size: 27px 7px; } .single-post-related .block-title:before { z-index: 0; } .review-box-wrap { position: relative; display: block; max-width: 650px; margin-top: 40px; margin-right: auto; margin-left: auto; } .review-box-wrap .inner { display: block; overflow: hidden; background-color: rgba(0, 0, 0, .025); } .review-box-wrap.is-dark .inner { background-color: #333; } .review-header { position: relative; display: block; overflow: hidden; height: 180px; min-height: 180px; background-color: #333; } .review-feat { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; display: block; } .review-feat img { width: 100%; height: 100%; opacity: .4; object-fit: cover; object-position: 50% 50%; } .review-header h4.review-heading { position: absolute; bottom: 20px; left: 20px; margin: 0; color: #fff; } .review-box-wrap.no-feat .review-header { height: auto; min-height: 0; } .review-box-wrap.no-feat .review-heading { position: relative; bottom: auto; left: auto; padding: 30px 20px; } .review-info { position: absolute; top: 20px; right: 20px; display: flex; align-items: center; flex-flow: row nowrap; justify-content: center; padding: 7px 18px; background-color: var(--g-color); -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .03); box-shadow: 0 4px 30px rgba(0, 0, 0, .03); } .review-info > * { line-height: 1; display: flex; padding: 0 2px; } .review-info .meta-description, .p-review-info .meta-description { opacity: .8; } .review-content { position: relative; display: block; } .review-el { line-height: 1; display: flex; align-items: center; flex-flow: row nowrap; width: 100%; margin-bottom: 20px; } .review-el:last-child { margin-bottom: 0; } .review-el .review-stars { font-size: 22px; display: flex; flex-grow: 0; margin-left: auto; color: var(--g-color); } .review-stars i { margin-left: 2px; } .summary-wrap:before { position: absolute; top: 0; right: 0; display: block; width: 60px; height: 30px; content: ''; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .review-action { display: block; margin-top: 30px; text-align: right; } a.review-btn { font-size: 1.2rem; font-weight: 700; line-height: 42px; display: inline-block; padding: 0 30px; text-align: center; text-decoration: none !important; color: #fff; background-color: #8fc36f; } a.review-btn:hover { opacity: .7; } .review-footer h6 { margin-top: 0; margin-bottom: 15px; } .review-box-wrap .pros-cons-wrap { display: flex; flex-flow: row nowrap; justify-content: space-evenly; margin-top: 28px; text-align: center; border-top: 2px solid #8882; gap: 40px; } .pros-cons-wrap h4 { margin: 0; } .pros-cons-wrap > * { flex-flow: column nowrap; max-width: max-content; } .pros-cons-wrap h6 { display: flex; align-items: center; margin-top: 0; gap: 7px; } .pros-cons-wrap ul { display: flex; flex-flow: column nowrap; margin: 0 auto; padding-left: 0; text-align: left; } .pros-cons-wrap ul li { display: inline-flex; list-style: none; gap: 7px; } .summary-content, .pros-cons-wrap ul li { font-size: .85rem; } .pros-cons-wrap ul li:last-child { margin-bottom: 0; } .review-pros li:before { font-family: 'ruby-icon'; font-size: 13px; content: '\e90d'; color: #58a060; } .review-box-wrap .review-footer { margin: 0; } .review-cons li:before { font-family: 'ruby-icon'; font-size: 13px; content: '\e90e'; color: #f77c86; } .p-review-info { position: absolute; z-index: 99; top: 0; right: 0; display: flex; align-items: center; flex-flow: row wrap; padding: 7px 20px; background-color: #333; gap: 5px; } .p-review-info i { font-size: 12px; } .user-reviews { line-height: 1; display: flex; align-items: center; flex-flow: row nowrap; margin-top: 30px; padding-top: 15px; border-top: 4px solid #88888815; } .review-box-wrap.is-dark .user-reviews { border-color: rgba(255, 255, 255, .07); } .user-review-headline { display: flex; align-items: center; flex-flow: row nowrap; flex-grow: 1; } .user-review-headline i { margin-right: 7px; opacity: .5; } .user-review-headline h6 { margin-bottom: 0; } .total-vote { font-size: .85rem; font-style: italic; margin-left: 7px; opacity: .7; } .average-stars { display: flex; align-items: center; margin-left: auto; } .average-stars i { font-size: 22px; margin-right: 7px; color: var(--g-color); } .entry-header { position: relative; margin-bottom: 30px; } .shop-top .shopthepost-inner { position: relative; margin-bottom: 40px } .shop-bottom > *:first-child { margin-top: 40px; } .shopthepost-single.wc .rb-p20-gutter { padding-right: 10px; padding-left: 10px; } .shopthepost-single.wc .products-outer { width: auto !important; } .shopthepost-single.wc .shopthepost-inner:after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 10px; content: ''; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .shopthepost-single.wc .rb-n20-gutter { margin-right: -10px; margin-left: -10px; } .meta-label { font-weight: normal; font-style: inherit; margin-right: 3px; } .single-author-info.p-meta-info > *:before { display: none; } .single-author-info a { text-transform: uppercase; } .single-author-info img { width: 34px; height: 34px; margin-right: 5px; -webkit-border-radius: 50%; border-radius: 50%; object-fit: cover; } .single-feat, .post-gallery-outer { position: relative; display: block; margin-top: 30px; } .single-left-section { display: flex; align-items: center; flex-flow: column nowrap; flex-shrink: 0; width: 160px; max-width: 160px; padding-right: 50px; } .single-left-section .section-inner { position: -webkit-sticky; position: sticky; top: 10px; width: 100%; } .admin-bar .single-left-section .section-inner { top: 32px; } .single-left-section .section-inner > *:first-child { margin-top: 0; } .sticky-nav:not(.smart-sticky) .single-left-section .section-inner { top: 74px; } .admin-bar.sticky-nav:not(.smart-sticky) .single-left-section .section-inner { top: 105px; } .single-content.has-left-section { display: flex; flex-flow: row nowrap; } .single-content.has-left-section .entry-content { width: calc(100% - 160px); max-width: calc(100% - 160px); margin-left: auto; } .single-left-article { position: relative; display: flex; align-items: center; flex-flow: column nowrap; margin-top: 20px; padding-top: 30px; text-align: center; } .single-left-article:before { position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 10px; content: ''; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .left-article-label { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; display: block; clear: both; margin-bottom: 12px; letter-spacing: .1em; } .single-left-article .p-feat { display: flex; justify-content: center; margin-bottom: 10px; } .single-left-article .rb-iwrap { width: 105px; height: 105px; padding: 0; } .single-left-article .rb-iwrap:before { display: none; } .single-left-article .p-url { font-size: .9em; display: inline-block; } .share-header { display: flex; align-items: center; flex-flow: row nowrap; flex-shrink: 0; justify-content: center; } .share-total { color: var(--g-color); } .share-label { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; margin-left: 7px; letter-spacing: .1em; text-transform: uppercase; color: #666; } .single-left-share { display: flex; flex: 1; flex-flow: column nowrap; } .single-left-share .share-header { flex-flow: column nowrap; margin-bottom: 10px; } .single-left-share .share-content { display: flex; flex-flow: row wrap; justify-content: space-between; gap: 10px; } .single-left-share a { font-size: 16px; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; -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); text-align: center; background-color: rgba(0, 0, 0, .025); } .rb-related { position: relative; display: block; overflow: hidden; margin: var(--cp-spacing, 1.5rem) 0; padding: 15px 20px 5px 20px; border: 1px solid #8882; } .rb-related.is-dark-style { display: block; border: none; background-color: #333; } .rb-related-el { position: relative; display: flex; align-items: center; flex-flow: row nowrap; flex-grow: 1; } .related-link { position: absolute; z-index: 10; top: 0; left: 0; display: block; width: 100%; height: 100%; } .rb-related-content > * { margin-bottom: 20px; } .rb-related-el .rb-iwrap { display: flex; flex-shrink: 0; width: 90px; } .rb-related-el .related-title { flex: 1; margin: 0; padding-left: 15px; -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); text-decoration-line: underline; text-decoration-color: transparent; -webkit-text-decoration-color: transparent; } .rb-related-el:hover .related-title { text-decoration-color: currentColor; -webkit-text-decoration-color: currentColor; -moz-text-decoration-color: currentColor; } .related-link { position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; display: block; } .rb-related .rb-related-header { position: relative; display: block; margin-top: 0; margin-bottom: 20px; padding-left: 20px; } .rb-related .rb-related-header:before { position: absolute; z-index: 1; top: -5%; right: auto; bottom: -5%; left: 0; display: block; width: 40px; height: 110%; content: ''; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .single-left-share a:hover, .single-bottom-share a:hover { opacity: .7; } .share-whatsapp.is-mobile { display: none; } .breadcrumb { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; line-height: inherit; position: relative; display: block; overflow: hidden; margin-bottom: 12px; white-space: nowrap; letter-spacing: .015rem; text-overflow: ellipsis; } .single-1 .breadcrumb { display: flex; align-items: center; flex: 0 0 100%; height: 50px; margin-top: -50px; margin-bottom: 0; } .is-single-1.is-single-hc .single-header { text-align: center; } .p-classic-2 .p-cat-info, .p-overlay-6 .p-cat-info, .p-overlay-6 .p-meta-info, .header-centred .single-entry-meta, .p-grid-5 .p-cat-info, .p-grid-6 .p-cat-info, .p-masonry-1 .p-cat-info, .header-centred .p-cat-info, .is-single-1.is-single-hc .single-content-wrap .p-cat-info, .is-single-1.is-single-hc .single-content-wrap .single-entry-meta, .is-single-1.is-single-hc .breadcrumb { justify-content: center; } .is-single-1.is-single-hc .single-tagline { padding-left: 0; } .is-single-1.is-single-hc .single-tagline:before { display: none; } .breadcrumb * { font-size: inherit; overflow: hidden; letter-spacing: inherit; text-overflow: ellipsis; } .breadcrumb .current-item { -ms-word-wrap: break-word; word-wrap: break-word; color: #666; } .breadcrumb a { display: inline !important; overflow: auto; margin: 0; -webkit-transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1); } .breadcrumb a:hover { color: var(--g-color); } .blog:not(.home) .breadcrumb { padding-top: 7px; padding-bottom: 7px; text-align: center; background-color: rgba(0, 0, 0, .025); } .single-2 .post-gallery-outer, .single-2 .post-audio-outer, .single-2 .post-video-outer, .single-3 .post-gallery-outer, .single-3 .post-audio-outer, .single-3 .post-video-outer { margin-top: 0; margin-bottom: 40px; } .parallax-thumb .rb-iwrap { height: 100%; padding: 0; } .parallax-thumb .rb-iwrap img, .parallax-thumb .rb-iwrap.autosize img { position: absolute; width: 100%; height: 100%; } .parallax-thumb .rb-iwrap:before { display: none; } .single-header-holder { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-flow: column nowrap; justify-content: flex-end; } .single-header-overlay { display: block; padding-bottom: 30px; } .breadcrumb-overlay { position: absolute; z-index: 10; top: 0; right: 0; left: 0; display: block; } .breadcrumb-overlay .breadcrumb { margin-top: 15px; margin-bottom: 0; } .header-centred .entry-title, .header-centred .single-tagline { max-width: 700px; margin-right: auto; margin-left: auto; text-align: center; } .header-centred .breadcrumb { text-align: center; } .header-centred .single-tagline { margin-bottom: 0; border-left: none; } .single-header-overlay.header-centred { padding-bottom: 0; } .parallax-thumb { position: relative; display: block; overflow: hidden; height: 70vh; min-height: 600px; background-color: #0a0a0a; } .parallax-thumb .rb-iwrap { position: relative; top: 0; display: block; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0s; transition: transform 0s; will-change: transform; } .is-parallax-feat .parallax-thumb .rb-iwrap { top: -5%; height: 120%; } .is-parallax-feat .parallax-thumb .rb-iwrap.parallax-init { opacity: 1; } .parallax-thumb.feat-loaded img { opacity: .4; } .parallax-thumb img { position: relative; display: block; width: 100%; height: 100%; -webkit-transition: opacity 1.25s cubic-bezier(0.32, 0.74, 0.57, 1); transition: opacity 1.25s cubic-bezier(0.32, 0.74, 0.57, 1); opacity: 0; object-fit: cover; } .single-3 .parallax-thumb { height: calc(100vh - 60px); -webkit-transition: height .1s; transition: height .1s; } .admin-bar .single-3 .parallax-thumb { height: calc(100vh - 92px); } .single-3 .single-header-holder { justify-content: center; } .single-4 .gallery-grid-wrap, .single-4 .single-body { max-width: 780px; margin-right: auto; margin-left: auto; } .single-1.single-5 .breadcrumb { margin-top: 0; } .single-5 .entry-header { padding-bottom: 25px; background-image: linear-gradient(to right, rgba(0, 0, 0, .04) 66.666%, rgba(255, 255, 255, 0) 0%); background-repeat: repeat-x; background-position: bottom; background-size: 35px 5px; } .gallery-post-type { position: relative; margin: 10px; } .post-type-archive-rb-gallery .content-inner, .tax-gallery-category .content-inner { position: relative; margin: -10px; padding-bottom: 50px; } .gallery-post-type .gallery-title a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; -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: 0; color: #fff; background-color: rgba(0, 0, 0, .8); } .gallery-post-type:hover a { opacity: 1; } .reaction-section { position: relative; display: block; margin-top: 40px; padding: 30px 10px; border: 1px solid #8882; } .reaction-section-title { display: block; margin-bottom: 25px; text-align: center; } ul.wp-block-gallery { margin-top: 2rem; margin-bottom: calc(2rem - 16px); padding-right: 0; padding-left: 0; } .wp-block-gallery ul, .wp-block-gallery ol { padding-left: 0; list-style: none; } .wp-block-separator { position: relative; display: block; clear: both; height: 10px; margin-bottom: 30px; opacity: .3; 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.is-style-default { max-width: 150px; } .wp-block-separator.is-style-wide, .wp-block-separator.is-style-dots { opacity: 1; } .wp-block-button { color: #fff; } .is-style-outline { color: inherit; } .wp-block-button__link, a.wp-block-button__link { font-size: 1rem; line-height: 1.1; -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); text-decoration: none !important; color: inherit !important; } .wp-block-button__link { -webkit-border-radius: 100px; border-radius: 100px; } .entry-content .is-style-outline a.wp-block-button__link:hover, .entry-content .is-style-outline a.wp-block-button__link:focus { background-color: transparent; } a.wp-block-button__link:hover, .entry-content a.wp-block-button__link:hover { background-color: var(--g-color); } .is-style-outline a.wp-block-button__link:hover { color: var(--g-color) !important; } a.wp-block-button__link.has-background:hover { -webkit-box-shadow: 0 7px 20px rgba(0, 0, 0, .25); box-shadow: 0 7px 20px rgba(0, 0, 0, .25); } .entry-content > *:last-child { margin-bottom: 0; } .wp-block-quote, blockquote, .entry-content .wp-block-quote, .entry-content blockquote { padding-right: 0; padding-left: 0; } .has-text-align-right { text-align: right; } .wp-block-quote:before, blockquote:before { font-family: 'ruby-icon'; font-size: 38px; font-weight: normal; line-height: 1; display: block; margin-bottom: 15px; content: '\e90f'; } .wp-block-quote p, blockquote p { font-family: 'Quicksand', sans-serif; font-size: 1.2em; font-weight: 700; margin-bottom: 1rem; letter-spacing: -.02em; } .wp-block-quote p:last-of-type, blockquote p:last-of-type { margin-bottom: .5rem; } cite:before { font-family: 'ruby-icon'; font-size: .75em; margin-right: 7px; content: '\e90b'; } .wp-block-cover * { line-height: 1.25; color: #fff; } .wp-block-cover a { text-decoration: none; color: inherit !important; } .wp-block-cover p:last-child { margin-bottom: 0; } .wp-block-pullquote.is-style-solid-color blockquote { width: 100%; max-width: 100%; padding: 30px; } .wp-block-pullquote:not(.is-style-solid-color) { max-width: 100%; margin-right: auto; margin-left: auto; padding: 0; } .entry-content .wp-block-pullquote p { font-size: 1.75rem; } .wp-block-pullquote.is-style-solid-color { padding: 0 10%; } .wp-block-quote.is-large, .entry-content .wp-block-quote.is-large, .wp-block-quote.is-style-large, .entry-content .wp-block-quote.is-style-large { margin-bottom: 2rem; text-align: left; } .wp-block-quote.is-large cite, .wp-block-quote.is-style-large cite, .wp-block-pullquote cite { font-size: .9rem; justify-content: flex-start; } .wp-block-quote.is-large cite:before, .wp-block-quote.is-style-large cite:before { margin-right: 10px; } .wp-block-table.is-style-stripes { border-right: 1px solid #8882; border-bottom: 1px solid #8882; border-left: 1px solid #8882; } .wp-block-archives a, .wp-block-archives-dropdown a, .wp-block-categories a, .wp-block-latest-posts a { text-align: left !important; } .wp-block-archives-dropdown { margin-bottom: 30px; } .wp-block-archives-dropdown select { width: 100%; } .single-post-infinite .single-p-outer { position: relative; display: block; padding-top: 30px; } .single-post-infinite .single-p-outer:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 10px; content: ''; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .single-post-infinite .single-p-outer:first-child { padding-top: 0; } .single-post-infinite .single-p-outer:first-child:before { display: none; } .single-post-infinite .single-p-outer:not(:first-child) > .single-2, .single-post-infinite .single-p-outer:not(:first-child) > .single-3 { margin-top: -10px; } #single-infinite-point { position: relative; height: 30px; margin-top: 0; margin-bottom: 50px; } .single-post-infinite .single-p-outer .single-3 { z-index: 10; margin-top: -10px; } .single-post-infinite .single-p-outer:first-child .single-3 { margin-top: 0 } .single-portfolio-feat img { width: 100%; height: auto; } .single-portfolio-feat a { position: relative; display: block; overflow: hidden; } .single-portfolio-feat a:after { font-family: ruby-icon; font-size: 30px; line-height: 1; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: flex; visibility: hidden; align-items: center; justify-content: center; content: '\e88c'; -webkit-transition: all .3s cubic-bezier(.32, .74, .57, 1); transition: all .3s cubic-bezier(.32, .74, .57, 1); pointer-events: none; opacity: 0; color: #fff; background-color: rgba(0, 0, 0, .5); } .single-portfolio-feat a:hover:after, .single-portfolio-feat a:focus:after { visibility: visible; opacity: 1; } .single-portfolio-feat > * { margin-top: 10px; } .single-portfolio-feat > *:first-child { margin-top: 0; } .single-portfolio-holder { display: flex; flex-flow: row nowrap; } .single-portfolio-feat, .single-portfolio-content { flex: 0 0 50%; } .single-portfolio-feat { padding-right: 5px; } .single-portfolio-content { padding-left: 5px; } .single-portfolio-inner { position: sticky; position: -webkit-sticky; top: 0; min-height: 80vh; padding: 50px 35px; background-color: #fafafa; } .admin-bar .single-portfolio-inner { top: 32px; } .portfolio-header { position: relative; padding-bottom: 35px; } .portfolio-header:before { position: absolute; top: -20px; right: 0; left: auto; display: block; width: 40px; height: 60px; content: ''; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .portfolio-header:after { position: absolute; bottom: 0; left: 0; display: block; width: 150px; height: 5px; content: ''; background-color: #88888815; } .pp-single-terms { margin-top: 15px; } .portfolio-info-el { -webkit-transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1); } .portfolio-info-el:before { margin-right: 5px; margin-left: 5px; content: '/'; opacity: .3; color: #666; } .portfolio-info-el:hover { color: var(--g-color); } .portfolio-info-el:first-child:before { display: none; } .portfolio-description p, .portfolio-description li, .portfolio-description span { font-size: .875rem; line-height: 1.7; color: #666; } .portfolio-description p { margin-bottom: 1.5rem; } .portfolio-info-wrap { font-size: .875rem; position: relative; margin-top: 30px; padding-top: 35px; } .is-pshare.single-bottom-share { font-size: .875rem; position: relative; margin-top: 35px; padding-top: 35px; } .portfolio-info-wrap:before, .single-bottom-share.is-pshare:before { position: absolute; top: 0; left: 0; display: block; width: 150px; height: 5px; content: ''; background-color: #88888815; } .portfolio-info-wrap > * { margin-bottom: 10px; } .portfolio-info-wrap > *:last-child { margin-bottom: 0; } .portfolio-info-wrap .info-header { margin-bottom: 20px; } .portfolio-info > i:first-child { margin-right: 10px; } .portfolio-info a { font-size: .875rem; margin-left: 5px; -webkit-transition: all .3s cubic-bezier(.32, .74, .57, 1); transition: all .3s cubic-bezier(.32, .74, .57, 1); letter-spacing: .01em; color: #666; border-bottom: 1px solid transparent; } .portfolio-info a:hover { color: #333; border-color: currentColor; } .portfolio-nav.box-nav { position: relative; align-items: center; justify-content: space-between; min-height: 50px; } .portfolio-nav.box-nav .nav-label { margin-bottom: 0; } .portfolio-nav-prev i { margin-right: 7px; } .portfolio-nav-next i { margin-left: 7px; } .portfolio-nav.box-nav .nav-label > a { line-height: 40px; display: flex; align-items: center; flex-flow: row nowrap; -webkit-transition: all .3s cubic-bezier(.32, .74, .57, 1); transition: all .3s cubic-bezier(.32, .74, .57, 1); } .portfolio-nav a:hover { color: var(--g-color); } .portfolio-nav a > i { -webkit-transition: all .3s cubic-bezier(.32, .74, .57, 1); transition: all .3s cubic-bezier(.32, .74, .57, 1); -webkit-transform: translateX(0); transform: translateX(0); } .portfolio-nav-next a:hover > i { -webkit-transform: translateX(4px); transform: translateX(4px); color: var(--g-color); } .portfolio-nav-prev a:hover > i { -webkit-transform: translateX(-4px); transform: translateX(-4px); color: var(--g-color); } a.portfolio-grid-link { font-size: 30px; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; text-align: center; } .pp-wrap { position: relative; margin-bottom: 35px; } .pp-feat { margin-bottom: 15px; } .pp-feat img { width: 100%; height: auto; } .pp-overlay-icon { font-size: 24px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; visibility: hidden; align-items: center; justify-content: center; -webkit-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1); pointer-events: none; opacity: 0; color: #fff; background-color: rgba(0, 0, 0, .7); } .pp-feat-link:hover .pp-overlay-icon { visibility: visible; opacity: 1; } .pp-terms { margin-top: 10px; } /* -------------------------------------------------------------- 9.0 - ARCHIVES & PAGES */ .category-header { position: relative; display: block; overflow: hidden; } .header-holder { position: relative; display: block; overflow: hidden; padding: 40px 0; text-align: center; background-color: rgba(0, 0, 0, .025); } .header-holder .header-content { position: relative; z-index: 10; } .is-header-bg.is-header-center .header-holder { padding: 90px 0; background-color: #333; } .is-header-bg.is-header-boxed .header-holder { padding: 60px 0; } #category-header-bg { position: absolute; top: -5%; right: 0; bottom: auto; left: 0; height: 160%; -webkit-transition: opacity 1s cubic-bezier(0.32, 0.74, 0.57, 1); transition: opacity 1s cubic-bezier(0.32, 0.74, 0.57, 1); pointer-events: none; opacity: 0; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: cover; will-change: transform; } #category-header-bg.is-show { opacity: .8; } .taxonomy-description { font-size: .85rem; max-width: 720px; margin-top: 20px; margin-right: auto; margin-left: auto; } .taxonomy-description * { font-size: inherit; line-height: 1.7; } .is-header-left .header-holder { padding-top: 0; padding-bottom: 0; } .is-header-left .header-left-holder { position: relative; width: 50%; padding: 90px 40px; background-color: rgba(255, 255, 255, .7); } .is-header-left.is-header-solid .header-left-holder { padding-top: 40px; padding-bottom: 40px; } .header-left-holder .header-content { text-align: left; } .header-left-holder .taxonomy-description { max-width: 100%; margin-left: 0; text-align: left; } .category-header.is-header-boxed { margin-top: 40px; } .single-page-header { text-align: center; } body.page-template-default article.page { margin-right: auto; margin-left: auto; } .page-featured { position: relative; display: block; margin-top: 30px; } .pageh-feat-full { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; } .pageh-feat-full:after { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ''; background-color: rgba(0, 0, 0, .4); } .pageh-feat-full img { position: relative; display: block; width: 100%; height: 100%; } .pageh-feat-holder { position: relative; overflow: hidden; padding: 90px 0; } .pageh-inner { position: relative; z-index: 10; } .header-search-form { margin-top: 20px; } .header-search-form .search-form { max-width: 600px; } .search-header .header-holder { padding-bottom: 0; background-color: transparent; } .portfolio-category-desc { margin-top: 20px; } .portfolio-category-desc > *:last-child { margin-bottom: 0; } .portfolio-header-holder { position: relative; margin-top: 35px; } .header-author-box { position: relative; display: block; overflow: hidden; margin-top: 20px; padding: 40px 20px; } .header-author-box .box-feat { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #333; } .header-author-box .box-feat img { width: 100%; height: 100%; opacity: .35; object-fit: cover; object-position: center; } .header-author-box .box-inner { position: relative; z-index: 10; display: flex; flex-flow: column nowrap; justify-content: center; text-align: center; } .header-author-box .box-description { font-size: .85rem; line-height: 1.7; max-width: 760px; margin-right: auto; margin-left: auto; color: #efefef; } .header-author-box .box-avatar { margin-bottom: 15px; } .header-author-box .box-avatar img { -webkit-border-radius: 100%; border-radius: 100%; } .header-author-box .box-header { font-size: .85rem; line-height: 1.7; position: relative; margin-bottom: 15px; padding-bottom: 25px; } .header-author-box .box-header:after { position: absolute; bottom: 0; left: 50%; display: block; width: 100px; height: 10px; margin-left: -50px; content: ''; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .header-author-box .box-job { font-size: .85rem; display: block; margin-top: 5px; color: #efefef; } .header-author-box .box-footer { margin-top: 15px; } .header-author-box .box-footer a { font-size: 18px; padding-right: 5px; padding-left: 5px; } .not-found { display: flex; align-items: center; justify-content: center; } .not-found-label-wrap { position: relative; display: flex; flex-flow: column nowrap; flex-grow: 0; margin-right: 50px; } span.not-found-label { font-size: 12rem; line-height: 1; z-index: 1; margin: 0; letter-spacing: -0.1em; pointer-events: none; color: var(--g-color); } .not-found-description { font-size: 3rem; line-height: 1; position: absolute; z-index: 10; top: -.5rem; left: 4rem; pointer-events: none; color: #666; } .not-found .page-content p { margin-bottom: 0; } .not-found-wrap { display: flex; align-items: center; flex-flow: row nowrap; max-width: 1020px; } .not-found-inner { display: flex; flex-flow: column nowrap; flex-grow: 1; } .section-not-found .page-content a:not(.return-home) { text-decoration: underline; } .not-found .page-content { margin-top: 20px; } .not-found .search-form { display: block; width: 100%; max-width: 100%; margin-top: 40px; } .not-found .search-form input[type='search'] { width: 100%; } .return-home { display: flex; margin-right: auto; margin-left: auto; -webkit-transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1); border-bottom: 2px solid; } .section-not-found .page-content .return-home { display: inline-block; margin-top: 20px; text-decoration: none; color: inherit; } .return-home:hover, .section-not-found .page-content .return-home:hover { color: var(--g-color); } .section-not-found .not-found-inner { display: block; text-align: center; } /* -------------------------------------------------------------- 10.0 - FOOTER */ .footer-wrap, .top-footer-wrap { position: relative; display: block; clear: both; overflow: hidden; } footer.footer-wrap > * { position: relative; z-index: 99; } .top-footer-wrap .widget { margin-bottom: 50px; } .top-footer-wrap .widget:last-child { margin-bottom: 0; } .top-footer-wrap.is-footer-bg .widget:last-child .instagram-grid.is-wrap { margin-bottom: 50px; } .footer-section:first-child { margin-top: 45px; } .footer-section { margin-bottom: 50px; } .footer-logo-inner { display: flex; align-items: center; flex-flow: column nowrap; gap: 20px; } .footer-logo-wrap img { width: auto; max-height: var(--flogo-height, 120px); } .footer-logo-wrap.is-svg img { height: 999px; max-height: var(--flogo-height, 60px); object-fit: contain; } .footer-social { display: flex; overflow: hidden; flex-flow: row wrap; justify-content: center; gap: 4px; } .footer-social a { width: 36px; height: 36px; text-align: center; color: #fff; background-color: #333; } .footer-social i { font-size: 16px; line-height: 36px; display: block; vertical-align: middle; letter-spacing: 0; } .footer-menu-inner { font-family: 'Quicksand', sans-serif; font-size: 16px; font-weight: 700; display: flex; flex-flow: row wrap; justify-content: center; gap: 5px 20px; } .footer-menu-inner 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); } .footer-menu-inner a:hover, .footer-menu-inner a:focus { opacity: .7; } /** copyright section */ .footer-copyright.footer-section { margin-bottom: 0; text-align: center; } .footer-copyright.footer-section:first-child { margin-top: 0; } .footer-copyright.footer-section:first-child .copyright-inner { border-top: 0; } .copyright-inner { font-size: .8rem; display: block; padding: 15px 0; text-align: center; border-top: 1px solid #8882; } .is-meta-border .footer-wrap .widget_nav_menu .menu-item a:after { display: none; } .is-meta-border .footer-wrap .widget_nav_menu .menu-item { margin-bottom: 7px; } .footer-widget-inner { display: flex; flex-flow: row wrap; flex-grow: 1; } .footer-widget-inner > * { flex: 0 0 100%; width: 100%; margin-bottom: 35px; } .footer-widget-inner > *:last-child { margin-bottom: 0; } .footer-widget-inner .widget:last-child { margin-bottom: 0; } .rbtoc { display: inline-flex; float: none; flex-flow: column nowrap; width: 100%; max-width: 100%; margin-bottom: 2rem; padding: 20px; border-radius: 7px; box-shadow: 0 2px 20px rgba(0, 0, 0, .05); } .rbtoc.table-left:not(.table-fw-single-col) { float: left; width: 60%; min-width: 310px; margin: 0 30px 30px 0; padding: 40px 30px; } .table-content-header { display: flex; margin-bottom: 10px; } .ruby-toc-toggle { display: inline-flex; flex-grow: 1; justify-content: flex-end; } .ruby-toc-toggle i { cursor: pointer; } .ruby-toc-toggle i:hover { color: var(--g-color); } .ruby-toc-toggle.activate i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rbtoc.table-fw .inner { padding-top: 20px; } .table-link { display: block; margin-top: 7px; padding-top: 7px; border-top: 1px dashed rgba(0, 0, 0, .05); } .table-link:first-child { margin-top: 0; padding-top: 0; border-top: 0; } .table-link a:not(:hover) { color: inherit !important; } .table-link a:before { display: inline-block; width: 10px; height: 10px; margin-right: 7px; content: ''; -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); border-radius: 50%; background-color: var(--g-color); } .table-link a:visited:not(:hover) { color: #999 !important; } .table-link a:visited:not(:hover):before { background: #f2f2f2; } .table-link.depth-1 { padding-left: 10px; } .table-link.depth-2 { padding-left: 20px; } .table-link.depth-3 { padding-left: 30px; } .table-link.depth-4 { padding-left: 40px; } .table-link.depth-5 { padding-left: 50px; } .table-link.depth-6 { padding-left: 60px; } /* -------------------------------------------------------------- 11.0 - WIDGETS */ .widget { position: relative; display: block; overflow: hidden; } .sb-infinite.sidebar-sticky .sidebar-inner { position: sticky; position: -webkit-sticky; top: 50px; } .w-header-2 .widget-title, .w-header-2 .elementor-widget-container .widget > h5 { margin-bottom: 25px; text-align: center; } .w-header-3 .widget .widget-title, .w-header-3 .elementor-widget-container .widget > h5 { line-height: 1; display: inline-block; clear: both; padding: 5px 20px; color: #fff; background-color: #333; } .sidebar-inner .widget, .footer-widget .widget, .elementor-widget-sidebar .widget { clear: both; width: 100%; margin-bottom: 50px; } .composer-main .sidebar-inner .widget:last-child, .elementor-widget-sidebar .widget:last-child { margin-bottom: 0; } .widget_recent_comments .recentcomments > a:last-child, .widget_recent_entries li, .widget.w-sidebar.widget_block li { font-family: 'Quicksand', sans-serif; font-size: .85rem; font-weight: 600; position: relative; display: block; margin-bottom: 15px; } .wp-block-latest-posts li { position: relative; display: block; margin-bottom: 20px; } .widget_rss li, .widget_pages .page_item, .widget_meta li, .widget_categories .cat-item, .widget_archive li, .widget.widget_nav_menu .menu-item, .wp-block-archives-list li, .wp-block-categories-list li { font-family: 'Quicksand', sans-serif; font-size: 14px; font-weight: 500; position: relative; display: block; margin-bottom: 15px; } .widget_pages a:after, .widget_meta a:after, .widget_categories a:after, .widget_archive a:after, .widget.widget_nav_menu a:after, .wp-block-categories-list a:after, .wp-block-archives-list a:after { font-size: 8px; line-height: 0; position: absolute; top: 50%; margin-top: -1px; margin-left: 7px; content: '.................................................'; -webkit-transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1); transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1); letter-spacing: .75em; opacity: .4; color: inherit; } .widget_pages a, .widget_meta a, .widget_categories a, .widget_archive a, .widget.widget_nav_menu a, .wp-block-categories-list a, .wp-block-archives-list a { font-weight: inherit; position: relative; -webkit-transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1); transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1); color: inherit; } .entry-content .wp-block-categories-list a, .entry-content .wp-block-archives-list a { text-decoration: none !important; text-decoration-color: transparent; -webkit-text-decoration-color: transparent; } .widget_pages a:hover, .widget_meta a:hover, .widget_categories a:hover, .widget_archive a:hover, .widget.widget_nav_menu a:hover, .entry-content .wp-block-categories-list a:hover, .entry-content .wp-block-archives-list a:hover, .entry-content .wp-block-latest-comments__comment-meta a:hover { color: var(--g-color); } .wp-block-categories-list a:hover .count, .wp-block-categories-list a:hover .count, .widget_categories a:hover .count, .widget_archive a:hover .count { background-color: var(--g-color); } .widget_recent_entries a, .recentcomments a, a.rsswidget { position: relative; -webkit-transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1); transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1); } .widget_recent_entries a:hover, .recentcomments a:hover, a.rsswidget:hover { text-decoration: underline; color: var(--g-color); text-decoration-color: currentColor; -webkit-text-decoration-color: currentColor; } .widget.w-sidebar.widget_block h2 { margin-bottom: 15px; } .widget.w-sidebar.widget_block a.wp-block-latest-posts__post-title { font-size: 0.85rem; } .widget.w-sidebar.widget_block a.wp-block-latest-comments__comment-link { font-size: 0.85rem; display: block !important; margin-top: 2px !important; margin-bottom: 0 !important; } .widget.w-sidebar.widget_block li.wp-block-latest-comments__comment { font-size: .875rem; position: relative; margin-bottom: 20px; padding-left: 35px; } .widget.w-sidebar.widget_block li.wp-block-latest-comments__comment:before { font-family: 'ruby-icon'; font-size: 24px; position: absolute; top: 0; left: 0; content: '\56'; } .widget.w-sidebar.widget_block a.wp-block-latest-posts__post-title:before, .widget_recent_entries a:before { font-family: 'ruby-icon'; font-weight: normal; display: inline; margin-right: 7px; content: '\e90c'; } .widget_recent_entries .post-date { font-size: 12px; font-weight: 400; position: relative; display: block; margin-top: 7px; } .widget_recent_comments .recentcomments:before { font-family: 'ruby-icon'; font-size: 24px; position: absolute; top: 0; left: 0; content: '\56'; } .widget_recent_comments .recentcomments { font-size: .875rem; position: relative; margin-bottom: 20px; padding-left: 35px; } .widget_recent_comments .recentcomments > a:last-child { display: block !important; margin-top: 2px !important; margin-bottom: 0 !important; } .widget_categories .children, .widget_pages .children, .wp-block-categories-list .children, .wp-block-categories-list .children { margin-top: 15px; margin-left: 15px; padding: 0; } .wp-block-latest-comments__comment { position: relative; display: block; margin-left: 0; } .wp-block-latest-comments__comment article { margin-bottom: 20px; } .wp-block-latest-comments__comment-link, .wp-block-latest-posts__list a { font-family: 'Quicksand', sans-serif; font-size: 1rem; font-weight: 700; line-height: 1.45; } .wp-block-latest-comments__comment-date { padding-top: 7px; } .wp-block-latest-comments__comment-excerpt { font-size: .85rem; line-height: 1.7; margin-top: 12px; } .wp-block-latest-comments__comment-excerpt p { font-size: inherit; line-height: inherit; margin: 0; } .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tr:nth-child(odd), .wp-block-table.is-style-stripes tr:nth-child(odd) { background-color: #eee; } .widget_pages ul.children ul.children ul.children { margin-left: 0; } .widget.widget_nav_menu .menu-item a { font-size: inherit; font-weight: inherit; position: relative; padding: 0; letter-spacing: inherit; } .widget.widget_nav_menu .menu-item a * { font-size: inherit; text-transform: inherit; } .widget.widget_nav_menu .sub-menu { margin-top: 15px; margin-left: 15px; } .widget_archive > ul > li:last-child, .widget_categories > ul > li:last-child, .widget_pages > ul > li:last-child, .widget_meta > ul > li:last-child, .widget.widget_nav_menu ul.menu > li:last-child { margin-bottom: 0; } .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; } .widget-title, .widget .widget-title, .elementor-widget-container .widget > *:first-child { position: relative; display: block; margin-bottom: 20px; } .widget-title:after { display: table; clear: both; content: ''; } .widget_categories label, .widget_archive label, .widget_mc4wp_form_widget .mc4wp-form label, .widget_text .mc4wp-form label { display: none; } .widget_mc4wp_form_widget .widget-title { text-align: center; } .widget_rss li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #8882; } .widget_rss li:last-child { margin-bottom: 0; } .widget_rss ul a.rsswidget:before { font-family: 'ruby-icon'; font-size: 20px; position: absolute; top: 4px; left: 0; content: '\42'; } .widget_rss ul a.rsswidget, .rss-date { display: block; padding-left: 35px; } .rss-date { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; margin-top: 2px; color: #666; } .rssSummary { font-family: 'Poppins', sans-serif; font-size: .85rem; font-weight: 400; line-height: 1.7; margin-top: 15px; margin-bottom: 10px; } .widget_rss cite { font-size: 12px; display: block; padding-right: 5px; } .wp-block-archives, .wp-block-categories { position: relative; overflow: hidden; max-width: 350px; } .wp-block-archives.alignleft, .wp-block-categories.alignleft, .wp-block-archives.alignright, .wp-block-categories.alignright { width: 350px; } .wp-block-categories-list .count, .wp-block-archives-list .count, .widget:not(.woocommerce) .count { font-size: 11px; line-height: 18px; float: right; min-width: 18px; padding: 0 3px; -webkit-transition: background-color .3s cubic-bezier(0.36, 0.8, 0.41, 1); transition: background-color .3s cubic-bezier(0.36, 0.8, 0.41, 1); text-align: center; color: #fff; background-color: #333; } .widget_archive select, .wp-block-archives select, .widget_categories select, .wp-block-categories select { display: block; width: 100%; max-width: 100%; padding: 10px; color: #aaa; border: none; background-color: rgba(0, 0, 0, .025); } .widget_archive select, .widget_categories select { width: 100%; } .widget_archive select option, .wp-block-archives select option, .widget_categories select option, .wp-block-categories select option { color: #333; } .entry-content ul.wp-block-latest-posts a:hover { color: var(--g-color); } .wp-block-latest-posts__post-date, .wp-block-latest-comments__comment-date { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; margin-top: 7px; padding: 0; letter-spacing: .0215rem; color: #666; } #wp-calendar { position: relative; width: 100%; } #wp-calendar tfoot { position: absolute; top: 0; right: 0; left: 0; } #wp-calendar tfoot td { vertical-align: top; border: none; } #wp-calendar th, #wp-calendar td { line-height: 40px; padding: 0; text-align: center; } #wp-calendar tbody a { display: block; -webkit-transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1); transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1); text-decoration: none !important; background-color: rgba(0, 0, 0, .025); } #wp-calendar tbody td { padding: 0; } #wp-calendar tbody a:hover { color: #fff; background-color: var(--g-color); } #wp-calendar caption { padding-bottom: 15px; } #wp-calendar td#today { color: #fff; background-color: var(--g-color); } #wp-calendar #prev { right: auto; left: 0; } #wp-calendar #next { position: absolute; right: 0; left: auto; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 13px; line-height: 24px; display: block; -webkit-transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1); transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1); text-decoration: none !important; opacity: .5; } #wp-calendar #prev a:hover, #wp-calendar #next a:hover { opacity: 1; } #wp-calendar tfoot a:hover { text-decoration: underline; } .widget_tag_cloud .tagcloud { display: flex; flex-flow: row wrap; } .tagcloud a { font-family: 'Montserrat', sans-serif; font-size: 11px !important; font-weight: 600; line-height: 1.5; margin: 2px; padding: 4px 12px; -webkit-transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1); transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1); letter-spacing: .0215rem; color: #fff; border: none; background-color: #333; } .tagcloud a:hover, .tagcloud a:focus, .is-light-text .tagcloud a:hover, .is-light-text .tagcloud a:focus { color: #fff; background-color: var(--g-color); } .widget_search { display: block; overflow: hidden; } .widget_search form { position: relative; display: block; } .widget_search input.search-field, .widget_product_search input[type='search'] { display: block; width: 100%; margin: 0; padding: 5px 50px 5px 20px; border: none !important; } .widget_search .search-form input[type='submit'], .widget_product_search .search-form input[type='submit'] { line-height: 46px; width: 46px; height: 46px; } .widget_search .search-submit, .widget_search input[type=submit], .widget_product_search button { font-size: 0; line-height: 0; z-index: 9; width: 50px; min-width: auto !important; padding: 0; cursor: pointer; text-indent: -9999px; background-color: transparent !important; } .widget_search form:after, .widget_product_search:after { font-family: 'ruby-icon'; font-size: 22px; line-height: 46px; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: auto; width: 50px; height: 100%; content: '\e977'; text-align: center; pointer-events: none; opacity: 1; -webkit-border-radius: 0 !important; border-radius: 0 !important; } .textwidget img { margin-top: 1rem; margin-bottom: 1rem; } .textwidget p { margin-bottom: .75rem; word-wrap: break-word; } .footer-wrap .textwidget p { font-size: .85rem; line-height: 1.7; color: #777; } .textwidget > p:last-child { margin-bottom: 0; } .subscribe-youtube-wrap { display: flex; overflow: hidden; justify-content: center; } .twitter-content.entry-summary { margin-top: 0; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed rgba(0, 0, 0, .05); } .twitter-content.entry-summary:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .twitter-content.entry-summary a { font-style: italic; -webkit-transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1); transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1); text-decoration: underline; color: #333; } .twitter-content.entry-summary a:hover { color: var(--g-color); } .twitter-timestamp { font-size: 12px; display: block; margin-top: 7px; color: #666; } .widget-post-1 > *:last-child .p-wrap, .widget-post-3 > *:last-child .p-wrap { margin-bottom: 0; padding-bottom: 0; border: none; } .ct-small-list .p-wrap.p-style-3 .p-header { display: flex; align-items: start; flex-flow: row nowrap; } .p-wrap.p-list-4.p-style-3 i.cat-dot-el { line-height: 6px; width: 6px; height: 6px; } .ct-small-list .p-wrap.p-list-4.p-style-3 { margin-bottom: 15px; } .ct-small-list .rb-col-m12:last-child .p-wrap.p-list-4.p-style-3 { margin-bottom: 0; } .widget-post-4 .p-wrap .rb-iwrap.pc-75, .ct-small-list .p-wrap.p-style-2 .rb-iwrap.pc-75 { padding-bottom: 100%; } .widget-post-4 .p-wrap .p-feat, .ct-small-list .p-wrap.p-style-2 .p-feat { -webkit-border-radius: 100%; border-radius: 100%; } .widget-post ul { list-style: none; } .widget-post-2 { margin-right: -10px; margin-bottom: -20px; margin-left: -10px; } .widget-post-2 > * { padding-right: 10px; padding-left: 10px; } .widget-post-2 .p-grid-w1 { width: 100%; } .p-grid-w1 .p-feat { margin-bottom: 10px; } .social-follower { position: relative; display: block; } .follower-el { line-height: 40px; position: relative; display: flex; overflow: hidden; align-items: center; margin-bottom: 7px; padding-right: 20px; padding-left: 20px; -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); background-color: #333; } .follower-el:last-child { margin-bottom: 0; } .follower-el > a { position: absolute; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; display: block; } .follower-el * { line-height: inherit; display: inline-flex; align-items: center; color: inherit; } .follower-el .num-count, .follower-el .text-count { margin-left: 5px; } .follower-el .right-el { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; display: flex; margin-left: auto; letter-spacing: .1em; text-transform: uppercase; } .follower-icon { position: relative; margin-right: 5px; padding-right: 5px; } .text-count { text-transform: capitalize; } .follower-icon:after { position: absolute; top: 50%; right: 0; width: 1px; height: 10px; margin-top: -5px; content: ''; opacity: .25; background-color: currentColor; } .footer-wrap .follower-el .left-el { flex-grow: 1; } .footer-wrap .follower-el .text-count { flex-grow: 1; justify-content: flex-end; } .footer-wrap .follower-el .right-el { display: none; } .footer-wrap .widget.widget_nav_menu .menu-item { margin-bottom: 10px; } .is-color .social-link-facebook, .bg-facebook { background-color: #899dce; } .is-color .social-link-twitter, .bg-twitter { background-color: #60d2f5; } .is-color .social-link-pinterest, .bg-pinterest { background-color: #f74c53; } .is-color .social-link-instagram, .bg-instagram { background-color: #7e40b6; } .is-color .social-link-linkedin, .bg-linkedin { background-color: #007bb6; } .is-color .social-link-tumblr, .bg-tumblr { background-color: #32506d; } .is-color .social-link-flickr { background-color: #ff0082; } .is-color .social-link-skype { background-color: #00aae1; } .is-color .social-link-snapchat { background-color: #ffc94f; } .is-color .social-link-myspace { background-color: #030303; } .is-color .social-link-youtube, .bg-youtube { background-color: #ef464b; } .is-color .social-link-bloglovin { background-color: #111; } .is-color .social-link-digg { background-color: #191919; } .is-color .social-link-dribbble, .bg-dribbble { background-color: #fb70a6; } .is-color .social-link-soundcloud, .bg-soundcloud { background-color: #fd794a; } .is-color .social-link-vk, .bg-vk { background-color: #5fa0dd; } .is-color .social-link-whatsapp { background-color: #00e676; } .is-color .social-link-rss, .bg-rss { background-color: #ffcc15; } .is-color .social-link-vimeo, .bg-vimeo { background-color: #44bbe1; } .is-color .social-link-telegram, .bg-telegram { background-color: #649fdf; } .is-color .social-link-reddit { background-color: #ff4500; } .is-color .social-link-custom { background-color: #333; } .is-bg-icon .social-link-facebook:hover, .widget .bg-facebook:hover { background-color: #568fce; } .is-icon .social-link-facebook:hover, .is-light-share .share-facebook i { color: #568fce; } .is-bg-icon .social-link-twitter:hover, .widget .bg-twitter:hover { background-color: #27c2f5; } .is-icon .social-link-twitter:hover, .is-light-share .share-twitter i { color: #27c2f5; } .is-bg-icon .social-link-pinterest:hover, .widget .bg-pinterest:hover { background-color: #f7333e; } .is-icon .social-link-pinterest:hover, .is-light-share .share-pinterest i { color: #f7333e; } .is-bg-icon .social-link-instagram:hover, .widget .bg-instagram:hover { background-color: #8823b6; } .is-icon .social-link-instagram:hover { color: #8823b6 } .is-bg-icon .social-link-linkedin:hover { background-color: #0a84dc; } .is-icon .social-link-linkedin:hover, .is-light-share .share-linkedin i { color: #0a84dc; } .is-bg-icon .social-link-tumblr:hover { background-color: #111; } .is-icon .social-link-tumblr:hover, .is-light-share .share-tumblr i { color: #111; } .is-bg-icon .social-link-flickr:hover { background-color: #ff015a; } .is-icon .social-link-flickr:hover { color: #ff015a; } .is-bg-icon .social-link-skype:hover { background-color: #0082e1; } .is-icon .social-link-skype:hover { color: #0082e1; } .is-bg-icon .social-link-snapchat:hover { background-color: #ffd400; } .is-icon .social-link-snapchat:hover { color: #ffd400; } .is-bg-icon .social-link-myspace:hover, .is-bg-icon .social-link-bloglovin:hover, .is-bg-icon .social-link-digg:hover { background-color: #000; } .is-icon .social-link-myspace:hover, .is-icon .social-link-bloglovin:hover, .is-icon .social-link-digg:hover { color: #000; } .is-bg-icon .social-link-youtube:hover, .widget .bg-youtube:hover { background-color: #ef272c; } .is-icon .social-link-youtube:hover { color: #ef272c; } .is-bg-icon .social-link-dribbble:hover, .widget .bg-dribbble:hover { background-color: #ff5a91; } .is-icon .social-link-dribbble:hover { color: #ff5a91; } .is-bg-icon .social-link-soundcloud:hover, .widget .bg-soundcloud:hover { background-color: #fd652a; } .is-icon .social-link-soundcloud:hover { color: #fd652a; } .is-bg-icon .social-link-vimeo:hover, .widget .bg-vimeo:hover { background-color: #15a8e1; } .is-icon .social-link-vimeo:hover { color: #15a8e1; } .is-bg-icon .social-link-reddit:hover { background-color: #ff570a; } .is-icon .social-link-reddit:hover, .is-light-share .share-reddit { color: #ff570a; } .is-bg-icon .social-link-vk:hover, .widget .bg-vk:hover { background-color: #568fce; } .is-icon .social-link-vk:hover, .is-light-share .share-vk { color: #08c; } .is-icon .social-link-telegram:hover, .is-light-share .share-telegram { color: #568fce; } .is-bg-icon .social-link-telegram:hover, .widget .bg-telegram:hover { background-color: #3e80bd; } .is-bg-icon .social-link-whatsapp:hover { background-color: #0ce643; } .is-icon .social-link-whatsapp:hover, .is-light-share .share-whatsapp i { color: #17c242; } .is-bg-icon .social-link-rss:hover { background-color: #ffa100; } .is-icon .social-link-rss:hover, .is-light-share .share-email i { color: #ffa100; } .social-follower i { font-size: 20px; position: relative; } .social-follower i:before { position: relative; z-index: 2; } .social-follower .rbi:after { font-size: 2.25em; position: absolute; z-index: 1; left: -18px; content: '\62'; opacity: .2; } .social-follower i.rbi-tiktok:after { content: '\e95e'; } .social-follower i.rbi-x-twitter:after { content: '\e972'; } .social-follower i.rbi-pinterest-i:after { content: '\66'; } .social-follower i.rbi-instagram:after { content: '\34'; } .social-follower i.rbi-telegram:after { content: '\e938'; } .social-follower .rbi-tiktok:before { color: #fff; filter: drop-shadow(2px 0px 0px #fd3e3e) drop-shadow(-2px -2px 0px #4de8f4); } .topsite-sidebar .advert-wrap { padding-top: 15px; padding-bottom: 15px; } .topsite-sidebar .wp-block-group { display: none; } .advert-decs { font-family: inherit; font-size: .83rem; font-weight: 400; line-height: 1; display: block; overflow: hidden; margin-bottom: 10px; text-align: center; color: #8888; } .infeed-wrap .advert-decs { margin-top: 10px; margin-bottom: 0; } .infeed-image { -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); } .infeed-image:hover { opacity: .7; } .ad-image img { display: block; width: auto; max-width: 100%; margin-right: auto; margin-left: auto; } .advert-wrap, .advert-wrap iframe { position: relative; display: block; max-width: 100%; margin-right: auto; margin-left: auto; } .advert-image, .ad-script { text-align: center; } .infeed-wrap { position: relative; display: block; width: 100%; text-align: center; } .mc4wp-form-fields { position: relative; } .mc4wp-form-fields input { display: block; width: 50%; max-width: 460px; margin-right: auto; margin-bottom: 15px; margin-left: auto; } .mc4wp-form-fields input[type='submit'], .mc4wp-form-fields button { display: block !important; width: auto; } .w-sidebar .mc4wp-form-fields h1, .w-sidebar .mc4wp-form-fields h2, .w-sidebar .mc4wp-form-fields h3, .w-sidebar .mc4wp-form-fields h4, .w-sidebar .mc4wp-form-fields h5, .w-sidebar .mc4wp-form-fields h6 { margin-bottom: 10px; text-align: center; } .w-sidebar .mc4wp-form-fields p { font-size: .9rem; margin-bottom: 20px; text-align: center; opacity: .7 } .subscribe-box .mc4wp-form-fields input { display: flex; margin-right: 0; margin-left: 0; } .sidebar-inner .w-sidebar.widget_mc4wp_form_widget, .w-footer.widget_mc4wp_form_widget { padding: 30px 20px 20px 20px; border: 1px solid #8882; } .is-light-text .w-footer.widget_mc4wp_form_widget { border-color: rgba(255, 255, 255, .1); } .sidebar-inner .w-sidebar.widget_mc4wp_form_widget input:not([type='submit']), .w-footer.widget_mc4wp_form_widget input:not([type='submit']) { width: 100%; } .sidebar-inner .w-sidebar.widget_mc4wp_form_widget input + i, .w-footer.widget_mc4wp_form_widget input + i { display: none; } .widget-fw-instagram .rb-error { padding: 0 20px; text-align: center; } .widget-fw-instagram .instagram-grid { padding-bottom: 10px; } .layout-default .grid-holder { display: flex; align-content: stretch; flex-flow: row wrap; margin: -5px; } .p-center .p-wrap { text-align: center; } .p-center .p-meta-info, .p-center .btn.p-link { display: flex; flex-flow: row nowrap; justify-content: center; } .is-wide .grid-holder { margin-right: 5px; margin-left: 5px; } .is-wide.layout-grid .grid-holder { margin-right: 10px; margin-left: 10px; } .layout-default .grid-el { padding: 5px; } .rb-c2 { flex: 0 0 50%; width: 50%; } .rb-c3 { flex: 0 0 33.333%; width: 33%; } .rb-c4 { flex: 0 0 25%; width: 25%; } .rb-c5 { flex: 0 0 20%; width: 20%; } .rb-c6 { flex: 0 0 16.666%; width: 16.666%; } .rb-c7 { flex: 0 0 14.285%; width: 14.285%; } .rb-c8 { flex: 0 0 12.5%; width: 12.5%; } .rb-c9 { flex: 0 0 11.111%; width: 11.111%; } .rb-c10 { flex: 0 0 10%; width: 10%; } .instagram-box { position: relative; overflow: hidden; flex: 1; } .instagram-box .box-content { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; -webkit-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1); pointer-events: none; opacity: 0; color: #fff; } .instagram-box:not(.box-intro) .box-content:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(0, 0, 0, .5); } .instagram-box:not(.box-intro) .box-content span { line-height: 1; z-index: 10; display: inline-flex; display: -webkit-inline-flex; align-items: center; padding: 0 5px; } .widget-sb-instagram .instagram-box:not(.box-intro) .box-content i, .widget-sb-instagram .instagram-box:not(.box-intro) .box-content span { font-size: .825rem; } .instagram-box:not(.box-intro) .box-content i { font-size: 1.1rem; line-height: 1; margin-right: 3px; } .instagram-box:hover .box-content { opacity: 1; } .instagram-box img, .flickr-grid img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } .instagram-box { padding-bottom: 100%; } .instagram-box a { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; } .grid-header { font-size: 1.3rem; display: block; margin-bottom: 20px; text-align: center; } .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; } .widget-fw-instagram .layout-default h5, .widget-fw-instagram .layout-default h6 { font-size: 1.2rem; } .instagram-box.box-intro { line-height: 1; padding-bottom: 50%; -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); background-color: #333; } .instagram-box.box-intro .box-content { flex-direction: column; padding: 0 10px; text-align: center; opacity: 1; } .instagram-box.box-intro:hover { background-color: var(--g-color); } .instagram-box.box-intro .box-content span { font-size: 12px; font-style: italic; line-height: 1.5; display: none; } .instagram-box.box-intro .box-content i { font-size: 2.2rem; margin-bottom: 5px; } .instagram-box.box-intro .box-content h6 { white-space: nowrap; } .layout-grid .grid-holder { display: grid; align-items: stretch; grid-gap: 10px; grid-template-columns: repeat(8, 1fr); grid-template-rows: auto; grid-template-areas: 'e2 e2 e1 e1 e3 e3 e4 e5' 'e2 e2 e6 e7 e3 e3 e8 e8'; } .layout-grid.grid-fmasonry .grid-holder { grid-template-columns: repeat(10, 1fr); grid-template-areas: 'e1 e2 e2 e9 e9 e3 e3 e4 e5 e11' 'e10 e2 e2 e6 e7 e3 e3 e8 e8 e11'; } .layout-grid .instagram-box { height: 100%; } .rb-masonry { justify-self: stretch; } .rb-masonry:nth-child(1) { grid-area: e1; justify-self: stretch; } .rb-masonry:nth-child(2) { grid-area: e2; } .rb-masonry:nth-child(3) { grid-area: e3; } .rb-masonry:nth-child(5) { grid-area: e4; } .rb-masonry:nth-child(5) { grid-area: e5; } .rb-masonry:nth-child(6) { grid-area: e6; } .rb-masonry:nth-child(7) { grid-area: e7; } .rb-masonry:nth-child(8) { grid-area: e8; } .rb-masonry:nth-child(9) { grid-area: e9; } .rb-masonry:nth-child(10) { grid-area: e10; } .rb-masonry:nth-child(11) { grid-area: e11; } .layout-grid .rb-masonry:nth-child(8) .instagram-box, .layout-grid .rb-masonry:nth-child(9) .instagram-box { padding-bottom: 50%; } .layout-grid .rb-masonry:nth-child(11) .instagram-box { padding-bottom: 200%; } .about-bio.is-centered { text-align: center; } .about-bio.is-centered + .social-icon-wrap { justify-content: center; } .about-bio.is-centered + .social-icon-wrap a { font-size: 16px; margin-right: 0; padding-right: 7px; padding-left: 7px; } .about-bio > * { margin-bottom: .5rem; } .about-bio > img { margin-bottom: 1.5rem; } .about-bio > a img { margin-bottom: 1rem; } .about-bio p { font-size: .85rem; line-height: 1.7; max-width: 320px; color: #777; } .footer-style-3 .footer-col-4 .about-bio p, .footer-style-4 .footer-col-1 .about-bio p { max-width: 100%; } .about-bio.is-centered p { margin-right: auto; margin-left: auto; } .sidebar-wrap .about-bio.is-centered p { max-width: 270px; } .widget-social-icon .social-icon-wrap a { font-size: 20px; line-height: 34px; margin-right: 15px; text-align: center; } .widget-social-icon .social-icon-wrap { display: flex; flex-flow: row wrap; } .widget-social-icon .social-icon-wrap.is-centered { justify-content: center; } .widget-tweets .widget-title:before { font-family: 'ruby-icon'; font-size: .9em; margin-right: 7px; content: '\64'; } .address-info { font-size: .85rem; padding: 20% 10%; background-color: rgba(0, 0, 0, 0.025); } .address-info h5 { margin-bottom: 15px; } .office-address { position: relative; display: block; margin-bottom: 40px; padding-left: 30px; } .address-info .phone, .address-info .tel, .address-info .email { position: relative; display: block; margin-bottom: 12px; padding-left: 30px; } .address-info .email { margin-bottom: 40px; } .office-address:before { font-family: 'ruby-icon'; font-size: 18px; line-height: 1; position: absolute; top: 5px; left: 0; } .address-info > *:last-child { margin-bottom: 0; } .address-info .phone:before, .address-info .tel:before, .address-info .email:before { font-family: 'ruby-icon'; font-size: 15px; line-height: 20px; position: absolute; top: 50%; left: 0; margin-top: -10px; } .office-address:before { content: '\e92a'; } .address-info .phone:before { content: '\e017'; } .address-info .tel:before { content: '\e830'; } .address-info .email:before { content: '\e818'; } .address-info a { text-decoration: underline; } .address-info a:hover { color: var(--g-color); } .w-banner { position: relative; display: block; overflow: hidden; padding: 100px 30px; text-align: center; } .w-banner-content { display: flex; align-items: center; flex-grow: 1; justify-content: center; min-height: 240px; } .w-banner-desc { display: block; max-width: 100%; margin-right: auto; margin-left: auto; } .banner-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .is-light-text .banner-bg { background-color: #333; } .w-banner .banner-bg img { position: relative; width: 100%; height: 100%; object-fit: cover; object-position: top center; } .banner-btn { margin-top: 20px; text-align: center; } .banner-btn a { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; line-height: 40px; display: inline-block; padding: 0 40px; cursor: pointer; -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); white-space: nowrap; color: #fff; border: none; outline: none !important; background-color: var(--g-color); -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .banner-btn a:hover { background-color: #333; } .rb-headerstrip { display: none; overflow: hidden; padding: 12px 40px; background-color: #333; } .rb-headerstrip .content-inner { display: flex; align-items: center; flex-flow: row wrap; justify-content: center; margin-right: auto; margin-left: auto; } .rb-headerstrip .headerstrip-desc { font-size: .875rem; margin: 0; padding: 0; text-align: center; color: inherit; } .rb-headerstrip .headerstrip-desc p { color: inherit; } .headerstrip-btn a { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; line-height: 32px; display: inline-block; padding: 0 40px; cursor: pointer; -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); white-space: nowrap; background-color: var(--g-color); box-shadow: none !important; } .headerstrip-btn a:hover { color: #333 !important; background-color: #fff !important; } .headerstrip-btn { margin-left: 20px; } .headerstrip-submit { position: absolute; z-index: 10; top: 50%; right: 12px; display: block; width: 20px; height: 20px; margin-top: -10px; } .headerstrip-submit i:before, .headerstrip-submit i:after { -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; background-color: currentColor; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .headerstrip-submit:hover i:before, .headerstrip-submit i:after { opacity: 1; } .rb-mailchimp { padding-top: 30px; padding-bottom: 30px; text-align: center; background-repeat: no-repeat; background-position: center center; background-size: cover; } .rb-mailchimp .mc4wp-form-fields i { display: none; } .mc-desc { margin-top: 15px; color: #777; } .rb-mailchimp .mc4wp-form-fields input[type='submit'], .is-light-text .w-footer .mc4wp-form-fields input[type='submit'], [data-theme='dark'] .w-footer .mc4wp-form-fields input[type='submit'], .subscribe-layout-3 .subscribe-box .subscribe-form input[type='submit'] { background-color: var(--g-color); } .rb-mailchimp .mc4wp-form-fields input[type='submit']:hover, .is-light-text .w-footer .mc4wp-form-fields input[type='submit']:hover, [data-theme='dark'] .w-footer .mc4wp-form-fields input[type='submit']:hover { background-color: #333; } .mc-form { position: relative; margin-top: 30px; margin-bottom: 5px; } .fw-widget-section .widget.widget_archive, .fw-widget-section .widget.widget_calendar, .fw-widget-section .widget.widget_categories, .fw-widget-section .widget.widget_pages, .fw-widget-section .widget.widget_meta, .fw-widget-section .widget.widget_recent_comments, .fw-widget-section .widget.widget_recent_entries, .fw-widget-section .widget.widget_rss, .fw-widget-section .widget.widget_search, .fw-widget-section .widget.widget_text, .fw-widget-section .widget.widget_tag_cloud, .fw-widget-section .widget.widget_nav_menu, .fw-widget-section .widget-post, .fw-widget-section .widget-tweets, .fw-widget-section .widget-social-icon { display: none; } .cta-inner { position: relative; width: 100%; } .block-cta-1 .cta-inner { text-align: center; } .cta-image, .cta-tagline { margin-bottom: 15px; } .cta-title { margin-bottom: 20px; } .cta-tagline span, .cta-title span { color: var(--g-color) } .cta-description { margin-bottom: 25px; } .block-cta-1 .cta-description { max-width: 770px; margin-right: auto; margin-left: auto; } .cta-btn-wrap { display: flex; align-items: center; justify-content: center; } .cta-btn { font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 600; line-height: 50px; display: inline-flex; display: -webkit-inline-flex; align-items: center; flex-flow: row nowrap; margin-right: 7px; margin-left: 7px; padding: 0 30px; -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); } .cta-btn .rbi:before { line-height: 0; } .block-cta-1.icon-before .cta-btn { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .cta-btn .rbi { line-height: 1; margin-left: 7px; letter-spacing: 0; } .block-cta-1.icon-before .cta-btn .rbi { margin-right: 7px; margin-left: 0; } .cta-btn.is-bg { color: #fff; background-color: var(--g-color); } .cta-btn.is-border { line-height: 44px; padding-right: 28px; padding-left: 28px; border: 2px solid currentColor; background-color: transparent; } .cta-btn.is-bg:hover { color: #333; background-color: #fff; } .cta-btn.is-border:hover { color: #fff; border-color: #333; background-color: #333; } .rb-btn { font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 600; } .rb-btn-link { font-size: inherit; display: inline-flex; display: -webkit-inline-flex; visibility: hidden; padding: 10px 20px; -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); border: 1px solid transparent; } .ele-round .rb-btn-link { padding-right: 25px; padding-left: 25px; } .h-shadow .rb-btn-link:hover { -webkit-box-shadow: 0 7px 20px rgba(0, 0, 0, .25); box-shadow: 0 7px 20px rgba(0, 0, 0, .25); } figcaption.elementor-image-carousel-caption { padding: 20px 30px; } /* -------------------------------------------------------------- 12.0 - DESIGN & TEXT STYLES */ .is-light-text .cat-dot-el { background-color: #fff; } .is-light-text .pagination-nextprev .pagination-link, .is-light-text .loadmore-link, .is-light-text button.pp-filter-el.active { background-color: rgba(255, 255, 255, .07); } .is-light-text .pagination-nextprev .pagination-link:hover, .is-light-text .loadmore-link:hover { background-color: rgba(255, 255, 255, .2); } .is-light-text thead th { color: #333; background-color: #fff; } .is-light-text .p-meta-info, .is-light-text .block-view-more, .is-light-text .mc-desc, .footer-wrap.is-light-text .textwidget p { color: #efefef; } .is-light-text thead { background-color: rgba(255, 255, 255, .07); } .is-light-text #wp-calendar td#today { background-color: rgba(255, 255, 255, .1); } .is-light-text .widget:not(.woocommerce) .count { background-color: var(--g-color); } .is-light-text .banner-btn a:hover { color: #333; background-color: #fff; } .is-light-text .twitter-timestamp, .is-light-text cite, .is-light-text .rss-date, .is-light-text .image-caption, .is-light-text .wp-caption-text { color: #ddd; } .is-light-text input[type='submit'], .is-light-text button { background-color: rgba(255, 255, 255, .1); } .is-light-text input[type='text'], .is-light-text input[type='tel'], .is-light-text input[type='password'], .is-light-text input[type='email'], .is-light-text input[type='number'], .is-light-text input[type='url'], .is-light-text input[type='search'] { color: #fff; background-color: rgba(255, 255, 255, .1); } .navbar-holder.is-light-text .header-lightbox { background-color: #333; } .ele-round .navbar-holder.is-light-text .header-lightbox:before { z-index: -1; color: #333; } .navbar-holder.is-light-text .main-menu > li > .sub-menu:before { color: #333; } [data-theme='dark'] .navbar-holder .header-lightbox, .navbar-holder.is-light-text .header-lightbox { color: #fff; border-color: var(--g-color); } .is-light-text .tagcloud a { background-color: rgba(255, 255, 255, .1); } .is-light-text .post-slider-2 .p-header { background-color: #333; } .is-light-text select, .is-light-text .widget_archive select, .is-light-text .widget_categories select { color: #eee; background-color: rgba(255, 255, 255, .07); } .is-light-text select option, .is-light-text .widget_archive select option, .is-light-text .widget_categories select option { color: #fff; background-color: #333; } body .is-light-text .entry-summary, .is-light-text p, .is-light-text .entry-summary, .is-light-text .rssSummary, .is-light-text .breadcrumb .current-item, .is-light-text .breadcrumb.woocommerce-breadcrumb .current-item { color: #efefef; } .is-light-text .widget_categories a:hover, .is-light-text .widget_archive a:hover, .is-light-text .widget_pages .page_item a:hover, .is-light-text .widget_nav_menu .menu-item a:hover, .is-light-text .widget_meta a:hover { opacity: .7; color: currentColor; } .is-light-text .widget_categories a:hover .count, .is-light-text .widget_archive a:hover .count { background-color: currentColor; } .is-light-text .breadcrumb, .is-light-text .breadcrumb.woocommerce-breadcrumb { color: #fff; } .is-light-text .copyright-inner { border-color: rgba(255, 255, 255, .1); } .is-light-text .p-list-5 { border-color: rgba(255, 255, 255, .1); } .is-light-text .meta-info-el a:hover { color: #fff; } .is-light-text .p-link:hover { color: #fff; } .is-light-text .meta-avatar img { -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); -webkit-filter: grayscale(0%); filter: grayscale(0%); } .is-light-text .meta-info-author:hover .meta-avatar img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .is-light-text .single-tagline:before { opacity: .7; } .is-light-text .filter-el:after { color: rgba(255, 255, 255, .2); } .rb-newsletter.is-light-text .newsletter-email { background-color: transparent; } .rb-newsletter.is-light-text .subscribe-box.layout-1 .newsletter-email, .rb-newsletter.is-light-text .subscribe-box.layout-1 button.newsletter-submit-icon { background-color: rgba(255, 255, 255, .07); } [data-theme='dark'] .rb-newsletter button.newsletter-submit, .rb-newsletter.is-light-text button.newsletter-submit { background-color: var(--g-color); } .rb-newsletter.is-light-text button.newsletter-submit:hover { color: #333; background-color: #fff; } [data-theme='dark'] .subscribe-box .rb-newsletter button.newsletter-submit-icon:hover, .subscribe-box .rb-newsletter.is-light-text button.newsletter-submit-icon:hover, .subscribe-box .rb-newsletter button.newsletter-submit-icon:hover { color: var(--g-color); } .single-header-overlay.is-light-text .entry-title { margin-bottom: 15px; } .is-light-text.is-header-left .header-left-holder { background-color: rgba(0, 0, 0, .5); } .fw-category-1.is-light-text .cat-list-item .cat-list-name { color: #333; background-color: #fff; } .is-light-text .mega-category .mega-holder > .sub-menu { border-color: rgba(255, 255, 255, .1); } .is-light-text .rb-counter, .header-wrap .is-light-text .rb-counter { color: #333; background-color: #fff; } .is-light-text .twitter-content.entry-summary a { color: #fff; } .is-light-text .load-animation, .is-light-text .loadmore-animation { background-image: url('../images/loading-light.svg'); } .feat-round .p-grid-6, .feat-round .single-1 .single-feat, .feat-round .single-4 .single-feat { overflow: hidden; } .feat-round .fw-feat-6 .p-overlay-3 .content-overlay:before { -webkit-border-radius: 0; border-radius: 0; } .feat-round .ct-nav-holder .nav-image, .feat-round .p-feat, .feat-round .fw-feat-17 .p-list-4, .feat-round .single-1 .single-feat, .feat-round .single-4 .single-feat, .feat-round .ad-image img, .feat-round .p-grid-6, .feat-round .ibox-thumb, .feat-round .ibox-wrap .ibox-thumb img.ibox-img, .feat-round .rb-newsletter-popup { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-border-radius: 10px; border-radius: 10px; } .feat-round .p-list-6 .p-feat, .feat-round .p-list-7 .p-feat { border-top-right-radius: 0; border-bottom-right-radius: 0; } .feat-round .p-list-6, .feat-round .p-list-7 { overflow: hidden; transform: translateZ(0); -webkit-border-radius: 10px; border-radius: 10px; } .feat-round .p-gallery-slider .p-feat, .feat-round .p-gallery-slider .p-feat img, .feat-round .fw-feat-4 .p-feat, .feat-round .fw-feat-4 .p-feat img, .feat-round .fw-feat-6 .p-overlay-4 .p-feat, .feat-round .fw-feat-6 .p-overlay-4 .p-feat img, .feat-round .p-grid-6 .p-feat, .feat-round .p-grid-6 .p-feat img { -webkit-border-radius: 0; border-radius: 0; } .feat-round .slider-feat-5, .feat-round .slider-feat-5 img, .feat-round .single-feat .p-feat, .feat-round .single-feat .p-feat img, .feat-round .widget-fw-instagram .instagram-box, .feat-round .citem-feat .rb-iwrap, .feat-round .el-banner-inner, .feat-round .el-banner-inner img, .feat-round .banner-content:before { overflow: hidden; transform: translateZ(0); -webkit-border-radius: 10px; border-radius: 10px; } .feat-round .is-border-none .p-feat, .feat-round .is-border-none .slider-feat-5, .feat-round .is-border-none .slider-feat-5 .p-feat .rb-iwrap > img { -webkit-border-radius: 0; border-radius: 0; } .feat-round .widget .gallery-item img { -webkit-border-radius: 4px; border-radius: 4px; } .feat-round .p-overlay .content-overlay:before { -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; } .ele-round input[type='submit'], .ele-round button, .ele-round select, .ele-round input[type='text'], .ele-round input[type='tel'], .ele-round input[type='password'], .ele-round input[type='email'], .ele-round input[type='url'], input[type='file'], .ele-round input[type='search'], .ele-round input[type='number'], .ele-round .banner-btn a, .ele-round .cookie-accept, .ele-round .response-notice, .ele-round .image-caption.is-overlay, .ele-round .pagination-link, .ele-round .loadmore-link, .ele-round .entry-footer a, .ele-round .entry-footer .source, .ele-round .entry-footer .via-el, .ele-round .off-canvas-subscribe a, .ele-round .headerstrip-btn a, .ele-round .rb-owl-next, .ele-round .rb-owl-prev, .cat-icon-round .category-title, .ele-round .box-comment-btn, .ele-round .review-info, .ele-round .tagcloud a, .ele-round .search-form input[type='search'], .ele-round .wpcf7 input, .ele-round.wp-block-button__link, .ele-round .entry-content a.wp-block-button__link, .ele-round .review-btn, .ele-round .cta-btn, .ele-round .rb-btn-link { -webkit-border-radius: 100px; border-radius: 100px; } .ele-round .header-lightbox, .ele-round .fw-category-1 .cat-list-item, .ele-round .fw-category-2 .cat-list-feat, .ele-round .w-banner, .ele-round .fw-subscribe, .ele-round .review-box-wrap .inner, .ele-round .newsletter-inner-cover, .ele-round .p-gallery-slider, .ele-round .p-gallery-list .gallery-el, .ele-round .gallery-feat-holder, .ele-round .gallery-grid-wrap, .ele-round .single-portfolio-inner, .ele-round .single-portfolio-feat a, .ele-round .infeed-image img, .ele-round .wp-block-image:not(.is-style-rounded) img, .ele-round .wp-block-gallery img { -webkit-transform: translateZ(0); -webkit-border-radius: 10px; border-radius: 10px; } .ele-round textarea, .ele-round .author-box, .ele-round .reaction-section, .ele-round a.comment-reply-link, .ele-round .wpcf7 textarea, .ele-round .address-info, .ele-round .follower-el, .ele-round .rb-related, .ele-round .header-author-box, .ele-round .rb-cookie, .ele-round .main-menu .sub-menu, .ele-round .widget-newsletter .rb-newsletter, .ele-round .embed-holder iframe { -webkit-border-radius: 10px; border-radius: 10px; } .ele-round .page-numbers, .ele-round .post-page-numbers, .ele-round .topbar-menu .sub-menu, .ele-round .single-left-share a, .ele-round .widget_archive select, .ele-round .widget_categories select, .ele-round #wp-calendar #prev a, .ele-round #wp-calendar #next a, .ele-round .entry-content pre, .ele-round .banner-title, .ele-round .yith-wcwl-share .share-button a, .ele-round .rb-mailchimp .mc4wp-form-fields input, .ele-round .subscribe-layout-3 .subscribe-box .subscribe-form input[type='submit'], .ele-round .subscribe-layout-3 .subscribe-box .mc4wp-form-fields input[type='email'] { -webkit-border-radius: 6px; border-radius: 6px; } .ele-round .tipsy-inner, .ele-round .single-bottom-share a, .ele-round .header-wrap .cart-counter, .ele-round #off-canvas-close-btn, .ele-round .single-top-share, .ele-round .widget:not(.woocommerce) .count, .ele-round .gallery-popup-select img, .ele-round .total-wrap { -webkit-border-radius: 4px; border-radius: 4px; } .ele-round .gallery-grid-content .gallery-el, .ele-round .single-left-article .p-feat, .ele-round .footer-social a, .ele-round #back-top i { -webkit-border-radius: 50%; border-radius: 50%; } .ele-round .header-lightbox { border-top: none; } .ele-round .header-lightbox:before { position: absolute; top: -7px; right: 50px; bottom: auto; left: auto; display: block; width: 0; height: 0; content: ''; pointer-events: none; color: #fff; border-right: 8px solid transparent; border-bottom: 8px solid currentColor; border-left: 8px solid transparent; } .ele-round .navbar-search .header-lightbox:before { right: 15px; } .ele-round .cat-dot-el { -webkit-border-radius: 3px; border-radius: 3px; } .cat-icon-square .cat-dot-el { -webkit-border-radius: 0; border-radius: 0; } .ele-round .tagcloud a { padding-right: 15px; padding-left: 15px; } .ele-round #back-top i { width: 44px; } .ele-round .cta-btn { padding: 0 40px; } .ele-round .cta-btn.is-border { padding-right: 38px; padding-left: 38px; } .ele-round .p-review-info { border-radius: 0 10px 0 10px; } .cat-icon-round .single-cat-info .cat-info-el { -webkit-box-shadow: none; box-shadow: none; } body.cat-icon-radius .cat-info-el:hover, body.cat-icon-round .cat-info-el:hover { color: #fff; background-color: #333; } .cat-icon-square .cat-info-el:hover, .cat-icon-line .cat-info-el:hover, .cat-icon-simple .cat-info-el:hover { opacity: .7; } body.cat-icon-round .p-overlay .cat-info-el:hover, body.cat-icon-round .p-cat-info.is-absolute .cat-info-el:hover { color: #333; background-color: #fff; } .cat-icon-round .cat-info-el { padding: 4px 20px; color: #fff; -webkit-border-radius: 100px; border-radius: 100px; background-color: var(--g-color); -webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, .1); box-shadow: 1px 5px 10px rgba(0, 0, 0, .1); } .cat-icon-round .is-relative .cat-info-el { -webkit-box-shadow: none; box-shadow: none; } .cat-icon-radius .cat-info-el { padding: 4px 12px; color: #fff; -webkit-border-radius: 0; border-radius: 0; background-color: var(--g-color); } .cat-icon-square .p-cat-info, .cat-icon-line .p-cat-info { gap: 10px; } .cat-icon-square .cat-info-el:before { line-height: 24px; display: inline-flex; width: 10px; height: 10px; margin-right: 7px; content: ''; background-color: var(--g-color); } .cat-icon-line .cat-info-el { border-bottom: 2px solid var(--g-color); } .cat-icon-line .p-cat-info.is-absolute .cat-info-el { text-shadow: 0 1px 5px rgba(0, 0, 0, .3); } .cat-icon-simple .cat-info-el { padding-right: 0; padding-left: 0; } .cat-icon-simple .cat-info-el:after { display: inline-flex; padding-left: 5px; content: '/'; vertical-align: middle; color: #8888; } .cat-icon-simple .cat-info-el:last-child:after { display: none; } .feat-round .widget-sb-instagram .instagram-box, .feat-round .widget .gallery-item img, .feat-round .header-subscribe img { -webkit-border-radius: 4px; border-radius: 4px; } .ele-round .subscribe-box.layout-1 input.newsletter-email { border-radius: 100px !important; } .ele-round .subscribe-box.layout-1 button.newsletter-submit:not(.newsletter-submit-icon) { margin-left: 20px; } .ele-round .subscribe-box.layout-1 .rb-newsletter.is-submit-icon input.newsletter-email { border-radius: 100px 0 0 100px !important; } .ele-round .subscribe-box.layout-1 button.newsletter-submit-icon { border-radius: 0 100px 100px 0; } .ele-round .entry-footer a { padding-right: 20px; padding-left: 20px; } .ele-round .category-header.is-header-boxed .header-holder { padding: 60px 0; border-radius: 10px; } /* -------------------------------------------------------------- 13.0 - MISCELLANEOUS & RECIPE SUPPORT */ body .cooked-recipe-info { margin: 0 0 15px 0; } body strong.cooked-meta-title { font-weight: normal; } body .cooked-recipe-info, body .cooked-recipe-excerpt { position: relative; padding-bottom: 15px; } body .cooked-recipe-excerpt { font-size: .825rem; font-style: italic; } body .cooked-recipe-info:before, body .cooked-recipe-excerpt:before { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 10px; content: ''; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } body .entry-content .cooked-recipe-info a { text-decoration: none; } .entry-content .cooked-recipe-info .cooked-author a { color: inherit; } body .entry-content .cooked-recipe-info a:hover, body .entry-content .cooked-recipe-info a:focus { text-decoration: none; } .entry-content .cooked-recipe-info .cooked-author a:hover { color: var(--g-color); } body span.cooked-taxonomy > :last-child { font-size: .875rem; font-weight: 700; line-height: 1; padding: 0 20px; -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); color: #fff; -webkit-border-radius: 100px; border-radius: 100px; background-color: #333; } body .cooked-recipe-info > section.cooked-right > span { font-size: .9rem; } body .cooked-recipe-info span.cooked-print .cooked-icon, body .cooked-recipe-info span.cooked-fsm-button .cooked-icon { font-size: 1.35rem; } body span.cooked-difficulty-level-1 { color: #7db464; } body span.cooked-difficulty-level-2 { color: #f2a400; } body span.cooked-difficulty-level-3 { color: #ff8750; } body .cooked-author, body .cooked-difficulty-level > :last-child { font-size: 12px; font-weight: 700; } body .cooked-author .cooked-meta-title { font-weight: normal; } body .cooked-time, body .cooked-servings-changer { font-weight: 700; } body .cooked-icon-recipe-icon { color: var(--g-color); } body .cooked-recipe-info span.cooked-servings-icon { opacity: 1; } body .cooked-recipe-ingredients { font-size: .9rem; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 5px solid rgba(0, 0, 0, .025); } body .cooked-recipe-ingredients .cooked-ingredient { margin-top: 5px; } body .cooked-ing-amount { font-weight: 700; } body .cooked-ing-measurement { font-size: .8em; font-weight: 700; vertical-align: top; } body .cooked-recipe-ingredients .cooked-ingredient-checkbox { top: .75rem; } body .cooked-recipe-directions .cooked-direction-number { font-size: 1.2rem; line-height: 1; height: auto; padding: 7px 5px; opacity: 1; color: #fff; background-color: var(--g-color); } body .cooked-recipe-directions .cooked-direction.cooked-direction-has-number .cooked-dir-content { padding-left: 30px; } .cooked-recipe-directions .cooked-direction img { margin-bottom: 0; } body .cooked-recipe-directions .cooked-direction { padding-bottom: 15px; } body.ele-round .cooked-recipe-directions .cooked-direction-number { -webkit-border-radius: 4px; border-radius: 4px; } body .widget .cooked-nutrition-label dt { border-color: rgba(0, 0, 0, .2); } body .widget .cooked-nutrition-label dt.cooked-nut-spacer { background-color: rgba(0, 0, 0, .2); } .cooked-recipe-info span.cooked-taxonomy { text-align: center; } span.cooked-taxonomy a:hover { background-color: var(--g-color); } body .widget .cooked-nutrition-label { padding: 20px; border: none; border-radius: 20px; background-color: rgba(0, 0, 0, .025); } body .cooked-recipe-directions { margin-bottom: 25px; padding-bottom: 15px; border-bottom: 5px solid rgba(0, 0, 0, .025); } body .cooked-recipe-directions .cooked-single-direction:last-child { padding-bottom: 0; } #back-top { position: fixed; z-index: 9800; right: 20px; bottom: 20px; display: none; overflow: hidden; cursor: pointer; text-decoration: none; border: none; } #back-top i { font-size: 14px; line-height: 44px; display: block; width: 36px; height: 44px; -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); text-align: center; opacity: .25; color: #fff; background-color: #333; backface-visibility: hidden; -webkit-backface-visibility: hidden; } #back-top:hover i { opacity: 1; } .read-it-later:hover, .read-it-later:focus { color: var(--g-color); } #bookmarks-list .loadmore-animation { display: block; opacity: 1; } .bookmark-perload { min-height: 200px; } .bookmark-list-header { display: flex; align-items: center; margin-bottom: 10px; } .bookmark-label { font-size: 11px; font-weight: 500; line-height: 1; display: flex; align-items: center; flex-flow: row nowrap; letter-spacing: .1em; text-transform: uppercase; } .bookmark-label i { margin-right: 4px; } #remove-bookmark-btn { display: flex; align-items: center; margin-left: auto; } .remove-bookmark-btn.p-link i { margin-right: 4px; margin-left: 0; -webkit-transform: translate(0); transform: translate(0); } .bookmark-list { position: relative; padding-top: 40px; padding-bottom: 40px; } .bookmark-list:before, .bookmark-list:after { position: absolute; top: 0; right: 0; left: 0; display: block; height: 10px; content: ''; pointer-events: none; opacity: .2; background-color: transparent; background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; background-size: 5px 5px; } .bookmark-list:after { top: auto; bottom: 0; left: 50%; width: 100px; margin-left: -50px; } .bookmark-list .content-inner { margin-bottom: -25px; } .bookmark-empty { text-align: center; } .bookmark-empty-icon { font-size: 42px; line-height: 1; margin-bottom: 10px; } .bookmark-empty h6 { margin-bottom: 15px; } .banners-inner { display: flex; flex-flow: row nowrap; justify-content: space-between; } .el-banner { display: flex; flex-grow: 1; } .el-banner-inner { position: relative; display: block; width: 100%; padding-bottom: 65%; background-color: #333; } .fw-banner.is-dark-style .el-banner-inner { color: #fff; } .fw-banner.is-light-style .banner-title { color: inherit; background-color: #fff; } .el-banner .banner-url { position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; display: block; } .el-banner .banner-content { position: absolute; z-index: 9; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; } .el-banner-inner img, .elementor .el-banner-inner img { position: absolute; z-index: 0; display: block; overflow: hidden; width: 100%; height: 100%; -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); object-fit: cover; } .banner-title { line-height: 1; padding: 12px 25px; white-space: nowrap; color: inherit; background-color: #333; } .banner-content:before { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; content: ''; pointer-events: none; border: 1px solid #fff; } .el-banner-inner:hover img { opacity: .5; } .sbox-header { text-align: center; } .fw-sbox { padding-top: 100px; padding-bottom: 100px; } .sbox-description { margin-top: 15px; } .sbox-form-wrap { margin-top: 35px; } .is-border-style .sbox-form input[type='search'] { border: 1px solid #8882; background-color: transparent !important; } .is-border-style.is-light-text .sbox-form input[type='search'] { border-color: rgba(255, 255, 255, .1) } .fw-sbox .sbox-form input[type='search'] { color: inherit; } .topbar-wrap.dark-style { color: #333; } .fw-sbox.is-left { padding-top: 0; padding-bottom: 0; } .sbox-title span { color: var(--g-color); } .sbox-form.search-form:after { display: none; } .sbox-icon { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 62px; height: 100%; -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); pointer-events: none; } .sbox-icon svg { width: 26px; max-width: 100%; height: auto; } .fw-sbox input[type='submit']:hover + .sbox-icon { opacity: .5; } .rb-checked-list li:before { font-family: 'ruby-icon'; font-size: 16px; position: absolute; top: 0; left: 0; content: '\e87f'; color: #52bd45; } .rb-checked-list li { position: relative; padding-left: 25px; } ul.rb-checked-list { padding-left: 0; list-style: none; } .rb-ithumb { position: relative; display: block; } .ibox { position: relative; display: block; width: 100%; } .ibox-thumb { margin-bottom: 15px; } .ibox-thumb img.ibox-img { display: inline-block; width: auto; height: auto; } .ibox-link a { display: inline-block; } .ibox-desc, .ibox-link { display: block; margin-top: 15px; } .block-ibox.is-center .ibox { text-align: center; } .block-ibox.is-right .ibox { text-align: right; } .block-heading.is-center { text-align: center; } .block-heading.is-right { text-align: right; } .hbox-tagline { display: block; margin-bottom: 10px; } .hbox-description { display: block; margin-top: 25px; } .hbox-border { padding-top: 7px; border-style: solid; border-top-width: 5px; } .block-heading.is-center .hbox-title, .block-heading.is-center .hbox-description { max-width: 770px; margin-right: auto; margin-left: auto; } .hbox-tagline span, .hbox-title span { color: var(--g-color); } .hbox-tagline em, .hbox-title em { font-style: italic; } .hbox-separator { position: relative; display: inline-block; width: 100%; padding-top: 25px; } .hbox-separator:after { position: absolute; right: auto; bottom: 0; left: 0; display: block; width: 90px; height: 2px; content: ''; background: currentColor; } .block-heading.is-center .hbox-separator:after { left: 50%; margin-left: -45px; } .block-heading.is-right .hbox-separator:after { right: 0; left: auto; } .menu-item.wpml-ls-menu-item .sub-menu { width: auto; min-width: auto; } .wpml-ls-menu-item img.wpml-ls-flag { width: auto; height: 12px; } .header-wrap .wpml-ls-legacy-dropdown-click, .header-wrap .wpml-ls-legacy-dropdown { width: auto; border: none; } .header-wrap a.wpml-ls-item-toggle { border: none; } .header-wrap .wpml-ls-legacy-dropdown a { background-color: transparent; } .header-wrap .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a, .header-wrap .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a { border: none; background-color: #f2f2f2; } [data-theme='dark'] .header-wrap .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a, [data-theme='dark'] .header-wrap .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a { background-color: #282828; } .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover { background: #88888815; } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle, .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle { padding-right: calc(5px + 1.4em); color: inherit; } .header-wrap .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after, .header-wrap .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after { border: 4px solid transparent; border-top: 6px solid; } /* -------------------------------------------------------------- 14.0 - Dark Mode */ .rnav-element.widget-Dark-mode { display: flex; align-items: center; } [data-theme='dark'] { background-color: #191919; } body[data-theme='dark'] .entry-content a:not(button), body[data-theme='dark'] .comment-content a { text-decoration: underline; color: #fff; } [data-theme='dark'] .section-sticky .navbar-wrap:not(.transparent-navbar-wrap), body[data-theme='dark'].boxed #site, [data-theme='dark'] .navbar-wrap, [data-theme='dark'] .navbar-wrap:not(.transparent-navbar-wrap) { background: #191919; } [data-theme='dark'] .header-float .transparent-navbar-wrap { background: transparent; } [data-theme='dark'].ele-round .header-lightbox:before, [data-theme='dark'] .header-lightbox:before { border-bottom-color: #333; } [data-theme='dark'] .mobile-sticky-nav { background-color: #191919; background-image: unset; } [data-theme='dark'] .topbar-wrap { background-color: rgba(0, 0, 0, .07); background-image: unset; } [data-theme='dark'] .rbc-row:before, [data-theme='dark'] .block-wrap:before, [data-theme='dark'] .rbc-fw-section { background-color: transparent !important; background-image: none !important; } [data-theme='dark'] .footer-wrap:before { background-color: rgba(255, 255, 255, .04) !important; background-image: none !important; } body:not([data-theme='dark']) [data-mode=dark], body[data-theme='dark'] [data-mode=default] { display: none !important; } [data-theme='dark'] .header-1 .navbar-wrap, [data-theme='dark'] .header-2 .navbar-wrap, [data-theme='dark'] .header-4 .navbar-wrap, [data-theme='dark'] .header-8 .navbar-wrap, [data-theme='dark'] .section-sticky .navbar-wrap, [data-theme='dark'] .mobile-sticky-nav { -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .2); box-shadow: 0 4px 30px rgba(0, 0, 0, .2); } [data-theme='dark'] .is-box-shadow .plan-inner { box-shadow: 0 5px 30px #000; } [data-theme='dark'] .navbar-wrap.transparent-navbar-wrap { box-shadow: none; } [data-theme='dark'] .main-menu > li > a:hover, [data-theme='dark'] .nav-search-link:hover, [data-theme='dark'] .header-wrap .cart-link:hover { opacity: .7; } [data-theme='dark'] .off-canvas-wrap.light-style { background-color: #333 !important; } [data-theme='dark'] .p-grid-6 .p-content-wrap { background-color: rgba(255, 255, 255, .07); } [data-theme='dark'] .about-tagline, [data-theme='dark'] .about-desc { color: #f2f2f2; } [data-theme='dark'] .subscribe-box .subscribe-form input[type='email'], [data-theme='dark'] .subscribe-box .subscribe-form input[type='text'] { background-color: rgba(255, 255, 255, .1); } [data-theme='dark'] .widget-newsletter .rb-newsletter { border: 1px solid rgba(255, 255, 255, .07); border-top: 5px solid currentColor; } [data-theme='dark'] .tagcloud a:hover, [data-theme='dark'] .tagcloud a:focus { color: #fff; background-color: var(--g-color); } [data-theme='dark'] .navbar-border-holder { border-color: #fff; } [data-theme='dark'] .w-footer.widget_mc4wp_form_widget { border-color: rgba(255, 255, 255, .1); } [data-theme='dark'] .mobile-nav-inner { background: 0 0; } [data-theme='dark'] .header-wrap:not(.header-float) .navbar-wrap .rb-counter { background-color: #fff; } [data-theme='dark'] .rb-mailchimp, [data-theme='dark'] .block-wrap.rb-newsletter { background-color: rgba(0, 0, 0, .07) !important; } [data-theme='dark'] .top-footer-wrap .rb-mailchimp { background-color: rgba(255, 255, 255, .01) !important; } [data-theme='dark'] .block-header-3 .block-title:before { background-color: #fff !important; } [data-theme='dark'].block-header-4 .block-title, [data-theme='dark'] .rb-btn .rb-btn-link, [data-theme='dark'] .rb-mailchimp .mc4wp-form-fields input[type='submit'], [data-theme='dark'] .subscribe-layout-3 .subscribe-box .subscribe-form input[type='submit'] { color: #333 !important; background: #fff !important; } [data-theme='dark'] .rb-btn .rb-btn-link:hover, [data-theme='dark'] .rb-mailchimp .mc4wp-form-fields input[type='submit']:hover, [data-theme='dark'] .subscribe-layout-3 .subscribe-box .subscribe-form input[type='submit']:hover { opacity: .7; } [data-theme='dark'] .pagination-nextprev .pagination-link, [data-theme='dark'] .loadmore-link, [data-theme='dark'] button.pp-filter-el.active, [data-theme='dark'] textarea, [data-theme='dark'] .total-wrap, [data-theme='dark'] .single-bottom-share a, [data-theme='dark'] .single-left-share a, [data-theme='dark'] .p-list-6, [data-theme='dark'] .p-list-7, [data-theme='dark'] .pagination-link, [data-theme='dark'] .loadmore-link, [data-theme='dark'] .page-numbers, [data-theme='dark'] .post-page-numbers, [data-theme='dark'] .rb-related.is-dark-style, [data-theme='dark'] .review-box-wrap .inner, [data-theme='dark'] .single-top-share, [data-theme='dark'] .single-top-share { background-color: rgba(255, 255, 255, .07); } [data-theme='dark'] .header-holder, [data-theme='dark'] .is-header-bg.is-header-center .header-holder { background-color: rgba(255, 255, 255, .035); } [data-theme='dark'] .pagination-nextprev .pagination-link:hover, [data-theme='dark'] .loadmore-link:hover { background-color: rgba(255, 255, 255, .2); } [data-theme='dark'] thead th { color: #242424; background-color: #fff; } [data-theme='dark'] .p-meta-info, [data-theme='dark'] .block-view-more, [data-theme='dark'] .mc-desc { color: #eee; } [data-theme='dark'] thead { background-color: rgba(255, 255, 255, .07); } [data-theme='dark'] #wp-calendar td#today { background-color: rgba(255, 255, 255, .1); } [data-theme='dark'] .banner-btn a:hover { color: #242424; background-color: #fff; } [data-theme='dark'] .hbox-border { border-color: #fff; } [data-theme='dark'] .twitter-timestamp, [data-theme='dark'] cite, [data-theme='dark'] .rss-date, [data-theme='dark'] .image-caption, [data-theme='dark'] .wp-caption-text, [data-theme='dark'] .entry-content .wp-block-image figcaption, [data-theme='dark'] .share-label, [data-theme='dark'] .single-bottom-share .share-header:before, [data-theme='dark'] .box-nav .nav-label { color: #ddd; } [data-theme='dark'] input[type='submit'], [data-theme='dark'] button, [data-theme='dark'] .search-form input[type='submit'] { background-color: rgba(255, 255, 255, .1); } [data-theme='dark'] input[type='text'], [data-theme='dark'] input[type='tel'], [data-theme='dark'] input[type='password'], [data-theme='dark'] input[type='email'], [data-theme='dark'] input[type='number'], [data-theme='dark'] input[type='url'], [data-theme='dark'] input[type='search'] { color: #fff; background-color: rgba(255, 255, 255, .1); } [data-theme='dark'] .navbar-holder .header-lightbox, [data-theme='dark'] .mobile-search .header-lightbox.navbar-search-popup { background-color: #242424; } [data-theme='dark'] .ele-round .navbar-holder .header-lightbox:before { z-index: -1; color: #242424; } [data-theme='dark'] .navbar-holder .main-menu > li > .sub-menu:before { color: #242424; } [data-theme='dark'] .tagcloud a { background-color: rgba(255, 255, 255, .1); } [data-theme='dark'] .post-slider-2 .p-header { background-color: #242424; } [data-theme='dark'] select, [data-theme='dark'] .widget_archive select, [data-theme='dark'] .widget_categories select { color: #eee; background-color: rgba(255, 255, 255, .07); } [data-theme='dark'] select option, [data-theme='dark'] .widget_archive select option, [data-theme='dark'] .widget_categories select option { color: #fff; background-color: #242424; } [data-theme='dark'] .entry-summary, [data-theme='dark'] p, [data-theme='dark'] .entry-summary, [data-theme='dark'] .rssSummary, [data-theme='dark'] .breadcrumb .current-item, [data-theme='dark'] .breadcrumb.woocommerce-breadcrumb .current-item, [data-theme='dark'] .p-wrap .entry-summary, [data-theme='dark'] .twitter-content.entry-summary, [data-theme='dark'] .author-description, [data-theme='dark'] .rb-sdesc, [data-theme='dark'] .deal-module .deal-description, [data-theme='dark'] .footer-wrap .textwidget p, [data-theme='dark'] .comment-metadata { color: #f2f2f2; } [data-theme='dark'] .widget_categories a:hover, [data-theme='dark'] .widget_archive a:hover, [data-theme='dark'] .widget_pages .page_item a:hover, [data-theme='dark'] .widget_nav_menu .menu-item a:hover, [data-theme='dark'] .widget_meta a:hover { opacity: .7; color: currentColor; } [data-theme='dark'] .widget_categories a:hover .count, [data-theme='dark'] .widget_archive a:hover .count { background-color: currentColor; } [data-theme='dark'] .copyright-inner, [data-theme='dark'] .reaction-section { border-color: rgba(255, 255, 255, .1); } [data-theme='dark'] .p-list-5 { border-color: rgba(255, 255, 255, .1); } [data-theme='dark'] .meta-avatar img { -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); -webkit-filter: grayscale(0%); filter: grayscale(0%); } [data-theme='dark'] .meta-info-author:hover .meta-avatar img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } [data-theme='dark'] .rb-mailchimp.is-bg { background-color: rgba(255, 255, 255, .07) !important; background-image: unset !important; } [data-theme='dark'] .single-tagline:before { opacity: .7; } [data-theme='dark'] .filter-el:after { color: rgba(255, 255, 255, .2); } [data-theme='dark'] .rb-newsletter .newsletter-email { background-color: transparent; } [data-theme='dark'] .rb-newsletter .subscribe-box.layout-1 .newsletter-email, [data-theme='dark'] .rb-newsletter .subscribe-box.layout-1 button.newsletter-submit-icon { background-color: rgba(255, 255, 255, .07); } [data-theme='dark'] .rb-newsletter button.newsletter-submit:hover { color: #333; background-color: #fff; } [data-theme='dark'] #rb-close-newsletter { color: #fff; background-color: rgba(255, 255, 255, .07); } [data-theme='dark'] .single-header-overlay .entry-title { margin-bottom: 15px; } [data-theme='dark'] .is-header-left .header-left-holder { background-color: rgba(0, 0, 0, .5); } [data-theme='dark'] .fw-category-1 .cat-list-item .cat-list-name { color: #fff; background-color: #333; } [data-theme='dark'] .mega-category .mega-holder > .sub-menu { border-color: rgba(255, 255, 255, .1); } [data-theme='dark'] .rb-counter, [data-theme='dark'] .header-wrap .rb-counter { color: #333; background-color: #fff; } [data-theme='dark'] .single-post-related { background-image: linear-gradient(to right, rgba(255, 255, 255, .07) 66.666%, rgba(0, 0, 0, 0) 0%); } [data-theme='dark'], [data-theme='dark'] .sponsor-link, [data-theme='dark'] .btn-toggle .off-canvas-toggle, [data-theme='dark'] .elementor-widget-accordion .elementor-accordion-title, [data-theme='dark'] .elementor-widget-accordion .elementor-tab-content, [data-theme='dark'] .main-menu > li > a:hover, [data-theme='dark'] .nav-search-link:hover, [data-theme='dark'] .main-menu > li.current-menu-item > a, [data-theme='dark'] .header-wrap .cart-link:hover, [data-theme='dark'].cat-icon-simple .p-cat-info a.cat-info-el, [data-theme='dark'] .about-desc a, [data-theme='dark'] .is-post-shadow .p-footer:before, [data-theme='dark'] .p-grid-4.is-pop-style .p-header .counter-index, [data-theme='dark'] .widget-title, [data-theme='dark'] .p-wrap .p-url:hover, [data-theme='dark'] .p-wrap .p-url:focus, [data-theme='dark'] .p-url:hover, [data-theme='dark'] .p-url:focus, [data-theme='dark'] .p-wrap .p-url:hover, [data-theme='dark'] .p-wrap .p-url:focus, [data-theme='dark'] .p-wrap .p-url:hover, [data-theme='dark'] .p-wrap .p-url:focus, [data-theme='dark'] .p-wrap .p-url:hover, [data-theme='dark'] .p-wrap .p-url:focus, [data-theme='dark'] .p-grid-5 .additional-meta, [data-theme='dark'] .p-grid-6 .additional-meta, [data-theme='dark'] .p-masonry-1 .additional-meta, [data-theme='dark'] .meta-info-author.meta-info-el, [data-theme='dark'] .meta-info-author, [data-theme='dark'] .block-title, [data-theme='dark'] .p-link, [data-theme='dark'] .quick-filter-link, [data-theme='dark'] .entry-title, [data-theme='dark'] .entry-title:hover, [data-theme='dark'] .entry-title:focus, [data-theme='dark'] h1, [data-theme='dark'] h1:hover, [data-theme='dark'] h1:focus, [data-theme='dark'] .h1, [data-theme='dark'] .h1:hover, [data-theme='dark'] .h1:focus, [data-theme='dark'] h2, [data-theme='dark'] h2:hover, [data-theme='dark'] h2:focus, [data-theme='dark'] .h2, [data-theme='dark'] .h2:hover, [data-theme='dark'] .h2:focus, [data-theme='dark'] h3, [data-theme='dark'] h3:hover, [data-theme='dark'] h3:focus, [data-theme='dark'] .h3, [data-theme='dark'] .h3:hover, [data-theme='dark'] .h3:focus, [data-theme='dark'] h4, [data-theme='dark'] h4:hover, [data-theme='dark'] h4:focus, [data-theme='dark'] .h4, [data-theme='dark'] .h4:hover, [data-theme='dark'] .h4:focus, [data-theme='dark'] h5, [data-theme='dark'] h5:hover, [data-theme='dark'] h5:focus, [data-theme='dark'] .h5, [data-theme='dark'] h5:hover, [data-theme='dark'] .h5:focus, [data-theme='dark'] h6, [data-theme='dark'] h6:hover, [data-theme='dark'] h6:focus, [data-theme='dark'] .h6, [data-theme='dark'] .h6:hover, [data-theme='dark'] .h6:focus, [data-theme='dark'] .breadcrumb a:hover, [data-theme='dark'] .portfolio-info-el:before, [data-theme='dark'] .block-view-more a:hover, [data-theme='dark'] .block-view-more a:focus, [data-theme='dark'] textarea, [data-theme='dark'] .navbar-wrap:not(.transparent-navbar-wrap), [data-theme='dark'] #mobile-sticky-nav, [data-theme='dark'] .header-5 .btn-toggle-wrap, [data-theme='dark'] .header-5 .section-sticky .logo-wrap, [data-theme='dark'] .header-5 .main-menu > li > a, [data-theme='dark'] .header-5 .navbar-right, [data-theme='dark'] .breadcrumb, [data-theme='dark'] .breadcrumb.woocommerce-breadcrumb, [data-theme='dark'] .meta-info-el a:hover, [data-theme='dark'] .p-link:hover, [data-theme='dark'] .twitter-content.entry-summary a, .cat-icon-square .p-cat-info.is-absolute .cat-info-el, .cat-icon-line .p-cat-info.is-absolute .cat-info-el, .cat-icon-simple .p-cat-info.is-absolute .cat-info-el, .is-light-text, .is-light-text > *, .is-light-text .widget-title, .is-light-text .topbar-info, .is-light-text .p-wrap .p-url:hover, .is-light-text .p-wrap .p-url:focus, .is-light-text .p-url:hover, .is-light-text .p-url:focus, .is-light-text .p-wrap .p-url:hover, .is-light-text .p-wrap .p-url:focus, .p-wrap .is-light-text .p-url:hover, .p-wrap .is-light-text .p-url:focus, .p-wrap.is-light-text .p-url:hover, .p-wrap.is-light-text .p-url:focus, .p-cat-info.is-absolute .additional-meta, .is-light-text .p-grid-5 .additional-meta, .is-light-text .p-grid-6 .additional-meta, .is-light-text .p-masonry-1 .additional-meta, .is-light-text .meta-info-author.meta-info-el, .is-light-text .meta-info-author, .is-light-text .block-title, .is-light-text .p-link, .is-light-text .quick-filter-link, .is-light-text .entry-title, .is-light-text .entry-title:hover, .is-light-text .entry-title:focus, .is-light-text h1, .is-light-text h1:hover, .is-light-text h1:focus, .is-light-text .h1, .is-light-text .h1:hover, .is-light-text .h1:focus, .is-light-text h2, .is-light-text h2:hover, .is-light-text h2:focus, .is-light-text .h2, .is-light-text .h2:hover, .is-light-text .h2:focus, .is-light-text h3, .is-light-text h3:hover, .is-light-text h3:focus, .is-light-text .h3, .is-light-text .h3:hover, .is-light-text .h3:focus, .is-light-text h4, .is-light-text h4:hover, .is-light-text h4:focus, .is-light-text .h4, .is-light-text .h4:hover, .is-light-text .h4:focus, .is-light-text h5, .is-light-text h5:hover, .is-light-text h5:focus, .is-light-text .h5, .is-light-text .h5:hover, .is-light-text .h5:focus, .is-light-text h6, .is-light-text h6:hover, .is-light-text h6:focus, .is-light-text .h6, .is-light-text .h6:hover, .is-light-text .h6:focus, .is-light-text .breadcrumb a:hover, .is-light-text .portfolio-info-el:before, .is-light-text .block-view-more a:hover, .is-light-text .block-view-more a:focus { color: #fff; } [data-theme='dark'] .load-animation, [data-theme='dark'] .loadmore-animation { background-image: url('../images/loading-light.svg'); } [data-theme='dark'] .is-border-style .sbox-form input[type='search'] { border-color: rgba(255, 255, 255, .1) } [data-theme='dark'] .entry-content .wpcf7 label:before { background-color: #fff; } [data-theme='dark'] .sponsor-label, .is-light-text .sponsor-label, [data-theme='dark'] .not-found-description, [data-theme='dark'] .entry-content .wpcf7 label { color: #ddd; } .entry-content .elementor-text-editor p:last-child { margin-bottom: 0; } .elementor .p-list-2 .rb-iwrap img { max-height: none; } [data-theme='dark'] .subscribe-layout-3 .elementor-widget-container { background-color: rgba(0, 0, 0, .07) !important; } [data-theme='dark'] .main-menu .sub-menu:not(.mega-category), [data-theme='dark'] .elementor-heading-title, [data-theme='dark'] .subscribe-layout-3 h3.subscribe-title, [data-theme='dark'] .subscribe-layout-3 span.ruby-mailchimp-title { color: #fff !important; } [data-theme='dark'] #category-header-bg.is-show { opacity: .15; } .w-sidebar .mc4wp-form-fields p.ruby-mailchimp-info, .w-sidebar .mc4wp-form-fields .ruby-mailchimp-title { display: none; } p.ruby-mailchimp-info > a { text-decoration: underline; } .subscribe-layout-3 h3.subscribe-title { font-size: 31px; line-height: 1.2; color: #000; } .subscribe-layout-3 .subscribe-box .mc4wp-form-fields { display: flex; align-items: center; flex-flow: column; flex-grow: 0; justify-content: flex-end; } .subscribe-layout-3 span.ruby-mailchimp-title { font-size: .94rem; font-weight: 600; width: 100%; margin-bottom: 10px; text-align: left; color: #000; } .subscribe-layout-3 .is-light-text h3.subscribe-title, .subscribe-layout-3 .is-light-text span.ruby-mailchimp-title { color: #fff; } .subscribe-layout-3 .subscribe-box.layout-2 .subscribe-content, .subscribe-layout-3 .subscribe-box.layout-2 .subscribe-form { margin-right: auto; margin-left: auto; text-align: center; } .subscribe-layout-3 .subscribe-box.layout-2 span.ruby-mailchimp-title { text-align: center; } .ruby-mailchimp-info > a { text-decoration: underline; } .subscribe-layout-3 .subscribe-box .mc4wp-form-fields input[type='email'] { line-height: 25px; width: 100%; max-width: none; margin-bottom: 25px; margin-left: 0; } p.ruby-mailchimp-info { font-size: 11px; font-style: italic; line-height: 1.9; display: block; text-align: left; } .subscribe-layout-3 .subscribe-box .subscribe-form input[type='submit'] { position: relative; width: 100%; height: auto; margin-top: 25px; text-indent: inherit; } .subscribe-layout-3 .subscribe-box .subscribe-form input[type='submit']:hover { opacity: .7; } .subscribe-layout-3 .fw-subscribe .subscribe-description { line-height: 1.7; margin-top: 15px; } .p-podcast-wrap .mejs-button.mejs-volume-button > button, .p-podcast-wrap .mejs-button.mejs-playpause-button.mejs-play > button, .p-podcast-wrap .mejs-button.mejs-playpause-button > button { font-weight: 400; } .p-podcast-wrap .rb-col-t7.col-right { flex-flow: column; justify-content: start; text-align: left; } .p-podcast-wrap .single-entry-meta { justify-content: start; width: 100%; margin-top: 0; } .p-podcast-wrap .p-cat-info.single-cat-info { line-height: 1; } .p-podcast-wrap .post-audio-outer { width: 100%; } .feat-round .p-podcast-wrap .single-feat { overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-border-radius: 10px; border-radius: 10px; } .p-podcast-wrap .embed-holder .mejs-container, .p-podcast-wrap .embed-holder .mejs-embed, .p-podcast-wrap .embed-holder .mejs-embed body, .p-podcast-wrap .embed-holder .mejs-container .mejs-controls { color: #aaa; background: none; } .p-podcast-wrap .embed-holder .mejs-container { display: flex; align-items: center; height: 54px !important; } .p-podcast-wrap .embed-holder .mejs-container .mejs-inner { display: flex; flex: 0 0 100%; width: 100%; min-width: 100%; max-width: 100%; } .p-podcast-wrap .embed-holder { background: none; } .p-podcast-wrap .post-audio-outer .embed-holder { height: 54px !important; margin: 15px 0; padding: 0; border-radius: 50px; background: #00000010; } .single-post .p-podcast-wrap .post-audio-outer .embed-holder { margin-top: 0; margin-bottom: 20px; } [data-theme='dark'] .p-podcast-wrap .post-audio-outer .embed-holder { background: #ffffff15; } .p-podcast-wrap .embed-holder .wp-audio-shortcode:not(.mejs-audio) { opacity: 0; } .p-podcast-wrap .embed-holder .mejs-container .mejs-controls { line-height: 1; position: relative; display: flex; float: none; align-items: center; flex-wrap: wrap; width: 100%; height: auto; padding: 0 12px; } .p-podcast-wrap .mejs-container .mejs-controls .mejs-button.mejs-playpause-button { font-size: 0.9rem; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; -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); border-radius: 50%; background: #aaa; } .p-podcast-wrap .mejs-container .mejs-controls .mejs-button.mejs-playpause-button:hover { background: var(--g-color); } .p-podcast-wrap .mejs-container .mejs-controls .mejs-time { display: flex; align-items: center; justify-content: center; width: 56px; padding: 0; color: #999; } .p-podcast-wrap .mejs-container .mejs-controls .mejs-time-rail span.mejs-time-handle-content { top: 0; left: 0; width: 10px; height: 10px; border-width: 0; border-radius: 50%; background: #fff; } .p-podcast-wrap .mejs-container .mejs-controls .mejs-time-rail { float: left; width: 26px; max-width: 100%; height: 5px; margin: 0 7px; padding: 0; } .p-podcast-wrap .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total { margin: 0; padding: 0; background: rgba(0, 0, 0, 0.2); } .p-podcast-wrap .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-current { font-size: 10px; line-height: 1; height: 14px; margin: 2px 3px; color: #fff; } .p-podcast-wrap .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { top: -26px; height: 14px; margin-left: 5px; color: #fff; border: none; border-radius: 3px; background-color: #282d31; } .p-podcast-wrap .mejs-container .mejs-controls .mejs-time-rail span.mejs-time-handle { top: -3px; width: 10px; height: 10px; border-width: 0; border-radius: 50%; background: transparent; } .p-podcast-wrap .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner { top: 13px; height: 0; border-color: #282d31 transparent transparent; } .p-podcast-wrap .mejs-container .mejs-controls .mejs-time-rail span.mejs-time-total, .p-podcast-wrap .mejs-container .mejs-controls .mejs-time-rail span.mejs-time-loaded, .p-podcast-wrap .mejs-container .mejs-controls .mejs-time-rail span.mejs-time-current { height: 5px; background: rgba(0, 0, 0, 0.2); } .p-podcast-wrap .mejs-container .mejs-controls, .p-podcast-wrap .mejs-audio .mejs-controls .mejs-time-rail span.mejs-time-handle-content, .p-podcast-wrap .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-handle, .p-podcast-wrap .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-handle { background: var(--g-color); } .p-podcast-wrap .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { height: 5px; background: rgba(0, 0, 0, 0.2); } .p-podcast-wrap .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { top: 50%; height: 5px; transform: translateY(-50%); border-radius: 3px; background-color: var(--g-color); } .p-podcast-wrap .mejs-button.mejs-volume-button > button, .p-podcast-wrap .mejs-button.mejs-playpause-button.mejs-play > button, .p-podcast-wrap .mejs-button.mejs-playpause-button:not(.mejs-replay) > button { background: none; } .p-podcast-wrap .mejs-button.mejs-playpause-button.mejs-play:not(.mejs-replay) > button:before { font-family: 'ruby-icon'; font-size: 12px; display: block; margin-left: 4px; content: '\e96d'; color: #fff; } .p-podcast-wrap .mejs-button.mejs-playpause-button:not(.mejs-replay) > button:before { font-family: 'ruby-icon'; font-size: 20px; display: block; margin-left: 1px; content: '\e978'; color: #fff; } .p-podcast-wrap .mejs-volume-button.mejs-mute > button:before { font-family: 'ruby-icon'; font-size: 20px; display: block; content: '\e96c'; color: #aaa; } .p-podcast-wrap .mejs-time-rail .mejs-time-hovered { height: 5px; } .p-podcast-wrap .mejs-volume-button.mejs-unmute > button:before { font-family: 'ruby-icon'; font-size: 22px; display: block; content: '\e96b'; color: #aaa; } .p-podcast-wrap .mejs-container.mejs-audio .mejs-controls .mejs-time span { letter-spacing: 0; } .p-no-hosted { width: 100%; } .p-no-hosted .post-audio-outer .embed-holder { padding-bottom: 67.56%; } .fw-grid-5 .content-inner > * { flex-flow: column; } .p-grid-7.p-podcast-wrap .p-no-hosted .post-audio-outer .embed-holder { margin: 0; } figcaption.elementor-image-carousel-caption { padding: 20px 40px 40px 40px; background-color: #fff; } figcaption.elementor-image-carousel-caption span { display: block; margin-top: 10px; } .single-podcast .single-header { padding-right: 20px; padding-left: 20px; background-color: #00000007; } [data-theme='dark'] .post-audio-outer .embed-holder, [data-theme='dark'] .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background-color: rgba(255, 255, 255, .15); } [data-theme='dark'] .mejs-container .mejs-controls .mejs-time, [data-theme='dark'] .mejs-volume-button.mejs-unmute > button:before, [data-theme='dark'] .mejs-volume-button.mejs-mute > button:before, [data-theme='dark'] .mejs-container .mejs-controls .mejs-button.mejs-playpause-button, [data-theme='dark'] .embed-holder .mejs-container, [data-theme='dark'] .embed-holder .mejs-embed, [data-theme='dark'] .embed-holder .mejs-embed body, [data-theme='dark'] .embed-holder .mejs-container .mejs-controls, [data-theme='dark'] .rb-checked-list li:before, [data-theme='dark'] .author-job { color: #fff; } [data-theme='dark'] .mejs-container .mejs-controls .mejs-time-rail span.mejs-time-total, [data-theme='dark'] .mejs-container .mejs-controls .mejs-time-rail span.mejs-time-loaded, [data-theme='dark'] .mejs-container .mejs-controls .mejs-time-rail span.mejs-time-current { background-color: rgba(255, 255, 255, .2); } [data-theme='dark'] .p-podcast-wrap .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, [data-theme='dark'] .p-podcast-wrap .mejs-audio .mejs-controls .mejs-time-rail span.mejs-time-handle-content { background-color: #fff; } [data-theme='dark'] section.elementor-section { background-image: none !important; } [data-theme='dark'] [data-settings*='background'].elementor-section { background-color: rgba(255, 255, 255, 0.04) !important; } [data-theme='dark'] .elementor .elementor-element.elementor-widget-subscribe > .elementor-widget-container { background: rgba(255, 255, 255, 0.04) !important; background-image: unset; } [data-theme='dark'].mobile-js-menu .site-mask { background: rgba(0, 0, 0, 0.7); } /** membership */ .restrict-box { position: relative; display: block; margin-bottom: 40px; } .restrict-box-inner { position: relative; z-index: 1; display: block; max-width: 560px; margin-right: auto; margin-left: auto; padding: 40px; text-align: center; box-shadow: 0 5px 30px #00000012; } .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-box:before { position: absolute; z-index: 999; right: 0; bottom: 99%; left: 0; display: block; width: 100%; height: 150px; content: ''; background-image: linear-gradient(to top, #fff 0, transparent 100%); } .restrict-button-wrap a { font-size: 1.2rem; line-height: 1; display: inline-block; padding: 15px 30px; cursor: pointer; white-space: nowrap; color: #fff; border: none; outline: none !important; background: var(--g-color); } .restrict-button-wrap .restrict-button.is-btn { text-decoration: inherit; color: #fff; } .restrict-button-wrap .restrict-button.is-btn:hover { -webkit-box-shadow: 0 4px 15px var(--g-color); box-shadow: 0 4px 15px var(--g-color); } #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; box-shadow: 0 5px 30px #00000012; } .swpm-login-widget-logged { display: flex; flex-flow: row wrap; max-width: 600px; margin-right: auto; margin-left: auto; padding: 30px 20px; box-shadow: 0 5px 30px #00000012; } .restrict-login-link { margin-left: 4px; } input.swpm-text-field { display: block; width: 100%; } .swpm-password-input input { margin-left: 0 !important; } span.swpm-rember-label { font-size: .85rem; line-height: 1.7; } .swpm-login-submit { margin-top: 15px; text-align: center; } .swpm-forgot-pass-link, .swpm-join-us-link { display: block; margin-top: 15px; text-align: center; } .swpm-forgot-pass-link #forgot_pass { font-size: .7rem; line-height: 1.7; text-decoration: none; opacity: .7; color: inherit; } a.swpm-login-form-register-link { font-size: .7rem; padding: 5px 12px; text-decoration: none !important; opacity: .7; color: inherit !important; border: 1px solid; border-radius: 3px; } .swpm-forgot-pass-link #forgot_pass:hover, a.swpm-login-form-register-link:hover { opacity: 1; } .is-p-protected a:before { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 600; line-height: 1; display: none; margin-right: 5px; padding: 3px 8px; content: ''; vertical-align: 0.25em; text-decoration: none; color: #fff; border-radius: 3px; background-color: var(--g-color); } .exclusive-style-border .is-p-protected a:before { color: inherit; border: 1px solid var(--g-color); background: none; } .plan-inner { position: relative; display: block; padding: 40px 20px; border-radius: 5px; } .is-box-shadow .plan-inner { border-radius: 5px; background-color: var(--plan-box-color, transparent); box-shadow: 0 5px 30px #00000012; } .is-box-border .plan-inner { border: 1px solid var(--plan-box-color, #88888826); } .is-box-bg .plan-inner { background-color: var(--plan-box-color, #88888812); } .plan-inner > *:not(:last-child) { margin-bottom: 30px; } .plan-header > *:not(:last-child) { margin-bottom: 15px; } .plan-features { font-size: .92rem; display: flex; flex-flow: column nowrap; } .plan-feature:not(:last-child) { display: inline-flex; margin-bottom: 7px; } .plan-feature:before { font-family: 'ruby-icon'; display: inline-flex; margin-right: 5px; content: '\e87f'; color: #42c337; } .is-light-text .plan-feature:before { color: #fff; } .plan-description { font-size: .92rem; } [data-theme='dark'] .plan-feature:before, .light-scheme .plan-feature:before { color: #fff; } .plan-price-wrap { font-size: 1.2rem; line-height: 1; display: flex; align-items: center; flex-flow: row nowrap; } .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: .92rem; 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, .92rem); 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; } .rb-accordion .elementor-accordion { border-radius: 5px; box-shadow: 0 5px 30px #0000004d; } .rb-accordion .elementor-accordion .elementor-accordion-title { -ms-word-wrap: break-word; word-wrap: break-word; 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-accordion .elementor-accordion-item { border: none; border-bottom: 1px solid #8882; } .rb-accordion .elementor-accordion { border-radius: 5px; } .rb-accordion .elementor-accordion .elementor-tab-content { border-color: #8882; } .rb-accordion .elementor-accordion .elementor-tab-title { -webkit-transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1); opacity: .3; } .rb-accordion .elementor-accordion-item:hover .elementor-tab-title, .rb-accordion .elementor-accordion .elementor-tab-title.elementor-active { opacity: 1; } [data-theme='dark'] .restrict-box-inner, [data-theme='dark'] #swpm-login-form, [data-theme='dark'] #swpm-pw-reset-form, [data-theme='dark'] .swpm-registration-widget-form, [data-theme='dark'] #swpm-editprofile-form { box-shadow: 0 5px 30px #0000004d; } [data-theme='dark'] .restrict-box:before { background-image: linear-gradient(to top, #191c20 0, transparent 100%); } /* -------------------------------------------------------------- >>> RESPONSIVE 1.0 - Screen width less than or equal 991px 2.0 - Screen width less than or equal 767px 3.0 - Screen width less than or equal 479px 4.0 - Screen width bigger than or equal 768px 5.0 - Screen width bigger than or equal 992px 6.0 - Screen width bigger or equal 1200px 7.0 - Screen width less than or equal 600px -------------------------------------------------------------- 1.0 - Screen width less than or equal 991px */ @media only screen and (max-width: 991px) { #header-template { display: none; } h1, .h1 { font-size: 2rem; line-height: 1.2; } h2, .h2 { font-size: 1.5rem; line-height: 1.3; } table { table-layout: fixed; } .rbc-wrap { flex-flow: row wrap; } .rbc-content-section .rbc-content { flex: 0 0 100%; width: 100%; max-width: 100%; } .rbc-content-section .rbc-sidebar { flex: 0 0 100%; width: 100%; max-width: 100%; margin-top: 60px; padding-right: 0; padding-left: 0; } .rbc-content-section.is-sidebar-left .rbc-wrap { flex-direction: row; } .rbc-content-section.is-sidebar-left .rbc-sidebar { padding-right: 0; padding-left: 0; } .sidebar-inner { display: block; width: 100% !important; max-width: 480px; margin-right: auto; margin-left: auto; } .fw-feat-18 .nth-2, .fw-feat-18 .nth-3 { margin-top: 10px; } .block-wrap.fw-feat-18 { padding-right: 15px; padding-left: 15px; } #mobile-navbar, .mobile-navbar, #mobile-sticky-nav { display: block; } .navbar-inner, .header-3 .banner-wrap, .header-6 .banner-wrap, .header-7 .banner-wrap, .header-5.none-sright .banner-wrap, .header-5.has-sright .banner-left { display: none !important; } .header-5.has-sright .banner-wrap { padding-top: 10px; padding-bottom: 10px; background-color: #fafafa; } .header-5.has-sright .banner-right { justify-content: center; width: 100%; margin-right: -15px; margin-left: -15px; } .p-list-2 .col-left, .p-list-3 .col-left { width: 150px; } .parallax-thumb { height: 50vh; min-height: 250px; } .single-header-overlay { padding-bottom: 20px; } .header-holder { padding: 30px 0; } .block-title { flex-shrink: 1; white-space: normal; } .p-overlay-2 .p-feat, .p-overlay-3 .p-feat { display: flex; align-items: stretch; background-color: #333; } .p-overlay-2 .rb-iwrap, .p-overlay-3 .rb-iwrap { display: flex; flex-shrink: 0; width: 170px; height: 100%; padding-bottom: 0; } .p-overlay-2 .content-overlay, .p-overlay-3 .content-overlay { position: relative; top: auto; right: auto; bottom: auto; left: auto; flex-grow: 1; justify-content: center; height: auto; } .p-overlay-2 .content-overlay:before, .p-overlay-3 .content-overlay:before { display: none; } .p-overlay-2 .overlay-holder, .p-overlay-3 .overlay-holder { padding: 25px 20px; } .p-overlay-2 .p-feat img, .p-overlay-3 .p-feat img { -webkit-border-radius: 0; border-radius: 0; } .p-overlay-2 .overlay-holder:before, .p-overlay-3 .overlay-holder:before { display: none; } .p-overlay-2 .p-format, .p-overlay-3 .p-format { font-size: 36px; top: 50%; right: auto; bottom: auto; left: 85px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .p-wrap.p-grid-4 { display: flex; align-items: center; flex-flow: row nowrap; } .fw-grid-4 .content-inner > *:not(:last-child) .p-grid-4 { margin-bottom: 25px; } .block-wrap.fw-grid-4 .content-wrap { margin-bottom: -25px; } .p-grid-4.is-pop-style .p-header { flex-flow: column nowrap; } .p-grid-4.is-pop-style .p-header .counter-index { margin-right: 0; margin-bottom: 5px; } .p-grid.p-grid-4 .p-feat { flex-shrink: 0; width: 130px; margin-bottom: 0; } .p-grid-4 .p-body { display: flex; flex-flow: column wrap; flex-grow: 1; padding-left: 20px; } .p-grid-4 .p-format, .p-list-2 .p-format { font-size: 36px; } .ele-round .header-lightbox:before { right: 15px; } .subscribe-box.layout-1 { flex-flow: row wrap; } .subscribe-box.layout-1 .subscribe-content { flex: 0 0 100%; width: 100%; margin-bottom: 30px; padding-right: 0; text-align: center; } .rb-newsletter button.newsletter-submit { padding: 0 30px; } .rb-newsletter .rb-newsletter-inner { margin-right: auto; margin-left: auto; } .rb-newsletter .newsletter-privacy { justify-content: center; } .gallery-list-label { padding-right: 5px; padding-left: 0; } .gallery-grid-wrap { padding: 5px 0 5px 5px; } .gallery-grid-content .gallery-el { margin-right: 5px; } .fw-category-2 .cat-list-content { flex: 0 0 100%; width: 100%; max-width: 600px; margin-right: auto; margin-left: auto; } .instagram-grid.is-wide .instagram-box.box-intro .box-content *:not(i) { display: none; } .post-type-archive-rb-gallery .content-inner { padding-bottom: 30px; } .gallery-popup-entry { justify-content: flex-start; width: 100%; padding: 25px 0 50px 0; border-left: none; } .gallery-popup-selection, .gallery-popup-selection.post-type-gallery { overflow-x: scroll; overflow-y: hidden; flex-flow: row nowrap; flex-shrink: 0; width: auto; width: calc(100% - 30px); height: auto; margin: 10px 15px; padding-right: 0; padding-left: 0; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, .1); } .gallery-popup-selection::-webkit-scrollbar { width: auto; height: 4px; } .gallery-popup-selection a, .gallery-popup-selection.post-type-gallery > a { flex: 0 0 60px; width: 60px; margin-right: 10px; margin-bottom: 0; padding: 0; } .gallery-popup-content, .mfp-rbgallery { flex-flow: column nowrap; } .gallery-popup-holder, .gallery-popup-holder.post-type-gallery { flex-flow: column nowrap; width: 100%; max-width: 100%; margin-top: 25px; padding: 0 15px; } .gallery-popup-header { align-items: flex-start; flex-flow: column-reverse nowrap; } .rb-gallery-popup .gallery-popup-header .header-right { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .07); } .mfp-counter { flex-grow: 1; } .rb-gallery-popup .mfp-title { flex-basis: auto; width: 100%; padding: 15px; } .rb-gallery-popup .gallery-popup-header .mfp-close, .rb-gallery-popup .gallery-popup-header .mfp-counter, .gallery-popup-nav button { height: 50px; } .rb-gallery-popup .gallery-popup-header .mfp-counter { padding: 0 15px; } .gallery-popup-header .header-right > * { border-left: none; } .gallery-popup-image { max-width: 100%; height: auto; margin: 0; padding: 0; } .gallery-popup-image img { width: 100%; height: auto; margin-top: 0; object-fit: cover; } .feat-6-content-wrap.rb-p20-gutter { padding-right: 10px; padding-left: 10px; } .rb-about-inner { position: relative; height: auto; padding-top: 40px; padding-bottom: 40px; padding-left: 0; } .about-brand img { max-height: 150px; } .about-social { position: relative; top: auto; right: auto; bottom: auto; left: auto; justify-content: center; width: auto; } .about-social a { float: left; } .about-holder .about-social { margin-top: 15px; } .about-me-wrap .about-image { flex: 0 0 300px; margin-left: 35px; } .fw-ms-1, .fw-mh-1 { width: 50%; } .fw-ms-c4, .fw-mh-c4 { width: 50%; } .single-portfolio-inner { padding-right: 20px; padding-left: 20px; } .portfolio-header:before { top: -30px; right: -10px; left: auto; display: block; width: 30px; height: 50px; } .share-whatsapp.is-mobile { display: flex; } .share-whatsapp.is-web { display: none; } .pageh-feat-holder { padding: 60px 0; } .fw-feat-17 .sub-inner { flex-flow: row wrap; margin-top: 20px; padding-right: 0; padding-left: 0; } .fw-feat-17 .sub-inner > * { padding-right: 10px; padding-left: 10px; } .fw-feat-17 .p-list-8.p-wrap { flex: 0 0 50%; max-width: 50%; } .wp-block-button a { font-size: .85em; padding: 10px 20px; } .single-post-infinite.hide-sb .rbc-sidebar { display: none; } } /* -------------------------------------------------------------- 2.0 - Screen width less than or equal 767px */ @media only screen and (max-width: 767px) { body { overflow-x: hidden; } .site-wrap .wrap { margin-top: 35px; margin-bottom: 35px; } .rb-n20-gutter { margin-right: -15px; margin-left: -15px; } .rb-p20-gutter { padding-right: 15px; padding-left: 15px; } .rb-m20-gutter { margin-right: 15px; margin-left: 15px; } .topbar-wrap { display: none !important; } h1, .h1 { font-size: 1.5rem; line-height: 1.3; } h2, .h2 { font-size: 1.15rem; } h3, .h3 { font-size: 1.05rem; line-height: 1.3; } h4, .h4 { font-size: .935rem; } h5, .h5, h6, .h6 { font-size: .775rem; } .subscribe-layout-3 h3.subscribe-title { font-size: 1.6rem; } textarea { padding: 10px 15px; } input[type='text'], input[type='tel'], input[type='password'], input[type='email'], input[type='url'], input[type='search'], input[type='number'] { padding-right: 15px; padding-left: 15px; } .entry-content > *.alignleft, .entry-content > *.alignright, img.alignleft, img.alignright, .entry-content p img.alignleft, .entry-content p img.alignright { float: none; width: auto; max-width: 100%; margin-right: auto; margin-left: auto; } .rb-owl .owl-dots > span { width: 5px; height: 5px; } .rb-owl .owl-dot.active > span { width: 12px; } .columns-2 > *, .columns-3 > * { float: none; width: 100%; } .columns-4 > *, .columns-5 > *, .columns-6 > * { width: 50%; } .columns-5 > *:nth-child(5n+1), .columns-6 > *:nth-child(6n+1) { clear: none; } .columns-5 > *:nth-child(2n+1), .columns-6 > *:nth-child(2n+1) { clear: both; } .rb-owl .owl-dots { margin-top: 10px; } body .fw-feat-14 .owl-dots, body .fw-feat-15 .owl-dots { color: #333; } .slider-feat-4 .owl-dots, .slider-feat-5 .owl-dots { bottom: 10px; } .ajax-quick-filter { display: none; } .block-header .block-view-more a, .pagination-wrap > * { font-size: .9em } .amp-featured-outer { margin-top: 35px; } .mobile-nav-inner .header-dark-mode { padding-left: 7px; } figcaption.elementor-image-carousel-caption { padding: 15px 20px; } .p-cat-info.is-relative, .overlay-holder .p-cat-info.is-relative { margin-bottom: 5px; } .single-4 .p-cat-info.is-relative { margin-bottom: 10px; } .p-footer { margin-top: 10px; } .no-avatar .p-footer { margin-top: 5px; } .p-footer .p-meta-sponsor { padding-top: 2px; } .p-overlay .entry-summary { display: none; } .fw-feat-4 .p-overlay-4 .rb-iwrap { padding-bottom: 100%; } .p-list-1 .col-right, .p-list-9 .col-right { margin-top: 15px; margin-right: 0; } .p-list-4 .col-left { margin-right: 15px; } .single-left-section { display: none; } .single-content.has-left-section .entry-content { width: 100%; max-width: 100%; } .box-nav .rb-p20-gutter { padding-right: 10px; padding-left: 10px; } .box-nav.rb-n20-gutter { margin-right: -10px; margin-left: -10px; } .box-nav .nav-label { margin-bottom: 15px; } .box-nav img { margin-right: 10px; } .box-nav .nav-right img { margin-left: 10px; } .box-nav .nav-title { font-size: .8rem; } .header-holder { padding: 25px 0; } .author-avatar { width: 70px; height: 70px; margin-right: 0; } .author-box, .author-header { flex-flow: column nowrap; } .author-box { margin-top: 25px; } .author-header:after { right: 0; left: 0; width: 100%; } .author-avatar { width: 60px; height: 60px; } .author-header .author-more { margin-top: 0; margin-right: auto; padding-left: 0; } .author-description { font-size: .825rem; margin-top: 10px; } .author-more i { display: none; } .author-header { justify-content: center; padding-bottom: 20px; } .author .author-box { margin-bottom: 40px; } .author-content { margin-top: 7px; text-align: center; } .comment-form-cookies-consent label { font-size: .75rem; } .fw-feat-1 .rb-n10-all, .fw-feat-2 .rb-n10-all, .fw-feat-11 .rb-n10-all { margin: -5px 0; } .fw-feat-1 .rb-p10-all, .fw-feat-2 .rb-p10-all, .fw-feat-11 .rb-p10-all { padding: 5px 0; } .is-header-left .header-left-holder { width: 80%; padding: 40px 15px; } .cat-list-name { padding: 10px 5px; } .reaction-section, .single-bottom-share, .box-nav { margin-top: 25px; } .comment-box-wrap { margin-top: 20px; padding-top: 30px; } .follower-el { margin-bottom: 5px; } .instagram-box.box-intro .box-content i { font-size: 1.2rem; } .layout-grid .grid-holder { grid-gap: 5px; grid-template-columns: repeat(4, 1fr); grid-template-areas: 'e2 e2 e1 e1' 'e2 e2 e6 e7' 'e4 e5 e3 e3' 'e8 e8 e3 e3'; } .layout-grid.grid-fmasonry .grid-holder { grid-gap: 5px; grid-template-columns: repeat(5, 1fr); grid-template-areas: 'e1 e2 e2 e9 e9' 'e10 e2 e2 e6 e7' 'e3 e3 e4 e5 e11' 'e3 e3 e8 e8 e11'; } .layout-grid .grid-holder, .is-wide.layout-grid .grid-holder { margin-right: 5px; margin-left: 5px; } .not-found-wrap { flex-flow: row wrap; } .not-found-label-wrap { flex: 0 0 100%; margin-right: 0; margin-bottom: 40px; } span.not-found-label { font-size: 5rem; margin: 10px auto; } .not-found-description { font-size: 1.5rem; position: relative; top: auto; left: auto; margin: 0 auto; } .not-found-inner { justify-content: center; text-align: center; } .not-found .search-form { margin-top: 20px; } .site-wrap .site-content.not-found .wrap { margin-bottom: 50px; } .rb-cookie { right: 0; bottom: 0; left: 0; width: 100%; padding: 10px 15px; -webkit-border-radius: 0 !important; border-radius: 0 !important; } .rb-cookie .cookie-footer { margin-top: 10px; text-align: center; } .rb-cookie .cookie-content { text-align: center; } .rb-cookie .cookie-accept { line-height: 26px; padding: 0 30px; } .headerstrip-btn { display: block; clear: both; margin-top: 7px; margin-left: 0; } .headerstrip-btn a { line-height: 26px; padding: 0 30px; } .single-tagline { padding-left: 30px; } .top-footer-wrap .widget { margin-bottom: 35px; } .single-m-info { display: block; } #back-top i { line-height: 34px; width: 28px; height: 34px; } .ele-round #back-top i { width: 34px; } .single-1 .breadcrumb { margin-top: -30px; } .single-2 .single-header-overlay .single-tagline { display: none; } .single-post-related { margin-bottom: 27px; background-size: 20px 5px; } .footer-logo-wrap img { max-height: 90px; } .footer-section:first-child, .rbc-content-section .rbc-sidebar { margin-top: 35px; } .footer-section { margin-bottom: 35px; } [data-theme='dark'] .single-header-overlay .entry-title, .single-header-overlay.is-light-text .entry-title { margin-bottom: 12px; } .is-meta-border .p-classic .p-footer { margin-top: 15px; padding-top: 15px; } .is-meta-border .p-overlay-4 .p-footer, .is-meta-border .p-list-1 .p-footer, .is-meta-border .p-overlay-9 .p-footer { margin-top: 12px; padding-top: 12px; } .sidebar-inner .widget, .footer-widget .widget, .elementor-widget-sidebar .widget { margin-bottom: 35px; } .overlay-holder { padding: 0 15px 20px; } .p-overlay-2 .overlay-holder, .p-overlay-3 .overlay-holder { padding: 20px 15px; } .p-overlay-2 .rb-iwrap, .p-overlay-3 .rb-iwrap { width: 110px; } .p-overlay-2 .p-format, .p-overlay-3 .p-format { left: 50px; } .p-overlay-2 .p-format, .p-overlay-3 .p-format, .p-grid-2 .p-format, .p-grid-4 .p-format, .p-list-2 .p-format, .fw-feat-6 .p-overlay-3 .p-format { font-size: 32px; } .p-overlay-4 .rb-iwrap { padding-bottom: 56.25%; } .fw-feat-5 .p-overlay-4 .rb-iwrap { padding-bottom: 100%; } .p-overlay-4 .p-footer { display: none; } .p-grid-5 .p-content-wrap, .p-masonry-1 .p-content-wrap { padding-top: 15px; padding-right: 0; padding-left: 0; } .p-grid-6 .p-content-wrap { min-height: 0; } .feat-6-content-wrap .p-wrap { margin-bottom: 1px; } .feat-6-content-wrap .rb-row > *:last-child .p-wrap { margin-bottom: 0; } .ele-round .feat-6-content-wrap .p-feat { border: 0; -webkit-border-radius: 0; } .feat-6-holder { margin-top: 1px; } .feat-6-content-wrap.rb-p20-gutter { padding-right: 0; padding-left: 0; } .p-overlay-9 .rb-iwrap { padding-bottom: 100%; } .fw-grid-2 .rb-n15-gutter, .single-post-related .rb-n15-gutter, .layout-ct-grid-2.rb-n15-gutter, .layout-fw-grid-2.rb-n15-gutter { margin-right: -7px; margin-left: -7px; } .fw-grid-2 .rb-p15-gutter, .single-post-related .rb-p15-gutter, .layout-ct-grid-2 .rb-p15-gutter, .layout-fw-grid-2 .rb-p15-gutter { padding-right: 7px; padding-left: 7px; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { float: none; width: 100%; margin-bottom: 10px; } .comment-form > * { margin-bottom: 10px; } .reaction-section-title { margin-bottom: 10px; } .reaction-section { padding: 20px 7px; } .mh-p-link .p-wrap .p-link, .mh-p-excerpt .entry-summary:not(.twitter-content) { display: none !important; } .mh-p-excerpt.single-product .entry-summary { display: block !important; } .mh-p-link .p-masonry-1 .p-meta-info { justify-content: center; } .header-holder .breadcrumb { margin-bottom: 5px; } .single-entry-meta { margin-top: 10px; } .single-entry-meta.has-avatar { margin-top: 12px; } .breadcrumb-overlay .breadcrumb { margin-top: 10px; } h1.single-title, .single-tagline { margin-bottom: 15px; } .w-banner { max-width: 320px; margin-right: auto; margin-left: auto; padding: 60px 15px; } .single-feat, .post-gallery-outer { margin-top: 20px; } .p-podcast-wrap .post-audio-outer, .single-feat.post-audio-outer { margin-top: 0; } .single-podcast .p-podcast-wrap.rb-row { flex-flow: column-reverse; } .p-grid-7.p-podcast-wrap .post-audio-outer .embed-holder { margin: 15px 0; } .entry-header, .shop-top .shopthepost-inner { margin-bottom: 25px; } .entry-footer { margin-top: 25px; padding-top: 35px; } .shop-bottom > *:first-child { margin-top: 25px; } .cooked-recipe-directions .cooked-direction-number { font-size: 1rem; padding: 5px; } .cooked-recipe-info > section.cooked-right > span, .cooked-recipe-info > section.cooked-left > span { margin: 0 5px !important; } .cooked-recipe-info .cooked-left, .cooked-recipe-info .cooked-right { display: flex; align-items: center; justify-content: space-between; text-align: left; } .cooked-recipe-info .cooked-right { margin-top: 10px; margin-bottom: 10px; } body span.cooked-taxonomy > :last-child { font-size: .725rem; } .cooked-recipe-info > section.cooked-left span.cooked-servings { margin-right: auto !important; margin-bottom: 10px !important; margin-left: auto !important; text-align: left; } body .cooked-recipe-directions .cooked-direction { padding-bottom: 0; } .cooked-recipe-directions .cooked-heading { font-size: .95rem; margin-bottom: 10px; } .single-2 .post-gallery-outer, .single-2 .post-audio-outer, .single-2 .post-video-outer, .single-3 .post-gallery-outer, .single-3 .post-audio-outer, .single-3 .post-video-outer { margin-bottom: 20px; } .single-2 .single-tagline, .single-3 .single-tagline { margin-bottom: 25px; } .footer-menu-inner a { font-size: .85em; padding-right: 7px; padding-left: 7px; } .is-header-bg.is-header-center .header-holder { padding: 50px 0; } .is-header-bg.is-header-boxed .header-holder { padding: 30px 0; } .widget-fw-instagram .grid-fmasonry { padding-bottom: 5px; } .top-footer-wrap.is-footer-bg .widget:last-child .instagram-grid.is-wrap { margin-bottom: 30px; } .bookmark-list { padding-top: 30px; padding-bottom: 30px; } .twitter-timestamp { font-size: 11px; } .element-desc { max-width: 80%; } .p-overlay-1:not(.rb-hf) .p-footer, .p-overlay-7:not(.rb-hf) .p-footer { margin-bottom: -30px; margin-bottom: calc(-1.375rem - 10px); } .p-overlay-1:not(.rb-hf).no-avatar .p-footer, .p-overlay-7:not(.rb-hf).no-avatar .p-footer { margin-bottom: -25px; margin-bottom: calc(-1.375rem - 5px); } .review-box-wrap .pros-cons-wrap { flex-flow: column nowrap; gap: 25px; } .summary-wrap:before { top: auto; right: -5px; bottom: -15px; } .review-header { height: 120px; min-height: 120px; } .review-el { margin-bottom: 15px; } .review-el .review-stars { font-size: 18px; } .off-canvas-header .inner-bottom > * { margin-top: 15px; } .image-caption.is-overlay { position: relative; right: auto; bottom: 0; left: auto; justify-content: center; width: 100%; max-width: 100%; padding: 5px 0; text-align: center; color: #333; background: none; } .is-overlay.image-caption:before { margin-right: 7px; } .wp-block-image .alignleft, .wp-block-image .alignright { float: none; clear: both; margin-right: auto; margin-left: auto; } .wp-block-gallery .blocks-gallery-grid { width: 100%; } .fw-masonry-1 .p-masonry-holder { width: 100%; } .fw-feat-9 .content-inner { margin-right: 5px; margin-left: 5px; } .subscribe-box .mc4wp-form-fields input { margin-top: 10px; } .subscribe-box .mc4wp-form-fields input:first-child { margin-top: 0; } .subscribe-box .subscribe-form input[type='submit'] { position: relative; top: auto; right: auto; bottom: auto; left: auto; width: auto; margin-right: auto; margin-left: auto; padding: 0 50px; text-indent: 0; } .subscribe-box .subscribe-form input[type='submit'] + i { display: none; } .p-classic-2 .p-footer { padding: 10px 15px; } .about-me-wrap { flex-flow: column nowrap; text-align: center; } .about-me-wrap .about-image { flex: 0 0 100%; margin-bottom: 30px; margin-left: 0; } .about-image img { max-width: 300px; margin: auto; } .about-title { font-size: 1.2rem; } .about-tagline { font-size: 1.05rem; } .single-portfolio-holder { flex-wrap: wrap; } .single-portfolio-feat, .single-portfolio-content { flex: 0 0 100%; padding-right: 0; padding-left: 0; } .single-portfolio-inner { margin-top: 10px; padding: 35px 20px; } .portfolio-header { margin-bottom: 15px; padding-bottom: 18px; } .portfolio-info-wrap { margin-top: 15px; padding-top: 18px } .portfolio-header:after, .portfolio-info-wrap:before, .single-bottom-share.is-pshare:before { height: 3px; } .nav-label-text { visibility: hidden; opacity: 0; } .portfolio-nav a > i { font-size: 20px; } .fw-ms-1, .fw-mh-1, .ct-ms-1, .ct-mh-1 { float: none; width: 100%; } .fw-ms-c4, .fw-mh-c4 { width: 50%; } .banners-inner { display: flex; flex-flow: row wrap; } .banners-inner .el-banner { flex: 0 0 100%; margin-bottom: 10px; } .el-banner-inner { padding-bottom: 40%; } .banners-inner .el-banner:last-child { margin-bottom: 0; } .p-list-6 .col-right, .p-list-7 .col-right { padding: 30px; } .fw-sbox { padding-top: 60px; padding-bottom: 60px; } .sbox-description { font-size: .85rem; margin-top: 10px; } .sbox-form-wrap { margin-top: 25px; } .sbox-icon svg { width: 22px; } .sbox-icon { width: 56px; } .mc4wp-form-fields input { width: 100%; } .wp-block-columns > * { margin-bottom: 2em; } .wp-block-columns > *:last-child { margin-bottom: 0; } .pageh-feat-holder { padding: 45px 0; } .ibox-wrap > * { margin-bottom: 35px; } .ibox-wrap > *:last-child { margin-bottom: 0; } .hbox-separator:after { width: 60px; } .block-heading.is-center .hbox-separator:after { margin-left: -30px; } .hbox-separator { padding-top: 20px; } .hbox-description { margin-top: 20px; } .cta-btn-wrap { flex-flow: row wrap; justify-content: center; } .cta-btn { margin-top: 5px; margin-bottom: 5px; } .cta-title br, .cta-tagline br, .cta-description br { display: none; } .cta-btn { font-size: .875rem; line-height: 42px; } .cta-btn.is-border { line-height: 38px; } .cta-btn, .ele-round .cta-btn { padding: 0 30px; } .ele-round .cta-btn.is-border { padding-right: 28px; padding-left: 28px; } .cta-image, .cta-tagline { margin-bottom: 7px; } .cta-title { margin-bottom: 15px; } .cta-description { margin-bottom: 20px; } .rb-btn-link { font-size: .9em; } .rbtoc, .rbtoc.table-left:not(.table-fw-single-col) { float: none; width: 100%; max-width: 100%; margin-right: 0; margin-left: 0; } .fw-feat-16 .rb-iwrap.pc-75 { padding-bottom: 75%; } .single-podcast .single-header { padding-top: 30px; padding-bottom: 30px; } .p-podcast-wrap .post-audio-outer .embed-holder { height: 46px !important; } .p-podcast-wrap .mejs-inner .mejs-button > button { margin: 10px 0; } .p-podcast-wrap .embed-holder .mejs-container .mejs-controls { padding: 0 10px; } .p-podcast-wrap .mejs-container .mejs-controls .mejs-button.mejs-playpause-button { width: 30px; height: 30px; } .p-podcast-wrap .embed-holder .mejs-container { height: 46px !important; } .p-podcast-wrap .mejs-button.mejs-playpause-button.mejs-play:not(.mejs-replay) > button:before { font-size: 10px; } .p-podcast-wrap .mejs-container .mejs-controls .mejs-time-rail span.mejs-time-total, .p-podcast-wrap .mejs-container .mejs-controls .mejs-time-rail span.mejs-time-loaded, .p-podcast-wrap .mejs-container .mejs-controls .mejs-time-rail span.mejs-time-current { height: 4px; } .p-podcast-wrap .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { height: 4px; } .p-podcast-wrap .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { height: 4px; } .p-podcast-wrap .mejs-volume-button.mejs-mute > button:before { font-size: 18px; } .p-podcast-wrap .mejs-volume-button.mejs-unmute > button:before { font-size: 20px; } .p-podcast-wrap .mejs-inner .mejs-button > button { position: relative; display: flex; align-items: center; justify-content: center; width: 30px; height: 100%; margin: 0; } figcaption.elementor-image-carousel-caption { padding: 20px; } } /* -------------------------------------------------------------- 3.0 - Screen width less than or equal 479px */ @media only screen and (max-width: 479px) { .off-canvas-wrap { width: 90%; max-width: 400px; } h1, .h1 { font-size: 1.25em; line-height: 1.35; } h1.single-title { font-size: 1.35rem; line-height: 1.3; } h2, .h2 { font-size: 1.05rem; line-height: 1.35; } h3, .h3 { font-size: 1rem; line-height: 1.4; } h4, .h4 { font-size: .85em; line-height: 1.5; } .p-wrap .meta-avatar img, .meta-avatar img { width: 16px; height: 16px; } .p-overlay .content-overlay:before { top: 40%; } .meta-avatar { margin-right: 5px; } .meta-total { font-size: 12px; } .p-review-info * { padding: 0 2px; } .page-numbers, .post-page-numbers { padding: 0 10px; } .cat-list-name { padding: 7px 5px; } .block-header, .w-header-2 .widget-title, .widget-title { margin-bottom: 20px; } .block-header-dot .block-title { padding-left: 7px; } .block-header-dot .block-title:before { width: 25px; } .p-grid, .p-list, .p-classic, .infeed-wrap, .fw-list-1 .infeed-wrap, .ct-classic .infeed-wrap, .ct-list .infeed-wrap { margin-bottom: 25px; } .block-wrap:not(.none-margin) .content-wrap { margin-bottom: -25px; } .pagination-wrap { margin-top: 25px; } .p-grid .p-feat, .p-classic .p-feat { margin-bottom: 10px; } .p-list-2 .col-left, .p-list-3 .col-left { width: 110px; margin-right: 15px; } .p-list-3 .p-cat-info { display: none; } .p-grid.p-grid-4 .p-feat { width: 110px; } .p-grid-4 .p-body { padding-left: 15px; } .p-list-2 .entry-summary, .p-list-3 .entry-summary { display: none; } .p-format { font-size: 42px; } body .cooked-recipe-info > section.cooked-right > span { font-size: .75rem; padding-left: 18px; text-align: left; } .cooked-recipe-info span.cooked-time-icon i.cooked-icon { font-size: 12px; } .cooked-recipe-info > section.cooked-right .cooked-print { padding-left: 0; } .cooked-recipe-info > section.cooked-right strong { font-size: .725rem; } .cooked-recipe-ingredients .cooked-heading { font-size: .95rem; } .cooked-recipe-info > section.cooked-right span.cooked-time-icon { line-height: 1rem; top: 50%; bottom: auto; margin-top: -.9rem; } .fw-category-1 .cat-list-item { margin-right: 5px; margin-left: 5px; } .single-post-box .nav-left { border-right: 1px solid #8882; } .box-nav .nav-label { margin-bottom: 10px; } .box-nav img { display: none; } .single-bottom-share a { line-height: 40px; width: 40px; height: 40px; } .single-bottom-share i { font-size: 16px; } .block-header-2 .block-title:before, .block-header-2 .block-title:after { width: 30px; } .rb-headerstrip { padding: 10px 30px; } .p-cat-info > * { font-size: .95em; } .p-overlay-2.p-wrap .p-url, .p-overlay-3.p-wrap .p-url, .p-list-2.p-wrap .p-url, .p-list-3.p-wrap .p-url { font-size: .875em; } .fw-feat-6 .p-overlay-3.p-wrap .p-url { font-size: 1em; } .p-grid-2 .p-cat-info { padding: 0 7px 5px 7px; } .p-list .meta-description { display: none; } .p-list .p-review-info { padding-right: 7px; padding-left: 7px; } .load-animation, .loadmore-animation { background-size: 32px; } .header-holder { padding: 15px 0; } .overlay-holder { padding: 0 15px 15px; } .ele-round .entry-footer a, .ele-round .entry-footer .source, .ele-round .entry-footer .via-el { padding-right: 12px; padding-left: 12px; } .tag-label { min-width: 60px; } .box-comment-btn { font-size: 12px; line-height: 34px; padding: 0 35px; } .header-author-box { padding-top: 20px; padding-bottom: 20px; } .header-author-box .box-avatar img { width: 70px; } .header-author-box .box-description, .author-description { font-size: .75rem; } .header-author-box .box-header { margin-bottom: 8px; padding-bottom: 18px; } .header-author-box .box-job { font-size: 12px; margin-top: 3px; } .header-author-box .box-avatar img { width: 70px; } .rb-related-content > *:first-child { margin-bottom: 12px; } .off-canvas-holder:before { right: 15px; bottom: 15px; } .widget-post-2 { margin-right: -7px; margin-left: -7px; } .widget-post-2 > * { padding-right: 7px; padding-left: 7px; } .cat-icon-round .cat-info-el { padding-right: 16px; padding-left: 16px; } .subscribe-box.layout-1 .subscribe-content { margin-bottom: 20px; } .rb-newsletter .subscribe-box.layout-1 button.newsletter-submit-icon { font-size: 18px; } .pagination-nextprev .pagination-link, .loadmore-link { line-height: 30px; min-width: 120px; padding-right: 7px; padding-left: 7px; } .pagination-nextprev .pagination-link, .pagination-simple .page-numbers { min-width: 130px; } .loadmore-link { min-width: 150px; } .banner-btn a { line-height: 32px; padding: 0 30px; } .instagram-grid.is-wide .instagram-box.box-intro .box-content i { font-size: 30px; display: block; } .archive-content .content-inner { margin-bottom: -25px; } .header-lightbox { width: calc(100vw - 30px); } .off-canvas-header { padding-top: 45px; } .fw-category-1 .cat-list-wrap.rb-p20-gutter { padding-right: 0; padding-left: 0; } .p-overlay-2 .rb-iwrap, .p-overlay-3 .rb-iwrap { width: 100px; } .footer-social i { font-size: 14px; } .author-job span { font-size: .85em; } .wp-block-archives.alignleft, .wp-block-categories.alignleft, .wp-block-archives.alignright, .wp-block-categories.alignright { width: 100%; margin-right: 0; margin-left: 0; } .p-grid-5 .p-feat, .p-grid-6 .p-feat, .p-masonry-1 .p-feat { margin-bottom: 0; } .p-list-6 .col-right { padding: 20px; } } /* -------------------------------------------------------------- 4.0 - Screen width bigger than or equal 768px */ @media (min-width: 768px) and (max-width: 1024px) { .rb-tcol-1 > .content-inner > * { flex-basis: 100%; width: 100%; } .rb-tcol-2 > .content-inner > * { flex-basis: 50%; width: 50%; } .rb-tcol-3 > .content-inner > * { flex-basis: 33.33%; width: 33.33%; } .rb-tcol-4 > .content-inner > * { flex-basis: 25%; width: 25%; } .rb-tcol-5 > .content-inner > * { flex-basis: 20%; width: 20%; } .rb-tcol-6 > .content-inner > * { flex-basis: 16.66%; width: 16.66%; } .is-thoz-scroll .content-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 .content-inner::-webkit-scrollbar { display: none; } .is-thoz-scroll .content-inner::webkit-scrollbar-thumb { display: none; } .is-thoz-scroll .content-inner > * { min-width: var(--tablet-scroll-width, 40%); max-width: var(--tablet-scroll-width, 40%); } .is-thoz-scroll.bottom-border .content-inner > *:before, body .tablet-hide { display: none; } } @media only screen and (min-width: 768px) { .col-border .content-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); } .p-list-1:not(.no-feat), .p-list-9:not(.no-feat) { flex-direction: row-reverse; } .p-list-1 .col-right, .p-list-9 .col-right { justify-content: center; padding-top: 15px; padding-right: 40px; padding-bottom: 15px; } .single-podcast .single-header { padding-top: 30px; padding-bottom: 30px; } .p-podcast-wrap { align-items: center; flex-direction: row-reverse; } .p-podcast-wrap .single-feat { margin-top: 0; } .p-podcast-wrap .rb-col-t7.col-right { padding-top: 10px; padding-right: 30px; padding-bottom: 10px; } .p-podcast-wrap .rb-col-m12.rb-col-t5.col-left { padding-left: 0; } .p-grid-5.reverse { flex-flow: column-reverse nowrap; } .p-grid-5.reverse .p-review-info { top: 0; bottom: auto; } .p-grid-5.reverse .p-content-wrap { margin-top: 0; margin-bottom: 20px; } .p-grid-3.is-padding:not(.no-feat) > *:not(.p-feat-holder), .p-classic.is-padding:not(.no-feat) > *:not(.p-feat-holder) { padding-right: 20px; padding-left: 20px; } .single-bottom-share a:nth-child(1), .single-bottom-share a:nth-child(2) { flex-shrink: 0; width: auto; min-width: min-content; padding: 0 20px; } .single-bottom-share a:nth-child(1) span, .single-bottom-share a:nth-child(2) span { font-size: .85rem; display: block; margin-left: 7px; white-space: nowrap; } .single-bottom-share.is-pshare a:nth-child(1), .single-bottom-share.is-pshare a:nth-child(2) { width: 50px; padding: 0; } .single-bottom-share.is-pshare a span, .single-bottom-share.is-pshare a:nth-child(1) span, .single-bottom-share.is-pshare a:nth-child(2) span { display: none; } .p-list-1.is-border:not(.no-feat), .p-list-9.is-border:not(.no-feat) { position: relative; } .p-list-1.is-border:before, .p-list-9.is-border:before { position: absolute; z-index: -1; top: 0; right: 0; left: 0; display: block; content: ''; opacity: .07; border-bottom: 1px solid currentColor; } .block-header-7 .fw-list-1 .block-header + .content-wrap .p-outer:first-child .p-list-1.is-border:before { display: none; } .bookmark-list .content-inner { margin-bottom: -35px; } .rbtoc.table-fw { display: inline-flex; float: none; flex-flow: column nowrap; width: 100%; max-width: 100%; margin-right: 0; padding: 25px; } .rbtoc.table-fw .inner { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; counter-reset: table-content; } .rbtoc.table-fw .inner .table-link { position: relative; flex: 0 0 50%; max-width: 50%; margin: 0; padding: 7px 15px; border: none; } .rbtoc.table-fw .inner .table-link: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: #00000010; } .footer-widget-inner > * { flex: 0 0 25%; width: 25%; margin-bottom: 0; } .footer-style-2 .footer-widget-inner > * { flex: 0 0 20%; width: 20%; } .footer-style-2 .footer-widget-inner > *:first-child { flex: 0 0 40%; width: 40%; } .footer-style-3 .footer-widget-inner > *, .footer-style-4 .footer-widget-inner > *, .footer-style-5 .footer-widget-inner > * { flex: 0 0 33.33%; width: 33.33%; } .footer-style-3 .footer-widget-inner > *:last-child, .footer-style-4 .footer-widget-inner > *:first-child { flex: 0 0 100%; width: 100%; } .footer-style-3 .footer-widget-inner > *:last-child { margin-top: 50px; } .footer-style-4 .footer-widget-inner > *:first-child { margin-bottom: 50px; } .footer-style-3 .footer-widget-inner > *:first-child { margin-top: 0; } .footer-style-4 .footer-widget-inner > *:last-child { margin-bottom: 0; } .subscribe-box .subscribe-form input[type='submit'] { position: absolute; z-index: 100; top: 0; right: 0; display: block; width: 60px; height: 46px; padding: 0; text-indent: -9999px; background-color: #fff; } [data-theme='dark'] .subscribe-box .subscribe-form input[type='submit'], .is-light-text .subscribe-box .subscribe-form input[type='submit'] { background: transparent; } .subscribe-box .mc4wp-form-fields input[type='submit'] + i { font-size: 24px; line-height: 46px; position: absolute; z-index: 100; top: 0; right: 0; bottom: 0; left: auto; display: block; width: 60px; height: 46px; -webkit-transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1); transition: color .3s cubic-bezier(0.32, 0.74, 0.57, 1); text-align: center; pointer-events: none; color: #333; } [data-theme='dark'] .subscribe-box .mc4wp-form-fields input[type='submit'] + i, .is-light-text .subscribe-box .mc4wp-form-fields input[type='submit'] + i { color: #fff; } .subscribe-box .mc4wp-form-fields input[type='submit']:hover + i { color: var(--g-color); } .subscribe-box .mc4wp-form-fields { display: flex; align-items: center; flex-flow: row nowrap; flex-grow: 0; justify-content: flex-end; } .subscribe-box.layout-2 .mc4wp-form-fields { max-width: max-content; margin-right: auto; margin-left: auto; } .subscribe-box .mc4wp-form-fields input[type='text'], .subscribe-box .mc4wp-form-fields input[type='email'] { min-width: 320px; max-width: 460px; margin-left: 10px; } .subscribe-box .mc4wp-form-fields input:first-child { margin-left: 0; } .slider-feat-14 .rb-owl-prev, .slider-feat-15 .rb-owl-prev { left: 0; } .slider-feat-14 .rb-owl-next { right: 50%; } .slider-feat-15 .rb-owl-next { right: 33.33%; } .slider-feat-14 .owl-dots, .slider-feat-15 .owl-dots { position: absolute; right: 0; bottom: 0; margin: 0; padding-right: 10px; padding-bottom: 10px; } .p-list-7 .rb-iwrap { padding-bottom: 56.65%; } .block-cta-1.is-left .cta-inner { text-align: left; } .block-cta-1.is-left .cta-description { margin-left: 0; } .block-cta-1.is-left .cta-btn-wrap { justify-content: flex-start; } .p-podcast-wrap .single-feat img { height: 100% } .p-podcast-wrap { align-items: center; flex-direction: row-reverse; } .p-podcast-wrap .single-feat { margin-top: 0; } .fw-sbox.is-left .content-wrap > * { text-align: left; } .fw-sbox.is-left .sbox-form.search-form { max-width: 400px; margin-left: 0; } } /* -------------------------------------------------------------- 5.0 - Screen width bigger than or equal 992px */ @media only screen and (min-width: 992px) { body.boxed #site { max-width: 1200px; margin-top: 40px; margin-right: auto; margin-bottom: 40px; margin-left: auto; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .07); box-shadow: 0 0 20px rgba(0, 0, 0, .07); } .rb-iwrap.pc-150 { padding-bottom: 150%; } .rb-mini-cart.is-show #mini-cart { top: calc(100% - 2px); bottom: auto; visibility: visible; pointer-events: auto; opacity: 1; } .block-header-2 .block-header, .block-header-5 .block-header { margin-bottom: 35px; } .block-header-2 .block-header.shopthepost-header, .block-header-5 .block-header.shopthepost-header { margin-bottom: 25px; } .p-grid-1, .p-grid-3, .p-list { margin-bottom: 40px; } .is-post-shadow.p-grid-1 { padding: 0 25px 30px 25px; } .is-post-shadow.p-grid-1 .p-feat-holder { margin-right: -25px; margin-left: -25px; } .p-list-1, .fw-list-1 .infeed-wrap, .p-list-9, .fw-list-9 .infeed-wrap { margin-bottom: 45px; } .p-classic, .ct-classic .infeed-wrap { margin-bottom: 50px; } .block-wrap.fw-grid-1 .content-wrap, .archive-content.layout-fw-grid-1 .content-inner, .block-wrap.fw-grid-3 .content-wrap, .archive-content.layout-fw-grid-3 .content-inner, .block-wrap.ct-list .content-wrap, .archive-content.layout-ct-list .content-inner, .fw-list-2 .content-wrap, .archive-content.layout-fw-list-2 .content-inner { margin-bottom: -40px; } .block-wrap.fw-list-1 .content-wrap, .archive-content.layout-fw-list-1 .content-inner { margin-bottom: -45px; } .block-wrap.ct-classic .content-wrap, .archive-content.layout-classic .content-inner { margin-bottom: -50px; } .fw-grid-1 .pagination-wrap, .fw-grid-3 .pagination-wrap, .fw-list-2 .pagination-wrap, .ct-list .pagination-wrap, .layout-fw-grid-1 .pagination-wrap, .layout-fw-grid-3 .pagination-wrap, .layout-ct-list .pagination-wrap, .layout-fw-list-2 .pagination-wrap { margin-top: 40px; } .fw-list-1 .pagination-wrap, .layout-fw-list-1 .pagination-wrap { margin-top: 45px; } .ct-classic .pagination-wrap, .layout-classic .pagination-wrap { margin-top: 50px; } .p-overlay-1 .p-format, .p-overlay-7 .p-format { top: 40px; right: 40px; } .p-classic .p-format i { font-size: 1.3em; } .p-classic .p-cat-info.is-absolute { padding: 0 15px 15px 15px; } .p-list-1 .p-format i, .p-list-9 .p-format i, .p-overlay-1 .p-format i, .p-overlay-4 .p-format i, .p-grid-3 .p-format i, .p-overlay-7 .p-format i { font-size: 1.25em; } .p-overlay-1 .p-cat-info, .p-overlay-7 .p-cat-info { margin-bottom: 15px; } .p-overlay-1 .overlay-holder, .p-overlay-7 .overlay-holder { padding: 0 40px 40px; } .p-grid-4 .p-format i, .p-list-2 .p-format i { font-size: .85em; } .fw-feat-4 .p-wrap .p-cat-info, .fw-feat-5 .p-wrap .p-cat-info { margin-bottom: 17px; } .fw-feat-4 .p-wrap .p-footer, .fw-feat-5 .p-wrap .p-footer { margin-top: 20px; } .fw-feat-4 .p-overlay-4 .rb-iwrap { max-height: 80vh; padding-bottom: 40%; } .boxed .fw-feat-4 .p-overlay-4 .rb-iwrap { padding-bottom: 56.25%; } .fw-feat-6 .p-overlay-4 .rb-iwrap { max-height: 80vh; padding-bottom: 45%; } .fw-feat-6 .p-overlay-4 .overlay-holder { flex-grow: 0; width: 45%; max-width: 100%; padding-right: 30px; padding-left: 0; text-align: left; } .p-overlay-9 .overlay-holder { flex-grow: 0; width: 65%; max-width: 100%; padding: 0 20px; text-align: left; } .feat-6-holder { position: absolute; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: flex-end; margin: 0; } .fw-feat-6 .p-overlay-4 .p-meta-info, .p-overlay-9 .p-meta-info { align-items: flex-start; justify-content: flex-start; text-align: left; } .fw-feat-6 .p-overlay-3 .overlay-holder { position: static; } .fw-feat-6 .p-overlay-4 .p-feat:after, .p-overlay-9 .p-feat:after { opacity: .6; } .fw-feat-6 .p-overlay-3 .p-cat-info.is-relative { position: absolute; top: 10px; right: 10px; padding-left: 10px; } .fw-feat-6 .p-overlay-4 .p-cat-info, .p-overlay-9 .p-cat-info { justify-content: flex-start; } .feat-6-content { justify-content: flex-end; width: 55%; max-width: 55%; margin-left: auto; } .feat-6-content .p-wrap { margin-bottom: 0; } .fw-feat-6 .p-overlay-3 .p-format { top: 10px; right: auto; left: 15px; } .fw-feat-6 .p-overlay-3 .p-url { font-size: .9em; line-height: 1.4; display: inline-block; } .fw-feat-6 .p-overlay-3.no-avatar .p-footer { margin-top: 5px; } .p-grid-3.is-padding:not(.no-feat) > *:not(.p-feat-holder), .p-classic.is-padding:not(.no-feat) > *:not(.p-feat-holder) { padding-right: 40px; padding-left: 40px; } header.cat-list-header { margin-bottom: 0; padding-right: 50px; text-align: left; } .cat-list-inner { flex-flow: row nowrap; } .fw-category-1 .cat-list-item { margin-right: 15px; margin-left: 15px; } .fw-category .cat-list-header { align-items: flex-start; flex-shrink: 0; justify-content: flex-start; } .fw-category .cat-list-content { width: auto; } .fw-category-1 .cat-list-header { flex: 0 0 370px; max-width: 370px; } .fw-category-2 .cat-list-header { flex: 0 0 270px; max-width: 270px; } .fw-category-2 .cat-list-content { margin-bottom: 0; } .fw-category-2 .cat-list-item { flex: 0 0 25%; width: 25%; max-width: 25%; margin-bottom: 0; } .element-desc { margin-top: 20px; } .rb-sh > *, .rb-sh .p-wrap, .rb-sh .p-feat-holder, .rb-sh .p-feat, .rb-sh .p-flink, .rb-sh .rb-iwrap { height: 100%; } .rb-sh .rb-iwrap { padding-bottom: 0; } .fw-feat-1 .rb-sh { height: 540px; } .fw-feat-11 .content-inner { flex-direction: row-reverse; } .fw-feat-11 .rb-sh { height: 600px; } .fw-feat-1 .col-left .p-outer { height: 100%; } .fw-feat-1 .col-right .p-outer { height: 50%; } .fw-feat-11 .col-big .p-outer { height: 100%; } .fw-feat-11 .col-small .pos-top.p-outer { height: 65%; } .fw-feat-11 .col-small .pos-bottom.p-outer { height: 35%; } .fw-feat-2 .rb-sh { height: 450px; } .fw-feat-18 .rb-sh { height: 550px; } .fw-feat-2 .nth-2, .fw-feat-2 .nth-3, .fw-feat-18 .nth-2, .fw-feat-18 .nth-3 { flex: 0 0 25%; max-width: 25%; } .p-classic .p-feat { margin-bottom: 20px; } .p-grid-5 .p-format i, .p-grid-6 .p-format i { font-size: 1.1em; } .p-classic .p-review-info i, .p-list-1 .p-review-info i, .p-list-9 .p-review-info i, .p-overlay-1 .p-review-info i, .p-overlay-7 .p-review-info i { font-size: 20px; } .p-classic .p-review-info .meta-total, .p-list-1 .p-review-info .meta-total, .p-list-9 .p-review-info .meta-total, .p-overlay-1 .p-review-info .meta-total, .p-overlay-7 .p-review-info .meta-total { font-size: 1.35rem; } .p-classic .p-review-info .meta-description, .p-list-1 .p-review-info .meta-description, .p-list-9 .p-review-info .meta-description, .p-overlay-1 .p-review-info .meta-description, .p-overlay-7 .p-review-info .meta-description { font-size: 1.15rem; } .fw-block .loadmore-link, .single-related-outer .loadmore-link { min-width: 200px; } .p-wrap.p-classic .entry-summary, .p-wrap.p-list-1 .entry-summary { margin-top: 15px; } .p-wrap.p-list-9 .entry-summary { width: 100%; margin-top: 15px; } .p-overlay-4 .overlay-holder { padding-right: 60px; padding-left: 60px; } .not-found { min-height: 50vh; } .bookmark-list .content-inner { margin-bottom: -40px; } .wp-block-quote.is-style-large:before { font-size: 44px; margin-bottom: .5rem; } .wp-block-quote.is-style-large cite { justify-content: flex-start; margin-top: 1rem; } .wp-block-pullquote cite { display: block; margin-top: 1rem; } .footer-logo-inner { gap: 25px; } .about-holder > * { margin-top: 25px; } .rbc-site-main > .rbc-fw-section:first-child .rbc-content > .fw-feat-8:first-child .content-inner { padding-top: 70px; } .about-holder { padding-top: 30px; } .header-centred .breadcrumb { margin-bottom: 20px; } .subscribe-box.layout-1 .subscribe-form { flex: 0 0 60%; width: 60%; } .p-classic.p-classic-2 .p-header { margin-bottom: 25px; } .p-classic.p-classic-2 .p-footer { margin-top: 25px; } .about-sign, .about-desc { padding-top: 10px; } .portfolio-nav.box-nav .nav-label > a { font-size: 1.1em; } .portfolio-header-holder { margin-top: 50px; } .slider-feat-13 .owl-dots { position: absolute; top: 0; right: 0; bottom: 0; display: flex; flex-flow: column nowrap; justify-content: center; width: 35%; max-width: 350px; padding-right: 40px; text-align: right; } .ct-nav-holder .ruby-dot { padding: 0 20px; } .ct-nav-holder .nav-image { left: 100%; opacity: 0; } .ruby-dot { opacity: .3; } .ruby-dot:hover .ct-nav-holder .nav-image { left: 0; opacity: 1; } .p-grid-w1 .entry-title > * { font-size: .92em; } .sbox-form.search-form { max-width: 700px; } .sbox-form input[type='search'] { font-size: 1rem; line-height: 42px; } .rb-mailchimp { padding-top: 60px; padding-bottom: 60px; } .mc-desc span { font-size: 1.1rem; } .rb-mailchimp .mc4wp-form-fields { display: flex; align-items: center; flex-flow: row nowrap; justify-content: center; } .rb-mailchimp .mc4wp-form-fields input { margin: 0; } .rb-mailchimp .mc4wp-form-fields input { font-size: 1rem; line-height: 32px; } .rb-mailchimp .mc4wp-form-fields input[type='submit'], .subscribe-layout-3 .subscribe-box .subscribe-form input[type='submit'] { font-size: 1rem; line-height: 52px; margin-left: 5px; } .widget-mc .mc4wp-form-fields input { margin-left: 5px; } .widget-mc .mc4wp-form-fields input:first-child { margin-left: 0; } .rb-mailchimp .mc4wp-form-fields input { max-width: 400px; } .bookmark-list { min-height: 40vh; } .widget-social-icon .social-icon-wrap { margin-top: 15px; } .fw-feat-17 .widget-title { margin-bottom: 30px; } .fw-feat-17 .sub-inner { padding-left: 30px; } .fw-feat-17 .p-overlay-1 .rb-iwrap { padding-bottom: 56.25%; } .rnav-section { margin-left: 10px; } .p-grid-7.is-padding:not(.no-feat) > *:not(.p-feat-holder) { padding-right: 30px; padding-left: 30px; } .p-podcast-wrap .single-feat .rb-iwrap { height: 440px; } .p-podcast-wrap .rb-col-t7.col-right { padding-top: 15px; padding-right: 40px; padding-bottom: 15px; } .p-podcast-wrap .rb-col-m12.rb-col-t5.col-left { padding-left: 40px; } .subscribe-layout-3 .subscribe-box .subscribe-form { flex: 0 0 50%; width: 50%; } .subscribe-layout-3 .subscribe-box .subscribe-content { flex: 0 0 50%; width: 50%; padding-right: 60px; text-align: left; } .fw-feat-18:before, [data-theme='dark'] .block-wrap.fw-feat-18:before { position: absolute; z-index: 1; top: 0; right: 0; bottom: auto; left: 0; height: 120px; content: ''; pointer-events: none; background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)) !important; } .single-podcast .single-header { padding-top: 50px; padding-bottom: 50px; } } @media (min-width: 1025px) { .col-border.rb-col-1 > .content-inner > *:after, .col-border.rb-col-2 > .content-inner > *:nth-child(2n):after, .col-border.rb-col-3 > .content-inner > *:nth-child(3n):after, .col-border.rb-col-4 > .content-inner > *:nth-child(4n):after, .col-border.rb-col-5 > .content-inner > *:nth-child(5n):after, .col-border.rb-col-6 > .content-inner > *:nth-child(6n):after, .col-border.rb-col-7 > .content-inner > *:nth-child(7n):after { border-right: none; } .rb-col-2.no-last-bb .content-inner > *:nth-last-child(1), .rb-col-2.no-last-bb .content-inner > *:nth-last-child(2), .rb-col-3.no-last-bb .content-inner > *:nth-last-child(1), .rb-col-3.no-last-bb .content-inner > *:nth-last-child(2), .rb-col-3.no-last-bb .content-inner > *:nth-last-child(3), .rb-col-4.no-last-bb .content-inner > *:nth-last-child(1), .rb-col-4.no-last-bb .content-inner > *:nth-last-child(2), .rb-col-4.no-last-bb .content-inner > *:nth-last-child(3), .rb-col-4.no-last-bb .content-inner > *:nth-last-child(4), .rb-col-5.no-last-bb .content-inner > *:nth-last-child(1), .rb-col-5.no-last-bb .content-inner > *:nth-last-child(2), .rb-col-5.no-last-bb .content-inner > *:nth-last-child(3), .rb-col-5.no-last-bb .content-inner > *:nth-last-child(4), .rb-col-5.no-last-bb .content-inner > *:nth-last-child(5), .rb-col-6.no-last-bb .content-inner > *:nth-last-child(1), .rb-col-6.no-last-bb .content-inner > *:nth-last-child(2), .rb-col-6.no-last-bb .content-inner > *:nth-last-child(3), .rb-col-6.no-last-bb .content-inner > *:nth-last-child(4), .rb-col-6.no-last-bb .content-inner > *:nth-last-child(5), .rb-col-6.no-last-bb .content-inner > *:nth-last-child(6), .rb-col-7.no-last-bb .content-inner > *:nth-last-child(1), .rb-col-7.no-last-bb .content-inner > *:nth-last-child(2), .rb-col-7.no-last-bb .content-inner > *:nth-last-child(3), .rb-col-7.no-last-bb .content-inner > *:nth-last-child(4), .rb-col-7.no-last-bb .content-inner > *:nth-last-child(5), .rb-col-7.no-last-bb .content-inner > *:nth-last-child(6), .rb-col-7.no-last-bb .content-inner > *:nth-last-child(7) { padding-bottom: 0; --bottom-border-color: transparent; } .has-desktop-menu #off-canvas-menu, .off-canvas-trigger.desktop-disabled { display: none; } } @media (max-width: 1024px) { .is-hoz-scroll .content-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 .content-inner::-webkit-scrollbar { display: none; } .is-hoz-scroll .content-inner::webkit-scrollbar-thumb { display: none; } .is-hoz-scroll .content-inner > * { min-width: var(--tablet-scroll-width, 40%); max-width: var(--tablet-scroll-width, 40%); } #desktop-off-canvas-menu, .is-hoz-scroll.bottom-border .content-inner > *:before { display: none; } } /* -------------------------------------------------------------- 6.0 - Screen width bigger or equal 1200px */ @media only screen and (min-width: 1200px) { .single-3 h1.single-title, .single-2 h1.single-title { font-size: 3.2rem; max-width: 900px; } .fw-feat-4 .entry-title > * { font-size: 1.1em; } .instagram-box.box-intro .box-content span { display: block; } .block-header-4 .block-header { margin-bottom: 25px; } .bookmark-empty { display: flex; flex-flow: column nowrap; justify-content: center; min-height: 30vh; text-align: center; } .header-8 .navbar-left, .header-8 .nav-right { min-width: 200px; } } @media only screen and (min-width: 1400px) { .fw-feat-2 .rb-sh { height: 500px; } .fw-feat-18 .rb-sh { height: 600px; } } /* -------------------------------------------------------------- 7.0 - Screen width less than or equal 600px and others */ @media only screen and (max-width: 600px) { .admin-bar .is-stick .navbar-wrap { top: 0 !important; } } @media only screen and (min-width: 601px) { body.admin-bar .section-sticky-holder.is-show { top: 32px !important; } } @media only screen and (max-width: 782px) { .admin-bar .off-canvas-wrap { top: 46px; } } @media only screen and (max-width: 320px) { .sponsor-label { display: none; } } @media screen and (min-width: 992px) { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { max-width: 100%; } [class^='rb-col'] > .p-wrap, [class*='rb-col'] > .p-wrap { width: 100%; } .rb-newsletter-popup .newsletter-cover, .rb-newsletter-popup .newsletter-content { max-width: 50%; } .citem-list .citem-feat { position: relative; overflow: hidden; } .fw-category-1 .cat-list-header { display: block; } .rb-newsletter-popup .rb-newsletter-inner, .rb-newsletter-popup .rb-newsletter .rb-newsletter-inner { width: 100%; } .block-wrap .rb-newsletter .rb-newsletter-inner { width: 560px; } .block-wrap.rb-newsletter.layout-1 .rb-newsletter .rb-newsletter-inner { max-width: none; } .subscribe-box .mc4wp-form-fields input[type='text'], .subscribe-box .mc4wp-form-fields input[type='email'] { width: 325px; height: 46px; } .parallax-thumb .rb-iwrap img, .parallax-thumb .rb-iwrap.autosize img { position: absolute; top: auto; right: -9999px; bottom: auto; left: -9999px; width: auto; min-width: 100%; max-width: none; height: auto; min-height: 100%; margin: 0 auto; } .ct-nav-holder .nav-image img { width: auto; min-width: 100%; height: auto; min-height: 100%; } .statics-el.rb-p20-gutter { padding: 0; } .statics-el.rb-p20-gutter .inner { margin-right: 20px; margin-left: 20px; } .country-confirmed, .country-dcount { padding: 15px 0; } .p-grid-3 .p-meta-info, .fw-feat-6 .p-overlay-4 .p-meta-info, .p-overlay-9 .p-meta-info, .p-list-3 .p-meta-info { align-items: stretch; } .p-list-1 .p-footer, .p-list-9 .p-footer { flex: 0 0 100%; } .rb-newsletter-popup .newsletter-cover { position: relative; } .rb-newsletter-popup .newsletter-cover img { position: absolute; top: auto; right: -9999px; bottom: auto; left: -9999px; width: auto; min-width: 100%; max-width: 130%; height: auto; min-height: 100%; margin: 0 auto; } .sub-menu-image { overflow: hidden; } .rbc-content-section .rbc-sidebar { display: block; } .sub-menu-image img { position: absolute; top: auto; right: -9999px; bottom: auto; left: -9999px; width: auto; min-width: 100%; max-width: 135%; height: auto; min-height: 100%; margin: 0 auto; } .p-wrap .entry-summary, .rb-sdecs, .twitter-content.entry-summary, .p-content-inner, .p-content-wrap, .p-header { max-width: 100%; } [class^='rb-col'] > .p-wrap, [class*='rb-col'] > .p-wrap { width: 100%; } .box-nav .nav-el { max-width: 50%; } .p-url, .p-wrap .p-url { -ms-word-wrap: break-word; } .p-classic .p-feat-holder, .single-1 .single-feat { -ms-flex-direction: row; } .box-nav .nav-right .nav-label { text-align: right; } .layout-default .grid-el { padding: 0; } .p-grid-5.no-avatar .p-footer { width: 100%; } .p-grid-5.no-avatar .p-footer .p-meta-info { justify-content: center; } .block-header { flex: none; } .layout-default .instagram-box { margin: 5px; } .layout-grid:not(.is-wide) .grid-holder { display: -ms-grid; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: 145px; grid-template-areas: 'e2 e2 e1 e1 e3 e3 e4 e5' 'e2 e2 e6 e7 e3 e3 e8 e8'; } .layout-grid.grid-fmasonry.is-wide .grid-holder { display: -ms-grid; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: 188px; grid-template-areas: 'e1 e2 e2 e9 e9 e3 e3 e4 e5 e11' 'e10 e2 e2 e6 e7 e3 e3 e8 e8 e11'; } .rb-masonry { -ms-grid-column-align: stretch; } .layout-grid:not(.is-wide) .rb-masonry:nth-child(1) { grid-area: e1; -ms-grid-column-align: stretch; -ms-grid-row: 1; -ms-grid-column: 3; -ms-grid-column-span: 2; } .layout-grid:not(.is-wide) .rb-masonry:nth-child(2) { grid-area: e2; -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; } .layout-grid:not(.is-wide) .rb-masonry:nth-child(3) { grid-area: e3; -ms-grid-row: 1; -ms-grid-column: 5; -ms-grid-column-span: 2; } .layout-grid:not(.is-wide) .rb-masonry:nth-child(4) { grid-area: e4; -ms-grid-row: 1; -ms-grid-column: 7; -ms-grid-column-span: 1; } .layout-grid:not(.is-wide) .rb-masonry:nth-child(5) { grid-area: e5; -ms-grid-row: 1; -ms-grid-column: 8; -ms-grid-column-span: 1; } .layout-grid:not(.is-wide) .rb-masonry:nth-child(6) { grid-area: e6; -ms-grid-row: 2; -ms-grid-column: 3; -ms-grid-column-span: 1; } .layout-grid:not(.is-wide) .rb-masonry:nth-child(7) { grid-area: e7; -ms-grid-row: 2; -ms-grid-column: 4; -ms-grid-column-span: 1; } .layout-grid:not(.is-wide) .rb-masonry:nth-child(8) { grid-area: e8; -ms-grid-row: 2; -ms-grid-column: 7; -ms-grid-column-span: 2; } .layout-grid.is-wide .rb-masonry:nth-child(1) { grid-area: e1; -ms-grid-column-align: stretch; -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; } .layout-grid.is-wide .rb-masonry:nth-child(2) { grid-area: e2; -ms-grid-row: 1; -ms-grid-column: 2; -ms-grid-column-span: 2; } .layout-grid.is-wide .rb-masonry:nth-child(6) { grid-area: e6; -ms-grid-row: 2; -ms-grid-column: 4; -ms-grid-column-span: 1; } .layout-grid.is-wide .rb-masonry:nth-child(7) { grid-area: e7; -ms-grid-row: 2; -ms-grid-column: 5; -ms-grid-column-span: 1; } .layout-grid.is-wide .rb-masonry:nth-child(3) { grid-area: e3; -ms-grid-row: 1; -ms-grid-column: 6; -ms-grid-column-span: 2; } .layout-grid.is-wide .rb-masonry:nth-child(4) { grid-area: e4; -ms-grid-row: 1; -ms-grid-column: 8; -ms-grid-column-span: 1; } .layout-grid.is-wide .rb-masonry:nth-child(5) { grid-area: e5; -ms-grid-row: 1; -ms-grid-column: 9; -ms-grid-column-span: 1; } .layout-grid.is-wide .rb-masonry:nth-child(8) { grid-area: e8; -ms-grid-row: 2; -ms-grid-column: 8; -ms-grid-column-span: 2; } .layout-grid.is-wide .rb-masonry:nth-child(9) { grid-area: e9; -ms-grid-row: 1; -ms-grid-column: 4; -ms-grid-column-span: 2; } .layout-grid.is-wide .rb-masonry:nth-child(11) { grid-area: e11; -ms-grid-row: 1; -ms-grid-column: 10; -ms-grid-column-span: 1; } .rb-masonry:nth-child(10) { grid-area: e10; -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; } .layout-grid.is-wide :nth-child(11).rb-masonry img { width: auto; max-width: 220%; } .footer-widget-inner > * { padding-right: 0; padding-left: 0; } .footer-widget-inner .rb-p20-gutter .widget { padding-right: 20px; padding-left: 20px; } .deals-inner > * { padding-right: 0; padding-left: 0; } .deals-inner .deal-module { padding-right: 15px; padding-left: 15px; } .fw-block.fw-masonry-1 .fw-ms-1:nth-child(4n+1), .fw-block.fw-masonry-1 .fw-mh-1:nth-child(4n+1) { clear: both; } .ibox-thumb { overflow: hidden; } .ibox-thumb img { width: 100%; } .ibox .ibox-title { margin-top: 10px; } .block-heading.is-center .hbox-title, .block-heading.is-center .hbox-description { width: 770px; } .fw-category-2 .cat-list-header { display: block; width: 270px; } .feat-6-content-wrap { position: absolute; top: 50%; right: 0; left: 0; } .feat-6-content { position: absolute; top: 0; right: 0; bottom: 100%; } .p-url:hover, .p-url:focus, .p-wrap .p-url:hover, .p-wrap .p-url:focus { text-decoration: underline; } } .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; } .dark-opacity[data-theme='dark'] .rb-iwrap { background-color: #000; } .dark-opacity[data-theme='dark'] .rb-iwrap img, .dark-opacity[data-theme='dark'] .wp-post-image { opacity: .7; } #amp-menu-section .off-canvas-holder { width: 320px; } .amp-menu a { display: block; padding-top: 10px; padding-bottom: 10px; } .amp-menu.off-canvas-menu .sub-menu { display: block; padding-bottom: 0; } .amp-ad-wrap { display: block; text-align: center; } .header-amp-ad { background-color: rgba(0, 0, 0, .02); } .top-single-amp-ad, .bottom-single-amp-ad { margin-bottom: 1em; padding: 0; } .bottom-single-amp-ad { margin-top: 1em; margin-bottom: 0; } .amp-back-top { font-size: 14px; line-height: 44px; display: block; width: 120px; height: 44px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; } @font-face { font-family: 'ruby-icon'; font-display: swap; src: url('../fonts/ruby-icon.woff2?v=10.7') format('woff2'); font-weight: normal; font-style: normal; }
Copyright ©2021 || Defacer Indonesia