.mfp-bg {
position: fixed;
top: 0;
left: 0;
z-index: 9840;
overflow: hidden;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
}
.mfp-hide {
display: none !important;
}
.mfp-wrap {
position: fixed;
top: 0;
left: 0;
z-index: 9845;
width: 100%;
height: 100%;
outline: none !important;
}
.mfp-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
display: -webkit-flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
text-align: center;
align-items: 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;
vertical-align: middle;
text-align: left;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-preloader {
position: absolute;
top: 50%;
right: 8px;
left: 8px;
z-index: 1044;
margin-top: -0.8em;
width: auto;
color: #cccccc;
text-align: center;
}
.mfp-preloader a {
color: #cccccc;
}
.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 {
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: auto;
z-index: 99999;
display: block;
overflow: visible;
padding: 0;
width: 50px;
height: 50px;
outline: none;
border: 0;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none;
box-shadow: none;
font-weight: lighter;
font-size: 18px;
line-height: 50px;
cursor: pointer;
}
.is-light-text .mfp-close {
background-color: transparent;
}
.mfp-close:hover,
.is-light-text .mfp-close:hover {
background-color: #ff8763;
color: #fff;
}
.mfp-close *,
.mfp-arrow * {
pointer-events: none !important;
}
.mfp-counter {
color: #fff;
font-size: .875rem;
opacity: .5;
} .mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
max-width: 900px;
width: 100%;
line-height: 0;
}
.mfp-iframe-scaler {
overflow: hidden;
padding-top: 56.25%;
width: 100%;
height: 0;
}
.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 {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 10px 0;
max-width: 100%;
width: auto;
height: auto;
line-height: 0;
-webkit-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
-moz-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
-ms-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
-o-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;
-webkit-backface-visibility: hidden;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
position: absolute;
top: 40px;
right: 0;
bottom: 40px;
left: 0;
z-index: -1;
display: block;
width: auto;
height: auto;
content: '';
}
.mfp-figure small {
display: block;
color: #bdbdbd;
font-size: 12px;
line-height: 14px;
}
.mfp-bottom-bar {
position: absolute;
top: 100%;
left: 0;
margin-top: -36px;
width: 100%;
cursor: auto;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-figure img {
cursor: pointer;
}
@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;
-webkit-box-sizing: border-box;
-moz-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 {
position: fixed;
top: 0;
right: 0;
padding: 0;
width: 35px;
height: 35px;
background: rgba(0, 0, 0, 0.6);
text-align: center;
line-height: 35px;
}
}
@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%;
margin-top: 5px;
margin-left: -300px;
padding-bottom: 5px;
width: 600px;
}
.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 {
opacity: 0;
-webkit-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
-moz-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
-ms-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
-o-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
}
.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 {
opacity: 0;
-webkit-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
-moz-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
-ms-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
-o-transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
transition: all .5s cubic-bezier(0.32, 0.74, 0.57, 1);
}
.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;
display: -webkit-flex;
margin: auto;
max-width: 760px;
max-height: 90vh;
width: 100%;
height: 480px;
background-color: #fff;
flex-grow: 1;
}
.rb-newsletter-popup .rb-newsletter {
display: block;
width: 100%;
height: 100%;
}
.newsletter-cover img {
width: 100%;
height: 100%;
object-fit: cover;
-webkit-object-fit: cover;
}
.rb-newsletter-popup .rb-newsletter-inner,
.rb-newsletter-popup .rb-newsletter .rb-newsletter-inner {
display: flex;
display: -webkit-flex;
margin-right: 0;
margin-left: 0;
max-width: 100%;
height: 100%;
flex-flow: row nowrap;
align-content: stretch;
}
.rb-newsletter-popup .newsletter-cover,
.rb-newsletter-popup .newsletter-content {
display: flex;
display: -webkit-flex;
width: 50%;
flex: 0 0 50%;
}
.rb-newsletter-popup .newsletter-cover {
overflow: hidden;
background-color: rgba(0, 0, 0, .07);
}
.rb-newsletter .newsletter-content {
padding: 30px;
text-align: center;
flex-flow: column nowrap;
justify-content: center;
align-content: center;
}
.rb-newsletter input.newsletter-email {
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
padding-right: 0;
padding-left: 0;
width: 100%;
border: none;
border-bottom: 2px solid currentColor !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
background: none;
text-align: center;
}
.rb-newsletter-popup input.newsletter-email {
width: 80%;
}
.rb-newsletter h4 {
margin-bottom: 10px;
font-size: 1.3rem;
}
.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) {
width: 100%;
flex: 1;
}
.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 {
display: inline-block;
margin: 0 7px 0 0;
margin-right: 7px;
padding: 1px;
width: .8rem;
height: .8rem;
border: 1px solid #777;
-webkit-border-radius: 2px;
border-radius: 2px;
color: transparent;
content: "\2714";
vertical-align: middle;
font-size: 10px;
line-height: 1;
-webkit-transition: all .15s cubic-bezier(0.32, 0.74, 0.57, 1);
-moz-transition: all .15s cubic-bezier(0.32, 0.74, 0.57, 1);
-ms-transition: all .15s cubic-bezier(0.32, 0.74, 0.57, 1);
-o-transition: all .15s cubic-bezier(0.32, 0.74, 0.57, 1);
transition: all .15s cubic-bezier(0.32, 0.74, 0.57, 1);
}
input[type="checkbox"] + label:active:before {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
input[type="checkbox"].newsletter-checkbox:checked + label:before {
border-color: #ff8763;
background-color: #ff8763;
color: #fff;
}
input[type="checkbox"].newsletter-checkbox:disabled + label:before {
border-color: #aaa;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
input[type="checkbox"].newsletter-checkbox:checked:disabled + label:before {
border-color: #ffcfdb;
background-color: #ffcfdb;
color: #fff;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.widget-area .widget .newsletter-desc p,
.rb-newsletter input.newsletter-email {
font-size: .9rem;
}
.newsletter-inner-cover {
display: block;
overflow: hidden;
margin: 20px auto;
max-width: 100%;
}
.response-notice {
position: fixed;
right: 20px;
bottom: 40px;
display: none;
padding: 10px 40px;
min-width: 300px;
background-color: #333;
-webkit-box-shadow: 1px 7px 15px rgba(0, 0, 0, .15);
box-shadow: 1px 7px 15px rgba(0, 0, 0, .15);
color: #fff;
white-space: nowrap;
font-size: .875rem;
opacity: 0;
-webkit-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-moz-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-ms-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-o-transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
transition: opacity .3s cubic-bezier(0.32, 0.74, 0.57, 1);
}
.response-notice.showing {
opacity: 1;
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.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 {
background-color: rgba(0, 0, 0, .07);
color: #333;
}
#rb-close-newsletter:hover {
background-color: #ff8763;
color: #fff;
}
.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;
padding-bottom: 60px;
width: 100%;
}
.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;
margin-left: -100px;
width: 200px;
height: 10px;
background-color: transparent;
background-image: radial-gradient(currentColor 1px, transparent 1px);
background-position: 1px 1px;
background-size: 5px 5px;
content: '';
opacity: .25;
}
.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 {
margin-right: auto;
margin-bottom: 50px;
margin-left: auto;
max-width: 900px;
}
.rb-gallery-wrap {
padding-right: 10px;
padding-left: 10px;
}
.rb-gallery-el {
display: block;
float: left;
padding: 10px;
width: 33.33%;
}
.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;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-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 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
display: flex;
display: -webkit-flex;
visibility: hidden;
background-color: rgba(0, 0, 0, .5);
color: #fff;
content: "\e88c";
font-size: 30px;
font-family: ruby-icon;
line-height: 1;
opacity: 0;
-webkit-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-moz-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-ms-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-o-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;
justify-content: center;
align-items: center;
}
.rb-gallery-link:hover:after,
.rb-gallery-link:focus:after {
visibility: visible;
opacity: 1;
}
.gallery-shares {
display: block;
margin-top: 50px;
text-align: center;
font-size: 18px;
}
.gallery-shares a {
display: inline-block;
margin: 0 4px;
height: 42px;
width: 42px;
line-height: 42px;
background-color: rgba(0, 0, 0, .07);
}
.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 {
width: 42px;
height: 42px;
font-size: 15px;
line-height: 42px;
}
} .read-it-later {
visibility: hidden;
opacity: 0;
cursor: pointer;
-webkit-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-moz-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-ms-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-o-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
}
.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 {
padding-left: 2px;
font-size: .75em;
line-height: 1;
}
.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;
display: -webkit-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;
}
}
@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;
}
}
.p-classic .p-feat,
.single-1 .single-feat .rb-iwrap {
flex-grow: 1;
flex-basis: 100%;
} .rb-lazyload {
-webkit-transition: opacity .5s cubic-bezier(0, 0.76, 0.44, 0.95);
-moz-transition: opacity .5s cubic-bezier(0, 0.76, 0.44, 0.95);
-o-transition: opacity .5s cubic-bezier(0, 0.76, 0.44, 0.95);
transition: opacity .5s cubic-bezier(0, 0.76, 0.44, 0.95);
will-change: opacity;
}
.rb-lazyload:not(.loaded) {
opacity: 0.1;
}
.rb-lazyload.loaded {
opacity: 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%;
}
}
.is-lazyload .rb-iwrap:before,
.is-lazyload .rb-ithumb:before {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: '';
width: 100%;
height: 100%;
transition: 0.3s;
background: linear-gradient(-90deg, #ccc 0%, #fafafa 50%, #ccc 100%);
background-size: 400% 400%;
-webkit-animation: rbShine 1.4s infinite;
animation: rbShine 1.5s infinite;
opacity: 0.8;
}
.rb-iwrap.lazy-loaded:before,
.rb-ithumb.lazy-loaded:before {
display: none !important;
} .rb-reaction {
display: flex;
display: -webkit-flex;
margin-right: auto;
margin-left: auto;
max-width: 700px;
flex-flow: row nowrap;
justify-content: space-between;
}
.reaction {
position: relative;
max-width: 85px;
cursor: pointer;
flex: 0 0 85px;
}
.reaction-content {
display: block;
padding-top: 5px;
padding-bottom: 5px;
background-color: transparent;
-webkit-transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1);
-moz-transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1);
-ms-transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1);
-o-transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1);
transition: all .3s cubic-bezier(0.36, 0.8, 0.41, 1);
}
.reaction.active .reaction-content {
border-color: #f9d045;
}
.reaction-content .reaction-icon {
display: block;
margin: auto;
padding-right: 20px;
padding-left: 20px;
width: 100%;
height: auto;
-webkit-transition: transform .3s cubic-bezier(0.36, 0.8, 0.41, 1);
-moz-transition: transform .3s cubic-bezier(0.36, 0.8, 0.41, 1);
-ms-transition: transform .3s cubic-bezier(0.36, 0.8, 0.41, 1);
-o-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);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
will-change: transform;
}
.reaction:hover .reaction-icon {
-webkit-transform: scale(1.4) rotate(-20deg);
-moz-transform: scale(1.4) rotate(-20deg);
-ms-transform: scale(1.4) rotate(-20deg);
-o-transform: scale(1.4) rotate(-20deg);
transform: scale(1.4) rotate(-20deg);
}
.reaction-content svg {
max-width: 100%;
height: auto;
}
.reaction-title.h6 {
display: block;
margin-top: 5px;
text-align: center;
white-space: nowrap;
font-size: 13px;
}
.total-wrap {
display: block;
background-color: rgba(0, 0, 0, .025);
text-align: center;
font-weight: 700;
font-size: 1rem;
line-height: 1.5
}
.reaction.active .total-wrap {
background-color: #f9d045;
color: #fff;
}
.reaction:before {
content: '';
opacity: 0;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-ms-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
pointer-events: none;
}
.reaction.loading:before {
position: absolute;
top: 6px;
right: 6px;
bottom: auto;
left: auto;
display: block;
width: auto;
height: 18px;
color: #f9d045;
content: "\e97c";
letter-spacing: 0;
font-size: 18px;
font-family: 'ruby-icon' !important;
line-height: 18px;
opacity: 1;
-webkit-transform-origin: center;
transform-origin: center;
animation: reaction-spinner 2s linear infinite;
will-change: transform;
}
@keyframes reaction-spinner {
to {
transform: rotate(360deg);
-webkit-tranform: rotate(360deg);
}
} .deals-wrap {
display: block;
position: relative;
}
.deals-inner {
display: flex;
display: -webkit-flex;
flex-flow: row wrap;
margin-left: -15px;
margin-right: -15px;
margin-bottom: -30px;
flex-grow: 1;
}
.deals-inner > * {
flex: 0 0 100%;
display: flex;
display: -webkit-flex;
width: 100%;
padding: 0 15px;
}
.deal-module {
display: block;
position: relative;
margin-bottom: 30px;
width: 100%;
}
.deal-module .inner {
background-color: rgba(0, 0, 0, .02);
padding: 25px 20px;
}
.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;
display: flex;
display: -webkit-flex;
top: 15px;
flex-flow: column nowrap;
left: 0;
right: auto;
bottom: auto;
z-index: 10;
}
.card-label span,
.coupon-label span {
color: #fff;
background-color: #4ca695;
padding: 7px 20px;
line-height: 1;
white-space: nowrap;
display: inline-flex;
display: -webkit-inline-flex;
text-align: center;
align-items: center;
}
.coupon-label span {
margin-top: 5px;
background-color: #826abc;
cursor: -webkit-grab;
cursor: grab;
}
.coupon-label i {
margin-right: 5px;
font-size: 12px;
line-height: 1;
}
.deal-link {
display: block;
position: relative;
padding-top: 25px;
}
.deal-link .p-link span {
white-space: normal;
line-height: 1.2;
font-size: 1.15em;
}
.deal-link:before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 10px;
background-color: transparent;
background-image: radial-gradient(currentColor 1px, transparent 1px);
background-position: 1px 1px;
background-size: 5px 5px;
content: '';
opacity: .2;
}
.deal-title {
display: block;
margin-bottom: 15px;
}
.deal-module .deal-description {
margin-top: 0;
margin-bottom: 15px;
font-size: .85rem;
}
.deal-module .deal-description > *:last-child {
margin-bottom: 0;
}
.ele-round .deal-module {
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
} .statics-inner {
display: flex;
display: -webkit-flex;
flex-flow: row wrap;
margin-bottom: -20px;
}
.statics-el {
display: flex;
display: -webkit-flex;
min-width: 33.33%;
flex: 0 0 33.33%;
}
.rb-covid-statics.is-cols-2 .statics-el {
min-width: 50%;
flex: 0 0 50%;
}
.rb-covid-statics.is-cols-1 .statics-el {
min-width: 100%;
flex: 0 0 100%;
}
.rb-covid-statics.is-cols-4 .statics-el {
min-width: 25%;
flex: 0 0 25%;
}
.rb-covid-statics.is-cols-5 .statics-el {
min-width: 20%;
flex: 0 0 20%;
}
.statics-el .inner {
display: flex;
display: -webkit-flex;
background-color: rgba(0, 0, 0, .02);
flex-grow: 1;
flex-flow: row wrap;
margin-bottom: 20px;
border-radius: 2px;
-webkit-border-radius: 2px;
}
.country-name span:before {
content: '';
display: inline-block;
height: 8px;
width: 8px;
margin-right: 7px;
background-color: currentColor;
border-radius: 100%;
opacity: .4;
}
.country-name {
display: flex;
display: -webkit-flex;
padding: 7px 15px;
background-color: rgba(0, 0, 0, .05);
flex: 0 0 100%;
}
.country-confirmed, .country-dcount {
display: flex;
display: -webkit-flex;
flex: 0 0 50%;
flex-flow: column wrap;
flex-grow: 1;
align-items: center;
padding: 15px;
position: relative;
}
.country-dcount:before {
content: '';
height: 100%;
width: 1px;
left: 0;
top: 0;
opacity: .07;
position: absolute;
background: currentColor;
}
.statics-el:not(:first-child) .country-confirmed .counter span {
color: #2f77ff;
}
.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 {
background-color: #ff8763;
color: #fff;
}
.statics-el:first-child .inner * {
color: inherit;
}
.is-light-text .statics-el:not(:first-child) .inner {
background-color: rgba(255, 255, 255, .07);
}
.ele-round .statics-el .inner {
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
}
.rb-covid-statics .date-info {
display: block;
width: 100%;
margin-top: 10px;
text-align: right;
} .rb-categories {
display: block;
position: relative;
}
.rb-categories .inner,
.rb-users .inner {
display: flex;
display: -webkit-flex;
flex-flow: row wrap;
}
.rb-categories .inner > *,
.rb-users .inner > * {
display: flex;
display: -webkit-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-left: -10px;
margin-right: -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-left: 10px;
padding-right: 10px;
}
.rb-citem {
display: flex;
display: -webkit-flex;
flex-flow: row nowrap;
margin-bottom: 40px;
position: relative;
flex: 0 0 100%;
}
.citem-list .citem-feat {
display: flex;
display: -webkit-flex;
flex: 0 0 250px;
max-width: 50%;
}
.citem-feat > * {
display: block;
width: 100%;
height: auto;
}
.citem-list .citem-content {
display: flex;
display: -webkit-flex;
flex-grow: 1;
display: flex;
flex-flow: row wrap;
align-content: flex-start;
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 {
padding-bottom: 100%;
border-radius: 100%;
-webkit-border-radius: 100%;
overflow: hidden;
transform: translateZ(0);
}
.layout-grid.circled .citem-content {
text-align: center;
}
.citem-feat img {
-webkit-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-moz-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-ms-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
-o-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;
display: -webkit-flex;
width: 100%;
margin-top: 0;
margin-bottom: 30px;
}
.rb-users {
margin-bottom: 10px;
} @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 {
margin-top: 5px;
font-size: 11px;
}
.reaction-content {
padding-right: 2px;
padding-bottom: 2px;
}
.reaction-content .reaction-icon {
padding-right: 2px;
padding-left: 2px;
width: 40px;
}
.gallery-shares {
margin-top: 30px;
font-size: 16px;
}
.gallery-shares a {
margin: 0 2px;
height: 32px;
width: 32px;
line-height: 32px;
}
.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%;
}
}
@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%;
}
}