File: /var/www/html/www.winghung.com/wp-content/themes/zeen/assets/css/style-mobile-rtl.css
@charset "UTF-8";
/*!
Theme Name: Zeen
Theme URI: https://themeforest.net/item/zeen-next-generation-magazine-wordpress-theme/22709856
Description: A next generation WordPress theme with everything you need to take your site to the next level.
Version: 4.2.4
Author: Codetipi
Author URI: https://codetipi.com
Text Domain: zeen
*/
/*------------------------------------------------------------------
[1. Basics]
*/
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
li,
summary {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
ol,
dl,
ul {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
}
strong {
font-weight: bold;
}
a,
button {
color: inherit;
}
a, ins {
text-decoration: none;
}
button {
overflow: visible;
border: 0;
font: inherit;
-webkit-font-smoothing: inherit;
letter-spacing: inherit;
background: none;
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border: 0;
}
:focus {
outline: 0;
}
picture {
display: block;
}
img {
max-width: 100%;
height: auto;
border: 0;
}
pre {
overflow: auto;
}
.xdebug-var-dump {
white-space: pre-wrap;
}
code,
tt,
kbd,
pre,
samp {
color: #555;
padding: 3px 5px;
font-size: .8666666em;
background-color: #cce7ff;
}
kbd {
background: #111;
border-radius: 2px;
color: #fff;
padding: 4px 8px;
margin: 0 5px;
}
code,
tt,
kbd,
pre,
var,
samp {
font-family: "Roboto Mono",Monaco,courier,monospace;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
* {
box-sizing: border-box;
}
ul ul, ol ol, ul ol, ol ul {
margin-top: 0;
margin-bottom: 0;
}
hr {
height: 1px;
background: #111;
margin: -1px 0 30px;
border: 0;
}
b, strong, em, small {
line-height: 1;
}
sup {
line-height: 0;
position: relative;
vertical-align: baseline;
top: -0.5em;
}
sub {
bottom: -0.25em;
}
blockquote, q {
margin: 45px 0;
font-weight: 400 !important;
width: 80%;
margin-right: 10%;
line-height: 1.5;
position: relative;
}
blockquote:before, q:before {
content: '\e244';
font-family: 'tipi';
font-style: normal;
position: absolute;
right: -10%;
transform: scale(-1, 1);
}
blockquote cite, blockquote + p cite, q cite, q + p cite {
font-size: 12px;
display: block;
margin-top: 0.7em;
margin-bottom: 1.4em;
}
.rtl blockquote:before, .rtl q:before {
transform: none;
}
.block-wrap-quote blockquote {
margin-bottom: 0;
margin-top: 0;
}
.wp-block-pullquote, .wp-block-quote.is-large {
padding-right: 40px;
}
.wp-block-pullquote blockquote, .wp-block-quote.is-large blockquote {
margin: 0;
width: 100%;
}
.wp-block-pullquote:before, .wp-block-quote.is-large:before {
right: 0;
}
.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
text-align: right;
max-width: 40%;
padding: 0;
}
.wp-block-pullquote.alignleft {
padding-right: 0;
text-align: right;
}
.wp-block-pullquote.alignright {
text-align: left;
}
.wp-block-pullquote.alignright blockquote {
padding-right: 30px;
}
.wp-block-pullquote.alignright blockquote:before {
right: 0;
}
.wp-block-quote.is-large {
width: 100%;
}
q {
font-size: 1em;
margin: 30px 30px 30px 10px;
}
cite {
font-style: italic;
}
dt {
margin-bottom: 15px;
}
dd {
padding: 0 15px 15px 0;
}
acronym {
border-bottom: 1px dotted #888;
cursor: help;
}
table {
width: 100%;
margin-bottom: 30px;
}
table th, table .shipping {
font-weight: inherit;
}
table td, table th {
border-top: 1px solid #f1f1f1;
padding: 15px 10px;
}
ol, ul {
list-style-position: inside;
}
ol li, ul li {
display: list-item;
}
ol li ol, ol li ul, ul li ol, ul li ul {
margin: 0 1em 0 0;
}
address {
margin-bottom: 15px;
}
ul {
list-style: none;
}
.entry-content ul, .entry-content ol, .block-html-content ul, .block-html-content ol {
margin-right: 1em;
list-style-position: outside;
margin-bottom: 1em;
}
.entry-content ul, .block-html-content ul {
list-style: disc;
}
ol {
list-style-type: decimal;
}
.zeen-widget li {
margin: 6px 0;
}
dd {
margin-right: 0;
margin-bottom: 1.5em;
}
pre {
background: #eee;
padding: 15px;
}
pre code {
background-color: inherit;
}
video, object {
max-width: 100%;
height: auto;
}
mark {
background: #eee;
padding: 3px 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.666em;
}
h3 {
font-size: 1.2em;
}
h4, h5, h6 {
font-size: 1em;
}
.single-content .entry-content h1, .single-content .entry-content h2, .single-content .entry-content h3, .single-content .entry-content h4, .single-content .entry-content h5, .single-content .entry-content h6, .meta__full h1, .meta__full h2, .meta__full h3, .meta__full h4, .meta__full h5, .meta__full h6 {
line-height: 1.2;
margin: 30px 0;
}
/* ----------------------------------------------------------------------------
* WordPress Core Styles
* ------------------------------------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
embed,
iframe,
object {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-block-embed-spotify iframe {
width: 100%;
}
.blockquote {
clear: both;
}
.video-wrap, .wp-block-embed.is-type-video:not(.is-provider-tiktok) .wp-block-embed__wrapper {
position: relative;
clear: both;
width: 100%;
padding-bottom: 56.25%;
}
.video-wrap .rll-youtube-player, .wp-block-embed.is-type-video:not(.is-provider-tiktok) .wp-block-embed__wrapper .rll-youtube-player {
padding-bottom: 0 !important;
width: 100%;
height: 100% !important;
position: absolute !important;
}
.wp-block-video video {
width: 100%;
}
.media-wrap-audio {
padding-bottom: 32px;
}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed,
.video-wrap audio,
.video-wrap video,
.wp-block-embed.is-type-video:not(.is-provider-tiktok) iframe,
.wp-block-embed.is-type-video embed,
.wp-block-embed.is-type-video object {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.wp-caption,
.gallery-caption, .blocks-gallery-caption {
font-size: 0.8125rem;
font-style: italic;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
width: 100%;
margin-right: auto;
margin-left: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.gallery {
margin-bottom: 30px;
float: right;
width: 100%;
}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
padding: 20px 10px 5px;
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25) 75%);
}
.wp-block-gallery.is-cropped .blocks-gallery-item picture {
height: 100%;
flex: 1;
object-fit: cover;
}
ul.blocks-gallery-grid {
margin: 0;
}
.wp-block-button__link {
padding-right: 30px;
padding-left: 30px;
}
.wp-block-button.aligncenter, .wp-block-button.alignnone {
opacity: 1 !important;
}
.wp-block-image .aligncenter {
margin-top: 2em;
margin-bottom: 2em;
}
.wp-block-image .aligncenter figcaption {
margin-bottom: 0;
}
.wp-block-image:first-child .align-center {
margin-top: 0;
}
.gallery-item {
float: right;
vertical-align: top;
width: 100%;
padding-left: 5px;
padding-bottom: 5px;
text-align: center;
position: relative;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.66666666666667%;
}
.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.11111%;
}
.fluidbox--ready + .blocks-gallery-item__caption {
z-index: 991;
}
.fluidbox--ready.fluidbox--opened + .blocks-gallery-item__caption {
opacity: 0;
}
.zeen-widget .gallery-columns-5 .gallery-item, .zeen-widget .gallery-columns-6 .gallery-item, .zeen-widget .gallery-columns-7 .gallery-item, .zeen-widget .gallery-columns-8 .gallery-item, .zeen-widget .gallery-columns-9 .gallery-item {
width: 25%;
}
.zeen-widget ul {
list-style: none;
}
.widget-title {
margin-bottom: 30px;
}
.gallery-icon {
line-height: 0;
}
.gallery-caption {
position: absolute;
opacity: 0;
background: rgba(0, 0, 0, 0.5);
margin-bottom: 5px;
bottom: 0;
color: #fff;
right: 0;
width: 100%;
max-height: 100%;
padding: 10px;
transition: 0.3s ease-out opacity;
}
select {
max-width: 100%;
}
.widget_categories ul {
margin: 15px 0;
}
.widget_categories ul li ol, .widget_categories ul li ul {
margin: 0 20px 0 0;
}
article.sticky .title:before {
content: "*";
padding-left: 5px;
}
.widget_rss li {
margin: 0 0 30px;
list-style-type: none;
}
.widget_rss .rsswidget {
font-weight: 700;
}
.widget_rss .rss-date {
font-size: 0.8em;
display: block;
margin: 10px 0;
}
.comment-list {
list-style-type: none;
}
.comment-list ol {
list-style-type: none;
}
.comment p {
margin-bottom: 1em;
}
.comment p:last-of-type {
margin-bottom: 0;
}
.widget_tag_cloud a {
font-weight: 700;
font-size: 10px !important;
display: inline-block;
margin: 0 0 0 10px;
letter-spacing: 2px;
text-transform: uppercase;
}
.widget_tag_cloud a:before {
content: '#';
}
.site-inner select, .site-inner .select2-container--default .select2-selection--single, .site-inner input[type="text"], .site-inner input[type="tel"], .site-inner input[type="number"], .site-inner input[type="password"], .site-inner input[type="email"], .site-inner input[type="url"], .site-inner textarea, .site-inner .woocommerce:not(.widget_product_search) button, .site-inner fieldset, .site-inner .drop-search input, .site-inner .post-password-form input[type="submit"] {
height: 48px;
background: transparent;
border: 1px solid #eee;
border-radius: 0;
letter-spacing: 0.01em;
padding: 0 15px;
color: inherit;
width: 100%;
}
.site-inner select[multiple="multiple"] {
height: auto;
}
.site-inner input[type="search"] {
background: transparent;
border: 0;
}
.site-inner input[type="submit"], .site-inner input[type="text"], .site-inner input[type="tel"], .site-inner input[type="number"], .site-inner input[type="password"], .site-inner input[type="email"], .site-inner input[type="url"], .site-inner textarea, .site-inner .woocommerce:not(.widget_product_search) button, .site-inner fieldset {
-webkit-appearance: none;
-moz-appearance: textfield;
}
.site-inner textarea {
padding: 15px;
min-height: 96px;
}
.site-inner fieldset, .site-inner textarea {
height: auto;
}
.site-inner fieldset {
margin-bottom: 30px;
}
.site-inner .post-password-form input[type="submit"] {
background: #111;
color: #fff;
}
.site-inner .post-password-form input {
margin-top: 15px;
}
.site-inner .post-password-form p:nth-child(2) {
display: flex;
align-items: flex-end;
}
.site-inner .post-password-form p:nth-child(2) label {
width: 100%;
}
.site-inner .post-password-form p:nth-child(2) input[type="submit"] {
width: 200px;
}
.skin-dark .site-inner select, .skin-dark .site-inner input[type="text"], .skin-dark .site-inner input[type="tel"], .skin-dark .site-inner input[type="number"], .skin-dark .site-inner input[type="password"], .skin-dark .site-inner input[type="email"], .skin-dark .site-inner input[type="url"], .skin-dark .site-inner textarea, .skin-dark .site-inner .woocommerce:not(.widget_product_search) button, .skin-dark .site-inner fieldset, .skin-dark .site-inner .drop-search input, .skin-dark .site-inner .post-password-form input[type="submit"] {
border: 1px solid #272727;
}
.skin-dark .site-inner .mc4wp-form-fields input[type="email"] {
border: 0;
border-bottom: 2px solid;
}
.skin-dark .site-inner .subscribe-button-2 .mc4wp-form-fields input[type="email"] {
background-color: #242528;
border: 0;
color: #fff !important;
}
.skin-dark .comment-form input:not(.submit), .skin-dark .comment-form textarea {
background: transparent;
}
.zeen-checkbox {
padding-top: 10px;
font-size: 10px;
display: flex;
width: 100%;
text-align: right;
}
.zeen-checkbox a {
text-decoration: underline;
margin-right: 3px;
}
.zeen-checkbox label {
position: relative;
cursor: pointer;
}
.zeen-checkbox label .zeen-i {
width: 12px;
margin-top: 2px;
text-align: center;
margin-left: 7px;
height: 12px;
display: inline-block;
background: #eee;
position: relative;
transition: 0.2s ease;
line-height: 12px;
border-radius: 2px;
}
.zeen-checkbox label .zeen-i:before {
border-radius: 2px;
content: "\e908";
font-family: 'tipi';
color: #fff;
font-size: 8px;
position: absolute;
top: 0;
right: 0;
width: 100%;
opacity: 0;
height: 100%;
transform: translatey(3px);
transition: 0.2s ease;
}
.zeen-checkbox input[type="checkbox"] {
position: absolute;
opacity: 0;
top: 5px;
right: 0;
height: 12px;
width: 12px;
margin: 0;
}
.zeen-checkbox input[type="checkbox"]:checked + .zeen-i {
background: #1d69d0 !important;
}
.zeen-checkbox input[type="checkbox"]:checked + .zeen-i:before {
opacity: 1;
transform: translatey(0);
}
.widget_search form, .widget_product_search form {
border: 1px solid #eee;
color: #999;
}
.widget_search form *, .widget_product_search form * {
color: #999;
}
.widget_search .search-submit, .widget_product_search .search-submit {
height: 48px;
float: left;
width: 48px;
transition: all 0.2s;
}
.widget_search .search-submit:hover, .widget_product_search .search-submit:hover {
background: rgba(255, 255, 255, 0.05);
}
.widget_search .search-field, .widget_product_search .search-field {
width: 100%;
padding: 0 20px;
}
.widget_search ::-webkit-input-placeholder, .widget_product_search ::-webkit-input-placeholder {
color: inherit;
}
.widget_search ::-moz-placeholder, .widget_product_search ::-moz-placeholder {
color: inherit;
}
.widget_search :-ms-input-placeholder, .widget_product_search :-ms-input-placeholder {
color: inherit;
}
.sb-skin-2 .widget_search form {
border: 1px solid #222;
}
#wp-calendar {
font-size: 12px;
width: auto;
}
#wp-calendar caption {
padding: 20px;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
}
#wp-calendar thead, #wp-calendar tfoot, #wp-calendar tr th {
line-height: 1;
border: 0;
font-size: 10px;
}
#wp-calendar tbody {
color: #999;
}
#wp-calendar tbody .pad {
background: transparent;
}
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid transparent;
padding: 10px;
}
#wp-calendar tbody td:hover {
opacity: 0.5;
color: #666;
}
#wp-calendar tbody a {
text-decoration: underline;
}
#wp-calendar thead {
border-bottom: 1px solid #eee;
}
#wp-calendar tr td {
padding: 15px 13px;
text-align: center;
border: 0;
}
#wp-calendar #prev {
text-align: right;
}
#wp-calendar #next {
text-align: left;
}
.zeen-widget .mm-sb-top .sub-menu {
padding: 0;
}
.zeen-widget .sub-menu .menu-item-has-children > a:after {
display: none;
}
.zeen-widget .menu li, .zeen-widget.widget_categories ul li, .zeen-widget.widget_archive ul li, .zeen-widget.widget_pages ul li {
display: block !important;
}
.zeen-widget .menu .sub-menu, .zeen-widget.widget_categories ul .sub-menu, .zeen-widget.widget_archive ul .sub-menu, .zeen-widget.widget_pages ul .sub-menu {
opacity: 1;
visibility: visible;
margin: 0;
}
.zeen-widget .sub-menu {
min-width: 0 !important;
display: block;
background: transparent;
transform: none !important;
}
.zeen-widget .sub-menu li {
border-bottom: 0;
}
.zeen-widget .sub-menu li a {
padding: 10px 0 !important;
display: inline;
}
.zeen-widget .sub-menu, .zeen-widget .standard-drop .sub-menu {
position: static;
visibility: inherit;
opacity: inherit;
}
.zeen-widget .menu-item-has-children > a:after {
display: none;
}
.footer-widget .menu, .footer-widget.widget_categories ul, .footer-widget.widget_archive ul, .footer-widget.widget_pages ul {
font-size: 13px;
letter-spacing: 1px;
}
.cb-divider .cb-title:before {
left: 100%;
}
.cb-divider .cb-title:after {
right: 100%;
}
.cb-divider {
width: 100%;
overflow: hidden;
position: relative;
text-align: center;
margin: 30px 0;
}
.cb-divider .cb-title {
color: #777;
margin: 0;
position: relative;
display: inline-block;
letter-spacing: 2px;
line-height: 1.2;
text-transform: uppercase;
padding: 7px 30px;
font-size: 14px;
font-weight: 700;
background: #fff;
}
.cb-divider .cb-title:after, .cb-divider .cb-title:before {
content: "";
display: block;
height: 10px;
position: absolute;
top: 50%;
margin-top: -5px;
width: 1920px;
background: #ddd;
}
.wp-block-group.has-background {
padding: 20px 30px;
}
.slider-sync-wrap {
width: 100%;
}
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: grabbing;
}
.flickity-enabled.is-fullscreen {
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100% !important;
background: #fff;
z-index: 200;
}
.flickity-enabled.is-fullscreen .tipi-i-maximize:before {
content: '\e940';
}
.admin-bar .flickity-enabled.is-fullscreen {
top: 32px;
height: calc( 100% - 32px) !important;
}
.flickity-enabled.is-fullscreen .flickity-page-dots {
bottom: 10px;
}
.is-flickity-fullscreen .secondary-wrap {
z-index: 2;
}
.is-flickity-fullscreen {
overflow: hidden;
}
/* ---- flickity-fullscreen-button ---- */
.flickity-fullscreen-button {
display: flex;
align-items: center;
justify-content: center;
left: 15px;
top: 15px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
padding: 0;
position: absolute;
z-index: 2;
border-radius: 50%;
background: #fff;
}
@media only screen and (max-width: 767px) {
.flickity-fullscreen-button {
left: 30px;
}
}
/* right-to-left */
.flickity-rtl .flickity-fullscreen-button {
left: auto;
right: 0;
}
.flickity-fullscreen-button-exit {
display: none;
}
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit {
display: flex;
}
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view {
display: none;
}
.flickity-fullscreen-button .flickity-button-icon {
width: 16px;
height: 16px;
}
/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
pointer-events: none;
z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
pointer-events: auto;
z-index: 1;
}
/* ---- page dots ---- */
.flickity-page-dots {
position: absolute;
padding: 0;
width: 100%;
bottom: 25px;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.block-wrap-slider:not(.tile-design-wrap-4):not(.block-wrap-56) .flickity-page-dots {
height: 100%;
left: 0;
bottom: 0;
width: 50px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.block-wrap-slider:not(.tile-design-wrap-4):not(.block-wrap-56) .flickity-page-dots .dot {
margin: 5px;
}
.flickity-rtl .flickity-page-dots {
direction: ltr;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
border-radius: 50%;
opacity: 0.5;
background-color: transparent;
box-shadow: inset 0 0 0 2px white;
transition: opacity 0.3s ease;
cursor: pointer;
overflow: hidden;
position: relative;
}
.flickity-page-dots .dot:after {
content: '';
position: absolute;
bottom: 0;
height: 0;
right: 0;
border-radius: 50%;
width: 100%;
background-color: #fff;
box-shadow: 0 0 1px #fff;
transition: height 0.3s ease;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
.flickity-page-dots .dot.is-selected:after {
height: 100%;
}
.tipi-tip-wrap {
transition: opacity 0.3s ease, transform 0.3s ease;
pointer-events: none;
position: fixed;
top: -9999px;
left: -9999px;
z-index: 103;
opacity: 0;
box-shadow: 5px -5px 15px rgba(62, 62, 62, 0.25);
}
.tipi-tip-wrap.tipi-tip-wrap-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.tipi-tip-wrap.tipi-tip-move {
margin-top: -5px;
transform: translate3d(0, 0, 0);
}
.tipi-tip-wrap.removing {
opacity: 0;
}
.tipi-tip-wrap.z-index-override {
z-index: 111;
}
.tipi-tip-wrap .inner {
font-size: 10px;
margin: 0;
padding: 10px 15px;
color: #fff;
position: relative;
white-space: nowrap;
font-weight: 700;
background: #111;
border-radius: 3px;
}
.tipi-tip-wrap .detail {
display: block;
position: absolute;
}
.tipi-tip-wrap-b {
margin-top: 15px;
transform: translate3d(0, 5px, 0);
}
.tipi-tip-wrap-b .detail {
border-left: 3px solid transparent;
border-bottom: 3px solid #111;
border-right: 3px solid transparent;
top: -3px;
right: calc( 50% - 3px);
}
.tipi-tip-wrap-b.removing {
transform: translate3d(0, 5px, 0);
}
.tipi-tip-wrap-t {
margin-top: -15px;
transform: translate3d(0, -5px, 0);
}
.tipi-tip-wrap-t .detail {
border-left: 3px solid transparent;
border-top: 3px solid #111;
border-right: 3px solid transparent;
bottom: -3px;
right: calc( 50% - 3px);
}
.tipi-tip-wrap-t.removing {
transform: translate3d(0, -5px, 0);
}
.tipi-tip-wrap-r {
transform: translate3d(-5px, 0, 0);
}
.tipi-tip-wrap-r .detail {
border-top: 3px solid transparent;
border-left: 3px solid #111;
border-bottom: 3px solid transparent;
right: -3px;
top: calc( 50% - 3px);
}
.tipi-tip-wrap-r.removing {
transform: translate3d(-5px, 0, 0);
}
.tipi-tip-wrap-l {
transform: translate3d(5px, 0, 0);
}
.tipi-tip-wrap-l .detail {
border-top: 3px solid transparent;
border-right: 3px solid #111;
border-bottom: 3px solid transparent;
left: -3px;
top: calc( 50% - 3px);
}
.tipi-tip-wrap-l.removing {
transform: translate3d(5px, 0, 0);
}
@keyframes fluidboxLoading {
0% {
transform: translate(50%, -50%) rotateX(0) rotateY(0);
}
50% {
transform: translate(50%, -50%) rotateX(-180deg) rotateY(0);
}
100% {
transform: translate(50%, -50%) rotateX(-180deg) rotateY(180deg);
}
}
.fluidbox {
outline: none;
}
.fluidbox__overlay {
background-color: rgba(255, 255, 255, 0.85);
cursor: pointer;
cursor: zoom-out;
opacity: 0;
pointer-events: none;
position: fixed;
top: -100vh;
/* Negative top and bottom is to fix some Safari cases where image got blurry */
right: -100vw;
bottom: -100vh;
left: -100vw;
/* Transition time for overlay is halved to ensure that flickering doesn't happen */
transition: all 0.5s ease-in-out;
}
.fluidbox--opened .fluidbox__overlay {
pointer-events: auto;
}
.fluidbox__wrap {
background-position: center center;
background-size: cover;
margin: 0 auto;
position: relative;
transition: all 0.5s ease-in-out;
}
.fluidbox__thumb {
transition: opacity 0s ease-in-out 0s;
/* To prevent flickering, we delay the showing of the image */
}
.fluidbox--closed .fluidbox__thumb {
transition: opacity 0s ease-in-out 0s;
}
.fluidbox__ghost {
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
transition: opacity 0s 0s, transform 0.5s 0s;
}
.fluidbox--opened .fluidbox__ghost {
cursor: pointer;
cursor: zoom-out;
}
.fluidbox--closed .fluidbox__ghost {
transition: opacity 0s 0.5s, transform 0.5s 0s;
}
.fluidbox__loader {
opacity: 0;
perspective: 200px;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fluidbox__loader::before {
/* You can replace this with any color you want, or even a loading gif if desired */
background-color: rgba(255, 255, 255, 0.85);
content: '';
transform-style: preserve-3d;
position: absolute;
top: 50%;
right: 50%;
width: 20%;
padding-bottom: 20%;
transform: translate(50%, -50%);
transition-property: transform;
transition-duration: 0.5s;
transition-delay: 0s;
}
.fluidbox--loading .fluidbox__loader {
opacity: 1;
transition: opacity 0.5s ease-in-out 0.5s;
}
.fluidbox--loading .fluidbox__loader::before {
animation: fluidboxLoading 1s 0s infinite ease-in-out forwards;
}
.mode-alt--b .fluidbox__overlay, .skin-dark .fluidbox__overlay {
background-color: black;
}
#wp-admin-bar-tipi-builder-menu i {
opacity: 0.6;
}
#wp-admin-bar-tipi-builder-menu:hover i {
opacity: 1;
}
/*------------------------------------------------------------------
[X. Basics]
*/
.grecaptcha-badge {
z-index: 3;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2;
}
.pswp {
display: none;
}
.rounded-corners .flickity-viewport,
.rounded-corners .slider {
background: transparent;
}
.rounded-corners .mask,
.rounded-corners .mask img,
.rounded-corners .slider,
.rounded-corners .slider .slide,
.rounded-corners .flickity-viewport,
.rounded-corners .zeen-pin-it {
border-radius: 5px;
}
.zeen-effect {
transition: 0.2s;
}
.no-max-width img {
max-width: none;
}
article {
min-width: 0;
}
.site-inner {
min-height: 100vh;
position: relative;
}
input {
font: inherit;
}
.wp-caption {
max-width: 100%;
}
.tipi-doc-info {
font-weight: 400;
text-transform: none;
font-size: 12px;
}
.main {
padding-bottom: 30px;
}
.title-inherit .block-title {
color: inherit;
}
.inherit-fs-on * {
font-size: inherit !important;
}
.link-color-wrap a {
position: relative;
transition: 0.3s ease;
text-underline-position: under;
}
.dropcap--on .entry-content > p:first-of-type:first-letter {
float: right;
font-size: 5em;
line-height: 0.8;
margin: 5px 0 5px 10px;
text-transform: uppercase;
color: #000;
}
.dropcap--on .article-layout-skin-2 .entry-content > p:first-of-type:first-letter {
color: #fff;
}
/*------------------------------------------------------------------
[X. Skin]
*/
.skin-light .title-light {
opacity: 0.5;
}
.skin-dark .mask,
.skin-dark .hero,
.skin-dark .flickity-viewport {
background: #1d1d1d;
}
.skin-dark .slider-nav .flickity-viewport {
background: #191919;
}
.skin-dark .wpcf7-form-control.wpcf7-text,
.skin-dark .wpcf7-form-control.wpcf7-text[type="text"],
.skin-dark .wpcf7-form-control.wpcf7-text[type="email"],
.skin-dark .wpcf7-form-control.wpcf7-textarea {
background: transparent;
border: 1px solid #222;
}
.skin-dark .woocommerce-tabs {
border-top: 1px solid #222;
border-bottom: 1px solid #222;
}
.skin-dark .entry-content .inline-post {
border-color: #272727;
}
.skin-dark .entry-content .inline-post .meta .title a,
.skin-dark .entry-content .inline-post a,
.skin-dark .entry-content .inline-post .see-also {
color: #fff;
}
.article-layout-skin-2 {
background-color: #151515;
color: #fff;
}
.article-layout-skin-2 .cb-design-min .cb-bar,
.article-layout-skin-2 .cb-review-box-top-fs {
background: transparent;
color: #fff;
}
.article-layout-skin-2.title-cut-bl .hero-wrap .meta:before,
.article-layout-skin-2.title-cut-bc .hero-wrap .meta:before,
.article-layout-skin-2.title-cut-bl .hero-wrap .share-it:before,
.article-layout-skin-2.title-cut-bc .hero-wrap .share-it:before,
.article-layout-skin-2 .flickity-viewport {
background: #161616;
}
.article-layout-skin-2 > .meta-wrap .byline {
color: #fff;
}
.article-layout-skin-2 > .meta-wrap .byline a {
color: #fff;
}
.article-layout-skin-2 h1,
.article-layout-skin-2 h2,
.article-layout-skin-2 h3,
.article-layout-skin-2 h4,
.article-layout-skin-2 h5,
.article-layout-skin-2 h6,
.article-layout-skin-2 .font-1,
.article-layout-skin-2 a,
.article-layout-skin-2 .spon-block a,
.article-layout-skin-2 .sb-skin-4 a,
.article-layout-skin-2 .details .detail .total-shares-count {
color: #fff;
}
.article-layout-skin-2 .detail + .sharer > .title {
border-color: #232323 !important;
}
.article-layout-skin-2 article > .meta-wrap .byline-part {
color: #8e8e8e;
}
.article-layout-skin-2 article > .meta-wrap .byline-part a {
color: inherit;
}
.article-layout-skin-2 .widget-title,
.article-layout-skin-2 .sidebar-widget .widget-title {
color: #fff !important;
}
.article-layout-skin-2 .content-bg,
.article-layout-skin-2 .sidebar-wrap .widgets-skin-1 .zeen-widget,
.article-layout-skin-2 .sidebar-wrap .widgets-skin-1 .block-title-wrap,
.article-layout-skin-2 .sidebar {
background-color: transparent;
}
.article-layout-skin-2 .site-skin-1 {
background: #222;
}
.article-layout-skin-2 div.jetpack-recipe .jetpack-recipe-meta {
background: transparent;
border: 1px #232323 solid;
}
.article-layout-skin-2 div.jetpack-recipe .jetpack-recipe-meta .jetpack-recipe-print a,
.article-layout-skin-2 .hero {
background: #232323;
}
.article-layout-skin-2 .cb-design-1 .cb-review-block {
border-top-width: 0;
}
.article-layout-skin-2 div.jetpack-recipe .jetpack-recipe-meta .jetpack-recipe-print a {
color: #fff;
}
.article-layout-skin-2 .comment-form input,
.article-layout-skin-2 .comment-form textarea {
background: #222 !important;
border: 0;
color: #fff !important;
}
.article-layout-skin-2 .related-posts-wrap .block-wrap .tipi-arrow {
color: #fff;
border-color: #fff;
}
.article-layout-skin-2 .related-posts-wrap .block-wrap .tipi-arrow i:after {
background-color: #fff;
}
.article-layout-skin-2 .entry-content .inline-post {
border-color: #272727;
}
.article-layout-skin-2 .entry-content .inline-post .meta .title a,
.article-layout-skin-2 .entry-content .inline-post a,
.article-layout-skin-2 .entry-content .inline-post .see-also {
color: #fff;
}
.site-skin-2 h1,
.site-skin-2 h2,
.site-skin-2 h3,
.site-skin-2 h4,
.site-skin-2 h5,
.site-skin-2 h6,
.sb-skin-2 h1,
.sb-skin-2 h2,
.sb-skin-2 h3,
.sb-skin-2 h4,
.sb-skin-2 h5,
.sb-skin-2 h6,
.site-skin-2 .font-1,
.block-skin-2 h1,
.block-skin-2 h2,
.block-skin-2 h3,
.block-skin-2 h4,
.block-skin-2 h5,
.block-skin-2 h6 {
color: #fff !important;
}
.meta-skin-2.block-wrap .preview-mini-wrap {
background: #161616;
}
.meta-skin-2.block-wrap .preview-mini-wrap .zeen__var__options label {
background: transparent;
}
.meta-skin-2.block-wrap .preview-mini-wrap .byline {
color: #7b7b7b;
}
.meta-skin-2.block-wrap .preview-mini-wrap .title-wrap,
.meta-skin-2.block-wrap .preview-mini-wrap a,
.meta-skin-2.block-wrap .preview-mini-wrap .excerpt,
.meta-skin-2.block-wrap .preview-mini-wrap .woo-product-rating-overlay {
color: #fff;
}
.meta-skin-2.block-wrap .zeen_button_type input[type="radio"]:not(.radio--disabled):checked + label {
background: #fff;
color: #121212;
border-color: #fff;
}
.block-skin-2 .byline,
.skin-dark .block-skin-0 .byline {
color: #7b7b7b;
}
.block-skin-2 .byline a,
.skin-dark .block-skin-0 .byline a {
color: inherit;
}
.block-skin-2 .preview-thumbnail,
.skin-dark .block-skin-0 .preview-thumbnail {
border-bottom-width: 0;
}
.block-skin-2 .preview-thumbnail .byline,
.skin-dark .block-skin-0 .preview-thumbnail .byline {
opacity: 1;
color: #7b7b7b;
}
.block-skin-2 .preview-thumbnail .byline a,
.skin-dark .block-skin-0 .preview-thumbnail .byline a {
color: inherit;
}
.block-skin-2 .mc4wp-form-fields input[type=email],
.block-skin-2 .mc4wp-form-fields input[type=text],
.block-skin-2 #subscribe-submit input[type=email],
.block-skin-2 #subscribe-submit input[type=text],
.skin-dark .block-skin-0 .mc4wp-form-fields input[type=email],
.skin-dark .block-skin-0 .mc4wp-form-fields input[type=text],
.skin-dark .block-skin-0 #subscribe-submit input[type=email],
.skin-dark .block-skin-0 #subscribe-submit input[type=text] {
border-bottom-color: #fff;
color: #fff;
}
.block-skin-4.block-skin-2 .preview-thumbnail .byline {
color: #fff;
}
.site-skin-2 .font-2-color,
.sb-skin-2 .font-2-color,
.block-skin-2 .font-2-color,
.footer-widgets-skin-2 .widget-title {
color: #fff !important;
}
.site-skin-2,
.sb-skin-2,
.block-skin-2 {
color: #eee;
}
.sticky-sb-on .byline {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/*------------------------------------------------------------------
[X. Helpers]
*/
.tipi-hidden {
display: none;
}
.upper {
text-transform: uppercase;
}
.zeen-stylish-posts-wrap:not(.rounded-img) .counter {
border-radius: 0;
}
span.media-tr {
cursor: pointer;
}
.rounded-img.zeen-stylish-posts-wrap article:hover .media-tr {
opacity: 1;
}
.rounded-img.zeen-stylish-posts-wrap .counter ~ .media-icon {
display: none;
}
.rounded-img.zeen-stylish-posts-wrap img {
border-radius: 50% !important;
}
.rounded-img.zeen-stylish-posts-wrap .media-tr {
top: 0 !important;
right: 0 !important;
width: 100%;
height: 100%;
margin: 0 !important;
opacity: 0;
}
.rounded-img.zeen-stylish-posts-wrap .media-tr .icon-bg {
border-radius: 50%;
}
.rounded-img.zeen-stylish-posts-wrap .media-tr:hover .icon-bg {
transform: none;
}
.rounded-img .mask {
background-color: transparent !important;
}
.rounded-img img {
border-radius: 50%;
}
.rounded-img .preview-thumbnail {
border-bottom: 0;
}
.border-b {
border-bottom: 1px solid #e6e6e6;
}
.padding-t {
padding-top: 45px;
}
.padding-b {
padding-bottom: 45px;
}
.tipi-center {
text-align: center;
}
.tipi-justify {
text-align: justify;
}
.tipi-right {
text-align: left;
}
.no-mb {
margin-bottom: 0 !important;
}
.tipi-overlay,
.mask-overlay,
.overlay {
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.tipi-overlay-base {
z-index: 101;
position: fixed;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-out, transform 0.3s cubic-bezier(0, 0, 0.3, 1), visibility 0s 0.4s;
}
.tipi-overlay-base.active {
opacity: 0.8;
visibility: visible;
transition: opacity 0.3s ease-out, transform 0.3s cubic-bezier(0, 0, 0.3, 1), visibility 0s;
}
.tipi-overlay-base.active .close {
opacity: 1;
}
.tipi-overlay-dark {
background: #000;
}
.tipi-overlay-light {
background: #1f1f25;
}
.tipi-overlay-light.active {
opacity: 0.2;
}
.media-icon.center-abs {
position: absolute;
right: 50%;
top: 50%;
transform: translate(50%, -50%);
}
.loading > * {
opacity: 0.35;
}
.content-lwa .loading {
opacity: 0.35 !important;
}
.content-lwa .loading > * {
opacity: 1;
}
.mask {
line-height: 0;
position: relative;
}
.mask img,
.mask picture {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mask .secondary-img {
position: absolute;
top: 0;
right: 0;
opacity: 0;
transition: 0.3s ease opacity, 0.3s ease transform;
}
.ie-fit {
background-size: cover !important;
background-position: 50% 50% !important;
}
.ie-fit img {
opacity: 0 !important;
visibility: hidden !important;
}
.tipi-relative {
position: relative;
}
.tipi-flex-wrap {
flex-wrap: wrap;
}
.tipi-flex-left {
align-self: flex-start;
}
.tipi-flex-space-between {
justify-content: space-between;
}
.tipi-flex-right {
margin-right: auto;
text-align: left;
}
.block-da img {
vertical-align: top;
}
.block-da .small-print {
color: #bbb;
}
.header-related-posts .tipi-row-inner-style {
padding: 30px 0;
}
.header-related-posts + .site-content .hero-s .single-content {
padding-top: 0;
}
.header-related-posts .preview-classic.elements-location-2 .meta .title,
.header-related-posts .preview-classic.elements-location-4 .meta .title,
.header-related-posts .preview-classic.elements-location-5 .meta .title {
padding-top: 20px;
}
.tipi-vertical-c,
.tipi-all-c {
align-items: center;
}
.horizontal-menu.tipi-flex-eq-height > li {
display: flex;
align-items: center;
}
.horizontal-menu.tipi-flex-eq-height > li .mm-1 {
margin-top: 2em;
}
.header-padding.tipi-flex-eq-height {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.site-header .header-padding {
transition: padding 0.3s;
}
.header--overlap {
position: absolute;
width: 100%;
z-index: 10;
}
.header--overlap .site-header .bg-area, .header--overlap .main-navigation .menu-bg-area, .header--overlap .secondary-wrap .menu-bg-area {
background: transparent;
}
.header--overlap .menu-icon--text {
color: inherit !important;
}
.header--overlap-1 .site-header a, .header--overlap-1 .horizontal-menu > li > a, .header--overlap-1 .date--secondary {
color: #fff;
}
.header--overlap-1 .logo-fallback a {
color: #fff !important;
}
.header--overlap-1 .tipi-cart-count {
background: #fff;
color: #111;
}
.header--overlap-1 .main-navigation-border {
border-color: #fff;
}
.header--overlap-2 .site-header a, .header--overlap-2 .horizontal-menu > li > a, .header--overlap-2 .date--secondary {
color: #111;
}
.header--overlap-2 .logo-fallback a {
color: #111 !important;
}
.header--overlap-2 .main-navigation-border {
border-color: #111;
}
.tipi-flex-hc {
justify-content: center;
}
.tipi-all-c {
justify-content: center;
}
.tipi-all-c.logo-main-wrap {
text-align: center;
}
.logo-main-wrap:empty {
display: none;
}
.tipi-flex-lcr {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.tipi-flex-eq-height {
align-items: stretch;
}
.tipi-grid {
display: -ms-grid;
display: grid;
}
.tipi-flex-lcr,
.tipi-vertical-c,
.tipi-all-c,
.tipi-flex,
.tipi-flex-eq-height {
display: flex;
}
.tipi-inline {
display: inline-flex;
}
.tipi-flex-l {
text-align: right;
flex: 1;
}
.tipi-flex-c {
text-align: center;
flex: 1;
margin: 0 30px;
}
.tipi-flex-r {
text-align: left;
flex: 1;
justify-content: flex-end;
}
.tipi-flex-0 {
flex: 0;
}
.tipi-flex-2 {
flex: 2;
}
input::-webkit-input-placeholder {
color: inherit;
}
input::-moz-placeholder {
color: inherit;
}
input::-ms-input {
color: inherit;
}
/*------------------------------------------------------------------
[X. Alignments]
*/
.alignleft {
display: inline;
float: right;
margin-bottom: 25px;
margin-left: 1.5em;
max-width: 50%;
}
.alignright {
display: inline;
float: left;
margin-bottom: 25px;
margin-right: 1.5em;
max-width: 50%;
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
}
.alignleft,
.alignright,
.aligncenter {
clear: right;
margin-top: 10px;
}
.alignleft img,
.alignright img,
.aligncenter img {
vertical-align: top;
}
.wp-block-image .alignleft,
.wp-block-image .alignright {
margin-bottom: 15px;
}
.alignleft,
.alignright,
.aligncenter,
.alignnone {
transition: all 0.4s cubic-bezier(0.3, 0.7, 0.7, 1);
}
.alignright {
clear: left;
}
.tipi-fse {
max-width: none;
}
.tipi-fse .wp-caption-text {
padding-right: 10px;
}
.align-fs {
overflow-x: hidden;
}
.align-fs .alignfull img {
max-width: none;
width: 100%;
}
.align-fs .alignfull:not(.alignwide),
.align-fs img.alignnone.size-full,
.align-fs .wp-caption.alignnone .size-full {
margin: 30px calc(50% - 50vw);
}
.align-fs .alignfull,
.align-fs img.alignnone.size-full,
.align-fs .wp-caption.alignnone .size-full {
width: 100vw !important;
max-width: none;
}
.align-fs .wp-caption.alignnone .size-full {
margin-bottom: 0;
}
.align-fs .contents-wrap .video-wrap {
margin-bottom: 30px;
}
.wp-block-image figcaption {
font-size: 13px;
margin-bottom: 1em;
margin-top: .5em;
text-align: center;
}
ul.wp-block-gallery {
margin-right: 0;
}
.contents-wrap {
width: 100%;
text-align: center;
}
.content-bg {
text-align: right;
}
.content-bg > .tipi-cols,
.content-bg .main {
background: inherit;
}
/*------------------------------------------------------------------
[X. Logo]
*/
.logo {
line-height: 0;
}
.logo a {
vertical-align: top;
display: inline-block;
}
.logo img {
width: auto;
vertical-align: top;
}
.logo span {
display: block;
}
.logo .logo-subtitle {
line-height: 1.3;
}
.logo-main-wrap-l .logo {
flex-shrink: 0;
}
.logo-main-wrap-l .tipi-button-cta-wrap {
margin-right: auto;
}
.tipi-flex-lcr.logo-main-wrap .tipi-button-cta-fill-l {
flex: 1;
}
.tipi-flex-lcr.logo-main-wrap .tipi-button-cta-fill-l + .logo-main-wrap {
flex: 1;
}
.tipi-flex-lcr.logo-main-wrap .tipi-button-cta-wrap {
flex: 1;
justify-content: flex-end;
}
.tipi-button-cta-wrap-header {
padding-right: 30px;
}
.tipi-button-cta-wrap .tipi-button-cta {
color: inherit !important;
}
.logo-footer {
flex-shrink: 1;
}
.logo-fallback {
line-height: 1;
}
.logo-subtitle {
margin-top: 10px;
}
.logo-mob img {
vertical-align: baseline;
}
/*------------------------------------------------------------------
[X. Icon Styles§]
*/
.menu-icon-style-3 i,
.menu-icon-style-3 img {
margin-left: 7px;
}
.menu-icon-style-3 i + .menu-icon--text,
.menu-icon-style-3 img + .menu-icon--text {
padding-right: 0;
}
.menu-icon-subscribe i {
padding-left: 5px;
}
.menu-icon-subscribe i:last-child {
padding-left: 0;
}
/*------------------------------------------------------------------
[X. Background settings]
*/
.bg-area {
position: relative;
}
.background {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.site-img-1 .background {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.site-img-2 .background,
.bg-img-2 .site-inner,
.bg-img-2 .site {
background-repeat: repeat;
}
.site-img-3 .background,
.bg-img-3 .site-inner,
.bg-img-3 .site {
background-repeat: no-repeat;
}
.site-img-4 .background,
.bg-img-1 .site-inner,
.bg-img-1 .site {
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.header-skin-1 .bg-area {
background: #fff;
}
.header-skin-5 .background,
.header-skin-6 .background,
.site-skin-5 + .background,
.site-skin-6 + .background {
overflow: hidden;
}
.header-skin-5 .background img,
.header-skin-6 .background img,
.site-skin-5 + .background img,
.site-skin-6 + .background img {
object-fit: cover;
height: 100%;
}
.header-skin-5 .background .hidden,
.header-skin-6 .background .hidden,
.site-skin-5 + .background .hidden,
.site-skin-6 + .background .hidden {
display: none;
}
.header-skin-5 .background .media-bg,
.header-skin-6 .background .media-bg,
.site-skin-5 + .background .media-bg,
.site-skin-6 + .background .media-bg {
height: 100%;
width: 177.77777778vh;
position: absolute;
right: 50%;
transition: 0.5s;
top: 50%;
transform: translate(50%, -50%);
min-width: 100%;
min-height: 56.25vw;
z-index: 1;
}
.header-skin-5 .background .media-bg:not(.active),
.header-skin-6 .background .media-bg:not(.active),
.site-skin-5 + .background .media-bg:not(.active),
.site-skin-6 + .background .media-bg:not(.active) {
opacity: 0;
}
.site-header .bg-area {
z-index: 3;
}
.site-header-12 .bg-area {
z-index: 8;
}
.site-header-12 .menu-icon-mode {
order: 2;
}
.header-skin-2 .bg-area {
background: #1c1d1e;
}
.header-skin-1.stuck .bg-area,
.header-skin-1.slidedown .bg-area {
background: rgba(255, 255, 255, 0.9);
}
.header-skin-2.stuck .bg-area,
.header-skin-2.slidedown .bg-area {
background: #1c1d1e;
}
.site-skin-1,
.block-skin-bg-1:not(.skin-inner),
.block-skin-bg-1.skin-inner > .tipi-row-inner-style,
.block-skin-1:not(.skin-inner),
.block-skin-1.skin-inner .tipi-row-inner-style,
.page-header-skin-1:not(.skin-inner),
.page-header-skin-1.skin-inner .tipi-row-inner-style,
.footer-widgets-skin-1,
.sb-skin-1,
.meta-skin-1.block-wrap .preview-mini-wrap {
background: #fff;
}
.block-wrap:not(.skin-inner) > .tipi-row-inner-style {
background-image: none;
background-color: transparent;
}
.skin-light .block-skin-0 .pagination,
.site-skin-1 .pagination,
.block-skin-1 .pagination,
.page-header-skin-1 .pagination,
.footer-widgets-skin-1 .pagination {
color: #111;
}
.has-bg-img {
position: relative;
transition: background-color .5s ease-out;
}
.has-bg-img > .tipi-row-inner-style {
position: relative;
}
.has-bg-color-dark .zeen-checkbox {
color: white;
}
.site-skin-2,
.block-skin-bg-2:not(.skin-inner),
.block-skin-bg-2.skin-inner > .tipi-row-inner-style,
.block-skin-2:not(.skin-inner),
.block-skin-2.skin-inner .tipi-row-inner-style,
.sb-skin-2,
.page-header-skin-2:not(.skin-inner),
.page-header-skin-2.skin-inner .tipi-row-inner-style,
.footer-widgets-skin-2 {
background: #1c1d1e;
}
.footer-widgets-skin-2 .preview-classic .meta .title,
.footer-widgets-skin-2 .preview-thumbnail .meta .title {
color: #fff;
}
.skin-dark .block-skin-0,
.site-skin-2,
.block-skin-2,
.sb-skin-2,
.page-header-skin-2,
.footer-widgets-skin-2 {
color: #fff;
}
.skin-dark .block-skin-0 .mask,
.site-skin-2 .mask,
.block-skin-2 .mask,
.sb-skin-2 .mask,
.page-header-skin-2 .mask,
.footer-widgets-skin-2 .mask {
background: #0c0c0c;
}
.skin-dark .block-skin-0.page-header:not(.page-header-skin-4) .filters,
.site-skin-2.page-header:not(.page-header-skin-4) .filters,
.block-skin-2.page-header:not(.page-header-skin-4) .filters,
.sb-skin-2.page-header:not(.page-header-skin-4) .filters,
.page-header-skin-2.page-header:not(.page-header-skin-4) .filters,
.footer-widgets-skin-2.page-header:not(.page-header-skin-4) .filters {
background: #1c1d1e;
}
.skin-dark .block-skin-0 h1,
.skin-dark .block-skin-0 h2,
.skin-dark .block-skin-0 h3,
.skin-dark .block-skin-0 h4,
.skin-dark .block-skin-0 h5,
.skin-dark .block-skin-0 h6,
.skin-dark .block-skin-0 .font-1,
.skin-dark .block-skin-0 .byline-font-1 .byline,
.site-skin-2 h1,
.site-skin-2 h2,
.site-skin-2 h3,
.site-skin-2 h4,
.site-skin-2 h5,
.site-skin-2 h6,
.site-skin-2 .font-1,
.site-skin-2 .byline-font-1 .byline,
.block-skin-2 h1,
.block-skin-2 h2,
.block-skin-2 h3,
.block-skin-2 h4,
.block-skin-2 h5,
.block-skin-2 h6,
.block-skin-2 .font-1,
.block-skin-2 .byline-font-1 .byline,
.sb-skin-2 h1,
.sb-skin-2 h2,
.sb-skin-2 h3,
.sb-skin-2 h4,
.sb-skin-2 h5,
.sb-skin-2 h6,
.sb-skin-2 .font-1,
.sb-skin-2 .byline-font-1 .byline,
.page-header-skin-2 h1,
.page-header-skin-2 h2,
.page-header-skin-2 h3,
.page-header-skin-2 h4,
.page-header-skin-2 h5,
.page-header-skin-2 h6,
.page-header-skin-2 .font-1,
.page-header-skin-2 .byline-font-1 .byline,
.footer-widgets-skin-2 h1,
.footer-widgets-skin-2 h2,
.footer-widgets-skin-2 h3,
.footer-widgets-skin-2 h4,
.footer-widgets-skin-2 h5,
.footer-widgets-skin-2 h6,
.footer-widgets-skin-2 .font-1,
.footer-widgets-skin-2 .byline-font-1 .byline {
color: #fff;
}
.skin-dark .block-skin-0 select,
.skin-dark .block-skin-0 input[type="text"],
.skin-dark .block-skin-0 input[type="tel"],
.skin-dark .block-skin-0 input[type="number"],
.skin-dark .block-skin-0 input[type="password"],
.skin-dark .block-skin-0 input[type="email"],
.skin-dark .block-skin-0 input[type="url"],
.skin-dark .block-skin-0 textarea,
.skin-dark .block-skin-0 fieldset,
.site-skin-2 select,
.site-skin-2 input[type="text"],
.site-skin-2 input[type="tel"],
.site-skin-2 input[type="number"],
.site-skin-2 input[type="password"],
.site-skin-2 input[type="email"],
.site-skin-2 input[type="url"],
.site-skin-2 textarea,
.site-skin-2 fieldset,
.block-skin-2 select,
.block-skin-2 input[type="text"],
.block-skin-2 input[type="tel"],
.block-skin-2 input[type="number"],
.block-skin-2 input[type="password"],
.block-skin-2 input[type="email"],
.block-skin-2 input[type="url"],
.block-skin-2 textarea,
.block-skin-2 fieldset,
.sb-skin-2 select,
.sb-skin-2 input[type="text"],
.sb-skin-2 input[type="tel"],
.sb-skin-2 input[type="number"],
.sb-skin-2 input[type="password"],
.sb-skin-2 input[type="email"],
.sb-skin-2 input[type="url"],
.sb-skin-2 textarea,
.sb-skin-2 fieldset,
.page-header-skin-2 select,
.page-header-skin-2 input[type="text"],
.page-header-skin-2 input[type="tel"],
.page-header-skin-2 input[type="number"],
.page-header-skin-2 input[type="password"],
.page-header-skin-2 input[type="email"],
.page-header-skin-2 input[type="url"],
.page-header-skin-2 textarea,
.page-header-skin-2 fieldset,
.footer-widgets-skin-2 select,
.footer-widgets-skin-2 input[type="text"],
.footer-widgets-skin-2 input[type="tel"],
.footer-widgets-skin-2 input[type="number"],
.footer-widgets-skin-2 input[type="password"],
.footer-widgets-skin-2 input[type="email"],
.footer-widgets-skin-2 input[type="url"],
.footer-widgets-skin-2 textarea,
.footer-widgets-skin-2 fieldset {
border-color: #333333;
}
.skin-dark .block-skin-0 .arrow:hover,
.site-skin-2 .arrow:hover,
.block-skin-2 .arrow:hover,
.sb-skin-2 .arrow:hover,
.page-header-skin-2 .arrow:hover,
.footer-widgets-skin-2 .arrow:hover {
background: #202020;
}
.skin-dark .block-skin-0 .separation-border,
.skin-dark .block-skin-0 .zeen_comments_with_avatar .stylish-comment,
.site-skin-2 .separation-border,
.site-skin-2 .zeen_comments_with_avatar .stylish-comment,
.block-skin-2 .separation-border,
.block-skin-2 .zeen_comments_with_avatar .stylish-comment,
.sb-skin-2 .separation-border,
.sb-skin-2 .zeen_comments_with_avatar .stylish-comment,
.page-header-skin-2 .separation-border,
.page-header-skin-2 .zeen_comments_with_avatar .stylish-comment,
.footer-widgets-skin-2 .separation-border,
.footer-widgets-skin-2 .zeen_comments_with_avatar .stylish-comment {
border-color: #2d2d2d;
}
.skin-dark .block-skin-0 .widget_search .search .search-submit:hover,
.site-skin-2 .widget_search .search .search-submit:hover,
.block-skin-2 .widget_search .search .search-submit:hover,
.sb-skin-2 .widget_search .search .search-submit:hover,
.page-header-skin-2 .widget_search .search .search-submit:hover,
.footer-widgets-skin-2 .widget_search .search .search-submit:hover {
background: #fff;
}
.skin-dark .block-skin-0 .widget_search ::-webkit-input-placeholder,
.site-skin-2 .widget_search ::-webkit-input-placeholder,
.block-skin-2 .widget_search ::-webkit-input-placeholder,
.sb-skin-2 .widget_search ::-webkit-input-placeholder,
.page-header-skin-2 .widget_search ::-webkit-input-placeholder,
.footer-widgets-skin-2 .widget_search ::-webkit-input-placeholder {
color: inherit;
}
.skin-dark .block-skin-0 .widget_search ::-moz-placeholder,
.site-skin-2 .widget_search ::-moz-placeholder,
.block-skin-2 .widget_search ::-moz-placeholder,
.sb-skin-2 .widget_search ::-moz-placeholder,
.page-header-skin-2 .widget_search ::-moz-placeholder,
.footer-widgets-skin-2 .widget_search ::-moz-placeholder {
color: inherit;
}
.skin-dark .block-skin-0 .widget_search :-ms-input-placeholder,
.site-skin-2 .widget_search :-ms-input-placeholder,
.block-skin-2 .widget_search :-ms-input-placeholder,
.sb-skin-2 .widget_search :-ms-input-placeholder,
.page-header-skin-2 .widget_search :-ms-input-placeholder,
.footer-widgets-skin-2 .widget_search :-ms-input-placeholder {
color: inherit;
}
.site-skin-4,
.block-skin-0,
.sb-skin-4,
.header-skin-4 .bg-area,
.page-header-skin-4,
.footer-widgets-skin-4 {
background: transparent;
}
.site-skin-11,
.block-skin-bg-11:not(.skin-inner),
.block-skin-bg-11.skin-inner > .tipi-row-inner-style,
.block-skin-11:not(.skin-inner),
.block-skin-11.skin-inner .tipi-row-inner-style,
.sb-skin-11,
.page-header-skin-11:not(.skin-inner),
.page-header-skin-11.skin-inner .tipi-row-inner-style,
.footer-widgets-skin-11 {
background: #f2f2f2 !important;
}
.block-skin-bg-11 .subscribe-button-2 .mc4wp-form-fields input,
.block-skin-bg-11 .zeen-checkbox label .zeen-i,
.block-skin-11 .subscribe-button-2 .mc4wp-form-fields input,
.block-skin-11 .zeen-checkbox label .zeen-i,
.has-bg-color-light .subscribe-button-2 .mc4wp-form-fields input,
.has-bg-color-light .zeen-checkbox label .zeen-i {
background: #fff;
}
.block-skin-11 .preview-thumbnail,
.block-skin-11 .separation-border {
border-bottom-color: #dadada;
}
.site-skin-1 .tipi-arrow,
.skin-light .block-skin-0 .tipi-arrow,
.block-skin-11 .tipi-arrow {
border-color: #111;
color: #111;
}
.site-skin-1 .tipi-arrow i:after,
.skin-light .block-skin-0 .tipi-arrow i:after,
.block-skin-11 .tipi-arrow i:after {
background: #111;
}
.block-skin-2 .widget_search form,
.block-skin-2 .widget_product_search form,
.footer-widgets-skin-3 .widget_search form,
.footer-widgets-skin-3 .widget_product_search form,
.footer-widgets-skin-2 .widget_search form,
.footer-widgets-skin-2 .widget_product_search form,
.sb-skin-2 .widget_search form,
.sb-skin-2 .widget_product_search form,
.skin-dark .sb-skin-4 .widget_search form,
.skin-dark .sb-skin-4 .widget_product_search form {
border-color: #2d2d2d;
}
.block-skin-2 .tipi-arrow,
.skin-dark .block-skin-0 .tipi-arrow,
.footer-widgets-skin-3 .tipi-arrow,
.footer-widgets-skin-2 .tipi-arrow,
.sb-skin-2 .tipi-arrow {
border-color: #fff !important;
color: #fff !important;
}
.block-skin-2 .tipi-arrow i:after,
.skin-dark .block-skin-0 .tipi-arrow i:after,
.footer-widgets-skin-3 .tipi-arrow i:after,
.footer-widgets-skin-2 .tipi-arrow i:after,
.sb-skin-2 .tipi-arrow i:after {
background: #fff !important;
}
.block-skin-2 .preview-thumbnail,
.block-skin-2 .separation-border,
.skin-dark .block-skin-0 .preview-thumbnail,
.skin-dark .block-skin-0 .separation-border,
.footer-widgets-skin-3 .preview-thumbnail,
.footer-widgets-skin-3 .separation-border,
.footer-widgets-skin-2 .preview-thumbnail,
.footer-widgets-skin-2 .separation-border,
.sb-skin-2 .preview-thumbnail,
.sb-skin-2 .separation-border {
border-bottom-color: #2d2d2d;
}
.sidebar-wrap .widgets-skin-1 .zeen-widget {
background: #fff;
}
.sidebar-wrap .widgets-skin-1 .zeen-widget,
.sidebar-wrap .widgets-skin-1 h2,
.sidebar-wrap .widgets-skin-1 h3:not(.widget-title),
.sidebar-wrap .widgets-skin-1 h4,
.sidebar-wrap .widgets-skin-1 .font-1 {
color: #222 !important;
}
.sidebar-wrap .widgets-skin-1 .widget-title {
color: #222;
}
.is-sticky > * {
-webkit-transform: translateZ(0);
}
.sidebar-wrap .widgets-skin-2 .zeen-widget {
background: #141516;
}
.sidebar-wrap .widgets-skin-2 .zeen-widget,
.sidebar-wrap .widgets-skin-2 h2,
.sidebar-wrap .widgets-skin-2 h3:not(.widget-title),
.sidebar-wrap .widgets-skin-2 h4,
.sidebar-wrap .widgets-skin-2 .font-1 {
color: #fff !important;
}
.sidebar-wrap .widgets-skin-2 .widget-title {
color: #fff;
}
.sidebar-wrap .widgets-skin-11 .zeen-widget {
background: #f1f1f1;
}
.sidebar-wrap .widgets-skin-11 .zeen-widget.widget_search form {
border-color: #d0d0d0;
}
.footer-lower-area a,
.footer-lower-area .font-1:not(.copyright),
.footer-lower-area h3,
.footer-lower-area h2 {
color: inherit;
}
.footer-lower-area.site-skin-1 .tipi-arrow {
border-color: #444;
}
.footer-lower-area.site-skin-1 .tipi-arrow i:after {
background: #444;
}
.skin-inner .tipi-row-inner-style,
.block-wrap:not(.skin-inner) {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.splitter,
.splitter--fade:before,
.splitter--fade:after {
position: absolute;
z-index: 2;
pointer-events: none;
line-height: 0;
width: 100%;
}
.splitter {
right: 0;
}
.splitter--bottom {
bottom: -1px;
}
.splitter--top {
top: -1px;
}
.splitter--top svg {
transform: rotate(-180deg);
}
.splitter--fade:before,
.splitter--fade:after {
height: 60%;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.013) 8.1%, rgba(255, 255, 255, 0.049) 15.5%, rgba(255, 255, 255, 0.104) 22.5%, rgba(255, 255, 255, 0.175) 29%, rgba(255, 255, 255, 0.259) 35.3%, rgba(255, 255, 255, 0.352) 41.2%, rgba(255, 255, 255, 0.45) 47.1%, rgba(255, 255, 255, 0.55) 52.9%, rgba(255, 255, 255, 0.648) 58.8%, rgba(255, 255, 255, 0.741) 64.7%, rgba(255, 255, 255, 0.825) 71%, rgba(255, 255, 255, 0.896) 77.5%, rgba(255, 255, 255, 0.951) 84.5%, rgba(255, 255, 255, 0.987) 91.9%, white 100%);
}
.article-layout-skin-2 .splitter--fade:before,
.article-layout-skin-2 .splitter--fade:after {
background: linear-gradient(to top, #171717 0%, rgba(23, 23, 23, 0.987) 8.1%, rgba(23, 23, 23, 0.951) 15.5%, rgba(23, 23, 23, 0.896) 22.5%, rgba(23, 23, 23, 0.825) 29%, rgba(23, 23, 23, 0.741) 35.3%, rgba(23, 23, 23, 0.648) 41.2%, rgba(23, 23, 23, 0.55) 47.1%, rgba(23, 23, 23, 0.45) 52.9%, rgba(23, 23, 23, 0.352) 58.8%, rgba(23, 23, 23, 0.259) 64.7%, rgba(23, 23, 23, 0.175) 71%, rgba(23, 23, 23, 0.104) 77.5%, rgba(23, 23, 23, 0.049) 84.5%, rgba(23, 23, 23, 0.013) 91.9%, rgba(23, 23, 23, 0) 100%);
}
.hero.splitter--fade:before {
content: '';
bottom: -1px;
}
.block-wrap-native .splitter--fade:before,
.block-wrap-native .splitter--fade:after {
height: 50%;
}
.block-wrap-native .splitter--fade--bottom.splitter--fade:after {
content: '';
bottom: -1px;
}
.block-wrap-native .splitter--fade--top.splitter--fade:before {
content: '';
transform: rotate(-180deg);
top: -1px;
}
/*------------------------------------------------------------------
[X. Menu]
*/
.menu-icons {
flex-shrink: 0;
}
.menu-icons > li > a {
padding-right: 10px;
padding-left: 10px;
}
.menu-icons > li > a span {
padding-right: 7px;
}
.horizontal-menu > li {
display: inline-block;
}
.horizontal-menu .menu-icon-mode, .horizontal-menu .menu-icon-style-3 > a {
display: inline-flex;
align-items: center;
}
.horizontal-menu .sub-menu {
margin: 0;
}
.menu-main-menu,
.menu-secondary {
flex-wrap: wrap;
}
.icon-logged-in img {
border-radius: 50px;
vertical-align: middle;
width: 19px;
min-width: 10px;
}
/*------------------------------------------------------------------
[X. Stickies]
*/
.sticky-menu {
z-index: 50;
top: 0;
position: relative;
}
.site-mob-header.sticky-menu {
width: 100% !important;
}
.stuck > .bg-area {
background: inherit;
}
.spacer {
background: inherit;
z-index: 101 !important;
}
.sticky-menu-2.stuck {
position: -webkit-sticky;
position: sticky;
top: 0;
transform: translate3d(0, -100%, 0);
transition: 0.3s all;
will-change: transform;
}
.sticky-menu-2.stuck.active {
transform: translate3d(0, 0, 0);
}
.still {
transition: none !important;
}
.sticky-menu-3.slidedown {
position: -webkit-sticky;
position: sticky;
top: 0;
animation: slidedown .3s ease-out forwards;
}
#progress {
position: absolute;
bottom: -3px;
height: 3px;
width: 0;
background-color: #ef2673;
transition: 0.2s opacity, 0.3s bottom;
opacity: 0;
}
.mob-bot-share {
position: fixed;
bottom: 0;
height: 45px;
width: 100%;
transform: translatey(200%);
transition: 0.3s all;
z-index: 5;
}
.mob-bot-share .share-buttons {
text-align: center;
height: inherit;
display: flex;
}
.mob-bot-share .share-button {
width: 50%;
color: #111;
text-transform: uppercase;
font-size: 10px;
height: inherit;
float: right;
line-height: 45px;
}
.mob-bot-share i {
font-size: 16px;
}
.mob-bot-share-2 {
background: #fff;
border-top: 1px solid #eee;
}
.mob-bot-share-1 .share-button {
color: #fff;
}
.mob-bot-share-1 .share-button-wa {
background: #00EC67;
}
.mob-bot-share-1 .share-button-vb {
background: #7360f2;
}
.mob-bot-share-1 .share-button-tw {
background: #1da1f2;
}
.mob-bot-share-1 .share-button-fb {
background: #3b5998;
}
.mob-bot-share-1 .share-button-msg {
background: #0084ff;
}
.mob-bot-share-1 .share-button-lm {
background: #56b535;
}
.mob-bot-share-1 .share-button-tg {
background: #0088CC;
}
.mob-bot-share-1 .share-button-pin {
background: #bd081c;
}
.mob-bot-share-1 .share-button-hatena {
background: #00a4de;
}
/*------------------------------------------------------------------
[X. Header]
*/
.horizontal-menu .drop,
.horizontal-menu > li > a,
.horizontal-menu .logo-main-menu a {
display: inline-block;
}
.logo-h1 {
line-height: 0;
}
.main-navigation {
position: relative;
}
.menu-icon-style-3 .tipi-i-search {
text-transform: inherit;
}
.main-menu-l .main-navigation {
text-align: right;
}
.main-menu-l .secondary-wrap .current-date {
padding-right: 12px;
}
.main-menu-c .main-navigation {
text-align: center;
}
.menu-icon a:before {
font-weight: 400 !important;
}
.menu-icon i {
font-weight: 400 !important;
}
.main-menu-tight .menu-icon {
float: none !important;
}
.bg-area > *,
.bg-area .bg-area-inner > * {
position: relative;
z-index: 11;
}
.bg-area > .splitter {
z-index: 12;
position: absolute;
}
.bg-area .background {
z-index: 0;
position: absolute;
}
.logo-main-wrap-center {
text-align: center;
justify-content: center;
}
.logo-main-wrap-center .logo-img {
margin: 0 auto;
}
.logo-main-wrap-center .tipi-flex-right {
text-align: center;
}
.logo {
display: inline-block;
}
.logo-p_menu {
display: flex;
align-items: center;
margin-left: 10px;
}
.block-da-header_top,
.logo-main-wrap-center .block-da {
width: 100%;
padding: 30px 0;
line-height: 1.5;
text-align: center;
}
.block-da-header_top {
padding: 15px 20px;
}
/*------------------------------------------------------------------
[X. Mobile Header]
*/
.site-mob-header {
position: relative;
z-index: 10;
}
.site-mob-header .bg-area {
background: inherit;
max-width: 100%;
}
.site-mob-header .tipi-i-user {
font-size: 18px;
}
.site-mob-header .menu-icon-login + .menu-icon-mobile-slide a {
margin-top: 2px;
}
.site-mob-header .menu-left {
text-align: right;
flex: 1;
margin-right: -7px;
}
.site-mob-header .logo-main-wrap {
text-align: center;
}
.site-mob-header .menu-right {
flex: 1;
margin-left: -7px;
margin-right: auto;
text-align: left;
justify-content: flex-end;
}
.site-mob-header .icons-wrap li {
display: flex;
}
.site-mob-header .icons-wrap li a {
padding: 0 7px;
}
.site-mob-header .menu-right-2x {
justify-content: flex-end;
}
.site-mob-header-1 .logo-main-wrap {
display: flex;
justify-content: center;
}
.site-mob-header-1.site-skin-2 .logo-fallback {
color: #fff;
}
.site-mob-header-2 .logo-main-wrap {
text-align: right;
}
.site-mob-header-3-logo {
text-align: center;
margin: 30px 0;
padding: 0 20px;
}
.site-mob-header-3 .logo-main-wrap {
background: #fff;
padding: 25px;
}
.menu-item-has-children > a:after {
font-family: 'tipi';
content: '\e909';
margin-right: 5px;
line-height: 1;
font-size: inherit;
}
.site-mob-menu-a-4.mob-open .site-mob-header-11 .tipi-i-menu-mob {
opacity: 0;
}
.site-mob-header-11 {
text-align: center;
}
.site-mob-header-11 .mobile-navigation {
margin-top: 10px;
}
.site-mob-header-11 .mobile-navigation li {
margin-top: 10px;
padding: 0 5px;
}
.site-mob-header-11 .mobile-navigation .mob-tr-open {
height: 20px;
}
.site-mob-header-11 .open-child {
top: 1px;
position: relative;
margin-right: 5px;
}
.site-mob-header-11 .mobile-navigation-2 {
z-index: 5;
font-size: 12px;
}
.site-mob-header-11 .mobile-navigation-2 .sub-menu {
margin-right: -5px;
margin-top: 20px;
position: absolute;
background: #111;
z-index: 1;
}
.site-mob-header-11 .mobile-navigation-2 .sub-menu a {
color: #fff;
}
.site-mob-header-11 .mobile-navigation-2 .sub-menu li {
padding: 10px 15px;
}
.site-mob-header-11 .mobile-navigation-2 .sub-menu .menu-item-has-children .open-child {
display: none;
}
.site-mob-header-11 .mobile-navigation-2 .sub-menu .sub-menu {
display: none;
}
.site-mob-header-11 .logo-main-wrap {
width: 100%;
}
.menu-mobile .tapped .sub-menu {
opacity: 1;
position: relative;
visibility: visible;
margin-top: 5px;
height: auto;
}
.menu-mobile .sub-menu {
opacity: 0;
visibility: hidden;
transition: all 0.35s cubic-bezier(0, 0.99, 0.99, 1);
margin-right: -5px;
text-align: right;
position: absolute;
}
.menu-mobile .sub-menu:not(.opened-child) li {
display: none;
}
.menu-mobile .sub-menu li {
margin: 0;
position: relative;
padding: 5px 30px;
}
.menu-mobile .sub-menu li a {
padding: 0;
}
.menu-mobile .sub-menu .sub-menu {
opacity: 0;
height: 0;
visibility: hidden;
margin-top: 10px;
}
.main-menu-inline {
z-index: 12;
position: relative;
}
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 12;
}
/*------------------------------------------------------------------
[X. Mobile Menu]
*/
.mob-open {
overflow: hidden;
}
.mobile-navigation-widgets .zeen-widget {
margin-top: 30px;
}
.mobile-navigation-dd .menu-item-has-children > a:after {
display: none;
}
.mobile-navigation-dd .open-child i {
transition: 0.2s ease-out;
}
.mobile-navigation-dd .child-is-open i {
transform: rotate(90deg);
}
.mobile-navigation-dd .child-is-open i:before {
content: '\e5cd';
}
.mobile-navigation-dd .opened-child {
visibility: visible !important;
opacity: 1 !important;
}
.admin-bar .mob-menu-wrap .bg-area {
padding-top: 30px;
}
.mob-menu-wrap {
position: fixed;
width: 100%;
height: 100%;
z-index: 102;
top: 0;
right: 0;
bottom: 0;
font-size: 18px;
}
.mob-menu-wrap .mobile-cta-wrap {
margin-top: 15px;
}
.mob-menu-wrap .mobile-cta-wrap > div {
width: 100%;
}
.mob-menu-wrap .mobile-cta-wrap > div a {
width: 100%;
}
.mob-menu-wrap .mobile-cta-wrap .tipi-button-cta {
height: auto;
padding: 15px 0;
}
.mob-menu-wrap .mobile-cta-wrap .tipi-button-cta .button-text {
line-height: 1;
font-size: inherit;
}
.mob-menu-wrap .mobile-cta-wrap-2 > div {
width: calc( 50% - 10px);
}
.mob-menu-wrap .mobile-cta-wrap-2 .tipi-button-cta-wrap:first-child {
margin-left: 20px;
}
.mob-menu-wrap .mobile-navigation .mobile-search-wrap {
margin-top: auto;
}
.mob-menu-wrap .mobile-navigation .mobile-search-wrap .search {
width: 100%;
border: 1px solid #333;
border-radius: 2px;
padding: 10px;
}
.mob-menu-wrap .mobile-navigation .mobile-search-wrap .search .search-field {
width: 100%;
color: inherit;
font-family: inherit;
}
.mob-menu-wrap .mobile-navigation .mobile-search-wrap + .vertical-menu {
margin-top: 30px;
}
.mob-menu-wrap.site-skin-1 .mobile-navigation .search {
border-color: #e5e5e5;
}
.mob-menu-wrap .menu-icon-subscribe {
font-size: 15px;
}
.mob-menu-wrap .content-wrap {
height: 100%;
}
.mob-menu-wrap .open-child:not(.text-link) {
float: left;
}
.mob-menu-wrap .open-child:not(.text-link) i {
font-size: 15px;
font-weight: 700;
position: relative;
display: inline-block;
}
.mob-menu-wrap .opened-child {
height: auto !important;
position: relative !important;
}
.mob-menu-wrap .content {
height: 100%;
padding: 30px 45px;
display: flex;
flex-direction: column;
flex-grow: 1;
overflow: auto;
}
.mob-menu-wrap .content .logo {
animation-delay: 0.3s;
}
.mob-menu-wrap .content .logo + .menu-icons {
margin-top: 60px;
}
.mob-menu-wrap .content .mobile-navigation {
animation-delay: 0.4s;
}
.mob-menu-wrap .content .menu-icons {
animation-delay: 0.65s;
}
.mob-menu-wrap .vertical-menu {
margin: auto;
width: 100%;
font-size: 18px;
}
.mob-menu-wrap .vertical-menu li {
margin-bottom: 7px;
font-weight: 400;
text-transform: none;
padding-left: 0;
}
.mob-menu-wrap .vertical-menu > li > .sub-menu {
font-size: 13px;
padding-top: 7px;
}
.mob-menu-wrap .mobile-navigation {
margin-top: 30px;
margin-bottom: 30px;
display: flex;
overflow: auto;
flex-direction: column;
flex-grow: 1;
}
.mob-menu-wrap .menu-icons {
display: flex;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
}
.mob-menu-wrap .menu-icons li {
margin: 0 5px 10px;
}
.mob-menu-wrap .menu-icons .menu-icon-login a {
padding-left: 0;
display: inline-block;
}
.mob-menu-wrap .menu-icons .menu-icon-login img {
vertical-align: baseline;
}
.mob-menu-wrap .menu-icons .menu-icon-style-3,
.mob-menu-wrap .menu-icons .menu-icon-style-4 {
display: block;
margin-bottom: 10px;
}
.mob-menu-wrap .menu-icons .menu-icon-style-3 img,
.mob-menu-wrap .menu-icons .menu-icon-style-4 img {
vertical-align: middle;
}
.mob-menu-wrap .bg-area {
height: 100%;
}
.mob-menu-wrap .tipi-close-icon {
position: absolute;
top: 20px;
left: 20px;
font-size: 30px;
z-index: 12;
line-height: 1;
}
.mob-menu-wrap .content > * {
opacity: 0;
transform: translatex(20px);
}
.admin-bar .mob-menu-wrap .tipi-close-icon {
top: 52px;
}
.mob-open .mob-menu-wrap .content > * {
animation-timing-function: ease-out;
animation-fill-mode: forwards;
animation-duration: 0.25s;
animation-name: mobMenuL;
}
.mob-open.site-mob-menu-a-2 .mob-menu-wrap .content > * {
animation-name: tipiSlideUpOpa;
}
@keyframes mobMenuL {
from {
opacity: 0;
transform: translatex(-20px);
}
to {
opacity: 1;
transform: translatex(0);
}
}
.site-mob-menu-2 .mob-menu-wrap {
text-align: center;
}
.site-mob-menu-2 .mob-menu-wrap .menu-item-has-children > a:first-child {
margin-right: 15px;
}
.site-mob-menu-2 .mob-menu-wrap .sub-menu {
text-align: center;
}
.site-mob-menu-2 .mob-menu-wrap .vertical-menu li {
padding-right: 0;
}
.site-mob-menu-3 .mob-menu-wrap {
font-size: 15px;
}
.site-mob-menu-3 .mob-menu-wrap .mobile-navigation {
margin-top: 0;
}
.site-mob-menu-3 .mob-menu-wrap .tipi-close-icon {
color: #111;
border-radius: 50%;
padding: 10px;
background: rgba(255, 255, 255, 0.9);
font-size: 15px;
}
.site-mob-menu-3 .mob-menu-wrap .content-wrap {
padding: 25px;
background: rgba(0, 0, 0, 0.9);
height: 40vh;
color: #fff;
position: absolute;
bottom: 15px;
width: calc(100% - 30px);
right: 15px;
}
.site-mob-menu-3 .mob-menu-wrap .content-wrap a {
color: #fff;
}
.site-mob-menu-3 .mob-menu-wrap .content {
padding: 0;
}
.site-mob-menu-3 .mob-menu-wrap .menu-icons {
padding-top: 15px;
margin-bottom: -15px;
}
.site-mob-menu-3 .mob-menu-wrap .logo-mobile-menu {
position: fixed;
top: 30px;
right: 30px;
}
.site-mob-menu-3 .mob-menu-wrap .mobile-navigation {
justify-content: flex-start;
}
.site-mob-menu-4 .mob-menu-wrap .open-child {
margin-right: auto;
}
.site-mob-menu-4 .mob-menu-wrap .mobile-navigation {
margin-top: 0;
padding-top: 30px;
}
.site-mob-menu-4 .mob-menu-wrap .tipi-close-icon {
top: 30px;
}
.site-mob-menu-4 .mob-menu-wrap .menu-mobile li {
align-items: center;
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}
.site-mob-menu-4 .mob-menu-wrap .menu-mobile li a,
.site-mob-menu-4 .mob-menu-wrap .menu-icons,
.site-mob-menu-4 .mob-menu-wrap .logo-mobile-menu {
padding: 15px 20px;
margin: 0;
}
.site-mob-menu-4 .mob-menu-wrap .menu-item-has-children a:first-child {
width: calc(100% - 60px);
}
.site-mob-menu-4 .mob-menu-wrap .menu-item-has-children .open-child {
width: 60px;
}
.site-mob-menu-4 .mob-menu-wrap .menu-mobile li,
.site-mob-menu-4 .mob-menu-wrap .logo-mobile-menu {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.site-mob-menu-4 .mob-menu-wrap .sub-menu {
width: 100%;
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 0 !important;
}
.site-mob-menu-4 .mob-menu-wrap .sub-menu li:last-of-type {
border-bottom: 0;
padding-bottom: 0;
}
.site-mob-menu-4 .mob-menu-wrap .content {
padding-right: 0;
padding-left: 0;
}
.site-mob-menu-4 .mob-menu-wrap .menu-icons {
padding-bottom: 5px;
}
.site-mob-menu-4 .mob-menu-wrap .logo-mobile-menu {
width: 100%;
padding-top: 0;
padding-bottom: 30px;
}
.site-mob-menu-4 .mob-menu-wrap.site-skin-1 .menu-mobile li,
.site-mob-menu-4 .mob-menu-wrap.site-skin-1 .logo-mobile-menu {
border-bottom: 1px solid #f1f1f1;
}
.site-mob-menu-a-1 .mob-menu-wrap {
transform: translateX(-100%);
}
.site-mob-menu-a-1 .site-mob-header.sticky-menu-2.stuck,
.site-mob-menu-a-1 .site-mob-header,
.site-mob-menu-a-1 .site-inner,
.site-mob-menu-a-1 .sticky-menu-2 .stuck.active,
.site-mob-menu-a-1 .zeen-top-block,
.site-mob-menu-a-1 .mob-menu-wrap,
.site-mob-menu-a-1 .zeen-instagram-block {
transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1) !important;
}
.site-mob-menu-a-1.mob-open .mob-menu-wrap {
transform: translateX(0);
}
.site-mob-menu-a-1.mob-open .site-mob-header,
.site-mob-menu-a-1.mob-open .site-inner,
.site-mob-menu-a-1.mob-open .sticky-menu-2 .stuck.active,
.site-mob-menu-a-1.mob-open .zeen-top-block {
transform: translate3d(50px, 0, 0) !important;
}
.site-mob-menu-a-2 .mob-menu-wrap {
opacity: 0;
visibility: hidden;
transition: all 0.3s !important;
}
.site-mob-menu-a-2.mob-open {
overflow: hidden;
}
.site-mob-menu-a-2.mob-open .mob-menu-wrap {
opacity: 1;
visibility: visible;
}
.tipi-i-menu-mob {
width: 12px;
height: 2px;
background: #fff;
position: relative;
margin: 0 auto;
border-radius: 1px;
display: block;
}
.tipi-i-menu-mob:before, .tipi-i-menu-mob:after {
width: inherit;
display: block;
height: inherit;
border-radius: inherit;
background: inherit;
content: '';
position: absolute;
width: 125%;
}
.tipi-i-menu-mob:before {
top: -5px;
}
.tipi-i-menu-mob:after {
top: 5px;
}
.site-mob-header.site-skin-1 .tipi-i-menu-mob {
background: #111;
}
.site-mob-header.site-skin-1 .menu-icon {
color: #111;
}
.site-mob-menu-a-4 .site-inner,
.site-mob-menu-a-4 .site-mob-header.sticky-menu-2 .stuck {
z-index: 2;
}
.site-mob-menu-a-4 .zeen-top-block {
position: relative;
}
.site-mob-menu-a-4 .site-inner,
.site-mob-menu-a-4 .sticky-menu-2 .stuck.active,
.site-mob-menu-a-4 .zeen-top-block,
.site-mob-menu-a-4 .zeen-instagram-block {
z-index: 3;
}
.site-mob-menu-a-4 .mob-menu-wrap {
right: auto;
left: 0;
transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1), visibility 0s 1.1s;
width: calc(100vw - 60px);
z-index: 1;
visibility: hidden;
transform: translate3d(-50%, 0, 0);
}
.site-mob-menu-a-4 .mob-menu-wrap .mob-tr-close {
display: none;
}
.site-mob-menu-a-4 .site-inner:after {
content: '';
background: #aaa;
top: 0;
right: 0;
width: 100%;
height: 100%;
position: absolute;
display: block;
z-index: 300;
opacity: 0;
visibility: hidden;
}
.site-mob-menu-a-4.mob-open .spacer-mob-header {
right: 80vw !important;
}
.site-mob-menu-a-4.mob-open .tipi-i-menu-mob {
background: transparent !important;
height: 100%;
top: 0;
}
.site-mob-menu-a-4.mob-open .tipi-i-menu-mob:before, .site-mob-menu-a-4.mob-open .tipi-i-menu-mob:after {
top: 0;
background: #fff;
width: 100%;
height: 2px;
top: calc(50% - 1px);
}
.site-mob-menu-a-4.mob-open .tipi-i-menu-mob:before {
transform: rotate(45deg);
}
.site-mob-menu-a-4.mob-open .tipi-i-menu-mob:after {
width: 100%;
transform: rotate(-45deg);
}
.site-mob-menu-a-4.mob-open .mob-menu-wrap {
transform: translate3d(0, 0, 0);
transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1), visibility 0s;
visibility: visible;
}
.site-mob-menu-a-4.mob-open .mob-bot-share,
.site-mob-menu-a-4.mob-open .zeen-instagram-block,
.site-mob-menu-a-4.mob-open .site-mob-header,
.site-mob-menu-a-4.mob-open .site-inner,
.site-mob-menu-a-4.mob-open .sticky-menu-2 .stuck.active,
.site-mob-menu-a-4.mob-open .zeen-top-block,
.site-mob-menu-a-4.mob-open .top-bar-message {
transform: translate3d(calc(-1*(60px - 100vw)), 0, 0) !important;
}
.site-mob-menu-a-4.mob-open .site-inner,
.site-mob-menu-a-4.mob-open .flickity-enabled.is-fade .flickity-slider > .is-selected {
pointer-events: none;
}
.site-mob-menu-a-4.mob-open .site-content,
.site-mob-menu-a-4.mob-open .site-footer {
opacity: 0.2;
}
.site-mob-menu-a-4.mob-open .site-inner:after {
opacity: 0.5;
}
.site-mob-menu-a-4.mob-open .sticky-menu-2 .stuck.active {
right: 0;
}
.site-mob-menu-a-4.mob-open .site-skin-1.site-mob-header .tipi-i-menu-mob:before,
.site-mob-menu-a-4.mob-open .site-skin-1.site-mob-header .tipi-i-menu-mob:after {
background: #111;
}
.mob-tr-open {
display: block;
padding-top: 0 !important;
padding-bottom: 0 !important;
height: 25px;
}
.mob-tr-open i {
margin-left: 3px;
float: left;
top: calc(50% - 1px);
}
/*------------------------------------------------------------------
[X. Sidebars]
*/
.sidebar-wrap {
z-index: 1;
text-align: right;
}
.sidebar-wrap .sidebar {
margin-bottom: 30px;
}
.sidebar-wrap .sb-skin-2 {
padding-bottom: 30px;
}
.sidebar-wrap .no-widgets {
padding: 30px;
}
.sidebar {
width: 100%;
}
.sidebar .zeen-widget:last-of-type:not(.widget_nav_menu) {
margin-bottom: 0;
border-bottom-width: 0;
}
.sidebar .background {
z-index: 0;
}
.content-area .zeen-widget {
position: relative;
z-index: 1;
}
.content-area .zeen-widget:first-of-type {
padding-top: 0;
}
.site-skin-2 .widget-title {
opacity: 0.5;
}
.zeen_social_icons .tipi-i-sz-2 {
font-size: 30px;
}
.zeen_social_icons .tipi-i-sz-3 {
font-size: 44px;
}
/*------------------------------------------------------------------
[X. Widgets]
*/
.textwidget h2,
.textwidget h3,
.textwidget h4 {
margin-bottom: 0.5em;
}
.textwidget p {
margin-bottom: 1em;
}
.textwidget p:last-child {
margin-bottom: 0;
}
.zeen-video {
position: relative;
line-height: 0;
}
.zeen-video .media-icon .icon-bg {
background: rgba(0, 0, 0, 0.15);
border: 4px solid #fff;
}
.zeen-video .media-icon i {
color: #fff;
}
.zeen_comments_with_avatar .author-avatar {
width: 10px;
display: inline-block;
line-height: 0;
margin-left: 5px;
}
.zeen_comments_with_avatar .author-avatar img {
border-radius: 50%;
}
.zeen_comments_with_avatar img {
flex-shrink: 0;
}
.zeen_comments_with_avatar i {
margin-left: 5px;
}
.zeen_comments_with_avatar .meta-elements {
margin-bottom: 10px;
}
.zeen_comments_with_avatar .comment-excerpt {
float: right;
font-size: 0.9em;
margin-top: 10px;
margin-bottom: 0;
}
.zeen_comments_with_avatar .meta {
margin-bottom: -10px;
margin-top: 15px;
font-size: 10px;
}
.zeen_comments_with_avatar .comment-post-title {
margin-left: 10px;
}
.zeen_comments_with_avatar .stylish-comment {
margin-bottom: 15px;
border-bottom: 1px dotted #eeeeee;
padding-bottom: 15px;
}
.zeen_comments_with_avatar .stylish-comment:last-of-type {
border-bottom: 0;
padding-bottom: 0;
}
.sidebar-bg-dark .zeen_comments_with_avatar .stylish-comment,
.sidebar-bg-dark .preview-thumbnail {
border-color: #232323;
}
.zeen_social_icons ul {
margin-right: -20px;
display: inline-block;
}
.zeen_social_icons ul > li:first-child .tipi-i-sz-1 {
margin-right: 20px;
}
.zeen_social_icons li {
display: inline-block;
line-height: 1;
text-align: center;
}
.zeen_social_icons a {
margin: 0 20px 40px;
}
.zeen_social_icons .tipi-i-sz-1 {
margin: 0 10px 20px;
}
.zeen_social_icons .zeen-social-icons-dark {
color: #000;
}
.zeen_social_icons .zeen-social-icons-light {
color: #fff;
}
.zeen_social_icons .social-align-0 {
text-align: center;
}
.twitch {
position: relative;
width: 100%;
padding-bottom: 56.25%;
background: #161616;
}
.twitch iframe {
position: absolute;
width: 100%;
height: 100%;
z-index: 3;
transition-delay: 0.3s;
transition: 0.7s ease-out;
}
.twitch:after {
content: "\f1e8";
font-family: 'tipi';
color: #fff;
font-size: 40px;
position: absolute;
top: 30px;
left: 30px;
z-index: 2;
line-height: 1;
text-align: center;
}
.twitch:not(.ani-in) iframe {
transform: scale(0.9, 0.9);
opacity: 0;
}
.instagram-media {
min-width: 0 !important;
}
.instagram-media:before {
display: none;
}
.zeen-instagram-block {
position: relative;
}
.zeen-instagram-block .sbi_photo {
background: #fff;
display: block;
position: relative;
}
.zeen-instagram-block img {
width: 100%;
}
.zeen-instagram-block.tipi-row {
padding-right: 0;
padding-left: 0;
}
.zeen-instagram-2 .sbi_photo {
background: #000;
}
.zeen-instagram-2 .sbi_photo img {
transition: 0.2s;
}
.zeen-instagram-2 .sbi_photo:before {
content: "\f16d";
top: 50%;
right: 50%;
position: absolute;
font-family: 'tipi' !important;
color: white;
font-size: 30px;
z-index: 2;
margin-right: -13px;
opacity: 0;
transition: 0.2s;
}
.zeen-instagram-2 .sbi_photo:hover:before {
opacity: 1;
}
.zeen-instagram-2 .sbi_photo:hover img {
opacity: 0.5;
}
.zeen_stylish_posts .tipi-row-inner-style {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.zeen_stylish_posts .tipi-s-typo .title-wrap:first-of-type .title {
padding-top: 15px;
}
.zeen_stylish_posts .block-wrap-55 .slider-arrow-2 {
width: 40px;
}
.zeen_stylish_posts .block-wrap-55 .slider-arrow-2 i {
font-size: 24px;
}
.zeen_stylish_posts .block-wrap-55 article {
padding-bottom: 66%;
}
.zeen_stylish_posts .block-wrap-55 article .title {
padding-top: 0 !important;
}
.zeen_stylish_posts .block-wrap-55 .slider-arrow {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.zeen_stylish_posts article:last-of-type {
margin-bottom: 0;
}
.zeen_stylish_posts .only-filters .load-more-wrap-2 {
text-align: right;
margin-bottom: 20px !important;
}
.zeen_stylish_posts .only-filters .filters {
justify-content: center;
margin-top: 0;
}
.zeen_stylish_posts .block .stack-1 {
padding-bottom: 30px;
}
.zeen_stylish_posts .block .stack-1 .title {
font-size: 15px !important;
}
.about_me__read_more {
display: block;
margin-top: 10px;
font-size: 10px;
text-transform: uppercase;
}
.about_me__content {
padding: 0 30px;
}
.about_me__content,
.about_me__signature {
margin-top: 30px;
text-align: center;
}
.about_me__signature,
.about_me__img {
text-align: center;
line-height: 0;
}
.about_me__img--round .about_me__img img {
border-radius: 50%;
}
.sb-skin-1 .zeen_stylish_posts .tipi-arrow {
border-color: #111;
color: #111;
}
.sb-skin-1 .zeen_stylish_posts i:after {
background: #111;
}
.sb-skin-1 .lets-review__widget__design-1 .score-bar {
background: #f2f2f2;
}
.sb-skin-1 .lets-review__widget__design-1 .score {
color: #111;
}
.widgets-skin-11 .lets-review__widget__design-1 .score-bar {
background: #fff;
}
.widgets-title-skin-11 .widget-title {
background: #f2f2f2;
}
.widgets-title-skin-2 .widget-title {
background: #1c1d1e;
}
.widgets-title-skin-2 .widget-title,
.widgets-title-skin-11 .widget-title {
padding: 12px;
}
.widget-title-c .sidebar-widget .widget-title {
text-align: center;
}
/*------------------------------------------------------------------
[X. Load more]
*/
.load-more-wrap-1 {
padding: 45px 0 15px;
text-align: center;
}
.no-more-wrap .load-more-wrap-2 {
display: none;
}
.block-more-1 {
font-weight: 700;
}
.block-more-1:hover i {
transform: translateX(3px);
}
.block-more-2 {
margin-right: 3px;
}
.no-more {
opacity: 0.25;
pointer-events: none;
}
.block-changer {
opacity: 0.5;
}
.block-mm-init {
opacity: 1;
}
.block-changer.active {
opacity: 1;
}
.block-changer.active:before {
opacity: 1 !important;
}
/*------------------------------------------------------------------
[X. Tipi blocks]
*/
.grid-spacing {
border-left: 0 solid transparent;
border-top: 0 solid transparent;
}
.meta {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.block-wrap-34 {
position: relative;
}
.contents-wrap .block-wrap:first-of-type .block-81:first-of-type article:first-of-type,
.contents-wrap .block-wrap:first-of-type .block-96:first-of-type article:first-of-type,
.contents-wrap .block-wrap:first-of-type .block-93:first-of-type article:first-of-type {
border-top-width: 0;
}
.block-wrap-social .menu-icons--wrap a {
margin-bottom: 20px;
}
.block-wrap-social .centered {
text-align: center;
}
#contents-wrap > .block-wrap-builder:first-of-type > .tipi-row-inner-style .block article:first-of-type .block-wrap-da .small-print {
margin-top: 10px;
}
.block-wrap-hoverer .preview-hoverer-74 {
overflow: hidden;
position: relative;
padding-bottom: 50%;
}
.block-wrap-hoverer .preview-hoverer-74.img__shape-2 {
padding-bottom: 100%;
}
.block-wrap-hoverer .preview-hoverer-74.img__shape-3 {
padding-bottom: 140%;
}
.block-wrap-hoverer .mask__wrap {
position: absolute;
height: 100%;
width: 100%;
background-color: #000;
}
.block-wrap-hoverer .mask__wrap .mask {
opacity: 0;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
transition: 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.block-wrap-hoverer .mask__wrap .selected {
opacity: 0.7;
}
.block-wrap-hoverer .meta__wrap {
position: absolute;
z-index: 2;
bottom: 0;
padding: 0;
height: 100%;
width: 100%;
}
.block-wrap-hoverer article {
align-items: flex-end;
padding: 30px;
border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.block-wrap-hoverer article:not(.selected) .meta {
opacity: 0.5;
}
.block-wrap-hoverer article:last-of-type {
border-left: 0;
}
.block-wrap-hoverer article a,
.block-wrap-hoverer article .meta,
.block-wrap-hoverer article .excerpt, .block-wrap-hoverer article .price {
color: #fff !important;
}
.block-wrap-hoverer article .title-wrap {
margin-bottom: 1.5em;
}
.block-wrap-hoverer article .title {
line-height: 1.5;
}
.block-wrap-hoverer article .excerpt {
height: 0;
padding-top: 0;
opacity: 0;
font-size: 0.9em !important;
}
.block-wrap-hoverer article .meta {
overflow: hidden;
transition: 0.2s;
}
.block-wrap-hoverer article.no-excerpt__ani .meta {
transform: translatey(-20px);
}
.block-wrap-grid {
overflow: hidden;
}
.block-wrap-grid .load-more-wrap-1 {
padding-top: 45px;
}
.block-wrap-grid .only-filters {
position: absolute;
z-index: 2;
padding: 0 !important;
}
.block-wrap-grid .only-filters .filters {
justify-content: flex-end;
width: 100%;
left: 15px;
top: 15px;
}
.block-wrap-grid .only-filters .filters .load-more-wrap-2 {
margin-right: auto !important;
}
.block-negative-margins {
overflow: visible;
z-index: 2;
position: relative;
}
.event__wrap {
width: 100%;
padding: 30px 0;
border-bottom: 1px solid #f1f1f1;
}
.block-title-wrap + .event__wrap,
.event__wrap:first-of-type {
border-top: 1px solid #f1f1f1;
}
.block-to-see {
transition: 0.5s opacity, 0.5s transform;
}
.block__ani-on {
opacity: 0;
}
.block__ani-0.tipi-seen {
animation-name: tipiOpa;
animation-fill-mode: forwards;
animation-duration: 0.5s;
}
.block__ani-1.tipi-seen {
animation-name: aniUpOpa;
animation-fill-mode: forwards;
animation-duration: 0.5s;
}
.block__ani-2.tipi-seen {
animation-name: aniLeftOpa;
animation-fill-mode: forwards;
animation-duration: 0.5s;
}
.block__ani-3.tipi-seen {
animation-name: aniDownOpa;
animation-fill-mode: forwards;
animation-duration: 0.5s;
}
.block__ani-4.tipi-seen {
animation-name: aniRightOpa;
animation-fill-mode: forwards;
animation-duration: 0.5s;
}
.block__ani-5 {
opacity: 1;
}
.block__ani-5 .mask-img {
transform-origin: 50% 50% 0px;
}
.block__ani-5.tipi-seen .mask-img {
animation-name: tipiPanZoom;
animation-fill-mode: forwards;
animation-duration: 15s;
}
.block__ani-5.tipi-seen:nth-child(4n - 3) .mask-img {
animation-name: tipiPanZoomLeft;
}
.block__ani-5.tipi-seen:nth-child(4n - 1) .mask-img {
animation-name: tipiPanZoomRight;
}
.block__ani-5:nth-child(4n - 1) .mask-img {
transform-origin: 0% 100% 0px;
}
.block__ani-5:nth-child(4n - 3) .mask-img {
transform-origin: 100% 0% 0px;
}
.ani-on-load-5 .mask-img {
animation: tipiPanZoom 15s linear normal forwards;
transform-origin: 50% 50% 0px;
}
.ani-on-load-6 .mask-img {
animation: tipiZoom 1.5s ease-in normal forwards;
}
.ani-on-load-7 .mask-img {
animation: tipiZoom 1.5s ease-in reverse forwards;
}
.ani-on-load img, .ani-on-load picture {
opacity: 0;
transition: 1s ease;
}
.ani-on-load .mask-img {
animation-play-state: paused;
}
.ani-on-load.tipi-seen .zeen-lazy-loaded-wrap {
animation-play-state: running;
}
.ani-on-load.tipi-seen .zeen-lazy-loaded-wrap img, .ani-on-load.tipi-seen .zeen-lazy-loaded-wrap picture {
opacity: 1;
}
.block__ani-stagger {
animation-delay: calc(var(--animation-order) * 150ms);
}
.skin-dark .event__wrap {
color: #fff;
}
.event__info {
flex-grow: 1;
flex-wrap: wrap;
}
.event__img {
line-height: 0;
}
.event__date {
min-width: 15%;
padding-left: 50px;
}
.event__location,
.event__name__wrap {
flex-grow: 1;
}
.col--3 .event__location {
padding-left: 0;
}
.event__url {
text-align: left;
}
.event__url .tipi-button {
min-width: 130px;
text-align: center;
}
.event__url .tipi-button i {
left: 20px;
}
.event__url span.tipi-button {
opacity: 0.6;
cursor: auto;
}
.event__el img {
width: 35px;
margin-left: 10px;
}
.block-skin-2 .event__wrap {
border-color: #292929;
}
.block-wrap-classic .only-filters .filters {
position: relative;
text-align: center;
width: 100%;
}
.tipi-row-inner-box {
position: relative;
background: inherit;
}
.tipi-row-inner-style {
width: 100%;
background: inherit;
}
.block {
position: relative;
align-items: stretch;
flex-flow: row wrap;
}
.block article {
position: relative;
}
.block-piece {
width: 100%;
}
.block-piece article {
float: right;
}
.preview-2:not(.elements-location-2) .title-wrap:first-child {
padding-top: 10px;
}
.preview-2 .mask {
max-height: 500px;
display: flex;
overflow: hidden;
align-items: center;
}
.mask-img {
display: block;
width: 100%;
height: 100%;
}
.zeen-col-sz-66 .preview-2 .mask {
max-height: 385px;
}
.zeen-col--narrow .stack-1 .byline-2 {
margin-top: 20px;
}
.block-col-self .preview-2 .mask {
max-height: 650px;
}
.block-col-self .zeen-da-wrap {
text-align: center;
}
.preview-2.shape-p .mask, .preview-2.shape-s .mask {
max-height: none;
}
.block-ani {
overflow: hidden;
}
.block-ani article {
opacity: 0;
}
.block-ani.loaded article {
animation-timing-function: cubic-bezier(0, 0, 0.3, 1);
animation-fill-mode: forwards;
animation-duration: 0.2s;
animation-name: tipiSlideUpOpa;
animation-delay: calc( 0.075s * var( --animation-order ));
}
.block-ani.block-ani-r article {
animation-name: tipiSlideRightOpa;
}
.block-ani.block-ani-l article {
animation-name: tipiSlideLeftOpa;
}
.block-wrap {
border: 0;
margin-right: auto;
margin-left: auto;
border-image-slice: 1;
width: 100%;
display: block;
text-align: right;
}
.block-wrap .tipi-row-inner-style {
border-image-slice: 1;
}
.site-skin-2 .load-more-wrap .tipi-button-border {
border-color: #fff;
}
.site-skin-2 .load-more-wrap .tipi-button-border:hover {
background: #fff;
color: #222 !important;
}
.site-skin-2 .load-more-wrap .tipi-arrow {
color: #fff;
border-color: #fff;
}
.site-skin-2 .load-more-wrap .tipi-arrow i:after {
background: #fff;
}
.tipi-row-inner-box {
width: 100%;
}
.ppl-s-2 .block,
.ppl-m-3 .block,
.ppl-l-3 .block,
.ppl-xl-4 .block,
.ppl-xl-5 .block,
.block-wrap-42 .block {
justify-content: space-between;
}
.block-67 {
align-items: center;
}
.block-69 .preview-thumbnail {
border-bottom: 0;
}
.block-69 .preview-thumbnail .mask {
width: 100%;
}
.block-69 .block-piece-1 .meta {
text-align: center;
}
.hero-wrap.gallery-viewing .mask-overlay {
opacity: 0;
visibility: hidden;
}
.title-middle .gallery-viewing .hero-meta,
.title-middle-bl .gallery-viewing .hero-meta {
opacity: 0;
pointer-events: none;
}
.title-middle .gallery-viewing .slide:before,
.title-middle-bl .gallery-viewing .slide:before {
opacity: 0 !important;
}
.tiled-gallery .gallery-row {
overflow: hidden;
width: 100% !important;
}
.classic-title-overlay .block-piece-1 .mask,
.classic-title-overlay .block-67 .mask,
.drop-it .tile-design-4 .mask,
.meta-overlaid article .mask,
.classic-to-grid .mask {
background: #111;
}
.classic-title-overlay .block-piece-1 .mask .wp-post-image,
.classic-title-overlay .block-67 .mask .wp-post-image,
.drop-it .tile-design-4 .mask .wp-post-image,
.meta-overlaid article .mask .wp-post-image,
.classic-to-grid .mask .wp-post-image {
opacity: 0.6;
}
.classic-title-overlay .block-piece-1 .extras,
.classic-title-overlay .block-67 .extras,
.drop-it .tile-design-4 .extras,
.meta-overlaid article .extras,
.classic-to-grid .extras {
top: 15px;
left: 15px;
right: auto;
}
.classic-title-overlay .block-piece-1 a,
.classic-title-overlay .block-67 a,
.drop-it .tile-design-4 a,
.meta-overlaid article a,
.classic-to-grid a {
color: #666;
}
.classic-title-overlay .block-piece-1 .has-post-thumbnail a,
.classic-title-overlay .block-piece-1 .has-post-thumbnail p,
.classic-title-overlay .block-piece-1 .has-post-thumbnail .byline-part,
.classic-title-overlay .block-67 .has-post-thumbnail a,
.classic-title-overlay .block-67 .has-post-thumbnail p,
.classic-title-overlay .block-67 .has-post-thumbnail .byline-part,
.drop-it .tile-design-4 .has-post-thumbnail a,
.drop-it .tile-design-4 .has-post-thumbnail p,
.drop-it .tile-design-4 .has-post-thumbnail .byline-part,
.meta-overlaid article .has-post-thumbnail a,
.meta-overlaid article .has-post-thumbnail p,
.meta-overlaid article .has-post-thumbnail .byline-part,
.classic-to-grid .has-post-thumbnail a,
.classic-to-grid .has-post-thumbnail p,
.classic-to-grid .has-post-thumbnail .byline-part {
color: #fff;
}
.classic-title-overlay .block-piece-1 .meta,
.classic-title-overlay .block-67 .meta,
.drop-it .tile-design-4 .meta,
.meta-overlaid article .meta,
.classic-to-grid .meta {
position: absolute;
top: 50%;
transform: translatey(-50%);
}
.classic-title-overlay .block-piece-1 .media-icon,
.classic-title-overlay .block-piece-1 .secondary-img,
.classic-title-overlay .block-piece-1 .lets-review-api-wrap,
.classic-title-overlay .block-67 .media-icon,
.classic-title-overlay .block-67 .secondary-img,
.classic-title-overlay .block-67 .lets-review-api-wrap,
.drop-it .tile-design-4 .media-icon,
.drop-it .tile-design-4 .secondary-img,
.drop-it .tile-design-4 .lets-review-api-wrap,
.meta-overlaid article .media-icon,
.meta-overlaid article .secondary-img,
.meta-overlaid article .lets-review-api-wrap,
.classic-to-grid .media-icon,
.classic-to-grid .secondary-img,
.classic-to-grid .lets-review-api-wrap {
display: none !important;
}
.classic-to-grid a,
.classic-to-grid .byline a,
.classic-to-grid .byline {
color: #fff;
}
.classic-to-grid.stack-1 .byline-2 {
margin-top: 0;
}
.classic-to-grid .mask-overlay {
z-index: 10;
}
.classic-to-grid:hover .wp-post-image {
opacity: 0.4;
}
.classic-title-overlay .block-piece-1 .title,
.classic-title-overlay .block-67 .title {
padding: 0 30px !important;
}
.zeen-da-wrap {
width: 100%;
}
.block-wrap-50 {
text-align: center;
}
.block-wrap-50 .block-title-wrap {
opacity: 0.5;
margin-bottom: 5px;
text-align: center;
}
.block-wrap-50 .block-title-wrap .block-title,
.block-wrap-50 .block-title-wrap .block-subtitle {
font-size: 12px;
}
.block-wrap-50 img {
vertical-align: top;
}
.block-29 .meta .title,
.block-28 .meta .title {
font-size: 15px;
}
.block-29 .meta .subtitle,
.block-28 .meta .subtitle {
font-size: 12px;
margin-top: 2px;
}
.block-wrap-55 {
text-align: center;
}
.block-wrap-55 .meta .title {
font-size: 18px;
}
.block-wrap-55 .media-icon {
display: none !important;
}
.inline-post .block a {
color: inherit;
}
.inline-post .block a:after {
display: none;
}
.preview-thumbnail {
border-bottom: 1px dotted #e9e9e9;
margin-bottom: 15px;
padding-bottom: 15px;
}
.preview-thumbnail .image__count {
display: none;
}
.preview-thumbnail:last-of-type {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
.block-wrap-35 .is-empty .title {
min-width: 240px;
max-width: 90%;
}
.block-wrap-35 .meta__wrap {
position: absolute;
top: 0;
right: 0;
height: 100%;
text-align: center;
line-height: 1.5;
width: 100%;
}
.block-wrap-35 .meta__wrap .title {
padding: 15px 20px;
}
.block-wrap-35 .meta__wrap .block-title {
display: block;
}
.block-wrap-35 .meta__wrap_f {
pointer-events: none;
}
.block-wrap-35 .mask {
background: transparent;
overflow: hidden;
}
.block-wrap-35 img {
width: 100%;
}
.block-wrap-33 .small-print {
margin-right: 10%;
display: block;
font-size: 12px;
}
.zeen-top-block .block-81 .preview-81 {
padding-bottom: 0;
height: 100vh;
max-height: 50vh;
}
.zeen-top-block .block-81 .preview-81 .meta {
max-width: 80vw;
}
.zeen-top-block .preview-grid .mask {
background: #161616;
}
.zeen-top-block .block-wrap {
width: 100%;
}
.zeen-top-block .block-wrap .tipi-row-inner-style {
background-color: #000;
}
.zeen-top-block .block-wrap .block {
width: 100%;
}
.zeen-top-block .block-wrap .block article {
border-width: 0;
}
.zeen-top-block .block-wrap.tipi-fs {
padding: 0;
}
.zeen-top-block .block .preview-grid .mask img {
position: static;
}
.zeen-top-block article .mask {
padding-bottom: 0 !important;
}
.zeen-top-block .block-title-wrap {
display: none;
}
.zeen-top-block .block-fs {
padding: 0;
}
.zeen-top-block .special-title {
position: absolute;
top: 15px;
right: 30px;
z-index: 2;
color: #fff;
font-size: 10px;
}
.zeen-top-block.standard-ani {
padding-bottom: 0 !important;
overflow: hidden;
}
.zeen-top-block.standard-ani > .block-wrap {
position: static;
margin-bottom: -2px;
}
.byline-1-exists .special-title {
right: 50%;
transform: translatex(50%);
}
.admin-bar .zeen-top-block .special-title {
top: 60px;
}
.separation-border-v {
display: none;
}
.separation-border:last-of-type:not(.masonry-child):not(.preview-text) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.mask:hover .secondary-img,
.preview-grid:hover .secondary-img {
opacity: 1;
z-index: 0;
}
.mask:hover picture.secondary-img img,
.preview-grid:hover picture.secondary-img img {
opacity: 1 !important;
}
.preview-mini-wrap {
position: relative;
}
.meta-overlay-base .with-fi .media-icon {
display: none;
}
.meta-overlay-base .with-fi .preview-mini-wrap {
overflow: hidden;
}
.meta-overlay-base .with-fi .preview-mini-wrap .mask-overlay {
background: #000;
}
.meta-overlay-base .with-fi .meta {
position: absolute;
z-index: 2;
color: #fff;
pointer-events: none;
}
.meta-overlay-base .with-fi .meta .title a,
.meta-overlay-base .with-fi .meta .byline a,
.meta-overlay-base .with-fi .meta .read-more,
.meta-overlay-base .with-fi .meta .byline {
color: #fff;
}
.meta-overlay-base .with-fi .meta .excerpt {
color: #fff !important;
}
.meta-overlay-base .with-fi .byline-2 {
margin-top: 0;
}
.meta-overlay-base .with-fi.preview-classic .mask:before {
background: #000;
opacity: 0.4 !important;
content: '';
position: absolute;
top: 0;
right: 0;
pointer-events: none;
width: 100%;
height: 100%;
z-index: 1;
}
.mejs-offscreen {
-webkit-clip-path: none !important;
clip-path: none !important;
}
.meta-overlay-1 .with-fi .meta,
.meta-overlay-3 .with-fi .meta {
padding: 0 15px;
top: 50%;
right: 50%;
text-align: center;
transform: translate3d(50%, calc(15px - 50%), 0);
}
.meta-overlay-2 .with-fi .meta,
.meta-overlay-4 .with-fi .meta {
text-align: right;
bottom: 0 !important;
top: auto;
padding: 30px;
}
.meta-overlay-2 .stack-design-2 .meta,
.meta-overlay-4 .stack-design-2 .meta {
margin-right: 0;
}
.meta-overlay-3 .with-fi .meta {
transform: translate3d(50%, -50%, 0);
}
.preview-2 {
width: 100%;
}
.split-1 .mask {
flex: 0 0 34%;
}
.split-1 .meta {
padding-right: 15px;
padding-left: 10px;
}
.split-1 .meta .title-wrap:first-of-type .title {
padding-top: 0;
}
.split-1.no-fi .meta {
padding-right: 0 !important;
padding-left: 0 !important;
}
.split-1.preview-3 .mask {
flex: 0 0 50% !important;
}
.split-1.preview-3 .meta {
text-align: center;
padding: 0 10px;
}
.flipped .split-1 .preview-mini-wrap {
flex-direction: row-reverse;
}
.flipped .split-1 .meta {
padding-left: 15px;
}
.split-design-1 .preview-mini-wrap {
align-items: center;
}
.split-design-2 .preview-mini-wrap {
align-items: flex-start;
}
.split-1 .preview-mini-wrap {
display: flex;
}
.preview-thumbnail .mask {
margin-left: 0;
}
.preview-thumbnail .byline .author-avatar img {
width: 10px;
}
.preview-thumbnail .byline-3 {
margin-top: 10px;
}
.preview-thumbnail .preview-mini-wrap .meta {
padding-left: 0;
}
.preview-thumbnail .byline:not(.byline-cats-design-2):not(.byline-cats-design-4) .byline-part:not(.author-avatar) {
opacity: 0.5;
}
.preview-thumbnail:not(.no-fi):not(.stack-1) .meta {
padding-right: 20px;
}
.stack-design-1 {
text-align: right;
}
.stack-design-2 {
text-align: center;
}
.stack-design-2 .meta {
padding-right: 7%;
padding-left: 7%;
max-width: 770px;
margin-right: auto;
margin-left: auto;
float: none;
}
.preview-25 .preview-mini-wrap {
align-items: center;
}
.preview-25 .preview-mini-wrap .mask {
background: transparent !important;
}
.preview-25 .preview-mini-wrap .mask img {
border-radius: 50%;
}
.preview-25 .preview-mini-wrap .meta {
padding-right: 20px;
overflow: hidden;
}
.preview-25 .preview-mini-wrap .title {
padding-top: 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.preview-25 .preview-mini-wrap .title a {
display: inline;
}
.preview-25,
.preview-22 {
margin-bottom: 30px;
padding-bottom: 0;
border-bottom: 0;
}
.preview-25 .price,
.preview-22 .price {
margin-top: 5px;
}
.block-25 .tipi-fill {
display: none;
}
.tipi-spin {
position: relative;
}
.tipi-spin:before {
content: '';
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
border: 3px solid #fff;
border-right-color: transparent !important;
border-left-color: transparent !important;
border-radius: 50%;
width: 50px;
height: 50px;
margin-top: -28px;
z-index: 2;
transition: opacity 0.3s;
margin-right: -28px;
animation: fullspin 1s infinite ease-out;
}
.tipi-spin.tipi-row-inner-style:before {
opacity: 1;
border-color: #111;
}
.tipi-spin-dark:before {
border-color: #111;
}
.frame-wrap-46 {
width: 100%;
padding-bottom: 66.27%;
position: relative;
background: #191b1c;
transition: padding 0.6s ease-out;
}
.frame-wrap-46 iframe,
.frame-wrap-46 video,
.frame-wrap-46 audio {
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 0;
}
.frame-wrap-46-pad {
position: relative;
width: 100%;
}
.block-wrap-video-player .icon-base-2 {
right: auto;
bottom: auto;
}
.block-wrap-video-player .mask {
background: #000 !important;
}
.block-wrap-video-player .mask img {
opacity: 0.5;
}
.block-wrap-video-player .videos-wrap {
max-width: 100%;
}
.block-wrap-video-player .duration {
color: #fff;
font-size: 12px;
font-weight: 400;
display: block;
}
.block-wrap-video-player .loading-embed iframe {
opacity: 0;
}
.block-wrap-video-player .loading-embed .meta {
opacity: 0;
visibility: hidden;
}
.block-wrap-video-player .loading-embed.active-embed .tipi-spin:before {
opacity: 0;
visibility: hidden;
}
.block-wrap-video-player .loading-embed.active-embed iframe {
opacity: 1;
}
.block-wrap-video-player .loading-embed.embed-ldd-once .frame-wrap-46 {
padding-bottom: 56.25%;
}
.block-wrap-video-player .mask iframe {
transition: 1s all;
}
.block-wrap-video-player img {
transition: 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.block-wrap-video-player .block-piece {
float: right;
}
.block-wrap-video-player .block-piece-1 .title {
color: #fff;
}
.block-wrap-video-player .block-piece-1 a {
color: inherit;
}
.block-wrap-video-player .block-piece-1 .duration {
margin-top: 10px;
font-size: 15px;
}
.block-wrap-video-player .block-piece-1 .mask {
display: flex;
align-items: center;
justify-content: center;
}
.block-wrap-video-player .block-piece-1 .mask a:first-child {
background: #1c1d1e;
pointer-events: none;
}
.block-wrap-video-player .embed-error {
position: absolute;
color: #fff;
top: 50%;
right: 20%;
width: 60%;
line-height: 1.5;
text-align: center;
transform: translateY(-50%);
}
.block-wrap-video-player .playing-msg {
opacity: 0;
visibility: hidden;
position: absolute;
top: 50%;
color: #fff;
width: 100%;
right: 0;
text-align: center;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
}
.block-wrap-203 .mask img {
opacity: .75;
}
.block-wrap-203 .block-piece-2 article .media-icon {
opacity: 0;
}
.block-wrap-203 .block-piece-2 article:hover .media-icon {
opacity: 1;
}
.block-wrap-203 .block-piece-2 article:hover .mask {
opacity: 0.6;
}
.block-wrap-203 .block-piece-1 .mask img {
opacity: .3;
}
.block-wrap-203 .block-piece-1 .duration:not(.views) {
padding: 3px 8px;
}
.block-wrap-203 .duration + .views {
margin-right: 15px;
}
.block-wrap-203 .frame-wrap-46 {
padding-bottom: 56.25%;
}
.block-wrap-203 .videos-mini-wrap .mask .duration {
position: absolute;
bottom: 3px;
left: 3px;
font-size: 10px;
}
.block-wrap-203 .videos-mini-wrap .meta {
padding-right: 15px;
}
.block-wrap-203 .duration:not(.views) {
padding: 3px;
background: #111;
border-radius: 2px;
color: #fff;
}
.videos-mini-wrap .duration {
color: #fff;
font-size: 12px;
font-weight: 400;
}
.videos-mini-wrap .media-icon {
opacity: 0.9;
width: 36px;
height: 36px;
}
.videos-mini-wrap .media-icon .icon-bg {
background: #fff;
}
.videos-mini-wrap .media-icon i {
color: #272727;
}
.videos-mini-wrap article {
position: relative;
display: flex;
align-items: center;
margin-bottom: 15px;
padding-bottom: 15px;
min-height: 70px;
min-width: 80%;
flex-basis: 33.333%;
cursor: pointer;
}
.videos-mini-wrap article:last-of-type {
margin-bottom: 0;
padding-bottom: 15px;
border-bottom: 0;
}
.videos-mini-wrap article:hover .mask img {
opacity: 0.2;
}
.videos-mini-wrap article:hover .media-icon {
opacity: 1;
}
.videos-mini-wrap article:hover .icon-bg {
transform: scale(1.1, 1.1);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
.videos-mini-wrap article .title {
margin-top: 0;
font-size: 13px;
padding-top: 0 !important;
color: #fff;
}
.videos-mini-wrap article .title a {
pointer-events: none;
cursor: default;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}
.videos-mini-wrap .duration {
font-size: 10px;
color: #888;
padding-top: 10px;
line-height: 1;
}
.videos-mini-wrap .no-fi .title-wrap {
margin-bottom: -3px;
}
.videos-mini-wrap .with-fi .media-icon {
right: 50%;
top: 50%;
margin-right: -18px;
margin-top: -18px;
}
.videos-mini-wrap .mask {
float: right;
height: 75px;
width: 75px;
flex: 0 0 75px;
flex-shrink: 0;
}
.videos-mini-wrap .view-count {
font-size: 10px;
padding-top: 3px;
margin-bottom: 0;
color: #888;
}
.videos-mini-wrap .meta {
width: calc(100% - 75px);
padding-right: 20px;
}
.videos-mini-wrap .mask-img {
pointer-events: none;
}
.videos-mini-wrap::-webkit-scrollbar-thumb {
background: #333;
border-radius: 2px;
}
.videos-mini-wrap::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.video-wrap {
display: block;
}
.media-autoplay-on iframe {
pointer-events: none;
}
.block-wrap-203 .videos-mini-wrap .mask {
width: auto;
height: auto;
flex: 0 0 120px;
}
.block-wrap-203 .videos-mini-wrap article {
min-width: 95%;
}
.hero-fi-off.align-fs p:first-child .video-wrap,
.hero-fi-off.align-fs-center p:first-child .aligncenter.size-full,
.hero-fi-off.align-fs-center p:first-child .wp-caption.aligncenter .size-full {
margin-top: 0;
}
.hero-fi-off.title-beneath-c .breadcrumbs-wrap {
text-align: center;
}
.hero-fi-off.title-beneath-c .breadcrumbs-wrap .breadcrumbs {
padding-top: 15px;
padding-bottom: 0;
}
.loaded .frame-wrap-46:before {
opacity: 0;
visibility: hidden;
}
.playing img {
opacity: 0.2 !important;
}
.playing .media-icon, .playing .mask .duration {
opacity: 0 !important;
}
.playing .playing-msg {
opacity: 1;
visibility: visible;
}
.block-piece-1 .preview-75 .meta .media-icon {
position: relative;
margin-top: 10px;
}
.zeen-col {
background: none;
width: 100%;
}
.title-container {
position: relative;
}
.block-wrap-32 .contents {
max-width: 770px;
width: 80%;
margin: 0 auto;
}
.block-wrap-32 .block-title-wrap .block-title {
padding-left: 0;
padding-right: 0;
width: 100%;
}
.block-wrap-32 .block-title-wrap .block-title:before, .block-wrap-32 .block-title-wrap .block-title:after {
display: none;
}
.block-wrap-32 .block-title-wrap .block-subtitle {
font-size: 18px;
}
.block-wrap-110 {
display: flex;
position: relative;
}
.block-wrap-110.tipi-row {
padding-right: 0;
padding-left: 0;
}
.block-wrap-110 .tipi-col {
padding-right: 0;
padding-left: 0;
}
.block-wrap-110 > .splitter {
z-index: 0;
}
.block-wrap-110-multi .block-wrap-32 .block-title-2 .block-title-area {
text-align: right;
}
.block-wrap-110-multi .block-wrap-32 .block-title-2 .block-title {
justify-content: flex-start;
}
.block-wrap-3 .meta {
max-width: 40%;
margin: 0 auto;
padding: 0 !important;
}
.block-wrap-cta .block-title:after,
.block-wrap-mailing .block-title:after {
display: none;
}
.img-tag-bg {
opacity: 0;
padding-bottom: 50%;
display: block;
transition: opacity 0.5s ease-out;
}
.img-bg-wrapper .bg {
position: absolute;
height: 100%;
width: 100%;
}
.img-bg-wrapper .bg img, .img-bg-wrapper .bg picture {
height: 100%;
}
.bg__img-wrap {
overflow: hidden;
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
transition: opacity 0.5s ease-out;
}
.img__wrap {
width: 100%;
height: 100%;
}
.img__wrap img, .img__wrap picture {
height: auto;
min-height: 100%;
}
.block-title-wrap .img__wrap {
display: flex;
align-items: center;
}
.block-wrap-mini-cta .mini-cta-title {
margin-bottom: 5px;
}
.bg__img-wrap.parallax .bg {
height: 150%;
top: -25%;
}
.bg__img-wrap.parallax .bg .img__wrap {
display: flex;
align-items: center;
}
.cta-title {
color: inherit;
text-transform: none;
line-height: 1.3333;
font-size: 18px;
}
.cta-title * {
line-height: 1.3333;
font-size: 18px;
color: inherit;
}
.block-wrap-30 .zeen-iframe-lazy-load:not(.zeen-lazy-loaded) {
background: #eee;
}
.block-wrap-cta .title-area > div,
.block-wrap-image .title-area > div {
transition: 0.5s ease-out;
opacity: 0;
transition-delay: 0.35s;
}
.block-wrap-cta:not(.tipi-seen) .title-area > div,
.block-wrap-image:not(.tipi-seen) .title-area > div {
transform: translatey(15px);
}
.block-wrap-image .title * {
font-size: inherit;
}
.block-wrap-image .title-area > div {
transition: 0.35s ease-out;
}
.block-wrap-cta {
position: relative;
overflow: hidden;
}
.block-wrap-cta .title-area {
position: absolute;
margin-bottom: 0;
z-index: 5;
}
.block-wrap-cta .cta-button-a-wrap:last-of-type .tipi-button {
margin-left: 0 !important;
}
.block-wrap-cta + .block-wrap-classic .block-title-wrap-style .block-title-area {
border-top-width: 0;
padding-top: 0;
}
.block-wrap-cta .title-area > div:nth-child(2) {
transition-delay: 0.35s;
}
.block-wrap-cta .title-area > div:nth-child(3) {
transition-delay: 0.5s;
}
.block-wrap-cta .title-area > .cta-button {
transition-delay: 0.65s;
}
.block-wrap-cta .contents {
background: #33363a;
position: relative;
}
.block-wrap-cta.is-png .contents,
.block-wrap-cta.is-png .mask {
background: transparent;
}
.block-wrap-cta .mask {
overflow: hidden;
height: 100%;
}
.block-wrap-cta .mask-no-img {
background: #151515;
}
.block-wrap-cta .cta-content {
margin-top: 1em;
}
.block-wrap-cta .cta-content * {
color: inherit;
}
.block-wrap-cta .block-pretitle {
margin-bottom: 1em;
font-size: 12px;
color: inherit;
text-transform: none;
}
.block-wrap-cta .cta-button {
margin-top: 30px;
position: relative;
}
.block-wrap-cta .cta-button > * {
display: inline-block;
height: 100%;
line-height: 40px;
}
.block-wrap-cta .cta-button a {
height: 100%;
}
.block-wrap-cta .cta-button .icons-wrap {
height: 100%;
float: left;
width: 70px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.block-wrap-cta .cta-button .icons-wrap i {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: center;
}
.block-wrap-cta .cta-title + .cta-button-a-wrap .cta-button-solo.tipi-button {
margin-top: 1em;
}
.block-wrap-cta .cta-button-2 {
background: transparent !important;
}
.block-wrap-cta .cta-button-2 .button-text {
transition: 0.2s;
}
.block-wrap-cta .cta-button-2:hover .button-text {
opacity: 0.7;
}
.block-wrap-cta .cta-button-2.video-button {
margin-right: 15px;
padding: 0;
}
.block-wrap-cta .secondary-is-video .cta-button-1 {
margin-left: 45px;
}
.button-design-wrap-1 .cta-button-1 {
color: inherit !important;
background: transparent;
}
.skin-dark .button-design-wrap-1 .cta-button-1 {
background: transparent;
}
.last__updated {
padding-bottom: 15px;
opacity: 0.6;
font-size: 0.8em;
}
.last__updated__title {
margin-left: 5px;
display: inline-block;
}
.byline-part .last__updated {
padding-bottom: 0;
opacity: 1;
font-size: 1em;
}
.block-wrap-36 .button-design-wrap-1 .tipi-button {
background: transparent;
}
.block-wrap-36 .cta-button-a-wrap {
width: 100%;
}
.bg-img-ldd .img-tag-bg {
opacity: 1;
}
.tipi-seen .title-area > div {
opacity: 1;
}
.cta-no-img .tipi-row-inner-style {
height: 60vh;
}
.cta-row {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.cta-row .tipi-row {
position: relative;
height: 100%;
}
.preview-text {
width: 100%;
margin-bottom: 120px;
}
.preview-68 {
padding-bottom: 30px;
}
.preview-68 .meta {
max-width: 600px;
margin: 0 auto;
float: none;
}
.preview-68 .mask {
max-width: 1000px;
margin: 50px auto 30px;
}
.preview-68 .excerpt {
margin-top: 10px;
}
.preview-68.stack-1 .byline-2 {
margin-top: 45px;
}
.preview-68:last-of-type {
padding-bottom: 0;
}
.fi-bg {
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
padding-bottom: 100%;
}
.hero-31 .fi-bg {
opacity: 0;
padding-bottom: 0;
}
.read-more-wrap {
margin-top: 20px;
}
.read-more-wrap .tipi-button {
font-size: inherit;
font-family: inherit;
}
.preview-grid,
.preview-slider-overlay {
position: relative;
overflow: hidden;
}
.preview-grid .read-more-wrap,
.preview-slider-overlay .read-more-wrap {
display: inline-block;
}
.preview-grid .mask,
.preview-slider-overlay .mask {
background: #161616;
}
.preview-grid .mask-img,
.preview-grid .mask,
.preview-slider-overlay .mask-img,
.preview-slider-overlay .mask {
height: 100%;
}
.preview-grid .title-wrap:first-child .title:first-child,
.preview-slider-overlay .title-wrap:first-child .title:first-child {
padding-top: 0;
}
.preview-grid:not(.preview-classic):not(.no-fi) .meta,
.preview-slider-overlay:not(.no-fi) .meta {
pointer-events: none;
}
.preview-grid:not(.preview-classic):not(.no-fi) .meta .media-tr,
.preview-slider-overlay:not(.no-fi) .meta .media-tr {
pointer-events: auto;
}
.mask-overlay {
transition: all 0.35s ease-out;
}
.sizer-25 {
width: 25%;
}
.sizer-33 {
width: 33.33333%;
}
.block-89 {
padding: 0 20%;
}
.block-89 article {
margin-bottom: 100px;
}
.block-93 article,
.block-94 article,
.block-97 article {
height: inherit;
}
.block-96 .tipi-m-12 .mask {
padding-bottom: 50%;
}
.block-96 .tipi-m-4 .mask {
padding-bottom: 85%;
}
.block-97 article {
width: 100%;
}
.block-97 .mask {
padding-bottom: 42.5%;
}
.block-97 .block-piece-1 article:nth-child(1) .mask,
.block-97 .block-piece-2 article:nth-child(2) .mask {
padding-bottom: 85%;
}
.block-97 .mask-img {
transform: translateY(-50%);
top: 50%;
position: absolute;
}
.block-94 .block-piece {
height: inherit;
}
.block-94 .block-piece-1 article {
width: 100%;
max-height: 100%;
}
.block-94 .block-piece-2 article,
.block-98 .block-piece-2 article {
max-height: 50%;
}
.block-92 .block-piece {
height: inherit;
}
.block-92 .block-piece-1 article {
width: 100%;
max-height: 100%;
}
.block-92 .block-piece-2 article {
width: 50%;
max-height: 50%;
}
.tipi-parallax {
overflow: hidden;
}
.preview-62 .preview-mini-wrap {
overflow: hidden;
padding-bottom: 132.5% !important;
}
.preview-62 .preview-mini-wrap .mask {
background: #161616;
}
.preview-62 .mask img:not(.secondary-img) {
opacity: 0.75;
}
.preview-62.format-gallery .meta {
pointer-events: none;
}
/*------------------------------------------------------------------
[X. Block Headings]
*/
.empty-title {
display: none;
}
.only-filters {
margin: 0 !important;
}
.only-filters .filters {
padding: 0 !important;
}
.only-filters .load-more-wrap-2 {
margin: 0 0 30px !important;
}
.page-header.block-title-m {
padding-bottom: 30px;
}
.page-header.block-title-l .tipi-row-inner-style {
padding-top: 30px;
}
.page-header.block-title-xl {
padding-bottom: 30px;
}
.page-header.block-title-xl .tipi-row-inner-style {
padding-top: 30px;
}
.page-header.block-title-4 {
padding-bottom: 0;
}
.page-header.with-bg {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.page-header.with-bg .tipi-row-inner-style {
background: none;
}
.page-header.with-bg .tipi-row-inner-style .filters {
background: transparent;
}
.page-header.with-bg .tipi-row-inner-style .block-subtitle,
.page-header.with-bg .tipi-row-inner-style .filters {
color: #fff;
}
.block-title {
display: inline-block;
line-height: 1;
}
.block-title p.tipi-center {
width: 100%;
}
.block-title h1,
.block-title h2,
.block-title h3,
.block-title h4,
.block-title h5,
.block-title p {
font-size: inherit;
}
.block-title-wrap-style .block-title {
padding-bottom: 10px;
display: flex;
position: relative;
align-items: center;
}
.block-title-wrap-style .block-title:after {
content: '';
flex: 1;
margin-right: 30px;
position: relative;
}
.block-title-wrap-style .block-title:last-child {
padding-bottom: 0;
}
.block-wrap-thumbnail .block-title-wrap-style .block-title {
font-size: 18px;
}
.block-wrap-thumbnail .block-title-wrap-style .block-subtitle {
font-size: 15px;
}
.block-wrap-thumbnail .block-title-wrap-style .filters {
padding-top: 0 !important;
}
.block-wrap-thumbnail .load-more-wrap-1 {
margin-top: 20px;
}
.block-wrap-thumbnail .block-title-wrap-style .block-title {
font-size: 18px !important;
}
.block-title-bb .block-title-wrap-style .block-title-area {
padding-bottom: 30px;
}
.block-title-bt .block-title-wrap-style .block-title-area,
.block-title-bt .block-title-wrap-style .filters {
padding-top: 30px;
}
.page-header-skin-4.skin-inner .tipi-row-inner-style {
position: relative;
}
.block-title-wrap {
position: relative;
width: 100%;
}
.block-title-wrap:not(.page-header-skin-4) .block-title-wrap,
.block-title-wrap:not(.page-header-skin-4) .filters {
background: inherit;
}
.block-title-wrap .block-title-area {
position: relative;
}
.block-title-wrap .block-subtitle {
color: #999;
font-weight: 400;
display: block;
}
.block-title-wrap .filters {
position: relative;
font-weight: 400;
font-size: 12px;
margin-top: 6px;
text-transform: none;
letter-spacing: 1px;
color: #aaa;
z-index: 4;
}
.block-title-wrap .filters .sorter {
text-align: right;
}
.block-title-wrap .load-more-wrap-2 {
margin-left: 0;
}
.block-skin-1.block-wrap-25 .load-more-wrap-2 .tipi-arrow,
.block-skin-1 .block-title-wrap .tipi-arrow,
.sidebar-wrap .widgets-skin-1.block-wrap-25 .load-more-wrap-2 .tipi-arrow,
.sidebar-wrap .widgets-skin-1 .block-title-wrap .tipi-arrow {
border-color: #444;
color: #444;
}
.block-skin-1.block-wrap-25 .load-more-wrap-2 .tipi-arrow i:after,
.block-skin-1 .block-title-wrap .tipi-arrow i:after,
.sidebar-wrap .widgets-skin-1.block-wrap-25 .load-more-wrap-2 .tipi-arrow i:after,
.sidebar-wrap .widgets-skin-1 .block-title-wrap .tipi-arrow i:after {
background: #444;
}
.block-skin-1.block-wrap-25 .load-more-wrap-2,
.sidebar-wrap .widgets-skin-1.block-wrap-25 .load-more-wrap-2 {
background: #fff;
}
.block-skin-1 .load-more-wrap-1,
.sidebar-wrap .widgets-skin-1 .load-more-wrap-1 {
color: #111;
}
.block-skin-1 .widget_search form,
.sidebar-wrap .widgets-skin-1 .widget_search form {
border-color: #eee;
color: #444;
}
.block-skin-1 .widget_search form *,
.sidebar-wrap .widgets-skin-1 .widget_search form * {
color: #444;
}
.block-skin-1 .widget_search form .search-submit:hover,
.sidebar-wrap .widgets-skin-1 .widget_search form .search-submit:hover {
background: rgba(0, 0, 0, 0.05);
}
.block-wrap-grid .block-title-wrap.only-filters .tipi-arrow {
border-color: #fff;
color: #fff;
}
.block-wrap-grid .block-title-wrap.only-filters .tipi-arrow i:after {
background: #fff;
}
.module-block-title {
margin-bottom: 30px;
}
.sorter-wrap {
display: inline-block;
position: relative;
}
.sorter {
position: relative;
}
.sorter .current-sorter {
position: relative;
display: inline-block;
font-size: 14px;
}
.sorter .current-sorter i {
transition: 0.3s all;
font-size: 12px;
padding-right: 3px;
display: inline-block;
transform-origin: center;
}
.sorter .current-txt {
padding-bottom: 3px;
display: inline-block;
transition: all 0.3s;
}
.sorter .options {
transform: translatey(-2px);
display: inline-block;
position: absolute;
z-index: 10;
transition: all 0.2s ease-out;
color: #fff;
top: 30px;
right: 0;
right: auto;
left: -15px;
white-space: nowrap;
max-height: 350px;
overflow-y: auto;
visibility: hidden;
opacity: 0;
}
.sorter .options li {
background: #111;
}
.sorter .options li:first-child {
padding-top: 25px;
}
.sorter .options li:last-child {
padding-bottom: 25px;
}
.sorter .options a {
padding: 10px 40px;
display: block;
transition: all 0.3s;
}
.sorter .options a:before {
font-family: 'tipi';
content: '\e90b';
position: absolute;
right: 20px;
transition: all 0.3s;
opacity: 0;
}
.sorter .options a:hover {
transform: translatex(-3px);
opacity: 0.7;
}
.sorter .options a:hover:before {
transform: translatex(-3px);
opacity: 0.7;
}
.sorter.active .current-txt {
border-bottom-color: transparent;
}
.sorter.active .options {
visibility: visible;
opacity: 1;
transform: translatey(0);
}
.sorter.active i {
transform: rotate(-90deg);
}
.sorter.active i:before {
color: #ee5253;
content: '\e5cd';
}
.block-title-1 {
margin-bottom: 30px;
}
.block-title-1 .block-subcats-wrap a {
margin-left: 7px;
}
.block-wrap-title .block-title-1 {
margin-bottom: 15px;
}
.block-title-2 {
text-align: center;
}
.block-title-2 .block-title-area {
width: 100%;
}
.block-title-2 .block-title {
padding-bottom: 10px;
}
.zeen-col--narrow .block-title-2 .block-title:after, .zeen-col--narrow .block-title-2 .block-title:before {
display: none;
}
.page-header {
margin-bottom: 0;
}
.block-title-videos {
background: transparent !important;
padding-bottom: 30px;
}
.block-title-videos .block-title {
padding-left: 30px;
}
.block-title-videos .editable-border-wrap,
.block-title-videos .editable-border {
width: 100%;
}
.block-title-videos .block-title,
.block-title-videos .block-title p,
.block-title-videos .cta-content {
font-size: 15px;
color: #fff;
margin-bottom: 0;
}
.block-title-videos .cta-content {
margin-right: auto;
display: flex;
float: left;
flex-shrink: 0;
line-height: 1;
}
.block-title-videos .cta-content .cta-i {
margin-right: 5px;
transition: transform 0.2s;
}
.block-title-videos .cta-content:hover .cta-i {
transform: translateX(-3px);
}
.site-skin-2 .block-title-videos {
border-bottom-color: #202121;
}
/*------------------------------------------------------------------
[X. Meta styles ]
*/
.separator:last-child {
display: none;
}
.byline {
font-weight: 400 !important;
margin-bottom: -7px;
}
.byline .with-name .author-avatar {
margin-left: 8px;
}
.byline .no-name .author-avatar {
padding-left: 10px;
}
.byline .author-avatar {
display: inline-block;
line-height: 0;
vertical-align: middle;
}
.byline .author-avatar img {
width: 22px;
border-radius: 50%;
position: relative !important;
opacity: 1 !important;
}
.byline .byline-part {
vertical-align: middle;
}
.byline .separator {
margin-left: 7px;
margin-right: 7px;
}
.byline-2 {
margin-bottom: -3px;
}
.byline-1 {
position: absolute;
text-align: right;
width: 100%;
top: 25px;
right: 0;
padding: 0 30px;
line-height: 1;
z-index: 3;
}
.byline-1 .cats .cat-with-bg {
font-weight: 700;
padding: 3px 7px;
}
.byline-1 .comments {
margin-left: 0 !important;
font-weight: 700;
background: #000000;
padding: 0 5px;
border-radius: 2px;
height: 15px;
min-width: 15px;
text-align: center;
line-height: 15px;
float: left;
}
.byline-1 .comments a {
color: #fff !important;
}
.preview-thumbnail .byline-1 {
top: 2px;
right: 2px;
padding: 0;
}
.preview-thumbnail .byline-1 a:not(:first-child) {
display: none;
}
.preview-grid .byline a,
.preview-slider .byline a {
color: inherit !important;
}
.preview-grid:not(.preview-62) .byline .author-avatar {
display: block;
margin: 10px 0;
}
.preview-grid:not(.preview-62) .byline-3 .author-avatar {
margin-top: 0;
}
.preview-classic .byline .author-avatar img {
width: 14px;
}
.preview-classic .byline-1 {
padding: 0 15px;
top: 15px;
}
.preview-classic .byline-1 .byline-part {
vertical-align: top;
}
.preview-classic .byline-1 .byline-part a {
vertical-align: top;
}
.preview-classic .byline-3 {
padding-top: 15px;
}
.preview-classic.elements-location-2 .meta .title, .preview-classic.elements-location-4 .meta .title, .preview-classic.elements-location-5 .meta .title {
padding-top: 30px;
}
.preview-grid:not(.preview-63) .mask img,
.preview-grid:not(.preview-63) .mask picture {
right: 0;
}
.preview-62 .byline,
.preview-63 .byline {
color: #fff;
}
.preview-62 .byline-2,
.preview-63 .byline-2 {
padding-top: 0 !important;
margin-top: 0 !important;
}
.preview-62.separation-border,
.preview-63.separation-border {
margin-bottom: 30px;
}
.preview-62.tile-design-4 .media-icon.icon-size-m,
.preview-63.tile-design-4 .media-icon.icon-size-m {
margin-top: 15px;
margin-right: auto;
width: 45px;
height: 45px;
position: relative;
right: 0;
}
.preview-62.tile-design-4 .media-icon.icon-size-m i,
.preview-63.tile-design-4 .media-icon.icon-size-m i {
font-size: 20px;
line-height: 45px;
}
.preview-62 .title-wrap,
.preview-63 .title-wrap {
position: relative;
}
.preview-62.format-video .media-icon, .preview-62.format-gallery .media-icon, .preview-62.format-audio .media-icon,
.preview-63.format-video .media-icon,
.preview-63.format-gallery .media-icon,
.preview-63.format-audio .media-icon {
position: absolute;
top: 100%;
right: calc(50% - 22px);
}
.preview-62.format-video .byline-2, .preview-62.format-gallery .byline-2, .preview-62.format-audio .byline-2,
.preview-63.format-video .byline-2,
.preview-63.format-gallery .byline-2,
.preview-63.format-audio .byline-2 {
padding-top: 30px;
}
.preview-62.format-video .byline-2 + .title-wrap, .preview-62.format-gallery .byline-2 + .title-wrap, .preview-62.format-audio .byline-2 + .title-wrap,
.preview-63.format-video .byline-2 + .title-wrap,
.preview-63.format-gallery .byline-2 + .title-wrap,
.preview-63.format-audio .byline-2 + .title-wrap {
padding-top: 0;
}
.preview-62.format-video .byline-4, .preview-62.format-gallery .byline-4, .preview-62.format-audio .byline-4,
.preview-63.format-video .byline-4,
.preview-63.format-gallery .byline-4,
.preview-63.format-audio .byline-4 {
padding-top: 70px;
}
.preview-62 .icon-base-3,
.preview-63 .icon-base-3 {
top: calc(100% - 5px * -1) !important;
}
.tipi-bg-da {
display: none;
}
.classic-lt-41 .split-1:not(.preview-thumbnail):not(.format-gallery) .icon-size-m {
width: 44px;
height: 44px;
}
.classic-lt-41 .split-1:not(.preview-thumbnail):not(.format-gallery) .icon-size-m i {
font-size: 18px;
line-height: 44px;
}
.classic-lt-41 .split-1:not(.preview-thumbnail):not(.format-gallery) .icon-base-1 {
margin-top: -22px;
margin-right: -22px;
}
.classic-lt-41 .split-1.format-gallery.preview-classic .icon-base-1 {
right: 15px;
top: 15px;
}
.classic-lt-41 .preview-review-bot .split-1:not(.preview-thumbnail) .zeen-review {
height: 24px;
line-height: 24px;
}
.preview-75:last-of-type,
.preview-76:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.stack-1 .byline-2 {
margin-top: 30px;
}
.stack-1.no-fi .byline-2 {
margin-top: 0;
}
.meta-text-2.block-wrap .meta {
color: #fff;
}
.meta-text-2.block-wrap .meta a,
.meta-text-2.block-wrap .meta .title,
.meta-text-2.block-wrap .meta .byline,
.meta-text-2.block-wrap .meta .excerpt {
color: #fff;
}
.meta-text-1.block-wrap .meta {
color: #111;
}
.meta-text-1.block-wrap .meta a,
.meta-text-1.block-wrap .meta .title,
.meta-text-1.block-wrap .meta .byline,
.meta-text-1.block-wrap .meta .excerpt {
color: #111;
}
.meta-skin-shadow article {
box-shadow: -1px 9px 15px rgba(138, 138, 138, 0.1);
border-radius: 4px;
}
.meta-skin-shadow article.stack-1 .meta {
border-radius: 0 0 4px 4px;
}
.meta-skin-shadow.meta-skin-2 article {
box-shadow: -1px 9px 15px #989898;
}
.meta-skin-base .stack-1 .byline-2 {
margin-top: 0;
}
.meta-skin-base .stack-1 .title-wrap:first-of-type,
.meta-skin-base .stack-1 .title-wrap:first-of-type .title {
padding-top: 0;
}
.meta-skin-base.has-meta-bg-img .preview-mini-wrap:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
z-index: 0;
}
.meta-skin-base.has-meta-bg-img .preview-mini-wrap > * {
position: relative;
z-index: 1;
}
.stack-1.preview-27 .byline-2 {
margin-top: 20px;
}
.tipi-l-typo .meta .excerpt {
padding-top: 20px;
}
.byline-4 {
padding-top: 20px;
}
.preview-thumbnail .byline-4 {
padding-top: 5px;
}
.elements-location-5 .byline-4 .byline-part:not(.cats),
.elements-location-5 .byline-4 .cats a {
color: #9a9a9a;
background: #e9e9e9;
padding: 4px 7px;
display: inline-block;
font-size: 8px;
letter-spacing: 1px;
border-radius: 3px;
margin-left: 5px;
}
.elements-location-5 .byline-4 .cats {
margin-left: 0;
}
.elements-location-5 .byline-4 .likes-count {
height: 23px;
padding-top: 7px;
}
.elements-location-5 .byline-4 .separator {
display: none !important;
}
.elements-design-2 .byline-part {
margin-left: 5px;
}
.elements-design-3 .byline-part {
margin-left: 10px;
}
.elements-design-3 .author-avatar {
margin-left: 0;
}
.tipi-like-count {
display: flex;
transition: 0.2s ease-out all;
line-height: 1;
}
.tipi-like-count .likes-heart {
position: relative;
margin-left: 2px;
display: inline-block;
}
.tipi-like-count .likes-heart .tipi-i-heart {
opacity: 0;
}
.tipi-like-count .likes-heart .tipi-i-heart {
transition: 0.2s ease-out all;
position: absolute;
top: 0;
right: 0;
}
.tipi-like-count:hover .tipi-i-heart {
opacity: 1;
}
.liking {
opacity: 0.5;
}
.liked {
cursor: default;
pointer-events: none;
}
.liked .tipi-i-heart {
opacity: 1 !important;
}
.liked:hover {
cursor: default;
}
.cats .cat {
margin-left: 10px;
display: inline-block;
}
.cats .cat:last-of-type {
margin-left: 0;
}
.cats .byline-in {
padding-left: 2px;
}
.cats .cat-with-bg {
border-radius: 3px;
padding: 0 5px;
color: #fff !important;
}
.cats .cat-with-bg-dark {
background: #111;
}
.cats .cat-with-line {
border-bottom: 3px solid transparent;
margin-bottom: -3px;
}
.byline-cats-design-3 .byline-part {
margin-bottom: 13px;
}
.fb_iframe_widget_fluid_desktop iframe {
width: 100% !important;
}
.comments {
display: inline-block;
}
.comments .comments-bg-color {
background-color: #1a1a1a;
border-radius: 3px;
padding: 0 5px;
text-transform: uppercase;
color: #fff;
display: inline-block;
}
#comments ol {
list-style-type: none;
}
.comments-area .says {
display: none;
}
.comments-area time {
font-size: 12px;
color: #9a9a9a;
}
.comments-area .comments-title + .comment-respond {
margin-top: 30px;
}
.comment .comment-respond {
padding-bottom: 30px;
border-bottom: 1px solid #eee;
margin-bottom: 30px;
}
.comment .comment-respond .form-submit {
padding-top: 15px;
}
.byline:empty,
.block-title-wrap .filters:empty,
.lets-review-subtitle:empty {
display: none;
}
.byline-99 {
margin-bottom: -9px;
}
.byline-99 .comments {
margin-left: 10px;
}
.byline-part {
margin-bottom: 5px;
display: inline-block;
}
.byline-part i {
margin-left: 3px;
}
.comments i {
margin-left: 0;
}
.meta {
float: right;
width: 100%;
}
.meta .title {
font-size: 22px;
padding-top: 0.5em;
}
.meta .title a {
display: inline-block;
max-width: 100%;
}
.meta .subtitle {
font-size: 1em;
}
.meta .meta__full {
padding-top: 30px;
}
.meta .meta__full p {
margin-bottom: 1em;
}
.meta .excerpt {
padding-top: 15px;
}
.meta .excerpt .read-more-wrap {
font-weight: 400;
transition: 0.3s ease-out;
line-height: 1.666667;
}
.meta .excerpt .read-more {
display: inline-block;
}
.meta .excerpt .read-more:before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 3px;
transform: scale3d(0, 1, 1);
transform-origin: center right;
transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.meta .excerpt:hover:before {
transform: scale3d(1, 1, 1);
transition-delay: 0s;
}
.meta--above {
float: none;
}
.meta--above + .mask {
margin-top: 20px;
}
.read-more-fade .remove-more-wrap {
opacity: 0.5;
}
.tipi-m-typo .title,
.tipi-l-typo .title,
.tipi-xl-typo .title {
font-size: 22px;
padding-top: 10px;
}
.tipi-m-typo .subtitle,
.tipi-l-typo .subtitle,
.tipi-xl-typo .subtitle {
font-size: 18px;
padding-top: 0.5em;
}
.tipi-m-typo .byline-3,
.tipi-l-typo .byline-3,
.tipi-xl-typo .byline-3 {
padding-top: 15px;
}
.tipi-m-typo.format-gallery:not(.preview-thumbnail) .icon-base-1 {
margin-top: 15px;
}
.tipi-xs-typo .byline-2 {
margin-bottom: -8px;
}
.tipi-xs-typo .byline-2 ~ .title-wrap .title {
padding-top: 10px;
}
.tipi-xs-typo .title {
padding-top: 5px;
}
.tipi-xs-typo .title + .subtitle {
padding-top: 5px;
}
.tipi-xs-typo .byline-3 {
margin-top: 5px;
}
.tipi-s-typo .title {
padding-top: 8px;
}
.tipi-s-typo .subtitle {
font-size: 15px;
padding-top: 5px;
}
.tipi-s-typo .byline-3 {
padding-top: 10px;
}
.tipi-s-typo .title-wrap:first-of-type .title {
padding-top: 20px;
}
.tipi-s-typo.no-fi .title-wrap:first-of-type .title {
padding-top: 0;
}
.tipi-m2-typo .title {
font-size: 1.6715em;
font-size: 6em;
padding-top: 0.25em;
}
.tipi-m2-typo .subtitle {
font-size: 1em;
padding-top: 0.25em;
}
/*------------------------------------------------------------------
[X. Mode ]
*/
.mode__wrap {
padding: 0 5px !important;
}
.mode__wrap .mode__inner__wrap {
position: relative;
text-align: center;
padding-right: 0 !important;
width: 30px;
height: 30px;
overflow: hidden;
cursor: pointer;
}
.mode__wrap .mode__inner__wrap i {
position: absolute;
width: 100%;
margin-left: 0 !important;
z-index: 1;
height: 100%;
transition: ease-in-out transform 0.3s;
transform: translate(0, 100%) rotate(60deg);
}
.mode__wrap .mode__inner__wrap i:before {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.mode__wrap.mode--alt .tipi-i-sun {
transform: translatey(0) rotate(0deg);
}
.mode__wrap:not(.mode--alt) .tipi-i-moon {
transform: translatey(0) rotate(0deg);
}
.skin-dark .mode__wrap.mode--alt .tipi-i-sun {
transform: translate(0, 100%) rotate(60deg);
}
.skin-dark .mode__wrap.mode--alt .tipi-i-moon {
transform: translatey(0) rotate(0deg);
}
.skin-dark .mode__wrap:not(.mode--alt) .tipi-i-moon {
transform: translate(0, 100%) rotate(60deg);
}
.skin-dark .mode__wrap:not(.mode--alt) .tipi-i-sun {
transform: translatey(0) rotate(0deg);
}
.site-mob-header .mode__wrap .mode__inner__wrap {
background: transparent;
}
.site-mob-header .mode__wrap .mode__inner__wrap i {
color: inherit;
}
/*------------------------------------------------------------------
[X. Sponsored Block Design ]
*/
.spon-block {
margin-bottom: 15px;
width: 100%;
}
.spon-block .title {
background: #fee700;
text-transform: uppercase;
padding: 3px 7px;
font-size: 8px;
letter-spacing: 2px;
color: #333;
border-radius: 2px;
display: inline-block;
margin-left: 15px;
}
.spon-block .spon-img {
margin-left: 10px;
line-height: 0;
}
/*------------------------------------------------------------------
[X. Block Designs ]
*/
.block-wrap-35 .caption {
position: absolute;
bottom: 0;
left: 0;
padding: 5px 12px;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
line-height: 1.5;
color: #fff;
opacity: 0;
transition: 0.2s;
}
.block-wrap-35 .mask:hover .caption {
opacity: 1;
}
.block-html-content iframe {
width: 100%;
margin-bottom: 0;
}
.block-html-content .rvm-map-container {
margin: 0 auto;
}
.block-html-content h1,
.block-html-content h2,
.block-html-content h3,
.block-html-content h4,
.block-html-content h5 {
margin-bottom: 15px;
}
.block-html-content h1:only-child,
.block-html-content h2:only-child,
.block-html-content h3:only-child,
.block-html-content h4:only-child,
.block-html-content h5:only-child {
margin-bottom: 0;
}
.block-html-content p {
margin-bottom: 1em;
}
.block-html-content p br:only-child {
content: "";
height: 1px;
display: block;
}
.block-html-content p:last-child {
margin-bottom: 0;
}
.block-html-content p:last-child br:only-child {
height: 1em;
}
.block-html-content ul p,
.block-html-content ol p {
margin-bottom: 0;
}
.block-html-content span > a {
color: inherit !important;
}
.block-wrap-title .block-html-content p {
margin-bottom: 0;
}
div.jvectormap-tip {
margin-right: -7px;
padding: 10px;
text-align: center;
}
/*------------------------------------------------------------------
[X. Meta Designs ]
*/
.tile-design .price {
color: #fff;
}
.tile-design .meta {
position: absolute;
z-index: 2;
padding: 20px;
bottom: 0;
}
.tile-design.meta-edge-0 .meta {
bottom: 30px;
width: calc(100% - 60px);
right: 30px;
padding: 20px !important;
}
.tile-design.meta-edge-0 .media-icon {
display: none;
}
.tile-design.meta-edge-0.tipi-s-typo .subtitle {
display: none;
}
.tipi-fs .tile-design.meta-edge-0 .meta {
width: 80%;
right: 10%;
}
.tipi-fs .tile-design.meta-edge-0.tile-design-4:not(.tipi-s-typo) .meta {
width: 50%;
right: 25%;
}
.tile-design:not(.tile-design-4) .icon-base-2 {
left: 0;
right: auto;
}
.block-icon-base-2 .tile-design:not(.tile-design-4).format-video .meta {
padding-left: 80px;
}
.block-icon-base-2 .tile-design-3 .meta {
text-align: right;
padding-bottom: 20px;
}
.tile-design-3 .meta {
text-align: center;
}
.tile-design-4 .meta {
bottom: auto !important;
top: 50%;
transform: translatey(-50%);
text-align: center;
}
.tile-design-4 .title-wrap {
max-width: 1020px;
margin-right: auto;
margin-left: auto;
}
.tile-design-4 .media-icon {
position: relative;
display: inline-block;
margin-top: 10px;
}
.tile-design-4 .icon-base-2 {
bottom: auto;
color: #111;
}
.tile-design-4 .icon-base-2 .icon-bg {
border-radius: 50%;
background: white;
}
.tile-design-4 .icon-base-2 i {
color: #111;
}
.block-videos {
width: 100%;
}
.block-videos .icon-bg {
border-radius: 50%;
}
.grid-meta-bg .mask:before,
.slider-meta-bg .mask:before {
bottom: 0;
height: 66%;
right: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
left: 0;
position: absolute;
z-index: 1;
transition: 0.2s opacity;
}
.preview-grid:not(.grid-meta-bg):not(.tile-design-4):not(.tile-design-3) .meta {
width: auto;
}
.grid-img-1 .meta,
.grid-img-2 .meta,
.slider-img-1 .meta,
.slider-img-2 .meta {
bottom: 0;
right: 0;
width: 100%;
}
.slider article .title a {
color: #fff;
}
.block-81 article {
border-left: 0;
}
.block-300 {
padding-top: 30px;
}
.img-ani-base .mask {
overflow: hidden;
}
.img-ani-base .fi-bg,
.img-ani-base .mask img {
transition: transform 1s ease, opacity 0.5s ease;
}
.img-color-base img {
transition: all 0.3s cubic-bezier(0.3, 0.4, 0.5, 1) !important;
}
.img-color-hover-1:hover img {
filter: none;
}
.img-color-2 img,
.img-color-hover-2:hover img {
filter: grayscale(1);
}
.img-color-3 img,
.img-color-hover-3:hover img {
filter: blur(3px);
}
.img-color-4 img,
.img-color-hover-4:hover img {
filter: sepia(1);
}
.img-color-content .mask:after,
.img-color-content .mask:before {
content: '';
mix-blend-mode: darken;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
pointer-events: none;
transition: 0.3s;
z-index: 2;
}
.img-color-content .mask:after {
opacity: 0;
z-index: 1;
}
.img-color-11 .mask:before {
background: blue;
}
.img-color-12 .mask:before {
background: red;
}
.img-color-13 .mask:before {
background: yellow;
}
.img-color-hover-11 .mask:after {
background: blue;
}
.img-color-hover-12 .mask:after {
background: red;
}
.img-color-hover-13 .mask:after {
background: yellow;
}
.img-color-hover-base.preview-grid:hover .mask:after,
.img-color-hover-base.preview-slider:hover .mask:after,
.img-color-hover-base.preview-classic .mask:hover:after,
.img-color-hover-base.cta-tile:hover .mask:after {
opacity: 1;
}
.img-color-hover-base.preview-grid:hover .mask:before,
.img-color-hover-base.preview-slider:hover .mask:before,
.img-color-hover-base.preview-classic .mask:hover:before,
.img-color-hover-base.cta-tile:hover .mask:before {
opacity: 0;
}
.preview-slider {
float: right;
}
.no-fi.preview-grid,
.no-fi.preview-slider {
color: #fff;
background: #1a1d1e;
}
.no-fi.preview-grid .meta,
.no-fi.preview-slider .meta {
position: relative;
transform: none;
top: 0;
}
.no-fi.preview-grid .byline,
.no-fi.preview-grid a,
.no-fi.preview-grid .subtitle,
.no-fi.preview-slider .byline,
.no-fi.preview-slider a,
.no-fi.preview-slider .subtitle {
color: #fff;
}
.no-fi.preview-grid {
border-color: #fff;
}
.lets-live-blog-wrap .lets-live-blog-entry-content img {
max-width: 100%;
}
/*------------------------------------------------------------------
[X. Let's Review plugin integration ]
*/
.counter,
.zeen-review {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cb-design-1 .cb-review-block:first-of-type {
border-top: 0;
}
.cb-skin-base .cb-img-ani-1:before {
font-family: 'tipi';
content: "\e91e";
}
.zeen-review {
position: absolute;
color: #fff;
background-color: #222;
z-index: 3;
opacity: 0.9;
}
.zeen-review .lets-review-subtitle {
display: none;
}
.zeen-review .lets-review-api-score-box {
top: 0;
color: #fff;
transform: none;
width: 100%;
position: absolute;
}
.lr-api-has-icons {
opacity: 1;
}
.lr-api-has-icons .lets-review-api-score-box {
display: flex;
align-items: center;
height: 100%;
justify-content: center;
flex-wrap: wrap;
}
.lr-api-has-icons .lets-review-final-score {
line-height: 0 !important;
position: relative;
font-size: 13px !important;
}
.lr-api-has-icons .lets-review-final-score i, .lr-api-has-icons .lets-review-final-score img {
margin: 0 1px;
}
.lr-api-has-icons .lets-review-final-score img {
max-width: 16px;
}
.lr-api-has-icons {
height: 40px !important;
width: 90px !important;
}
.cb-design-2 .cb-aff-block .cb-aff-button a {
color: #000;
}
.lets-review-form-onoff {
margin-bottom: 20px;
}
.lets-review-api-wrap .lets-review-final-score {
letter-spacing: 1px;
font-weight: 700;
}
.preview-review-bot .zeen-review {
bottom: 0;
top: auto;
right: 0;
height: 30px;
line-height: 30px;
text-align: left;
width: 0%;
min-width: 40px;
}
.preview-review-bot .zeen-review:not(.lr-api-has-icons) .lets-review-final-score {
padding-left: 10px;
opacity: 0;
letter-spacing: 0;
transition: 0.2s;
}
.preview-review-bot .zeen-review .lets-review-final-score {
font-size: 16px;
}
.preview-review-bot .lr-api-has-icons .lets-review-5-w-number {
display: none;
}
.preview-review-bot .lr-api-has-icons .lets-review-final-score img {
margin: 0 2px;
max-width: 13px;
}
.preview-review-bot .review-ani-done:not(.lr-api-has-icons) .lets-review-final-score {
opacity: 1;
}
.block-wrap:not(.block-col-self) .block:not(.preview-review-bot) article:not(.preview-thumbnail) .lr-api-has-icons {
width: 80px;
height: 30px;
}
.block-wrap:not(.block-col-self) .block:not(.preview-review-bot) article:not(.preview-thumbnail) .lr-api-has-icons img {
max-width: 12px;
}
.lets-review-api-wrap .cb-percent-sign {
line-height: 1;
font-size: 11px;
}
.block:not(.preview-review-bot) .zeen-review {
left: 0;
top: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
font-weight: 400;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.block:not(.preview-review-bot) .zeen-review .lets-review-api-score-box {
position: relative;
}
.block:not(.preview-review-bot) .lets-review-api-wrap .lets-review-final-score {
line-height: 1;
}
.block:not(.preview-review-bot) .lr-api-has-icons .lets-review-final-score {
font-size: 12px !important;
}
.preview-thumbnail .zeen-review {
top: 0;
left: 0;
width: 26px;
height: 24px;
line-height: 24px;
}
.preview-thumbnail .zeen-review .lets-review-final-score {
font-size: 10px;
letter-spacing: 0;
opacity: 1;
}
.preview-thumbnail .zeen-review .lets-review-final-score .cb-percent-sign {
padding-right: 1px;
font-size: 8px;
}
.preview-thumbnail .zeen-review .lets-review-final-score .cb-bar {
display: none;
}
.preview-thumbnail .zeen-review .lets-review-subtitle {
display: none;
}
.preview-thumbnail .byline-part:not(.cats):not(.date) {
display: none;
}
.preview-thumbnail .byline-part.cats, .preview-thumbnail .byline-part.date {
margin-left: 5px;
}
.zeen-review-s .zeen-review {
width: 44px;
height: 38px;
line-height: 38px;
}
.zeen-review-s .zeen-review .lets-review-final-score {
font-size: 15px;
letter-spacing: 0;
opacity: 1;
}
.zeen-review-s .zeen-review .lets-review-final-score .cb-percent-sign {
padding-right: 1px;
font-size: 12px;
}
.zeen-review-s .zeen-review .lets-review-final-score .cb-bar {
display: none;
}
.zeen-review-s .zeen-review .lets-review-subtitle {
display: none;
}
.tipi-l-typo .zeen-review {
top: 15px;
left: 15px;
width: 75px;
height: 75px;
}
.lets-review__widget__design-1:last-of-type {
margin-bottom: 0;
}
.lets-review__widget__design-1 .score {
color: inherit;
}
/*------------------------------------------------------------------
[X. Sliders ]
*/
.is-flickity-fullscreen .sticky-menu,
.is-flickity-fullscreen .slide-in-box,
.is-flickity-fullscreen .site-mob-header,
.is-flickity-fullscreen .main-navigation,
.is-flickity-fullscreen .site-header-block,
.is-flickity-fullscreen .sticky-top {
z-index: 1 !important;
transition: none !important;
}
.format-gallery .hero-wrap {
overflow: visible;
}
.flickity-viewport {
background: #fff;
}
.slider-for,
.slider-imgs {
width: 100%;
height: 250px;
}
.slider-for .slide,
.slider-imgs .slide {
margin-left: 5px;
height: 100%;
}
.slider-for {
position: relative;
margin-bottom: 5px;
}
.slider-for:not(.slider-rdy) .slide img {
transform: translatey(15px);
}
.slider-imgs:not(.slider-rdy) .slide img {
transform: translatey(10px);
}
.slider-imgs .slide img {
transition: 0.3s;
}
.slider-imgs.tipi-spin:before {
border-color: #555;
}
.md-1.title-middle .hero-wrap .slide:before, .md-1.title-middle-bl .hero-wrap .slide:before {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
content: '';
opacity: 0;
background-color: #000;
}
.md-1.title-middle .slider-rdy .slide:before, .md-1.title-middle-bl .slider-rdy .slide:before {
transition: 0.6s opacity;
opacity: 0.2;
}
.slider {
background: #f2f2f2;
}
.slider article {
background: #f2f2f2;
display: none;
}
.slider.tipi-spin:before {
z-index: 11;
border-color: #ccc;
}
.slider .slide {
position: absolute;
}
.slider .meta,
.slider .lets-review-api-wrap {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slider .slider-arrow {
opacity: 0;
}
.slider .mask,
.slider .meta {
opacity: 0;
}
.slider article:first-of-type {
display: block;
}
.slider:not(.flickity-enabled) {
padding-bottom: 50%;
overflow: hidden;
}
.block-wrap-52 .slider:not(.flickity-enabled) {
padding-bottom: 32.5%;
}
.block-wrap-53 .slider:not(.flickity-enabled) {
padding-bottom: 27.5%;
}
.block-wrap-54 .slider:not(.flickity-enabled) {
padding-bottom: 25%;
}
.block-wrap-56 .tipi-spin:before, .block-wrap-56 .extras {
display: none;
}
.block-wrap-56 .slider-arrow {
opacity: 0 !important;
}
.block-wrap-56:hover .slider-arrow {
opacity: 1 !important;
}
.block-wrap-56 .slider {
background: transparent;
padding-bottom: 0;
width: 100%;
}
.block-wrap-56 .slider:not(.flickity-enabled) {
padding-bottom: 60px;
}
.block-wrap-56 .slider .mask, .block-wrap-56 .slider .meta {
opacity: 1;
}
.block-wrap-56 .slider .mask, .block-wrap-56 .slider .slide {
position: relative;
}
.block-wrap-56 .slider article {
max-width: calc( 100% - 90px);
padding-bottom: 0;
margin-left: 30px;
background-color: transparent;
}
.block-wrap-56 .slider article a {
color: inherit;
}
.block-wrap-56 .flickity-viewport {
background: transparent;
}
.block-wrap-56 .flickity-page-dots {
position: static;
margin-top: 45px;
}
.block-wrap-56.block-skin--light .flickity-page-dots .dot, .block-wrap-56.block-skin-0 .flickity-page-dots .dot, .block-wrap-56.block-skin-1 .flickity-page-dots .dot {
box-shadow: inset 0 0 0 2px #666;
}
.block-wrap-56.block-skin--light .flickity-page-dots .dot:after, .block-wrap-56.block-skin-0 .flickity-page-dots .dot:after, .block-wrap-56.block-skin-1 .flickity-page-dots .dot:after {
background-color: #666;
}
.slider-columns--2 article:nth-child(2), .slider-columns--3 article:nth-child(2), .slider-columns--4 article:nth-child(2) {
display: block;
}
.slider-columns--3 article:nth-child(3), .slider-columns--4 article:nth-child(3) {
display: block;
}
.slider-columns--4 article:nth-child(4) {
display: block;
}
.gallery__slider.slider-rdy .slide {
background-color: #f2f2f2;
}
.gallery__slider .slide img, .gallery__slider .slide picture {
max-width: none;
width: auto;
height: 100%;
}
.gallery__slider.slider-16 {
padding-right: 0;
padding-left: 0;
}
.slider-of-one .mask,
.slider .mask,
.preview-62 .mask,
.preview-81 .mask {
position: absolute;
height: 100%;
width: 100%;
}
.slider.parallax .mask {
top: -15%;
height: 130%;
}
.preview-62.parallax .mask img,
.preview-grid.parallax .mask img {
top: -10%;
height: 120%;
}
.slider-of-one {
padding-bottom: 0 !important;
}
.slider-nav {
background: inherit;
height: 75px;
padding-bottom: 0 !important;
position: relative;
}
.slider-nav .slide {
margin-left: 5px;
background: #f2f2f2;
height: 100%;
}
.slider-nav .slide img {
opacity: 0;
transition: 0.3s;
}
.slider-nav .slider-arrow {
opacity: 0.5;
}
.slider-nav.nav-slider-rdy .slide img {
opacity: 0.5;
}
.slider-nav.nav-slider-rdy .is-nav-selected img {
opacity: 1;
}
p + .zeen__list {
margin-top: 30px;
}
.zeen__list {
position: relative;
counter-reset: list;
transition: 0.3s;
z-index: 2;
}
.zeen__list:before {
border-color: #111;
}
.zeen__list .wp-block-image:first-of-type figure {
margin-top: 0;
}
.zeen__list .list__counter {
counter-increment: list 1;
}
.zeen__list .list__counter:before {
font-size: 12px;
display: block;
content: counter(list);
color: #fff;
background: #111;
min-width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
float: right;
margin-left: 15px;
border-radius: 2px;
}
.zeen__list:not(.slider-ldd) {
transform: translateY(30px);
}
.zeen__list.slider-ldd {
opacity: 1;
}
.zeen__list .slider-arrow-prev {
right: 0;
}
.zeen__list .slider-arrow-next {
left: 0;
}
.zeen__list:not(.zeen__list--1) .zeen__list__entry {
margin-bottom: 2em;
}
.zeen__list-order-1 .list__counter {
counter-increment: list -1;
}
.zeen__list--1 {
background: transparent;
opacity: 0;
}
.zeen__list--1 .arrows {
z-index: 2;
position: -webkit-sticky;
position: sticky;
top: 0;
margin-bottom: 30px;
}
.zeen__list--1 .arrow {
transition: 0.3s;
top: 0;
background: #111;
color: #fff;
z-index: 1;
height: 40px;
line-height: 40px;
cursor: pointer;
border-radius: 2px;
width: 100px;
text-align: center;
font-size: 11px;
text-transform: uppercase;
padding: 0;
float: right;
}
.zeen__list--1 .arrow.disabled {
background: #b8b8b8;
pointer-events: none;
}
.zeen__list--1 .slider-arrow-next {
float: left;
}
.zeen__list--1 .slide {
width: 100%;
margin: 0 30px;
}
.block-wrap-slider article,
.block-wrap-55 article {
padding-bottom: 50%;
}
.flickity-enabled:not(.slider-imgs) article {
display: block;
}
.slider__img {
opacity: 0;
}
.slider-rdy.tipi-spin:before {
opacity: 0;
pointer-events: none;
animation-iteration-count: 2;
}
.slider-rdy .slider-arrow {
opacity: 1;
}
.slider-rdy .slider-arrow-2 {
opacity: 0.25;
}
.slider-rdy .mask,
.slider-rdy .meta {
opacity: 1;
}
.slider-rdy .flickity-lazyloaded {
opacity: 1;
}
.block-wrap-51 .slider-art[data-effect="0"] .flickity-slider,
.block-wrap-55 .slider-art[data-effect="0"] .flickity-slider {
transform: none !important;
}
.block-wrap-51 .slider-art[data-effect="0"] .flickity-slider .slide,
.block-wrap-55 .slider-art[data-effect="0"] .flickity-slider .slide {
right: 0 !important;
}
.block-wrap-51 .slider-art[data-effect="0"] .flickity-slider .slide,
.block-wrap-55 .slider-art[data-effect="0"] .flickity-slider .slide {
z-index: 7 !important;
}
.block-wrap-51 .slider-art[data-effect="0"] .flickity-slider .old-slide,
.block-wrap-55 .slider-art[data-effect="0"] .flickity-slider .old-slide {
z-index: 8 !important;
}
.block-wrap-51 .slider-art[data-effect="0"] .flickity-slider .new-slide,
.block-wrap-51 .slider-art[data-effect="0"] .flickity-slider .is-selected,
.block-wrap-55 .slider-art[data-effect="0"] .flickity-slider .new-slide,
.block-wrap-55 .slider-art[data-effect="0"] .flickity-slider .is-selected {
z-index: 9 !important;
}
.block-wrap-51 .slider-art[data-effect="0"] .slider-arrow,
.block-wrap-55 .slider-art[data-effect="0"] .slider-arrow {
z-index: 10;
}
.block-wrap-51 .slider-art .tipi-arrow,
.block-wrap-55 .slider-art .tipi-arrow {
border-color: #fff;
color: #fff;
border-radius: 50%;
}
.block-wrap-51 .slider-art .tipi-arrow i:after,
.block-wrap-55 .slider-art .tipi-arrow i:after {
background: #fff;
}
.block-wrap-51 .media-tr,
.block-wrap-55 .media-tr {
display: none;
}
.slider-arrow-2 {
position: absolute;
z-index: 2;
height: 100%;
width: 50px;
text-align: center;
background: #fff;
color: #000;
transition: 0.2s opacity;
}
.slider-arrow-2 i {
font-size: 30px;
position: absolute;
top: 50%;
width: 100%;
right: 0;
transform: translatey(-50%);
}
.slider-arrow-2:hover {
opacity: 0.75;
}
.slider-arrow-2.slider-arrow-prev {
right: 0;
}
.slider-arrow-2.slider-arrow-next {
left: 0;
}
.slider-arrow-3 {
top: 15px;
}
.slider-arrow-3.slider-arrow-prev {
right: auto;
left: 45px;
}
.slider-arrow-4 {
top: 20px;
margin: 0 15px;
}
.slider-arrow-4.slider-arrow-prev {
right: auto;
left: 57px;
}
.slider-arrow-next {
left: 15px;
}
.slider-arrow-prev {
right: 15px;
}
.slider-arrow {
position: absolute;
z-index: 3;
}
.md-1 .hero-wrap .slider-arrow-next,
.block-wrap-51 .slider-arrow-next {
left: 30px;
}
.md-1 .hero-wrap .slider-arrow,
.block-wrap-51 .slider-arrow {
top: 50%;
transform: translateY(-50%);
}
.md-1 .hero-wrap .slider-arrow-prev,
.block-wrap-51 .slider-arrow-prev {
right: 30px;
}
.tile-design-wrap-2 .tipi-arrow {
border: 0;
top: 45px;
}
.tipi-box .preview-84 .subtitle {
display: none;
}
.block-piece-2 .preview-92 .subtitle,
.block-piece-2 .preview-92 .media-icon,
.block-piece-2 .preview-94 .subtitle,
.block-piece-2 .preview-94 .media-icon {
display: none;
}
/*------------------------------------------------------------------
[X. Hero Designs ]
*/
.hero {
width: 100%;
line-height: 0;
background: #eee;
overflow: hidden;
height: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.hero img,
.hero picture {
width: 100%;
height: 100%;
margin-top: 0;
object-fit: cover;
object-position: center;
}
.hero-wrap {
position: relative;
overflow: hidden;
z-index: 0;
}
.hero-wrap:not(.cover-11) .hero {
max-height: 100vh;
}
.hero-wrap.is-portrait .hero img {
height: auto;
margin-top: 0;
}
.hero-wrap.hero-41 .hero img, .hero-wrap.hero-42 .hero img {
height: 100%;
}
.hero-wrap.hero-41.parallax .hero img, .hero-wrap.hero-42.parallax .hero img {
min-height: 120%;
margin-top: -10%;
}
.hero-wrap .caption {
background: rgba(255, 255, 255, 0.5);
color: #333;
}
.hero-wrap .meta-with-color a,
.hero-wrap .meta-with-color h1,
.hero-wrap .meta-with-color .subtitle,
.hero-wrap .meta-with-color .byline {
color: inherit;
}
.hero-wrap .hero-has-splitter .caption {
top: 0;
bottom: auto;
}
.is-flickity-fullscreen .hero-wrap {
z-index: 2;
}
.hero-s .hero-wrap.parallax .hero img,
.hero-m .hero-wrap.parallax .hero img {
flex-shrink: 0;
margin-top: -5%;
margin-bottom: -5%;
}
.hero-s .flickity-fullscreen-button {
display: none;
}
.has-bg .hero-m.format-video.md-11 .hero-wrap:not(.hero-18) .hero {
max-height: 700px;
}
.hero-m .hero-wrap:not(.hero-18) .hero {
max-height: 630px;
}
.hero-m.format-video.md-11 .hero-wrap:not(.hero-18) .hero {
max-height: 660px;
}
.hero-m .medium-uncrop .hero {
max-height: none !important;
}
.hero-l.format-gallery .hero {
display: block;
}
.hero-l .parallax .hero img {
height: 120%;
margin-top: -5%;
min-height: 100%;
}
.hero-wrap.cover-1 .hero {
height: 56.25vw;
max-height: 56.25vw;
min-height: 280px;
}
.md-11 .hero-wrap.cover-1 .hero {
min-height: 230px;
}
.hero-wrap.cover-2 .hero {
height: 66vh;
max-height: 66vh;
}
.hero-wrap.cover-3 .hero {
height: 50vh;
max-height: 50vh;
}
.format-audio.md-11 .hero-wrap .hero {
height: auto;
padding-top: 30px;
}
.hero-m .hero-wrap.parallax .hero {
overflow: hidden;
}
.hero-wrap .caption,
.gallery-block__wrap .caption {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
font-size: 10px;
transition: 0.2s ease-out;
padding: 5px 7px;
line-height: 1.2;
}
.gallery-block__wrap .tipi-arrow-m.slider-arrow {
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.6);
border: 0;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
}
.gallery-block__wrap .tipi-arrow-m.slider-arrow.disabled {
pointer-events: none;
opacity: 0.4;
}
.gallery-block__wrap:hover .slider-arrow {
opacity: 1;
}
.gallery-slider--51 .slide {
width: 100% !important;
}
.gallery-slider--52 .slide {
width: 50% !important;
}
.gallery-slider--53 .slide {
width: 33.333% !important;
}
.gallery-slider--54 .slide {
width: 25% !important;
}
.gallery-block__image {
position: relative;
width: 100%;
z-index: 1;
text-align: center;
}
.gallery-block__image .caption {
background: rgba(0, 0, 0, 0.5);
color: #eee;
}
.gallery-block__image .tipi-lightbox {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.gallery-block__image .tipi-lightbox:before {
position: absolute;
opacity: 0;
content: "\e93f";
font-family: 'tipi';
pointer-events: none;
transition: 0.3s;
background: #fff;
color: #111;
height: 30px;
width: 30px;
display: flex;
align-items: center;
z-index: 991;
justify-content: center;
max-height: 50%;
font-size: 12px;
max-width: 50%;
border-radius: 4px;
top: 5px;
left: 5px;
}
.gallery-block__image:not(:hover) .tipi-lightbox:before {
transform: translatey(5px);
}
.gallery-block__image:not(.lightboxing):hover .tipi-lightbox:before {
opacity: 1;
}
.gallery-block__image img {
width: 100%;
}
.gallery-block__image:last-of-type {
margin-left: 0 !important;
}
.gallery-block__image .caption {
opacity: 0;
}
.gallery-block__image:hover .caption {
opacity: 1;
}
.gallery-block__image img {
vertical-align: top;
}
.slider .slide .caption {
left: 0;
}
.hero-m .caption {
left: 30px;
}
.hero-41 .hero {
position: relative;
}
.format-gallery .hero-25 .hero {
display: block;
}
.format-gallery .hero-41 .hero {
height: 100%;
}
.format-gallery .hero-41 .hero img {
max-height: 100%;
}
.hero img,
.hero-background img {
opacity: 0;
}
.hero-wrap .mask-overlay {
opacity: 0;
}
.mask-loaded .mask-overlay {
opacity: 1;
}
.mask-loaded .hero img,
.mask-loaded .hero-background img {
animation: tipiOpa 1s normal forwards;
opacity: 1;
}
.side-author__wrap .mask {
background: transparent !important;
}
.side-author__wrap .mask a {
width: 70px;
}
.side-author__wrap .side-meta {
padding-top: 15px;
}
.side-author__wrap img {
border-radius: 50%;
width: 70px;
}
.side-author__wrap .job-title {
width: 100%;
display: block;
}
.layout-side-info .detail {
margin-bottom: 30px;
}
.entry-content {
word-break: break-word;
}
.entry-content > .wp-block-image:first-child .aligncenter {
margin-top: 0;
}
.entry-content .alignnone,
.entry-content .aligncenter {
opacity: 0;
}
.entry-content .wp-block-button.aligncenter, .entry-content .wp-block-button.alignnone {
opacity: 1;
}
.entry-content .embed-vis {
opacity: 1;
}
.entry-content .lets-live-blog-entry-content .alignnone,
.entry-content .lets-live-blog-entry-content .aligncenter {
opacity: 1;
}
.entry-content.woocommerce-Tabs-panel--description .alignnone,
.entry-content.woocommerce-Tabs-panel--description .aligncenter {
opacity: 1;
}
figure.aligncenter {
text-align: center;
}
.hero-1 + .breadcrumbs-wrap {
padding-top: 20px;
}
.hero-18 .tipi-m-typo .subtitle {
padding-top: 10px;
}
.hero-18 .meta-wrap {
padding-top: 30px;
}
.hero-18 .share-it {
justify-content: start;
text-align: right;
margin-top: 20px;
}
.hero-18 .share-it a:first-child {
margin-right: 0 !important;
}
.title-beneath .meta-wrap {
padding-bottom: 30px;
}
.title-above-c .meta-wrap,
.title-beneath-c .meta-wrap {
margin-left: auto;
margin-right: auto;
text-align: center;
padding-top: 30px;
}
.title-above-c .meta-wrap .share-it,
.title-beneath-c .meta-wrap .share-it {
text-align: center;
}
.title-above .meta-wrap,
.title-above-c .meta-wrap {
padding-bottom: 30px;
}
.title-above.hero-m .meta-wrap,
.title-above-c.hero-m .meta-wrap {
padding-bottom: 30px;
padding-top: 30px;
}
.title-above.hero-s .hero-wrap,
.title-above-c.hero-s .hero-wrap {
margin-bottom: 30px;
}
.title-middle .hero-wrap .meta-wrap {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding: 0 30px;
z-index: 2;
position: absolute;
right: 50%;
width: 100%;
top: 50%;
transform: translate(50%, -50%);
text-align: center;
}
div[class*="title-mid"] .meta-wrap .share-it-icons a {
color: #fff;
}
div[class*="title-mid"] .meta-wrap .meta ~ .share-it {
padding-top: 30px;
}
div[class*="title-mid"] .hero-wrap .meta .byline,
div[class*="title-mid"] .hero-wrap .meta .entry-title,
div[class*="title-mid"] .hero-wrap .meta .subtitle,
div[class*="title-mid"] .hero-wrap .media-icon,
div[class*="title-mid"] .hero-wrap .share-it {
transition: 0.5s ease-out;
transition-delay: 0.35s;
}
div[class*="title-mid"] .hero-wrap .meta .entry-title {
transition-delay: 0.5s;
}
div[class*="title-mid"] .hero-wrap .meta .subtitle,
div[class*="title-mid"] .hero-wrap .meta .byline-3 {
transition-delay: 0.65s;
}
div[class*="title-mid"] .hero-wrap .meta .title-with-sub + .byline {
transition-delay: 0.75s;
}
div[class*="title-mid"] .hero-wrap .share-it {
transition-delay: 0.75s;
}
div[class*="title-mid"] .hero-wrap .media-icon {
transition-delay: 0.75s;
}
div[class*="title-mid"] .hero-wrap:not(.mask-loaded) .meta .byline,
div[class*="title-mid"] .hero-wrap:not(.mask-loaded) .meta .entry-title,
div[class*="title-mid"] .hero-wrap:not(.mask-loaded) .meta .subtitle,
div[class*="title-mid"] .hero-wrap:not(.mask-loaded) .media-icon,
div[class*="title-mid"] .hero-wrap:not(.mask-loaded) .share-it {
opacity: 0;
transform: translatey(15px);
}
.title-cut-bl .hero-wrap .meta-wrap {
position: absolute;
bottom: -1px;
z-index: 5;
padding: 0;
}
.title-cut-bl .hero-wrap .meta {
position: absolute;
bottom: 0;
right: 0;
padding-top: 30px;
padding-bottom: 10px;
padding-left: 20px;
}
.title-cut-bl.format-gallery.hero-m .meta-wrap {
margin-right: -1px;
}
.title-middle-bl .hero-wrap .meta-wrap {
position: absolute;
bottom: 0;
z-index: 5;
right: 0;
padding-bottom: 20px;
width: 100%;
}
.title-middle-bl.hero-s .meta-wrap {
padding-right: 20px;
}
.title-cut-bl .hero-wrap .meta,
.title-cut-bl .hero-wrap .share-it,
.title-cut-bc .hero-wrap .meta,
.title-cut-bc .hero-wrap .share-it {
position: relative;
}
.title-cut-bl .hero-wrap .meta:before,
.title-cut-bl .hero-wrap .share-it:before,
.title-cut-bc .hero-wrap .meta:before,
.title-cut-bc .hero-wrap .share-it:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
right: 0;
top: 0;
}
.title-cut-bl .hero-wrap .meta > *,
.title-cut-bl .hero-wrap .share-it > *,
.title-cut-bc .hero-wrap .meta > *,
.title-cut-bc .hero-wrap .share-it > * {
position: relative;
}
.title-contrast .share-it a {
color: #fff !important;
}
.title-contrast .hero-wrap {
height: calc(100vh - 60px);
display: flex;
flex-direction: row-reverse;
width: 100%;
}
.title-contrast .meta-wrap {
padding: 20px;
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
}
.block-wrap-grid .block-flipped {
flex-direction: row-reverse;
}
.contrast .meta-wrap {
background-color: #141516;
color: #fff;
}
.contrast .meta-wrap h1,
.contrast .meta-wrap a,
.contrast .meta-wrap .byline {
color: inherit;
}
.has-bg-da .post-wrap {
z-index: 1;
position: relative;
}
.has-bg .hero-wrap {
z-index: 2;
}
.has-bg .contents-wrap {
position: relative;
z-index: 3;
}
.has-bg .block-wrap-grid,
.has-bg .block-wrap-69.block-col-self,
.has-bg .block-wrap-51.block-col-self,
.has-bg .block-wrap-35.block-col-self {
padding-right: 0;
padding-left: 0;
}
.has-bg .hero-wrap.tipi-row:not(.hero-18):not(.hero-19) {
padding-top: 0;
padding-right: 0;
padding-left: 0;
}
.has-bg .post-wrap:not(.title-middle):not(.title-middle-bl) .hero-wrap.tipi-row:not(.hero-18):not(.hero-19) .meta {
padding-right: 30px;
}
.has-bg .post-wrap:not(.title-middle):not(.title-middle-bl) .hero-wrap.tipi-row:not(.hero-18):not(.hero-19) .meta + .share-it {
padding-right: 30px;
}
.has-bg .header-width-3 .site-header-block {
padding-right: 0;
padding-left: 0;
}
.is-flickity-fullscreen .has-bg .format-gallery .hero-wrap {
z-index: 51;
}
.skin-light .related-posts-wrap .tipi-arrow {
color: #111;
border-color: #111;
}
.skin-light .related-posts-wrap .tipi-arrow i:after {
background: #111;
}
.article-layout-skin-2 .reaction,
.skin-dark .reaction {
background: transparent !important;
color: #fff;
}
.article-layout-skin-2 .reaction .count,
.skin-dark .reaction .count {
color: #fff;
}
.article-layout-skin-2 .reaction.reacted, .article-layout-skin-2 .reaction:hover,
.skin-dark .reaction.reacted,
.skin-dark .reaction:hover {
border-color: #444;
}
.article-layout-skin-2 .comment-list .comment-body,
.skin-dark .comment-list .comment-body {
border-bottom-color: #2b2b2b;
}
.article-layout-skin-2 .fluidbox__overlay,
.skin-dark .fluidbox__overlay {
background: #161616;
}
.article-layout-skin-2 .gallery__slider.slider-rdy .slide,
.skin-dark .gallery__slider.slider-rdy .slide {
background: #25252e;
}
.article-layout-skin-2 .related-posts-wrap .title a,
.skin-dark .related-posts-wrap .title a {
color: #fff;
}
.article-layout-skin-2 .related-posts-wrap .block-wrap,
.article-layout-skin-2 .inline-post .block-wrap,
.skin-dark .related-posts-wrap .block-wrap,
.skin-dark .inline-post .block-wrap {
background: transparent !important;
}
.article-layout-skin-2 .user-page-box,
.skin-dark .user-page-box {
border: 1px solid #272727;
background: transparent;
}
.article-layout-skin-2 .user-page-box .mask,
.skin-dark .user-page-box .mask {
background: transparent;
}
.article-layout-skin-2 .user-page-box .overlay-arrow i,
.skin-dark .user-page-box .overlay-arrow i {
color: #fff;
font-size: 30px;
}
.article-layout-skin-2 .user-page-box a,
.skin-dark .user-page-box a {
color: #fff !important;
}
.article-layout-skin-2 .contents-wrap blockquote,
.skin-dark .contents-wrap blockquote {
color: #fff;
}
.article-layout-skin-2 .contents-wrap article > .meta-wrap .byline,
.article-layout-skin-2 .contents-wrap article > .meta-wrap .byline a,
.skin-dark .contents-wrap article > .meta-wrap .byline,
.skin-dark .contents-wrap article > .meta-wrap .byline a {
color: #7b7b7b;
}
.article-layout-skin-2 .zeen_comments_with_avatar .stylish-comment,
.skin-dark .zeen_comments_with_avatar .stylish-comment {
border-bottom-color: #232323;
}
.article-layout-skin-2 .mc4wp-form-fields input[type=email],
.article-layout-skin-2 .mc4wp-form-fields input[type=text],
.article-layout-skin-2 #subscribe-email input[type=email],
.article-layout-skin-2 #subscribe-email input[type=text],
.skin-dark .mc4wp-form-fields input[type=email],
.skin-dark .mc4wp-form-fields input[type=text],
.skin-dark #subscribe-email input[type=email],
.skin-dark #subscribe-email input[type=text] {
border-bottom-color: #fff;
color: #fff;
}
.article-layout-skin-2 .next-prev-posts,
.article-layout-skin-2 .sidebar-wrap .sidebar,
.article-layout-skin-2 .sidebar .zeen-widget,
.skin-dark .next-prev-posts,
.skin-dark .sidebar-wrap .sidebar,
.skin-dark .sidebar .zeen-widget {
border-color: #232323;
}
.title-cut-bc .hero-wrap .meta {
position: relative;
padding: 30px 15px 15px;
float: none;
margin-right: auto;
margin-left: auto;
}
.title-cut-bc .hero-wrap .breadcrumbs-wrap {
text-align: center;
}
.title-cut-bc .hero-wrap .meta-wrap {
text-align: center;
right: 50%;
transform: translateX(50%);
width: 100%;
position: absolute;
bottom: -1px;
z-index: 5;
}
.parallax .mask__wrap img,
.parallax .hero-background img {
height: 120%;
top: -10%;
position: relative;
}
.parallax .mask-img img {
transition: none !important;
}
.format-gallery .cover-2 .hero,
.format-gallery .cover-3 .hero,
.format-gallery .cover-1 .hero {
max-height: none;
height: auto !important;
}
.hero-bg-2 {
background-color: #000;
}
.hero-31 .hero {
position: fixed !important;
height: 100% !important;
max-height: 100vh !important;
width: 100%;
top: 0;
z-index: -1;
background: transparent;
}
.hero-31 .hero .media-icon {
display: none;
}
.hero-31 .spacer {
height: 100vh;
}
.hero-31 .mask-overlay {
opacity: 0;
}
.hero-31 + div {
background: transparent !important;
}
.hero-31 + div .entry-content {
color: #000;
}
.entry-side-gallery .img-wrap {
line-height: 0;
background-color: #eee;
margin-bottom: 10px;
}
.entry-side-gallery img {
object-fit: cover;
height: 100%;
}
.article-layout-skin-2 .entry-side-gallery .img-wrap {
background-color: #232323;
}
.ipl-separated .ipl-wrap:not(.md-21) {
padding-bottom: 15px;
}
.ipl-separated .ipl.ipl-bg {
height: 45px;
display: block;
/* Background pattern from Toptal Subtle Patterns */
background-image: url("../img/ipl-l.png");
}
.ipl-separated .article-layout-skin-2 + .ipl.ipl-bg {
/* Background pattern from Toptal Subtle Patterns */
background-image: url("../img/ipl-d.png");
}
.ipl-separated .ipl + .post-wrap:not(.hero-l) {
padding-top: 45px;
}
.ipl-separated:not(.has-bg) .ipl + .post-wrap:not(.hero-l) > *:first-of-type {
padding-top: 0;
}
.ipl-wrap {
transition: 0.5s all;
}
.ipl-loader {
position: relative;
height: 150px;
}
.ipl-loader:before {
border-top-color: #1d1d1d;
border-bottom-color: #1d1d1d;
}
.ipl-loader.ipl-end {
display: none;
}
.ipl-loader.ipl-end:before {
animation: none;
}
.ipl-loading {
opacity: 0;
transform: translateY(150px);
}
.inline-post {
margin: 30px 0;
clear: both;
border: 1px solid #eee;
position: relative;
padding: 20px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
display: flex;
}
.inline-post .block .split-1 {
padding: 0;
}
.inline-post .block article {
width: 100%;
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.inline-post .block article .title {
margin: 0;
}
.inline-post .block article .mask {
flex: 0 0 25%;
max-width: 100px;
}
.inline-post .block article .meta:first-child {
padding-right: 0;
padding-top: 30px;
}
.inline-post .block article .icon-base-3 {
top: auto;
bottom: 0;
}
.inline-post .block article .media-icon {
position: absolute;
}
.inline-post .see-also {
font-size: 10px;
z-index: 2;
position: absolute;
background: black;
display: inline-block;
padding: 0px 10px;
color: white;
height: 20px;
line-height: 20px;
top: 0;
right: 50%;
transform: translate(50%, 0%);
}
/*------------------------------------------------------------------
[X. Post format styles ]
*/
.media-icon {
text-align: center;
z-index: 3;
color: #fff;
position: absolute;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.media-icon i {
display: inline-block;
}
.title-middle .meta-wrap .share-it-text,
.title-fixed .meta-wrap .share-it-text,
.title-middle-bl .meta-wrap .share-it-text {
color: #fff;
}
.title-middle .meta-wrap .share-it-text a,
.title-fixed .meta-wrap .share-it-text a,
.title-middle-bl .meta-wrap .share-it-text a {
color: inherit;
}
.title-middle .hero-wrap .media-icon,
.title-fixed .hero-wrap .media-icon,
.title-middle-bl .hero-wrap .media-icon {
display: inline-block;
margin-top: 15px;
position: relative;
top: auto;
right: auto;
}
.title-middle .meta-wrap,
.title-fixed .meta-wrap,
.title-middle-bl .meta-wrap {
transition: 0.2s ease-out;
}
.title-middle .active-embed .meta-wrap,
.title-fixed .active-embed .meta-wrap,
.title-middle-bl .active-embed .meta-wrap {
opacity: 0;
visibility: hidden;
}
.active-embed .hero {
background: #000;
}
.active-embed .hero img {
animation: none;
opacity: 0.25;
}
.active-embed .media-icon {
opacity: 0;
visibility: hidden;
}
.active-embed .caption {
opacity: 0;
visibility: hidden;
}
.media-icon {
width: 40px;
height: 40px;
}
.media-icon i {
font-size: 18px;
line-height: 40px;
}
.icon-size-s i {
font-size: 15px;
}
.hero-18 .media-icon,
.hero-19 .media-icon {
width: 80px;
height: 80px;
}
.hero-18 .media-icon i,
.hero-19 .media-icon i {
font-size: 30px;
line-height: 80px;
}
.icon-size-xs {
width: 30px;
height: 30px;
}
.icon-size-xs i {
font-size: 15px;
line-height: 30px;
}
.icon-size-l {
width: 75px;
height: 75px;
border-radius: 50%;
}
.icon-size-l .icon-bg {
border-width: 3px;
}
.icon-size-l i {
font-size: 25px;
font-weight: 700;
}
.icon-size-l:hover .icon-bg {
transform: scale(1.1, 1.1);
}
.icon-base-1.icon-size-l .icon-bg,
.block-wrap .icon-size-l .icon-bg {
border-style: solid;
border-color: #fff;
background: rgba(0, 0, 0, 0.15);
}
.icon-base-2 {
bottom: 0;
right: 0;
}
.icon-base-2 .icon-bg {
background: #212121;
}
.icon-base-2 i {
color: #fff;
}
.icon-bg {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.icon-base-3 {
top: 15px;
right: 15px;
}
.icon-base-3 i {
color: #000;
}
.icon-base-3 .icon-bg {
background: #fff;
}
.icon-base-3:hover .icon-bg {
transform: scale(1.05, 1.05);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
.mask .byline + a + .icon-base-3 {
top: auto;
bottom: 15px;
right: 15px;
}
.tile-design-4 .icon-base-3 {
right: 0;
}
.icon-base-1 {
color: #161616;
text-align: center;
}
.icon-base-1 i {
color: #161616;
}
.icon-base-1 .icon-bg {
border-radius: 50%;
background: rgba(255, 255, 255, 0.9);
}
.icon-base-1:hover .icon-bg {
transform: scale(1.1, 1.1);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
.icon-base-1.media-icon.center-abs:hover {
transform: translate(50%, -50%) scale(1.1, 1.1);
}
.format-gallery:not(.post-wrap) .image__count {
color: #000;
font-size: 12px;
margin-right: 7px;
}
.format-gallery:not(.post-wrap) .icon-base-2 .image__count {
color: #fff;
}
.format-gallery:not(.post-wrap):not(.preview-thumbnail) .media-icon {
width: auto !important;
padding-right: 12px;
padding-left: 12px;
}
.format-gallery:not(.post-wrap):not(.preview-thumbnail) i {
vertical-align: middle;
}
.format-gallery:not(.post-wrap):not(.preview-thumbnail) .icon-base-1,
.format-gallery:not(.post-wrap):not(.preview-thumbnail) .icon-base-3 {
font-size: 15px;
pointer-events: none;
}
.format-gallery:not(.post-wrap):not(.preview-thumbnail) .icon-base-1 i,
.format-gallery:not(.post-wrap):not(.preview-thumbnail) .icon-base-3 i {
font-size: inherit !important;
}
.format-gallery:not(.post-wrap):not(.preview-thumbnail) .icon-base-1 {
height: auto !important;
padding: 12px 15px;
position: relative;
line-height: 12px;
margin-top: 10px;
display: inline-block;
}
.format-gallery:not(.post-wrap):not(.preview-thumbnail) .icon-base-1 i {
line-height: inherit !important;
}
.format-gallery:not(.post-wrap):not(.preview-thumbnail) .icon-base-1 .icon-bg {
border-radius: 180px;
}
.format-gallery:not(.post-wrap).preview-classic:not(.preview-62):not(.preview-63) .icon-base-1 {
margin: 0 !important;
right: 20px;
top: 20px;
position: absolute;
}
.preview-grid:not(.tile-design-4):not(.format-gallery) .icon-base-1,
.preview-slider:not(.tile-design-4):not(.format-gallery) .icon-base-1,
.preview-classic .icon-base-1 {
right: 50%;
top: 50%;
margin-top: -20px;
margin-right: -20px;
}
.preview-thumbnail .media-icon:not(.icon-base-3) {
right: 50%;
top: 50%;
}
.preview-thumbnail .icon-size-xs:not(.icon-base-3) {
margin-top: -15px;
margin-right: -15px;
}
.preview-thumbnail .icon-base-3 {
top: 0;
right: 0;
}
.preview-thumbnail.format-gallery .icon-base-1 .image__count {
display: none;
}
.preview-thumbnail.format-gallery .counter ~ .media-icon {
display: none;
}
.preview-thumbnail .mask .byline + a + .icon-base-3 {
top: auto;
bottom: 0;
right: 0;
}
.media-icon,
.duration,
.playing-msg,
.icon-bg {
transition: all 0.3s cubic-bezier(0.3, 0.4, 0.5, 1);
}
.hero-with-content-wrap {
padding: 30px 0;
background: #1d1d1f;
}
.hero-with-content-wrap .inline-post {
border-color: #39393c;
}
.hero-with-content-wrap .preview-classic .meta .title,
.hero-with-content-wrap .preview-thumbnail .meta .title {
color: #fff;
}
.hero-with-content-wrap .hero-with-content h1,
.hero-with-content-wrap .hero-with-content h2,
.hero-with-content-wrap .hero-with-content .entry-content > h3 {
color: #fff;
padding-bottom: 30px;
}
.hero-with-content-wrap .hero-with-content .entry-content,
.hero-with-content-wrap .hero-with-content blockquote {
color: #949494;
}
.hero-with-content-wrap .hero-with-content iframe {
width: 100%;
}
.hero-with-content-wrap .share-it {
margin-top: 30px;
justify-content: start;
}
.hero-with-content-wrap .share-it a {
width: auto;
font-size: 15px;
min-width: 60px;
}
.hero-with-content-related {
background-color: #161616;
padding: 30px 0 15px;
}
.hero-with-content-related .videos-mini-wrap {
padding-bottom: 10px;
display: flex;
overflow-y: hidden;
overflow-x: auto;
}
.hero-with-content-related .videos-mini-wrap .mask {
background: #161616;
}
.hero-with-content-related .videos-mini-wrap article {
max-width: 75%;
margin-left: 30px;
margin-bottom: 0;
border-bottom: 0;
padding-left: 30px;
}
.hero-with-content-related .videos-mini-wrap article .title {
font-size: 15px;
}
.hero-with-content-related .videos-mini-wrap img {
transition: 0.2s;
}
.hero-with-content-related .videos-mini-wrap .with-fi .media-icon {
opacity: 1;
width: 40px;
height: 40px;
right: 50%;
margin-right: -20px;
margin-top: -20px;
top: 50%;
}
.hero-with-content-related .videos-mini-wrap .with-fi .media-icon .icon-bg {
border-radius: 50%;
}
.hero-with-content-related .videos-mini-wrap .with-fi .media-icon i {
font-size: 15px;
}
.hero-with-content-related .videos-mini-wrap::-webkit-scrollbar-thumb {
visibility: hidden;
}
.hero-with-content-related .videos-mini-wrap:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
.hero-with-content-related .videos-mini-wrap .title a {
pointer-events: all;
}
.standalone-comments {
padding-bottom: 60px;
padding-top: 30px;
}
/*------------------------------------------------------------------
[X. Singular]
*/
.single-content {
z-index: 1;
position: relative;
padding-top: 30px;
}
.tipi-builder-on .single-content {
padding-top: 0;
}
.tipi-builder-on .contents-wrap .block-wrap .block-81:first-of-type article:first-of-type,
.tipi-builder-on .contents-wrap .block-wrap .block-96:first-of-type article:first-of-type {
border-top-width: 0;
}
.block-da-post_above_fi {
margin-bottom: 20px;
}
.da-style-1 {
margin: 15px 0 15px 15px;
float: right;
}
.da-style-1 + ol:before, .da-style-1 ul:before {
content: '';
display: block;
clear: right;
}
.da-style-2 {
text-align: center;
margin: 1em 0;
width: 100%;
}
.block-da-post_before_content,
.archive-da {
width: 100%;
margin-bottom: 15px;
}
.archive-da {
margin-bottom: 30px;
}
.entry-content-wrap p {
margin-bottom: 1em;
}
.entry-content h3:first-child,
.entry-content h2:first-child {
margin-top: 0;
}
.md-2 .hero {
position: relative;
}
.md-2 .hero-31 .hero {
position: fixed;
}
.md-2 .hero-31.active-embed .hero {
background: #fff;
}
.md-2 .hero-wrap iframe,
.md-2 .hero-wrap video,
.md-2 .hero-wrap audio {
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 0;
}
.md-2 .frame-wrap {
position: absolute;
z-index: 2;
top: 50%;
transform: translateY(-50%);
width: calc(100% - 60px);
right: 30px;
}
.md-2 .hero-19 .media-wrap-audio,
.md-2 .hero-43 .media-wrap-audio {
position: relative;
top: 0;
transform: none;
right: 0;
margin-top: 30px;
}
.md-2 .hero-19 .media-wrap-audio iframe,
.md-2 .hero-43 .media-wrap-audio iframe {
position: relative;
}
.md-2 .is-video .frame-wrap {
padding-bottom: 51.875%;
}
.md-2.hero-m .frame-wrap {
padding-bottom: 0;
transform: none;
top: 0;
bottom: 0;
}
audio {
min-height: 32px;
}
.md-11 .hero-wrap .caption,
.md-11 .hero-wrap .splitter {
display: none;
}
.md-11 .hero-wrap iframe,
.md-11 .hero-wrap video {
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 0;
}
.md-11 .hero-wrap audio {
width: 100%;
}
.md-11.format-audio .hero {
background-color: transparent;
}
.md-11.format-audio .hero-wrap iframe {
margin-bottom: 0;
position: relative;
height: auto;
}
.md-11.format-audio.hero-l audio {
width: 90%;
right: 5%;
}
.md-11 .hero-19 .splitter,
.md-11 .hero-43 .splitter {
display: block;
}
.md-12 .hero-wrap .hero,
.md-12-ext .hero {
overflow: hidden;
}
.md-12 .hero-wrap .video-wrap,
.md-12-ext .video-wrap {
position: absolute;
top: 0;
right: 0;
margin: 0 !important;
transform: none !important;
overflow: hidden;
width: 100% !important;
height: 100% !important;
padding: 0;
margin: 0;
}
.md-12 .hero-wrap.title-contrast .video-wrap,
.md-12-ext.title-contrast .video-wrap {
width: 185vh !important;
right: -50%;
}
.md-12 .hero-wrap:not(.hero-m):not(.hero-l):not(.hero-contrast) .is-portrait .video-wrap,
.md-12-ext:not(.hero-m):not(.hero-l):not(.hero-contrast) .is-portrait .video-wrap {
width: 220% !important;
right: -50%;
}
.md-12 .hero-wrap video,
.md-12-ext video {
min-width: 100%;
min-height: 100%;
opacity: 0;
animation: tipiOpa 1s normal forwards;
animation-delay: 0.5s;
object-fit: cover;
object-position: center;
}
.md-12 .hero-wrap iframe,
.md-12-ext iframe {
pointer-events: none;
width: 130%;
height: 177%;
opacity: 0;
transition: 0.5s cubic-bezier(0.3, 0.7, 0.7, 1) opacity;
transition-delay: 1.5s;
margin: 0;
max-width: none;
transform: translate(50%, -50%);
right: 50%;
top: 50%;
}
.md-12 .hero-wrap iframe.loaded,
.md-12-ext iframe.loaded {
opacity: 1;
}
.md-12 .hero-wrap.title-contrast .hero,
.md-12-ext.title-contrast .hero {
position: relative;
}
.md-12 .hero-wrap.shape-s iframe,
.md-12 .hero-wrap.shape-s video, .md-12 .hero-wrap.preview-grid iframe,
.md-12 .hero-wrap.preview-grid video, .md-12 .hero-wrap.img__shape-2 iframe,
.md-12 .hero-wrap.img__shape-2 video, .md-12 .hero-wrap.preview__img-shape-s iframe,
.md-12 .hero-wrap.preview__img-shape-s video,
.md-12-ext.shape-s iframe,
.md-12-ext.shape-s video,
.md-12-ext.preview-grid iframe,
.md-12-ext.preview-grid video,
.md-12-ext.img__shape-2 iframe,
.md-12-ext.img__shape-2 video,
.md-12-ext.preview__img-shape-s iframe,
.md-12-ext.preview__img-shape-s video {
width: 200%;
}
.md-12 .hero-wrap.shape-l iframe,
.md-12 .hero-wrap.shape-l video, .md-12 .hero-wrap.preview-81 iframe,
.md-12 .hero-wrap.preview-81 video,
.md-12-ext.shape-l iframe,
.md-12-ext.shape-l video,
.md-12-ext.preview-81 iframe,
.md-12-ext.preview-81 video {
width: 110%;
}
.md-12 .hero-wrap.shape-p iframe,
.md-12 .hero-wrap.shape-p video, .md-12 .hero-wrap.preview-62 iframe,
.md-12 .hero-wrap.preview-62 video, .md-12 .hero-wrap.preview__img-shape-p iframe,
.md-12 .hero-wrap.preview__img-shape-p video,
.md-12-ext.shape-p iframe,
.md-12-ext.shape-p video,
.md-12-ext.preview-62 iframe,
.md-12-ext.preview-62 video,
.md-12-ext.preview__img-shape-p iframe,
.md-12-ext.preview__img-shape-p video {
width: 250%;
height: 100%;
}
.md-12 .hero-wrap.preview-83 iframe,
.md-12 .hero-wrap.preview-83 video, .md-12 .hero-wrap.preview-86 iframe,
.md-12 .hero-wrap.preview-86 video,
.md-12-ext.preview-83 iframe,
.md-12-ext.preview-83 video,
.md-12-ext.preview-86 iframe,
.md-12-ext.preview-86 video {
width: 400%;
height: 100%;
}
.hero-l.md-12 .hero-wrap iframe,
.md-12 .hero-18,
.hero-19 iframe {
width: 100vw;
}
.hero-l.md-12 .hero-wrap iframe {
min-height: 56.25vw;
}
/*------------------------------------------------------------------
[X. Singular footer blocks]
*/
.entry-footer {
padding-top: 45px;
}
.entry-footer > div {
margin-bottom: 45px;
}
.entry-footer > div:last-of-type {
margin-bottom: 0;
padding-bottom: 45px;
}
.entry-footer > .share-it {
margin-bottom: 30px;
}
.entry-footer .content-subscribe {
max-width: none;
width: 100%;
}
.entry-footer.tipi-l-8 .share-it a:last-of-type {
margin-left: 0;
}
.sidebar-off:not(.title-middle-cut) .share-it-before {
margin-top: 30px;
}
.share-it {
line-height: 1;
justify-content: space-between;
flex-wrap: wrap;
}
.share-it a {
display: inline-block;
}
.share-it.share-it-before {
margin-bottom: 30px;
}
.share-it .social-count,
.share-it .social-tip {
display: inline-block;
font-size: 10px;
letter-spacing: 1px;
font-weight: 700;
padding-right: 7px;
text-transform: uppercase;
}
.share-it i {
display: inline-block;
vertical-align: middle;
}
.share-it .tipi-i-linkedin,
.share-it .tipi-i-mail {
position: relative;
top: -2px;
}
.meta-wrap .meta ~ .share-it {
float: right;
width: 100%;
display: block;
padding-top: 20px;
}
.meta-wrap .meta ~ .share-it > .title {
display: none;
}
.meta-wrap .meta ~ .share-it a:first-of-type {
margin-right: 0 !important;
}
.meta-wrap .meta ~ .share-it.share-it-11 a:first-of-type {
margin-right: 5px !important;
}
.meta-wrap .meta ~ .share-it .share-it-bold .share-button {
margin-right: 5px !important;
margin-left: 5px !important;
}
.meta-wrap .meta-no-sub ~ .share-it {
padding-top: 30px;
}
.meta-wrap .media-icon + .share-it {
padding-top: 30px;
}
.meta-wrap .video-wrap,
.meta-wrap iframe {
margin: 30px auto 0;
min-height: 32px;
}
.abs-fs {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.abs-fs img,
.abs-fs picture {
width: 100%;
height: 100%;
margin-top: 0;
object-fit: cover;
object-position: center;
}
.hero-background:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
z-index: 1;
}
.hero-background + .hero {
padding: 12.5%;
background: transparent !important;
z-index: 2;
}
.hero-background + .hero img {
border-radius: 3px;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}
.hero-background + .hero ~ .meta-wrap {
z-index: 2;
padding: 30px;
position: relative;
}
.hero-background + .hero ~ .meta-wrap h1,
.hero-background + .hero ~ .meta-wrap h2,
.hero-background + .hero ~ .meta-wrap .byline a,
.hero-background + .hero ~ .meta-wrap .byline,
.hero-background + .hero ~ .meta-wrap .subtitle {
color: #fff;
}
.hero-background + .hero ~ .meta-wrap + .frame-wrap {
min-height: 100px;
}
.hero-background + .hero ~ .meta-wrap .share-it {
padding-top: 30px;
}
.hero-background + .hero ~ .meta-wrap .share-it-11 a,
.hero-background + .hero ~ .meta-wrap .share-it-21 a {
color: #fff;
}
.hero-l .meta-wrap .share-it {
padding-top: 30px;
}
.share-it-11 .tipi-i-linkedin,
.share-it-11 .tipi-i-mail {
top: 0;
}
.entry-footer .share-it .share-button {
margin: 0 0 15px 0;
}
.share-it-1 .share-button {
min-width: 100px;
font-size: 18px;
}
.share-it-1.share-it-count-0 .share-button {
text-align: center;
}
.share-button-content {
justify-content: center;
width: 100%;
height: 100%;
}
.share-it-bold .share-button {
height: 45px;
min-width: 115px;
text-align: center;
padding: 0 20px;
color: #fff;
transition: 0.2s ease-out;
}
.share-it-bold .share-button:hover {
color: #fff;
transform: translate3D(0, -5px, 0);
}
.share-it-bold.share-it-3 .share-button, .share-it-bold.share-it-4 .share-button {
min-width: 0;
margin-left: 10px;
overflow: hidden;
}
.share-it-bold.share-it-3 .share-button-content, .share-it-bold.share-it-4 .share-button-content {
flex-wrap: wrap;
}
.share-it-bold.share-it-3 .share-button-content > *, .share-it-bold.share-it-4 .share-button-content > * {
width: 100%;
}
.share-it-bold.share-it-3 .share-button-content i:not(:last-child), .share-it-bold.share-it-4 .share-button-content i:not(:last-child) {
margin-top: auto;
}
.share-it-bold.share-it-3 .share-button-content .social-count, .share-it-bold.share-it-4 .share-button-content .social-count {
padding-right: 0;
margin-bottom: auto;
margin-top: 5px;
}
.share-it-bold.share-it-4 .share-button {
width: 45px !important;
margin-left: 15px !important;
padding: 0;
border-radius: 50%;
}
.share-it-bold .social-count {
padding-right: 10px;
}
.share-it-bold .share-button-fb {
background: #3b5998;
}
.share-it-bold .share-button-vb {
background: #7360f2;
}
.share-it-bold .share-button-lm {
background: #56b535;
}
.share-it-bold .share-button-tg {
background: #0088CC;
}
.share-it-bold .share-button-pocket {
background: #f04155;
}
.share-it-bold .share-button-instapaper {
background: #1e1e1f;
}
.share-it-bold .share-button-flip {
background: #F52828;
}
.share-it-bold .share-button-tw {
background: #1da1f2;
}
.share-it-bold .share-button-pin {
background: #bd081c;
}
.share-it-bold .share-button-hatena {
background: #00a4de;
}
.share-it-bold .share-button-go {
background: #dc4e41;
}
.share-it-bold .share-button-vk {
background: #4a76a8;
}
.share-it-bold .share-button-li {
background: #0078BA;
}
.share-it-bold .share-button-re {
background: #FF4500;
}
.share-it-bold .share-button-em {
background: #222;
}
.share-it-bold .share-button-tu {
background: #32506d;
}
.share-it-bold .share-button-wa {
background: #00EC67;
}
.share-it-bold .share-button-msg {
background: #0084ff;
}
a.zeen-pin-it {
background: #bd081c;
color: #fff;
height: 40px;
top: 15px;
right: 15px;
z-index: 10;
padding: 10px 15px;
opacity: 0;
visibility: hidden;
transform: translatey(5px);
font-size: 14px;
}
a.zeen-pin-it:before {
transition: 0.15s;
}
a.zeen-pin-it:hover:before {
transform: translatey(2px);
}
a.zeen-pin-it span {
margin-right: 5px;
}
.mask:hover .zeen-pin-it {
opacity: 1;
visibility: visible;
transform: translatey(0);
}
.share-it-text,
.share-it-11 {
font-size: 12px;
}
.share-it-text .title,
.share-it-11 .title {
font-size: inherit !important;
display: inline-block;
padding-left: 30px;
color: #ccc;
}
.share-it-text {
letter-spacing: 0.2em;
text-transform: uppercase;
}
.share-it-text a {
margin: 0 15px 15px !important;
}
.share-it-2 .social-count {
padding-right: 5px;
}
.share-it-2 .share-button {
min-width: 130px;
}
.share-it-11 {
display: block;
}
.share-it-11 a {
margin: 0 20px 15px !important;
font-size: 15px;
}
.article-layout-skin-1 .share-it-text,
.article-layout-skin-1 .share-it-11,
.article-layout-skin-1 .next-prev-posts .mask i {
color: #000;
}
.article-layout-skin-1 .share-it-text a,
.article-layout-skin-1 .share-it-11 a,
.article-layout-skin-1 .next-prev-posts .mask i a {
color: #000;
}
.skin-dark .article-layout-skin-1 .share-it-text,
.skin-dark .article-layout-skin-1 .share-it-11,
.skin-dark .article-layout-skin-1 .next-prev-posts .mask i {
color: #fff;
}
.skin-dark .article-layout-skin-1 .share-it-text a,
.skin-dark .article-layout-skin-1 .share-it-11 a,
.skin-dark .article-layout-skin-1 .next-prev-posts .mask i a {
color: #fff;
}
.skin-dark .tipi-button {
background: #1d1f21;
}
.reaction-wrap {
justify-content: space-between;
}
.zeen-up-down {
background: #f1f1f1;
padding: 45px;
}
.zeen-up-down .thumbs {
margin-right: auto;
}
.zeen-up-down .zeen__up-down {
padding: 0 30px;
}
.zeen-up-down .thumbs:first-child {
width: 100%;
margin-left: auto;
}
.zeen-up-down .thumbs:first-child .zeen__up-down {
padding: 0 45px;
}
.zeen__up-down {
margin-right: 15px;
}
.zeen__up-down i {
margin-left: 10px;
}
.updown-do {
opacity: 0.3;
pointer-events: none;
}
.reaction {
line-height: 1;
width: 50%;
height: 120px;
border: 1px solid transparent;
background: #f1f1f1;
padding: 15px;
align-items: center;
justify-content: center;
text-align: center;
margin-left: 15px;
margin-bottom: 15px;
flex-wrap: wrap;
width: calc(50% - 15px);
color: #444;
}
.reaction:hover {
background: #f9f6e1;
}
.reaction.reacting {
pointer-events: none;
opacity: 0.6;
}
.reaction.reacted {
transform: translatey(-5px);
background: #f9f6e1;
}
.reaction .count {
font-size: 18px;
width: 100%;
color: #444;
display: block;
margin-bottom: auto;
}
.reaction .count span {
font-size: 12px;
margin-right: 2px;
}
.reaction svg {
margin-bottom: 14px;
width: 36px;
height: 36px;
margin-top: auto;
}
.comment-respond:first-child {
margin-top: 45px;
}
.comment-list {
margin-top: 45px;
}
.comment-list .edit-link {
margin-top: 5px;
float: left;
font-size: 12px;
}
.comment-list .comment-author img {
float: right;
margin-left: 30px;
width: 50px;
}
.comment-list .comment-content {
padding-top: 15px;
}
.comment-list .reply {
position: absolute;
top: 0;
left: 0;
}
.comment-list .comment-body {
position: relative;
padding-bottom: 30px;
border-bottom: 1px solid #eee;
margin-bottom: 30px;
}
.comment-list .comment-body:after {
content: "";
display: block;
clear: both;
}
.comment-list .children {
margin-right: 30px;
}
.comment-list .children .children .children {
margin-right: 0;
}
.comment-form .logged-in-as {
margin-top: 10px;
}
.comment-form .comment-form-url,
.comment-form .comment-form-email {
width: calc(50% - 15px);
float: right;
}
.comment-form .comment-form-email {
margin-left: 30px;
}
.comment-form .comment-form-email + .form-submit {
width: 100%;
}
.comment-form .comment-form-comment {
margin-top: 15px;
}
.comment-form input:not(.submit),
.comment-form textarea {
margin-bottom: 15px;
width: 100%;
padding: 10px;
outline: 0;
-webkit-appearance: none;
background: #eee;
transition: 0.2s ease-out all;
font-size: 14px;
}
.comment-form input:not(.submit):focus,
.comment-form textarea:focus {
background-color: #ddd;
color: #111;
}
.comment-form input[type=checkbox] {
width: auto;
margin-bottom: 0;
margin-left: 10px;
-webkit-appearance: checkbox;
}
.comment-form .wpgdprc-checkbox label {
display: flex;
align-items: center;
}
.comment-form textarea {
padding: 15px;
color: #555;
}
.comment-form label {
font-size: 12px;
display: block;
margin-bottom: 5px;
}
.comment-form .form-submit {
clear: both;
padding-top: 30px;
display: inline-block;
}
.comment-form .submit:hover {
background: #444;
}
.comment-form .comment-notes {
font-size: 12px;
margin-top: 15px;
opacity: 0.5;
padding-bottom: 10px;
}
.skin-dark .comment-form input:not(.submit):focus,
.skin-dark .comment-form textarea:focus {
background-color: #282828;
color: #fff;
}
.bypostauthor img {
border-bottom: 3px solid #f8d92f;
}
.block-wrap-202 .contents {
overflow: hidden;
}
.block-wrap-202 .contents > .block-html-content {
white-space: nowrap;
display: inline-block;
animation: zeenScroller 10s linear infinite;
padding-right: 100%;
}
.block-wrap-202 .contents > .block-html-content:hover {
animation-play-state: paused;
}
@keyframes zeenScroller {
to {
transform: translateX(100%);
}
}
.block-wrap-201 .collapsible__wrap {
border-bottom: 1px solid #f2f2f2;
}
.block-wrap-201 .collapsible__title i {
margin-right: auto;
}
.collapsible__content {
height: 0;
opacity: 0;
overflow: hidden;
}
.collapsible__content .block-html-content {
transition: 0.3s;
}
.collapsible__title {
cursor: pointer;
padding: 20px 0;
font-size: 1.1em;
}
.collapsible__title i {
margin-right: 10px;
display: inline-block;
position: relative;
top: 2px;
}
.collapsible__title.active i {
transform: rotate(-180deg);
}
.collapsible__title:not(.active) + div .block-html-content {
opacity: 0;
transform: translateY(10px);
}
.comments__type-2 .comments-area > .comments-title {
display: none;
}
.comments__type-2 .comments--reveal {
padding: 15px;
height: auto;
text-align: center;
}
.comments__type-2 .comments--reveal:hover {
opacity: 0.85;
}
/*------------------------------------------------------------------
[X. Next Previous Block]
*/
.next-prev__design-1 {
padding: 45px;
border: 1px solid #eee;
}
.next-prev__design-1 .mask {
width: 100%;
float: right;
background: transparent;
}
.next-prev__design-1 .mask img {
width: 65px;
}
.next-prev__design-1 .meta .title {
font-size: 1em;
}
.next-prev__design-1 .meta span {
opacity: 0.5;
font-size: 12px;
width: 100%;
display: block;
}
.next-prev__design-2.past__mid {
opacity: 1;
visibility: visible;
}
.next-prev__design-2 {
position: fixed;
top: 50%;
transform: translateY(-50%);
z-index: 2;
opacity: 0;
visibility: hidden;
transition: 0.3s;
height: 140px;
}
.next-prev__design-2 > div {
background-color: #f2f2f2;
}
.next-prev__design-2 .pre-title {
color: #777;
font-size: 10px;
text-transform: uppercase;
}
.next-prev__design-2 .title {
color: #111;
line-height: 1.4;
display: block;
padding-top: 2px;
font-size: 14px;
}
.next-prev__design-2 .next-prev__trigger {
z-index: 1;
position: relative;
width: 60px;
height: 60px;
text-align: center;
}
.next-prev__design-2 .next-prev__contents {
padding: 30px;
transition: 0.3s cubic-bezier(0.2, 0.1, 0.2, 1);
position: absolute;
top: 50%;
z-index: 0;
width: 300px;
height: 100%;
max-width: 50vw;
display: flex;
align-items: center;
transform: translate(0, -50%);
opacity: 0;
visibility: hidden;
}
.next-prev__design-2 .mask {
flex-shrink: 0;
width: 80px;
}
.next-prev__design-2.next-prev__next .meta {
padding-right: 15px;
}
.next-prev__design-2.next-prev__next:not(:hover) .next-prev__contents {
transform: translate(-50%, -50%);
}
.next-prev__design-2.next-prev__prev {
text-align: left;
}
.next-prev__design-2.next-prev__prev .meta {
padding-left: 15px;
}
.next-prev__design-2.next-prev__prev .mask {
order: 2;
}
.next-prev__design-2.next-prev__prev:not(:hover) .next-prev__contents {
transform: translate(50%, -50%);
}
.next-prev__design-2:hover .next-prev__contents {
opacity: 1;
visibility: visible;
}
.next-prev__prev {
right: 0;
}
.next-prev__prev .next-prev__contents {
right: calc(100% - 60px);
padding-right: 60px;
}
.next-prev__next {
left: 0;
}
.next-prev__next .next-prev__contents {
padding-left: 60px;
left: calc(100% - 60px);
}
.skin-dark .next-prev__design-2,
.mode--alt--b .next-prev__design-2 {
color: #fff;
}
.skin-dark .next-prev__design-2 > div,
.mode--alt--b .next-prev__design-2 > div {
background-color: #1d1d1e;
}
.skin-dark .next-prev__design-2 .title,
.mode--alt--b .next-prev__design-2 .title {
color: #fff;
}
.title {
word-wrap: break-word;
}
.footer-block-title {
font-size: 30px;
font-weight: 400;
}
.related-posts-wrap-hero .block .preview-22 {
padding-top: 30px;
padding-bottom: 30px;
margin-top: 0;
margin-bottom: 0;
}
.related-posts-wrap-hero .block .preview-22 .mask {
flex: 0 0 75px;
}
article > .related-posts-wrap-hero .block .preview-22 {
padding-top: 0;
padding-bottom: 30px;
}
.related-posts-wrap .block-wrap-grid .block-title-1,
.related-posts-wrap .block-wrap-grid .block-title-1 .block-title-area {
padding-right: 0 !important;
}
.related-posts-wrap .preview-82 {
width: 50%;
}
.related-posts-wrap .preview-81 {
width: 100%;
}
.related-posts-wrap .block-wrap-52 article {
padding-bottom: 50%;
}
/*------------------------------------------------------------------
[X. Tags Block]
*/
.post-tags a:before {
content: '#';
}
.zeen-engine-inactive {
margin: 30px 0;
}
.footer-block-links {
text-transform: uppercase;
font-size: 9px;
display: flex;
align-items: center;
}
.footer-block-links .title {
flex-shrink: 0;
margin-left: 20px;
display: inline-block;
min-width: 30px;
}
.footer-block-links .title i {
margin-right: 2px;
}
.footer-block-links .block-elements {
margin-bottom: -10px;
}
.footer-block-links .block-elements > * {
font-size: inherit;
border-radius: 2px;
font-weight: 400;
letter-spacing: 0.1em;
display: inline-block;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #eee;
padding: 8px 10px;
line-height: 1;
transition: 0.2s;
}
.footer-block-links .block-elements > *:hover {
background: #eee;
}
.article-layout-skin-2 .footer-block-links .block-elements > *,
.skin-dark .footer-block-links .block-elements > * {
border-color: #272727;
}
.article-layout-skin-2 .footer-block-links .block-elements > *:hover,
.skin-dark .footer-block-links .block-elements > *:hover {
background: #272727;
}
/*------------------------------------------------------------------
[X. Breadcrumbs]
*/
.breadcrumbs-wrap {
text-align: right;
}
.breadcrumbs-wrap.breadcrumbs-sz-m .breadcrumbs {
padding-top: 0;
}
.breadcrumbs {
padding: 15px 0;
flex-wrap: wrap;
}
.breadcrumbs.tipi-row {
padding-bottom: 0;
}
.breadcrumbs .crumb,
.breadcrumbs i {
margin-left: 5px;
display: inline-block;
}
/*------------------------------------------------------------------
[X. Ticker]
*/
.current-date {
margin-left: 10px;
flex-shrink: 0;
}
.trending-inline .main-title-wrap .tipi-trending-icon {
line-height: inherit;
}
.trending-inline .main-title-wrap .trending-text {
padding-right: 5px;
}
.trending-inline .main-title-wrap .trending-text:empty {
margin-right: 0;
padding-right: 0;
}
.counter {
position: absolute;
z-index: 2;
top: 7px;
right: 10px;
border-radius: 50%;
display: inline-block;
height: 40px;
width: 40px;
text-align: center;
}
.counter:before {
font-size: 12px;
position: absolute;
display: block;
content: counter(block);
z-index: 2;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
color: #fff;
}
.counter:after {
z-index: 1;
background-color: #121314;
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
border-radius: inherit;
}
.counter ~ .media-icon {
display: none !important;
}
.trending-accent-border {
border: 2px solid transparent;
}
.trending-inline-wrap .counter {
line-height: 40px;
}
.trending-inline-wrap .counter:before {
height: 100%;
width: 100%;
right: 0;
top: 0;
transform: none;
}
.trending-inline-wrap .trending-accent-border {
line-height: 36px;
}
.preview-thumbnail .counter {
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 100%;
right: 0;
top: 0;
}
.preview-thumbnail .counter:before {
font-weight: 400;
font-size: 22px;
}
.preview-thumbnail .counter:after {
opacity: 0.4;
}
.trending-inline {
transition: 0.3s;
}
.trending-inline a {
transition: 0.3s;
}
.trending-inline .main-title-wrap:before {
display: none;
}
.trending-inline:hover {
background-color: #121314;
}
.trending-inline:hover a {
color: #fff;
}
.trending-inline-drop {
top: 100%;
padding: 0 !important;
z-index: 105 !important;
color: #fff;
background-color: #121314;
}
.trending-inline-drop .trending-inline-wrap .block article a {
padding: 0;
font-size: inherit;
color: #fff;
}
.trending-inline-drop .separation-border {
margin: 0 !important;
}
.trending-inline-drop .trending-inline-title {
width: 100%;
padding: 20px 40px 0;
display: flex;
align-items: center;
margin-bottom: -20px;
}
.trending-inline-drop .trending-inline-title .trending-op-title {
float: right;
font-size: 2em;
}
.trending-inline-drop .trending-inline-title .trending-ops {
margin-right: auto;
}
.trending-inline-drop .trending-inline-title .trending-op {
margin-right: 15px;
display: inline-block;
padding: 0;
cursor: pointer;
}
.trending-inline-drop .format-gallery .media-icon {
display: none !important;
}
.trending-inline-drop .trending-selected {
border-bottom: 2px solid white;
}
.trending-inline-drop .block-wrap {
background-color: #121314;
}
.trending-inline-drop .block-wrap .mask {
background-color: #121314;
}
.trending-inline-drop .block-wrap article .title {
font-size: 14px;
}
.trending-inline-drop .block-wrap .grid-meta-bg .mask:before {
display: none;
}
.block {
counter-reset: block;
}
.block article {
counter-increment: block;
}
/*------------------------------------------------------------------
[X. Pagination]
*/
.pagination {
text-align: center;
padding: 50px 0;
clear: right;
}
.pagination .page-numbers {
transition: 0.3s ease-out all;
font-weight: 400;
display: inline-block;
padding: 5px 12px;
font-size: 9px;
min-width: 35px;
margin: 0 0 10px 10px;
border: 1px solid #e6e6e6;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.pagination .page-numbers:hover {
border-color: #111;
}
.pagination .prev:hover {
transform: translatex(2px);
}
.pagination .next:hover {
transform: translatex(-2px);
}
.pagination .dots {
border-color: transparent;
padding: 5px 0;
min-width: 0;
}
.pagination .dots:hover {
border-color: transparent;
}
.pagination .dots:hover {
opacity: 0.5;
transform: none;
}
.pagination .current:hover {
transform: none;
}
.pagination .no-more-articles {
margin-bottom: 10px;
font-size: 14px;
}
.pagination + .block {
clear: both;
}
.pagination .current:not(.post-page-numbers),
.post-page-numbers.current .page-numbers,
.post-pagination > .page-numbers,
.woocommerce-pagination .current {
border-color: #111;
background: #111;
color: #fff;
padding-bottom: 5px;
}
.inf-scr {
clear: right;
}
.inf-loaded {
padding: 0;
height: 0;
opacity: 0;
visibility: hidden;
width: 100%;
}
.inf-load-more-wrap {
position: relative;
}
.inf-load-more-wrap a {
transition: all 0.2s ease-out;
}
.inf-loading a {
opacity: 0;
}
.inf-loading:before {
border-top-color: #222;
border-bottom-color: #222;
}
.inf-scr-masonry {
position: absolute;
}
.inf-scr-masonry a {
top: auto !important;
}
/*------------------------------------------------------------------
[X. Author box]
*/
.user-page-box {
text-align: right;
background: #f1f1f1;
padding: 45px;
}
.user-page-box a {
color: #000;
}
.user-page-box .author-ext-url {
font-size: 12px;
top: -2px;
position: relative;
margin-right: 3px;
}
.user-page-box .icons {
font-size: 12px;
}
.user-page-box .icons a {
display: inline-block;
margin-left: 10px;
}
.user-page-box .author-name {
font-size: 20px;
}
.user-page-box .author-bio {
clear: both;
}
.user-page-box .overlay-arrow {
opacity: 0;
transition: 0.2s ease-out;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
}
.user-page-box .overlay-arrow i {
position: absolute;
right: 50%;
top: 50%;
font-size: 20px;
transition: 0.2s ease-out;
transform: translate3d(50%, -60%, 0);
}
.user-page-box img {
transition: 0.2s ease-out;
}
.user-page-box .mask {
background-color: inherit;
width: 100%;
}
.user-page-box .mask:hover img {
opacity: 0.2;
}
.user-page-box .mask:hover img:hover {
transform: translate3D(0, -3px, 0);
}
.user-page-box .mask:hover .overlay-arrow {
opacity: 1;
}
.user-page-box .mask:hover .overlay-arrow i {
transform: translate3d(50%, -60%, 0);
}
.user-box-skin-2 {
background-color: #0f0f0f;
color: #fff;
}
.user-box-skin-2 a {
color: #fff;
}
.user-page-box-1 .mask {
background: transparent;
}
.user-page-box-2,
.user-page-box-3,
.user-page-box-4 {
margin-bottom: 30px;
text-align: center;
}
.user-page-box-2 .mask,
.user-page-box-3 .mask,
.user-page-box-4 .mask {
margin-bottom: 30px;
width: 100%;
}
.user-page-box-2 .author-info-wrap,
.user-page-box-3 .author-info-wrap,
.user-page-box-4 .author-info-wrap {
margin-bottom: 15px;
}
.user-page-box-2 .icons,
.user-page-box-3 .icons,
.user-page-box-4 .icons {
margin-top: 20px;
}
.team-member-details {
margin-top: 5px;
}
.team-member-details .team-member-detail {
float: right;
margin-left: 20px;
}
.team-member-details .team-member-detail .pre-title {
margin-left: 7px;
}
.team-member-details .team-member-detail .title {
font-size: 1em;
}
.user-box-type-2 {
margin-bottom: 30px;
width: 100% !important;
}
.user-box-type-2.user-page-box-2 .team-member-details {
margin-top: 15px;
}
.user-box-type-2.user-page-box-2 .team-member-details .team-member-detail {
display: block;
width: 100%;
margin-left: 0;
}
/*------------------------------------------------------------------
[X. Pages: Team templates]
*/
.team-wrap {
display: flex;
flex-flow: row wrap;
}
.team-wrap-1 .user-page-box {
margin-bottom: 30px;
}
/*------------------------------------------------------------------
[X. Pages: 404]
*/
.error404 .contents-wrap {
min-height: 60vh;
text-align: center;
}
.error404 .error404-main {
min-height: 60vh;
flex-direction: column;
justify-content: center;
}
.error404 .error404-main h1,
.error404 .error404-main .error404-back {
margin: 60px 0;
}
/*------------------------------------------------------------------
[X. Pages: Attachment]
*/
.attachment-hero .hero-wrap {
margin-bottom: 60px;
}
/*------------------------------------------------------------------
[X. Contact Form]
*/
span.wpcf7-not-valid-tip {
color: #ff2121;
font-size: 0.8em;
display: block;
}
.wpcf7-validation-errors,
.wpcf7-acceptance-missing {
border: 1px solid #ff2121;
}
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-text[type="text"],
.wpcf7-form-control.wpcf7-text[type="email"],
.wpcf7-form-control.wpcf7-textarea {
width: 100%;
height: 60px;
border: none;
color: #555;
border: 0;
padding: 0 20px;
color: #858585;
transition: background 0.35s;
background: #eee;
}
.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-text[type="text"]:focus,
.wpcf7-form-control.wpcf7-text[type="email"]:focus,
.wpcf7-form-control.wpcf7-textarea:focus {
background: #ddd;
outline: none;
}
.wpcf7-form-control.wpcf7-text:invalid,
.wpcf7-form-control.wpcf7-text[type="text"]:invalid,
.wpcf7-form-control.wpcf7-text[type="email"]:invalid,
.wpcf7-form-control.wpcf7-textarea:invalid {
outline: none;
background-color: #f6e7eb;
box-shadow: none;
}
.wpcf7-form-control.wpcf7-textarea {
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
height: 320px;
}
.wpcf7-form p {
font-size: 12px;
color: #4D4D4D;
display: block;
margin: 20px 0;
}
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
.wpcf7-form-control-wrap {
display: block;
margin: 10px 0;
}
.wpcf7-submit {
display: inline-block;
padding: 0 60px !important;
transition: all 0.3s ease-out;
}
.wpcf7-submit:hover {
background: #444;
}
.wpcf7-validation-errors,
.wpcf7-acceptance-missing,
.wpcf7-mail-sent-ok {
background: #ff2121;
color: white;
padding: 15px 20px;
font-size: 0.8em;
border-radius: 3px;
text-align: center;
}
.wpcf7-mail-sent-ok {
background: #2e9ca0;
}
/*------------------------------------------------------------------
[X. Footer widgets]
*/
.footer-widgets-skin-3 .textwidget p,
.footer-widgets-skin-2 .textwidget p {
opacity: 0.65;
font-size: 15px;
}
.footer-widgets-text-white .footer-widgets-skin-3 .textwidget p {
opacity: 1;
}
.widget-title-center .widget-title,
.widget-title-center .widget_nav_menu {
text-align: center;
}
.widget_nav_menu:only-child {
width: 100% !important;
margin-left: 0 !important;
}
.footer-widget-wrap {
z-index: 1;
padding-bottom: 30px;
padding-top: 30px;
}
.footer-widget {
position: relative;
z-index: 1;
margin-bottom: 30px;
padding-bottom: 30px;
}
.footer-widget .mask {
background: transparent;
}
.footer-widget:last-of-type:not(.widget_nav_menu) {
margin-bottom: 0;
padding-bottom: 0;
}
.footer-widget.widget_text {
font-size: 14px;
}
.footer-widget.widget_text div {
margin: 6px 0;
}
.footer-widget .split-1 .meta {
padding-left: 0;
}
.zeen_retina_image {
margin-bottom: 0;
}
.footer-widget-area-1 #wp-calendar {
margin: 0 auto;
}
.footer-widget-area-1 .retina-image {
text-align: center;
}
.footer-widget-area-1 .sub-menu .menu-item-has-children > a:after {
margin-right: 10px;
float: none;
}
.footer-widget-area-1 .drop-it > .menu,
.footer-widget-area-1 .sub-menu .sub-menu,
.footer-widget-area-1 .drop-it > a:before {
opacity: 1;
visibility: visible;
}
.widget_text .alignleft,
.widget_text .alignright {
margin-top: 0;
}
/*------------------------------------------------------------------
[X. Footer]
*/
.site-footer .sub-menu,
.site-footer .menu-item-has-children > a:after {
display: none;
}
.site-footer .footer-navigation li {
padding: 0 10px;
}
.site-footer .zeen_stylish_posts .only-filters .load-more-wrap-2 {
margin-bottom: 10px !important;
}
.widget-title-default .zeen_stylish_posts .only-filters .filters {
justify-content: flex-end;
}
.has-bg .hero-11 .mask-overlay,
.has-bg .hero-14 .mask-overlay,
.has-bg .hero-15 .mask-overlay,
.has-bg .hero-16 .mask-overlay {
top: 0;
}
.tipi-xs-flex-full {
align-items: center;
}
.site-footer-1 .logo {
margin-bottom: 30px;
}
.site-footer-1 .menu-icons {
margin-bottom: -15px;
}
.site-footer-1 .menu-icons .menu-icon {
margin-bottom: 15px;
}
.site-footer-1 .footer-area {
text-align: center;
}
.site-footer-1 .footer-navigation {
padding-bottom: 30px;
}
.site-footer-1 .to-top {
padding-top: 15px;
padding-bottom: 45px;
display: block;
}
.site-footer-1 .to-top a {
justify-content: center;
}
.site-footer-1 .menu-icons {
padding-bottom: 30px;
}
.site-footer-1 .to-top-1 i {
font-size: 30px;
}
.site-footer-2 .to-top {
padding: 0 10px;
margin-top: 15px;
font-size: 12px;
}
.site-footer-2 .copyright:nth-child(2n) {
margin-top: 15px;
}
.site-footer-2 .footer-navigation,
.site-footer-2 .to-top {
display: inline-block;
}
.site-footer-2 .logo-footer {
padding-top: 3px;
}
.site-footer-3 .footer-area {
text-align: center;
}
.site-footer-3 .menu-icons {
margin-top: 30px;
}
.site-footer-3 .copyright {
margin-top: 30px;
}
.site-footer-4 .footer-upper-area {
text-align: center;
}
.site-footer-4 .footer-upper-area .horizontal-menu.menu-icons {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.site-footer-4 .menu-icons {
margin-top: 30px;
}
.site-footer-4 .footer-area {
font-size: 12px;
}
.site-footer-5 .menu-icons,
.site-footer-5 .footer-navigation,
.site-footer-5 .to-top {
display: inline-block;
}
.site-footer-5 .copyright {
margin-top: 30px;
}
.site-footer-6 .footer-area {
text-align: center;
}
.site-footer-6 .footer-area .logo {
margin-bottom: 45px;
}
.site-footer-6 .footer-area .footer-right {
text-align: left;
}
.site-footer-6 .footer-area .to-top span,
.site-footer-4 .footer-area .to-top span,
.site-footer-2 .footer-area .to-top span {
font-size: 12px;
}
.block-da-footer {
text-align: center;
padding: 50px 0;
max-width: calc(100% - 20px);
margin-right: 10px;
}
.to-top {
display: inline-block;
}
.to-top a {
transition: transform 0.2s;
transform: translateY(0);
border-radius: 50%;
}
.to-top a i {
display: inline-block;
}
.to-top a:hover i {
transform: translateY(-5px);
}
.to-top span {
font-size: 15px;
}
.cart__float {
display: inline-flex;
align-items: center;
justify-content: center;
position: fixed;
left: 0;
bottom: 30%;
z-index: 6;
line-height: 50px;
height: 50px;
width: 60px;
transition: .2s ease;
border-radius: 0 180px 180px 0;
z-index: 6;
background: #111;
color: #fff;
}
.cart__float:not(.past__mid) {
opacity: 0;
transform: translateX(-30px);
visibility: hidden;
}
.to-top__fixed .to-top {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 6;
padding: 0;
margin: 0;
}
.to-top__fixed .to-top .tipi-arrow.tipi-arrow-m {
width: 40px;
height: 40px;
line-height: 40px;
border: 0;
}
.to-top__fixed .to-top .tipi-vertical-c {
width: 30px;
height: 30px;
border-radius: 2px;
justify-content: center;
color: #fff;
}
.to-top__fixed .to-top .tipi-vertical-c:hover i {
transform: translateY(-2px);
}
.to-top__fixed .to-top:not(.past__mid) {
transform: translateY(15px);
opacity: 0;
visibility: hidden;
}
.to-top-1 span {
margin-right: 5px;
}
.to-top-1 a {
border: 0;
}
.to-top-1 .tipi-arrow {
width: auto !important;
}
.to-top-2 i {
border-radius: 50%;
}
.to-top-2 a {
display: inline-block;
}
.copyright-c {
text-align: center;
}
/*------------------------------------------------------------------
[X. Slide In Menu ]
*/
.slide-in-el {
position: fixed;
top: 0;
left: 0;
max-width: 100%;
width: 780px;
height: 100%;
z-index: 102;
opacity: 0;
visibility: hidden;
transform: translateX(-50%);
will-change: transform;
overflow-y: auto;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.075);
}
.slide-in-el .content {
margin: 0 auto;
height: 100%;
}
.slide-in-el .bg-area {
min-height: 100%;
}
.slide-in-el .close {
position: absolute;
top: 0;
left: 0;
margin: 30px;
z-index: 2;
font-size: 2em;
line-height: 1;
}
.slide-in-el .close:hover {
transform: rotate(-90deg);
}
.admin-bar .slide-in-el {
padding-top: 32px;
}
.slide-in-menu {
width: 780px;
}
.slide-in-menu .content {
padding: 80px 0;
width: 80%;
max-width: 360px;
}
.slide-in-menu .content .zeen-widget:last-child {
margin-bottom: 0;
}
.slide-in-menu .zeen_social_icons .social-widget-icons {
text-align: right;
font-size: 18px;
}
.slide-in-menu .widget_search form,
.slide-in-menu .widget_search form *,
.slide-in-menu .widget_product_search form,
.slide-in-menu .widget_product_search form * {
color: inherit;
}
.slide-in-menu .slide-navigation {
margin-bottom: 30px;
font-size: 14px;
}
.slide-in-menu .slide-navigation a {
margin-bottom: 5px;
display: inline-block;
}
.slide-in-menu .block-wrap-classic .only-filters .filters {
display: block;
}
.slide-in-menu .block-wrap-classic .mask {
background: transparent;
}
.slide-in-menu .zeen_stylish_posts .only-filters .load-more-wrap-2 {
padding-bottom: 10px;
}
.slide-in-menu .zeen_social_icons {
text-align: right;
}
.slide-in-menu .zeen-widget {
margin-bottom: 90px;
}
.slide-in-menu .logo-slide {
display: block;
margin-bottom: 60px;
}
.slide-in-menu .preview-thumbnail {
border-bottom: 0;
}
.site-inner,
.site-header-side,
.zeen-top-block .block-wrap,
.top-bar-message {
transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1), opacity 0.7s cubic-bezier(0, 0, 0.3, 1);
}
.modal-active {
overflow: hidden;
}
.elementor-template-canvas.modal-active {
overflow: auto;
}
.slide-menu-open {
overflow: hidden;
}
.slide-menu-open #tipi-overlay .close {
display: none;
}
.slide-menu-open .site-inner,
.slide-menu-open .site-header-side,
.slide-menu-open .zeen-top-block .block-wrap,
.slide-menu-open .site-mob-header,
.slide-menu-open .top-bar-message {
transform: translatex(100px);
}
.tipi-tile-cart, .tipi-tile {
transition: opacity 0.3s ease-out, transform 0s 0.4s, visibility 0s 0.4s;
}
.tipi-tile-cart.active, .tipi-tile.active {
transition: opacity 0.3s ease-out, transform 0.3s cubic-bezier(0, 0, 0.3, 1), visibility 0s;
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.tipi-tile .content > div {
opacity: 0;
transform: translatex(-25%);
transition: opacity 0.3s ease-out, transform 0s 0.4s;
}
.tipi-tile .content > .title {
margin-bottom: 15px;
font-size: 30px;
}
.tipi-tile .content > .subtitle {
margin-bottom: 45px;
font-size: 16px;
}
.tipi-tile.active .content > div {
opacity: 1;
transform: translatex(0);
transition: opacity 0.3s ease-out 0.25s, transform 0.3s cubic-bezier(0, 0, 0.3, 1) 0.25s;
}
.tipi-tile.active .content > div:nth-child(2) {
transition-delay: 0.25s;
}
.tipi-tile.active .content > div:nth-child(3) {
transition-delay: 0.35s;
}
.tipi-tile.active .content > div:nth-child(4) {
transition-delay: 0.45s;
}
.tipi-tile.active .content > div:nth-child(5) {
transition-delay: 0.55s;
}
.tipi-tile.active .content > div:nth-child(6) {
transition-delay: 0.65s;
}
.tipi-tile.active .content > div:nth-child(7) {
transition-delay: 0.75s;
}
.tipi-tile.active .content > div:nth-child(8) {
transition-delay: 0.85s;
}
.slide-in-box {
background-position: center;
will-change: transform, opacity;
background-size: cover;
}
.slide-in-box .sliding-url {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
z-index: -1;
}
.slide-in-box .small-print {
clear: both;
}
.slide-in-box .content {
text-align: center;
}
.slide-in-box .content .mask {
background: transparent;
}
.slide-in-box .content > .title {
margin-bottom: 10px;
font-size: 30px;
}
.slide-in-box .content > .subtitle {
margin-bottom: 30px;
}
.admin-bar .slide-in-menu {
padding-top: 32px;
}
.admin-bar .slide-in-menu .close {
position: absolute;
top: 32px;
}
/*------------------------------------------------------------------
[X. Top Bar Message]
*/
.top-bar-message {
text-align: center;
font-size: 12px;
position: relative;
z-index: 5;
}
.top-bar-message i {
margin-left: 7px;
}
#top-bar-message-close {
position: absolute;
line-height: 1;
left: 15px;
font-size: 15px;
top: 50%;
transform: translateY(-50%);
}
/*------------------------------------------------------------------
[X. Popup]
*/
.timed-pup,
.modal-wrap {
z-index: 110;
opacity: 0;
transition: 0.2s all;
}
.timed-pup:not(.active) .wpforms-container-full,
.timed-pup:not(.active) .wpforms-container-full *,
.timed-pup:not(.active) iframe,
.modal-wrap:not(.active) .wpforms-container-full,
.modal-wrap:not(.active) .wpforms-container-full *,
.modal-wrap:not(.active) iframe,
.slide-in-menu:not(.active) .wpforms-container-full,
.slide-in-menu:not(.active) .wpforms-container-full *,
.slide-in-menu:not(.active) iframe {
visibility: hidden !important;
}
.modal-wrap .close,
.tipi-overlay-base .close {
z-index: 2;
position: absolute;
top: 30px;
left: 30px;
}
.modal-wrap .close i,
.tipi-overlay-base .close i {
font-size: 40px;
color: #fff;
transition: 0.3s all;
}
.active-3 .close i {
color: #000;
}
.tipi-overlay-base .close {
opacity: 0;
}
.timed-pup {
top: 50%;
right: 50%;
transform: translate(50%, -45%);
transition-delay: 0s;
margin: 0 auto;
}
.timed-pup .timed-pup-inner {
min-width: 80vw;
display: inline-block;
text-align: center;
}
.timed-pup .timed-pup-inner .widget-title {
color: #fff !important;
}
.timed-pup.active {
visibility: visible;
opacity: 1;
transition-delay: 0.2s;
transform: translate(50%, -50%);
}
.timed-pup .no-widgets {
padding: 30px;
background: #18181e;
color: #fff;
max-width: 60%;
margin: 30px auto;
}
/*------------------------------------------------------------------
[X. Modal]
*/
.modal-wrap {
width: 100%;
height: 100%;
right: 0;
top: 0;
}
.modal-wrap iframe,
.modal-wrap video,
.modal-wrap audio {
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 0;
transition: all 0.4s;
}
.modal-wrap .content-custom {
position: relative;
width: 100%;
margin-right: auto;
margin-left: auto;
text-align: center;
max-width: calc(100vw - 30px);
}
.modal-wrap .content-custom .embed-error {
position: absolute;
top: 50%;
right: 0;
width: 100%;
}
.modal-wrap .content-custom.is-video,
.modal-wrap .content-custom.is-audio {
width: 90vw;
}
.modal-wrap .content-custom.is-video iframe,
.modal-wrap .content-custom.is-video video,
.modal-wrap .content-custom.is-video audio,
.modal-wrap .content-custom.is-audio iframe,
.modal-wrap .content-custom.is-audio video,
.modal-wrap .content-custom.is-audio audio {
opacity: 0;
margin: 0;
}
.modal-wrap .content-custom.is-video {
padding-bottom: 50.75%;
transition: transform 0.2s ease-in-out;
background: #111;
}
.modal-wrap .content-custom.is-video iframe {
background: #000;
}
.modal-wrap .content-custom.frame-ldd iframe,
.modal-wrap .content-custom.frame-ldd video,
.modal-wrap .content-custom.frame-ldd audio {
opacity: 1;
visibility: visible;
}
.modal-wrap .ani-in.content-custom {
opacity: 1;
visibility: visible;
transform: translate(50%, -50%);
}
.modal-wrap .is-audio iframe {
height: auto;
}
.modal-wrap .is-audio iframe[src*="playlists"] {
height: 315px;
}
.modal-wrap .tipi-overlay {
background-color: #fff;
z-index: 1;
opacity: 0.8;
}
.modal-wrap.dark-overlay .tipi-overlay {
background: #000;
}
.modal-wrap.dark-overlay .close i {
color: #fff !important;
}
.modal-wrap.dark-overlay .search-all-results {
background: #282828;
}
.modal-wrap.dark-overlay .content-search {
color: #fff;
}
.modal-wrap.dark-overlay .content-search .search-field {
color: inherit;
border-bottom-color: #444;
}
.modal-wrap.dark-overlay .content-search .search-field::-webkit-input-placeholder {
color: #fff;
}
.modal-wrap.dark-overlay .content-search .search-field::-moz-placeholder {
color: #fff;
}
.modal-wrap.dark-overlay .content-search .search-field:-ms-input-placeholder {
color: #fff;
}
.modal-wrap.dark-overlay .content-search .content-found-wrap .preview-thumbnail .meta .title {
color: #fff;
}
.modal-wrap .content-block {
z-index: 2;
border-radius: 10px;
transition: 0.2s opacity, 0.2s visibility, 0.2s transform;
position: absolute;
opacity: 0;
padding: 0 30px;
visibility: hidden;
right: 50%;
top: 50%;
transform: translate(50%, -50%);
}
.modal-wrap .content-block .bg-area {
border-radius: 3px;
}
.modal-wrap .content-custom {
transform: translate(50%, -50%) translatey(-30px);
}
.modal-wrap .subscribe-wrap {
transition: 0.2s all;
padding: 0;
}
.modal-wrap .content {
position: relative;
height: 100%;
padding: 0 30px;
justify-content: center;
}
.modal-wrap .close i {
opacity: 0;
transition: 0.2s;
}
.modal-wrap.active {
visibility: visible;
opacity: 1;
}
.modal-wrap.active .tipi-x-outer {
opacity: 1;
}
.modal-wrap.active .close i {
opacity: 1;
}
.modal-wrap.active-3 .tipi-overlay {
opacity: 0.975;
}
.modal-wrap.active-3 .dark-overlay .tipi-overlay {
opacity: 0.925;
}
.modal-wrap.active-3 .search {
transition-delay: 0.3s;
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible;
}
.modal-wrap.active-3 .search-hints {
transition-delay: 0.4s;
transform: translate3d(0, 0, 0);
opacity: 0.5;
visibility: visible;
}
.modal-wrap.active-3 .content-search {
opacity: 1;
visibility: visible;
}
.modal-wrap .content-subscribe,
.modal-wrap .content-lwa {
transform: translateY(-50%) translateY(-20px) translateX(50%);
}
.modal-wrap.active-4 .content-subscribe {
opacity: 1;
visibility: visible;
transform: translate(50%, -50%);
}
.modal-wrap.active-4 .close i {
color: #000;
}
.modal-wrap .wp-social-login-provider-list,
.modal-wrap .content-lwa form,
.modal-wrap .logo-lwa,
.modal-wrap .tipi-wsl-divider,
.modal-wrap .tipi-lwa > .title-wrap,
.modal-wrap .tipi-lwa > .lwa-contents {
transform: translatey(-15px);
opacity: 0;
transition: opacity 0.3s, transform 0s 0.4s;
}
.modal-wrap.active-2 .content-lwa {
opacity: 1;
visibility: visible;
transform: translate(50%, -50%);
}
.modal-wrap.active-2 form,
.modal-wrap.active-2 .logo-lwa,
.modal-wrap.active-2 .tipi-wsl-divider,
.modal-wrap.active-2 .tipi-lwa > .title-wrap,
.modal-wrap.active-2 .tipi-lwa > .lwa-contents,
.modal-wrap.active-2 .wp-social-login-provider-list {
transform: translatey(0);
opacity: 1;
transition: opacity 0.3s, transform 0.3s cubic-bezier(0, 0, 0.3, 1);
}
.modal-wrap.active-2 .logo-lwa {
transition-delay: 0.15s;
}
.modal-wrap.active-2 .wp-social-login-provider-list,
.modal-wrap.active-2 .tipi-lwa > .title-wrap {
transition-delay: 0.25s;
}
.modal-wrap.active-2 form,
.modal-wrap.active-2 .tipi-wsl-divider,
.modal-wrap.active-2 .tipi-lwa > .lwa-contents {
transition-delay: 0.35s;
}
.modal-wrap.active-qv:before {
color: #fff;
}
.modal-wrap.active-qv .tipi-x:before,
.modal-wrap.active-qv .tipi-x:after {
background: #fff;
}
.modal-wrap.active-qv .content-custom {
opacity: 1;
transition-delay: 0s;
visibility: visible;
}
.light-overlay.modal-wrap .close i {
color: #000;
}
.admin-bar .modal-wrap .close,
.admin-bar .tipi-overlay-base .close {
top: 62px;
}
.tipi-x-outer {
opacity: 0;
}
.active-1 .tipi-x-outer {
opacity: 1;
}
.active-1.content-rdy .content-custom {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.tipi-x {
display: inline-block;
overflow: hidden;
width: 15px;
height: 15px;
display: block;
transition: all 0.3s ease-out;
}
.tipi-x:before, .tipi-x:after {
transition: all 0.3s ease-out;
content: '';
position: absolute;
height: 2px;
width: 100%;
top: 50%;
right: 50%;
background: #000;
border-radius: 5px;
}
.tipi-x:before {
transform: translate3d(50%, -50%, 0) rotate(-45deg);
}
.tipi-x:after {
transform: translate3d(50%, -50%, 0) rotate(45deg);
}
.tipi-x-m {
width: 30px;
height: 30px;
}
.tipi-x-m:before, .tipi-x-m:after {
height: 2px;
}
.tipi-x-l {
width: 50px;
height: 50px;
}
.tipi-x-l:before, .tipi-x-l:after {
height: 3px;
}
.tipi-x-wrap {
transition: 0.2s ease-out all;
line-height: 0;
}
.tipi-x-wrap:hover {
transform: rotate(-90deg);
}
.tipi-i-cart:before {
top: 1px;
position: relative;
}
/*------------------------------------------------------------------
[X. Subscribe]
*/
.content-subscribe-style {
width: 80%;
max-width: 770px;
text-align: center;
transition: 0.3s ease all;
}
.content-subscribe-style .content-subscribe-inner {
position: relative;
z-index: 1;
width: 100%;
}
.content-subscribe-style .subscribe-form {
clear: both;
}
.content-subscribe-style .title {
margin-bottom: 15px;
font-size: 36px;
}
.content-subscribe-style .subtitle {
font-size: 18px;
max-width: 450px;
margin-bottom: 20px;
color: inherit;
}
.small-print {
font-size: 10px;
margin-top: 15px;
}
.mc4wp-form-fields input,
.mc4wp-form-fields button,
#subscribe-submit input,
#subscribe-submit button,
#subscribe-email input,
#subscribe-email button {
width: 100%;
border: 0;
border-radius: 0;
font-size: 15px;
}
.mc4wp-form-fields input[type=email],
.mc4wp-form-fields input[type=text],
#subscribe-submit input[type=email],
#subscribe-submit input[type=text],
#subscribe-email input[type=email],
#subscribe-email input[type=text] {
padding: 0;
border: 0;
}
.mc4wp-form-fields input[type=submit],
.mc4wp-form-fields button,
#subscribe-submit input[type=submit],
#subscribe-submit button,
#subscribe-email input[type=submit],
#subscribe-email button {
font-weight: 400;
width: 100%;
margin-top: 15px;
background: #111;
}
.mc4wp-form-fields input,
.mc4wp-form-fields button,
#subscribe-submit input,
#subscribe-submit button,
#subscribe-email input,
#subscribe-email button {
height: 48px;
background-color: transparent;
}
.mc4wp-form-fields input[type=email],
.mc4wp-form-fields input[type=text],
#subscribe-submit input[type=email],
#subscribe-submit input[type=text],
#subscribe-email input[type=email],
#subscribe-email input[type=text] {
border-bottom: 2px solid #222;
padding: 0;
}
.mc4wp-form-fields input[type=submit],
.mc4wp-form-fields button,
#subscribe-submit input[type=submit],
#subscribe-submit button,
#subscribe-email input[type=submit],
#subscribe-email button {
border-radius: 2px;
}
.subscribe-button-2 .mc4wp-form-fields input,
.subscribe-button-2 #subscribe-submit input,
.subscribe-button-2 #subscribe-email input {
background-color: #f2f2f2;
color: #111 !important;
}
.subscribe-button-2 .mc4wp-form-fields input,
.subscribe-button-2 .mc4wp-form-fields button,
.subscribe-button-2 #subscribe-submit input,
.subscribe-button-2 #subscribe-submit button,
.subscribe-button-2 #subscribe-email input,
.subscribe-button-2 #subscribe-email button {
height: 58px;
}
.subscribe-button-2 .mc4wp-form-fields input[type=submit],
.subscribe-button-2 .mc4wp-form-fields button,
.subscribe-button-2 #subscribe-submit input[type=submit],
.subscribe-button-2 #subscribe-submit button,
.subscribe-button-2 #subscribe-email input[type=submit],
.subscribe-button-2 #subscribe-email button {
border-radius: 0;
}
.subscribe-button-2 .mc4wp-form-fields input[type=email],
.subscribe-button-2 .mc4wp-form-fields input[type=text],
.subscribe-button-2 #subscribe-submit input[type=email],
.subscribe-button-2 #subscribe-submit input[type=text],
.subscribe-button-2 #subscribe-email input[type=email],
.subscribe-button-2 #subscribe-email input[type=text] {
padding: 10px 20px;
border-bottom: 0;
}
.subscribe-button-2 .zeen-checkbox {
padding-top: 15px;
margin-top: 0;
}
.block-skin-bg-4 .block-skin-0 .zeen-checkbox label .zeen-i {
background-color: #fff;
}
.block-skin-bg-4 .block-skin-0 .subscribe-button-2 .mc4wp-form-fields input,
.block-skin-bg-4 .block-skin-0 .subscribe-button-2 #subscribe-submit input,
.block-skin-bg-4 .block-skin-0 .subscribe-button-2 #subscribe-email input {
background-color: #fff;
}
#wp-comment-cookies-consent {
-webkit-appearance: checkbox;
width: auto;
float: right;
margin-bottom: 0;
margin-left: 10px;
}
.content-subscribe-1 .background {
border-radius: 0 3px 3px 0;
}
.content-subscribe-2 .tipi-modal-bg {
padding: 30px;
}
.content-subscribe-2 .subtitle {
margin-right: auto;
margin-left: auto;
}
.content-subscribe-block {
text-align: center;
width: 100%;
max-width: none;
}
.content-subscribe-block.site-skin-1 {
background: #f1f1f1;
color: #222;
}
.content-subscribe-block h2 {
color: inherit;
}
.content-subscribe-block .bg-area {
padding: 45px;
}
.content-subscribe-block .subtitle {
margin: 0 auto 30px;
}
.content-subscribe-block .mc4wp-form-fields p:first-child,
.content-subscribe-block #subscribe-email p:first-child,
.content-subscribe-block #subscribe-submit p:first-child {
width: 100%;
}
.content-subscribe-block .mc4wp-form-fields p button,
.content-subscribe-block #subscribe-email p button,
.content-subscribe-block #subscribe-submit p button {
margin: 0;
padding: 0 45px;
}
.content-subscribe-block .mc4wp-form-fields p .button-arrow {
padding: 0 15px;
}
.content-subscribe-block .small-print {
text-align: left;
}
.content-subscribe-block.subscribe-button-1 .mc4wp-form-fields p:first-child,
.content-subscribe-block.subscribe-button-1 #subscribe-email p:first-child,
.content-subscribe-block.subscribe-button-1 #subscribe-submit p:first-child {
padding-left: 15px;
}
/*------------------------------------------------------------------
[X. Search]
*/
.search-field {
-webkit-appearance: none;
background: transparent;
border: 0;
}
.search-field::-webkit-search-cancel-button {
-webkit-appearance: none;
pointer-events: none;
opacity: 0;
}
input[type=search]::-ms-clear {
display: none;
}
.content-search {
width: 100%;
text-align: center;
color: #111;
}
.content-search .search-submit {
display: none;
}
.content-search .search-field {
border-radius: 0;
color: #111;
font-size: 30px;
border: none;
width: 100%;
border-bottom: 1px solid #e4e4e4;
text-align: center;
}
.content-search .search-field:focus {
outline: none !important;
}
.content-search .search-field::-webkit-input-placeholder {
color: #111;
}
.content-search .search-field::-moz-placeholder {
color: #111;
opacity: 1;
}
.content-search .search-field:-ms-input-placeholder {
color: #111;
}
.content-search .suggestions-wrap a {
margin-left: 5px;
}
.content-search .suggestions-wrap a:before {
content: '#';
}
.content-search .search {
transition: 0.2s ease all;
opacity: 0;
transform: translate3d(0, -20px, 0);
}
.content-search .search-hints {
opacity: 0;
font-size: 12px;
align-items: baseline;
transform: translate3d(0, 10px, 0);
transition: 0.2s ease all;
}
.content-search .search-hints .search-hint {
display: block;
margin-right: auto;
flex-shrink: 0;
}
.search-title {
margin-bottom: 20px;
display: block;
text-align: center;
}
.content-found-wrap {
opacity: 0;
transform: translate3d(0, 5px, 0);
transition: 0.2s opacity, 0.2s transform;
height: 0;
}
.content-found-wrap .product .extras {
display: none;
}
.content-found-wrap .search-kw {
opacity: 0.5;
}
.content-found-wrap .preview-thumbnail .meta .title {
color: #111;
}
.content-found-wrap .tipi-button {
margin-top: 15px;
}
.with-results .content-found-wrap {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.with-results-cache .content-found-wrap {
padding-top: 10px;
height: auto;
}
.zero-typo .content-found-wrap {
padding-top: 0;
height: 0;
}
.drop-search-wrap .modal-tr {
min-width: 28px;
}
.drop-search-wrap .ppl-l-3 article {
width: 100%;
}
.no-results-found .tipi-button {
opacity: 0;
visibility: hidden;
}
.drop-search {
position: absolute;
left: 0;
width: 350px;
top: 100%;
z-index: 2;
color: #000;
opacity: 0;
visibility: hidden;
transition: 0.3s ease-out all;
z-index: 103;
}
.drop-search .search {
border: 0;
}
.drop-search .search article {
flex: 0 0 100%;
width: 100%;
}
.drop-search .search article .mask .byline {
display: none;
}
.drop-search .search .search-field {
border: 0 !important;
color: #fff;
background-color: #141516;
border-radius: 0;
}
.drop-search .search .search-submit {
display: none;
}
.drop-search .button-wrap {
width: 100%;
text-align: center;
}
.drop-search .content-found-wrap {
background: white;
width: 100%;
border: #f1f1f1 1px solid;
border-top: 0;
}
.drop-search .content-found-wrap .block {
display: block;
color: #111;
}
.drop-search .content-found-wrap .block .meta a {
color: #111;
}
.drop-search .content-found-wrap .block article:nth-child(2) {
margin-bottom: 0;
}
.drop-search .content-found-wrap .tipi-button {
width: 100%;
}
.drop-search.with-results .content-found-wrap {
padding: 30px;
}
.drop-search.with-results-cache:not(.with-results) .content-found-wrap {
display: none;
}
.drop-search .tipi-button {
margin-top: 20px;
}
.skin-dark .drop-search .search {
border: 1px #262626 solid;
border-top: 0;
}
.drop-search-wrap.active-search .drop-search {
opacity: 1;
visibility: visible;
}
.drop-search-wrap.active-search .modal-tr .tipi-i-search:before {
content: "\e5cd";
}
.drop-search-wrap {
position: relative;
}
/*------------------------------------------------------------------
[X. LWA]
*/
.lwa-active-1 .tipi-lwa-register,
.lwa-active-1 .tipi-lwa-remember {
display: none;
}
.tipi-logged-out-wrap,
.tipi-logged-in {
width: 100%;
}
.lwa-active-2 .tipi-lwa-login,
.lwa-active-2 .tipi-lwa-remember {
display: none;
}
.lwa-active-3 .tipi-lwa-register,
.lwa-active-3 .tipi-lwa-login {
display: none;
}
.lwa-terms a {
text-decoration: none;
}
.lwa-form .zeen-checkbox {
margin-top: 0;
margin-bottom: 10px;
font-size: 12px;
}
.lwa-form .zeen-checkbox label .zeen-i {
margin-top: 0;
}
.logo-lwa {
text-align: center;
width: 100%;
}
.lwa-status {
margin: 10px 0 20px;
color: #fff;
font-size: 12px;
padding: 10px;
display: none;
border-radius: 3px;
}
.lwa-status a {
color: white;
text-decoration: underline;
}
.lwa-status a:hover {
color: #eee;
}
.lwa-status-invalid {
background: #d04a4a;
display: block;
}
.lwa-status-invalid a {
display: none;
}
.lwa-status-confirm {
background: #8cb68c;
display: block;
}
.lwa-status-live {
padding: 10px;
display: block;
}
.content-lwa {
position: relative;
}
.content-lwa .tipi-modal-bg {
padding: 45px;
width: 390px;
justify-content: center;
}
.content-lwa .logo {
margin-bottom: 45px;
}
.content-lwa .close {
left: 20px;
top: 20px;
}
.content-lwa .bg-area .background {
border-radius: 3px;
}
.content-lwa .tipi-x:after,
.content-lwa .tipi-x:before {
background: white;
}
.content-lwa.site-skin-1 .lwa-input-wrap input {
border: 1px solid #eee;
}
.tipi-lwa {
text-align: center;
}
.tipi-lwa .tipi-button {
width: 100%;
}
.tipi-lwa .lwa-submit-button {
width: 100%;
position: relative;
}
.tipi-lwa .lwa-submit-button input {
width: 100%;
}
.tipi-lwa .title-wrap {
margin-bottom: 15px;
text-align: center;
justify-content: center;
}
.tipi-lwa .title-wrap .avatar-wrap {
margin-left: 10px;
line-height: 0;
}
.tipi-lwa .title-wrap img {
width: 25px;
border-radius: 50%;
}
.tipi-lwa .bottom-options {
margin-top: 5px;
}
.lwa-log-out {
margin-top: 30px;
width: auto;
}
.lwa-lostpassword {
float: right;
width: 50%;
text-align: right;
}
.br-option,
.lwa-cancel-wrap {
text-align: left;
}
.bottom-options {
font-size: 12px;
}
.lwa-cancel-wrap {
float: left;
width: 30%;
}
.bl-option {
float: right;
width: 70%;
}
.br-option {
float: right;
width: 50%;
}
.lwa-submit-button .tipi-button {
width: 100%;
margin-bottom: 5px;
}
.widget_loginwithajaxwidget .logo {
display: none;
}
.widget_loginwithajaxwidget .tipi-small-print .i-wrap {
background: #eee;
}
.lwa-input-wrap {
text-align: right;
}
.lwa-input-wrap input {
border: none;
height: 40px;
line-height: 40px;
outline: none;
background: rgba(255, 255, 255, 0.85);
margin-bottom: 15px;
font-size: 15px;
width: 100%;
border-radius: 2px;
padding: 0 10px;
transition: all 0.2s;
}
.lwa-input-wrap input:focus {
background: white;
}
.tipi-small-print {
line-height: 12px;
display: block;
font-size: 12px;
margin-bottom: 15px;
}
.tipi-small-print:hover {
cursor: pointer;
}
.wp-social-login-provider {
position: relative;
height: 45px;
width: calc(50% - 15px);
position: relative;
border-radius: 2px;
color: #fff;
}
.wp-social-login-provider i {
font-size: 15px;
position: absolute;
top: 50%;
right: 50%;
transform: translate3d(50%, -50%, 0);
transition: 0.2s ease-out;
transform-origin: 100% 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.wp-social-login-connect-with {
margin-bottom: 10px;
font-size: 12px;
display: none;
}
.wp-social-login-provider-list {
text-align: center;
width: 100%;
display: flex;
justify-content: space-between;
line-height: 0;
}
.wp-social-login-provider-list a {
display: inline-block;
}
.modal-wrap.active-2 .wp-social-login-provider-list a:hover i {
transform: scale(1.2, 1.2) translate3d(50%, -50%, 0);
}
.wp-social-login-provider-facebook {
background: #3b5998;
}
.wp-social-login-provider-twitter {
background: #55acee;
}
.wp-social-login-provider-google {
display: none !important;
}
.tipi-wsl-divider {
width: 100%;
display: block;
float: right;
text-align: center;
margin: 12px 0 10px;
position: relative;
overflow: hidden;
}
.tipi-wsl-divider span {
display: inline-block;
position: relative;
padding: 0 15px;
font-size: 10px;
}
.tipi-wsl-divider span:after, .tipi-wsl-divider span:before {
content: '';
height: 1px;
background: #fff;
width: 380px;
opacity: 0.75;
top: 50%;
}
.tipi-wsl-divider span:after {
right: 100%;
position: absolute;
}
.tipi-wsl-divider span:before {
left: 100%;
position: absolute;
}
/*------------------------------------------------------------------
[X. Subscribe]
*/
.subscribe-img {
background-size: cover;
}
/*------------------------------------------------------------------
[X. Archive]
*/
.standard-archive.sidebar-right .main-block-wrap:last-child {
margin: 0 auto;
float: none;
}
.standard-archive .user-page-box--with-fs {
padding-top: 30px;
}
.standard-archive .content-bg {
padding-top: 30px;
padding-bottom: 30px;
}
.standard-archive .content-bg .breadcrumbs-wrap {
padding-right: 0;
}
.standard-archive .content-bg .block-wrap-grid {
width: 100%;
}
.standard-archive .below-da {
padding-top: 0;
padding-bottom: 0;
}
.standard-archive .block-title-wrap-style .block-title-area,
.standard-archive .block-title-wrap-style .filters {
border-top-width: 0;
padding-top: 0;
}
.search-results .page-header {
text-align: center;
}
.search-results .page-header .search-query {
width: 100%;
font-size: 44px;
padding-top: 5px;
}
.search-results .page-header .results-count {
opacity: 0.5;
}
.search-results .page-header .search-submit {
display: none;
}
/*------------------------------------------------------------------
[X. Animations]
*/
.mob-open .sticky-menu-3.stuck {
animation: tipiMenuSlide 1s cubic-bezier(0.2, 1, 0.3, 1) !important;
}
@keyframes slidedown {
from {
transform: translate3d(0, -100%, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes tipiMenuSlide {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(calc(-1*(60px - 100vw)), 0, 0);
}
}
@keyframes tipiOpa {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes tipiSlideUpOpa {
from {
opacity: 0;
transform: translatey(15px);
}
to {
opacity: 1;
transform: translatey(0);
}
}
@keyframes tipiSlideLeftOpa {
from {
opacity: 0;
transform: translatex(15px);
}
to {
opacity: 1;
transform: translatex(0);
}
}
@keyframes tipiSlideRightOpa {
from {
opacity: 0;
transform: translatex(-15px);
}
to {
opacity: 1;
transform: translatex(0);
}
}
@keyframes tipiSlideDownOpa {
from {
opacity: 0;
transform: translatey(-10px);
}
to {
opacity: 1;
transform: translatey(0);
}
}
@keyframes aniUpOpa {
from {
opacity: 0;
transform: translatey(60px);
}
to {
opacity: 1;
transform: translatey(0);
}
}
@keyframes aniLeftOpa {
from {
opacity: 0;
transform: translatex(60px);
}
to {
opacity: 1;
transform: translatex(0);
}
}
@keyframes aniRightOpa {
from {
opacity: 0;
transform: translatex(-60px);
}
to {
opacity: 1;
transform: translatex(0);
}
}
@keyframes tipiPanZoomLeft {
from {
transform: translatex(0%) scale(1, 1);
}
to {
transform: translatex(10%) scale(1.1, 1.1);
}
}
@keyframes tipiPanZoomRight {
from {
transform: translatex(0%) scale(1, 1);
}
to {
transform: translatex(-10%) scale(1.1, 1.1);
}
}
@keyframes tipiPanZoom {
from {
transform: translatex(0%) scale(1, 1);
}
to {
transform: translatex(-5%) scale(1.1, 1.1);
}
}
@keyframes tipiZoom {
from {
transform: scale(1, 1);
}
to {
transform: scale(1.3, 1.3);
}
}
@keyframes aniDownOpa {
from {
opacity: 0;
transform: translatey(-60px);
}
to {
opacity: 1;
transform: translatey(0);
}
}
.slidedown {
animation-name: slidedown;
}
/*------------------------------------------------------------------
[X. Button]
*/
.tipi-button {
display: inline-block;
border-radius: 2px;
-webkit-appearance: none;
padding: 0 20px;
background: black;
outline: none;
border: 0;
height: 44px;
line-height: 40px;
transition: all 0.3s ease-out;
border: 2px solid transparent;
cursor: pointer;
color: #fff !important;
}
.tipi-button-style-3 {
border-radius: 0;
}
.tipi-button.block-loader,
.wpcf7-submit {
border-radius: 180px;
background: #18181e;
color: white;
height: 50px;
line-height: 50px;
border: 0;
padding: 0 90px;
}
.tipi-button.block-loader:hover,
.wpcf7-submit:hover {
transform: translatey(-3px);
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
background: #18181e;
}
.tipi-button-subscribe {
background-color: #cc0102;
font-size: 12px !important;
}
.custom-button__rounded-1.read-more, .custom-button__rounded-1.tipi-button-cta {
border-radius: 180px;
}
.custom-button__rounded-2.tipi-button.block-loader, .custom-button__rounded-2.read-more, .custom-button__rounded-2.tipi-button-cta {
border-radius: 3px;
}
.custom-button__rounded-3.tipi-button.block-loader, .custom-button__rounded-3.read-more, .custom-button__rounded-3.tipi-button-cta {
border-radius: 0;
}
.custom-button__fill-2.tipi-button.block-loader, .custom-button__fill-2.read-more, .custom-button__fill-2.tipi-button-cta {
border: 2px solid;
background-color: transparent !important;
}
.custom-button__fill-2.tipi-button.block-loader {
line-height: 46px;
}
.block-wrap-search.search-form--centered .search {
margin-right: auto;
margin-left: auto;
}
.block-wrap-search.search-form__fill-2 .search-field {
border: 2px solid;
border-left: 0;
}
.block-wrap-search .search .search-field {
border-radius: 0;
width: 100%;
padding: 0 20px;
}
.block-wrap-search .search button {
margin-right: auto;
padding: 0;
color: #fff;
flex-shrink: 0;
}
.custom-button__fill-1.tipi-button.block-loader, .custom-button__fill-1.read-more {
border: 0 !important;
}
.tipi-button-cta {
display: inline-flex;
align-items: center;
}
.custom-button__size-1.tipi-button-cta {
height: 44px;
padding: 0 30px;
}
.custom-button__size-1.tipi-button-cta .tipi-i-arrow-right {
left: 22px;
}
.custom-button__size-2.tipi-button-cta {
padding: 0 40px;
height: 60px;
}
.custom-button__size-2.tipi-button-cta .tipi-i-arrow-right {
left: 32px;
}
.custom-button__size-2.tipi-button.block-loader {
font-size: 15px;
height: 70px;
margin-top: 15px;
line-height: 70px;
width: 100%;
max-width: 770px;
}
.custom-button__size-2.tipi-button.block-loader.custom-button__fill-2 {
line-height: 66px;
}
.read-more.tipi-button {
height: auto;
line-height: 1;
padding: 10px 15px;
}
.custom-button__size-3.tipi-button.block-loader {
line-height: 40px;
height: 40px;
padding: 0 30px;
}
.custom-button__size-3.tipi-button-cta {
height: 36px;
padding: 0 20px;
}
.custom-button__size-3.tipi-button-cta .tipi-i-arrow-right {
left: 12px;
}
.custom-button__size-3.tipi-button.block-loader.custom-button__fill-2 {
line-height: 36px;
}
.block-skin-2 .preview-thumbnail .byline:not(.byline-cats-design-2):not(.byline-cats-design-4) .byline-part:not(.author-avatar) {
opacity: 1;
}
.block-skin-2 .tipi-button.block-more {
border: 1px solid #3a3a3a;
background: transparent;
}
.block-skin-2 .block-title-wrap-style .block-title:after,
.block-skin-2 .block-title-wrap-style .block-title:before {
border-color: #fff;
}
.block-skin-2 .mask {
background: #272727;
}
.block-skin-2 .tipi-spin.tipi-row-inner-style:before {
border-color: #fff;
}
.tipi-button-style-1 {
border-radius: 180px;
}
.tipi-button-style-2 {
border: 0;
float: right;
font-size: 10px;
align-items: center;
display: flex;
}
.tipi-button-style-2 .button-text {
height: auto;
line-height: 1;
}
.tipi-button-style-2:hover {
opacity: 1;
}
.tipi-button-style-2:hover .video-icon {
transform: scale(1.3, 1.3);
}
.tipi-button-style-2 .video-icon {
width: 25px;
height: 25px;
flex-shrink: 0;
line-height: 25px;
background: white;
color: black;
display: inline-block;
font-size: 10px;
text-align: center;
border-radius: 50%;
transition: cubic-bezier(0.2, 1, 0.3, 1) 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin-left: 15px;
}
.tipi-button-align-1,
.tipi-button-align-2 {
display: block;
width: 100%;
}
.tipi-button-align-1 {
text-align: center;
}
.tipi-button-align-2 .tipi-button {
float: left;
}
.cta-button {
text-transform: none;
}
.tipi-button-border {
background: transparent;
color: inherit !important;
border-color: #111;
}
.tipi-button-border:hover {
background: #111;
color: #fff !important;
}
.button-underline {
position: relative;
display: inline-block;
}
.button-underline:after {
background: #888;
height: 2px;
width: 100%;
content: '';
display: block;
transform: scale3d(0, 1, 1);
transition: 0.1s transform ease-out;
transform-origin: 100% 0;
}
.button-underline:hover:after {
transform: scale3d(1, 1, 1);
}
.button-arrow {
position: relative;
padding-right: 30px;
padding-left: 30px;
}
.button-arrow > i {
opacity: 0;
position: absolute;
top: 50%;
transition: 0.2s ease-out all;
font-size: 1em;
transform: translate3d(0, -50%, 0);
}
.button-arrow .button-title {
transition: 0.2s ease-out all;
display: inline-block;
}
.button-arrow:hover i {
opacity: 1;
}
.button-arrow-l:hover > i {
transform: translate3d(10px, -50%, 0);
}
.button-arrow-l:hover .button-title {
transform: translate3d(-10px, 0, 0);
}
.button-arrow-r > i {
transform: translate3d(10px, -50%, 0);
left: 20px;
}
.button-arrow-r:hover > i {
transform: translate3d(0px, -50%, 0);
}
.button-arrow-r:hover .button-title {
transform: translate3d(10px, 0, 0);
}
.lets-info-up .button-arrow > i {
left: -15px;
}
.zeen_video img {
width: 100%;
}
.zeen-widget ins {
background: transparent;
}
.zeen-widget .gallery {
margin-bottom: 0;
}
.admin-bar p.demo_store {
top: 32px;
}
.sb-skin-2 .lets-review__widget__design-2 .cb-countdown {
background: #000;
color: #fff;
}
.lets-review__widget__design-2 .mask img {
width: 100%;
}
.sec-img {
position: absolute;
top: 0;
right: 0;
opacity: 0;
transition: 0.3s ease-out opacity;
z-index: 4;
}
.mask {
background: #eee;
}
.mask:hover .sec-img {
opacity: 1;
}
.mask:hover .extras {
opacity: 1;
}
.mask-transparent {
background: transparent !important;
}
.block-91:first-of-type article:first-child {
border-top: 0;
}
.preview-grid:not(.preview-63) .mask img,
.preview-grid:not(.preview-63) .mask picture {
position: absolute;
}
.preview-91:not(.tipi-m-12) .mask,
.preview-82 .mask {
padding-bottom: 80%;
}
.preview-92 .mask,
.preview-93 .mask,
.preview-94 .mask,
.preview-98 .mask {
padding-bottom: 100%;
}
.block-94 .block-piece-2 .tipi-xs-12 .mask,
.block-98 .block-piece-2 article .mask {
padding-bottom: 50%;
}
.preview-95 .mask {
padding-bottom: 66%;
}
.preview-81,
.preview-91:nth-child(3n+1) .mask {
padding-bottom: 50%;
}
.preview-83 .mask,
.preview-86 .mask {
padding-bottom: 85%;
}
.img__shape-2 .preview-grid:not(.preview-81) .mask,
.img__shape-2 .preview-81,
.img__shape-2 .preview-51 {
padding-bottom: 100%;
}
.block-wrap-slider .img__shape-2 .preview-52 {
padding-bottom: 50%;
}
.block-wrap-slider .img__shape-2 .preview-53 {
padding-bottom: 33.3333%;
}
.block-wrap-slider .img__shape-2 .preview-54 {
padding-bottom: 25%;
}
.block-wrap-slider .img__shape-3 .preview-52 {
padding-bottom: 66.66%;
}
.block-wrap-slider .img__shape-3 .preview-53 {
padding-bottom: 43%;
}
.block-wrap-slider .img__shape-3 .preview-54 {
padding-bottom: 33.3333%;
}
.img__shape-3 .preview-grid:not(.preview-81) .mask,
.img__shape-3 .preview-81,
.img__shape-3 .preview-51 {
padding-bottom: 140%;
}
.preview-84 .mask {
padding-bottom: 90%;
}
.block-43 .separation-border-style {
margin-bottom: 0;
border-bottom: 0;
}
.block-43 .separation-border-style:first-child {
padding-bottom: 30px;
}
.block-videos .block-piece-1 .media-icon {
top: 50%;
right: 50%;
margin-right: -37px;
margin-top: -37px;
}
.block-videos .block-piece-1 .media-icon i {
color: #fff;
}
.block-videos .block-piece-2 {
background: #272727;
}
.block-skin-1.block-wrap-video-player .block-piece-2,
.block-skin-11.block-wrap-video-player .block-piece-2 {
background: #eee;
}
.block-skin-1.block-wrap-video-player .videos-mini-wrap article,
.block-skin-11.block-wrap-video-player .videos-mini-wrap article {
border-bottom-color: #ddd;
}
.block-skin-1.block-wrap-video-player .videos-mini-wrap article .title,
.block-skin-11.block-wrap-video-player .videos-mini-wrap article .title {
color: #333;
}
.block-skin-11.block-wrap-video-player .block-piece-2 {
background: #fff;
}
.block-wrap-video-player.block-skin-2 {
background: #1c1d1e;
}
.cb-skin-version-2 .cb-review-block a,
.cb-skin-version-2 .cb-review-block a:visited {
color: #fff !important;
}
.preview-79 .title-wrap:first-child .title {
padding-top: 15px;
}
.preview-79.stack-1 .byline-2 {
margin-top: 15px;
}
.shop-empty-cart .block article .title-wrap .title {
margin: 15px 0 5px;
font-size: 16px;
padding-top: 0;
}
form h3 {
margin-bottom: 15px !important;
}
abbr[title],
acronym[title] {
text-decoration: none;
}
.cart .button,
.woocommerce .button,
#bbp-search-form .button,
.bbp-search-form .button,
.bbp-submit-wrapper .button {
text-transform: uppercase;
background: #111;
color: #fff;
transition: 0.2s all;
padding: 0 20px;
border: 0;
-webkit-appearance: none;
border-radius: 0;
}
.cart .button:hover,
.woocommerce .button:hover,
#bbp-search-form .button:hover,
.bbp-search-form .button:hover,
.bbp-submit-wrapper .button:hover {
background: #444;
color: #fff;
}
/*------------------------------------------------------------------
[X. Woo Icons]
*/
.tipi-cart-count {
font-family: monospace !important;
font-weight: 700 !important;
padding: 0 4px !important;
display: inline;
font-size: 8px;
position: relative;
top: -9px;
margin-left: -4px;
margin-right: -10px;
border-radius: 50%;
height: 11px;
line-height: 12px;
min-width: 12px;
text-align: center;
background: #1f2123;
color: white;
}
.tipi-cart-count-text .tipi-cart-count {
font: inherit !important;
padding: 0 !important;
color: inherit;
background: transparent;
min-width: 0;
line-height: inherit;
margin: 0;
height: auto;
position: static;
}
.tipi-i-cart-2 {
margin-left: 5px;
}
.tipi-i-cart-2 .tipi-cart-count {
color: #fff;
background: #313131;
}
.site-header-side-70s .tipi-i-cart-2 {
margin-left: 0;
}
.tipi-tip-basket {
position: relative;
}
.tipi-tip-basket > a > i {
display: inline-flex;
}
.site-footer {
position: relative;
z-index: 6;
}
.site-footer .tipi-icon-cart {
vertical-align: middle;
}
.zeen--x {
display: inline-block;
width: 40px;
height: 40px;
overflow: hidden;
padding: 10px;
display: block;
position: absolute;
top: 0;
left: 0;
color: #fff;
transition: all 0.3s ease-out;
background: #f1f1f1;
}
.zeen--x:before, .zeen--x:after {
transition: all 0.3s ease-out;
content: '';
position: absolute;
height: 2px;
width: 10px;
top: 50%;
right: calc(50% - 5px);
margin-top: -1px;
background: #000;
}
.zeen--x:before {
transform: rotate(-45deg);
}
.zeen--x:after {
transform: rotate(45deg);
}
.zeen--x:hover {
background: #ff7f7f;
}
.zeen--x:hover:before, .zeen--x:hover:after {
background: #fff;
}
.zeen--x:hover:before {
transform: rotate(45deg);
}
.zeen--x:hover:after {
transform: rotate(135deg);
}
.zeen--xs {
width: 15px;
height: 15px;
border-radius: 2px;
}
.zeen--xs:before, .zeen--xs:after {
width: 7px;
right: calc(50% - 3px);
}
.tipi-i-right,
.tipi-i-down {
width: 60px;
height: 60px;
display: inline-block;
position: relative;
border: 2px solid transparent;
}
.tipi-i-right:after,
.tipi-i-down:after {
content: '';
border-top: 2px solid #fff;
width: 10px;
height: 10px;
display: block;
border-left: 2px solid #fff;
position: absolute;
top: 50%;
right: calc(50% - 10px);
transform: translateY(-50%) rotate(-45deg);
transform-origin: 50% 50%;
}
.tipi-i-left,
.tipi-i-up {
display: inline-block;
}
.tipi-i-left:after,
.tipi-i-up:after {
transition: 0.3s ease-out all;
content: '';
border-top: 2px solid #fff;
width: 10px;
height: 10px;
display: block;
border-right: 2px solid #fff;
position: absolute;
top: 50%;
right: calc(50% - 5px);
transform: translateY(-50%) rotate(45deg);
transform-origin: 100% 0%;
}
.tipi-i-up-b {
width: 60px;
height: 60px;
border: 2px solid transparent;
}
.tipi-i-up,
.tipi-i-down {
transform: rotate(-90deg);
}
.tipi-arrow {
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border: 1px solid #fff;
color: #fff;
cursor: pointer;
border-radius: 1px;
text-align: center;
}
.tipi-arrow i {
position: relative;
display: inline-block;
transition: all ease-out 0.2s;
}
.tipi-arrow i:after {
transform: scaleY(0);
content: '';
width: 1px;
height: 15px;
background: #fff;
display: block;
position: absolute;
right: 50%;
transition: transform 0.2s ease-out;
}
.tipi-arrow:hover i {
border-color: transparent;
}
.tipi-arrow:hover i:after {
transform: scaleY(1);
}
.tipi-arrow.tipi-arrow-s, .tipi-arrow.tipi-arrow-s2 {
height: 26px;
width: 26px;
line-height: 24px;
font-size: 12px;
}
.tipi-arrow.tipi-arrow-s i, .tipi-arrow.tipi-arrow-s2 i {
line-height: inherit;
}
.tipi-arrow.tipi-arrow-s i:after, .tipi-arrow.tipi-arrow-s2 i:after {
width: 10px;
}
.tipi-arrow.tipi-arrow-s2 {
height: 36px;
width: 36px;
line-height: 34px;
}
.tipi-arrow.tipi-arrow-m {
height: 60px;
width: 60px;
line-height: 60px;
font-size: 20px;
}
.tipi-arrow.tipi-arrow-m i:after {
width: 2px;
}
.slider-arrow--light {
color: #111 !important;
border-color: #fff !important;
background: #fff;
}
.tipi-arrow-t i:after {
bottom: calc(50% - 15px);
margin-top: -25px;
margin-right: -1px;
transform-origin: 100% top;
}
.tipi-arrow-b i:after {
top: calc(50% - 15px);
margin-top: 3px;
margin-right: -1px;
transform-origin: 100% bottom;
}
.tipi-arrow-l i:after,
.tipi-arrow-r i:after {
transform: scaleX(0);
width: 15px !important;
height: 2px;
margin-right: -2px;
transform-origin: right 0;
top: 50%;
}
.tipi-arrow-l i:after {
right: 50%;
margin-right: -2px;
transform-origin: right 0;
}
.tipi-arrow-l:hover i {
transform: translateX(5px);
}
.tipi-arrow-l.tipi-arrow-s i:after, .tipi-arrow-l.tipi-arrow-s2 i:after {
height: 1px;
width: 10px !important;
}
.tipi-arrow-l.tipi-arrow-s:hover i, .tipi-arrow-l.tipi-arrow-s2:hover i {
transform: translateX(3px);
}
.tipi-arrow-r:hover i {
transform: translateX(-5px);
}
.tipi-arrow-r i:after {
right: calc(50% - 15px);
margin-right: 2px;
transform-origin: left 0;
}
.tipi-arrow-r.tipi-arrow-s i:after, .tipi-arrow-r.tipi-arrow-s2 i:after {
height: 1px;
width: 10px !important;
right: calc(50% - 10px);
margin-right: 1px;
}
.tipi-arrow-r.tipi-arrow-s:hover i, .tipi-arrow-r.tipi-arrow-s2:hover i {
transform: translateX(-3px);
}
.tipi-arrow-square {
border-radius: 3px;
}
.tipi-arrow-sharp {
border-radius: 0;
}
.customize-partial-edit-shortcuts-shown .block-more,
.customize-partial-edit-shortcuts-shown .trending-op {
pointer-events: none;
}
.main-navigation .menu-icons .customize-partial-edit-shortcut {
left: -2em;
}
.customize-partial-refreshing {
pointer-events: none;
}
.customize-partial-refreshing * {
pointer-events: none;
}
/*------------------------------------------------------------------
[X. Recipe]
*/
.jetpack-recipe {
border: 1px solid #f2f2f2;
border-radius: 1px;
clear: both;
margin: 1.5em 1%;
padding: 1% 2%;
}
.jetpack-recipe-title {
border-bottom: 1px solid #ccc;
margin: .25em 0;
padding: .25em 0;
}
.jetpack-recipe .jetpack-recipe-meta {
display: block;
font-size: .9em;
list-style-type: none;
margin-left: 0;
margin-right: 0;
padding: 0;
overflow: hidden;
width: 100%;
}
.jetpack-recipe .jetpack-recipe-meta li {
float: right;
list-style-type: none;
margin: 0;
padding: 0 0 0 5%;
}
.jetpack-recipe-meta li.jetpack-recipe-print {
float: left;
padding-left: 0;
text-align: left;
}
.jetpack-recipe-notes {
font-style: italic;
}
div.jetpack-recipe {
margin: 0;
padding: 0;
border: 0;
}
div.jetpack-recipe .jetpack-recipe-title {
border-bottom: 0;
padding: 0 0 30px;
margin: 0;
}
div.jetpack-recipe .jetpack-recipe-meta .jetpack-recipe-print {
margin-right: auto;
}
div.jetpack-recipe .jetpack-recipe-meta .jetpack-recipe-print a {
background-color: #ddd;
text-transform: uppercase;
padding: 0 30px;
height: 40px;
line-height: 40px;
display: inline-block;
color: #555;
font-size: 12px;
transition: 0.2s;
}
div.jetpack-recipe .jetpack-recipe-meta .jetpack-recipe-print a:before {
content: "\e944";
font-family: 'tipi';
margin-left: 5px;
}
div.jetpack-recipe .jetpack-recipe-meta .jetpack-recipe-print a:hover {
background-color: #111;
color: #fff;
}
div.jetpack-recipe .jetpack-recipe-ingredients li,
div.jetpack-recipe .jetpack-recipe-directions li {
margin-bottom: 10px;
}
div.jetpack-recipe .jetpack-recipe-directions .jetpack-recipe-directions {
margin-bottom: 10px;
}
div.jetpack-recipe .jetpack-recipe-image,
div.jetpack-recipe .jetpack-recipe-description {
margin-top: 30px;
}
div.jetpack-recipe .jetpack-recipe-meta {
background: #f1f1f1;
padding: 30px;
}
div.jetpack-recipe .jetpack-recipe-meta strong {
margin-left: 5px;
}
div.jetpack-recipe .jetpack-recipe-content {
display: flex;
flex-wrap: wrap;
}
div.jetpack-recipe .jetpack-recipe-content > .jetpack-recipe-ingredients,
div.jetpack-recipe .jetpack-recipe-content > .jetpack-recipe-directions {
margin-bottom: 30px;
}
/*------------------------------------------------------------------
[ CTA Grids ]
*/
.block-wrap-ctagrid:not(.tipi-seen) .meta {
opacity: 0;
transform: translatey(10px);
}
.block-wrap-ctagrid .contents {
display: flex;
margin: calc(-1 * var(--gap)) calc(-1 * var(--gap)) 0 0;
width: calc(100% + var(--gap));
}
.block-wrap-ctagrid .contents.block__ani-1:not(.tipi-seen) .meta {
transform: translatey(-10px);
}
.block-wrap-ctagrid .cta-inner-wrap {
width: 100%;
}
.block-wrap-ctagrid .cta-tile {
margin: var(--gap) var(--gap) 0 0;
position: relative;
width: 100%;
}
.block-wrap-ctagrid .mask {
position: absolute;
overflow: hidden;
height: 100%;
width: 100%;
}
.block-wrap-ctagrid .overlay {
z-index: 3;
}
.block-wrap-ctagrid .overlay:hover + .meta .button-arrow i {
opacity: 1;
}
.block-wrap-ctagrid .overlay:hover + .meta .button-arrow-r > i {
transform: translate3d(0px, -50%, 0);
}
.block-wrap-ctagrid .overlay:hover + .meta .button-title {
transform: translate3d(10px, 0, 0);
}
.block-wrap-ctagrid .meta {
transition: 0.3s ease-out;
transition-delay: 0.3s;
display: flex;
flex-wrap: wrap;
position: absolute;
z-index: 2;
}
.block-wrap-ctagrid .tipi-button-wrap {
padding-top: 25px;
}
.block-wrap-ctagrid .tipi-button-wrap:only-child {
padding-top: 0;
}
.block-wrap-ctagrid .title-area {
padding-top: 0;
width: 100%;
}
.block-wrap-ctagrid .title-area .subtitle {
padding-top: 10px;
}
.cta-grid-wrap--cat-2 .cta-inner-wrap {
flex-wrap: wrap;
}
.cta-title-loc-0 .tipi-button-wrap {
margin-top: auto;
}
.cta-title-loc-0 .meta {
height: 100%;
}
.cta-title-loc-2 .meta,
.cta-title-loc-3 .meta,
.cta-title-loc-5 .meta {
justify-content: center;
align-items: center;
text-align: center;
}
.cta-title-loc-2 .meta,
.cta-title-loc-3 .meta {
height: 100%;
}
.cta-title-loc-2 .title-area {
margin-top: auto;
}
.cta-title-loc-2 .title-area:only-child {
margin-top: 0;
}
.cta-title-loc-2 .tipi-button-wrap {
margin-bottom: auto;
}
.cta-title-loc-2 .tipi-button-wrap:only-child {
margin-bottom: 0;
}
.cta-title-loc-3 .title-area {
margin-bottom: auto;
}
.cta-title-loc-3 .tipi-button-wrap {
margin-top: auto;
}
.cta-title-loc-4 .meta,
.cta-title-loc-5 .meta {
bottom: 0;
}
/*------------------------------------------------------------------
[X. Animations]
*/
@keyframes swing {
0%,
100% {
transform: rotate(-30deg);
}
50% {
transform: rotate(30deg);
}
}
@keyframes fullspin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
@media only screen and (max-height: 730px) {
.modal-wrap .close,
.tipi-overlay-base .close {
left: 15px;
}
}
.rcp__message__wrap p {
margin: 0;
}
.rcp__message__wrap .rcp__message__title {
margin: 0 !important;
}
.rcp__message__wrap .rcp__message__title + p {
padding-top: 1em;
}
.rcp__message {
text-align: center;
margin-bottom: 15px;
}
.rcp__buttons__wrap {
width: 100%;
max-width: 500px;
}
.rcp__buttons__wrap .tipi-button {
text-align: center;
width: 100%;
margin: 15px;
}
body:not(.mode--alt--b) .rcp_form .blockUI {
background-color: #f2f2f2 !important;
}
body:not(.mode--alt--b) .rcp_form .blockMsg {
background: #000 !important;
opacity: 1 !important;
}
body:not(.mode--alt--b) .rcp_form .rcp_user_fieldset input {
background: #fff;
}
.site-inner .rcp_form fieldset {
padding: 0;
border: 0;
}
.rcp_level_description {
padding-right: 25px;
margin-bottom: 5px;
}
.rcp_subscription_level {
margin-bottom: 5px;
}
.rcp-table {
border-spacing: 0;
background-color: #fff;
}
.rcp-table td, .rcp-table th {
padding-right: 20px;
}
.rcp-table thead th {
border: 0;
}
.rcp-table thead {
background: #000;
color: #fff;
}
.rcp__container {
padding: 45px 30px;
}
.rcp__container fieldset {
margin-right: 0;
letter-spacing: inherit;
}
.rcp__container fieldset p:last-child {
margin-bottom: 0;
}
.rcp__container .rcp_agree_to_terms_fieldset {
margin-bottom: 5px;
}
.rcp__container .rcp_agree_to_terms_fieldset a {
color: inherit;
}
.rcp__container #rcp_agree_to_terms_wrap, .rcp__container #rcp_auto_renew_wrap {
display: flex;
margin-bottom: 10px;
line-height: 1;
align-items: center;
}
.rcp__container #rcp_agree_to_terms_wrap input, .rcp__container #rcp_auto_renew_wrap input {
margin-left: 7px;
margin-top: 0;
margin-bottom: 0;
}
.rcp__container #rcp_submit_wrap {
margin-top: 30px;
}
.rcp__container .rcp_user_fieldset {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.rcp__container .rcp_user_fieldset p {
width: 100%;
}
.rcp_form ul {
list-style: none;
}
.rcp_form ul, .rcp_form ol {
margin-right: 0;
}
.rcp-button {
background-color: #000;
color: #fff;
border: 0;
padding: 15px 30px;
font-size: 1rem;
min-width: 150px;
}
.rcp_message.error {
margin-bottom: 30px;
}
.rcp_message.error p {
margin-bottom: 1px;
}
.rcp_message.error span {
display: block;
background: #e15656;
color: white;
padding: 10px;
text-align: center;
}
.rcp_login_data {
display: flex;
flex-wrap: wrap;
}
.rcp_login_data > * {
width: 100%;
}
.rcp_login_data .rcp_lost_password {
order: 2;
}
/*------------------------------------------------------------------
[X. Grid]
*/
.tipi-row, .tipi-builder-on .contents-wrap > p {
margin-right: auto;
margin-left: auto;
width: 100%;
padding-right: 20px;
padding-left: 20px;
}
.tipi-col {
position: relative;
min-height: 1px;
float: right;
}
.tipi-cols {
position: relative;
}
.tipi-xs-1 {
width: 8.333333333333333%;
}
.tipi-xs-2 {
width: 16.66666666666667%;
}
.tipi-xs-3 {
width: 25%;
}
.tipi-xs-4 {
width: 33.33333333333333%;
}
.tipi-xs-5 {
width: 41.66666666666667%;
}
.tipi-xs-6 {
width: 50%;
}
.tipi-xs-7 {
width: 58.33333333333333%;
}
.tipi-xs-8 {
width: 66.66666666666667%;
}
.tipi-xs-9 {
width: 75%;
}
.tipi-xs-10 {
width: 83.33333333333333%;
}
.tipi-xs-11 {
width: 91.66666666666667%;
}
.tipi-xs-12 {
width: 100%;
}
.ppl-xs-2 article {
flex: 0 0 calc( 50% - 10px);
width: calc(50% - 10px);
}
@media only screen and (max-width: 480px) {
.page-header-skin-4.block-title-wrap .filters {
background: transparent;
}
.slider-arrow.tipi-arrow-m {
height: 40px;
width: 40px;
line-height: 40px;
}
.slider-arrow.tipi-arrow-m i:after {
margin-top: -1px;
}
.mob-menu-wrap .menu-icons {
justify-content: space-between;
}
.entry-content figure.aligncenter:not(.is-type-video), .entry-content > p > img.size-full {
margin-right: -20px;
margin-left: -20px;
max-width: none;
width: calc( 100% - 40px * -1) !important;
}
.entry-content figure.aligncenter:not(.is-type-video) .wp-caption-text, .entry-content > p > img.size-full .wp-caption-text {
padding: 0 20px;
}
.share-it:not(.share-it-text):not(.share-it-11) .share-button {
width: calc( 50% - 10px);
}
.share-it-text, .share-it-11 {
text-align: center;
}
.share-it-text .title, .share-it-11 .title {
width: 100%;
margin-bottom: 20px;
padding: 0;
}
.meta-wrap .share-it-text, .meta-wrap .share-it-11 {
text-align: right;
}
.title-middle .hero-wrap .meta-wrap .share-it-below_title {
text-align: center;
}
.block-wrap.sticky-el {
top: auto !important;
}
.preview-81, .block-piece-1 .preview-94.tipi-xs-12 .mask {
padding-bottom: 75%;
}
.shop_table .product-remove {
padding: 15px 0 15px 5px;
}
.quantity {
display: flex;
}
td.product-name {
width: 30%;
}
.site-mob-header:not(.site-mob-header-2) .logo {
padding: 0 15px;
flex-shrink: 1;
}
.mob-fs, .block-wrap-250, .block-wrap-sb {
padding-right: 0;
padding-left: 0;
}
.block-25 article:nth-last-child(2) {
margin-bottom: 30px !important;
}
.sidebar-wrap .sidebar {
padding: 0 20px;
}
.mob-fs .tipi-row-inner-box:not(.tipi-row) .block-title-wrap, .mob-fs .tipi-row-inner-box:not(.tipi-row) .meta, .mob-fs .tipi-row-inner-box:not(.tipi-row) .preview-thumbnail {
padding-right: 20px;
padding-left: 20px;
}
.mob-fs .tipi-row-inner-box:not(.tipi-row) .videos-mini-wrap .meta {
padding-left: 0;
}
.mob-fs .tipi-row-inner-box:not(.tipi-row) .block-92 .block-piece-2 article .meta {
padding-right: 10px;
padding-left: 10px;
}
.block-69 .block-piece-2 article .meta {
padding-right: 0;
padding-left: 0;
}
.block-title-videos {
padding-right: 0 !important;
padding-left: 0 !important;
}
.block-300.tipi-row .mob-fs .tipi-row-inner-box:not(.tipi-row) .block-title-wrap, .block-300.tipi-row .mob-fs .tipi-row-inner-box:not(.tipi-row) article:not(.split-1) .meta {
padding-right: 0;
padding-left: 0;
}
.block-title-videos p {
font-size: 15px !important;
}
.mobile__design--side .mask {
width: 33% !important;
}
.block-wrap-51 .slider-arrow-next, .block-wrap-51.tile-design-wrap-3 .slider-arrow-next, .block-wrap-51.tile-design-wrap-4 .slider-arrow-next {
left: 15px;
}
.block-wrap-51 .slider-arrow-prev, .block-wrap-51.tile-design-wrap-3 .slider-arrow-prev, .block-wrap-51.tile-design-wrap-4 .slider-arrow-prev {
right: 15px;
}
.block-wrap-51 .meta, .block-wrap-51.tile-design-wrap-3 .meta, .block-wrap-51.tile-design-wrap-4 .meta {
padding: 20px 60px !important;
}
.block-1 .lets-review-api-wrap {
width: 26px;
height: 24px;
line-height: 24px;
}
.block-1 .lets-review-api-wrap .lets-review-final-score {
font-size: 10px;
letter-spacing: 0;
opacity: 1;
}
.block-1 .lets-review-api-wrap .lets-review-final-score .cb-percent-sign {
padding-right: 1px;
font-size: 8px;
}
.block-wrap-slider .subtitle {
display: none;
}
.block-wrap-video-player .block-piece-1 .meta {
padding: 0;
margin-bottom: 20px;
margin-top: 10px;
}
.block-wrap-video-player .contents {
padding-right: 20px;
padding-left: 20px;
}
.block-wrap-video-player .loading-embed .meta {
height: 0;
}
body:not(.mob-fi-tall) .cover-1 .subtitle {
display: none;
}
.hero-with-content-related .videos-mini-wrap article {
max-width: 100%;
}
.title-contrast .meta-wrap .meta ~ .share-it a:first-of-type {
margin-right: 15px;
}
.title-contrast .share-it-icons.share-it-below_title {
text-align: center;
}
.title-contrast .share-it-icons.share-it-below_title a {
margin: 0 15px 20px !important;
}
.title-cut-bl .meta-wrap .meta, .title-cut-bc .meta-wrap .meta {
width: 75%;
}
.title-cut-bl .breadcrumbs-wrap, .title-cut-bl .subtitle, .title-cut-bc .breadcrumbs-wrap, .title-cut-bc .subtitle {
display: none;
}
.entry-content .video-wrap {
padding-bottom: 63%;
}
.title-middle .hero-meta.tipi-m-typo .title {
font-size: 2rem;
}
.title-middle .hero-meta.tipi-m-typo .subtitle {
font-size: 1rem;
}
.inline-post {
border-right: 0;
border-left: 0;
padding-right: 0;
padding-left: 0;
}
.hero-m:not(.format-gallery) .hero img {
width: 150%;
flex-shrink: 0;
max-width: none;
}
.hero-18 .hero {
width: calc(100% - 40px * -1);
margin: -30px -20px 0;
}
.hero-background + .hero {
padding-bottom: 0;
}
.hero-background + .hero + .meta-wrap {
text-align: center;
}
.related-posts-wrap-hero article:not(:first-child) {
display: none;
}
/*------------------------------------------------------------------
[X. Modals -480 ]
*/
.mc4wp-form-fields p, .mc4wp-form-fields input {
width: 100%;
}
.mc4wp-form-fields input {
text-align: center;
}
.post-end-subscribe .mc4wp-form-fields p:first-child {
padding-left: 0;
margin-bottom: 10px;
}
.user-page-box {
text-align: center;
}
.user-page-box .mask {
margin-bottom: 30px;
width: 75px;
margin-right: auto;
margin-left: auto;
}
.user-page-box .author-info-wrap {
margin-bottom: 15px;
}
.user-page-box .icons {
margin-top: 20px;
}
.team-member-details .team-member-detail {
display: block;
width: 100%;
margin-left: 0;
}
/*------------------------------------------------------------------
[X. Next Previous Block -480]
*/
.next-prev-posts {
text-align: center;
}
.next-prev-posts .prev-block {
margin-bottom: 30px;
}
.next-prev-posts i {
display: none;
}
.next-prev-posts img {
margin-bottom: 15px;
}
/*------------------------------------------------------------------
[X. Singular footer blocks -480]
*/
.comment-list .comment-content {
clear: both;
}
/*------------------------------------------------------------------
[X. Blocks -480]
*/
.split-1 .meta .excerpt {
display: none;
}
.split-1 .title {
font-size: 15px !important;
}
.split-1 .subtitle {
font-size: 13px !important;
}
.split-1 .mask .icon-size-m.icon-base-2 {
width: 30px;
height: 30px;
}
.split-1 .mask .icon-size-m.icon-base-2 i {
line-height: 30px;
font-size: 15px;
}
.split-1 .byline:not(.byline-1):not(:first-child) {
padding-top: 10px;
}
.block .tipi-xs-6 .media-icon {
display: none;
}
.block .tipi-xs-6 .meta .title {
font-size: 16px;
}
.block-icon-base-2 .tipi-xs-6.tile-design:not(.tile-design-4).format-video .meta {
padding-left: 20px;
}
.block-wrap-110 .split-1 .mask {
padding-right: 0;
}
.preview-grid {
margin-bottom: 2px;
}
.grids-spacing-0 .preview-grid {
margin-bottom: 0;
}
.block-piece-2 .tipi-xs-6:nth-child(odd) {
padding-left: 1px;
}
.block-piece-2 .tipi-xs-6:nth-child(even) {
padding-right: 1px;
}
.zeen-top-block .preview-grid {
margin-bottom: 0 !important;
}
.block-wrap-grid.tipi-col .preview-grid {
margin-bottom: 20px;
}
.block-wrap-grid article {
border-top-width: 0;
}
.block-94 .loop-2.tipi-xs-6 {
padding-right: 0;
padding-left: 1px;
}
.block-94 .loop-3.tipi-xs-6 {
padding-left: 0;
padding-right: 1px;
}
.preview-84 .title, .block-piece-2 .preview-94 .title, .block-piece-2 .preview-92 .title {
font-size: 1rem;
}
.preview-84 .subtitle, .block-piece-2 .preview-94 .subtitle, .block-piece-2 .preview-92 .subtitle {
display: none;
}
.preview-84 {
width: calc( 50% - 1px);
}
.preview-84:nth-child(even) {
margin-right: 1px;
}
.preview-84:nth-child(odd) {
margin-left: 1px;
}
.tile-design .meta {
padding: 20px;
}
.block-title-wrap-style {
text-align: center;
}
.block-title-wrap-style > .tipi-flex {
flex-wrap: wrap;
}
.block-title-wrap-style .block-title-area {
width: 100%;
}
.block-title-wrap-style .filters {
width: 100%;
margin-top: 15px;
justify-content: center;
align-items: center;
}
.block-title-wrap-style .filters .sorter {
width: 100%;
text-align: center;
}
.block-title-wrap-style .filters .sorter .options {
left: auto;
right: 50%;
transform: translatex(50%) translatey(-2px);
}
.block-title-wrap-style .filters .sorter.active .options {
transform: translatex(50%) translatey(0);
}
.block-title-wrap-style .filters .load-more-wrap {
margin-left: auto;
margin-right: auto;
}
.block-title-wrap-style.with-load-more .sorter {
margin-bottom: 20px;
}
.block-title-wrap-style .block-title {
position: relative;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
}
.block-title-wrap-style .block-title > p {
max-width: 90%;
flex-grow: 1;
}
.block-title-wrap-style .block-title:before {
content: '';
flex: 1;
margin-right: 0;
margin-left: 30px;
position: relative;
}
.with-sorter .block-title-wrap {
display: flex;
flex-wrap: wrap;
}
.with-sorter .filters {
padding-bottom: 20px;
}
.with-sorter + .block-300, .with-sorter + .content-bg {
padding-top: 10px;
}
.block-title-wrap .breadcrumbs-wrap {
padding-right: 15px;
}
.separation-border-style:not(.split-1) {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
.separation-border:not(.split-1) {
margin-bottom: 30px;
}
.block-subtitle {
padding-top: 5px;
}
.split-1 {
padding-right: 20px;
padding-left: 20px;
}
.site-footer .menu-icons, .site-footer .footer-navigation {
width: 100%;
text-align: center;
justify-content: center;
}
.site-footer .footer-navigation + .menu-icons {
margin-top: 15px;
}
.site-footer .menu-icons > li > a {
padding: 15px;
}
.site-footer .split-1, .related-posts-wrap .split-1, .zeen-widget .split-1, .block-wrap.tipi-row .split-1 {
padding-right: 0;
padding-left: 0;
}
.tipi-row-inner-box.tipi-row .split-1, .block-300.tipi-row .split-1 {
padding-right: 0;
padding-left: 0;
}
div.jetpack-recipe .jetpack-recipe-meta {
text-align: center;
}
div.jetpack-recipe .jetpack-recipe-meta li {
width: 100%;
margin-bottom: 15px;
}
div.jetpack-recipe .jetpack-recipe-meta li.jetpack-recipe-print {
text-align: center;
margin-top: 15px;
margin-bottom: 0;
}
.rcp__buttons__wrap {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 481px) {
/*------------------------------------------------------------------
[X. Grid 481]
*/
.tipi-s-1 {
width: 8.333333333333333%;
}
.tipi-s-2 {
width: 16.66666666666667%;
}
.tipi-s-3 {
width: 25%;
}
.tipi-s-4 {
width: 33.33333333333333%;
}
.tipi-s-5 {
width: 41.66666666666667%;
}
.tipi-s-6 {
width: 50%;
}
.tipi-s-7 {
width: 58.33333333333333%;
}
.tipi-s-8 {
width: 66.66666666666667%;
}
.tipi-s-9 {
width: 75%;
}
.tipi-s-10 {
width: 83.33333333333333%;
}
.tipi-s-11 {
width: 91.66666666666667%;
}
.tipi-s-12 {
width: 100%;
}
.ppl-s-2 article {
flex: 0 0 calc( 50% - 15px);
width: calc(50% - 15px);
}
.ppl-s-3 article {
flex: 0 0 calc( 100% / 3 - 20px);
width: calc(33.333% - 20px);
}
.ppl-s-3.mobile__design--side article .preview-mini-wrap, .ppl-s-2.mobile__design--side article .preview-mini-wrap {
display: block;
}
.ppl-s-3.mobile__design--side article .mask, .ppl-s-2.mobile__design--side article .mask {
width: 100%;
}
.ppl-s-3.mobile__design--side article.with-fi .meta, .ppl-s-2.mobile__design--side article.with-fi .meta {
padding-right: 0;
padding-left: 0;
}
/*------------------------------------------------------------------
[X. Slider]
*/
.slider-nav {
height: 150px;
}
.slider-for, .slider-imgs {
height: 350px;
}
.title-contrast .slider-imgs {
height: 100%;
}
/*------------------------------------------------------------------
[X. Widgets]
*/
.tipi-per-row-5 .instagram-img {
flex-basis: 20%;
}
/*------------------------------------------------------------------
[X. Post 481px ]
*/
.inline-post .block article .meta {
padding-right: 30px;
}
.title-middle .hero-wrap .media-icon, .title-fixed .hero-wrap .media-icon {
margin-top: 30px;
}
/*------------------------------------------------------------------
[X. Archive 481px ]
*/
.block-title-1 .block-title {
position: relative;
}
.block-title-1 .block-title-wrap-style .filters {
padding-top: 0;
margin-top: 0;
float: left;
display: block;
}
.block-title-1 .block-title-area {
width: 100%;
}
.block-title-1 .sorter {
margin-right: 15px;
display: inline-block;
padding-top: 2px;
}
.block-title-1 .sorter i {
top: 1px;
}
.block-title-1 .archive-sorter {
padding-top: 2px;
}
.block-title-1 .load-more-wrap-2 {
margin-right: 15px;
margin-left: 0;
}
.block-title-1 .load-more-wrap-2:first-of-type {
margin-right: 30px;
}
.zeen-col--narrow .block-title-1 .load-more-wrap-2:first-of-type {
margin-right: 15px;
}
.only-filters .filters {
flex-direction: row-reverse;
}
.page-header.block-title-xl {
padding-right: 20px;
padding-left: 20px;
}
.block-skin-2 .block-title-1 .block-title:after, .block-skin-11 .block-title-1 .block-title:after {
display: none;
}
.zeen-top-block > .tipi-row .block:not(.block-92):not(.block-94) article {
max-height: 35vh;
}
.block-title-wrap .sorter + .load-more-wrap {
padding-right: 10px;
}
.block-title-2 .block-title-wrap-style .filters {
display: flex;
margin-top: 15px;
justify-content: center;
align-items: center;
}
.block-title-2 .block-title-wrap-style .filters .sorter {
margin: 0 15px 0 25px;
}
.block-title-2 .block-title {
justify-content: center;
}
.block-title-2 .block-title:before {
content: '';
flex: 1;
margin-left: 30px;
position: relative;
}
.block-title-2.with-load-more:not(.only-filters) .filters {
position: absolute;
left: 0;
}
.zeen-col--narrow .block-title-2 {
text-align: right;
}
.zeen-col--narrow .block-title-2.with-load-more:not(.only-filters) .block-title-area {
padding-right: 0;
}
.with-load-more {
display: flex;
}
.with-load-more .filters {
flex-shrink: 0;
}
/*------------------------------------------------------------------
[X. Blocks 481px ]
*/
.block-wrap-cols-4 {
flex-wrap: wrap;
}
.zeen-col-sz-75,
.zeen-col-sz-25 {
padding-right: 15px;
padding-left: 15px;
}
.zeen-col-sz-25 {
width: 50%;
}
.zeen-col-sz-25 .ppl-s-2 article {
flex: 0 0 100%;
}
.block-wrap-cols-2 .zeen-col-sz-75 {
width: 66.6667%;
}
.block-wrap-cols-2 .zeen-col-sz-25 {
width: 33.3333%;
}
.block-wrap-cols-3 .block-wrap .user-page-box, .block-wrap-cols-2-2 .zeen-col-0 .block-wrap .user-page-box, .block-wrap-cols-2-1 .zeen-col-1 .block-wrap .user-page-box {
width: 100%;
margin-left: 0;
}
.block-wrap-82:first-of-type .block:first-of-type .grid-spacing:nth-child(1), .block-wrap-82:first-of-type .block:first-of-type .grid-spacing:nth-child(2) {
border-top-width: 0;
}
.videos-mini-wrap article {
min-width: 40%;
}
.block-wrap-video-player .block-piece-1 .meta {
bottom: 20px;
padding-right: 35px;
position: absolute;
}
.block-97 .block-piece {
width: 50%;
}
.preview-62 .title {
font-size: 1.333333rem !important;
}
.preview-82 {
width: 50%;
}
.block-81 .grid-spacing:last-of-type {
border-bottom: 0;
}
.block-42 .preview-21 {
flex: 0 0 calc( 50% - 15px);
}
.block-42 .preview-21.separation-border-style {
padding-bottom: 0;
border-bottom: 0;
}
.preview-21.separation-border-style:nth-last-child(2), .preview-21.separation-border-style:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.ppl-s-3 .tipi-s-typo .title {
font-size: 16px;
padding-top: 10px;
}
.separation-border-v {
position: absolute;
height: 100%;
width: 1px;
}
.separation-border-total-3 {
display: block;
}
.separation-border-total-3.separation-border-v-2 {
right: 50%;
}
.zeen-hw-wrap article {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
}
.block-67 article {
width: calc( 50% - 15px);
}
.split-1:not(.preview-thumbnail) .meta {
padding-right: 30px;
padding-left: 15px;
}
.split-1:not(.preview-thumbnail).no-fi .meta {
padding-right: 0;
}
.flipped .split-1:not(.preview-thumbnail) .meta {
padding-right: 0px;
padding-left: 20px;
}
.block-94 .block-piece-2 .tipi-m-3 {
width: 50%;
}
.block-piece {
position: relative;
}
.block-masonry-design-2 .byline-design-1 {
padding-top: 0;
}
.fs-contents .block-title-wrap, .block-wrap-classic:not(.block-masonry-wrap) .fs-contents .block {
padding: 0 30px;
}
.fs-contents .block-wrap-32 .block-title-wrap {
padding-right: 0 !important;
}
.tile-design-4 .icon-size-m {
margin-top: 20px;
}
.tile-design-4 .icon-size-s {
margin-top: 10px;
}
.preview-61.separation-border-style:nth-last-child(2), .preview-61.separation-border-style:last-child, .preview-61.separation-border-style:nth-last-child(3), .preview-62.separation-border-style:nth-last-child(2), .preview-62.separation-border-style:last-child, .preview-62.separation-border-style:nth-last-child(3) {
padding-bottom: 0;
border-bottom: 0;
margin-bottom: 0;
}
/*------------------------------------------------------------------
[X. Author box 481]
*/
.user-page-box-1 .author-bio {
padding-top: 20px;
}
.user-page-box-1 .mask {
margin-left: 60px;
float: right;
width: 60px;
}
.user-page-box-1 .meta {
width: calc( 100% - 125px);
float: right;
position: relative;
}
.user-page-box-1 img:hover {
transform: translate3D(0, -3px, 0);
}
.user-page-box-1 .icons {
position: absolute;
top: 5px;
left: 0;
}
.article-layout-skin-2 .user-page-box-1 .meta {
width: calc( 100% - 123px);
}
.user-page-box-2, .user-page-box-3, .user-page-box-4 {
width: calc( 50% - 15px);
}
.user-page-box-2:nth-child(odd), .user-page-box-3:nth-child(odd), .user-page-box-4:nth-child(odd) {
margin-left: 30px;
}
/*------------------------------------------------------------------
[X. Next Previous Block 481]
*/
.next-prev__design-1 .mask {
width: 50px;
border-radius: 50%;
}
.next-prev__design-1 .mask img, .next-prev__design-1 .mask i {
transition: all 0.2s ease-out;
}
.next-prev__design-1 .mask img {
border-radius: 50%;
}
.next-prev__design-1 .mask i {
position: absolute;
top: 50%;
right: 50%;
opacity: 0;
font-size: 25px;
color: #000;
}
.next-prev__design-1 .meta {
width: calc( 100% - 80px);
}
.next-prev__design-1 .mask {
margin-left: 30px;
}
.next-prev__design-1 .prev-block {
margin-left: 30px;
}
.next-prev__design-1 .prev-block i {
transform: translate3D(calc(-1*( 5px - 50%)), -50%, 0);
}
.next-prev__design-1 .next-block {
text-align: left;
}
.next-prev__design-1 .next-block .mask {
float: left;
margin: 0;
margin-right: 30px;
}
.next-prev__design-1 .next-block i {
transform: translate3D(calc(-1*( 50% * -1 - 5px)), -50%, 0);
}
.next-prev__design-1 .next-block .meta {
float: left;
}
.next-prev__design-1 .prev-next-block {
width: calc( 50% - 15px);
float: right;
}
.next-prev__design-1 .prev-next-block:hover i {
opacity: 1;
transform: translate3D(50%, -50%, 0);
}
.next-prev__design-1 .prev-next-block:hover img {
opacity: 0.1;
}
.just-one .next-block {
float: left;
}
/*------------------------------------------------------------------
[X. Singular 481]
*/
.block-da-post_before_content {
margin-left: 30px;
}
.reaction {
width: calc( 33% - 15px);
}
.reactions-mt-8 .reaction {
width: calc( 16.5% - 15px);
}
.hero-18, .hero-19, .hero-43 {
display: flex;
align-items: center;
}
.hero-18 .hero, .hero-18 .meta-wrap, .hero-19 .hero, .hero-19 .meta-wrap, .hero-43 .hero, .hero-43 .meta-wrap {
width: 50% !important;
}
.hero-18 .meta-wrap {
padding-right: 30px;
}
.hero-18 .share-it-bold a {
margin-bottom: 0 !important;
}
.post-end-subscribe .mc4wp-form-fields, .post-end-subscribe #subscribe-text {
display: flex;
flex-wrap: wrap;
}
.post-end-subscribe .mc4wp-form-fields p, .post-end-subscribe #subscribe-text p {
width: 25%;
}
.post-end-subscribe .mc4wp-form-fields p:first-of-type, .post-end-subscribe #subscribe-text p:first-of-type {
width: 75%;
}
.post-end-subscribe .mc4wp-form-fields .zeen-checkbox, .post-end-subscribe #subscribe-text .zeen-checkbox {
width: 100%;
}
.post-end-subscribe .mc4wp-form-fields .zeen-checkbox label .zeen-i, .post-end-subscribe #subscribe-text .zeen-checkbox label .zeen-i {
background: #d0d0d0;
}
.site-main .share-it-1 .share-button, .site-main .share-it-2 .share-button {
margin-bottom: 15px;
width: calc( 33.33333% - 10px);
}
.site-main .share-it-1 .share-button:first-child:nth-last-child(2),
.site-main .share-it-1 .share-button:first-child:nth-last-child(2) ~ .share-button, .site-main .share-it-2 .share-button:first-child:nth-last-child(2),
.site-main .share-it-2 .share-button:first-child:nth-last-child(2) ~ .share-button {
width: calc( 50% - 10px);
}
.site-main .share-it-1 .share-button:first-child:nth-last-child(3),
.site-main .share-it-1 .share-button:first-child:nth-last-child(3) ~ .share-button, .site-main .share-it-1 .share-button:first-child:nth-last-child(6),
.site-main .share-it-1 .share-button:first-child:nth-last-child(6) ~ .share-button, .site-main .share-it-2 .share-button:first-child:nth-last-child(3),
.site-main .share-it-2 .share-button:first-child:nth-last-child(3) ~ .share-button, .site-main .share-it-2 .share-button:first-child:nth-last-child(6),
.site-main .share-it-2 .share-button:first-child:nth-last-child(6) ~ .share-button {
width: calc( 33.33333% - 10px);
}
/*------------------------------------------------------------------
[X. Recipe 481]
*/
div.jetpack-recipe .jetpack-recipe-ingredients {
padding-left: 30px;
width: 180px;
}
div.jetpack-recipe div.jetpack-recipe-directions {
width: calc( 100% - 180px);
}
div.jetpack-recipe .jetpack-recipe-meta {
display: flex;
align-items: center;
}
/*------------------------------------------------------------------
[ CTA Grids ]
*/
.block-wrap-ctagrid.cta-grid-wrap-3 .cta-tile {
width: 33.333%;
}
.block-wrap-ctagrid.cta-grid-wrap-3 .cta-tile-0 {
width: 66.6667%;
}
.block-wrap-ctagrid.cta-grid-wrap-4 .cta-inner-wrap {
width: 33.333%;
}
.block-wrap-ctagrid.cta-grid-wrap-4 .cta-inner-wrap:first-child {
width: 66.6667%;
}
.block-wrap-ctagrid.cta-grid-wrap-5 .cta-inner-wrap {
width: 50%;
}
.block-wrap-ctagrid.cta-grid-wrap-6 .cta-inner-wrap {
width: 50%;
}
.block-wrap-ctagrid.cta-grid-wrap-6 .cta-tile-2, .block-wrap-ctagrid.cta-grid-wrap-6 .cta-tile-3 {
width: calc( 50% - var(--gap));
}
.block-wrap-ctagrid.cta-grid-wrap-7 .cta-tile {
height: calc( 40% - var(--gap));
}
.block-wrap-ctagrid.cta-grid-wrap-7 .cta-inner-wrap:first-child .cta-tile:first-child, .block-wrap-ctagrid.cta-grid-wrap-7 .cta-inner-wrap:last-child .cta-tile:last-child {
height: calc( 60% - var(--gap));
}
}
@media only screen and (max-width: 767px) {
.tipi-xs-0 {
display: none;
}
.mob-off:not(.da-resp-off), .excerpt-mob-off .excerpt, .avatar-mob-off .byline-part.author-avatar, .flickity-fullscreen-button {
display: none;
}
.block-wrap-110 {
padding-right: 0;
padding-left: 0;
}
.tipi-xs-flex-full {
display: block;
}
.tipi-xs-flex-full > * {
flex-wrap: wrap;
text-align: center;
margin-top: 15px;
justify-content: center;
}
.tipi-m-typo .title {
font-size: 1.2rem;
}
.zeen-xs-center, .zeen-da-wrap {
text-align: center;
}
.user-page-box .icons {
font-size: 16px;
}
.user-page-box .icons a {
margin: 0 10px;
}
.tipi-builder-on .site .block-wrap-classic:not(.mob-fs):not(.tipi-row) .tipi-row-inner-box {
padding: 0 20px;
}
.tipi-builder-on .site .block-wrap-classic:not(.mob-fs):not(.tipi-row) .tipi-row-inner-box .split-1, .tipi-builder-on .site .block-wrap-classic:not(.mob-fs):not(.tipi-row) .tipi-row-inner-box .stack-1 .meta {
padding-right: 0;
padding-left: 0;
}
.sticky-sb, article.sticky-el, .woocommerce__sidecar {
top: 0 !important;
}
.site-mob-header #progress.active {
opacity: 1;
}
.side-author__wrap .side-meta {
padding: 0 10px 0 0;
}
.layout-side-info .details {
flex-wrap: wrap;
}
.layout-side-info .detail {
width: 50%;
margin-bottom: 15px;
}
.layout-side-info .detail .title, .layout-side-info .detail .job-title {
padding-right: 10px;
}
.layout-side-info .side-author__wrap {
width: 100%;
margin-bottom: 30px;
}
.side-author__wrap, .layout-side-info .detail, .layout-side-info .details {
display: flex;
align-items: center;
}
.extras, .tipi-basket-wrap, .details .sharer {
display: none;
}
.mob-fi-tall .title-middle:not(.md-11):not(.format-gallery):not(.hero-m) .hero-wrap {
height: calc( 100vh - 70px) !important;
}
.mob-fi-tall .title-middle:not(.md-11):not(.format-gallery):not(.hero-m) .hero-wrap .hero {
height: 100vh;
max-height: 100vh;
}
.mob-fi-tall .title-middle:not(.md-11):not(.format-gallery):not(.hero-m) .hero-wrap .hero img {
height: 100%;
}
.mob-fi-tall .title-middle:not(.md-11):not(.format-gallery):not(.hero-m) .hero-wrap .parallax .hero img {
margin-top: 0;
}
.title-cut-bl .meta-wrap .meta, .title-cut-bc .meta-wrap .meta {
width: 75%;
}
.title-cut-bl .hero-wrap .meta, .title-cut-bc .hero-wrap .meta {
padding-top: 15px;
padding-right: 20px !important;
padding-bottom: 5px;
}
.title-cut-bl .hero-wrap .meta + .share-it, .title-cut-bc .hero-wrap .meta + .share-it {
padding-right: 20px;
}
.title-cut-bc .hero-wrap .meta-wrap {
bottom: 0;
}
.title-cut-bc .hero-wrap .meta-wrap .meta {
width: 100%;
padding-bottom: 15px;
}
.hero-31 .spacer {
height: calc( 100vh - 70px);
}
.entry-content .alignnone {
margin-right: -20px;
margin-left: -20px;
max-width: none;
width: calc( 100% - 40px * -1) !important;
overflow: hidden;
}
.entry-content .alignnone .wp-caption-text {
padding: 0 20px;
}
.entry-content table .alignnone {
margin-right: auto;
margin-left: auto;
max-width: 100%;
width: auto !important;
}
.entry-content .video-wrap {
width: calc( 100% - 40px * -1);
margin-right: -20px;
padding-bottom: 60%;
}
.hero-with-content.tipi-row article {
padding-right: 20px;
padding-left: 20px;
}
.cb-design-2 .cb-review-conclusion-title {
padding-top: 15px;
}
.single-content .hero-wrap {
margin: -30px -20px 20px;
}
.single-content .block-da-post_above_fi + .hero-wrap {
margin-top: 0;
}
.single-content .meta-wrap + .hero-wrap {
margin-top: 0;
}
.contents-wrap.tipi-row .tipi-row, .block-69 .tipi-row {
padding-right: 0;
padding-left: 0;
}
.block-masonry-3 {
flex-wrap: wrap;
}
.block-masonry-3 .masonry__col-1, .block-masonry-3 .masonry__col-2 {
width: 50%;
}
.img__shape-3 .preview-grid .mask {
padding-bottom: 60%;
}
.preview-hoverer__wrap .mask:first-child {
opacity: 0.7;
}
.preview-hoverer__wrap article:first-child .meta {
opacity: 1;
}
.preview-hoverer__wrap .mask:not(:first-child), .preview-hoverer__wrap article:not(:first-child) {
display: none;
}
.block-masonry .masonry__col-1 {
padding-left: 15px;
}
.block-masonry .masonry__col-2 {
padding-right: 15px;
}
.block-wrap-mini-cta .tipi-row-inner-box {
text-align: center;
}
.block-wrap-mini-cta .cta-button-a-wrap {
margin-top: 30px;
margin-bottom: 15px;
}
.block-wrap-cta .cta-row > .tipi-row {
padding-right: 0;
padding-left: 0;
}
.block-wrap-cta .tipi-button {
width: 48%;
float: right;
padding: 0 10px;
text-align: center;
margin: 20px 0 0;
}
.block-wrap-cta .cta-button-2 {
margin-right: 4%;
}
.block-wrap-cta .cta-button-solo {
width: 80%;
float: none;
}
.m-cta-meta-l .tipi-button {
float: right;
}
.m-cta-meta-b .title-area {
bottom: 0;
}
.m-cta-meta-t .title-area {
top: 0;
}
.m-cta-meta-r .title-area {
left: 0;
text-align: left;
}
.m-cta-meta-l .title-area {
text-align: right;
}
.m-cta-meta-l .title-area {
right: 0;
}
.m-cta-meta-l .tipi-button {
float: right;
}
.m-cta-meta-mh .title-area {
text-align: center;
right: 50%;
transform: translateX(50%);
}
.m-cta-meta-mh .tipi-button-style-2 {
float: none;
width: auto;
justify-content: center;
}
.m-cta-meta-mv .title-area {
top: 50%;
transform: translateY(-50%);
}
.m-cta-meta-mh.m-cta-meta-mv .title-area {
transform: translate(50%, -50%);
}
.wp-block-column {
margin-bottom: 1em;
}
.wp-block-column:last-child {
margin-bottom: 0;
}
.block-wrap-ctagrid .cta-inner-wrap {
flex-wrap: wrap;
}
.columns__m--1.block-wrap-60 .contents {
flex-wrap: wrap;
}
.columns__m--1 .zeen-col, .columns__m--1 .tipi-col-piece {
width: 100% !important;
}
.columns__m--2.cta-grid-wrap--cat-1 .cta-inner-wrap > * {
width: calc( 50% - var(--gap));
}
.columns__m--2.cta-grid-wrap-2 .cta-tile-2 {
width: 100%;
}
.columns__m--2.cta-grid-wrap-3 .cta-tile-0 {
width: 100%;
}
.columns__m--2.block-wrap-110 .zeen-col {
width: 50%;
}
.columns__m--2.block-wrap-cols-3 .zeen-col-2 {
width: 100%;
}
.columns__m--3.block-wrap-110 .zeen-col {
width: 33.3333%;
}
.columns__m--4.block-wrap-110 .zeen-col {
width: 25%;
}
.block-69 .block-piece-2 {
display: flex;
flex-wrap: wrap;
}
.block-69 .block-piece-2 article {
margin-top: 30px;
padding-right: 15px;
width: 50%;
margin-bottom: 0;
}
.block-69 .block-piece-2 article .title {
font-size: 1rem;
}
.block-69 .block-piece-2 article:last-of-type {
display: none;
}
.block-69 .block-piece-2 article:first-of-type, .block-69 .block-piece-2 article:nth-child(3) {
padding-right: 0;
padding-left: 15px;
}
.block-78 .block-piece-2 {
margin-bottom: 30px;
}
.block-78 .block-piece-1 {
margin-bottom: 30px;
}
.block-78 .block-piece-2 article, .block-78 .block-piece-3 article {
padding-right: 15px;
width: 50%;
}
.block-78 .block-piece-2 article:first-of-type, .block-78 .block-piece-3 article:first-of-type {
padding-right: 0;
padding-left: 15px;
}
.block-65 .preview-mini-wrap {
transform: none !important;
margin-bottom: 30px;
}
.block-wrap-columns .tipi-vertical-c.contents, .block-wrap-columns .tipi-row-inner-style.tipi-vertical-c {
flex-wrap: wrap;
}
.block-wrap-grid, .block-300-grid {
padding-right: 0;
padding-left: 0;
}
input[type="search"]::-webkit-search-cancel-button {
display: none;
}
.content-found-wrap .tipi-button {
margin-top: 30px;
}
.event__wrap {
flex-wrap: wrap;
padding-bottom: 30px;
text-align: center;
}
.event__name__wrap {
justify-content: center;
}
.event__el {
width: 100%;
flex-wrap: wrap;
margin-top: 15px;
}
.event__url__wrap {
width: 100%;
}
.event__url {
text-align: center;
}
.event__date {
padding-left: 0;
}
/*------------------------------------------------------------------
[X. Sliders ]
*/
.slider-dots {
display: none !important;
}
/*------------------------------------------------------------------
[X. Tipi blocks 767px max ]
*/
.site-header {
display: none;
}
.dt-header-da {
display: block;
}
.dt-header-da .logo, .dt-header-da .secondary-wrap, .dt-header-da .horizontal-menu {
display: none;
}
.block-wrap-66 .block-piece-2 {
margin: 30px 0;
top: 0 !important;
}
.site-mob-header-wrap {
background: inherit;
}
.site-mob-skin-1 {
background: #fff;
}
.site-mob-skin-2 {
background: #141516;
color: #fff;
}
/*------------------------------------------------------------------
[X. Modals 767px max ]
*/
.content-search {
padding: 0;
}
.content-search .search-hints {
padding-top: 5px;
text-align: center;
}
.content-search .search-hints .search-hint {
display: none;
}
.with-results-cache .search-hints {
display: none;
}
.content-subscribe-1 .tipi-modal-bg {
padding: 30px;
}
.mob-bot-share.active {
transform: translatey(0);
}
.mob-bot-share.active + .to-top {
transform: translatey(-45px);
}
.sidebar-wrap .sidebar {
padding-right: 30px !important;
padding-left: 30px !important;
}
.sidebar-wrap.sb-with-border .sidebar {
border: 0 !important;
}
.block-300.tipi-row .sidebar-wrap .sidebar, .single .site-content .tipi-row .sidebar-wrap .sidebar {
padding-right: 0 !important;
padding-left: 0 !important;
}
.block-300.tipi-row .block-wrap-classic:not(.mob-fs):not(.tipi-row) .tipi-row-inner-box {
padding: 0;
}
.zeen-top-block article {
display: none;
}
.zeen-top-block article:first-child {
display: block;
}
.zeen-top-block .block-84 article:nth-child(2) {
display: block;
}
.zeen-top-block .block-piece-2 {
display: none;
}
.zeen-top-block .preview-82 {
width: 100%;
}
.zeen-top-block .preview-81 .mask img, .zeen-top-block .block-piece-1 .preview-94.tipi-xs-12 img {
max-width: 100%;
top: 0;
transform: none !important;
right: 0;
}
.zeen-top-block .preview-81 .mask .subtitle, .zeen-top-block .block-piece-1 .preview-94.tipi-xs-12 .subtitle {
display: none;
}
.mobile__design--side .preview-mini-wrap {
display: flex;
text-align: right;
}
.mobile__design--side .mask {
flex-shrink: 0;
}
.mobile__design--side .with-fi .meta {
padding-right: 20px !important;
}
.mobile__design--side.flipped .with-fi .meta {
padding-left: 20px !important;
padding-right: 0 !important;
}
.mobile__design--side.flipped .preview-mini-wrap {
flex-direction: row-reverse;
}
.mobile__design--side .title, .ppl-xs-2 .title {
font-size: 15px !important;
}
/*------------------------------------------------------------------
[X. Singular 767px max ]
*/
.reaction-wrap, .zeen-up-down {
flex-wrap: wrap;
}
.zeen-up-down {
text-align: center;
}
.zeen-up-down .title, .zeen-up-down .thumbs {
width: 100%;
}
.zeen-up-down .thumbs {
margin-left: auto;
}
.zeen-up-down .title {
margin: 0 0 30px;
}
.zeen-up-down .zeen__up-down {
margin: 0 15px;
}
.mobile--limiter--wrap {
text-align: center;
width: 100%;
}
.body--mobile--limit .post-wrap:not(.mobile--limiter--more) .entry-content {
position: relative;
max-height: 70vh;
clear: both;
overflow-y: hidden;
}
.body--mobile--limit .post-wrap:not(.mobile--limiter--more) .entry-content:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
z-index: 1;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #fff 100%);
}
.mobile--limiter--more .mobile--limiter--wrap {
display: none;
}
.hero-18 {
align-items: center;
}
.hero-18.tipi-row.hero-wrap {
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
}
.stack-1 .byline-2 {
margin-top: 15px;
}
.block-wrap-25 .block-tiny-title {
justify-content: center;
text-align: center;
width: 100%;
}
.block-wrap-grid .block-title-1 {
padding-right: 20px;
}
.block-wrap-grid .title {
font-size: 1.3333rem;
}
.footer-widget-bg-area-inner {
flex-wrap: wrap;
}
.footer-widget:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.site-footer .menu-icons.tipi-flex-wrap {
flex-shrink: 1;
}
.site-footer .menu-icons.tipi-flex-wrap .menu-icon {
margin: 10px 0;
}
.site-footer .menu-icon > a, .site-footer .footer-navigation li {
padding-top: 10px;
padding-bottom: 10px;
}
.site-footer .footer-widget-area, .site-footer .footer-lower-area {
padding-right: 20px;
padding-left: 20px;
}
.site-footer .footer-widget-area > .tipi-row, .site-footer .footer-lower-area > .tipi-row {
padding-right: 0;
padding-left: 0;
}
.site-footer .footer-widget-area .block-wrap .tipi-row-inner-box, .site-footer .footer-lower-area .block-wrap .tipi-row-inner-box {
padding: 0 !important;
}
.site-footer .footer-lower-area .tipi-xs-flex-full {
padding-right: 0;
padding-left: 0;
}
.site-footer.footer__mob__cols-2 .footer-widget-area {
padding-right: 0;
padding-left: 0;
}
.tipi-xs-6.footer-widget-wrap {
padding-right: 20px;
padding-left: 20px;
}
.site-footer-4 .footer-navigation + .to-top {
margin-top: 20px;
}
.site-footer-5 .footer-lower-area .tipi-flex {
flex-wrap: wrap;
}
.site-footer-5 .footer-lower-area .logo + div {
margin-top: 30px;
}
.site-footer-5 .footer-lower-area .tipi-flex-right {
text-align: center;
margin-right: 0;
width: 100%;
}
#buddypress div#item-header #item-header-cover-image #item-header-content {
max-width: 100% !important;
}
.zeen-instagram-block #sbi_images {
display: flex;
}
.zeen-instagram-block .sbi_type_image {
display: none !important;
}
.zeen-instagram-block .sbi_type_image:nth-child(1), .zeen-instagram-block .sbi_type_image:nth-child(2), .zeen-instagram-block .sbi_type_image:nth-child(3) {
display: block !important;
width: 100% !important;
}
/*------------------------------------------------------------------
[Source Via Block]
*/
.source-via {
margin-bottom: 45px;
}
.footer-block-links .title {
min-width: 50px;
}
}
@media only screen and (max-width: 1019px) {
/*------------------------------------------------------------------
[X. MM ]
*/
.drop-it .block-piece-2 article .subtitle {
display: none;
}
.mob-menu-on-tab .mob-menu-wrap, .mob-menu-on-tab #mobhead {
display: block;
}
.mob-menu-on-tab .logo-mob-wrap {
display: flex;
}
.mob-menu-on-tab #masthead, .mob-menu-on-tab #site-navigation, .mob-menu-on-tab #secondary-wrap, .mob-menu-on-tab #site-header-side {
display: none;
}
.mob-menu-on-tab.body-with-v .site {
padding-right: 0 !important;
padding-left: 0 !important;
}
.site-mob-menu-a-4 .site-inner:after, .site-mob-menu-a-4 .site-content, .site-mob-menu-a-4 .site-footer {
transition: opacity 1s cubic-bezier(0.2, 1, 0.3, 1);
}
.site-mob-menu-a-4 .still:not(.stuck) {
transition: all 1s cubic-bezier(0.2, 1, 0.3, 1) !important;
}
.site-mob-menu-a-4 .mob-bot-share, .site-mob-menu-a-4 .site-mob-header.sticky-menu-2.stuck, .site-mob-menu-a-4 .site-mob-header, .site-mob-menu-a-4 .site-inner, .site-mob-menu-a-4 .sticky-menu-2 .stuck.active, .site-mob-menu-a-4 .zeen-top-block, .site-mob-menu-a-4 .sticky-menu, .site-mob-menu-a-4 .zeen-instagram-block {
transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
}
.secondary-wrap-v-70 {
display: none;
}
.inherit-fs-on {
font-size: 1.3333rem !important;
}
.block-subtitle .inherit-fs-on {
font-size: 1rem !important;
line-height: 1.2;
}
.share-it:not(.share-it-text):not(.share-it-11) {
margin-bottom: 10px;
}
.share-it:not(.share-it-text):not(.share-it-11) .title {
margin-bottom: 30px;
}
.share-it:not(.share-it-text):not(.share-it-11) .share-button {
margin: 0 0 20px;
}
.share-it:not(.share-it-text):not(.share-it-11) .title {
width: 100%;
}
.share-it-text a {
margin: 0 0 30px 30px !important;
}
.share-it-bold .share-button {
min-width: 130px;
}
.block-wrap-grid .tipi-s-typo .byline, .block-wrap-grid .tipi-s-typo .arrow {
display: none !important;
}
.block-wrap-25 .block-tiny-title {
margin-bottom: 30px;
font-size: 1.3333333rem;
}
.zeen-col--narrow .block-wrap-25 .block-tiny-title {
font-size: 1rem;
}
.videos-wrap {
padding-top: 15px;
padding-right: 15px;
display: flex;
overflow-x: auto;
}
.videos-wrap article {
padding-left: 30px;
margin-bottom: 0;
}
.block-wrap-cols-3 .block-wrap-thumbnail article .byline, .block-wrap-cols-2-2 .zeen-col-0 .block-wrap-thumbnail article .byline, .block-wrap-cols-2-1 .zeen-col-1 .block-wrap-thumbnail article .byline {
display: none;
}
.block-25 article:nth-last-child(2) {
margin-bottom: 0;
}
.next-prev__design-2 {
display: none;
}
.preview-review-bot .lr-api-format-3, .preview-review-bot .lr-api-format-4, .preview-review-bot .lr-api-format-5 {
display: none;
}
.hero-with-content-wrap .entry-content {
padding-top: 30px;
}
.hero-with-content-wrap .sticky-el {
position: static !important;
}
.body-header-style-70s.tipi-builder-on .tipi-fs, .body-header-style-70s .header-width-2 .header-side-padding, .body-header-style-70s .standard-archive {
padding-right: 0;
padding-left: 0;
}
.body-header-style-70s .header-width-2 .drop-it .block-wrap, .body-header-style-70s .header-width-2 .trending-inline-drop .trending-inline-title {
padding-right: 20px;
padding-left: 20px;
}
.tipi-builder-on .mob-fs.block-wrap-grid.tipi-row {
padding-right: 0;
padding-left: 0;
}
.preview-grid.tipi-s-typo .subtitle, .preview-grid.tipi-s-typo .byline, .preview-grid.tipi-m-typo .subtitle, .preview-grid.tipi-m-typo .byline {
display: none;
}
.hero-with-content-wrap {
padding-top: 0;
}
.hero-with-content.tipi-row {
padding-right: 0;
padding-left: 0;
}
.hero-with-content.tipi-row article {
padding-right: 45px;
padding-left: 45px;
}
.woocommerce-product-gallery li:nth-child(3n+2):nth-last-child(-n+3):last-child {
margin-left: auto;
margin-right: 8px;
}
.block-title-2.with-load-more .block-title:before, .block-title-2.with-load-more .block-title:after {
display: none;
}
.related-posts-wrap-hero article:nth-child(3) {
display: none;
}
.block-wrap-60 .button-arrow {
padding-right: 15px;
padding-left: 15px;
}
.title-middle-bl .hero-gallery + .meta-wrap {
position: relative;
padding-bottom: 0;
padding-top: 30px;
}
.title-middle-bl .hero-gallery + .meta-wrap .meta, .title-middle-bl .hero-gallery + .meta-wrap .share-it-icons a {
color: inherit !important;
}
div[class*="title-mid"] .meta-wrap .meta ~ .share-it {
margin-bottom: -15px;
}
}
@media only screen and (max-width: 1239px) {
.comment-form input:not(.submit), .comment-form textarea, input[type='text'], input[type="password"],
input[type="search"], input[type='number'], input[type="email"], textarea {
font-size: 16px;
}
.site-header.tipi-row, .secondary-wrap.tipi-row, .main-navigation.tipi-row {
padding-right: 0;
padding-left: 0;
}
.main-menu-inline .main-navigation.tipi-row {
padding-right: 30px;
padding-left: 30px;
}
.md-12 .hero-wrap .video-wrap, .md-12-ext .video-wrap {
display: none;
}
.main-navigation.tipi-row:not(.main-menu-width-1) .nav-grid {
padding: 0;
}
.main-menu-bar-color-2 .dropper > a:before {
margin-right: -10px;
}
.preview-classic.elements-location-2 .meta .title, .preview-classic.elements-location-4 .meta .title, .preview-classic.elements-location-5 .meta .title {
padding-top: 20px;
}
.meta-overlay-2 .stack-design-2 .excerpt, .meta-overlay-4 .stack-design-2 .excerpt {
display: none;
}
.secondary-wrap.tipi-row .menu-content-wrap, .site-header.tipi-row .header-padding {
padding-right: 30px;
padding-left: 30px;
}
.zeen-top-block > .tipi-row {
padding-right: 0;
padding-left: 0;
}
.zeen-col--narrow .block-69 .block-piece-2 .zeen-review {
display: none;
}
.nav-grid .sticky-part {
padding: 0 20px;
}
.main-menu-width-1 .nav-grid.tipi-row .sticky-part {
padding: 0;
}
.hero-wrap.tipi-row {
padding-top: 0;
padding-right: 0;
padding-left: 0;
}
.hero-wrap.tipi-row .meta, .hero-wrap.tipi-row .share-it:not(.share-it-below_title) {
padding-right: 30px;
}
.title-middle-bl.hero-m .hero-wrap .media-icon {
margin-right: 30px;
}
.title-middle .hero-wrap.tipi-row .meta {
padding-right: 0;
}
.hero-18.tipi-row {
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
}
.title-side .hero-wrap.tipi-row .meta, .title-side .hero-wrap.tipi-row .share-it {
padding-right: 0;
}
.main-navigation-4 .horizontal-menu > li {
margin: 0 2px;
}
.main-navigation-4 .horizontal-menu > li > a {
font-size: 0.9em;
}
.block-piece-1 {
padding-left: 0;
}
.block-piece-2 .preview-76 {
margin-bottom: 30px;
padding-bottom: 0;
border-bottom: 0;
}
.block-piece-2 .preview-76 .mask {
display: none;
}
.share-it:after {
content: '';
width: calc( 33.333333% - 10px);
}
.site-footer .bg-area-inner {
padding-right: 0;
padding-left: 0;
}
.entry-content ul.wp-block-gallery {
margin-right: 0;
}
}
@media all and (orientation: portrait) {
.title-contrast .hero-wrap {
height: 66vh;
}
.img-tag-bg, .block-wrap-cta .mask .img-tag-bg {
padding-bottom: 85%;
}
.img-tag-bg .bg, .block-wrap-cta .mask .img-tag-bg .bg {
height: 115%;
top: -7%;
}
}
@media all and (orientation: landscape) {
.zeen-top-block .block:not(.block-92):not(.block-94):not(.block-81) article {
max-height: 75vh;
}
.cover-2 .slider-for, .cover-2 .slider-imgs {
height: 66vh;
}
.cover-3 .slider-for, .cover-3 .slider-imgs {
height: 50vh;
}
.cover-1 .slider-for, .cover-1 .slider-imgs, .cover-11 .slider-for, .cover-11 .slider-imgs {
height: calc( 100vh - 150px);
}
}
@media all and (orientation: portrait) and (max-width: 767px) {
.block-wrap-slider article {
padding-bottom: 80%;
}
.preview-81, .preview-91:nth-child(3n+1) .mask {
padding-bottom: 80%;
}
}
@font-face {
font-family: 'tipi';
src: url("./tipi/tipi.woff2?9oa0lg") format("woff2"), url("./tipi/tipi.ttf?9oa0lg") format("truetype"), url("./tipi/tipi.woff?9oa0lg") format("woff"), url("./tipi/tipi.svg?9oa0lg#tipi") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="tipi-i-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'tipi' !important;
speak: none;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
font-size: inherit;
line-height: 1;
/* Enable Ligatures ================ */
letter-spacing: 0;
-ms-font-feature-settings: "liga" 1;
font-feature-settings: "liga";
font-variant-ligatures: discretionary-ligatures;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tipi-i-apple_podcast:before {
content: "\f2ce";
}
.tipi-i-letterboxd:before {
content: "\e952";
}
.tipi-i-goodreads:before {
content: "\e954";
}
.tipi-i-itch:before {
content: "\e955";
}
.tipi-i-producthunt:before {
content: "\f288";
}
.tipi-i-hatena:before {
content: "\e953";
}
.tipi-i-pocket:before {
content: "\e950";
}
.tipi-i-instapaper:before {
content: "\e94f";
}
.tipi-i-mixcloud:before {
content: "\f289";
}
.tipi-i-viber:before {
content: "\e94e";
}
.tipi-i-tiktok:before {
content: "\e94d";
}
.tipi-i-bandcamp:before {
content: "\e94c";
}
.tipi-i-unsplash:before {
content: "\e94b";
}
.tipi-i-telegram:before {
content: "\e94a";
}
.tipi-i-spotify:before {
content: "\f1bc";
}
.tipi-i-thumb-tack:before {
content: "\f08d";
}
.tipi-i-apple_music:before {
content: "\f179";
}
.tipi-i-flipboard:before {
content: "\e949";
}
.tipi-i-line:before {
content: "\e948";
}
.tipi-i-printer:before {
content: "\e944";
}
.tipi-i-weibo:before {
content: "\f18a";
}
.tipi-i-qq:before {
content: "\f1d6";
}
.tipi-i-wechat:before {
content: "\f1d7";
}
.tipi-i-weixin:before {
content: "\f1d7";
}
.tipi-i-moon:before {
content: "\e946";
}
.tipi-i-sun:before {
content: "\e947";
}
.tipi-i-bolt:before {
content: "\f0e7";
}
.tipi-i-flame:before {
content: "\e80e";
}
.tipi-i-trend:before {
content: "\e6e1";
}
.tipi-i-messenger:before {
content: "\e945";
}
.tipi-i-trend-2:before {
content: "\e8e5";
}
.tipi-i-long-arrow-left:before {
content: "\f177";
}
.tipi-i-long-arrow-right:before {
content: "\f178";
}
.tipi-i-builder:before {
content: "\e942";
}
.tipi-i-chat:before {
content: "\e0b7";
}
.tipi-i-comment:before {
content: "\e0cb";
}
.tipi-i-discord:before {
content: "\e941";
}
.tipi-i-steam:before {
content: "\e943";
}
.tipi-i-camera:before {
content: "\f030";
}
.tipi-i-videogame_asset:before {
content: "\e338";
}
.tipi-i-imdb:before {
content: "\f2d8";
}
.tipi-i-format_quote:before {
content: "\e244";
}
.tipi-i-qv:before {
content: "\e92a";
}
.tipi-i-play_arrow:before {
content: "\e037";
}
.tipi-i-maximize:before {
content: "\e93f";
}
.tipi-i-my_location:before {
content: "\e55c";
}
.tipi-i-minimize:before {
content: "\e940";
}
.tipi-i-cart-1-plus:before {
content: "\e90e" !important;
}
.tipi-i-cart-1:before {
content: "\e91b" !important;
}
.tipi-i-cart-2-plus:before {
content: "\e91f" !important;
}
.tipi-i-cart-2:before {
content: "\e920" !important;
}
.tipi-i-long-bottom:before {
content: "\e932";
}
.tipi-i-long-left:before {
content: "\e937";
}
.tipi-i-long-right:before {
content: "\e93a";
}
.tipi-i-long-top:before {
content: "\e93d";
}
.tipi-i-patreon:before {
content: "\e93e";
}
.tipi-i-close:before {
content: "\e5cd";
}
.tipi-i-search-thin:before {
content: "\e8b6";
}
.tipi-i-alert-triangle:before {
content: "\e930";
}
.tipi-i-arrow-down:before {
content: "\e900";
}
.tipi-i-arrow-left:before {
content: "\e901";
}
.tipi-i-arrow-right:before {
content: "\e902";
}
.tipi-i-arrow-up:before {
content: "\e903";
}
.tipi-i-at-sign:before {
content: "\e904";
}
.tipi-i-bookmark:before {
content: "\e905";
}
.tipi-i-calendar:before {
content: "\e906";
}
.tipi-i-camera-o:before {
content: "\e907";
}
.tipi-i-check:before {
content: "\e908";
}
.tipi-i-chevron-down:before {
content: "\e909";
}
.tipi-i-chevron-left:before {
content: "\e90a";
}
.tipi-i-chevron-right:before {
content: "\e90b";
}
.tipi-i-chevron-up:before {
content: "\e90c";
}
.tipi-i-clock:before {
content: "\e90d";
}
.tipi-i-disc:before {
content: "\e931";
}
.tipi-i-edit-2:before {
content: "\e90f";
}
.tipi-i-external-link:before {
content: "\e92e";
}
.tipi-i-eye:before {
content: "\e910";
}
.tipi-i-film:before {
content: "\e911";
}
.tipi-i-folder:before {
content: "\e912";
}
.tipi-i-grid:before {
content: "\e913";
}
.tipi-i-hash:before {
content: "\e916";
}
.tipi-i-headphones:before {
content: "\e915";
}
.tipi-i-home:before {
content: "\e917";
}
.tipi-i-info:before {
content: "\e933";
}
.tipi-i-link:before {
content: "\e92f";
}
.tipi-i-log-in:before {
content: "\e93b";
}
.tipi-i-log-out:before {
content: "\e93c";
}
.tipi-i-gamepad:before {
content: "\f11b";
}
.tipi-i-mail:before {
content: "\e918";
}
.tipi-i-message-square:before {
content: "\e91a";
}
.tipi-i-more-horizontal:before {
content: "\e934";
}
.tipi-i-music:before {
content: "\e91c";
}
.tipi-i-play:before {
content: "\e91d";
}
.tipi-i-plus:before {
content: "\e91e";
}
.tipi-i-minus:before {
content: "\e951";
}
.tipi-i-repeat:before {
content: "\e935";
}
.tipi-i-rewind:before {
content: "\e936";
}
.tipi-i-share-2:before {
content: "\e919";
}
.tipi-i-sliders:before {
content: "\e921";
}
.tipi-i-star:before {
content: "\e922";
}
.tipi-i-thumbs-down:before {
content: "\e938";
}
.tipi-i-thumbs-up:before {
content: "\e914";
}
.tipi-i-trash:before {
content: "\e923";
}
.tipi-i-user:before {
content: "\e924";
}
.tipi-i-video:before {
content: "\e925";
}
.tipi-i-volume:before {
content: "\e926";
}
.tipi-i-volume-1:before {
content: "\e927";
}
.tipi-i-volume-2:before {
content: "\e928";
}
.tipi-i-volume-x:before {
content: "\e929";
}
.tipi-i-watch:before {
content: "\e939";
}
.tipi-i-zap:before {
content: "\e92b";
}
.tipi-i-zoom-in:before {
content: "\e92c";
}
.tipi-i-zoom-out:before {
content: "\e92d";
}
.tipi-i-search:before {
content: "\f002";
}
.tipi-i-heart:before {
content: "\f004";
}
.tipi-i-star2:before {
content: "\f005";
}
.tipi-i-star-o:before {
content: "\f006";
}
.tipi-i-camera-retro:before {
content: "\f083";
}
.tipi-i-heart-o:before {
content: "\f08a";
}
.tipi-i-twitter:before {
content: "\f099";
}
.tipi-i-facebook:before {
content: "\f09a";
}
.tipi-i-github:before {
content: "\f09b";
}
.tipi-i-rss:before {
content: "\f09e";
}
.tipi-i-menu:before {
content: "\f0c9";
}
.tipi-i-pinterest:before {
content: "\f0d2";
}
.tipi-i-linkedin:before {
content: "\f0e1";
}
.tipi-i-angle-left:before {
content: "\f104";
}
.tipi-i-angle-right:before {
content: "\f105";
}
.rtl .tipi-i-angle-left:before {
content: "\f105";
}
.rtl .tipi-i-angle-right:before {
content: "\f104";
}
.tipi-i-angle-up:before {
content: "\f106";
}
.tipi-i-angle-down:before {
content: "\f107";
}
.tipi-i-youtube-play:before {
content: "\f16a";
}
.tipi-i-instagram:before {
content: "\f16d";
}
.tipi-i-tumblr:before {
content: "\f173";
}
.tipi-i-dribbble:before {
content: "\f17d";
}
.tipi-i-vk:before {
content: "\f189";
}
.tipi-i-behance:before {
content: "\f1b4";
}
.tipi-i-soundcloud:before {
content: "\f1be";
}
.tipi-i-twitch:before {
content: "\f1e8";
}
.tipi-i-whatsapp:before {
content: "\f232";
}
.tipi-i-medium:before {
content: "\f23a";
}
.tipi-i-vimeo:before {
content: "\f27d";
}
.tipi-i-reddit-alien:before {
content: "\f281";
}
.tipi-i-snapchat-ghost:before {
content: "\f2ac";
}