File: /home/lesanew/www/wp-content/plugins/neobeat-core/assets/css/neobeat-core.css
@charset "UTF-8";
/* ==========================================================================
Include variables and mixins
========================================================================== */
/* ==========================================================================
Typography variables
========================================================================== */
/* ====================================================================qodef-event-item======
Box variables
========================================================================== */
/* ==========================================================================
Devices screen size variables
========================================================================== */
/* ==========================================================================
Grid size and responsive grid size variables
========================================================================== */
/* ==========================================================================
Typography mixins
========================================================================== */
/* ==========================================================================
Typography mixins - end
========================================================================== */
/* ==========================================================================
Layout mixins - begin
========================================================================== */
/* ==========================================================================
Layout mixins - end
========================================================================== */
/* ==========================================================================
Input fields mixins - begin
========================================================================== */
/* ==========================================================================
Input fields mixins - end
========================================================================== */
/* ==========================================================================
Grid size mixins - begin
========================================================================== */
/* ==========================================================================
Grid size mixins - end
========================================================================== */
/* ==========================================================================
Helper mixins - begin
========================================================================== */
/* ==========================================================================
Helper mixins - end
========================================================================== */
/* ==========================================================================
Clear fix mixin - begin
========================================================================== */
/* ==========================================================================
Clear fix mixin - end
========================================================================== */
/* ==========================================================================
Menu opener circles mixin - begin
========================================================================== */
/* ==========================================================================
Menu opener circles mixin - end
========================================================================== */
/* ==========================================================================
Custom mixins - end
========================================================================== */
/* ==========================================================================
Custom mixins - start
========================================================================== */
/* ==========================================================================
Button mixins - start
========================================================================== */
/* ==========================================================================
Button mixins - end
========================================================================== */
/* ==========================================================================
Animation mixins - start
========================================================================== */
/* ==========================================================================
Animation mixins - end
========================================================================== */
/* ========================================================================== */
/* ==========================================================================
Global styles
========================================================================== */
.neobeat-core-page-inline-style {
position: absolute !important;
width: 0;
height: 0;
line-height: 1;
display: none;
}
/* ==========================================================================
King Composer global styles
========================================================================== */
.kc-elm.qodef-shortcode .fa,
.kc-elm.qodef-shortcode .fas {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.kc-elm.qodef-shortcode .fa:before,
.kc-elm.qodef-shortcode .fas:before {
font-family: inherit;
font-weight: inherit;
}
.kc-elm.qodef-shortcode .fab {
font-family: 'Font Awesome 5 Brands';
font-weight: 400;
}
.kc-elm.qodef-shortcode .fab:before {
font-family: inherit;
font-weight: inherit;
}
/* ==========================================================================
Visual Composer global styles
========================================================================== */
.qodef-shortcode .wpb_row,
.qodef-shortcode .wpb_content_element,
.qodef-shortcode ul.wpb_thumbnails-fluid > li,
.qodef-shortcode .last_toggle_el_margin,
.qodef-shortcode .wpb_button {
margin-bottom: 0 !important;
}
/* ==========================================================================
#Back to Top styles - start
========================================================================== */
#qodef-back-to-top {
position: fixed;
right: 50px;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
opacity: 0;
color: #38214a;
-webkit-transform: rotate(-90deg) translateX(calc(100% + 7px));
-ms-transform: rotate(-90deg) translateX(calc(100% + 7px));
transform: rotate(-90deg) translateX(calc(100% + 7px));
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
visibility: hidden;
z-index: 10000;
-webkit-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
#qodef-back-to-top.qodef-light {
color: #fff;
}
@media only screen and (max-width: 680px) {
#qodef-back-to-top {
right: 40px;
}
}
#qodef-back-to-top .qodef-back-to-top-icon {
position: relative;
top: 1px;
font-size: 19px;
line-height: inherit;
-webkit-transition: -webkit-transform .3s ease-out;
transition: -webkit-transform .3s ease-out;
-o-transition: transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
#qodef-back-to-top .qodef-back-to-top-icon * {
display: block;
line-height: inherit;
}
#qodef-back-to-top:hover .qodef-back-to-top-icon {
-webkit-transform: translateX(4px);
-ms-transform: translateX(4px);
transform: translateX(4px);
}
#qodef-back-to-top .qodef-back-to-top-label {
margin-right: 7px;
font-weight: 600;
}
#qodef-back-to-top.qodef--off {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.15s ease, visibility .0s .15s;
-o-transition: opacity 0.15s ease, visibility .0s .15s;
transition: opacity 0.15s ease, visibility .0s .15s;
}
#qodef-back-to-top.qodef--on {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s ease, color .2s ease;
-o-transition: opacity 0.3s ease, color .2s ease;
transition: opacity 0.3s ease, color .2s ease;
}
/* ==========================================================================
#Back to Top styles - end
========================================================================== */
/* ==========================================================================
Blog List Minimal styles
========================================================================== */
.qodef-blog.qodef-item-layout--minimal article .qodef-e-info.qodef-info--bottom {
margin-top: 5px;
}
/* ==========================================================================
Blog List styles
========================================================================== */
.qodef-blog.qodef-item-layout--pinterest .qodef-e-content {
padding: 26px 35px 32px;
}
.qodef-blog.qodef-item-layout--pinterest .qodef-e-info.qodef-info--top {
margin-bottom: 8px;
}
.qodef-blog.qodef-item-layout--pinterest .qodef-e-info.qodef-info--bottom {
margin-top: 16px;
}
.qodef-blog.qodef-item-layout--pinterest .qodef-e-info-author-image-link img {
width: 35px;
}
.qodef-blog.qodef-item-layout--pinterest.qodef-col-num--1 article:not(:last-child) .qodef-e-info.qodef-info--bottom {
margin-bottom: 36px;
}
.qodef-blog.qodef-item-layout--pinterest.qodef-col-num--1 article:not(:last-child).format-link .qodef-e-link {
margin-bottom: 50px;
}
.qodef-blog.qodef-item-layout--pinterest.qodef-col-num--1 article:not(:last-child).format-quote .qodef-e-quote {
margin-bottom: 50px;
}
.qodef-blog.qodef-item-layout--pinterest:not(.qodef-col-num--1) article.format-link .qodef-e-link {
padding: 136px 35px 138px;
}
.qodef-blog.qodef-item-layout--pinterest:not(.qodef-col-num--1) article.format-link .qodef-icon-elegant-icons {
top: 20px;
right: 20px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
font-size: 108px;
}
.qodef-blog.qodef-item-layout--pinterest:not(.qodef-col-num--1) article.format-quote .qodef-e-quote {
padding: 134px 35px 98px;
}
.qodef-blog.qodef-item-layout--pinterest:not(.qodef-col-num--1) article.format-quote .qodef-e-quote:before {
top: 18px;
right: 7px;
font-size: 272px;
}
.qodef-blog.qodef-item-layout--pinterest:not(.qodef-col-num--1) article.format-quote .qodef-e-quote-author {
margin: 15px 0 0;
}
.qodef-blog.qodef-item-layout--pinterest article.format-standard .qodef-e-inner {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.qodef-blog.qodef-item-layout--pinterest article.format-standard .qodef-e-media-image {
overflow: hidden;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.qodef-blog.qodef-item-layout--pinterest article.format-standard .qodef-e-media-image img {
-webkit-transform: scale(1.04) translateZ(0);
transform: scale(1.04) translateZ(0);
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
}
.qodef-blog.qodef-item-layout--pinterest article.format-standard:hover .qodef-e-media-image img {
-webkit-transform: scale(1.01) translateZ(0);
transform: scale(1.01) translateZ(0);
}
.qodef-blog.qodef-item-layout--pinterest article.format-link .qodef-e-link {
border-radius: 5px;
}
.qodef-blog.qodef-item-layout--pinterest article.format-quote .qodef-e-quote {
border-radius: 5px;
}
.qodef-blog.qodef-item-layout--pinterest article.format-video .qodef-e-inner {
overflow: hidden;
border-radius: 50%;
}
.qodef-browser--safari .qodef-blog.qodef-item-layout--pinterest article.format-video .qodef-e-inner {
overflow: visible;
}
.qodef-blog.qodef-item-layout--pinterest article.format-video .qodef-e-media-image {
-webkit-transform: scale(1.04) translateZ(0);
transform: scale(1.04) translateZ(0);
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
}
.qodef-blog.qodef-item-layout--pinterest article.format-video:hover .qodef-e-media-image {
-webkit-transform: scale(1.01) translateZ(0);
transform: scale(1.01) translateZ(0);
}
.qodef-blog.qodef-item-layout--pinterest article.format-video:hover .qodef-e-play-inner .qodef-e-play-inner-bg-holder {
/*transform: scale(1.1);*/
}
.qodef-blog.qodef-item-layout--pinterest article.format-video:hover .qodef-e-play-inner > span:nth-of-type(2) {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
.qodef-blog.qodef-item-layout--pinterest article.format-video .qodef-e-play {
position: absolute;
display: block;
width: 100px;
height: 100px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 41px;
}
.qodef-blog.qodef-item-layout--pinterest article.format-video .qodef-e-play-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 2;
width: 100%;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.qodef-blog.qodef-item-layout--pinterest article.format-video .qodef-e-play-inner .qodef-e-play-inner-bg-holder {
/*transform: scale(1);
transition: .4s ease-out;*/
}
.qodef-blog.qodef-item-layout--pinterest article.format-video .qodef-e-play-inner .qodef-e-play-inner-bg-holder:before {
content: '';
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.2);
z-index: -1;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.qodef-blog.qodef-item-layout--pinterest article.format-video .qodef-e-play-inner > span {
display: block;
z-index: 10;
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-transition: all .32s ease-out;
-o-transition: all .32s ease-out;
transition: all .32s ease-out;
content: "";
font-family: "Ionicons";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
width: 100%;
height: 100%;
-webkit-text-stroke-color: #fff;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
z-index: 2;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all .85s ease-out;
-o-transition: all .85s ease-out;
transition: all .85s ease-out;
}
.qodef-blog.qodef-item-layout--pinterest article.format-video .qodef-e-play-inner > span:nth-of-type(2) {
position: absolute;
-webkit-text-stroke-width: 0px;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
color: #fff;
}
/* ==========================================================================
Blog List Simple styles
========================================================================== */
.qodef-blog.qodef-item-layout--simple article .qodef-e-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.qodef-blog.qodef-item-layout--simple article .qodef-e-media-image {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 80px;
margin: 0 20px 0 0;
}
.qodef-blog.qodef-item-layout--simple article .qodef-e-media-image img {
border-radius: 50%;
}
.qodef-blog.qodef-item-layout--simple article .qodef-e-content {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.qodef-blog.qodef-item-layout--simple article .qodef-e-title a {
color: inherit;
}
.qodef-blog.qodef-item-layout--simple article .qodef-e-info.qodef-info--bottom {
margin-top: 0px;
font-size: 13px;
top: -5px;
}
/* ==========================================================================
Blog List styles
========================================================================== */
.qodef-blog.qodef-gutter--large.qodef-col-num--1.qodef-item-layout--standard .qodef-grid-item {
margin-bottom: 70px;
}
.qodef-blog.qodef-item-layout--standard {
margin-bottom: 30px;
}
.qodef-blog.qodef-item-layout--standard.qodef-col-num--1 article:not(:last-child) .qodef-e-info.qodef-info--bottom {
margin-bottom: 36px;
}
.qodef-blog.qodef-item-layout--standard:not([class*="qodef-col-num--1"]) article.format-link .qodef-e-link {
padding: 76px;
}
.qodef-blog.qodef-item-layout--standard:not([class*="qodef-col-num--1"]) article.format-link .qodef-icon-elegant-icons {
right: 40px;
font-size: 140px;
}
.qodef-blog.qodef-item-layout--standard:not([class*="qodef-col-num--1"]) article.format-quote .qodef-e-quote {
padding: 76px;
}
.qodef-blog.qodef-item-layout--standard:not([class*="qodef-col-num--1"]) article.format-quote .qodef-e-quote:before {
font-size: 540px;
}
/* ==========================================================================
Author Info styles
========================================================================== */
#qodef-author-info {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin-top: 21px;
padding: 30px;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #faf0ee;
}
#qodef-author-info .qodef-m-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#qodef-author-info .qodef-m-image {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 30px;
}
#qodef-author-info .qodef-m-image a, #qodef-author-info .qodef-m-image img {
display: block;
}
#qodef-author-info .qodef-m-image img {
border-radius: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#qodef-author-info .qodef-m-author {
margin: 0;
}
#qodef-author-info .qodef-m-email {
margin: 5px 0 0;
}
#qodef-author-info .qodef-m-description {
margin: 11px 0 0;
}
#qodef-author-info .qodef-m-social-icons {
margin-top: 18px;
}
#qodef-author-info .qodef-m-social-icons a {
position: relative;
display: inline-block;
vertical-align: top;
margin-right: 16px;
}
#qodef-author-info .qodef-m-social-icons a:last-child {
margin-right: 0;
}
/* ==========================================================================
Related Posts styles
========================================================================== */
#qodef-related-posts {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin-top: 86px;
}
/* ==========================================================================
Single Post Navigation styles
========================================================================== */
#qodef-single-post-navigation {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin: 44px 0 3px;
}
#qodef-single-post-navigation .qodef-m-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#qodef-single-post-navigation .qodef-m-nav {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #38214a;
}
#qodef-single-post-navigation .qodef-m-nav .qodef-icon-ionicons {
-webkit-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
#qodef-single-post-navigation .qodef-m-nav > * {
display: block;
line-height: 1;
}
#qodef-single-post-navigation .qodef-m-nav.qodef--prev .qodef-icon-ionicons {
margin-right: 8px;
}
#qodef-single-post-navigation .qodef-m-nav.qodef--prev:hover .qodef-icon-ionicons {
-webkit-transform: translateX(-3px);
-ms-transform: translateX(-3px);
transform: translateX(-3px);
}
#qodef-single-post-navigation .qodef-m-nav.qodef--next {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-left: auto;
text-align: right;
}
#qodef-single-post-navigation .qodef-m-nav.qodef--next .qodef-icon-ionicons {
margin-left: 8px;
}
#qodef-single-post-navigation .qodef-m-nav.qodef--next:hover .qodef-icon-ionicons {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
#qodef-single-post-navigation .qodef-icon-ionicons {
font-size: 19px;
}
#qodef-single-post-navigation .qodef-m-nav-label {
font-size: 14px;
line-height: 1.5em;
font-weight: 400;
color: #5d516c;
color: #38214a;
font-weight: 700;
}
/* ==========================================================================
Contact Form 7 widget styles
========================================================================== */
.qodef-contact-form-7 {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-contact-form-7 .ajax-loader {
position: absolute;
right: -10px;
}
.qodef-contact-form-7 .qodef-skin--light input:focus {
color: #fff;
border-color: #fff;
}
.qodef-contact-form-7 .qodef-skin--light button {
color: #38214a;
background-color: #fff;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.qodef-contact-form-7 .qodef-skin--light button:hover {
background-color: #f8e7e5;
border-color: #f8e7e5;
}
.qodef-fullscreen-menu-opener {
position: relative;
display: inline-block;
vertical-align: middle;
}
.qodef-fullscreen-menu-opener .qodef-open-icon {
position: relative;
visibility: visible;
}
.qodef-fullscreen-menu-opener .qodef-close-icon {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--icon-pack {
font-size: 35px;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--icon-pack * {
display: inline-block;
line-height: inherit;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--icon-pack *:before {
display: inline-block;
line-height: inherit;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--svg-path span {
position: relative;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--svg-path span > * {
vertical-align: middle;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--svg-path span > *,
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--svg-path span path {
fill: currentColor;
stroke: currentColor;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined {
line-height: 1;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-circles {
color: #38214a;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row .qodef-circle {
background-color: #38214a;
}
.qodef-header--light:not(.qodef-header--sticky-display) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row .qodef-circle {
background-color: #fff !important;
}
.qodef-header--dark:not(.qodef-header--sticky-display) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row .qodef-circle {
background-color: #000 !important;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-1 .qodef-circle:nth-child(2), .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(56, 33, 74, 0.5);
}
.qodef-header--light:not(.qodef-header--sticky-display) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-1 .qodef-circle:nth-child(2), .qodef-header--light:not(.qodef-header--sticky-display) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(255, 255, 255, 0.5) !important;
}
.qodef-header--dark:not(.qodef-header--sticky-display) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-1 .qodef-circle:nth-child(2), .qodef-header--dark:not(.qodef-header--sticky-display) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:first-child, .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:nth-child(3) {
background-color: rgba(56, 33, 74, 0.5);
}
.qodef-header--light:not(.qodef-header--sticky-display) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:first-child, .qodef-header--light:not(.qodef-header--sticky-display) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:nth-child(3) {
background-color: rgba(255, 255, 255, 0.5) !important;
}
.qodef-header--dark:not(.qodef-header--sticky-display) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:first-child, .qodef-header--dark:not(.qodef-header--sticky-display) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:nth-child(3) {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(56, 33, 74, 0.5);
}
.qodef-header--light:not(.qodef-header--sticky-display) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(255, 255, 255, 0.5) !important;
}
.qodef-header--dark:not(.qodef-header--sticky-display) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-close-icon .qodef-circles {
color: #38214a;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-close-icon .qodef-circles .qodef-circles-row.qodef-cr-1 .qodef-circle:nth-child(2), .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-close-icon .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
opacity: 0 !important;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-close-icon .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:first-child, .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-close-icon .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:nth-child(3) {
opacity: 0 !important;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-close-icon .qodef-circles:hover .qodef-circles-row.qodef-cr-1 .qodef-circle, .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-close-icon .qodef-circles:hover .qodef-circles-row.qodef-cr-2 .qodef-circle, .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-close-icon .qodef-circles:hover .qodef-circles-row.qodef-cr-3 .qodef-circle {
opacity: .5;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-close-icon .qodef-circles:hover .qodef-circles-row.qodef-cr-2 .qodef-circle:nth-child(2) {
opacity: 1;
}
.qodef-header--light:not(.qodef-fullscreen-menu--opened) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-circles {
color: #fff;
}
.qodef-header--light:not(.qodef-fullscreen-menu--opened) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--icon-pack .qodef-side-area-opener-icon {
color: #fff;
}
.qodef-header--light:not(.qodef-fullscreen-menu--opened) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--svg-path .qodef-side-menu-icon > *,
.qodef-header--light:not(.qodef-fullscreen-menu--opened) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--svg-path .qodef-side-menu-icon path {
fill: #fff;
stroke: #fff;
}
.qodef-header--dark:not(.qodef-fullscreen-menu--opened) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-circles {
color: #000;
}
.qodef-header--dark:not(.qodef-fullscreen-menu--opened) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--icon-pack .qodef-side-area-opener-icon {
color: #000;
}
.qodef-header--dark:not(.qodef-fullscreen-menu--opened) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--svg-path .qodef-side-menu-icon > *,
.qodef-header--dark:not(.qodef-fullscreen-menu--opened) .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--svg-path .qodef-side-menu-icon path {
fill: #000;
stroke: #000;
}
.qodef-fullscreen-menu-holder {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-x: hidden !important;
visibility: hidden;
opacity: 0;
z-index: 99;
/* smaller than header, bigger than content */
background-color: #faf0ee;
}
.qodef-fullscreen-menu-holder.qodef-has-bg-image {
background-position: center;
}
.qodef-fullscreen-menu-holder .qodef-fullscreen-menu-holder-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
}
.qodef-fullscreen-menu-holder .qodef-content-grid {
height: 100%;
}
.qodef-fullscreen-menu-holder .qodef-content-grid nav.qodef-fullscreen-menu {
width: 100%;
}
.qodef-fullscreen-menu-holder .qodef-content-grid nav.qodef-fullscreen-menu ul {
display: table;
}
.qodef-fullscreen-menu-holder .qodef-content-grid nav.qodef-fullscreen-menu ul > li {
display: table;
}
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu {
position: relative;
top: 0;
margin: 0 auto;
text-align: left;
}
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul {
position: relative;
list-style: none;
padding: 0 0 0 58px;
margin: 0;
}
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul li {
margin: 0;
padding: 0;
text-align: left;
}
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul li a {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 1px 0 2px;
font-size: 55px;
line-height: 1.381818181818182em;
letter-spacing: -.01em;
font-weight: 700;
color: #38214a;
-webkit-transition: all .35s ease-out, padding .3s ease;
-o-transition: all .35s ease-out, padding .3s ease;
transition: all .35s ease-out, padding .3s ease;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul li a {
font-size: 44px;
}
}
@media only screen and (min-width: 1025px) {
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul li a:hover {
color: rgba(56, 33, 74, 0.5);
}
}
@media only screen and (max-width: 1024px) {
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul li a {
font-size: 35px;
}
}
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul li.current-menu-ancestor > a,
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul li.current-menu-item > a {
color: rgba(56, 33, 74, 0.5);
}
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul li ul {
padding: 5px 0 1px 2px;
}
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul li ul.sub-menu {
display: none;
}
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul li ul li.current-menu-ancestor > a,
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul li ul li.current-menu-item > a {
color: #5d516c;
padding-left: 10px;
}
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul li ul li a {
font-size: 16px;
font-weight: 400;
text-transform: none;
margin: 7px 0 6px;
color: #8b8395;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul li ul li a:hover {
color: #5d516c;
padding-left: 10px;
}
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul li ul li ul li a {
font-size: 16px;
font-weight: 600;
}
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul li ul li:last-child ul:last-child {
padding-bottom: 0;
}
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul.menu:hover > li:hover > a {
color: #38214a;
}
.qodef-fullscreen-menu-holder nav.qodef-fullscreen-menu ul.menu:hover > li > a {
color: rgba(56, 33, 74, 0.5);
}
.qodef-fullscreen-menu--opened {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow-y: hidden;
}
.qodef-fullscreen-menu--opened.admin-bar {
top: 32px;
height: calc(100% - 32px);
}
.qodef-fullscreen-menu--opened .qodef-fullscreen-menu-opener .qodef-open-icon {
visibility: hidden;
}
.qodef-fullscreen-menu--opened .qodef-fullscreen-menu-opener .qodef-close-icon {
visibility: visible;
}
.qodef-fullscreen-menu--opened.qodef-header--light .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined {
color: #fff;
}
.qodef-fullscreen-menu--opened.qodef-header--light .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-close-icon .qodef-circles-row .qodef-circle {
background-color: #38214a;
}
.qodef-fullscreen-menu--opened.qodef-header--dark .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined {
color: #38214a;
}
.qodef-fullscreen-menu--opened.qodef-header--dark .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-close-icon .qodef-circles-row .qodef-circle {
background-color: #38214a;
}
.qodef-fullscreen-menu--opened #qodef-page-header,
.qodef-fullscreen-menu--opened #qodef-page-mobile-header {
visibility: hidden;
}
.qodef-fullscreen-menu--opened .qodef-header-logo-link,
.qodef-fullscreen-menu--opened .qodef-mobile-header-logo-link,
.qodef-fullscreen-menu--opened .qodef-header-logo-image.qodef--customizer,
.qodef-fullscreen-menu--opened .qodef-fullscreen-menu-opener {
visibility: visible;
}
.qodef-fullscreen-menu--opened #qodef-page-header .qodef-header-logo-link img.qodef--dark {
opacity: 1;
}
.qodef-fullscreen-menu--opened #qodef-page-header .qodef-header-logo-link img.qodef--main, .qodef-fullscreen-menu--opened #qodef-page-header .qodef-header-logo-link img.qodef--light {
opacity: 0;
}
@-webkit-keyframes fullscreen-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@keyframes fullscreen-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@-webkit-keyframes fullscreen-fade-in {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
@keyframes fullscreen-fade-in {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
.qodef-fullscreen-menu-animate--in .qodef-fullscreen-menu-holder {
-webkit-animation: fullscreen-fade-in .25s linear both;
animation: fullscreen-fade-in .25s linear both;
}
.qodef-fullscreen-menu-animate--out .qodef-fullscreen-menu-holder {
-webkit-animation: fullscreen-fade-out .25s linear both;
animation: fullscreen-fade-out .25s linear both;
}
.admin-bar .qodef-fullscreen-menu-holder {
height: calc(100% - 32px);
top: 32px;
}
#qodef-page-header .qodef-header-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
height: 100%;
}
.qodef-header--light:not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-navigation > ul:hover > li:hover > a {
color: #fff;
}
.qodef-header--light:not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-navigation > ul:hover > li > a {
color: rgba(255, 255, 255, 0.5);
}
.qodef-header--dark:not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-navigation > ul:hover > li:hover > a {
color: #000;
}
.qodef-header--dark:not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-navigation > ul:hover > li > a {
color: rgba(0, 0, 0, 0.5);
}
.qodef-header--light:not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-navigation > ul > li > a {
color: #fff;
}
.qodef-header--light:not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-navigation > ul > li > a:hover {
color: rgba(255, 255, 255, 0.5);
}
.qodef-header--dark:not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-navigation > ul > li > a {
color: #000;
}
.qodef-header--dark:not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-navigation > ul > li > a:hover {
color: rgba(0, 0, 0, 0.5);
}
.qodef-header--light:not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-navigation > ul > li.current-menu-ancestor > a,
.qodef-header--light:not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-navigation > ul > li.current-menu-item > a {
color: rgba(255, 255, 255, 0.5);
}
.qodef-header--dark:not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-navigation > ul > li.current-menu-ancestor > a,
.qodef-header--dark:not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-navigation > ul > li.current-menu-item > a {
color: rgba(0, 0, 0, 0.5);
}
#qodef-page-header .qodef-widget-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
#qodef-page-header .qodef-widget-holder .widget {
margin: 0 0 0 13px;
}
#qodef-page-header-inner.qodef-content-grid {
padding: 0;
}
/* Logo style - start */
#qodef-page-header .qodef-header-logo-link img.qodef--main {
opacity: 1;
}
#qodef-page-header .qodef-header-logo-link img.qodef--dark, #qodef-page-header .qodef-header-logo-link img.qodef--light {
opacity: 0;
}
#qodef-page-header .qodef-header-logo-link img:not(.qodef--main) {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.qodef-header--light:not(.qodef-fullscreen-menu--opened):not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-logo-link .qodef--light {
opacity: 1;
}
.qodef-header--light:not(.qodef-fullscreen-menu--opened):not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-logo-link .qodef--dark,
.qodef-header--light:not(.qodef-fullscreen-menu--opened):not(.qodef-header--sticky-display) #qodef-page-header .qodef-header-logo-link .qodef--main {
opacity: 0;
}
.qodef-header--dark #qodef-page-header .qodef-header-logo-link .qodef--dark {
opacity: 1;
}
.qodef-header--dark #qodef-page-header .qodef-header-logo-link .qodef--light,
.qodef-header--dark #qodef-page-header .qodef-header-logo-link .qodef--main {
opacity: 0;
}
#qodef-page-header .qodef-header-logo-image.qodef--customizer {
max-height: 100%;
width: auto;
margin-right: auto;
}
/* Logo style - end */
/* Minimal header layout style - start */
.qodef-header--minimal #qodef-page-header-inner .qodef-header-logo-link {
margin-right: auto;
}
.qodef-header--minimal #qodef-page-header-inner .qodef-widget-holder {
margin-right: 30px;
}
/* Minimal header layout style - end */
/* Standard header layout style - start */
.qodef-header-standard--right #qodef-page-header-inner .qodef-header-logo-link {
margin-right: auto;
}
.qodef-header-standard--left #qodef-page-header-inner {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.qodef-header-standard--left #qodef-page-header-inner .qodef-header-navigation {
margin-left: 20px;
}
.qodef-header-standard--left #qodef-page-header-inner .qodef-widget-holder {
margin-left: auto;
}
.qodef-header-standard--center .qodef-header-logo-wrapper {
position: absolute;
top: 0;
left: 0;
height: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.qodef-header-standard--center .qodef-header-navigation {
margin-left: auto;
margin-right: auto;
}
.qodef-header-standard--center .qodef-header-navigation > ul > li:first-child {
padding-left: 0;
}
.qodef-header-standard--center .qodef-header-navigation > ul > li:first-child .qodef-drop-down-second {
left: -25px;
}
.qodef-header-standard--center .qodef-widget-holder {
position: absolute;
top: 0;
right: 0;
}
.qodef-header-standard--right .qodef-header-navigation {
margin-right: 20px;
margin-left: auto;
}
/* Standard header layout style - end */
/* Vertical header style - start */
@media only screen and (min-width: 1367px) and (max-width: 1680px) {
.qodef-content-grid-1400.qodef-header--vertical-closed .qodef-content-grid {
width: 1100px;
}
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
.qodef-content-grid-1400.qodef-header--vertical-closed .qodef-content-grid {
width: 960px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
.qodef-content-grid-1400.qodef-header--vertical-closed .qodef-content-grid {
width: 768px;
}
}
@media only screen and (min-width: 1367px) and (max-width: 1680px) {
.qodef-content-grid-1300.qodef-header--vertical-closed .qodef-content-grid {
width: 1100px;
}
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
.qodef-content-grid-1300.qodef-header--vertical-closed .qodef-content-grid {
width: 960px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
.qodef-content-grid-1300.qodef-header--vertical-closed .qodef-content-grid {
width: 768px;
}
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
.qodef-content-grid-1200.qodef-header--vertical-closed .qodef-content-grid {
width: 1100px;
}
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
.qodef-content-grid-1200.qodef-header--vertical-closed .qodef-content-grid {
width: 960px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
.qodef-content-grid-1200.qodef-header--vertical-closed .qodef-content-grid {
width: 768px;
}
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
.qodef-content-grid-1100.qodef-header--vertical-closed .qodef-content-grid {
width: 960px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
.qodef-content-grid-1100.qodef-header--vertical-closed .qodef-content-grid {
width: 768px;
}
}
.qodef-header--vertical-closed #qodef-page-header {
position: fixed;
top: 0;
left: 0;
width: 360px;
height: 100%;
z-index: 100;
left: calc(100px - 360px);
-webkit-transition: left .35s ease-in-out;
-o-transition: left .35s ease-in-out;
transition: left .35s ease-in-out;
}
.qodef-header--vertical-closed #qodef-page-header.active {
left: 0;
}
.qodef-header--vertical-closed #qodef-page-header.active .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-open-icon {
visibility: hidden;
opacity: 0;
}
.qodef-header--vertical-closed #qodef-page-header.active .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-close-icon {
visibility: visible;
opacity: 1;
}
.qodef-header--vertical-closed #qodef-page-header .qodef-header-logo-link {
position: fixed;
width: 77px;
left: 30px;
height: auto;
z-index: 101;
}
.qodef-header--vertical-closed #qodef-page-header .qodef-header-logo-link img {
margin: 0 auto;
}
.qodef-header--vertical-closed #qodef-page-header .widget.widget_neobeat_core_icon {
margin: 0 0 25px;
}
.qodef-header--vertical-closed #qodef-page-header-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 28px 60px 10px 100px;
}
.qodef-header--vertical-closed #qodef-page-header-inner .qodef-header-navigation ul {
display: block;
}
.qodef-header--vertical-closed #qodef-page-header-inner .qodef-header-navigation ul > li {
margin: 0;
}
.qodef-header--vertical-closed #qodef-page-header-inner .qodef-vertical-closed-widget-holder {
position: fixed;
bottom: 20px;
left: 33px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 102;
}
.qodef-header--vertical-closed.admin-bar #qodef-page-header {
top: 32px;
height: calc(100% - 32px);
}
.qodef-header--vertical-closed #qodef-page-outer,
.qodef-header--vertical-closed #qodef-page-footer {
padding-left: 100px;
}
.qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined {
line-height: 1;
position: fixed;
z-index: 101;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100px;
left: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: inherit;
color: #38214a;
}
.qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
}
.qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row .qodef-circle {
background-color: #38214a;
}
.qodef-header--light:not(.qodef-header--sticky-display) .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row .qodef-circle {
background-color: #fff !important;
}
.qodef-header--dark:not(.qodef-header--sticky-display) .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row .qodef-circle {
background-color: #000 !important;
}
.qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-1 .qodef-circle:nth-child(2), .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(56, 33, 74, 0.5);
}
.qodef-header--light:not(.qodef-header--sticky-display) .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-1 .qodef-circle:nth-child(2), .qodef-header--light:not(.qodef-header--sticky-display) .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(255, 255, 255, 0.5) !important;
}
.qodef-header--dark:not(.qodef-header--sticky-display) .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-1 .qodef-circle:nth-child(2), .qodef-header--dark:not(.qodef-header--sticky-display) .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:first-child, .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:nth-child(3) {
background-color: rgba(56, 33, 74, 0.5);
}
.qodef-header--light:not(.qodef-header--sticky-display) .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:first-child, .qodef-header--light:not(.qodef-header--sticky-display) .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:nth-child(3) {
background-color: rgba(255, 255, 255, 0.5) !important;
}
.qodef-header--dark:not(.qodef-header--sticky-display) .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:first-child, .qodef-header--dark:not(.qodef-header--sticky-display) .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:nth-child(3) {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(56, 33, 74, 0.5);
}
.qodef-header--light:not(.qodef-header--sticky-display) .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(255, 255, 255, 0.5) !important;
}
.qodef-header--dark:not(.qodef-header--sticky-display) .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-close-icon .qodef-circles {
color: #38214a;
}
.qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-close-icon .qodef-circles .qodef-circles-row.qodef-cr-1 .qodef-circle:nth-child(2), .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-close-icon .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
opacity: 0 !important;
}
.qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-close-icon .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:first-child, .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-close-icon .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:nth-child(3) {
opacity: 0 !important;
}
.qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-close-icon .qodef-circles:hover .qodef-circles-row.qodef-cr-1 .qodef-circle, .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-close-icon .qodef-circles:hover .qodef-circles-row.qodef-cr-2 .qodef-circle, .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-close-icon .qodef-circles:hover .qodef-circles-row.qodef-cr-3 .qodef-circle {
opacity: .5;
}
.qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-close-icon .qodef-circles:hover .qodef-circles-row.qodef-cr-2 .qodef-circle:nth-child(2) {
opacity: 1;
}
.qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-open-icon,
.qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-close-icon {
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-close-icon {
visibility: hidden;
opacity: 0;
}
.qodef-header--light .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined {
color: #fff;
}
.qodef-header--light .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles-row .qodef-circle {
background-color: #fff !important;
}
.qodef-header--light .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles-row.qodef-cr-1 .qodef-circle:nth-child(2), .qodef-header--light .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(255, 255, 255, 0.5) !important;
}
.qodef-header--light .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles-row.qodef-cr-2 .qodef-circle:first-child, .qodef-header--light .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles-row.qodef-cr-2 .qodef-circle:nth-child(3) {
background-color: rgba(255, 255, 255, 0.5) !important;
}
.qodef-header--light .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(255, 255, 255, 0.5) !important;
}
.qodef-header--light .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-close-icon .qodef-circles {
color: #fff !important;
}
.qodef-header--dark .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined {
color: #000;
}
.qodef-header--dark .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles-row .qodef-circle {
background-color: #000 !important;
}
.qodef-header--dark .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles-row.qodef-cr-1 .qodef-circle:nth-child(2), .qodef-header--dark .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.qodef-header--dark .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles-row.qodef-cr-2 .qodef-circle:first-child, .qodef-header--dark .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles-row.qodef-cr-2 .qodef-circle:nth-child(3) {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.qodef-header--dark .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined:hover .qodef-open-icon .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.qodef-header--dark .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-close-icon .qodef-circles {
color: #000 !important;
}
/* Vertical header style - end */
/* ==========================================================================
Header Vertical navigation style - begin
========================================================================== */
.qodef-header--vertical-closed #qodef-page-header.active .qodef-header-vertical-navigation {
opacity: 1;
-webkit-transition-delay: .35s;
-o-transition-delay: .35s;
transition-delay: .35s;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation {
margin: 58px 0 31px 40px;
padding: 0;
z-index: 100;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation ul {
position: relative;
list-style-type: none;
padding: 0;
margin: 0;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation ul li {
position: relative;
padding: 0;
margin: 0;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation ul li a {
position: relative;
display: block;
margin: 0;
padding: 2px 0;
color: #8b8395;
-webkit-transition: all .35s ease-out, padding .3s ease;
-o-transition: all .35s ease-out, padding .3s ease;
transition: all .35s ease-out, padding .3s ease;
}
.qodef-header--light.qodef-header--vertical-closed .qodef-header-vertical-navigation ul li a {
color: #fff !important;
}
.qodef-header--dark.qodef-header--vertical-closed .qodef-header-vertical-navigation ul li a {
color: #000 !important;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation ul li a:hover {
padding-left: 8px;
color: #5d516c;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation ul li a:hover .qodef-menu-arrow {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation ul li a .qodef-menu-item-icon {
margin-right: 5px;
vertical-align: middle;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation ul li.current_page_item > a,
.qodef-header--vertical-closed .qodef-header-vertical-navigation ul li.current-menu-item > a,
.qodef-header--vertical-closed .qodef-header-vertical-navigation ul li.current-menu-ancestor > a {
padding-left: 8px;
color: #5d516c;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation ul li ul {
padding: 6px 0;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation ul li .qodef-drop-down-second {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation ul li .qodef-drop-down-second .qodef-drop-down-second-inner {
position: relative;
display: block;
padding: 0;
z-index: 997;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul:hover > li:hover > a {
color: #38214a;
}
.qodef-header--light.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul:hover > li:hover > a {
color: #fff !important;
}
.qodef-header--dark.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul:hover > li:hover > a {
color: #000 !important;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul:hover > li > a {
padding-left: 0;
color: rgba(56, 33, 74, 0.5);
}
.qodef-header--light.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul:hover > li > a {
color: rgba(255, 255, 255, 0.5) !important;
}
.qodef-header--dark.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul:hover > li > a {
color: rgba(0, 0, 0, 0.5) !important;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul > li > a {
padding: 11px 0;
font-family: "Poppins", sans-serif;
font-size: 15px;
font-weight: 600;
letter-spacing: -0.01em;
color: #38214a;
}
.qodef-header--light.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul > li > a {
color: #fff !important;
}
.qodef-header--dark.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul > li > a {
color: #000 !important;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul > li.current_page_item > a,
.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul > li.current-menu-item > a,
.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a {
padding-left: 0;
color: rgba(56, 33, 74, 0.5);
}
.qodef-header--light.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul > li.current_page_item > a,
.qodef-header--light.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul > li.current-menu-item > a,
.qodef-header--light.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a {
color: rgba(255, 255, 255, 0.5) !important;
}
.qodef-header--dark.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul > li.current_page_item > a,
.qodef-header--dark.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul > li.current-menu-item > a,
.qodef-header--dark.qodef-header--vertical-closed .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a {
color: rgba(0, 0, 0, 0.5) !important;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation.qodef-vertical-drop-down--below ul li .qodef-drop-down-second {
display: none;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation.qodef-vertical-drop-down--side .qodef-drop-down-second {
position: absolute;
top: 0;
width: 100%;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation.qodef-vertical-drop-down--side .qodef-drop-down-second ul {
position: absolute;
top: -23px;
left: calc(100% + 40px);
width: 254px;
background-color: #fff;
padding: 25px 20px;
margin-left: 50px;
visibility: hidden;
opacity: 0;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation.qodef-vertical-drop-down--side .qodef-drop-down-second ul * {
visibility: inherit;
-webkit-transition: visibility .2s ease;
-o-transition: visibility .2s ease;
transition: visibility .2s ease;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation.qodef-vertical-drop-down--side .qodef-drop-down-second ul.qodef-float--open {
margin-left: 0;
opacity: 1;
visibility: visible;
z-index: 900;
}
.qodef-header--vertical-closed .qodef-header-vertical-navigation.qodef-vertical-drop-down--side .qodef-drop-down-second ul ul {
top: -25px;
left: calc(100% + 20px);
visibility: hidden;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
/* ==========================================================================
Header Vertical navigation style - end
========================================================================== */
/* Vertical header style - start */
@media only screen and (min-width: 1367px) and (max-width: 1680px) {
.qodef-content-grid-1400.qodef-header--vertical .qodef-content-grid {
width: 1100px;
}
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
.qodef-content-grid-1400.qodef-header--vertical .qodef-content-grid {
width: 960px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
.qodef-content-grid-1400.qodef-header--vertical .qodef-content-grid {
width: 768px;
}
}
@media only screen and (min-width: 1367px) and (max-width: 1680px) {
.qodef-content-grid-1300.qodef-header--vertical .qodef-content-grid {
width: 1100px;
}
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
.qodef-content-grid-1300.qodef-header--vertical .qodef-content-grid {
width: 960px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
.qodef-content-grid-1300.qodef-header--vertical .qodef-content-grid {
width: 768px;
}
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
.qodef-content-grid-1200.qodef-header--vertical .qodef-content-grid {
width: 1100px;
}
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
.qodef-content-grid-1200.qodef-header--vertical .qodef-content-grid {
width: 960px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
.qodef-content-grid-1200.qodef-header--vertical .qodef-content-grid {
width: 768px;
}
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
.qodef-content-grid-1100.qodef-header--vertical .qodef-content-grid {
width: 960px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
.qodef-content-grid-1100.qodef-header--vertical .qodef-content-grid {
width: 768px;
}
}
.qodef-header--vertical #qodef-page-header {
position: fixed;
top: 0;
left: 0;
width: 340px;
height: 100%;
background-color: #fff;
z-index: 100;
}
.qodef-header--vertical #qodef-page-header-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 40px 60px 10px;
}
.qodef-header--vertical #qodef-page-header-inner .qodef-header-navigation ul {
display: block;
}
.qodef-header--vertical #qodef-page-header-inner .qodef-header-navigation ul > li {
margin: 0;
}
.qodef-header--vertical #qodef-page-header-inner .qodef-vertical-widget-holder {
display: block;
}
.qodef-header--vertical.admin-bar #qodef-page-header {
top: 32px;
height: calc(100% - 32px);
}
.qodef-header--vertical #qodef-page-outer,
.qodef-header--vertical #qodef-page-footer {
padding-left: 340px;
}
/* Vertical header style - end */
/* ==========================================================================
Header Vertical navigation style - begin
========================================================================== */
.qodef-header--vertical .qodef-header-vertical-navigation {
margin: 0 0 66px;
padding: 0;
z-index: 100;
width: 100%;
}
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
.qodef-header--vertical .qodef-header-vertical-navigation {
margin: 40px 0 20px;
}
}
.qodef-header--vertical .qodef-header-vertical-navigation ul {
position: relative;
list-style-type: none;
padding: 0;
margin: 0;
}
.qodef-header--vertical .qodef-header-vertical-navigation ul li {
position: relative;
padding: 0;
margin: 0;
}
.qodef-header--vertical .qodef-header-vertical-navigation ul li a {
position: relative;
display: block;
margin: 0;
padding: 2px 0;
color: #8b8395;
-webkit-transition: all .35s ease-out, padding .3s ease;
-o-transition: all .35s ease-out, padding .3s ease;
transition: all .35s ease-out, padding .3s ease;
}
.qodef-header--light.qodef-header--vertical .qodef-header-vertical-navigation ul li a {
color: #fff !important;
}
.qodef-header--dark.qodef-header--vertical .qodef-header-vertical-navigation ul li a {
color: #000 !important;
}
.qodef-header--vertical .qodef-header-vertical-navigation ul li a:hover {
padding-left: 8px;
color: #5d516c;
}
.qodef-header--vertical .qodef-header-vertical-navigation ul li a:hover .qodef-menu-arrow {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.qodef-header--vertical .qodef-header-vertical-navigation ul li a .qodef-menu-item-icon {
margin-right: 5px;
vertical-align: middle;
}
.qodef-header--vertical .qodef-header-vertical-navigation ul li.current_page_item > a,
.qodef-header--vertical .qodef-header-vertical-navigation ul li.current-menu-item > a,
.qodef-header--vertical .qodef-header-vertical-navigation ul li.current-menu-ancestor > a {
padding-left: 8px;
color: #5d516c;
}
.qodef-header--vertical .qodef-header-vertical-navigation ul li ul {
padding: 6px 0;
}
.qodef-header--vertical .qodef-header-vertical-navigation ul li .qodef-drop-down-second {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.qodef-header--vertical .qodef-header-vertical-navigation ul li .qodef-drop-down-second .qodef-drop-down-second-inner {
position: relative;
display: block;
padding: 0;
z-index: 997;
}
.qodef-header--vertical .qodef-header-vertical-navigation > ul:hover > li:hover > a {
color: #38214a;
}
.qodef-header--light.qodef-header--vertical .qodef-header-vertical-navigation > ul:hover > li:hover > a {
color: #fff !important;
}
.qodef-header--dark.qodef-header--vertical .qodef-header-vertical-navigation > ul:hover > li:hover > a {
color: #000 !important;
}
.qodef-header--vertical .qodef-header-vertical-navigation > ul:hover > li > a {
padding-left: 0;
color: rgba(56, 33, 74, 0.5);
}
.qodef-header--light.qodef-header--vertical .qodef-header-vertical-navigation > ul:hover > li > a {
color: rgba(255, 255, 255, 0.5) !important;
}
.qodef-header--dark.qodef-header--vertical .qodef-header-vertical-navigation > ul:hover > li > a {
color: rgba(0, 0, 0, 0.5) !important;
}
.qodef-header--vertical .qodef-header-vertical-navigation > ul > li > a {
padding: 11px 0;
font-family: "Poppins", sans-serif;
font-size: 15px;
font-weight: 600;
letter-spacing: -0.01em;
color: #38214a;
}
.qodef-header--light.qodef-header--vertical .qodef-header-vertical-navigation > ul > li > a {
color: #fff !important;
}
.qodef-header--dark.qodef-header--vertical .qodef-header-vertical-navigation > ul > li > a {
color: #000 !important;
}
.qodef-header--vertical .qodef-header-vertical-navigation > ul > li.current_page_item > a,
.qodef-header--vertical .qodef-header-vertical-navigation > ul > li.current-menu-item > a,
.qodef-header--vertical .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a {
padding-left: 0;
color: rgba(56, 33, 74, 0.5);
}
.qodef-header--light.qodef-header--vertical .qodef-header-vertical-navigation > ul > li.current_page_item > a,
.qodef-header--light.qodef-header--vertical .qodef-header-vertical-navigation > ul > li.current-menu-item > a,
.qodef-header--light.qodef-header--vertical .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a {
color: rgba(255, 255, 255, 0.5) !important;
}
.qodef-header--dark.qodef-header--vertical .qodef-header-vertical-navigation > ul > li.current_page_item > a,
.qodef-header--dark.qodef-header--vertical .qodef-header-vertical-navigation > ul > li.current-menu-item > a,
.qodef-header--dark.qodef-header--vertical .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a {
color: rgba(0, 0, 0, 0.5) !important;
}
.qodef-header--vertical .qodef-header-vertical-navigation.qodef-vertical-drop-down--below ul li .qodef-drop-down-second {
display: none;
}
.qodef-header--vertical .qodef-header-vertical-navigation.qodef-vertical-drop-down--side .qodef-drop-down-second {
position: absolute;
top: 0;
width: 100%;
}
.qodef-header--vertical .qodef-header-vertical-navigation.qodef-vertical-drop-down--side .qodef-drop-down-second ul {
position: absolute;
top: -23px;
left: calc(100% + 40px);
width: 254px;
background-color: #fff;
padding: 25px 20px;
margin-left: 50px;
visibility: hidden;
opacity: 0;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.qodef-header--vertical .qodef-header-vertical-navigation.qodef-vertical-drop-down--side .qodef-drop-down-second ul * {
visibility: inherit;
-webkit-transition: visibility .2s ease;
-o-transition: visibility .2s ease;
transition: visibility .2s ease;
}
.qodef-header--vertical .qodef-header-vertical-navigation.qodef-vertical-drop-down--side .qodef-drop-down-second ul.qodef-float--open {
margin-left: 0;
opacity: 1;
visibility: visible;
z-index: 900;
}
.qodef-header--vertical .qodef-header-vertical-navigation.qodef-vertical-drop-down--side .qodef-drop-down-second ul ul {
top: -25px;
left: calc(100% + 20px);
visibility: hidden;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
/* ==========================================================================
Header Vertical navigation style - end
========================================================================== */
/* Fixed header style - start */
.qodef-header--fixed-display #qodef-top-area,
.qodef-header--fixed-display #qodef-page-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.qodef--boxed.qodef-header--fixed-display #qodef-top-area, .qodef-header--fixed-display #qodef-page-header {
left: 30px;
width: calc(100% - 60px);
}
.qodef-header--fixed-display.admin-bar #qodef-top-area,
.qodef-header--fixed-display.admin-bar #qodef-page-header {
top: 32px;
}
/* Fixed header style - end */
/* Sticky header style - start */
.qodef-header-sticky {
position: fixed;
top: 0;
left: 0;
height: 70px;
width: 100%;
padding: 0 50px;
background-color: #fff;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: top 0.5s ease, -webkit-transform 0.5s ease;
transition: top 0.5s ease, -webkit-transform 0.5s ease;
-o-transition: transform 0.5s ease, top 0.5s ease;
transition: transform 0.5s ease, top 0.5s ease;
transition: transform 0.5s ease, top 0.5s ease, -webkit-transform 0.5s ease;
z-index: 100;
}
.qodef-header-sticky .qodef-header-sticky-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
}
.qodef-header-standard--right .qodef-header-sticky .qodef-header-sticky-inner .qodef-header-logo-link {
margin-right: auto;
}
.qodef-header-standard--left .qodef-header-sticky .qodef-header-sticky-inner {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.qodef-header-standard--left .qodef-header-sticky .qodef-header-sticky-inner .qodef-header-navigation {
margin-left: 20px;
}
.qodef-header-standard--left .qodef-header-sticky .qodef-header-sticky-inner .qodef-widget-holder {
margin-left: auto;
}
.qodef-header--sticky-display .qodef-header-sticky {
-webkit-box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.admin-bar.qodef-header--sticky-display .qodef-header-sticky {
top: 32px;
}
/* Sticky header style - end */
/* ==========================================================================
Top area style - begin
========================================================================== */
#qodef-top-area {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 40px;
padding: 0 50px;
background-color: #000;
z-index: 101;
/* Header has Z-index 100, top header has greater value because of dropdown in header top (wpml) */
}
#qodef-top-area .widget {
display: inline-block;
vertical-align: middle;
line-height: 1;
}
#qodef-top-area .widget .textwidget > * {
margin: 0;
}
/* ==========================================================================
Top area style - end
========================================================================== */
/* ==========================================================================
Instagram List shortcode styles
========================================================================== */
.qodef-instagram-list #sb_instagram #sbi_images .sbi_photo_wrap a {
background-image: none !important;
height: auto !important;
border-radius: 4px;
overflow: hidden;
opacity: 1 !important;
}
.qodef-instagram-list #sb_instagram #sbi_images .sbi_photo_wrap a:after {
font-family: 'Font Awesome 5 Brands';
content: "\f16d";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
font-size: 15px;
color: #fff;
opacity: 0;
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
}
.qodef-instagram-list #sb_instagram #sbi_images .sbi_photo_wrap a:hover:after {
opacity: 1;
}
.qodef-instagram-list #sb_instagram #sbi_images .sbi_photo_wrap a img {
display: inline-block !important;
max-width: unset !important;
width: calc(100% + 40px) !important;
height: calc(100% + 40px) !important;
margin-top: -20px !important;
margin-left: -20px !important;
margin-bottom: -20px !important;
}
.qodef-instagram-list.qodef-gutter--no.qodef--no-bottom-space {
margin-bottom: 0;
}
.qodef-instagram-list.qodef-gutter--no #sb_instagram #sbi_images {
float: none;
padding: 0 !important;
width: auto;
margin: 0;
}
.qodef-instagram-list.qodef-gutter--no #sb_instagram #sbi_images > .sbi_item {
padding: 0 !important;
margin: 0 !important;
}
.qodef-instagram-list.qodef-gutter--tiny.qodef--no-bottom-space {
margin-bottom: -10px;
}
.qodef-instagram-list.qodef-gutter--tiny #sb_instagram #sbi_images {
float: none;
padding: 0 !important;
width: auto;
margin: 0 -5px;
}
.qodef-instagram-list.qodef-gutter--tiny #sb_instagram #sbi_images > .sbi_item {
padding: 0 5px !important;
margin: 0 0 10px !important;
}
.qodef-instagram-list.qodef-gutter--small.qodef--no-bottom-space {
margin-bottom: -20px;
}
.qodef-instagram-list.qodef-gutter--small #sb_instagram #sbi_images {
float: none;
padding: 0 !important;
width: auto;
margin: 0 -10px;
}
.qodef-instagram-list.qodef-gutter--small #sb_instagram #sbi_images > .sbi_item {
padding: 0 10px !important;
margin: 0 0 20px !important;
}
.qodef-instagram-list.qodef-gutter--normal.qodef--no-bottom-space {
margin-bottom: -30px;
}
.qodef-instagram-list.qodef-gutter--normal #sb_instagram #sbi_images {
float: none;
padding: 0 !important;
width: auto;
margin: 0 -15px;
}
.qodef-instagram-list.qodef-gutter--normal #sb_instagram #sbi_images > .sbi_item {
padding: 0 15px !important;
margin: 0 0 30px !important;
}
.qodef-instagram-list.qodef-gutter--medium.qodef--no-bottom-space {
margin-bottom: -40px;
}
.qodef-instagram-list.qodef-gutter--medium #sb_instagram #sbi_images {
float: none;
padding: 0 !important;
width: auto;
margin: 0 -20px;
}
.qodef-instagram-list.qodef-gutter--medium #sb_instagram #sbi_images > .sbi_item {
padding: 0 20px !important;
margin: 0 0 40px !important;
}
.qodef-instagram-list.qodef-gutter--large.qodef--no-bottom-space {
margin-bottom: -80px;
}
.qodef-instagram-list.qodef-gutter--large #sb_instagram #sbi_images {
float: none;
padding: 0 !important;
width: auto;
margin: 0 -40px;
}
.qodef-instagram-list.qodef-gutter--large #sb_instagram #sbi_images > .sbi_item {
padding: 0 40px !important;
margin: 0 0 80px !important;
}
.qodef-instagram-list.qodef-gutter--huge.qodef--no-bottom-space {
margin-bottom: -110px;
}
.qodef-instagram-list.qodef-gutter--huge #sb_instagram #sbi_images {
float: none;
padding: 0 !important;
width: auto;
margin: 0 -55px;
}
.qodef-instagram-list.qodef-gutter--huge #sb_instagram #sbi_images > .sbi_item {
padding: 0 55px !important;
margin: 0 0 110px !important;
}
.qodef-instagram-list #sb_instagram {
padding-bottom: 0 !important;
}
@media only screen and (min-width: 681px) and (max-width: 768px) {
.qodef-instagram-list #sb_instagram.sbi_col_8 #sbi_images .sbi_item {
width: 50%;
}
}
/* ==========================================================================
Instagram List shortcode styles
========================================================================== */
/* Logo style - start */
#qodef-page-mobile-header .qodef-header-logo-image.qodef--customizer {
max-height: 100%;
width: auto;
margin-right: auto;
}
#qodef-page-mobile-header .qodef-mobile-header-logo-link img.qodef--main {
opacity: 1;
}
#qodef-page-mobile-header .qodef-mobile-header-logo-link img.qodef--dark, #qodef-page-mobile-header .qodef-mobile-header-logo-link img.qodef--light {
opacity: 0;
}
#qodef-page-mobile-header .qodef-mobile-header-logo-link img:not(.qodef--main) {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
/* Logo style - end */
#qodef-page-mobile-header {
background-color: #fff;
}
.qodef-mobile-header--sticky #qodef-page-mobile-header {
width: 100%;
position: fixed;
top: 0;
left: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.qodef-mobile-header--sticky-animation #qodef-page-mobile-header {
-webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease;
transition: top 0.3s ease, -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease, top 0.3s ease;
transition: transform 0.3s ease, top 0.3s ease;
transition: transform 0.3s ease, top 0.3s ease, -webkit-transform 0.3s ease;
}
.qodef-mobile-header--sticky-display #qodef-page-mobile-header {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.admin-bar.qodef-mobile-header--sticky-display #qodef-page-mobile-header {
top: 46px;
}
/* ==========================================================================
Mobile Header styles
========================================================================== */
#qodef-mobile-header-navigation ul li .qodef-menu-arrow {
display: none;
}
#qodef-mobile-header-navigation ul li.qodef-hide-link > a {
cursor: default;
}
#qodef-mobile-header-navigation ul li.menu-item-has-children > .qodef-menu-arrow {
position: absolute;
top: 3px;
right: 0;
display: block;
width: 30px;
height: 30px;
font-size: 16px;
line-height: 28px;
cursor: pointer;
color: #5d516c;
}
#qodef-mobile-header-navigation ul li.menu-item-has-children > .qodef-menu-arrow:after {
color: inherit;
display: block;
line-height: inherit;
content: '';
font-family: "Ionicons";
font-style: normal;
text-align: center;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
#qodef-mobile-header-navigation ul li.menu-item-has-children.qodef--opened > .qodef-menu-arrow:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
/* Standard header layout style - start */
.qodef-mobile-header--minimal #qodef-page-mobile-header #qodef-page-mobile-header-inner {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.qodef-mobile-header--minimal #qodef-page-mobile-header #qodef-page-mobile-header-inner .qodef-mobile-header-logo-link {
margin-right: auto;
}
.qodef-mobile-header--minimal #qodef-page-mobile-header #qodef-page-mobile-header-inner .qodef-fullscreen-menu-opener {
margin-left: 20px;
}
.qodef-fullscreen-menu--opened #qodef-page-mobile-header .qodef-mobile-header-logo-link img.qodef--light {
opacity: 1;
}
.qodef-fullscreen-menu--opened #qodef-page-mobile-header .qodef-mobile-header-logo-link img.qodef--main, .qodef-fullscreen-menu--opened #qodef-page-mobile-header .qodef-mobile-header-logo-link img.qodef--dark {
opacity: 0;
}
/* Standard header layout style - end */
/* Standard header layout style - start */
.qodef-mobile-header--standard #qodef-page-mobile-header #qodef-page-mobile-header-inner {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.qodef-mobile-header--standard #qodef-page-mobile-header #qodef-page-mobile-header-inner .qodef-mobile-header-logo-link {
margin-right: auto;
}
/* Standard header layout style - end */
.qodef-header-navigation ul li a .qodef-menu-item-icon {
margin-right: 5px;
vertical-align: middle;
}
.qodef-header-navigation ul li .qodef-drop-down-second {
position: absolute;
top: 100%;
left: 0;
display: block;
width: auto;
height: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
z-index: 10;
}
.qodef-header-navigation ul li .qodef-drop-down-second.qodef-drop-down--start {
opacity: 1;
visibility: visible;
overflow: visible;
z-index: 20;
-webkit-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second {
background-color: #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.qodef-drop-down-second--full-width .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second {
width: 100vw;
}
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second .qodef-drop-down-second-inner ul {
margin-top: 4px;
}
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second .qodef-drop-down-second-inner ul li a {
font-size: 14px;
line-height: 31px;
font-weight: 400;
color: #5d516c;
}
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second .qodef-drop-down-second-inner ul li a:hover {
color: rgba(93, 81, 108, 0.7);
padding-left: 8px;
}
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second .qodef-drop-down-second-inner ul li.current-menu-item a {
color: rgba(93, 81, 108, 0.7);
padding-left: 8px;
}
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second .qodef-drop-down-second-inner ul li .qodef-mega-menu-widget-holder a:hover {
padding-left: 0;
}
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second .qodef-drop-down-second-inner > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 23px 0 32px;
margin: 0;
}
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second .qodef-drop-down-second-inner > ul > li {
-webkit-box-flex: 1;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
padding: 0;
}
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second .qodef-drop-down-second-inner > ul > li.qodef--hide-link > a {
pointer-events: none;
}
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second .qodef-drop-down-second-inner > ul > li > a {
font-size: 15px;
line-height: 1.625;
font-weight: 600;
letter-spacing: -.01em;
color: #38214a;
}
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second .qodef-drop-down-second-inner .qodef-mega-menu-widget-holder {
margin-top: 16px;
}
.qodef-header-navigation ul li.qodef-menu-item--narrow .qodef-drop-down-second.qodef-drop-down--right {
left: auto;
right: 0;
}
.qodef-header-navigation ul li.qodef-menu-item--narrow .qodef-drop-down-second-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-header-navigation ul li.qodef-menu-item--narrow .qodef-drop-down-second-inner > ul {
position: relative;
top: auto;
opacity: 1;
visibility: visible;
}
/* ==========================================================================
#Parallax Background styles - start
========================================================================== */
.qodef-parallax {
position: relative;
/* set height for parallax item px, vh, % etc. */
width: 100vw;
overflow: hidden;
}
.qodef-parallax:not(.qodef-page-title) {
height: 100vh;
}
.qodef-parallax-img-holder {
position: absolute;
/* set values:
top = -x%,
height = (100 + x)%
*/
top: -50%;
height: 150%;
left: 0;
width: 100%;
opacity: 0;
}
.touchevents .qodef-parallax-img-holder,
.qodef-browser--edge .qodef-parallax-img-holder,
.qodef-browser--ms-explorer .qodef-parallax-img-holder {
top: 0;
/*height: 100%;*/
opacity: 1;
}
.qodef-parallax-content-holder {
position: relative;
z-index: 99;
}
.qodef-parallax-img-wrapper {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
will-change: transform;
}
.qodef-parallax-img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.touchevents .qodef-parallax-img,
.qodef-browser--edge .qodef-parallax-img,
.qodef-browser--ms-explorer .qodef-parallax-img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
/* ==========================================================================
#Parallax Background styles - end
========================================================================== */
/* ==========================================================================
Product Categories List Info on Image styles
========================================================================== */
.qodef-woo-product-categories-list.qodef-item-layout--info-on-image .product-category a,
.qodef-woo-product-list .product-category a {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
display: inline;
}
.qodef-woo-product-categories-list.qodef-item-layout--info-on-image .product-category .woocommerce-loop-category__title,
.qodef-woo-product-list .product-category .woocommerce-loop-category__title {
background-color: #ffffff;
left: 50%;
margin: 0;
padding: 12px 41px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
}
.qodef-woo-product-categories-list.qodef-item-layout--info-on-image .count,
.qodef-woo-product-list .count {
display: none;
}
/* ==========================================================================
Product List Info on Image styles
========================================================================== */
.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart,
.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button {
margin-top: 20px !important;
}
/* ==========================================================================
WooCommerce DropDown Cart styles
========================================================================== */
.widget_neobeat_core_woo_dropdown_cart {
height: 100%;
}
.qodef-woo-dropdown-cart {
position: relative;
display: inline-block;
vertical-align: top;
height: 100%;
padding: 0 10px;
}
.qodef-woo-dropdown-cart .qodef-m-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
height: 100%;
}
.qodef-woo-dropdown-cart .qodef-m-opener {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
font-family: "Poppins", sans-serif;
font-size: 15px;
font-weight: 600;
letter-spacing: -0.01em;
color: #38214a;
}
.qodef-header--light #qodef-page-header .qodef-woo-dropdown-cart .qodef-m-opener {
color: #fff;
}
.qodef-header--dark #qodef-page-header .qodef-woo-dropdown-cart .qodef-m-opener {
color: #000;
}
.qodef-woo-dropdown-cart .qodef-m-opener-icon {
margin-right: 2px;
}
.qodef-woo-dropdown-cart .qodef-m-dropdown {
position: absolute;
top: 100%;
left: auto;
right: 0;
text-align: left;
max-height: 0;
overflow: hidden;
-webkit-box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.qodef-woo-dropdown-cart .qodef-m-dropdown-inner {
position: relative;
display: inline-block;
vertical-align: top;
width: 303px;
padding: 30px;
background-color: #fff;
-webkit-box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.qodef-woo-dropdown-cart .qodef-woo-dropdown-items {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
#qodef-top-area .qodef-woo-dropdown-cart .qodef-woo-dropdown-items {
color: #5d516c;
}
#qodef-top-area .qodef-woo-dropdown-cart .qodef-woo-dropdown-items a {
color: #5d516c;
}
#qodef-top-area .qodef-woo-dropdown-cart .qodef-woo-dropdown-items a:hover {
color: #f8e7e5;
}
.qodef-woo-dropdown-cart .qodef-woo-dropdown-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 15px;
}
.qodef-woo-dropdown-cart .qodef-woo-dropdown-item:first-child {
margin-top: 0;
}
.qodef-woo-dropdown-cart .qodef-e-image {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 82px;
margin-right: 20px;
}
.qodef-woo-dropdown-cart .qodef-e-image a, .qodef-woo-dropdown-cart .qodef-e-image img {
display: block;
}
.qodef-woo-dropdown-cart .qodef-e-image img {
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.qodef-woo-dropdown-cart .qodef-e-content {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
padding-right: 20px;
}
.qodef-woo-dropdown-cart .qodef-e-title {
margin: 0;
}
.qodef-woo-dropdown-cart .qodef-e-quantity-and-price-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 2px 0 0;
line-height: 1;
}
.qodef-woo-dropdown-cart .qodef-e-price,
.qodef-woo-dropdown-cart .qodef-e-quantity {
display: inline-block;
margin: 0;
font-weight: 400;
}
.qodef-woo-dropdown-cart .qodef-e-quantity {
margin-right: 5px;
}
.qodef-woo-dropdown-cart .qodef-e-remove {
position: absolute;
top: -12px;
right: 0;
font-size: 20px;
line-height: 1;
}
.qodef-woo-dropdown-cart .qodef-m-order-details {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 26px;
}
.qodef-woo-dropdown-cart .qodef-m-order-details > * {
margin: 0;
}
#qodef-top-area .qodef-woo-dropdown-cart .qodef-m-order-details {
color: #5d516c;
}
.qodef-woo-dropdown-cart .qodef-m-action {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-woo-dropdown-cart .qodef-m-buttons-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 23px;
}
.qodef-woo-dropdown-cart .qodef-m-action-link {
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
margin: 0;
font-family: inherit;
font-size: 14px;
line-height: 2em;
font-weight: 600;
text-decoration: none;
border-radius: 4em;
outline: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: color .35s ease-out, background-color .35s ease-out, border-color .35s ease-out, all .35s ease-out;
-o-transition: color .35s ease-out, background-color .35s ease-out, border-color .35s ease-out, all .35s ease-out;
transition: color .35s ease-out, background-color .35s ease-out, border-color .35s ease-out, all .35s ease-out;
-webkit-box-shadow: 0px 0px 15px 0px rgba(245, 216, 212, 0.7);
box-shadow: 0px 0px 15px 0px rgba(245, 216, 212, 0.7);
padding: 7px 26px;
font-size: 12px;
}
.qodef-woo-dropdown-cart .qodef-m-action-link.view-cart {
color: #38214a;
background-color: #fff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(245, 216, 212, 0.7);
box-shadow: 0px 0px 15px 0px rgba(245, 216, 212, 0.7);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
border: none;
}
.qodef-woo-dropdown-cart .qodef-m-action-link.view-cart:hover {
-webkit-box-shadow: 0px 10px 25px 0px rgba(245, 216, 212, 0.7) !important;
box-shadow: 0px 10px 25px 0px rgba(245, 216, 212, 0.7) !important;
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.qodef-woo-dropdown-cart .qodef-m-action-link.checkout {
color: #fff !important;
background-color: #38214a !important;
-webkit-box-shadow: 0px 0px 15px 0px rgba(56, 33, 74, 0) !important;
box-shadow: 0px 0px 15px 0px rgba(56, 33, 74, 0) !important;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
border: none;
}
.qodef-woo-dropdown-cart .qodef-m-action-link.checkout:hover {
-webkit-box-shadow: 0px 10px 25px 0px rgba(56, 33, 74, 0.5) !important;
box-shadow: 0px 10px 25px 0px rgba(56, 33, 74, 0.5) !important;
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.touchevents .qodef-woo-dropdown-cart {
cursor: pointer;
}
.qodef-woo-dropdown-cart:hover .qodef-m-dropdown {
max-height: 100vh;
pointer-events: auto;
-webkit-transition: 0.5s cubic-bezier(0.66, 0.14, 0.58, 1) 0.1s;
-o-transition: 0.5s cubic-bezier(0.66, 0.14, 0.58, 1) 0.1s;
transition: 0.5s cubic-bezier(0.66, 0.14, 0.58, 1) 0.1s;
}
/* ==========================================================================
Album Single styles
========================================================================== */
.qodef-album {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin-bottom: 20px;
/* ==========================================================================
Album Single part styles
========================================================================== */
/* ==========================================================================
Album Single part styles
========================================================================== */
/* ==========================================================================
Album Single part styles
========================================================================== */
/* ==========================================================================
Album Single part styles
========================================================================== */
/* ==========================================================================
Album Single part styles
========================================================================== */
/* ==========================================================================
Album Single part styles
========================================================================== */
}
.qodef-album .qodef-album-item {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-album .qodef-e-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 -35px;
}
.qodef-album .qodef-e-inner > * {
position: relative;
padding: 0 35px;
width: 50%;
}
.qodef-album .qodef-e-media {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.qodef-album .qodef-album-player {
width: 100%;
}
.qodef-album .qodef-album-player .qodef-m-album-image img {
width: 100%;
border-radius: 5px;
}
.qodef-album .qodef-e-label {
margin: 0 0 18px;
}
.qodef-album .qodef-e-content-text {
margin: 10px 0 31px;
}
.qodef-album .qodef-e-info-items {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-album .qodef-e-socials {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.qodef-album .qodef-e-socials .qodef-e-label {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.qodef-album .qodef-e-socials .qodef-e-label:after {
content: ':';
}
.qodef-album .qodef-e-info-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 2px 0;
}
@media only screen and (max-width: 680px) {
.qodef-album .qodef-e-info-item {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.qodef-album .qodef-e-info-item.qodef-info--genres .qodef-e-info-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.qodef-album .qodef-e-info-item.qodef-info--genres .qodef-e-info-content *:not(:last-child):after {
content: ',';
margin-right: 5px;
}
.qodef-album .qodef-e-info-item > * {
margin: 0;
line-height: inherit;
}
.qodef-album .qodef-e-info-item .qodef-e-label {
margin-right: 4px;
}
.qodef-album .qodef-e-info-item .qodef-e-label:after {
content: ':';
}
.qodef-album .qodef-e-info-item .qodef-e-info-content {
font-size: 14px;
line-height: 1.5em;
font-weight: 400;
color: #5d516c;
}
@media only screen and (max-width: 680px) {
.qodef-album .qodef-e-info-item .qodef-e-info-content {
padding-top: 3px;
}
}
.qodef-album .qodef-e-info-item .qodef-e-info-content-link {
display: block;
font-size: 14px;
line-height: 1.5em;
font-weight: 400;
color: #5d516c;
color: #38214a;
}
.qodef-album .qodef-e-info-item .qodef-e-info-content-link:hover {
color: #5d516c;
}
.qodef-album .qodef-e-lyrics {
margin-top: 60px;
margin-bottom: 10px;
}
.qodef-album .qodef-e-lyrics .qodef-e-label {
margin-bottom: 27px;
}
.qodef-album .qodef-e-stores {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-album .qodef-e-stores-items {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.qodef-album .qodef-e-stores-items .qodef-ei-item {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 20px 15px 0;
-webkit-transition: color .35s ease-out, background-color .35s ease-out, border-color .35s ease-out, all .35s ease-out;
-o-transition: color .35s ease-out, background-color .35s ease-out, border-color .35s ease-out, all .35s ease-out;
transition: color .35s ease-out, background-color .35s ease-out, border-color .35s ease-out, all .35s ease-out;
}
.qodef-album .qodef-e-stores-items .qodef-ei-item:last-child {
margin-right: 0;
}
.qodef-album .qodef-e-stores-items svg {
display: block;
margin: auto;
width: 20px;
height: auto;
fill: currentColor;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.qodef-album .qodef-e-stores-items.qodef-layout--icon .qodef-ei-item {
width: 60px;
height: 60px;
color: #38214a;
background-color: #fff;
border-radius: 100%;
-webkit-box-shadow: 0px 0px 15px 0px rgba(245, 216, 212, 0.7);
box-shadow: 0px 0px 15px 0px rgba(245, 216, 212, 0.7);
}
.qodef-album .qodef-e-stores-items.qodef-layout--icon .qodef-ei-item:hover {
-webkit-box-shadow: 0px 10px 25px 0px rgba(245, 216, 212, 0.7);
box-shadow: 0px 10px 25px 0px rgba(245, 216, 212, 0.7);
}
.qodef-album .qodef-e-stores-items.qodef-layout--button .qodef-ei-item {
height: 48px;
padding: 10px 28px;
border-radius: 30px;
color: #38214a;
background-color: #fff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(245, 216, 212, 0.7);
box-shadow: 0px 0px 15px 0px rgba(245, 216, 212, 0.7);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
border: none;
}
@media only screen and (max-width: 480px) {
.qodef-album .qodef-e-stores-items.qodef-layout--button .qodef-ei-item {
margin-right: 0;
}
}
.qodef-album .qodef-e-stores-items.qodef-layout--button .qodef-ei-item svg {
margin-right: 10px;
}
.qodef-album .qodef-e-stores-items.qodef-layout--button .qodef-ei-item .qodef-ei-item-label {
margin: 0;
color: inherit;
font-weight: 600;
}
.qodef-album .qodef-e-stores-items.qodef-layout--button .qodef-ei-item:hover {
-webkit-box-shadow: 0px 10px 25px 0px rgba(245, 216, 212, 0.7);
box-shadow: 0px 10px 25px 0px rgba(245, 216, 212, 0.7);
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.qodef-album .qodef-e-social-icons {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-album .qodef-e-social-icons .qodef-e-label {
margin-bottom: 13px;
}
.qodef-album .qodef-e-social-icons .qodef-icon-holder {
width: auto;
}
.qodef-album .qodef-e-social-icons .qodef-ei-icon {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 2em;
height: 2em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 14px;
font-size: 18px;
color: #38214a;
}
.qodef-album .qodef-e-social-icons .qodef-ei-icon span:before {
line-height: inherit;
}
.qodef-album .qodef-e-social-icons .qodef-ei-icon:last-child {
margin-right: 0;
}
.qodef-album .qodef-e-reviews {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
padding: 39px 50px 30px;
margin-top: 50px;
background-image: url("../../inc/post-types/album/assets/img/album-single-review-bg.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (max-width: 680px) {
.qodef-album .qodef-e-reviews {
padding: 39px 30px 30px;
}
}
.qodef-album .qodef-e-reviews .qodef-e-label {
margin-bottom: 3px;
}
.qodef-album .qodef-e-reviews .qodef-e-reviews-items .qodef-ei-title {
margin: 19px 0 0;
}
.qodef-album .qodef-e-reviews .qodef-e-reviews-items.swiper-container-fade .swiper-slide {
opacity: 0 !important;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.qodef-album .qodef-e-reviews .qodef-e-reviews-items.swiper-container-fade .swiper-slide.swiper-slide-active {
opacity: 1 !important;
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.qodef-album .qodef-e-reviews .swiper-navigation {
margin-bottom: 14px;
}
.qodef-album .qodef-e-reviews .swiper-button-prev,
.qodef-album .qodef-e-reviews .swiper-button-next {
top: auto;
bottom: 0;
width: 39px !important;
height: 39px !important;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.qodef-album .qodef-e-reviews .swiper-button-prev svg,
.qodef-album .qodef-e-reviews .swiper-button-next svg {
stroke-width: 1;
}
.qodef-album .qodef-e-reviews .swiper-button-prev {
left: auto !important;
right: 46px !important;
}
.qodef-album .qodef-e-reviews .swiper-button-next {
right: 0 !important;
}
.qodef-album .qodef-e-navigation {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-top: 81px;
margin-bottom: 46px;
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #38214a;
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item > * {
display: block;
line-height: inherit;
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item span:before {
-webkit-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item.qodef--prev .qodef-e-navigation-item-icon {
margin-right: 5px;
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item.qodef--prev:hover span:before {
-webkit-transform: translateX(-3px);
-ms-transform: translateX(-3px);
transform: translateX(-3px);
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item.qodef--next {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
text-align: right;
margin-left: auto;
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item.qodef--next .qodef-e-navigation-item-icon {
margin-left: 5px;
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item.qodef--next:hover span:before {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item.qodef--back-link {
position: absolute;
top: 1px;
left: calc(50% - 16px);
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item.qodef--back-link .qodef-circles {
position: relative;
display: block;
width: 21px;
height: 21px;
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item.qodef--back-link .qodef-circles .qodef-circles-row {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 3px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item.qodef--back-link .qodef-circles .qodef-circles-row:last-child {
margin-bottom: 0;
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item.qodef--back-link .qodef-circles .qodef-circles-row .qodef-circle:nth-child(2) {
margin: 0 3px;
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item.qodef--back-link .qodef-circles .qodef-circle {
position: relative;
display: block;
height: 5px;
width: 5px;
border-radius: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: currentColor;
-webkit-transition: .35s ease-out;
-o-transition: .35s ease-out;
transition: .35s ease-out;
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item.qodef--back-link:hover .qodef-circles .qodef-cr-1 .qodef-circle:nth-child(2),
.qodef-album .qodef-e-navigation .qodef-e-navigation-item.qodef--back-link:hover .qodef-circles .qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(56, 33, 74, 0.5);
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item.qodef--back-link:hover .qodef-circles .qodef-cr-2 .qodef-circle:nth-child(1), .qodef-album .qodef-e-navigation .qodef-e-navigation-item.qodef--back-link:hover .qodef-circles .qodef-cr-2 .qodef-circle:nth-child(3) {
background-color: rgba(56, 33, 74, 0.5);
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item-icon {
font-size: 19px;
}
.qodef-album .qodef-e-navigation .qodef-e-navigation-item-label {
font-family: inherit;
font-weight: 700;
font-size: 14px;
line-height: 1.5em;
font-weight: 400;
color: #5d516c;
color: #38214a;
font-weight: 700;
}
/* ==========================================================================
Artist Single styles
========================================================================== */
.qodef-artist-item {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
padding-top: 20px;
margin-bottom: 20px;
}
.qodef-artist-item .qodef-m-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 -25px;
}
.qodef-artist-item .qodef-m-inner > * {
position: relative;
padding: 0 25px;
width: 50%;
}
.qodef-artist-item .qodef-m-media {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.qodef-artist-item .qodef-m-media img {
display: block;
width: 100%;
border-radius: 100%;
}
.qodef-artist-item .qodef-m-title {
margin: 0;
}
.qodef-artist-item .qodef-m-subtitle {
margin: 18px 0 0;
}
@media only screen and (min-width: 1025px) {
.qodef-artist-item .qodef-m-subtitle {
font-size: 16px;
}
}
.qodef-artist-item .qodef-m-biography {
margin: 14px 0 0;
}
.qodef-artist-item .qodef-m-social-networks {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 23px;
}
.qodef-artist-item .qodef-m-social-networks-item {
width: auto;
margin-right: 15px;
}
.qodef-artist-item .qodef-m-social-networks-item .qodef-e-icon {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 2em;
height: 2em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 14px;
font-size: 18px;
color: #38214a;
}
.qodef-artist-item .qodef-m-social-networks-item .qodef-e-icon span:before {
line-height: inherit;
}
.qodef-artist-item .qodef-m-social-networks-item .qodef-e-icon:last-child {
margin-right: 0;
}
.qodef-artist-item .qodef-m-albums {
margin-top: 115px;
}
.qodef-artist-item .qodef-m-albums-title {
margin: 0;
text-align: center;
}
.qodef-artist-item .qodef-m-albums-description {
display: block;
margin: 19px auto 0;
text-align: center;
}
@media only screen and (min-width: 1025px) {
.qodef-artist-item .qodef-m-albums-description {
font-size: 16px;
}
}
@media only screen and (max-width: 680px) {
.qodef-artist-item .qodef-m-albums-description br {
display: none;
}
}
.qodef-artist-item .qodef-album-list {
margin-top: 62px;
}
.qodef-artist-item .qodef-m-artist-video {
margin: 115px 0 50px;
}
.qodef-artist-item .qodef-m-artist-video iframe {
display: block;
border-radius: 5px;
-webkit-box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
}
@media only screen and (max-width: 1440px) {
.qodef-artist-item .qodef-m-artist-video iframe {
max-height: calc(43vw);
}
}
@media only screen and (width: 1366px) {
.qodef-artist-item .qodef-m-artist-video iframe {
max-height: calc(45vw);
}
}
@media only screen and (max-width: 768px) {
.qodef-artist-item .qodef-m-artist-video iframe {
max-height: calc(48vw);
}
}
/* ==========================================================================
Album disc shortcode styles
========================================================================== */
.qodef-album-disc {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-album-disc .qodef-m-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.qodef-album-disc .qodef-m-case {
position: relative;
width: 76.506%;
z-index: 2;
}
.qodef-album-disc .qodef-m-case img {
border-radius: 5px;
}
.qodef-album-disc .qodef-m-case-shadow {
position: absolute;
display: block;
-webkit-filter: blur(12px);
filter: blur(12px);
width: 100%;
bottom: 0px;
z-index: -1;
}
.qodef-album-disc .qodef-m-case-shadow img {
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
opacity: .5;
-webkit-transform: translateY(5px) scale(0.8);
-ms-transform: translateY(5px) scale(0.8);
transform: translateY(5px) scale(0.8);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
}
.qodef-browser--safari .qodef-album-disc .qodef-m-case-shadow,
.qodef-browser--ms-explorer .qodef-album-disc .qodef-m-case-shadow {
-webkit-filter: none;
filter: none;
-webkit-transform: translateY(-20px) scale(0.8);
-ms-transform: translateY(-20px) scale(0.8);
transform: translateY(-20px) scale(0.8);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.3);
box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.3);
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
}
.qodef-browser--safari .qodef-album-disc .qodef-m-case-shadow img,
.qodef-browser--ms-explorer .qodef-album-disc .qodef-m-case-shadow img {
opacity: 0;
}
.qodef-album-disc .qodef-m-disc {
position: absolute;
width: 100%;
height: 86%;
top: 7%;
left: 18%;
}
.qodef-album-disc .qodef-m-disc-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
/* ==========================================================================
Album list shortcode styles
========================================================================== */
.qodef-album-list {
/* ==========================================================================
Album Single part styles
========================================================================== */
}
@media only screen and (min-width: 680px) {
.qodef-album-list.qodef-parallax-scroll.qodef-grid.qodef-gutter--huge > .qodef-grid-inner > .qodef-grid-item {
margin: 0 0 10px;
}
}
.qodef-album-list .qodef-e-title {
margin: 0;
position: relative;
}
.qodef-album-list .qodef-e-info-content {
position: relative;
z-index: 2;
}
.qodef-album-list .qodef-e-info-content-link {
font-size: 14px;
line-height: 1.5em;
font-weight: 400;
color: #5d516c;
font-weight: 400;
}
.qodef-album-list .qodef-e-info-content-link:hover {
color: rgba(93, 81, 108, 0.7);
}
.qodef-album-list .qodef-e-stores-items {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.qodef-album-list .qodef-e-media-image-shadow {
position: absolute;
display: block;
-webkit-filter: blur(12px);
filter: blur(12px);
width: 100%;
bottom: 0px;
z-index: -1;
}
.qodef-album-list .qodef-e-media-image-shadow img {
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
opacity: .5;
-webkit-transform: translateY(5px) scale(0.8);
-ms-transform: translateY(5px) scale(0.8);
transform: translateY(5px) scale(0.8);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
}
.qodef-browser--safari .qodef-album-list .qodef-e-media-image-shadow,
.qodef-browser--ms-explorer .qodef-album-list .qodef-e-media-image-shadow {
-webkit-filter: none;
filter: none;
-webkit-transform: translateY(-20px) scale(0.8);
-ms-transform: translateY(-20px) scale(0.8);
transform: translateY(-20px) scale(0.8);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.3);
box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.3);
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
}
.qodef-browser--safari .qodef-album-list .qodef-e-media-image-shadow img,
.qodef-browser--ms-explorer .qodef-album-list .qodef-e-media-image-shadow img {
opacity: 0;
}
.qodef-album-list .qodef-e-inner:hover .qodef-e-media-image-shadow img {
opacity: .7;
-webkit-transform: translateY(5px) scale(0.8);
-ms-transform: translateY(5px) scale(0.8);
transform: translateY(5px) scale(0.8);
}
.qodef-browser--safari .qodef-album-list .qodef-e-inner:hover .qodef-e-media-image-shadow img img,
.qodef-browser--ms-explorer .qodef-album-list .qodef-e-inner:hover .qodef-e-media-image-shadow img img {
opacity: 0;
-webkit-filter: none;
filter: none;
}
.qodef-album-list .qodef-e-media-image {
position: relative;
}
.qodef-album-list .qodef-e-media-image .qodef-e-blur-target {
overflow: hidden;
border-radius: 5px;
}
.qodef-album-list .qodef-e-media-image .qodef-e-blur-target img {
max-width: unset;
width: calc(100% + 20px) !important;
height: calc(100% + 20px) !important;
margin-top: -10px;
margin-left: -10px;
margin-bottom: -10px;
}
.qodef-album-list.qodef-skin--light .qodef-e-title-link {
color: #fff;
}
.qodef-album-list.qodef-skin--light .qodef-e-info-content-link {
color: rgba(255, 255, 255, 0.6);
}
.qodef-album-list .qodef-album-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.qodef-album-list .qodef-e-stores {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-album-list .qodef-e-stores-items {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.qodef-album-list .qodef-e-stores-items .qodef-ei-item {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 20px 15px 0;
-webkit-transition: color .35s ease-out, background-color .35s ease-out, border-color .35s ease-out, all .35s ease-out;
-o-transition: color .35s ease-out, background-color .35s ease-out, border-color .35s ease-out, all .35s ease-out;
transition: color .35s ease-out, background-color .35s ease-out, border-color .35s ease-out, all .35s ease-out;
}
.qodef-album-list .qodef-e-stores-items .qodef-ei-item:last-child {
margin-right: 0;
}
.qodef-album-list .qodef-e-stores-items svg {
display: block;
margin: auto;
width: 20px;
height: auto;
fill: currentColor;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.qodef-album-list .qodef-e-stores-items.qodef-layout--icon .qodef-ei-item {
width: 60px;
height: 60px;
color: #38214a;
background-color: #fff;
border-radius: 100%;
-webkit-box-shadow: 0px 0px 15px 0px rgba(245, 216, 212, 0.7);
box-shadow: 0px 0px 15px 0px rgba(245, 216, 212, 0.7);
}
.qodef-album-list .qodef-e-stores-items.qodef-layout--icon .qodef-ei-item:hover {
-webkit-box-shadow: 0px 10px 25px 0px rgba(245, 216, 212, 0.7);
box-shadow: 0px 10px 25px 0px rgba(245, 216, 212, 0.7);
}
.qodef-album-list .qodef-e-stores-items.qodef-layout--button .qodef-ei-item {
height: 48px;
padding: 10px 28px;
border-radius: 30px;
color: #38214a;
background-color: #fff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(245, 216, 212, 0.7);
box-shadow: 0px 0px 15px 0px rgba(245, 216, 212, 0.7);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
border: none;
}
@media only screen and (max-width: 480px) {
.qodef-album-list .qodef-e-stores-items.qodef-layout--button .qodef-ei-item {
margin-right: 0;
}
}
.qodef-album-list .qodef-e-stores-items.qodef-layout--button .qodef-ei-item svg {
margin-right: 10px;
}
.qodef-album-list .qodef-e-stores-items.qodef-layout--button .qodef-ei-item .qodef-ei-item-label {
margin: 0;
color: inherit;
font-weight: 600;
}
.qodef-album-list .qodef-e-stores-items.qodef-layout--button .qodef-ei-item:hover {
-webkit-box-shadow: 0px 10px 25px 0px rgba(245, 216, 212, 0.7);
box-shadow: 0px 10px 25px 0px rgba(245, 216, 212, 0.7);
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
/* ==========================================================================
Album list shortcode variation styles
========================================================================== */
.qodef-album-list.qodef-layout--gallery.qodef-enabled-stores.qodef-gutter--medium.qodef-col-num--4 .qodef-grid-inner > .qodef-grid-item {
margin-bottom: 85px;
}
.qodef-album-list.qodef-layout--gallery .qodef-e-blur-trigger,
.qodef-album-list.qodef-layout--gallery .qodef-e-blur-target,
.qodef-album-list.qodef-layout--gallery .qodef-e-media-image {
position: relative;
height: 100%;
}
.qodef-album-list.qodef-layout--gallery .qodef-e-holder {
position: relative;
height: 100%;
}
.qodef-album-list.qodef-layout--gallery .qodef-e-holder .qodef-e-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 41px 50px;
opacity: 0;
-webkit-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
.qodef-album-list.qodef-layout--gallery .qodef-e-holder:hover .qodef-e-inner {
opacity: 1;
}
.qodef-album-list.qodef-layout--gallery .qodef-e-holder .qodef-e-info-content {
display: inline-block;
margin-top: 1px;
}
.qodef-album-list.qodef-layout--gallery .qodef-e-holder .qodef-e-info-content .qodef-e-info-content-link {
display: inline-block;
margin-bottom: 4px;
font-weight: 400;
opacity: 0;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
}
.qodef-album-list.qodef-layout--gallery .qodef-e-holder .qodef-e-title a {
display: inline-block;
opacity: 0;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
}
.qodef-album-list.qodef-layout--gallery .qodef-e-holder a {
color: #fff;
}
.qodef-album-list.qodef-layout--gallery .qodef-e:hover .qodef-e-holder .qodef-e-info-content .qodef-e-info-content-link {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.qodef-album-list.qodef-layout--gallery .qodef-e:hover .qodef-e-title a {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.qodef-album-list.qodef-layout--gallery:not(.qodef-enabled-stores) .qodef-e-stores {
display: none;
}
.qodef-album-list.qodef-layout--gallery.qodef-enabled-stores .qodef-e-stores {
margin-top: 40px;
display: inline-block;
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
.qodef-album-list.qodef-layout--gallery.qodef-enabled-stores .qodef-ei-item {
padding: 10px 20px;
}
}
/* ==========================================================================
Album list shortcode variation styles
========================================================================== */
@media only screen and (min-width: 1024px) {
.qodef-album-list.qodef-layout--predefined.qodef-layout--columns.qodef-gutter--huge.qodef-col-num--3 .qodef-grid-item:nth-child(3n + 2) {
margin-top: 90px;
margin-bottom: 0;
}
}
.qodef-album-list.qodef-layout--predefined .qodef-grid-item .qodef-e-inner {
position: relative;
}
.qodef-album-list.qodef-layout--predefined .qodef-e-title {
margin: 28px 0 0;
}
.qodef-album-list.qodef-layout--predefined .qodef-e-inner .qodef-e-media-image .qodef-e-blur-target {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .4s ease-out;
transition: -webkit-transform .4s ease-out;
-o-transition: transform .4s ease-out;
transition: transform .4s ease-out;
transition: transform .4s ease-out, -webkit-transform .4s ease-out;
}
.qodef-album-list.qodef-layout--predefined .qodef-e-inner:hover .qodef-e-media-image .qodef-e-blur-target {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
}
.qodef-album-list.qodef-layout--predefined.qodef-swiper-container {
height: 80vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.qodef-album-list.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder {
margin-top: 40px;
margin-bottom: 20px;
padding: 58px 0;
position: relative;
}
.qodef-album-list.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-prev,
.qodef-album-list.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-next {
width: auto;
}
.qodef-album-list.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-prev span,
.qodef-album-list.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-next span {
font-family: inherit;
font-weight: 700;
color: #38214a;
font-size: 14px;
line-height: 1.5em;
font-weight: 400;
color: #5d516c;
}
.qodef-album-list.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-prev span.qodef-icon-ionicons,
.qodef-album-list.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-next span.qodef-icon-ionicons {
font-size: 19px;
}
.qodef-album-list.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-next {
right: 0;
}
.qodef-album-list.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-prev {
left: 0;
}
.qodef-album-list.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .qodef-swiper-button-nav-text {
margin: 0 6px;
}
.qodef-album-list.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-pagination-bullets {
position: absolute;
padding-top: 0;
top: -5px;
left: 30px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
counter-reset: section;
z-index: -1;
}
.qodef-album-list.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-pagination-bullets .swiper-pagination-bullet {
counter-increment: section;
pointer-events: none;
width: 0;
padding: 0;
}
.qodef-album-list.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-pagination-bullets .swiper-pagination-bullet:after {
top: 0;
content: counter(section, decimal-leading-zero);
background-color: transparent;
font-family: inherit;
font-weight: 700;
color: #38214a;
font-size: 50px;
line-height: 1.1em;
letter-spacing: -0.005em;
font-size: 143px;
line-height: 1;
color: #8b8395;
opacity: 0;
}
.qodef-album-list.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
opacity: .1;
}
/* ==========================================================================
Album list shortcode variation styles
========================================================================== */
.qodef-album-list.qodef-layout--standard .qodef-e-title {
margin: 28px 0 0;
}
/* ==========================================================================
Album player rev slider shortcode styles
========================================================================== */
.qodef-album-player-rev-slider {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-album-player-rev-slider .revslider-initialised {
border-radius: 5px;
}
.qodef-album-player-rev-slider .qodef-content-grid {
position: relative;
}
.qodef-album-player-rev-slider .qodef-album-player {
position: absolute;
bottom: -70px;
left: 0;
width: 100%;
}
/* ==========================================================================
Album list shortcode styles
========================================================================== */
.qodef-album-player-slider .qodef-e-title {
margin: 0;
}
.qodef-album-player-slider .qodef-e-media-image {
position: relative;
margin: auto;
border-radius: 50%;
background-size: cover;
}
.qodef-album-player-slider .qodef-e-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.qodef-album-player-slider .qodef-e-info-content-link {
display: inline-block;
position: relative;
z-index: 1;
}
/* ==========================================================================
Album list shortcode variation styles
========================================================================== */
.qodef-album-player-slider.qodef-layout--predefined .qodef-grid-item .qodef-e-inner {
position: relative;
}
.qodef-album-player-slider.qodef-layout--predefined .qodef-e-media-image {
height: 66vh;
width: 66vh;
max-width: 100%;
}
.qodef-album-player-slider.qodef-layout--predefined .qodef--background-svg {
position: absolute;
width: 130%;
height: 130%;
top: -15%;
left: -15%;
opacity: 1;
-webkit-transition: .5s ease-out .5s;
-o-transition: .5s ease-out .5s;
transition: .5s ease-out .5s;
overflow: visible;
z-index: -1;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100vh;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-e-inner {
-webkit-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%);
-webkit-transition: .75s ease-in-out;
-o-transition: .75s ease-in-out;
transition: .75s ease-in-out;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-e-media-image-holder {
margin: 7.5% 0 2%;
position: relative;
}
@media only screen and (max-width: 1024px) {
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-e-media-image-holder {
margin: 5.5% 0 2%;
}
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-e-inner-info-holder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: .4s ease-out .35s;
-o-transition: .4s ease-out .35s;
transition: .4s ease-out .35s;
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-e-inner-info-holder .qodef-e-info-content a,
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-e-inner-info-holder .qodef-e-title {
color: #fff;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-e-inner-info-holder .qodef-e-title {
margin: 0;
text-align: center;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .swiper-slide {
width: 46%;
margin: 0 4%;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .swiper-slide .qodef-m-player-holder {
-webkit-transition: .2s ease-out 0s;
-o-transition: .2s ease-out 0s;
transition: .2s ease-out 0s;
opacity: 0;
}
.qodef-browser--safari .qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .swiper-slide .qodef-m-player-holder {
opacity: 1;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .swiper-slide.swiper-slide-active .qodef-e-inner {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .swiper-slide.swiper-slide-active .qodef-svg-circle {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .swiper-slide.swiper-slide-active .qodef-m-player-holder {
opacity: 1;
-webkit-transition: .4s ease-out .2s;
-o-transition: .4s ease-out .2s;
transition: .4s ease-out .2s;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .swiper-slide.swiper-slide-active .qodef-e-inner-info-holder {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .swiper-slide.swiper-slide-active .qodef-e-media-image svg {
opacity: 1;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder {
padding: 54px 0 20px;
margin-top: -30px;
position: relative;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-prev,
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-next {
position: relative;
top: 0 !important;
width: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-prev span,
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-next span {
font-size: 15px;
font-weight: 600;
color: #38214a;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-prev span.qodef-icon-ionicons,
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-next span.qodef-icon-ionicons {
font-size: 19px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-next {
right: 0;
float: right;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-next:hover span.qodef-icon-ionicons {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-prev {
left: 0;
float: left;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .swiper-button-prev:hover span.qodef-icon-ionicons {
-webkit-transform: translateX(-3px);
-ms-transform: translateX(-3px);
transform: translateX(-3px);
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder .qodef-swiper-button-nav-text {
margin: 0 6px;
}
.qodef-album-player-slider.qodef-layout--predefined .qodef-e-info-content {
margin-top: 17px;
}
.qodef-album-player-slider.qodef-layout--predefined .qodef-m-player-holder .qodef-album-player {
width: 100%;
padding: 50px 0 20px;
}
.qodef-album-player-slider.qodef-layout--predefined .qodef-m-player-holder .qodef-album-player.qodef-layout--simple.qodef--has-album .qodef-m-player {
position: relative;
width: 60%;
margin: 0 auto;
left: 0;
}
.qodef-album-player-slider.qodef-layout--predefined .qodef-m-player-holder .qodef-album-player .qodef-m-album-image {
display: none;
}
.qodef-album-player-slider.qodef-layout--predefined .qodef-m-player-holder .qodef-album-player .qodef-m-album-image.qodef-disc-rotating + .qodef-m-player .qodef-m-player-controls-icon.qodef--play {
opacity: 0;
}
.qodef-album-player-slider.qodef-layout--predefined .qodef-m-player-holder .qodef-album-player .qodef-m-album-image.qodef-disc-rotating + .qodef-m-player .qodef-m-player-controls-icon.qodef--pause {
opacity: 1;
}
/* ==========================================================================
Album player shortcode styles
========================================================================== */
.qodef-album-player {
position: relative;
display: inline-block;
vertical-align: top;
visibility: hidden;
}
.qodef-album-player .qodef-m-album {
display: none;
}
.qodef-album-player .qodef-m-album-image img {
display: block;
}
.qodef-album-player .qodef-m-player {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 118px;
padding: 20px 40px;
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
}
.qodef-album-player .qodef-m-player.jp-state-playing .qodef-m-player-controls-icon.qodef--play {
opacity: 0;
}
.qodef-album-player .qodef-m-player.jp-state-playing .qodef-m-player-controls-icon.qodef--pause {
opacity: 1;
}
.qodef-album-player .qodef-m-player-heading {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 7px;
}
.qodef-album-player .qodef-m-player-track-title {
margin: 0 10px 0 0;
}
.qodef-album-player .qodef-m-player-controls {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.qodef-album-player .qodef-m-player-controls ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.qodef-album-player .qodef-m-player-controls ul li {
margin: 0;
padding: 0;
}
.qodef-album-player .qodef-m-player-controls ul li a {
position: relative;
display: block;
color: #8b8395;
line-height: 1;
}
.qodef-album-player .qodef-m-player-controls ul li a:hover {
color: #38214a;
}
.qodef-album-player .qodef-m-player-controls ul li a.jp-play {
top: 1px;
margin: 0 17px;
}
.qodef-album-player .qodef-m-player-controls-icon {
display: block;
width: 27px;
height: auto;
max-height: 29px;
fill: currentColor;
}
.qodef-album-player .qodef-m-player-controls-icon.qodef--play {
width: 28px;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.qodef-album-player .qodef-m-player-controls-icon.qodef--pause {
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.qodef-album-player .qodef-m-track-progress {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
height: 3px;
}
.qodef-album-player .qodef-m-track-progress * {
width: 100%;
height: inherit;
}
.qodef-album-player .qodef-m-track-progress .jp-seek-bar {
cursor: pointer;
background-color: rgba(139, 131, 149, 0.4);
}
.qodef-album-player .qodef-m-track-progress .jp-play-bar {
background-color: #38214a;
}
.qodef-album-player .qodef-m-player-footer {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: -7px;
}
.qodef-album-player .qodef-m-album-title {
color: inherit;
}
.qodef-album-player .qodef-m-album-title:hover {
color: rgba(93, 81, 108, 0.7);
}
.qodef-album-player .qodef-m-playlist {
display: none;
}
.qodef-album-player.qodef--loading {
visibility: visible;
}
.qodef-album-player.qodef--init {
visibility: visible;
}
.qodef-album-player.qodef-layout--simple.qodef--has-album .qodef-m-player {
position: absolute;
left: 13%;
bottom: 0;
width: calc(100% - 26%);
}
.qodef-album-player.qodef-layout--simple .qodef-m-album-image {
padding-bottom: 59px;
}
.qodef-album-player.qodef-layout--simple.qodef-skin--light .qodef-m-album-image {
padding-bottom: 0;
}
.qodef-album-player.qodef-layout--simple.qodef-skin--light .qodef-m-player {
margin-bottom: 30px;
left: 30px;
width: calc(100% - 60px);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
.qodef-album-player.qodef-layout--standard {
display: block;
z-index: 1;
}
.qodef-album-player.qodef-layout--standard .qodef-m-player {
height: 141px;
padding: 37px 45px 39px;
}
.qodef-album-player.qodef-layout--standard .qodef-m-player .jp-mute {
position: relative;
}
.qodef-album-player.qodef-layout--standard .qodef-m-player .qodef--mute {
position: absolute;
top: 0;
left: 0;
opacity: 0;
margin-left: -1px;
}
.qodef-album-player.qodef-layout--standard .qodef-m-player .qodef--volume {
position: relative;
opacity: 1;
max-height: 29px;
}
.qodef-album-player.qodef-layout--standard .qodef-m-player.jp-state-muted .qodef--mute {
opacity: 1;
}
.qodef-album-player.qodef-layout--standard .qodef-m-player.jp-state-muted .qodef--volume {
opacity: 0;
}
.qodef-album-player.qodef-layout--standard .qodef-m-album-image {
position: relative;
display: inline-block;
width: 126px;
top: 0;
left: 45px;
margin-bottom: -30px;
z-index: 1;
border-radius: 50%;
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
-webkit-box-shadow: rgba(135, 121, 119, 0) 2px 4px 21px 0px;
box-shadow: rgba(135, 121, 119, 0) 2px 4px 21px 0px;
}
.qodef-album-player.qodef-layout--standard .qodef-m-album-image.qodef-disc-rotating {
-webkit-animation: qode-rotate 20s linear infinite;
animation: qode-rotate 20s linear infinite;
-webkit-box-shadow: #877977 2px 4px 21px 0;
box-shadow: #877977 2px 4px 21px 0;
}
.qodef-album-player.qodef-layout--standard .qodef-m-album-image img {
-webkit-mask-image: url(../../inc/post-types/album/shortcodes/album-player/assets/img/record-mask.svg);
mask-image: url(../../inc/post-types/album/shortcodes/album-player/assets/img/record-mask.svg);
}
.qodef-browser--ms-explorer .qodef-album-player.qodef-layout--standard .qodef-m-album-image img {
border-radius: 50%;
}
.qodef-browser--ms-explorer .qodef-album-player.qodef-layout--standard .qodef-m-album-image:before {
content: '';
position: absolute;
display: block;
width: 36px;
height: 36px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 100%;
}
.qodef-album-player.qodef-layout--standard .qodef-m-player-middle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.qodef-album-player.qodef-layout--standard .qodef-m-track-progress {
width: 41.253%;
margin-right: 15px;
}
.qodef-album-player.qodef-layout--standard .qodef-m-track-time {
min-width: 95px;
color: #8b8395;
}
.qodef-album-player.qodef-layout--standard .qodef-m-track-time > span {
display: inline-block;
min-width: 43px;
}
.qodef-album-player.qodef-layout--standard .qodef-m-player-controls {
margin: 0 5.7%;
}
.qodef-album-player.qodef-layout--standard .qodef-m-volume-control {
width: 27%;
}
.qodef-album-player.qodef-layout--standard .qodef-m-volume-control .jp-volume-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.qodef-album-player.qodef-layout--standard .qodef-m-volume-control .jp-volume-bar {
width: 100%;
background-color: rgba(139, 131, 149, 0.4);
height: 3px;
cursor: pointer;
margin: 0 0 0 10px;
}
.qodef-album-player.qodef-layout--standard .qodef-m-volume-control .jp-volume-bar .jp-volume-bar-value {
background-color: #38214a;
height: 100%;
-webkit-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease;
}
.qodef-album-player.qodef-layout--standard .qodef-m-volume-control a {
color: #8b8395;
}
.qodef-album-player.qodef-layout--standard .qodef-m-volume-control a:hover {
color: #38214a;
}
.qodef-album-player.qodef-skin--light .qodef-m-player {
background-color: rgba(255, 255, 255, 0.2);
}
.qodef-album-player.qodef-skin--light .qodef-m-player-track-title,
.qodef-album-player.qodef-skin--light .qodef-m-track-time,
.qodef-album-player.qodef-skin--light .qodef-m-player-controls ul li a,
.qodef-album-player.qodef-skin--light .qodef-m-album-title,
.qodef-album-player.qodef-skin--light .qodef-m-volume-control a {
color: #fff;
}
.qodef-album-player.qodef-skin--light .qodef-m-album-title:hover {
color: #fff;
}
.qodef-album-player.qodef-skin--light .qodef-m-player-controls ul li a:hover,
.qodef-album-player.qodef-skin--light .qodef-m-volume-control a:hover {
color: #fff;
}
.qodef-album-player.qodef-skin--light .jp-seek-bar,
.qodef-album-player.qodef-skin--light .qodef-m-volume-control .jp-volume-bar {
background-color: rgba(255, 255, 255, 0.4);
}
.qodef-album-player.qodef-skin--light .qodef-m-volume-control .jp-volume-bar .jp-volume-bar-value,
.qodef-album-player.qodef-skin--light .jp-play-bar {
background-color: #fff;
}
/* ==========================================================================
Album player shortcode variation styles
========================================================================== */
.qodef-album-player.qodef-layout--simple .qodef-m-album-image img {
border-radius: 5px;
}
.qodef-album-player.qodef-layout--simple.qodef-skin--light .qodef-m-album-image {
-webkit-box-shadow: 2px 7px 17.82px 0.18px rgba(56, 33, 74, 0.4);
box-shadow: 2px 7px 17.82px 0.18px rgba(56, 33, 74, 0.4);
}
/* ==========================================================================
Album player shortcode variation styles
========================================================================== */
/* ==========================================================================
Album list shortcode styles
========================================================================== */
@media only screen and (min-width: 680px) {
.qodef-artists-list.qodef-parallax-scroll.qodef-grid.qodef-gutter--large > .qodef-grid-inner > .qodef-grid-item {
margin: 0 0 20px;
}
}
.qodef-artists-list .qodef-e-title {
margin: 0;
}
.qodef-artists-list .qodef-e-media-image {
position: relative;
}
.qodef-artists-list .qodef-e-media-image img {
border-radius: 5px;
}
.qodef-artists-list .qodef-e-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.qodef-artists-list .qodef-e-info-content-link:hover {
color: initial;
}
.qodef-artists-list .qodef-e-info-content {
position: relative;
z-index: 1;
}
.qodef-artists-list:not(.qodef-swiper-container) .qodef-e-media-image > img {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
}
.qodef-artists-list:not(.qodef-swiper-container) .qodef-e-media-image-shadow {
position: absolute;
display: block;
-webkit-filter: blur(12px);
filter: blur(12px);
width: 100%;
bottom: 0px;
z-index: -1;
}
.qodef-artists-list:not(.qodef-swiper-container) .qodef-e-media-image-shadow img {
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
opacity: .5;
-webkit-transform: translateY(0px) scale(0.9);
-ms-transform: translateY(0px) scale(0.9);
transform: translateY(0px) scale(0.9);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
}
.qodef-browser--safari .qodef-artists-list:not(.qodef-swiper-container) .qodef-e-media-image-shadow,
.qodef-browser--ms-explorer .qodef-artists-list:not(.qodef-swiper-container) .qodef-e-media-image-shadow {
-webkit-filter: none;
filter: none;
-webkit-transform: translateY(-20px) scale(0.9);
-ms-transform: translateY(-20px) scale(0.9);
transform: translateY(-20px) scale(0.9);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.3);
box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.3);
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
}
.qodef-browser--safari .qodef-artists-list:not(.qodef-swiper-container) .qodef-e-media-image-shadow img,
.qodef-browser--ms-explorer .qodef-artists-list:not(.qodef-swiper-container) .qodef-e-media-image-shadow img {
opacity: 0;
}
.qodef-browser--safari .qodef-artists-list:not(.qodef-swiper-container) .qodef-e-media-image-shadow,
.qodef-browser--ms-explorer .qodef-artists-list:not(.qodef-swiper-container) .qodef-e-media-image-shadow {
border-radius: 50%;
}
.qodef-artists-list:not(.qodef-swiper-container) .qodef-e-inner:hover .qodef-e-media-image-shadow img {
opacity: .7;
-webkit-transform: translateY(0px) scale(0.9);
-ms-transform: translateY(0px) scale(0.9);
transform: translateY(0px) scale(0.9);
}
.qodef-browser--safari .qodef-artists-list:not(.qodef-swiper-container) .qodef-e-inner:hover .qodef-e-media-image-shadow img img,
.qodef-browser--ms-explorer .qodef-artists-list:not(.qodef-swiper-container) .qodef-e-inner:hover .qodef-e-media-image-shadow img img {
opacity: 0;
-webkit-filter: none;
filter: none;
}
.qodef-artists-list:not(.qodef-swiper-container) .qodef-e-inner:hover .qodef-e-media-image > img {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
.qodef-artists-list.qodef-round-images .qodef-e-media-image {
text-align: center;
}
.qodef-artists-list.qodef-round-images .qodef-e-media-image img {
border-radius: 50%;
}
.qodef-artists-list.qodef-round-images .qodef-e-info-content {
text-align: center;
}
.qodef-artists-list.qodef-swiper-container .swiper-slide {
width: auto;
text-align: center;
}
.qodef-artists-list.qodef-swiper-container .swiper-slide:not(.swiper-slide-active):hover .qodef-e-media-image .qodef-e-media-image-shadow {
opacity: .6;
}
.qodef-artists-list.qodef-swiper-container .swiper-slide:not(.swiper-slide-active):hover .qodef-e-media-image > img {
-webkit-transform: scale(0.67) translateY(-10px);
-ms-transform: scale(0.67) translateY(-10px);
transform: scale(0.67) translateY(-10px);
}
.qodef-artists-list.qodef-swiper-container .qodef-e-media-image > img {
-webkit-transform: scale(0.67) translateY(0);
-ms-transform: scale(0.67) translateY(0);
transform: scale(0.67) translateY(0);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: -webkit-transform .4s ease-out;
transition: -webkit-transform .4s ease-out;
-o-transition: transform .4s ease-out;
transition: transform .4s ease-out;
transition: transform .4s ease-out, -webkit-transform .4s ease-out;
}
.qodef-artists-list.qodef-swiper-container .qodef-e-media-image .qodef-e-media-image-shadow {
position: absolute;
display: block;
width: 100%;
bottom: 0px;
z-index: -1;
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
opacity: .5;
-webkit-transform: translateY(-12%) scale(0.67);
-ms-transform: translateY(-12%) scale(0.67);
transform: translateY(-12%) scale(0.67);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
}
.qodef-artists-list.qodef-swiper-container .qodef-e-media-image .qodef-e-media-image-shadow > img {
-webkit-filter: blur(12px);
filter: blur(12px);
}
.qodef-browser--safari .qodef-artists-list.qodef-swiper-container .qodef-e-media-image .qodef-e-media-image-shadow,
.qodef-browser--ms-explorer .qodef-artists-list.qodef-swiper-container .qodef-e-media-image .qodef-e-media-image-shadow {
-webkit-box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.4);
box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.4);
-webkit-transform: translateY(-20%) scale(0.6);
-ms-transform: translateY(-20%) scale(0.6);
transform: translateY(-20%) scale(0.6);
border-radius: 50%;
}
.qodef-browser--safari .qodef-artists-list.qodef-swiper-container .qodef-e-media-image .qodef-e-media-image-shadow > img,
.qodef-browser--ms-explorer .qodef-artists-list.qodef-swiper-container .qodef-e-media-image .qodef-e-media-image-shadow > img {
opacity: 0;
}
.qodef-artists-list.qodef-swiper-container .qodef-e-info-content {
opacity: 0;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: .4s ease-out .1s;
-o-transition: .4s ease-out .1s;
transition: .4s ease-out .1s;
}
.qodef-artists-list.qodef-swiper-container .swiper-slide-active .qodef-e-media-image > img {
-webkit-transform: scale(0.97) translateY(0);
-ms-transform: scale(0.97) translateY(0);
transform: scale(0.97) translateY(0);
}
.qodef-artists-list.qodef-swiper-container .swiper-slide-active .qodef-e-media-image-shadow {
opacity: .7;
-webkit-transform: translateY(3%) scale(0.96);
-ms-transform: translateY(3%) scale(0.96);
transform: translateY(3%) scale(0.96);
}
.qodef-browser--safari .qodef-artists-list.qodef-swiper-container .swiper-slide-active .qodef-e-media-image-shadow,
.qodef-browser--ms-explorer .qodef-artists-list.qodef-swiper-container .swiper-slide-active .qodef-e-media-image-shadow {
-webkit-transform: translateY(-4%) scale(0.8);
-ms-transform: translateY(-4%) scale(0.8);
transform: translateY(-4%) scale(0.8);
}
.qodef-artists-list.qodef-swiper-container .swiper-slide-active .qodef-e-info-content {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.qodef-artists-list .qodef--has-appear {
opacity: 0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
}
.qodef-artists-list .qodef--has-appear.qodef--appear {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.elementor-editor-active .qodef-artists-list .qodef--has-appear {
opacity: 1 !important;
}
/* ==========================================================================
Album list shortcode variation styles
========================================================================== */
.qodef-artists-list.qodef-layout--gallery .qodef-e-holder {
position: relative;
}
.qodef-artists-list.qodef-layout--gallery .qodef-e-holder .qodef-e-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 50px;
}
.qodef-artists-list.qodef-layout--gallery .qodef-e-holder .qodef-e-inner .qodef-e-info-artist {
margin: 0;
}
.qodef-artists-list.qodef-layout--gallery .qodef-e-holder .qodef-e-info-content .qodef-e-info-content-link {
display: inline-block;
margin-bottom: 4px;
}
.qodef-artists-list.qodef-layout--gallery .qodef-e-holder a {
color: #fff;
}
/* ==========================================================================
Album list shortcode variation styles
========================================================================== */
.qodef-artists-list.qodef-layout--predefined .qodef-grid-item .qodef-e-inner {
position: relative;
}
.qodef-artists-list.qodef-layout--predefined .qodef-grid-item:nth-child(2n) .qodef-e-inner {
top: 90px;
}
@media only screen and (max-width: 768px) {
.qodef-artists-list.qodef-layout--predefined .qodef-grid-item:nth-child(2n) .qodef-e-inner {
top: 0;
}
}
@media only screen and (max-width: 768px) {
.qodef-artists-list.qodef-layout--predefined .qodef-grid-item:nth-child(3n + 2) .qodef-e-inner {
top: 90px;
}
}
@media only screen and (max-width: 680px) {
.qodef-artists-list.qodef-layout--predefined .qodef-grid-item:nth-child(3n + 2) .qodef-e-inner {
top: 0;
}
}
.qodef-artists-list.qodef-layout--predefined .qodef-e-title {
margin: 28px 0 3px;
}
.qodef-artists-list.qodef-layout--predefined .qodef-e-info-content {
opacity: 0;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: .4s ease-out .1s;
-o-transition: .4s ease-out .1s;
transition: .4s ease-out .1s;
}
.qodef-artists-list.qodef-layout--predefined .qodef-e-info-content-link {
padding: 5px 11px 2px;
font-weight: 600;
border-radius: 5px;
background: #fff;
}
.qodef-artists-list.qodef-layout--predefined .qodef-e-inner:hover .qodef-e-info-content {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.qodef-artists-list.qodef-layout--predefined.qodef-dark-skin .qodef-e-info-content-link {
background: #38214a;
color: #fff;
padding-bottom: 5px;
}
/* ==========================================================================
Album list shortcode variation styles
========================================================================== */
.qodef-artists-list.qodef-layout--standard .qodef-e-title {
margin: 28px 0 3px;
}
.qodef-artists-list.qodef-layout--standard .qodef-e-info-content-link {
padding: 4px 12px 6px;
border-radius: 5px;
background: #fff;
}
.qodef-artists-list.qodef-layout--standard.qodef-swiper-container .swiper-slide {
margin-bottom: 20px;
}
.qodef-artists-list.qodef-layout--standard.qodef-swiper-container .qodef-e-media-image {
margin-bottom: 40px;
}
.qodef-artists-list.qodef-layout--standard.qodef-dark-skin .qodef-e-info-content-link {
background: #38214a;
color: #fff;
}
/* ==========================================================================
Band member shortcode styles
========================================================================== */
.qodef-band-member {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -38px;
}
.qodef-band-member > * {
position: relative;
width: 50%;
padding: 0 38px;
}
.qodef-band-member .qodef-m-image {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.qodef-band-member .qodef-m-image a, .qodef-band-member .qodef-m-image img {
display: block;
width: 100%;
}
.qodef-band-member .qodef-m-title {
margin: 0;
}
.qodef-band-member .qodef-m-text {
margin: 25px 0 0;
font-size: 16px;
font-weight: 400;
}
.qodef-band-member .qodef-m-social-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 30px 0 0;
}
.qodef-band-member .qodef-m-social-icons > * {
margin-right: 13px;
}
.qodef-band-member.qodef-content--left {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
text-align: right;
}
.qodef-band-member.qodef-content--left .qodef-m-social-icons {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.qodef-band-member.qodef-content--left .qodef-m-social-icons > * {
margin-left: 13px;
margin-right: 0;
}
/* ==========================================================================
Tracks List shortcode styles
========================================================================== */
.qodef-tracks-list {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
padding: 30px 0;
margin-bottom: 49px;
background-color: rgba(255, 255, 255, 0.55);
border-radius: 5px;
-webkit-box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
}
.qodef-tracks-list .qodef-m-track-player {
display: none;
}
.qodef-tracks-list .qodef-m-artist {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 25px 50px;
margin-bottom: 30px;
background-image: url("../../inc/post-types/album/assets/img/album-single-artist-bg.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px 5px 0 0;
}
.qodef-tracks-list .qodef-m-artist .qodef-m-artist-image {
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 125px;
margin-right: 25px;
border-radius: 100%;
}
.qodef-tracks-list .qodef-m-artist .qodef-m-artist-content-name {
margin: 0;
color: #fff;
}
.qodef-tracks-list .qodef-m-artist .qodef-m-artist-content-description {
margin: 0;
color: #fff;
}
.qodef-tracks-list .qodef-e {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 9px 50px;
-webkit-transition: .35s ease-out;
-o-transition: .35s ease-out;
transition: .35s ease-out;
}
.qodef-tracks-list .qodef-e .qodef-e-spinner {
position: absolute;
top: 15px;
left: 17px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.qodef-tracks-list .qodef-e .qodef-e-spinner-icon {
position: relative;
display: inline-block;
vertical-align: top;
font-size: 21px;
line-height: 1;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-animation: qode-rotate linear 3.9s infinite;
animation: qode-rotate linear 3.9s infinite;
}
.qodef-tracks-list .qodef-e .qodef-e-spinner-icon:before {
display: block;
line-height: inherit;
}
.qodef-tracks-list .qodef-e .qodef-e-heading {
display: block;
width: 100%;
}
.qodef-tracks-list .qodef-e .qodef-e-heading-title {
display: block;
margin: 0;
cursor: pointer;
}
.qodef-tracks-list .qodef-e .qodef-e-heading-title-number:after {
content: '.';
}
.qodef-tracks-list .qodef-e .qodef-e-heading-info {
font-size: 14px;
line-height: 1.5em;
font-weight: 400;
color: #5d516c;
}
.qodef-tracks-list .qodef-e .qodef-e-heading-info {
margin: 1px 0 6px;
line-height: 1;
}
.qodef-tracks-list .qodef-e .qodef-e-action {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.qodef-tracks-list .qodef-e .qodef-e-action > * {
position: relative;
display: inline-block;
vertical-align: top;
margin-right: 25px;
}
.qodef-tracks-list .qodef-e .qodef-e-action > *:last-child {
margin-right: 0;
}
.qodef-tracks-list .qodef-e .qodef-e-action-control {
color: #5d516c;
}
.qodef-tracks-list .qodef-e .qodef-e-action-control:hover {
color: #38214a;
}
.qodef-tracks-list .qodef-e .qodef-e-action-control-icon {
display: block;
height: auto;
}
.qodef-tracks-list .qodef-e .qodef-e-action-control-icon.qodef--download {
width: 19px;
height: 19px;
stroke: currentColor;
fill: none;
}
.qodef-tracks-list .qodef-e .qodef-e-action-control-icon.qodef--shopping-bag {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
}
.qodef-tracks-list .qodef-e .qodef-e-action-control-icon.qodef--play {
width: 28px;
height: 28px;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
fill: currentColor;
}
.qodef-tracks-list .qodef-e .qodef-e-action-control-icon.qodef--pause {
position: absolute;
top: 0;
left: 0;
width: 27px;
height: 27px;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
fill: currentColor;
}
.qodef-tracks-list .qodef-e.qodef--active {
background-color: #fff;
-webkit-box-shadow: 1px 4px 21px 0 rgba(248, 231, 229, 0.8);
box-shadow: 1px 4px 21px 0 rgba(248, 231, 229, 0.8);
}
.qodef-tracks-list .qodef-e.qodef--active .qodef-e-spinner {
opacity: 1;
}
.qodef-tracks-list .qodef-e.qodef--active .qodef-e-action-control-icon.qodef--play {
opacity: 0;
}
.qodef-tracks-list .qodef-e.qodef--active .qodef-e-action-control-icon.qodef--pause {
opacity: 1;
}
.qodef-tracks-list.qodef-skin--light {
background-color: rgba(255, 255, 255, 0.1);
-webkit-box-shadow: 2px 7px 17.82px 0.18px rgba(56, 33, 74, 0.4);
box-shadow: 2px 7px 17.82px 0.18px rgba(56, 33, 74, 0.4);
}
.qodef-tracks-list.qodef-skin--light .qodef--active {
background-color: rgba(255, 255, 255, 0.1);
-webkit-box-shadow: none;
box-shadow: none;
}
.qodef-tracks-list.qodef-skin--light .qodef-e-action-control:hover {
color: #fff;
}
.qodef-tracks-list.qodef-skin--light .qodef-e-heading-title,
.qodef-tracks-list.qodef-skin--light .qodef-e-action-track-length,
.qodef-tracks-list.qodef-skin--light .qodef-e-action-control,
.qodef-tracks-list.qodef-skin--light .qodef-e-spinner-icon {
color: #fff;
}
.qodef-tracks-list.qodef-skin--light .qodef-e-heading-info {
color: rgba(255, 255, 255, 0.6);
}
.qodef-tracks-list.qodef--has-artist {
padding-top: 0;
}
/* ==========================================================================
Album Single variation styles
========================================================================== */
.qodef-album.qodef-item-layout--compact .qodef-tracks-list {
left: 13%;
width: calc(100% - 26%);
margin-top: 78px;
}
@media only screen and (max-width: 680px) {
.qodef-album.qodef-item-layout--compact .qodef-tracks-list {
left: 0;
width: 100%;
}
}
.qodef-album.qodef-item-layout--compact .qodef-e-socials {
margin: 70px -35px 0;
}
.qodef-album.qodef-item-layout--compact .qodef-e-socials > * {
position: relative;
width: 50%;
padding: 0 35px;
}
@media only screen and (max-width: 680px) {
.qodef-album.qodef-item-layout--compact .qodef-e-socials > * {
width: 100%;
}
}
.qodef-album.qodef-item-layout--compact .qodef-e-latest-video {
margin-top: 48px;
}
.qodef-album.qodef-item-layout--compact .qodef-e-latest-video .qodef-e-label {
margin-bottom: 27px;
}
.qodef-album.qodef-item-layout--compact .qodef-e-latest-video iframe {
max-height: calc(56.25vw);
border-radius: 5px;
-webkit-box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
}
@media only screen and (max-width: 1440px) {
.qodef-album.qodef-item-layout--compact .qodef-e-latest-video iframe {
max-height: calc(43vw);
}
}
@media only screen and (width: 1366px) {
.qodef-album.qodef-item-layout--compact .qodef-e-latest-video iframe {
max-height: calc(45vw);
}
}
@media only screen and (max-width: 768px) {
.qodef-album.qodef-item-layout--compact .qodef-e-latest-video iframe {
max-height: calc(48vw);
}
}
/* ==========================================================================
Album Single variation styles
========================================================================== */
.qodef-album.qodef-item-layout--minimal .qodef-e-content-text {
margin-bottom: 16px;
}
.qodef-album.qodef-item-layout--minimal .qodef-e-stores {
margin-top: 40px;
}
/* Clients list shortcode style - start */
.qodef-clients-list .qodef-e {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
@media only screen and (max-width: 1024px) {
.qodef-clients-list.qodef-gutter--no.qodef-col-num--6 .qodef-e {
margin-bottom: 30px;
}
}
/* Clients list shortcode style - end */
/* Clients list shortcode style - start */
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in.qodef--hover-disabled {
cursor: unset;
}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in.qodef--hover-disabled .qodef-e .qodef-e-hover-logo {
display: none;
}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e .qodef-e-image {
line-height: 0;
position: relative;
display: inline-block;
vertical-align: top;
}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e .qodef-e-image a {
display: inline-block;
}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e .qodef-e-logo {
width: auto;
opacity: 1;
will-change: opacity;
-webkit-transition: opacity .35s ease-out;
-o-transition: opacity .35s ease-out;
transition: opacity .35s ease-out;
display: inline-block;
}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e .qodef-e-hover-logo {
position: absolute;
top: 0;
left: 0;
width: auto;
opacity: 0;
will-change: opacity;
-webkit-transition: opacity .35s ease-out;
-o-transition: opacity .35s ease-out;
transition: opacity .35s ease-out;
}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-logo {
opacity: 0;
}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-hover-logo {
opacity: 1;
}
.qodef--hover-disabled .qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-logo {
opacity: 1;
}
.qodef--hover-disabled .qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-hover-logo {
opacity: 0;
}
.qodef--hover-disabled.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-logo {
opacity: 1;
}
.qodef--hover-disabled.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-hover-logo {
opacity: 0;
}
/* Clients list shortcode style - end */
/* ==========================================================================
Events Single styles
========================================================================== */
.qodef-events {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-events .qodef-event-item {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin-bottom: 70px;
}
.qodef-events .qodef-e-image img {
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.qodef-events .qodef-e-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 -30px;
}
@media only screen and (max-width: 1024px) {
.qodef-events .qodef-e-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.qodef-events .qodef-e-inner > * {
position: relative;
width: 100%;
padding: 0 30px;
}
.qodef-events .qodef-e-inner .qodef-e-info {
max-width: 32.5%;
}
@media only screen and (max-width: 1024px) {
.qodef-events .qodef-e-inner .qodef-e-info {
max-width: 100%;
margin-bottom: 58px;
}
}
.qodef-events .qodef-e-info-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: 7px;
}
.qodef-events .qodef-e-info-item:last-child {
margin-bottom: 0;
}
.qodef-events .qodef-e-info-item .qodef-e-label {
margin: 0 3px 0 0;
}
.qodef-events .qodef-e-info-item .qodef-e-label:after {
content: ':';
}
.qodef-events .qodef-e-info-item .qodef-e-info-content {
font-size: 14px;
line-height: 1.5em;
font-weight: 400;
color: #5d516c;
}
.qodef-events .qodef-e-info-item .qodef-e-info-content-link {
font-size: 14px;
line-height: 1.5em;
font-weight: 400;
color: #5d516c;
}
.qodef-events .qodef-e-info-item .qodef-e-info-content-link:hover {
color: #38214a;
}
.qodef-events .qodef-e-info-item .qodef-e-end-date:before {
content: '-';
}
.qodef-events .qodef-e-info-item .qodef-e-end-date:after {
content: ',';
position: relative;
left: -3px;
}
.qodef-events .qodef-e-label.qodef--details {
margin: 49px 0 12px;
}
.qodef-events .qodef-e-label.qodef--about-event {
margin: 49px 0 3px;
}
.qodef-events .qodef-e-label.qodef--follow-and-share {
margin: 41px 0 13px;
}
.qodef-events .qodef-e-tickets-link {
margin-top: 52px;
}
.qodef-events .qodef-e-tickets-link .qodef-button {
color: #fff;
background-color: #38214a;
-webkit-box-shadow: 0px 0px 15px 0px rgba(56, 33, 74, 0);
box-shadow: 0px 0px 15px 0px rgba(56, 33, 74, 0);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
border: none;
}
.qodef-events .qodef-e-tickets-link .qodef-button:hover {
-webkit-box-shadow: 0px 10px 25px 0px rgba(56, 33, 74, 0.5);
box-shadow: 0px 10px 25px 0px rgba(56, 33, 74, 0.5);
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.qodef-events .qodef-e-social-icons {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-events .qodef-e-social-icons .qodef-icon-holder {
width: auto;
}
.qodef-events .qodef-e-social-icons .qodef-e-social-icon {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 2em;
height: 2em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 14px;
font-size: 18px;
color: #38214a;
}
.qodef-events .qodef-e-social-icons .qodef-e-social-icon span:before {
line-height: inherit;
}
.qodef-events .qodef-e-social-icons .qodef-e-social-icon:last-child {
margin-right: 0;
}
/* ==========================================================================
Events list shortcode styles
========================================================================== */
.qodef-events-list .qodef-e-title {
margin: 0;
}
.qodef-events-list .qodef-e-location {
font-size: 14px;
line-height: 1.5em;
font-weight: 400;
color: #5d516c;
font-weight: 400;
margin: 0;
}
@media only screen and (min-width: 1025px) {
.qodef-events-list.qodef-vertical-offset article:nth-child(3n + 2) .qodef-e-inner {
top: 50px;
}
}
.qodef-events-list.qodef-swiper-container.qodef-side-offset {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (min-width: 1025px) {
.qodef-events-list.qodef-swiper-container.qodef-side-offset {
padding-right: 232px;
padding-left: 232px;
}
}
@media only screen and (min-width: 1681px) {
.qodef-events-list.qodef-swiper-container.qodef-side-offset {
padding-right: 332px;
padding-left: 332px;
}
}
.qodef-events-list.qodef-swiper-container article:nth-child(2n) {
margin-top: 40px;
padding-bottom: 40px;
}
.qodef-events-list.qodef-swiper-container .swiper-pagination-bullets {
padding-top: 11px;
}
.qodef-events-list.qodef-skin--light .qodef-e-inner > *,
.qodef-events-list.qodef-skin--light .qodef-e-inner .qodef-e-title {
color: #fff;
}
.qodef-events-list.qodef-skin--light .qodef-e-inner .qodef-e-location {
color: rgba(255, 255, 255, 0.6);
}
.qodef-events-list.qodef-skin--light .qodef-e-inner .qodef-e-title a {
color: #fff;
}
.qodef-events-list.qodef-item-layout--info-on-image .qodef-e-inner > *,
.qodef-events-list.qodef-item-layout--info-on-image .qodef-e-inner .qodef-e-title {
color: #fff;
}
.qodef-events-list.qodef-item-layout--info-on-image .qodef-e-inner .qodef-e-location {
color: rgba(255, 255, 255, 0.6);
}
.qodef-events-list.qodef-item-layout--info-on-image .qodef-e-inner .qodef-e-title a {
color: #fff;
}
.qodef-events-list.qodef-item-layout--info-on-image .qodef-e-inner {
position: relative;
}
.qodef-events-list.qodef-item-layout--info-on-image .qodef-e-image {
overflow: hidden;
border-radius: 5px;
}
.qodef-events-list.qodef-item-layout--info-on-image .qodef-e-image.qodef-e-blur-target {
overflow: hidden;
border-radius: 5px;
}
.qodef-events-list.qodef-item-layout--info-on-image .qodef-e-image.qodef-e-blur-target img {
max-width: unset;
width: calc(100% + 20px);
height: calc(100% + 20px);
margin-top: -10px;
margin-left: -10px;
}
.qodef-events-list.qodef-item-layout--info-on-image .qodef-e-image-shadow {
position: absolute;
display: block;
-webkit-filter: blur(12px);
filter: blur(12px);
width: 100%;
bottom: 0px;
z-index: -1;
}
.qodef-events-list.qodef-item-layout--info-on-image .qodef-e-image-shadow img {
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
opacity: .5;
-webkit-transform: translateY(5px) scale(0.8);
-ms-transform: translateY(5px) scale(0.8);
transform: translateY(5px) scale(0.8);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
}
.qodef-browser--safari .qodef-events-list.qodef-item-layout--info-on-image .qodef-e-image-shadow,
.qodef-browser--ms-explorer .qodef-events-list.qodef-item-layout--info-on-image .qodef-e-image-shadow {
-webkit-filter: none;
filter: none;
-webkit-transform: translateY(-20px) scale(0.8);
-ms-transform: translateY(-20px) scale(0.8);
transform: translateY(-20px) scale(0.8);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.3);
box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.3);
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
}
.qodef-browser--safari .qodef-events-list.qodef-item-layout--info-on-image .qodef-e-image-shadow img,
.qodef-browser--ms-explorer .qodef-events-list.qodef-item-layout--info-on-image .qodef-e-image-shadow img {
opacity: 0;
}
.qodef-events-list.qodef-item-layout--info-on-image .qodef-e-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.qodef-events-list.qodef-item-layout--info-on-image .qodef-e-content .qodef-e-content-inner {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 30px 30px 24px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.qodef-events-list.qodef-item-layout--info-on-image .qodef-e-inner .qodef-e-image a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.qodef-events-list.qodef-item-layout--info-on-image .qodef-e-inner .qodef-e-date {
position: absolute;
width: 62px;
height: 62px;
top: 30px;
left: 30px;
margin: 0;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 600;
color: #38214a;
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.qodef-events-list.qodef-item-layout--info-on-image .qodef-e-inner .qodef-e-title {
margin: 0;
}
.qodef-events-list.qodef-item-layout--info-on-image .qodef-e-inner .qodef-e-location {
margin: 4px 0 0;
}
.qodef-events-list.qodef-background-filter-enabled {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.qodef-events-list.qodef-item-layout--info-on-image.qodef-hover-animation--direction-aware .qodef-e-inner {
overflow: hidden;
}
.qodef-events-list.qodef-item-layout--info-on-image.qodef-hover-animation--direction-aware .qodef-e-content {
display: none;
opacity: 1;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
padding: inherit;
}
.qodef-item-layout--info-on-image.qodef-hover-animation--fade-in .qodef-e-content {
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.qodef-item-layout--info-on-image.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-content {
opacity: 1;
}
/* ==========================================================================
Events list shortcode variation styles
========================================================================== */
.qodef-events-list.qodef-item-layout--info-table {
padding: 62px 70px 38px;
background-color: rgba(255, 255, 255, 0.55);
border-radius: 5px;
-webkit-box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 680px) {
.qodef-events-list.qodef-item-layout--info-table {
padding: 40px;
}
}
.qodef-events-list.qodef-item-layout--info-table .qodef-e-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.qodef-events-list.qodef-item-layout--info-table .qodef-e-date {
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 32px 0 0;
}
@media only screen and (max-width: 680px) {
.qodef-events-list.qodef-item-layout--info-table .qodef-e-date {
width: 100%;
}
}
.qodef-events-list.qodef-item-layout--info-table .qodef-e-tickets-link {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: auto;
}
.qodef-events-list.qodef-item-layout--info-table .qodef-button.qodef-html--link:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
@media only screen and (max-width: 680px) {
.qodef-events-list.qodef-item-layout--info-table .qodef-e-inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.qodef-events-list.qodef-item-layout--info-table .qodef-e-tickets-link {
margin: 20px 20px 10px 0;
width: 100%;
}
}
.revslider-initialised .qodef-events-list.qodef-item-layout--info-table {
max-height: 77vh;
padding: 60px;
margin-bottom: 0;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 15px;
overflow-y: scroll;
scroll-behavior: smooth;
}
@media only screen and (max-width: 1366px) {
.revslider-initialised .qodef-events-list.qodef-item-layout--info-table {
max-height: 82vh;
}
}
@media only screen and (max-width: 1024px) {
.revslider-initialised .qodef-events-list.qodef-item-layout--info-table {
max-height: 76vh;
}
}
@media only screen and (max-width: 680px) {
.revslider-initialised .qodef-events-list.qodef-item-layout--info-table {
padding: 40px;
}
}
.revslider-initialised .qodef-events-list.qodef-item-layout--info-table .qodef-e:last-child {
margin-bottom: 0;
}
.revslider-initialised .qodef-events-list.qodef-item-layout--info-table::-webkit-scrollbar {
width: 3px;
}
.revslider-initialised .qodef-events-list.qodef-item-layout--info-table::-webkit-scrollbar-track {
background: 0 0;
}
.revslider-initialised .qodef-events-list.qodef-item-layout--info-table::-webkit-scrollbar-thumb {
cursor: pointer;
background: #fff;
}
.qodef-events-list.qodef-skin--light.qodef-item-layout--info-table {
background-color: rgba(255, 255, 255, 0.1);
-webkit-box-shadow: none;
box-shadow: none;
}
.qodef-events-list.qodef-skin--light.qodef-item-layout--info-table .qodef-button.qodef-html--link {
-webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0);
box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0);
}
.qodef-events-list.qodef-skin--light.qodef-item-layout--info-table .qodef-button.qodef-html--link:hover {
-webkit-box-shadow: 0px 10px 25px 0px white;
box-shadow: 0px 10px 25px 0px white;
}
/* Testimonials list shortcode style - start */
.qodef-testimonials-list .qodef-e-inner {
padding-bottom: 40px;
}
.qodef-testimonials-list .qodef-e-media-image img {
border-radius: 100%;
}
.qodef-testimonials-list .qodef-e-title {
margin: 0 0 5px;
}
.qodef-testimonials-list .qodef-e-text {
margin: 15px 0 28px;
}
.qodef-testimonials-list .qodef-e-author {
margin: 0;
font-size: 13px;
line-height: 20px;
}
.qodef-testimonials-list .swiper-pagination-bullets {
padding-top: 5px;
}
.qodef-testimonials-list .swiper-pagination-bullets .swiper-pagination-bullet:after {
background-color: #f8e7e5;
}
.qodef-testimonials-list.qodef-skin--light .qodef-e-title,
.qodef-testimonials-list.qodef-skin--light .qodef-m-star,
.qodef-testimonials-list.qodef-skin--light .qodef-e-author {
color: #fff;
}
.qodef-testimonials-list.qodef-skin--light .qodef-e-text {
color: #a2a3c5;
}
.qodef-testimonials-list.qodef-skin--light .swiper-pagination-bullet:after {
background-color: rgba(255, 255, 255, 0.6);
}
.qodef-testimonials-list.qodef-skin--light .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
background-color: #fff;
}
/* Testimonials list shortcode style - end */
.qodef-testimonials-list.qodef-item-layout--info-below .qodef-e-content {
text-align: center;
}
.qodef-testimonials-list.qodef-item-layout--info-below .qodef-e-media-image {
margin: 0 auto;
display: block;
width: 126px;
}
.qodef-testimonials-list.qodef-item-layout--info-below .qodef-e-text {
margin: 29px 0 14px;
}
.qodef-testimonials-list.qodef-item-layout--info-below .qodef-e-author-name {
font-size: 16px;
font-weight: 600;
}
.qodef-testimonials-list.qodef-item-layout--info-below .qodef-e-author-job {
display: block;
font-size: 14px;
line-height: 1.6em;
}
.qodef-testimonials-list.qodef-item-layout--info-below.qodef-skin--light .qodef-e-text,
.qodef-testimonials-list.qodef-item-layout--info-below.qodef-skin--light .qodef-m-star {
color: #fff;
}
.qodef-testimonials-list.qodef-item-layout--standard .qodef-e-media-image {
width: 45px;
line-height: 0;
margin-right: 15px;
margin-bottom: 25px;
float: left;
}
.qodef-testimonials-list.qodef-item-layout--standard .qodef-m-ratings {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
line-height: 1;
}
.qodef-testimonials-list.qodef-item-layout--standard .qodef-m-ratings .qodef-m-inner {
position: relative;
display: inline-block;
vertical-align: top;
}
.qodef-testimonials-list.qodef-item-layout--standard .qodef-m-ratings .qodef-m-star {
font-size: 20px;
letter-spacing: .075em;
}
.qodef-testimonials-list.qodef-item-layout--standard .qodef-m-ratings .qodef-m-star.qodef--active {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
white-space: nowrap;
}
.qodef-testimonials-list.qodef-item-layout--standard .qodef-e-title {
margin: 0 0 14px;
}
.qodef-testimonials-list.qodef-item-layout--standard .qodef-e-text {
margin: 0 0 13px;
}
.qodef-testimonials-list.qodef-item-layout--standard .qodef-e-author {
font-family: inherit;
font-weight: 700;
color: #38214a;
font-size: 14px;
line-height: 1.5em;
font-weight: 400;
color: #5d516c;
display: inline-block;
margin-top: 12px;
color: #a2a3c5;
}
/* ==========================================================================
# Search covers header - start
========================================================================== */
@-webkit-keyframes cover_search_fade_out {
0% {
opacity: 1;
visibility: visible;
z-index: 100;
}
100% {
opacity: 0;
visibility: hidden;
z-index: 0;
}
}
@keyframes cover_search_fade_out {
0% {
opacity: 1;
visibility: visible;
z-index: 100;
}
100% {
opacity: 0;
visibility: hidden;
z-index: 0;
}
}
@-webkit-keyframes cover_search_fade_in {
0% {
opacity: 0;
visibility: hidden;
z-index: 100;
}
100% {
opacity: 1;
visibility: visible;
z-index: 100;
}
}
@keyframes cover_search_fade_in {
0% {
opacity: 0;
visibility: hidden;
z-index: 100;
}
100% {
opacity: 1;
visibility: visible;
z-index: 100;
}
}
.qodef-search-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
background-color: #fff;
z-index: -1;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.qodef-covers-search--fadeout .qodef-search-cover {
-webkit-animation: cover_search_fade_out .3s ease both;
animation: cover_search_fade_out .3s ease both;
}
.qodef-covers-search--fadein .qodef-search-cover {
-webkit-animation: cover_search_fade_in .3s ease both;
animation: cover_search_fade_in .3s ease both;
}
.qodef-header--sticky-display #qodef-page-header > .qodef-search-cover {
display: none;
}
.qodef-search-cover .qodef-form-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.qodef-search-cover input[type="text"] {
display: inline-block;
vertical-align: middle;
float: left;
width: 90%;
padding: 0 0 0 47px;
margin: 0;
font-family: inherit;
font-size: 26px;
font-weight: 600;
text-transform: uppercase;
color: #f8e7e5;
background-color: transparent;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
outline-offset: 0;
}
.qodef-search-cover input[type="text"]:focus {
color: #f8e7e5;
}
.qodef-search-cover input[type="text"]::-webkit-input-placeholder {
color: inherit;
opacity: 1;
}
.qodef-search-cover input[type="text"]::-moz-placeholder {
color: inherit;
opacity: 1;
}
.qodef-search-cover input[type="text"]:-ms-input-placeholder {
color: inherit;
opacity: 1;
}
.qodef-search-cover input[type="text"]::-ms-input-placeholder {
color: inherit;
opacity: 1;
}
.qodef-search-cover input[type="text"]::placeholder {
color: inherit;
opacity: 1;
}
.qodef-search-cover input[type="submit"] {
position: absolute;
height: 1px;
width: 1px;
padding: 0;
margin: -1px;
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
visibility: hidden;
}
.qodef-search-cover .qodef-search-close {
position: absolute;
top: 50%;
right: 37px;
display: inline-block;
vertical-align: middle;
color: #f8e7e5;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.qodef-search-cover .qodef-search-close:hover {
color: #f8e7e5;
}
.qodef-search-cover .qodef-search-close.qodef-search-close--icon-pack {
font-size: 23px;
line-height: 1em;
}
.qodef-search-cover .qodef-search-close.qodef-search-close--icon-pack * {
display: block;
line-height: inherit;
}
.qodef-search-cover .qodef-search-close.qodef-search-close--icon-pack *:before {
display: block;
line-height: inherit;
}
.qodef-search-cover .qodef-search-close.qodef-search-close--svg-path > * {
vertical-align: middle;
}
.qodef-search-cover .qodef-search-close.qodef-search-close--svg-path > *,
.qodef-search-cover .qodef-search-close.qodef-search-close--svg-path path {
fill: currentColor;
stroke: currentColor;
}
/* ==========================================================================
# Search covers header - end
========================================================================== */
/* ==========================================================================
# Fullscreen search - start
========================================================================== */
/* Fullscreen search general style - start
========================================================================== */
.qodef-fullscreen-search-holder {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.98);
z-index: 100;
}
.qodef-fullscreen-search-holder .qodef-fullscreen-search-inner {
width: 100%;
}
.qodef-fullscreen-search-holder .qodef-fullscreen-search-form {
position: relative;
width: 60%;
margin: 0 auto;
}
.qodef-fullscreen-search-holder .qodef-fullscreen-search-form .qodef-line {
position: absolute;
left: 0;
bottom: -2px;
width: 0;
border-bottom: 1px solid #000;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.qodef-fullscreen-search--opened .qodef-fullscreen-search-holder .qodef-fullscreen-search-form .qodef-line {
width: 100%;
-webkit-transition: width 0.5s ease .6s;
-o-transition: width 0.5s ease .6s;
transition: width 0.5s ease .6s;
}
.qodef-fullscreen-search-holder .qodef-field-holder {
display: block;
position: relative;
}
.qodef-fullscreen-search-holder .qodef-search-field {
position: relative;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
font-family: inherit;
font-size: 25px;
color: #38214a;
line-height: 2em;
background: transparent;
border: 0;
border-radius: 0;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.qodef-fullscreen-search-holder .qodef-search-submit {
position: absolute;
right: 0;
bottom: -20px;
width: auto;
color: #5d516c;
background-color: transparent;
border: none;
outline: none;
opacity: 0;
cursor: pointer;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.qodef-fullscreen-search-holder .qodef-search-submit:hover {
color: #38214a;
}
.qodef-fullscreen-search--opened .qodef-fullscreen-search-holder .qodef-search-submit {
opacity: 1;
bottom: 10px;
-webkit-transition: color 0.2s ease, opacity .2s ease-out 1.1s, bottom .4s ease-out .9s;
-o-transition: color 0.2s ease, opacity .2s ease-out 1.1s, bottom .4s ease-out .9s;
transition: color 0.2s ease, opacity .2s ease-out 1.1s, bottom .4s ease-out .9s;
}
.qodef-fullscreen-search-holder .qodef-search-submit.qodef-search-submit--icon-pack {
font-size: 18px;
line-height: 1em;
}
.qodef-fullscreen-search-holder .qodef-search-submit.qodef-search-submit--svg-path > *,
.qodef-fullscreen-search-holder .qodef-search-submit.qodef-search-submit--svg-path path {
fill: currentColor;
stroke: currentColor;
}
.qodef-fullscreen-search-holder .qodef-search-close {
position: absolute;
top: 33px;
right: 70px;
color: #5d516c;
opacity: 0;
visibility: hidden;
z-index: 1;
}
.admin-bar .qodef-fullscreen-search-holder .qodef-search-close {
top: 72px;
}
.qodef-fullscreen-search-holder .qodef-search-close:hover {
color: #38214a;
}
.qodef-fullscreen-search-holder .qodef-search-close.qodef-search-close--icon-pack {
font-size: 25px;
line-height: 1em;
}
.qodef-fullscreen-search-holder .qodef-search-close.qodef-search-close--icon-pack * {
display: block;
line-height: inherit;
}
.qodef-fullscreen-search-holder .qodef-search-close.qodef-search-close--icon-pack *:before {
display: block;
line-height: inherit;
}
.qodef-fullscreen-search-holder .qodef-search-close.qodef-search-close--svg-path > * {
vertical-align: middle;
}
.qodef-fullscreen-search-holder .qodef-search-close.qodef-search-close--svg-path > *,
.qodef-fullscreen-search-holder .qodef-search-close.qodef-search-close--svg-path path {
fill: currentColor;
stroke: currentColor;
}
/* Fullscreen search general style - end
========================================================================== */
/* Fullscreen search fade style - start
========================================================================== */
.qodef-fullscreen-search--fadeout .qodef-fullscreen-search-holder {
-webkit-animation: fullscreen_search_fade_out .3s ease both;
animation: fullscreen_search_fade_out .3s ease both;
}
.qodef-fullscreen-search--fadein .qodef-fullscreen-search-holder {
-webkit-animation: fullscreen_search_fade_in .3s ease both;
animation: fullscreen_search_fade_in .3s ease both;
}
.qodef-fullscreen-search--opened .qodef-fullscreen-search-holder .qodef-search-close {
opacity: 1;
visibility: visible;
}
@-webkit-keyframes fullscreen_search_fade_out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@keyframes fullscreen_search_fade_out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@-webkit-keyframes fullscreen_search_fade_in {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
@keyframes fullscreen_search_fade_in {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
/* Fullscreen search fade style - end
========================================================================== */
/* ==========================================================================
# Fullscreen search - end
========================================================================== */
/* ==========================================================================
# Search opener - begin
========================================================================== */
.qodef-search-opener {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 23px;
line-height: 1;
}
.qodef-search-opener .qodef-search-opener-inner {
display: block;
}
.qodef-search-opener .qodef-search-opener-inner > * {
position: relative;
display: inline-block;
vertical-align: middle;
line-height: inherit;
}
.qodef-search-opener .qodef-search-opener-inner > *:before {
display: block;
line-height: inherit;
}
.qodef-search-opener.qodef-search-opener-svg-path .qodef-search-opener-wrapper > * {
vertical-align: middle;
}
.qodef-search-opener.qodef-search-opener-svg-path .qodef-search-opener-wrapper > *,
.qodef-search-opener.qodef-search-opener-svg-path .qodef-search-opener-wrapper path {
fill: currentColor;
stroke: currentColor;
}
/* ==========================================================================
# Search opener - end
========================================================================== */
/* ==========================================================================
Accordion shortcode styles
========================================================================== */
.qodef-accordion {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
visibility: hidden;
}
.qodef-accordion .qodef-accordion-content-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-accordion.qodef--init {
visibility: visible;
}
/* ==========================================================================
Accordion shortcode styles
========================================================================== */
.qodef-accordion.qodef-layout--simple .qodef-accordion-title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
padding: 12px 10px 12px 5px;
-webkit-transition: color .2s ease-out, background-color .2s ease-out;
-o-transition: color .2s ease-out, background-color .2s ease-out;
transition: color .2s ease-out, background-color .2s ease-out;
cursor: pointer;
border-bottom: 1px solid rgba(139, 131, 149, 0.4);
}
.qodef-accordion.qodef-layout--simple .qodef-accordion-title:first-child {
margin-top: 0;
border-top: 1px solid rgba(139, 131, 149, 0.4);
}
.qodef-accordion.qodef-layout--simple .qodef-accordion-title .qodef-accordion-mark {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 20px;
height: 18px;
line-height: 1;
text-align: center;
}
.qodef-accordion.qodef-layout--simple .qodef-accordion-title .qodef-accordion-mark span {
position: absolute;
display: block;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
.qodef-accordion.qodef-layout--simple .qodef-accordion-title .qodef-accordion-mark span:before {
display: block;
line-height: inherit;
}
.qodef-accordion.qodef-layout--simple .qodef-accordion-title .qodef-accordion-mark span.qodef-icon--up {
opacity: 0;
}
.qodef-accordion.qodef-layout--simple .qodef-accordion-title .qodef-accordion-mark span.qodef-icon--down {
opacity: 1;
}
.qodef-accordion.qodef-layout--simple .qodef-accordion-title.ui-state-hover {
color: #5d516c;
}
.qodef-accordion.qodef-layout--simple .qodef-accordion-title.ui-state-active .qodef-accordion-mark span.qodef-icon--up {
opacity: 1;
}
.qodef-accordion.qodef-layout--simple .qodef-accordion-title.ui-state-active .qodef-accordion-mark span.qodef-icon--down {
opacity: 0;
}
.qodef-accordion.qodef-layout--simple .qodef-accordion-content {
padding: 26px 20px 8px;
margin: 0;
}
.qodef-accordion.qodef-layout--simple .qodef-accordion-content p {
margin: 0;
}
/* ==========================================================================
Banner shortcode styles
========================================================================== */
.qodef-banner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
border-radius: 5px;
}
.qodef-banner .qodef-m-banner-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 1;
}
.qodef-banner .qodef-m-content {
position: absolute;
display: block;
width: 100%;
height: 100%;
}
.qodef-banner .qodef-m-content-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 16.4% 7%;
}
@media only screen and (max-width: 680px) {
.qodef-banner .qodef-m-content-inner {
padding: 14.4% 7% 5%;
}
}
.qodef-banner .qodef-m-subtitle {
margin: 0;
position: absolute;
color: #f8e7e5;
z-index: 0;
}
.qodef-banner span.qodef-m-subtitle {
font-family: inherit;
font-weight: 700;
color: #38214a;
font-size: 50px;
line-height: 1.1em;
letter-spacing: -0.005em;
color: #f8e7e5;
font-size: 137px;
margin-top: -.4em;
}
@media only screen and (max-width: 680px) {
.qodef-banner span.qodef-m-subtitle {
font-size: 87px;
margin-top: -.5em;
}
}
.qodef-banner .qodef-m-text-field {
font-size: 15px;
color: #f8e7e5;
margin: 0 0 10px;
font-style: italic;
}
.qodef-banner .qodef-m-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
overflow: hidden;
}
.qodef-banner .qodef-m-image img {
display: block;
-webkit-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.qodef-banner .qodef-m-image + .qodef-m-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.qodef-banner .qodef-m-image + .qodef-m-content .qodef-m-content-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.qodef-banner .qodef-m-additional-image {
position: absolute;
display: block;
top: 0;
left: 0;
max-width: 100%;
z-index: 1;
}
.qodef-banner .qodef-m-additional-image img {
display: block;
border-radius: 5px;
}
.qodef-banner .qodef-m-title {
margin: 10px 0 1px;
}
.qodef-banner .qodef-m-text {
margin: 0;
}
.qodef-banner .qodef-m-title,
.qodef-banner .qodef-m-text {
position: relative;
z-index: 1;
}
.qodef-banner.qodef-layout--link-button {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.qodef-banner.qodef-layout--link-button .qodef-m-content-inner {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.qodef-banner.qodef-layout--link-button .qodef-m-button {
margin: 27px 0 0;
position: relative;
z-index: 1;
}
.qodef-banner.qodef-layout--link-button .qodef-m-subtitle {
margin-left: -10px;
}
.qodef-banner.qodef-layout--link-button p.qodef-m-text {
color: #5d516c;
}
.qodef-banner.qodef-layout--link-button .qodef-m-additional-image {
-webkit-transition: .37s ease-out;
-o-transition: .37s ease-out;
transition: .37s ease-out;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.qodef-banner.qodef-layout--link-button .qodef-m-additional-image:hover {
-webkit-transform: translateX(15px);
-ms-transform: translateX(15px);
transform: translateX(15px);
}
.qodef-banner.qodef-layout--link-overlay {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.qodef-banner.qodef-layout--link-overlay .qodef-m-content-inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.qodef-banner.qodef-layout--link-overlay .qodef-m-image {
-webkit-transition: .55s ease-out;
-o-transition: .55s ease-out;
transition: .55s ease-out;
-webkit-transform: scale(1.06);
-ms-transform: scale(1.06);
transform: scale(1.06);
}
.qodef-banner.qodef-layout--link-overlay:hover .qodef-m-image {
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01);
}
/* ==========================================================================
Button shortcode styles
========================================================================== */
.qodef-button.qodef-html--link {
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
margin: 0;
font-family: inherit;
font-size: 14px;
line-height: 2em;
font-weight: 600;
text-decoration: none;
border-radius: 4em;
outline: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: color .35s ease-out, background-color .35s ease-out, border-color .35s ease-out, all .35s ease-out;
-o-transition: color .35s ease-out, background-color .35s ease-out, border-color .35s ease-out, all .35s ease-out;
transition: color .35s ease-out, background-color .35s ease-out, border-color .35s ease-out, all .35s ease-out;
-webkit-box-shadow: 0px 0px 15px 0px rgba(245, 216, 212, 0.7);
box-shadow: 0px 0px 15px 0px rgba(245, 216, 212, 0.7);
padding: 10px 51px;
}
.qodef-button.qodef-size--small {
padding: 7px 38px;
}
.qodef-button.qodef-size--large {
padding: 15px 67px;
}
.qodef-button .qodef-m-svg {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
line-height: 1;
}
.qodef-button.qodef-layout--filled.qodef-html--link {
color: #fff;
background-color: #38214a;
border: 1px solid transparent;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
color: #fff;
background-color: #38214a;
-webkit-box-shadow: 0px 0px 15px 0px rgba(56, 33, 74, 0);
box-shadow: 0px 0px 15px 0px rgba(56, 33, 74, 0);
transform: translateY(0px);
border: none;
}
.qodef-button.qodef-layout--filled.qodef-html--link:hover {
color: #fff;
background-color: #38214a;
-webkit-transform: translateY(-2px) translateZ(0);
transform: translateY(-2px) translateZ(0);
-webkit-box-shadow: 0px 10px 25px 0px rgba(56, 33, 74, 0.5);
box-shadow: 0px 10px 25px 0px rgba(56, 33, 74, 0.5);
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.qodef-button.qodef-layout--outlined {
color: #f8e7e5;
background-color: transparent;
border: 2px solid #f8e7e5;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.qodef-button.qodef-layout--outlined:hover {
color: #fff;
background-color: #f8e7e5;
border-color: #f8e7e5;
-webkit-transform: translateY(-2px) translateZ(0);
transform: translateY(-2px) translateZ(0);
}
.qodef-button.qodef-layout--shadowed {
color: #38214a;
background-color: #fff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(245, 216, 212, 0.7);
box-shadow: 0px 0px 15px 0px rgba(245, 216, 212, 0.7);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
border: none;
}
.qodef-button.qodef-layout--shadowed:hover {
-webkit-box-shadow: 0px 10px 25px 0px rgba(245, 216, 212, 0.7);
box-shadow: 0px 10px 25px 0px rgba(245, 216, 212, 0.7);
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.qodef-button.qodef-layout--textual {
padding: 0 !important;
font-size: 15px;
color: #38214a;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.qodef-button.qodef-layout--textual .qodef-m-text {
display: inline-block;
vertical-align: middle;
}
.qodef-button.qodef-layout--textual .qodef-m-text:before {
content: '';
position: absolute;
display: block;
width: 0;
height: 1px;
background-color: currentColor;
bottom: 4px;
left: 0;
-webkit-transition: width .3s ease-out;
-o-transition: width .3s ease-out;
transition: width .3s ease-out;
}
.qodef-button.qodef-layout--textual:hover .qodef-m-text:before {
width: 100%;
}
.qodef-button.qodef-layout--textual .qodef-m-icon {
position: relative;
display: inline-block;
vertical-align: middle;
top: 1px;
}
/* ==========================================================================
Call to Action shortcode styles
========================================================================== */
.qodef-call-to-action.qodef-layout--standard {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-call-to-action.qodef-layout--standard .qodef-m-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.qodef-call-to-action.qodef-layout--standard.qodef-style--stretched .qodef-m-inner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.qodef-call-to-action.qodef-layout--standard.qodef-style--centered .qodef-m-inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.qodef-call-to-action.qodef-layout--standard .qodef-m-content {
padding-right: 20px;
}
.qodef-call-to-action.qodef-layout--standard .qodef-m-content > * {
margin: 0;
}
.qodef-call-to-action.qodef-layout--standard .qodef-m-button {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
/* ==========================================================================
Countdown shortcode styles
========================================================================== */
.qodef-countdown .qodef-m-date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.qodef-countdown .qodef-digit-wrapper {
min-width: 25%;
}
.qodef-countdown.qodef-countdown--light .qodef-digit,
.qodef-countdown.qodef-countdown--light .qodef-label {
color: #fff;
}
.qodef-countdown.qodef-layout--simple .qodef-digit-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 20px;
}
.qodef-countdown.qodef-layout--simple .qodef-digit {
font-family: inherit;
font-size: 70px;
line-height: .9em;
font-weight: 700;
color: #38214a;
margin: 4px 0 0 0;
}
@media only screen and (max-width: 1024px) {
.qodef-countdown.qodef-layout--simple .qodef-digit {
font-size: 50px;
}
}
.qodef-countdown.qodef-layout--simple .qodef-label {
font-family: inherit;
font-weight: 700;
color: #38214a;
font-size: 18px;
line-height: 1.315789473684211em;
letter-spacing: -0.005em;
font-weight: 600;
margin-bottom: 4px;
width: 100%;
text-align: center;
}
/* ==========================================================================
Counter shortcode styles
========================================================================== */
.qodef-counter.qodef-layout--simple {
text-align: center;
}
.qodef-counter.qodef-layout--simple .qodef-m-digit {
font-family: inherit;
font-weight: 600;
font-size: 75px;
line-height: 1;
color: #38214a;
}
.qodef-counter.qodef-layout--simple .qodef-m-title {
margin: 5px 0 0 0;
}
.qodef-counter.qodef-layout--simple .qodef-m-text {
margin: 0;
}
/* ==========================================================================
Custom Font shortcode styles
========================================================================== */
.qodef-custom-font {
position: relative;
margin: 0;
}
span .qodef-custom-font {
font-family: inherit;
font-weight: 700;
color: #38214a;
font-size: 50px;
line-height: 1.1em;
letter-spacing: -0.005em;
font-size: 180px;
}
span.qodef-custom-font {
display: block;
font-family: inherit;
font-weight: 700;
color: #38214a;
font-size: 50px;
line-height: 1.1em;
letter-spacing: -0.005em;
font-size: 180px;
}
span.qodef-custom-font.qodef-has-animation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character {
min-width: .29em;
opacity: 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: .55s ease-out;
-o-transition: .55s ease-out;
transition: .55s ease-out;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(1) {
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(2) {
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(3) {
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(4) {
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(5) {
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(6) {
-webkit-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(7) {
-webkit-transition-delay: 0.7s;
-o-transition-delay: 0.7s;
transition-delay: 0.7s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(8) {
-webkit-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(9) {
-webkit-transition-delay: 0.9s;
-o-transition-delay: 0.9s;
transition-delay: 0.9s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(10) {
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(11) {
-webkit-transition-delay: 1.1s;
-o-transition-delay: 1.1s;
transition-delay: 1.1s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(12) {
-webkit-transition-delay: 1.2s;
-o-transition-delay: 1.2s;
transition-delay: 1.2s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(13) {
-webkit-transition-delay: 1.3s;
-o-transition-delay: 1.3s;
transition-delay: 1.3s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(14) {
-webkit-transition-delay: 1.4s;
-o-transition-delay: 1.4s;
transition-delay: 1.4s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(15) {
-webkit-transition-delay: 1.5s;
-o-transition-delay: 1.5s;
transition-delay: 1.5s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(16) {
-webkit-transition-delay: 1.6s;
-o-transition-delay: 1.6s;
transition-delay: 1.6s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(17) {
-webkit-transition-delay: 1.7s;
-o-transition-delay: 1.7s;
transition-delay: 1.7s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(18) {
-webkit-transition-delay: 1.8s;
-o-transition-delay: 1.8s;
transition-delay: 1.8s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(19) {
-webkit-transition-delay: 1.9s;
-o-transition-delay: 1.9s;
transition-delay: 1.9s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(20) {
-webkit-transition-delay: 2s;
-o-transition-delay: 2s;
transition-delay: 2s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(21) {
-webkit-transition-delay: 2.1s;
-o-transition-delay: 2.1s;
transition-delay: 2.1s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(22) {
-webkit-transition-delay: 2.2s;
-o-transition-delay: 2.2s;
transition-delay: 2.2s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(23) {
-webkit-transition-delay: 2.3s;
-o-transition-delay: 2.3s;
transition-delay: 2.3s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(24) {
-webkit-transition-delay: 2.4s;
-o-transition-delay: 2.4s;
transition-delay: 2.4s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(25) {
-webkit-transition-delay: 2.5s;
-o-transition-delay: 2.5s;
transition-delay: 2.5s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(26) {
-webkit-transition-delay: 2.6s;
-o-transition-delay: 2.6s;
transition-delay: 2.6s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(27) {
-webkit-transition-delay: 2.7s;
-o-transition-delay: 2.7s;
transition-delay: 2.7s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(28) {
-webkit-transition-delay: 2.8s;
-o-transition-delay: 2.8s;
transition-delay: 2.8s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(29) {
-webkit-transition-delay: 2.9s;
-o-transition-delay: 2.9s;
transition-delay: 2.9s;
}
span.qodef-custom-font.qodef-has-animation .qodef-e-character:nth-child(30) {
-webkit-transition-delay: 3s;
-o-transition-delay: 3s;
transition-delay: 3s;
}
span.qodef-custom-font.qodef-has-animation.qodef--appear .qodef-e-character {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
span.qodef-custom-font.qodef-has-animation.qodef-align--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
span.qodef-custom-font.qodef-has-animation.qodef-align--right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
/* ==========================================================================
Dropcaps shortcode styles
========================================================================== */
.qodef-dropcaps {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-dropcaps .qodef-m-letter {
position: relative;
top: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
float: left;
margin: 0 10px 5px 0;
font-family: inherit;
font-weight: 700;
color: #38214a;
font-size: 44px;
line-height: 1.113636363636364em;
letter-spacing: -0.005em;
}
.qodef-dropcaps .qodef-m-text {
display: inline;
margin: 0;
}
.qodef-dropcaps:not(.qodef-type--simple) .qodef-m-letter {
width: 40px;
height: 40px;
font-size: 18px;
line-height: 1.315789473684211em;
letter-spacing: -0.005em;
font-weight: 600;
color: #fff;
background-color: #38214a;
}
.qodef-dropcaps.qodef-type--circle .qodef-m-letter {
border-radius: 100%;
}
/* ==========================================================================
Google Map shortcode styles
========================================================================== */
.qodef-google-map {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-google-map .qodef-m-map {
display: block;
width: 100%;
height: 300px;
}
.qodef-google-map .qodef-m-map iframe,
.qodef-google-map .qodef-m-map object,
.qodef-google-map .qodef-m-map embed {
width: 100%;
display: block;
}
.qodef-google-map .qodef-m-map img {
max-width: none;
}
/* ==========================================================================
Highlight shortcode styles
========================================================================== */
.qodef-highlight .qodef-highlight-text {
padding: 0 5px;
color: #fff;
background-color: #38214a;
}
/* ==========================================================================
Icon List Item shortcode styles
========================================================================== */
.qodef-icon-list-item {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
line-height: 1;
}
.qodef-icon-list-item .qodef-e-title {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0;
line-height: 1;
}
.qodef-icon-list-item .qodef-e-title a {
display: block;
}
.qodef-icon-list-item .qodef-e-title-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.qodef-icon-list-item .qodef-icon-holder {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 5px;
float: none;
}
.qodef-icon-list-item .qodef-icon-holder .qodef-icon {
font-size: 18px;
}
.qodef-icon-list-item.qodef-icon--custom-icon .qodef-e-icon-wrapper {
position: relative;
display: inline-block;
vertical-align: top;
}
.qodef-icon-list-item.qodef-icon--custom-icon .qodef-e-icon-wrapper a, .qodef-icon-list-item.qodef-icon--custom-icon .qodef-e-icon-wrapper img {
display: block;
}
/* ==========================================================================
Icon List Item widget styles
========================================================================== */
#qodef-page-sidebar .widget.widget_neobeat_core_icon_list_item {
margin-bottom: 0;
}
#qodef-page-footer .widget.widget_neobeat_core_icon_list_item {
margin-bottom: 0;
}
#qodef-side-area .widget.widget_neobeat_core_icon_list_item {
margin-bottom: 0;
}
/* ==========================================================================
Icon With Text shortcode styles
========================================================================== */
.qodef-icon-with-text .qodef-m-title {
margin: 0;
}
.qodef-icon-with-text .qodef-m-title a {
display: block;
}
.qodef-icon-with-text .qodef-m-title a:hover {
color: inherit;
}
.qodef-icon-with-text .qodef-m-text {
margin: 8px 0 0;
}
.qodef-icon-with-text .qodef-m-link {
display: inline-block;
margin-top: 10px;
font-weight: 600;
position: relative;
}
.qodef-icon-with-text .qodef-m-link:before {
content: '';
position: absolute;
display: block;
width: 0;
height: 1px;
background-color: currentColor;
bottom: 0;
left: 0;
-webkit-transition: width .3s ease-out;
-o-transition: width .3s ease-out;
transition: width .3s ease-out;
}
.qodef-icon-with-text .qodef-m-link:hover:before {
width: 100%;
}
.qodef-icon-with-text .qodef-m-icon-wrapper {
line-height: 1;
}
.qodef-icon-with-text .qodef-icon-holder {
float: none;
}
.qodef-icon-with-text .qodef-m-content {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-icon-with-text.qodef--custom-icon .qodef-m-icon-wrapper {
position: relative;
display: inline-block;
vertical-align: top;
}
.qodef-icon-with-text.qodef--custom-icon .qodef-m-icon-wrapper a, .qodef-icon-with-text.qodef--custom-icon .qodef-m-icon-wrapper img {
display: block;
}
.qodef-icon-with-text.qodef--svg-icon svg circle,
.qodef-icon-with-text.qodef--svg-icon svg line,
.qodef-icon-with-text.qodef--svg-icon svg polyline,
.qodef-icon-with-text.qodef--svg-icon svg path,
.qodef-icon-with-text.qodef--svg-icon svg rect {
stroke: currentColor;
}
.qodef-icon-with-text.qodef--svg-icon a {
color: #5d516c;
}
.qodef-icon-with-text.qodef--svg-icon.qodef-skin--light a {
color: #fff;
}
.qodef-icon-with-text.qodef-skin--light .qodef-m-title,
.qodef-icon-with-text.qodef-skin--light .qodef-m-text,
.qodef-icon-with-text.qodef-skin--light .qodef-m-link,
.qodef-icon-with-text.qodef-skin--light .qodef-icon {
color: #fff;
}
.qodef-icon-with-text.qodef--has-appear svg circle,
.qodef-icon-with-text.qodef--has-appear svg line,
.qodef-icon-with-text.qodef--has-appear svg polyline,
.qodef-icon-with-text.qodef--has-appear svg polygon,
.qodef-icon-with-text.qodef--has-appear svg path,
.qodef-icon-with-text.qodef--has-appear svg rect {
stroke-dasharray: 250;
stroke-dashoffset: 250;
-webkit-transition: 1.3s ease-in-out;
-o-transition: 1.3s ease-in-out;
transition: 1.3s ease-in-out;
}
.qodef-icon-with-text.qodef--has-appear.qodef--appear svg circle,
.qodef-icon-with-text.qodef--has-appear.qodef--appear svg line,
.qodef-icon-with-text.qodef--has-appear.qodef--appear svg polyline,
.qodef-icon-with-text.qodef--has-appear.qodef--appear svg polygon,
.qodef-icon-with-text.qodef--has-appear.qodef--appear svg path,
.qodef-icon-with-text.qodef--has-appear.qodef--appear svg rect {
stroke-dashoffset: 0;
}
/* ==========================================================================
Icon With Text shortcode styles
========================================================================== */
.qodef-icon-with-text.qodef-layout--before-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.qodef-icon-with-text.qodef-layout--before-content .qodef-m-icon-wrapper {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 15px;
}
/* ==========================================================================
Icon With Text shortcode styles
========================================================================== */
.qodef-icon-with-text.qodef-layout--before-title .qodef-m-title {
line-height: 1;
}
.qodef-icon-with-text.qodef-layout--before-title .qodef-m-title-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.qodef-icon-with-text.qodef-layout--before-title .qodef-m-icon-wrapper {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 5px;
}
/* ==========================================================================
Icon With Text shortcode styles
========================================================================== */
.qodef-icon-with-text.qodef-layout--textual {
position: relative;
display: block;
}
.qodef-icon-with-text.qodef-layout--textual.qodef-alignment--center {
text-align: center;
}
.qodef-icon-with-text.qodef-layout--textual.qodef-alignment--center .qodef-m-title-text {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.qodef-icon-with-text.qodef-layout--textual.qodef-alignment--left {
text-align: left;
}
.qodef-icon-with-text.qodef-layout--textual.qodef-alignment--left .qodef-m-title-text {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.qodef-icon-with-text.qodef-layout--textual.qodef-alignment--right {
text-align: right;
}
.qodef-icon-with-text.qodef-layout--textual.qodef-alignment--right .qodef-m-title-text {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.qodef-icon-with-text.qodef-layout--textual .qodef-m-content {
width: auto;
}
.qodef-icon-with-text.qodef-layout--textual .qodef-m-title-text {
font-size: 110px;
line-height: 1em;
font-weight: 900;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: rgba(248, 231, 229, 0.8);
}
.qodef-icon-with-text.qodef-layout--textual .qodef-m-text {
position: absolute;
display: block;
margin: 0;
top: 4px;
font-size: 19px;
color: #38214a;
}
.qodef-icon-with-text.qodef-skin--light .qodef-m-title-text,
.qodef-icon-with-text.qodef-skin--light .qodef-m-text {
color: #fff;
}
/* ==========================================================================
Icon With Text shortcode styles
========================================================================== */
.qodef-icon-with-text.qodef-layout--top.qodef-alignment--center {
text-align: center;
}
.qodef-icon-with-text.qodef-layout--top.qodef-alignment--left {
text-align: left;
}
.qodef-icon-with-text.qodef-layout--top.qodef-alignment--right {
text-align: right;
}
.qodef-icon-with-text.qodef-layout--top .qodef-m-title {
margin-top: 21px;
}
.qodef-icon-with-text.qodef-layout--top .qodef-link-icon {
display: inline-block;
vertical-align: middle;
}
/* ==========================================================================
Icon shortcode styles
========================================================================== */
.qodef-icon-holder {
position: relative;
display: inline-block;
vertical-align: top;
width: auto;
line-height: 1;
}
.qodef-icon-holder a {
display: block;
}
.qodef-icon-holder .qodef-icon {
display: block;
line-height: inherit;
}
.qodef-icon-holder .qodef-icon:before {
display: block;
line-height: inherit;
}
.qodef-icon-holder.qodef-layout--circle, .qodef-icon-holder.qodef-layout--square {
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
color: #fff;
background-color: #f8e7e5;
-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
-o-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
}
.qodef-icon-holder.qodef-layout--circle a, .qodef-icon-holder.qodef-layout--square a {
color: inherit;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.qodef-icon-holder.qodef-layout--circle:hover, .qodef-icon-holder.qodef-layout--square:hover {
background-color: #38214a;
}
.qodef-icon-holder.qodef-layout--circle {
border-radius: 50%;
}
.qodef-icon-holder.qodef-has--circle-hover {
position: relative;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
}
.qodef-icon-holder.qodef-has--circle-hover span {
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
}
.qodef-icon-holder.qodef-has--circle-hover a:hover {
color: #38214a;
}
.qodef-icon-holder.qodef-has--circle-hover .qodef-svg-circle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
stroke-width: 1.1;
fill: none;
-webkit-transition: all 0.55s ease-in-out, opacity 0.2s ease-out;
-o-transition: all 0.55s ease-in-out, opacity 0.2s ease-out;
transition: all 0.55s ease-in-out, opacity 0.2s ease-out;
stroke: currentColor;
-webkit-transform: scaleX(-1) scaleY(-1);
-ms-transform: scaleX(-1) scaleY(-1);
transform: scaleX(-1) scaleY(-1);
opacity: 0;
stroke-dashoffset: 200;
stroke-dasharray: 200;
}
.qodef-icon-holder.qodef-has--circle-hover .qodef-svg-circle:hover {
stroke-dashoffset: 0 !important;
}
.qodef-icon-holder.qodef-size--tiny {
font-size: 1.33333333em;
vertical-align: -15%;
}
.qodef-icon-holder.qodef-size--small {
font-size: 2em;
}
.qodef-icon-holder.qodef-size--medium {
font-size: 3em;
}
.qodef-icon-holder.qodef-size--large {
font-size: 4em;
}
.qodef-icon-holder.qodef-size--huge {
font-size: 5em;
}
/* ==========================================================================
Icon widget styles
========================================================================== */
.widget.widget_neobeat_core_icon {
display: inline-block;
line-height: 1;
}
#qodef-page-sidebar .widget.widget_neobeat_core_icon {
margin-bottom: 0;
}
#qodef-page-footer .widget.widget_neobeat_core_icon {
margin-bottom: 0;
}
#qodef-side-area .widget.widget_neobeat_core_icon {
margin-bottom: 0;
}
#qodef-page-footer .widget.widget_neobeat_core_icon:not(:first-child) .qodef-icon-holder {
margin-left: 18px;
}
@media only screen and (max-width: 480px) {
#qodef-page-footer .widget.widget_neobeat_core_icon:not(:first-child) .qodef-icon-holder {
margin-left: 15px;
}
}
@media only screen and (max-width: 350px) {
#qodef-page-footer .widget.widget_neobeat_core_icon:not(:first-child) .qodef-icon-holder {
margin-left: 10px;
}
}
/* ==========================================================================
Image Gallery shortcode styles
========================================================================== */
@media only screen and (min-width: 1024px) {
.qodef-image-gallery.qodef-side-offset.qodef-swiper-container {
padding-right: 15%;
padding-left: 15%;
}
}
@media only screen and (min-width: 1024px) {
.qodef-image-gallery.qodef-vertical-offset .swiper-slide:nth-child(2n) {
top: 60px;
}
.qodef-image-gallery.qodef-vertical-offset .swiper-wrapper {
padding-bottom: 60px;
}
}
.qodef-image-gallery.qodef-has--shadow.qodef-swiper-container {
padding-top: 10px;
}
.qodef-image-gallery.qodef-has--shadow .qodef-e-blur-trigger {
overflow: visible;
}
.qodef-image-gallery.qodef-has--shadow .qodef-e-blur-trigger:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
border-radius: 5px;
}
.qodef-image-gallery .qodef-image-wrapper img {
max-width: unset;
width: calc(100% + 20px) !important;
height: calc(100% + 20px) !important;
margin-top: -10px;
margin-left: -10px;
margin-bottom: -10px;
}
.qodef-image-gallery .qodef-e-blur-trigger,
.qodef-image-gallery .qodef-e-blur-target {
border-radius: 5px;
position: relative;
height: 100%;
overflow: hidden;
}
/* ==========================================================================
Image Marquee Standard shortcode styles
========================================================================== */
.qodef-image-marquee {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-image-marquee .qodef-m-content {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
overflow: hidden;
margin: 0 auto;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 680px) {
.qodef-image-marquee .qodef-m-content {
display: none;
}
}
.qodef-image-marquee .qodef-m-content.qodef-marquee-mobile {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
display: none;
}
@media only screen and (max-width: 680px) {
.qodef-image-marquee .qodef-m-content.qodef-marquee-mobile {
display: block;
}
}
.qodef-image-marquee .qodef-m-content.qodef-marquee-mobile .qodef-m-image {
background-size: cover !important;
}
.qodef-image-marquee .qodef-m-image {
position: absolute;
top: 0;
left: 0;
height: 100%;
will-cange: transform;
}
.qodef-image-marquee .qodef-m-image.qodef-image--copy {
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(100%) translateZ(0);
transform: translateX(100%) translateZ(0);
}
@-webkit-keyframes qodefMoveMarquee {
0% {
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
}
100% {
-webkit-transform: translate3d(-100%, 0%, 0);
transform: translate3d(-100%, 0%, 0);
}
}
@keyframes qodefMoveMarquee {
0% {
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
}
100% {
-webkit-transform: translate3d(-100%, 0%, 0);
transform: translate3d(-100%, 0%, 0);
}
}
@-webkit-keyframes qodefMoveMarqueeCopy {
0% {
-webkit-transform: translate3d(100%, 0%, 0);
transform: translate3d(100%, 0%, 0);
}
100% {
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
}
}
@keyframes qodefMoveMarqueeCopy {
0% {
-webkit-transform: translate3d(100%, 0%, 0);
transform: translate3d(100%, 0%, 0);
}
100% {
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
}
}
.qodef-image-marquee .qodef-m-image a {
position: relative;
display: block;
}
/* ==========================================================================
Image With Text shortcode styles
========================================================================== */
.qodef-image-with-text {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-image-with-text.qodef-custom-shadow .qodef-m-image .qodef-m-image-shadow {
-webkit-filter: none;
filter: none;
-webkit-transform: translateY(-20px) scale(0.8);
-ms-transform: translateY(-20px) scale(0.8);
transform: translateY(-20px) scale(0.8);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.3);
box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.3);
opacity: .4;
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
}
.qodef-image-with-text.qodef-custom-shadow .qodef-m-image .qodef-m-image-shadow img {
opacity: 0;
}
.qodef-image-with-text.qodef-custom-shadow:hover .qodef-m-image .qodef-m-image-shadow {
opacity: .7;
}
.qodef-image-with-text:hover .qodef-m-image > a > img {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
}
.qodef-image-with-text:hover .qodef-m-image-shadow img {
opacity: .8;
}
.qodef-image-with-text .qodef-m-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-image-with-text .qodef-m-image a, .qodef-image-with-text .qodef-m-image img {
display: block;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.qodef-image-with-text .qodef-m-image > a > img {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: .4s ease-out;
-o-transition: .4s ease-out;
transition: .4s ease-out;
}
.qodef-image-with-text .qodef-m-image .qodef-m-image-shadow {
position: absolute;
display: block;
-webkit-filter: blur(12px);
filter: blur(12px);
width: 100%;
bottom: 0px;
z-index: -1;
}
.qodef-image-with-text .qodef-m-image .qodef-m-image-shadow img {
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
opacity: .5;
-webkit-transform: translateY(5px) scale(0.8);
-ms-transform: translateY(5px) scale(0.8);
transform: translateY(5px) scale(0.8);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
}
.qodef-browser--safari .qodef-image-with-text .qodef-m-image .qodef-m-image-shadow,
.qodef-browser--ms-explorer .qodef-image-with-text .qodef-m-image .qodef-m-image-shadow {
-webkit-filter: none;
filter: none;
-webkit-transform: translateY(-20px) scale(0.8);
-ms-transform: translateY(-20px) scale(0.8);
transform: translateY(-20px) scale(0.8);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.3);
box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.3);
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
}
.qodef-browser--safari .qodef-image-with-text .qodef-m-image .qodef-m-image-shadow img,
.qodef-browser--ms-explorer .qodef-image-with-text .qodef-m-image .qodef-m-image-shadow img {
opacity: 0;
}
.qodef-image-with-text .qodef-m-content {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-image-with-text .qodef-m-title {
margin: 31px 0 0;
}
.qodef-image-with-text .qodef-m-title a:hover {
color: inherit;
}
.qodef-image-with-text .qodef-m-text {
margin: 15px 0 0;
}
.qodef-image-with-text.qodef--has-appear {
opacity: 0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: .7s ease-out;
-o-transition: .7s ease-out;
transition: .7s ease-out;
}
.qodef-image-with-text.qodef--has-appear.qodef--appear {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
/* ==========================================================================
Info Section Background Text shortcode styles
========================================================================== */
.qodef-info-section.qodef-layout--background-text {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-info-section.qodef-layout--background-text .qodef-m-info {
position: relative;
z-index: 2;
}
.qodef-info-section.qodef-layout--background-text .qodef-m-title {
margin: 0 0 18px;
}
.qodef-info-section.qodef-layout--background-text .qodef-m-text {
margin: 0;
}
.qodef-info-section.qodef-layout--background-text .qodef-button {
margin-top: 6px;
}
.qodef-info-section.qodef-layout--background-text .qodef-m-background-text {
position: absolute;
display: inline-block;
color: rgba(56, 33, 74, 0.1);
text-align: center;
font-weight: 700;
font-size: 250px;
}
.qodef-info-section.qodef-layout--background-text.qodef-background-text-pos--top-left .qodef-m-background-text {
top: 0;
left: -20px;
}
.qodef-info-section.qodef-layout--background-text.qodef-background-text-pos--top-right .qodef-m-background-text {
top: 0;
right: -20px;
}
.qodef-info-section.qodef-layout--background-text.qodef-background-text-pos--bottom-left .qodef-m-background-text {
bottom: 0;
left: -20px;
}
.qodef-info-section.qodef-layout--background-text.qodef-background-text-pos--bottom-right .qodef-m-background-text {
bottom: 0;
right: -20px;
}
.qodef-info-section.qodef-layout--background-text.qodef-background-text-pos--center .qodef-m-background-text {
font-size: 450px;
top: 34px;
left: 0;
right: 0;
text-align: center;
}
/* ==========================================================================
Info Section Background Text shortcode styles
========================================================================== */
/* ==========================================================================
Pricing Table shortcode styles
========================================================================== */
.qodef-pricing-table {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
text-align: center;
}
.qodef-pricing-table.qodef-status--featured {
-webkit-transform: translateY(-25px);
-ms-transform: translateY(-25px);
transform: translateY(-25px);
}
.qodef-pricing-table .qodef-m-inner {
padding: 45px;
}
.qodef-pricing-table .qodef-m-title p {
margin: 0;
color: #38214a;
}
.qodef-pricing-table .qodef-m-price {
margin-top: -3px;
}
.qodef-pricing-table .qodef-m-price .qodef-m-price-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
line-height: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.qodef-pricing-table .qodef-m-content {
margin: 25px 0 0;
}
.qodef-pricing-table .qodef-m-content ul {
list-style: none;
margin: 0;
}
.qodef-pricing-table .qodef-m-content ul li {
color: #38214a;
margin-bottom: 8px;
}
.qodef-pricing-table .qodef-m-content ul li:last-child {
margin-bottom: 0;
}
.qodef-pricing-table .qodef-m-content ul li:before {
content: '\f00c';
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding-right: 8px;
}
.qodef-pricing-table .qodef-m-button .qodef-button {
margin: 25px 0 0;
}
/* ==========================================================================
Progress Bar shortcode styles
========================================================================== */
.qodef-progress-bar {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
visibility: hidden;
}
.qodef-progress-bar .qodef-m-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.qodef-progress-bar .qodef-m-canvas {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-progress-bar .qodef-m-canvas svg {
display: block;
}
.qodef-progress-bar .qodef-m-title {
margin: 20px 0 0;
}
.qodef-progress-bar.qodef--init {
visibility: visible;
}
.qodef-progress-bar:not(.qodef-layout--line) .progressbar-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
margin: 0;
font-family: inherit;
font-weight: 700;
color: #38214a;
font-size: 16px;
line-height: 1.375em;
letter-spacing: -0.005em;
font-weight: 600;
}
.qodef-progress-bar .qodef-m-title {
margin: 20px 0 0;
}
.qodef-progress-bar.qodef-layout--semi-circle .progressbar-text {
padding-top: 20px;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.qodef-progress-bar.qodef-layout--line .progressbar {
position: relative;
}
.qodef-progress-bar.qodef-layout--line .proggress {
width: 0;
position: relative;
}
.qodef-progress-bar.qodef-layout--line .percentCount {
position: absolute;
width: auto;
height: auto;
}
.qodef-progress-bar.qodef-layout--line .qodef-m-title {
margin: 0 0 7px;
}
.qodef-progress-bar.qodef-layout--line.qodef-percentage--floating .percentCount {
left: 0;
right: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
/* ==========================================================================
Section Title shortcode styles
========================================================================== */
.qodef-section-title {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-section-title.qodef-alignment--center {
text-align: center;
}
.qodef-section-title.qodef-alignment--left {
text-align: left;
}
.qodef-section-title.qodef-alignment--right {
text-align: right;
}
.qodef-section-title .qodef-m-title {
margin: 0;
}
.qodef-section-title .qodef-m-subtitle {
margin: 17px 0 0;
}
.qodef-section-title span.qodef-m-subtitle {
display: block;
font-size: 16px;
font-weight: 400;
}
.qodef-section-title .qodef-m-text {
margin: 17px 0 0;
}
/* ==========================================================================
Separator shortcode styles
========================================================================== */
.qodef-separator {
position: relative;
height: auto;
font-size: 0;
line-height: 1;
}
.qodef-separator .qodef-m-line {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin: 10px 0;
border-bottom: 1px solid rgba(139, 131, 149, 0.4);
}
.qodef-separator.qodef-position--center {
text-align: center;
}
.qodef-separator.qodef-position--left {
text-align: left;
}
.qodef-separator.qodef-position--right {
text-align: right;
}
/* ==========================================================================
Separator widget styles
========================================================================== */
#qodef-page-sidebar .widget.widget_neobeat_core_separator {
margin-bottom: 0;
}
#qodef-page-footer .widget.widget_neobeat_core_separator {
margin-bottom: 0;
}
#qodef-side-area .widget.widget_neobeat_core_separator {
margin-bottom: 0;
}
/* ==========================================================================
Icon list shortcode styles
========================================================================== */
.qodef-social-icon-list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.qodef-social-icon-list .qodef-m-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 30px 0 0;
}
.qodef-social-icon-list .qodef-m-icons > * {
margin-right: 13px;
}
.qodef-social-icon-list.qodef-align--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.qodef-social-icon-list.qodef-align--right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
/* ==========================================================================
Stacked Images style - begin
========================================================================== */
.qodef-stacked-images {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-stacked-images.qodef-stack--left {
right: -22.8%;
padding-bottom: 130px;
}
@media only screen and (max-width: 768px) {
.qodef-stacked-images.qodef-stack--left {
padding-bottom: 65px;
}
}
.qodef-stacked-images.qodef-stack--right {
left: -22.8%;
padding-bottom: 130px;
}
@media only screen and (max-width: 768px) {
.qodef-stacked-images.qodef-stack--right {
padding-bottom: 65px;
}
}
.qodef-stacked-images .qodef-m-images {
position: relative;
display: inline-block;
vertical-align: middle;
}
.qodef-stacked-images .qodef-m-images .qodef-e-image {
border-radius: 5px;
-webkit-box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
}
.qodef-stacked-images .qodef-m-images .qodef-e-image.qodef--main {
opacity: 0;
-webkit-transition: all .6s ease-out .2s;
-o-transition: all .6s ease-out .2s;
transition: all .6s ease-out .2s;
}
.qodef-stack--left.qodef-stacked-images .qodef-m-images .qodef-e-image.qodef--main {
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
}
.qodef-stack--right.qodef-stacked-images .qodef-m-images .qodef-e-image.qodef--main {
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
}
.qodef-stacked-images .qodef-m-images .qodef-e-image.qodef--stack {
position: absolute;
display: block;
bottom: -100%;
opacity: 0;
-webkit-transition: all .6s ease-out .55s;
-o-transition: all .6s ease-out .55s;
transition: all .6s ease-out .55s;
}
.qodef-stack--left.qodef-stacked-images .qodef-m-images .qodef-e-image.qodef--stack {
top: 130px;
right: 11.8%;
-webkit-transform: translate(-47%, 0);
-ms-transform: translate(-47%, 0);
transform: translate(-47%, 0);
}
@media only screen and (max-width: 768px) {
.qodef-stack--left.qodef-stacked-images .qodef-m-images .qodef-e-image.qodef--stack {
top: 65px;
}
}
.qodef-stack--right.qodef-stacked-images .qodef-m-images .qodef-e-image.qodef--stack {
top: 130px;
left: 11.8%;
-webkit-transform: translate(47%, 0);
-ms-transform: translate(47%, 0);
transform: translate(47%, 0);
}
@media only screen and (max-width: 768px) {
.qodef-stack--right.qodef-stacked-images .qodef-m-images .qodef-e-image.qodef--stack {
top: 65px;
}
}
.qodef-stack--bottom.qodef-stacked-images .qodef-m-images .qodef-e-image.qodef--stack {
bottom: 0;
right: 15%;
max-width: 40%;
}
.qodef-stack--left.qodef-stacked-images .qodef-m-images {
margin: 0 0 0 22.4%;
}
.qodef-stack--right.qodef-stacked-images .qodef-m-images {
margin: 0 22.4% 0 0;
}
.qodef-stack--bottom.qodef-stacked-images .qodef-m-images {
padding: 0 0 75px;
}
.qodef-stacked-images .qodef-m-images.qodef--appeared .qodef-e-image.qodef--main {
opacity: 1;
}
.qodef-stack--left.qodef-stacked-images .qodef-m-images.qodef--appeared .qodef-e-image.qodef--main {
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.qodef-stack--right.qodef-stacked-images .qodef-m-images.qodef--appeared .qodef-e-image.qodef--main {
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.qodef-stacked-images .qodef-m-images.qodef--appeared .qodef-e-image.qodef--stack {
opacity: 1;
}
.qodef-stack--left.qodef-stacked-images .qodef-m-images.qodef--appeared .qodef-e-image.qodef--stack {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.qodef-stack--right.qodef-stacked-images .qodef-m-images.qodef--appeared .qodef-e-image.qodef--stack {
-webkit-transform: translate(50%, 0);
-ms-transform: translate(50%, 0);
transform: translate(50%, 0);
}
/* ==========================================================================
Stacked Images style - end
========================================================================== */
/* ==========================================================================
Tabs shortcode styles
========================================================================== */
.qodef-tabs {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
visibility: hidden;
}
.qodef-tabs.qodef--init {
visibility: visible;
}
.qodef-tabs .qodef-tabs-navigation {
margin: 0;
padding: 0;
list-style: none;
}
.qodef-tabs .qodef-tabs-content {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-tabs .qodef-tabs-content p {
margin: 0;
}
.qodef-tabs.qodef-layout--simple .qodef-tabs-navigation {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li {
position: relative;
margin: 0 15px;
}
.qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li:before {
content: '';
position: absolute;
display: block;
width: calc(100% + 30px);
height: 2px;
background-color: rgba(139, 131, 149, 0.4);
bottom: 0;
left: -15px;
}
.qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li a {
display: block;
font-family: inherit;
font-weight: 700;
font-size: 16px;
line-height: 1.375em;
letter-spacing: -0.005em;
font-weight: 600;
color: #38214a;
padding-bottom: 16px;
}
.qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li a:before {
content: '';
position: absolute;
display: block;
width: 0;
height: 2px;
background-color: #38214a;
bottom: 0;
left: -15px;
-webkit-transition: width .3s ease-in-out;
-o-transition: width .3s ease-in-out;
transition: width .3s ease-in-out;
}
.qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li a:hover:before {
width: calc(100% + 30px);
}
.qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li.ui-state-active a:before,
.qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li.ui-state-hover a:before {
width: calc(100% + 30px);
}
.qodef-tabs.qodef-layout--simple .qodef-tabs-content {
margin: 26px 0 0;
}
/* ==========================================================================
Textual Icon List shortcode style - begin
========================================================================== */
.qodef-textual-icon-list.qodef-boxed-style .qodef-content-grid {
margin: 0 auto;
background-color: #fff;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.qodef-textual-icon-list.qodef-boxed-style .qodef-grid-item-inner {
margin: 66px 0;
}
.qodef-textual-icon-list.qodef-has--shadow .qodef-content-grid {
-webkit-box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
box-shadow: 2px 7px 17.82px 0.18px rgba(228, 155, 148, 0.2);
}
.qodef-textual-icon-list .qodef-grid-item {
text-align: center;
}
.qodef-textual-icon-list .qodef-grid-item a {
position: relative;
display: block;
}
.qodef-textual-icon-list .qodef-grid-item-inner {
position: relative;
display: inline-block;
vertical-align: top;
width: auto;
}
.qodef-textual-icon-list .qodef-m-icon {
position: relative;
font-size: 110px;
line-height: 1em;
font-weight: 900;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: rgba(248, 231, 229, 0.8);
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
}
.qodef-textual-icon-list .qodef-m-title {
position: absolute;
display: block;
width: 100%;
margin: 0;
top: calc(50% - 9px);
font-size: 18px;
color: #38214a;
font-weight: 600;
}
/* ==========================================================================
Textual Icon List shortcode style - end
========================================================================== */
.qodef-vertical-split-slider {
height: 100vh;
position: relative;
}
.qodef-vertical-split-slider .ms-tableCell {
height: 100vh !important;
}
.qodef-vertical-split-slider-responsive {
display: none;
}
.qodef-vertical-split-slider .qodef-m-image,
.qodef-vertical-split-slider-responsive .qodef-m-image {
max-height: 40%;
width: auto;
}
.qodef-vertical-split-slider .qodef-m-title,
.qodef-vertical-split-slider-responsive .qodef-m-title {
display: block;
margin: 26px 0 0 0;
}
.qodef-vertical-split-slider .qodef-m-text,
.qodef-vertical-split-slider-responsive .qodef-m-text {
margin: 15px 0 0 0;
}
.qodef-vertical-split-slider .qodef-m-button,
.qodef-vertical-split-slider-responsive .qodef-m-button {
margin: 22px 0 0 0;
}
.qodef-vertical-split-slider .qodef-m-slide-image,
.qodef-vertical-split-slider-responsive .qodef-m-slide-image {
background-size: cover;
}
.qodef-vertical-split-slider .qodef-m-slide-content,
.qodef-vertical-split-slider-responsive .qodef-m-slide-content {
text-align: center;
padding: 0 5%;
}
#multiscroll-nav {
display: none;
}
#multiscroll-nav li {
width: 11px;
height: 11px;
margin: 14px;
}
#multiscroll-nav a span {
top: 0;
left: 0;
width: 11px;
height: 11px;
background-color: #5d516c;
border: none;
}
#multiscroll-nav a.active span {
background-color: #f8e7e5;
}
#multiscroll-nav.right {
right: 26px;
}
.qodef-vertical-split-slider--initialized #multiscroll-nav {
display: block;
}
.qodef-header--light.qodef-vertical-split-slider--initialized #multiscroll-nav a:not(.active) span {
background-color: #fff;
}
.qodef-header--dark.qodef-vertical-split-slider--initialized #multiscroll-nav a:not(.active) span {
background-color: #000;
}
/* ==========================================================================
Video Button shortcode start styles
========================================================================== */
.qodef-video-button {
position: relative;
display: inline-block;
vertical-align: middle;
/*.rs-layer &{
max-height: 100%;
}*/
}
.qodef-video-button .qodef-m-image {
position: relative;
}
.qodef-video-button .qodef-m-image img {
border-radius: 5px;
}
.qodef-video-button .qodef-m-image .qodef-m-media-image-shadow {
position: absolute;
display: block;
-webkit-filter: blur(12px);
filter: blur(12px);
width: 100%;
bottom: 0px;
z-index: -1;
}
.qodef-video-button .qodef-m-image .qodef-m-media-image-shadow img {
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
opacity: .5;
-webkit-transform: translateY(5px) scale(0.8);
-ms-transform: translateY(5px) scale(0.8);
transform: translateY(5px) scale(0.8);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
}
.qodef-browser--safari .qodef-video-button .qodef-m-image .qodef-m-media-image-shadow,
.qodef-browser--ms-explorer .qodef-video-button .qodef-m-image .qodef-m-media-image-shadow {
-webkit-filter: none;
filter: none;
-webkit-transform: translateY(-20px) scale(0.8);
-ms-transform: translateY(-20px) scale(0.8);
transform: translateY(-20px) scale(0.8);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.3);
box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.3);
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
}
.qodef-browser--safari .qodef-video-button .qodef-m-image .qodef-m-media-image-shadow img,
.qodef-browser--ms-explorer .qodef-video-button .qodef-m-image .qodef-m-media-image-shadow img {
opacity: 0;
}
.qodef-video-button:hover .qodef-m-image .qodef-m-media-image-shadow img {
opacity: .7;
-webkit-transform: translateY(8px) scale(0.8);
-ms-transform: translateY(8px) scale(0.8);
transform: translateY(8px) scale(0.8);
}
.qodef-browser--safari .qodef-video-button:hover .qodef-m-image .qodef-m-media-image-shadow img img,
.qodef-browser--ms-explorer .qodef-video-button:hover .qodef-m-image .qodef-m-media-image-shadow img img {
opacity: 0;
-webkit-filter: none;
filter: none;
}
.qodef-video-button .qodef-m-play {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
}
.qodef-video-button .qodef-m-play .qodef-m-play-inner {
-webkit-text-stroke-color: #fff;
color: #fff;
font-size: 60px;
position: relative;
background: none;
height: 230px;
width: 230px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 2;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 480px) {
.qodef-video-button .qodef-m-play .qodef-m-play-inner {
height: 110px;
width: 110px;
font-size: 40px;
}
}
.qodef-video-button .qodef-m-play .qodef-m-play-inner:before {
content: '';
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.2);
z-index: -1;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: .4s ease-out;
-o-transition: .4s ease-out;
transition: .4s ease-out;
}
.qodef-video-button .qodef-m-play .qodef-m-play-inner > span {
display: block;
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-transition: all .32s ease-out;
-o-transition: all .32s ease-out;
transition: all .32s ease-out;
}
.qodef-video-button .qodef-m-play .qodef-m-play-inner > span:nth-of-type(2) {
position: absolute;
-webkit-text-stroke-width: 0px;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
color: currentColor;
}
.qodef-video-button .qodef-m-play:hover .qodef-m-play-inner:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.qodef-video-button .qodef-m-play:hover .qodef-m-play-inner > span:nth-of-type(2) {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
/* ==========================================================================
Video Button shortcode end styles
========================================================================== */
/* ==========================================================================
Video Slider shortcode style - begin
========================================================================== */
.qodef-video-slider {
position: relative;
padding-bottom: 30px;
overflow: hidden;
cursor: -webkit-grab;
cursor: grab;
}
.qodef-video-slider .qodef-m-item {
margin: 0 2.8%;
width: 63%;
}
.qodef-video-slider .qodef-m-item .qodef-e-media-image-shadow {
position: absolute;
display: block;
-webkit-filter: blur(12px);
filter: blur(12px);
width: 100%;
bottom: 0px;
z-index: -1;
-webkit-transition: .75s ease-out .4s;
-o-transition: .75s ease-out .4s;
transition: .75s ease-out .4s;
}
.qodef-video-slider .qodef-m-item .qodef-e-media-image-shadow img {
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
opacity: .5;
-webkit-transform: translateY(-4px) scale(0.8);
-ms-transform: translateY(-4px) scale(0.8);
transform: translateY(-4px) scale(0.8);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
}
.qodef-browser--safari .qodef-video-slider .qodef-m-item .qodef-e-media-image-shadow,
.qodef-browser--ms-explorer .qodef-video-slider .qodef-m-item .qodef-e-media-image-shadow {
-webkit-filter: none;
filter: none;
-webkit-transform: translateY(-20px) scale(0.8);
-ms-transform: translateY(-20px) scale(0.8);
transform: translateY(-20px) scale(0.8);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.3);
box-shadow: 0 40px 20px 0.2px rgba(168, 94, 87, 0.3);
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
}
.qodef-browser--safari .qodef-video-slider .qodef-m-item .qodef-e-media-image-shadow img,
.qodef-browser--ms-explorer .qodef-video-slider .qodef-m-item .qodef-e-media-image-shadow img {
opacity: 0;
}
.qodef-video-slider .qodef-m-item .qodef-m-play {
visibility: visible;
}
.qodef-video-slider .qodef-m-item.swiper-slide-active .qodef-e-media-image-shadow img {
opacity: .7;
-webkit-transform: translateY(5px) scale(0.8);
-ms-transform: translateY(5px) scale(0.8);
transform: translateY(5px) scale(0.8);
}
.qodef-browser--safari .qodef-video-slider .qodef-m-item.swiper-slide-active .qodef-e-media-image-shadow img img,
.qodef-browser--ms-explorer .qodef-video-slider .qodef-m-item.swiper-slide-active .qodef-e-media-image-shadow img img {
opacity: 0;
-webkit-filter: none;
filter: none;
}
.qodef-video-slider .qodef-m-item.swiper-slide-active:hover .qodef-m-play-inner:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.qodef-video-slider .qodef-m-item.swiper-slide-active:hover .qodef-m-play-inner > span:nth-of-type(2) {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
.qodef-video-slider .swiper-navigation .swiper-button-next span,
.qodef-video-slider .swiper-navigation .swiper-button-prev span {
color: rgba(255, 255, 255, 0.4);
}
.qodef-video-slider .swiper-navigation .swiper-button-next svg:first-of-type,
.qodef-video-slider .swiper-navigation .swiper-button-prev svg:first-of-type {
stroke: rgba(255, 255, 255, 0.4);
}
.qodef-video-slider .swiper-navigation .swiper-button-next svg:nth-of-type(2),
.qodef-video-slider .swiper-navigation .swiper-button-prev svg:nth-of-type(2) {
stroke: #fff;
}
.qodef-video-slider .swiper-navigation .swiper-button-next:hover span,
.qodef-video-slider .swiper-navigation .swiper-button-prev:hover span {
color: #fff;
}
.qodef-video-slider .swiper-navigation .swiper-button-next,
.qodef-video-slider .swiper-navigation .swiper-button-prev {
margin-top: -15px;
}
.qodef-video-slider .qodef-m-play {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
visibility: hidden;
}
.qodef-video-slider .qodef-m-play .qodef-m-play-inner {
-webkit-text-stroke-color: #fff;
color: #fff;
font-size: 60px;
position: relative;
background: none;
height: 230px;
width: 230px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.qodef-video-slider .qodef-m-play .qodef-m-play-inner:before {
content: '';
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.2);
z-index: -1;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
-webkit-transition: .4s ease-out 0s;
-o-transition: .4s ease-out 0s;
transition: .4s ease-out 0s;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.qodef-video-slider .qodef-m-play .qodef-m-play-inner > span {
display: block;
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-transition: all .32s ease-out;
-o-transition: all .32s ease-out;
transition: all .32s ease-out;
}
.qodef-video-slider .qodef-m-play .qodef-m-play-inner > span:nth-of-type(2) {
position: absolute;
-webkit-text-stroke-width: 0px;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
color: currentColor;
}
.qodef-video-slider .qodef-e-media-image-holder {
position: relative;
}
.qodef-video-slider .qodef-e-media-image-holder img {
border-radius: 5px;
}
.qodef-video-slider .qodef-e-media-image-holder .qodef-e-media-image-shadow {
position: absolute;
}
/* ==========================================================================
Video Slider shortcode style - end
========================================================================== */
/* ==========================================================================
# Side Area style - begin
========================================================================== */
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-circles, .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-circles, .qodef-side-area-opener.qodef-side-area-opener--predefined .qodef-circles, #qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined .qodef-circles {
position: relative;
display: block;
width: 21px;
height: 21px;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-circles .qodef-circles-row, .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-circles .qodef-circles-row, .qodef-side-area-opener.qodef-side-area-opener--predefined .qodef-circles .qodef-circles-row, #qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined .qodef-circles .qodef-circles-row {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 3px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-circles .qodef-circles-row:last-child, .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-circles .qodef-circles-row:last-child, .qodef-side-area-opener.qodef-side-area-opener--predefined .qodef-circles .qodef-circles-row:last-child, #qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined .qodef-circles .qodef-circles-row:last-child {
margin-bottom: 0;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-circles .qodef-circles-row .qodef-circle:nth-child(2), .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-circles .qodef-circles-row .qodef-circle:nth-child(2), .qodef-side-area-opener.qodef-side-area-opener--predefined .qodef-circles .qodef-circles-row .qodef-circle:nth-child(2), #qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined .qodef-circles .qodef-circles-row .qodef-circle:nth-child(2) {
margin: 0 3px;
}
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined .qodef-circles .qodef-circle, .qodef-header--vertical-closed .qodef-vertical-closed-menu-opener.qodef-vertical-closed-menu-opener--predefined .qodef-circles .qodef-circle, .qodef-side-area-opener.qodef-side-area-opener--predefined .qodef-circles .qodef-circle, #qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined .qodef-circles .qodef-circle {
position: relative;
display: block;
height: 5px;
width: 5px;
border-radius: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: currentColor;
-webkit-transition: .35s ease-out;
-o-transition: .35s ease-out;
transition: .35s ease-out;
}
.qodef-side-area-opener {
position: relative;
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.qodef-side-area-opener .qodef-side-area-opener-icon {
display: block;
}
.qodef-side-area-opener.qodef-side-area-opener--icon-pack .qodef-side-area-opener-icon {
font-size: 35px;
}
.qodef-side-area-opener.qodef-side-area-opener--icon-pack .qodef-side-area-opener-icon * {
display: block;
line-height: inherit;
}
.qodef-side-area-opener.qodef-side-area-opener--icon-pack .qodef-side-area-opener-icon *:before {
display: block;
line-height: inherit;
}
.qodef-side-area-opener.qodef-side-menu-opener--svg-path .qodef-side-area-opener-icon > * {
vertical-align: middle;
}
.qodef-side-area-opener.qodef-side-menu-opener--svg-path .qodef-side-area-opener-icon > *,
.qodef-side-area-opener.qodef-side-menu-opener--svg-path .qodef-side-area-opener-icon path {
fill: currentColor;
stroke: currentColor;
}
.qodef-side-area-opener.qodef-side-area-opener--predefined {
line-height: 1;
}
#qodef-page-header .qodef-side-area-opener.qodef-side-area-opener--predefined {
color: #38214a;
}
.qodef-side-area-opener.qodef-side-area-opener--predefined:hover {
color: initial !important;
}
.qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row .qodef-circle {
background-color: #38214a;
}
.qodef-header--light:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row .qodef-circle {
background-color: #fff !important;
}
.qodef-header--dark:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row .qodef-circle {
background-color: #000 !important;
}
.qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row.qodef-cr-1 .qodef-circle:nth-child(2), .qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(56, 33, 74, 0.5);
}
.qodef-header--light:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row.qodef-cr-1 .qodef-circle:nth-child(2), .qodef-header--light:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(255, 255, 255, 0.5) !important;
}
.qodef-header--dark:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row.qodef-cr-1 .qodef-circle:nth-child(2), .qodef-header--dark:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:first-child, .qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:nth-child(3) {
background-color: rgba(56, 33, 74, 0.5);
}
.qodef-header--light:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:first-child, .qodef-header--light:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:nth-child(3) {
background-color: rgba(255, 255, 255, 0.5) !important;
}
.qodef-header--dark:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:first-child, .qodef-header--dark:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:nth-child(3) {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(56, 33, 74, 0.5);
}
.qodef-header--light:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(255, 255, 255, 0.5) !important;
}
.qodef-header--dark:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-area-opener--predefined:hover .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.qodef-header--light:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-area-opener--predefined:hover {
color: #fff !important;
}
.qodef-header--light:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-area-opener--icon-pack .qodef-side-area-opener-icon {
color: #fff;
}
.qodef-header--light:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-menu-opener--svg-path .qodef-side-menu-icon > *,
.qodef-header--light:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-menu-opener--svg-path .qodef-side-menu-icon path {
fill: #fff;
stroke: #fff;
}
.qodef-header--dark:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-area-opener--icon-pack .qodef-side-area-opener-icon {
color: #000;
}
.qodef-header--dark:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-menu-opener--svg-path .qodef-side-menu-icon > *,
.qodef-header--dark:not(.qodef-header--sticky-display) .qodef-side-area-opener.qodef-side-menu-opener--svg-path .qodef-side-menu-icon path {
fill: #000;
stroke: #000;
}
#qodef-side-area {
position: fixed;
top: 0;
right: -512px;
width: 512px;
height: 100%;
min-height: 100%;
padding: 90px 70px 35px;
background-color: #faf0ee;
overflow: hidden;
visibility: hidden;
z-index: 9999;
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
#qodef-side-area #qodef-side-area-close {
position: absolute;
top: 47px;
right: 70px;
display: block;
z-index: 1000;
color: #5d516c;
}
.admin-bar #qodef-side-area #qodef-side-area-close {
top: 82px;
}
#qodef-side-area #qodef-side-area-close.qodef-side-area-close--icon-pack {
font-size: 35px;
}
#qodef-side-area #qodef-side-area-close.qodef-side-area-close--icon-pack * {
display: block;
line-height: inherit;
}
#qodef-side-area #qodef-side-area-close.qodef-side-area-close--icon-pack *:before {
display: block;
line-height: inherit;
}
#qodef-side-area #qodef-side-area-close.qodef-side-area-close--svg-path > * {
vertical-align: middle;
}
#qodef-side-area #qodef-side-area-close.qodef-side-area-close--svg-path > *,
#qodef-side-area #qodef-side-area-close.qodef-side-area-close--svg-path path {
fill: currentColor;
stroke: currentColor;
}
#qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined {
line-height: 1;
}
#qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined .qodef-circles {
color: #38214a;
}
#qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined .qodef-circles .qodef-circles-row.qodef-cr-1 .qodef-circle:nth-child(2), #qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined .qodef-circles .qodef-circles-row.qodef-cr-3 .qodef-circle:nth-child(2) {
opacity: 0 !important;
}
#qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:first-child, #qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined .qodef-circles .qodef-circles-row.qodef-cr-2 .qodef-circle:nth-child(3) {
opacity: 0 !important;
}
#qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined .qodef-circles:hover .qodef-circles-row.qodef-cr-1 .qodef-circle, #qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined .qodef-circles:hover .qodef-circles-row.qodef-cr-2 .qodef-circle, #qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined .qodef-circles:hover .qodef-circles-row.qodef-cr-3 .qodef-circle {
opacity: .5;
}
#qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined .qodef-circles:hover .qodef-circles-row.qodef-cr-2 .qodef-circle:nth-child(2) {
opacity: 1;
}
.qodef-side-area--opened #qodef-side-area {
right: 0;
visibility: visible;
}
.qodef-side-area-cover {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
overflow: hidden;
z-index: 0;
-webkit-transition: opacity 0.2s ease-in-out, z-index 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out, z-index 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out, z-index 0.2s ease-in-out;
}
.qodef-side-area--opened .qodef-side-area-cover {
opacity: 1;
z-index: 1002;
}
/* ==========================================================================
# Side Area style - end
========================================================================== */
/* ==========================================================================
Social Share shortcode styles
========================================================================== */
.qodef-social-share {
position: relative;
display: inline-block;
vertical-align: top;
}
.qodef-social-share .qodef-social-title {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0 5px 0 0;
font-family: inherit;
font-weight: 700;
color: #38214a;
font-size: 16px;
line-height: 1.375em;
letter-spacing: -0.005em;
font-weight: 600;
}
.qodef-social-share ul {
position: relative;
display: inline-block;
vertical-align: top;
list-style: none;
padding: 0;
margin: 0;
}
.qodef-social-share li {
position: relative;
display: inline-block;
vertical-align: top;
line-height: 1;
padding: 0;
margin: 0;
}
.qodef-social-share li a {
font-size: 15px;
}
.qodef-social-share li.qodef-facebook-share a:hover {
color: #3b5998;
}
.qodef-social-share li.qodef-twitter-share a:hover {
color: #00aced;
}
.qodef-social-share li.qodef-linkedin-share a:hover {
color: #007bb5;
}
.qodef-social-share li.qodef-tumblr-share a:hover {
color: #32506d;
}
.qodef-social-share li.qodef-pinterest-share a:hover {
color: #cb2027;
}
.qodef-social-share li.qodef-vk-share a:hover {
color: #45668e;
}
/* ==========================================================================
Social Share shortcode styles
========================================================================== */
/* ==========================================================================
Social Share shortcode styles
========================================================================== */
.qodef-social-share.qodef-layout--dropdown {
position: relative;
display: inline-block;
vertical-align: bottom;
}
.qodef-social-share.qodef-layout--dropdown .qodef-social-title {
margin: 0;
vertical-align: middle;
}
.qodef-social-share.qodef-layout--dropdown .qodef-social-share-icon {
vertical-align: middle;
font-size: 18px;
}
.qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li {
opacity: 1;
visibility: visible;
cursor: pointer;
/* opacity and visibility need to be different, but not background-color */
}
.qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(1) {
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(2) {
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(3) {
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(4) {
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(5) {
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(6) {
-webkit-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(7) {
-webkit-transition-delay: 0.7s;
-o-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown-opener {
display: block;
}
.qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown-opener .qodef-social-share-title {
display: inline-block;
vertical-align: top;
margin-right: 5px;
}
.qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown {
position: absolute;
z-index: 950;
}
.qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown ul {
position: relative;
display: block;
z-index: 990;
margin: 0;
padding: 0 !important;
}
.qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown li {
position: absolute;
display: block;
text-align: center;
visibility: hidden;
overflow: hidden;
-webkit-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
opacity: 0;
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown li a {
color: #38214a;
}
.qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown li * {
display: block;
max-width: 100%;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown {
bottom: 0;
left: 0;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li {
width: 84px;
height: 30px;
line-height: 30px;
border: 1px solid rgba(139, 131, 149, 0.4);
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li:not(:first-child) {
border-top: none;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li.qodef-facebook-share a:hover {
background-color: #3b5998;
color: #fff;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li.qodef-twitter-share a:hover {
background-color: #00aced;
color: #fff;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li.qodef-linkedin-share a:hover {
background-color: #007bb5;
color: #fff;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li.qodef-tumblr-share a:hover {
background-color: #32506d;
color: #fff;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li.qodef-pinterest-share a:hover {
background-color: #cb2027;
color: #fff;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li.qodef-vk-share a:hover {
background-color: #45668e;
color: #fff;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li a {
font-size: 14px;
color: #5d516c;
background-color: #fff;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li:nth-child(1) {
bottom: -30px;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li:nth-child(2) {
bottom: -60px;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li:nth-child(3) {
bottom: -90px;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li:nth-child(4) {
bottom: -120px;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li:nth-child(5) {
bottom: -150px;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li:nth-child(6) {
bottom: -180px;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li:nth-child(7) {
bottom: -210px;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown {
top: -5px;
right: 0;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li {
width: calc(84px / 3);
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(1) {
left: 5px;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(2) {
left: 38px;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(3) {
left: 71px;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(4) {
left: 104px;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(5) {
left: 137px;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(6) {
left: 170px;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(7) {
left: 203px;
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown {
top: -5px;
left: 0;
}
@media only screen and (max-width: 680px) {
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown {
left: auto;
right: 0;
}
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li {
width: calc(84px / 3);
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(1) {
right: 5px;
}
@media only screen and (max-width: 680px) {
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(1) {
right: auto;
left: 1px;
}
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(2) {
right: 38px;
}
@media only screen and (max-width: 680px) {
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(2) {
right: auto;
left: 43px;
}
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(3) {
right: 71px;
}
@media only screen and (max-width: 680px) {
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(3) {
right: auto;
left: 85px;
}
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(4) {
right: 104px;
}
@media only screen and (max-width: 680px) {
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(4) {
right: auto;
left: 127px;
}
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(5) {
right: 137px;
}
@media only screen and (max-width: 680px) {
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(5) {
right: auto;
left: 169px;
}
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(6) {
right: 170px;
}
@media only screen and (max-width: 680px) {
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(6) {
right: auto;
left: 211px;
}
}
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(7) {
right: 203px;
}
@media only screen and (max-width: 680px) {
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(7) {
right: auto;
left: 253px;
}
}
/* ==========================================================================
Social Share shortcode styles
========================================================================== */
/* ==========================================================================
Social Share shortcode styles
========================================================================== */
.qodef-social-share.qodef-layout--list li {
margin-right: 15px;
}
.qodef-social-share.qodef-layout--list li:last-child {
margin-right: 0;
}
/* ==========================================================================
Social Share shortcode styles
========================================================================== */
/* ==========================================================================
Social Share shortcode styles
========================================================================== */
.qodef-social-share.qodef-layout--text li {
margin-right: 15px;
}
.qodef-social-share.qodef-layout--text li:last-child {
margin-right: 0;
}
/* ==========================================================================
Social Share shortcode styles
========================================================================== */
/* ==========================================================================
Social Share widget styles
========================================================================== */
.widget .qodef-social-share.qodef-layout--list .qodef-social-title {
display: block;
margin-bottom: 21px;
}
.widget .qodef-social-share.qodef-layout--text .qodef-social-title {
display: block;
margin-bottom: 21px;
}
#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--list li.qodef-facebook-share a:hover {
color: #3b5998;
}
#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--list li.qodef-twitter-share a:hover {
color: #00aced;
}
#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--list li.qodef-linkedin-share a:hover {
color: #007bb5;
}
#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--list li.qodef-tumblr-share a:hover {
color: #32506d;
}
#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--list li.qodef-pinterest-share a:hover {
color: #cb2027;
}
#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--list li.qodef-vk-share a:hover {
color: #45668e;
}
#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--text li.qodef-facebook-share a:hover {
color: #3b5998;
}
#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--text li.qodef-twitter-share a:hover {
color: #00aced;
}
#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--text li.qodef-linkedin-share a:hover {
color: #007bb5;
}
#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--text li.qodef-tumblr-share a:hover {
color: #32506d;
}
#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--text li.qodef-pinterest-share a:hover {
color: #cb2027;
}
#qodef-page-sidebar .widget .qodef-social-share.qodef-layout--text li.qodef-vk-share a:hover {
color: #45668e;
}
#qodef-page-footer .widget .qodef-social-share.qodef-layout--dropdown .qodef-social-title {
color: #ccc;
}
#qodef-page-footer .widget .qodef-social-share.qodef-layout--list .qodef-social-title {
color: #ccc;
}
#qodef-page-footer .widget .qodef-social-share.qodef-layout--list li.qodef-facebook-share a:hover {
color: #3b5998;
}
#qodef-page-footer .widget .qodef-social-share.qodef-layout--list li.qodef-twitter-share a:hover {
color: #00aced;
}
#qodef-page-footer .widget .qodef-social-share.qodef-layout--list li.qodef-linkedin-share a:hover {
color: #007bb5;
}
#qodef-page-footer .widget .qodef-social-share.qodef-layout--list li.qodef-tumblr-share a:hover {
color: #32506d;
}
#qodef-page-footer .widget .qodef-social-share.qodef-layout--list li.qodef-pinterest-share a:hover {
color: #cb2027;
}
#qodef-page-footer .widget .qodef-social-share.qodef-layout--list li.qodef-vk-share a:hover {
color: #45668e;
}
#qodef-page-footer .widget .qodef-social-share.qodef-layout--text .qodef-social-title {
color: #ccc;
}
#qodef-page-footer .widget .qodef-social-share.qodef-layout--text li.qodef-facebook-share a:hover {
color: #3b5998;
}
#qodef-page-footer .widget .qodef-social-share.qodef-layout--text li.qodef-twitter-share a:hover {
color: #00aced;
}
#qodef-page-footer .widget .qodef-social-share.qodef-layout--text li.qodef-linkedin-share a:hover {
color: #007bb5;
}
#qodef-page-footer .widget .qodef-social-share.qodef-layout--text li.qodef-tumblr-share a:hover {
color: #32506d;
}
#qodef-page-footer .widget .qodef-social-share.qodef-layout--text li.qodef-pinterest-share a:hover {
color: #cb2027;
}
#qodef-page-footer .widget .qodef-social-share.qodef-layout--text li.qodef-vk-share a:hover {
color: #45668e;
}
#qodef-side-area .widget .qodef-social-share.qodef-layout--dropdown .qodef-social-title {
color: #ccc;
}
#qodef-side-area .widget .qodef-social-share.qodef-layout--list .qodef-social-title {
color: #ccc;
}
#qodef-side-area .widget .qodef-social-share.qodef-layout--list li.qodef-facebook-share a:hover {
color: #3b5998;
}
#qodef-side-area .widget .qodef-social-share.qodef-layout--list li.qodef-twitter-share a:hover {
color: #00aced;
}
#qodef-side-area .widget .qodef-social-share.qodef-layout--list li.qodef-linkedin-share a:hover {
color: #007bb5;
}
#qodef-side-area .widget .qodef-social-share.qodef-layout--list li.qodef-tumblr-share a:hover {
color: #32506d;
}
#qodef-side-area .widget .qodef-social-share.qodef-layout--list li.qodef-pinterest-share a:hover {
color: #cb2027;
}
#qodef-side-area .widget .qodef-social-share.qodef-layout--list li.qodef-vk-share a:hover {
color: #45668e;
}
#qodef-side-area .widget .qodef-social-share.qodef-layout--text .qodef-social-title {
color: #ccc;
}
#qodef-side-area .widget .qodef-social-share.qodef-layout--text li.qodef-facebook-share a:hover {
color: #3b5998;
}
#qodef-side-area .widget .qodef-social-share.qodef-layout--text li.qodef-twitter-share a:hover {
color: #00aced;
}
#qodef-side-area .widget .qodef-social-share.qodef-layout--text li.qodef-linkedin-share a:hover {
color: #007bb5;
}
#qodef-side-area .widget .qodef-social-share.qodef-layout--text li.qodef-tumblr-share a:hover {
color: #32506d;
}
#qodef-side-area .widget .qodef-social-share.qodef-layout--text li.qodef-pinterest-share a:hover {
color: #cb2027;
}
#qodef-side-area .widget .qodef-social-share.qodef-layout--text li.qodef-vk-share a:hover {
color: #45668e;
}
/* ==========================================================================
Social Share widget styles
========================================================================== */
#qodef-page-spinner {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 2000;
}
#qodef-page-spinner .qodef-m-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
color: #f8e7e5;
background-color: #fff;
}
#qodef-page-spinner .qodef-m-spinner {
position: relative;
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--atom .qodef-m-atom {
position: relative;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
}
#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--1 {
position: absolute;
top: 50%;
left: 50%;
height: 50%;
width: 50%;
z-index: 1;
-webkit-animation: qode-atom-shrink 4.5s infinite linear;
animation: qode-atom-shrink 4.5s infinite linear;
}
#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--1:before {
content: '';
position: absolute;
top: -50%;
left: -50%;
height: 100%;
width: 100%;
background: currentColor;
border-radius: 50%;
}
#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--2, #qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--3, #qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--4 {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--2:before, #qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--3:before, #qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--4:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
margin: 0 auto;
background: currentColor;
border-radius: 50%;
}
#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--2 {
-webkit-animation: qode-atom-zindex 1.5s 0.75s infinite steps(2, end);
animation: qode-atom-zindex 1.5s 0.75s infinite steps(2, end);
}
#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--2:before {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-animation: qode-atom-postion 1.5s infinite ease, qode-atom-size 1.5s -1.125s infinite ease;
animation: qode-atom-postion 1.5s infinite ease, qode-atom-size 1.5s -1.125s infinite ease;
}
#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--3 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
-webkit-animation: qode-atom-zindex 1.5s -0.25s infinite steps(2, end);
animation: qode-atom-zindex 1.5s -0.25s infinite steps(2, end);
}
#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--3:before {
-webkit-animation: qode-atom-postion 1.5s -1s infinite ease, qode-atom-size 1.5s -0.75s infinite ease;
animation: qode-atom-postion 1.5s -1s infinite ease, qode-atom-size 1.5s -0.75s infinite ease;
}
#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--4 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg);
-webkit-animation: qode-atom-zindex 1.5s 0.25s infinite steps(2, end);
animation: qode-atom-zindex 1.5s 0.25s infinite steps(2, end);
}
#qodef-page-spinner.qodef-layout--atom .qodef-m-atom-item.qodef-atom--4:before {
-webkit-animation: qode-atom-postion 1.5s -0.5s infinite ease, qode-atom-size 1.5s -0.125s infinite ease;
animation: qode-atom-postion 1.5s -0.5s infinite ease, qode-atom-size 1.5s -0.125s infinite ease;
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--clock .qodef-m-clock {
position: relative;
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
-webkit-animation: qode-clock 8s infinite steps(8);
animation: qode-clock 8s infinite steps(8);
}
#qodef-page-spinner.qodef-layout--clock .qodef-m-clock-item {
position: absolute;
height: 50px;
width: 50px;
}
#qodef-page-spinner.qodef-layout--clock .qodef-m-clock-item:before {
content: '';
position: absolute;
height: 18.31501832px;
width: 18.31501832px;
background: currentColor;
border-radius: 50%;
}
#qodef-page-spinner.qodef-layout--clock .qodef-m-clock-item.qodef-clock--1 {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
-webkit-animation: qode-clock-1 1s ease-in infinite;
animation: qode-clock-1 1s ease-in infinite;
}
#qodef-page-spinner.qodef-layout--clock .qodef-m-clock-item.qodef-clock--2 {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-animation: qode-clock-2 1s ease-in infinite;
animation: qode-clock-2 1s ease-in infinite;
}
#qodef-page-spinner.qodef-layout--clock .qodef-m-clock-item.qodef-clock--3 {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: qode-clock-3 1s ease-in infinite;
animation: qode-clock-3 1s ease-in infinite;
}
#qodef-page-spinner.qodef-layout--clock .qodef-m-clock-item.qodef-clock--4 {
-webkit-animation: qode-clock-4 1s ease-in infinite;
animation: qode-clock-4 1s ease-in infinite;
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--cube .qodef-m-cube {
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
background-color: currentColor;
-webkit-animation: qode-cube 1.2s infinite ease-in-out;
animation: qode-cube 1.2s infinite ease-in-out;
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--double-pulse .qodef-m-pulses {
position: relative;
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
}
#qodef-page-spinner.qodef-layout--double-pulse .qodef-m-pulse {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: currentColor;
border-radius: 50%;
opacity: 0.6;
-webkit-animation: qode-double-pulse 2s infinite ease-in-out;
animation: qode-double-pulse 2s infinite ease-in-out;
}
#qodef-page-spinner.qodef-layout--double-pulse .qodef-m-pulse.qodef-pulse--2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-five-rotating-circles {
position: relative;
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item {
position: absolute;
width: 100%;
height: 100%;
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--1 .qodef-circle--2 {
-webkit-animation-delay: calc((600ms) - 1500ms);
animation-delay: calc((600ms) - 1500ms);
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--1 .qodef-circle--3 {
-webkit-animation-delay: calc((900ms) - 1500ms);
animation-delay: calc((900ms) - 1500ms);
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--1 .qodef-circle--4 {
-webkit-animation-delay: calc((1200ms) - 1500ms);
animation-delay: calc((1200ms) - 1500ms);
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--2 {
-webkit-transform: rotateZ(45deg);
-ms-transform: rotate(45deg);
transform: rotateZ(45deg);
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--2 .qodef-circle--1 {
-webkit-animation-delay: calc((300ms) - 1400ms);
animation-delay: calc((300ms) - 1400ms);
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--2 .qodef-circle--2 {
-webkit-animation-delay: calc((600ms) - 1400ms);
animation-delay: calc((600ms) - 1400ms);
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--2 .qodef-circle--3 {
-webkit-animation-delay: calc((900ms) - 1400ms);
animation-delay: calc((900ms) - 1400ms);
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--2 .qodef-circle--4 {
-webkit-animation-delay: calc((1200ms) - 1400ms);
animation-delay: calc((1200ms) - 1400ms);
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--3 {
-webkit-transform: rotateZ(90deg);
-ms-transform: rotate(90deg);
transform: rotateZ(90deg);
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--3 .qodef-circle--1 {
-webkit-animation-delay: calc((300ms) - 1300ms);
animation-delay: calc((300ms) - 1300ms);
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--3 .qodef-circle--2 {
-webkit-animation-delay: calc((600ms) - 1300ms);
animation-delay: calc((600ms) - 1300ms);
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--3 .qodef-circle--3 {
-webkit-animation-delay: calc((900ms) - 1300ms);
animation-delay: calc((900ms) - 1300ms);
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--3 .qodef-circle--4 {
-webkit-animation-delay: calc((1200ms) - 1300ms);
animation-delay: calc((1200ms) - 1300ms);
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-e-circle {
position: absolute;
width: 12px;
height: 12px;
background-color: currentColor;
border-radius: 100%;
-webkit-animation: qode-bounce-delay 1.2s infinite ease-in-out both;
animation: qode-bounce-delay 1.2s infinite ease-in-out both;
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-e-circle.qodef-circle--1 {
top: 0;
left: 0;
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-e-circle.qodef-circle--2 {
top: 0;
right: 0;
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-e-circle.qodef-circle--3 {
right: 0;
bottom: 0;
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-e-circle.qodef-circle--4 {
left: 0;
bottom: 0;
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--fusion .qodef-m-fusion {
position: relative;
width: 30px;
height: 30px;
margin: -45px 0 0 -30px;
}
#qodef-page-spinner.qodef-layout--fusion .qodef-m-fusion-item {
position: absolute;
top: 50%;
left: 50%;
height: 40px;
width: 40px;
background: currentColor;
border-radius: 50%;
}
#qodef-page-spinner.qodef-layout--fusion .qodef-m-fusion-item.qodef-fusion--1 {
top: 0;
left: 50%;
-webkit-animation: qode-fussion-ball-1 1s 0s ease infinite;
animation: qode-fussion-ball-1 1s 0s ease infinite;
z-index: 1;
}
#qodef-page-spinner.qodef-layout--fusion .qodef-m-fusion-item.qodef-fusion--2 {
top: 50%;
left: 100%;
-webkit-animation: qode-fussion-ball-2 1s 0s ease infinite;
animation: qode-fussion-ball-2 1s 0s ease infinite;
z-index: 2;
}
#qodef-page-spinner.qodef-layout--fusion .qodef-m-fusion-item.qodef-fusion--3 {
top: 100%;
left: 50%;
-webkit-animation: qode-fussion-ball-3 1s 0s ease infinite;
animation: qode-fussion-ball-3 1s 0s ease infinite;
z-index: 1;
}
#qodef-page-spinner.qodef-layout--fusion .qodef-m-fusion-item.qodef-fusion--4 {
top: 50%;
left: 0;
-webkit-animation: qode-fussion-ball-4 1s 0s ease infinite;
animation: qode-fussion-ball-4 1s 0s ease infinite;
z-index: 2;
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--lines .qodef-m-lines {
width: 60px;
height: 60px;
margin: 0 0 0 -30px;
}
#qodef-page-spinner.qodef-layout--lines .qodef-m-line.qodef-line--1 {
position: absolute;
width: 60px;
height: 4px;
margin-left: 10px;
background-color: currentColor;
-webkit-animation: qode-lines-spin 1.5s infinite ease calc((100ms) - 100ms);
animation: qode-lines-spin 1.5s infinite ease calc((100ms) - 100ms);
}
#qodef-page-spinner.qodef-layout--lines .qodef-m-line.qodef-line--2 {
position: absolute;
width: 60px;
height: 4px;
margin-left: 10px;
background-color: currentColor;
-webkit-animation: qode-lines-spin 1.5s infinite ease calc((200ms) - 100ms);
animation: qode-lines-spin 1.5s infinite ease calc((200ms) - 100ms);
}
#qodef-page-spinner.qodef-layout--lines .qodef-m-line.qodef-line--3 {
position: absolute;
width: 60px;
height: 4px;
margin-left: 10px;
background-color: currentColor;
-webkit-animation: qode-lines-spin 1.5s infinite ease calc((300ms) - 100ms);
animation: qode-lines-spin 1.5s infinite ease calc((300ms) - 100ms);
}
#qodef-page-spinner.qodef-layout--lines .qodef-m-line.qodef-line--4 {
position: absolute;
width: 60px;
height: 4px;
margin-left: 10px;
background-color: currentColor;
-webkit-animation: qode-lines-spin 1.5s infinite ease calc((400ms) - 100ms);
animation: qode-lines-spin 1.5s infinite ease calc((400ms) - 100ms);
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--mitosis .qodef-m-mitosis {
position: relative;
height: 50px;
width: 50px;
margin: -25px 0 0 -25px;
-webkit-animation: qode-mitosis-invert 2s infinite steps(2, end);
animation: qode-mitosis-invert 2s infinite steps(2, end);
}
#qodef-page-spinner.qodef-layout--mitosis .qodef-m-mitosis-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: currentColor;
border-radius: 50%;
}
#qodef-page-spinner.qodef-layout--mitosis .qodef-m-mitosis-item.qodef-mitosis--1 {
-webkit-animation: qode-mitosis-ball-1 1s infinite alternate linear;
animation: qode-mitosis-ball-1 1s infinite alternate linear;
}
#qodef-page-spinner.qodef-layout--mitosis .qodef-m-mitosis-item.qodef-mitosis--2 {
-webkit-animation: qode-mitosis-ball-2 1s infinite alternate linear;
animation: qode-mitosis-ball-2 1s infinite alternate linear;
}
#qodef-page-spinner.qodef-layout--mitosis .qodef-m-mitosis-item.qodef-mitosis--3 {
-webkit-animation: qode-mitosis-ball-3 1s infinite alternate linear;
animation: qode-mitosis-ball-3 1s infinite alternate linear;
}
#qodef-page-spinner.qodef-layout--mitosis .qodef-m-mitosis-item.qodef-mitosis--4 {
-webkit-animation: qode-mitosis-ball-4 1s infinite alternate linear;
animation: qode-mitosis-ball-4 1s infinite alternate linear;
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--predefined .qodef-m-predefined {
opacity: 0;
-webkit-transition: .6s;
-o-transition: .6s;
transition: .6s;
}
#qodef-page-spinner.qodef-layout--predefined .qodef-m-predefined.qodef-visible {
opacity: 1;
}
#qodef-page-spinner.qodef-layout--predefined .qodef-m-predefined-spinner-image img {
max-width: 50%;
margin: 0 auto;
display: block;
-webkit-filter: blur(80px);
filter: blur(80px);
-webkit-transition: 2s ease-out;
-o-transition: 2s ease-out;
transition: 2s ease-out;
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--progress-bar .qodef-m-spinner-heading {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#qodef-page-spinner.qodef-layout--progress-bar .qodef-m-spinner-heading > * {
margin: 0;
opacity: 0;
-webkit-animation: qode-fade-in 1s forwards;
animation: qode-fade-in 1s forwards;
}
#qodef-page-spinner.qodef-layout--progress-bar .qodef-m-spinner-number-holder {
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
#qodef-page-spinner.qodef-layout--progress-bar .qodef-m-spinner-line {
position: relative;
display: block;
height: 3px;
width: 500px;
margin-top: 20px;
background-color: #e5e1dc;
overflow: hidden;
opacity: 0;
-webkit-animation: qode-fade-in 1s .3s forwards;
animation: qode-fade-in 1s .3s forwards;
}
#qodef-page-spinner.qodef-layout--progress-bar .qodef-m-spinner-line-front {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f8e7e5;
width: 0;
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--pulse-circles .qodef-m-pulse-circles {
position: relative;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
}
#qodef-page-spinner.qodef-layout--pulse-circles .qodef-m-pulse-circle {
position: absolute;
height: 100%;
width: 100%;
background: currentColor;
border: 0 solid currentColor;
border-radius: 50%;
}
#qodef-page-spinner.qodef-layout--pulse-circles .qodef-m-pulse-circle.qodef-pulse--1 {
-webkit-animation: qode-pulse-circles-pulse 3s infinite calc((-750ms) + 750ms);
animation: qode-pulse-circles-pulse 3s infinite calc((-750ms) + 750ms);
}
#qodef-page-spinner.qodef-layout--pulse-circles .qodef-m-pulse-circle.qodef-pulse--2 {
-webkit-animation: qode-pulse-circles-pulse 3s infinite calc((-1500ms) + 750ms);
animation: qode-pulse-circles-pulse 3s infinite calc((-1500ms) + 750ms);
}
#qodef-page-spinner.qodef-layout--pulse-circles .qodef-m-pulse-circle.qodef-pulse--3 {
-webkit-animation: qode-pulse-circles-pulse 3s infinite calc((-2250ms) + 750ms);
animation: qode-pulse-circles-pulse 3s infinite calc((-2250ms) + 750ms);
}
#qodef-page-spinner.qodef-layout--pulse-circles .qodef-m-pulse-circle.qodef-pulse--4 {
-webkit-animation: qode-pulse-circles-pulse 3s infinite calc((-3000ms) + 750ms);
animation: qode-pulse-circles-pulse 3s infinite calc((-3000ms) + 750ms);
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--pulse .qodef-m-pulse {
width: 32px;
height: 32px;
margin: -16px 0 0 -16px;
background-color: currentColor;
border-radius: 16px;
-webkit-animation: qode-scaleout 1s infinite ease-in-out;
animation: qode-scaleout 1s infinite ease-in-out;
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--rotate-circles .qodef-m-circles {
width: 60px;
height: 20px;
}
#qodef-page-spinner.qodef-layout--rotate-circles .qodef-m-circles > div {
display: inline-block;
width: 12px;
height: 12px;
margin: 4px;
background-color: currentColor;
border-radius: 100%;
opacity: 0;
-webkit-animation: qode-ball-fall 1.5s ease infinite both;
animation: qode-ball-fall 1.5s ease infinite both;
}
#qodef-page-spinner.qodef-layout--rotate-circles .qodef-m-circles > div:nth-last-of-type(1) {
-webkit-animation-delay: calc((100ms) - 300ms);
animation-delay: calc((100ms) - 300ms);
}
#qodef-page-spinner.qodef-layout--rotate-circles .qodef-m-circles > div:nth-last-of-type(2) {
-webkit-animation-delay: calc((200ms) - 300ms);
animation-delay: calc((200ms) - 300ms);
}
#qodef-page-spinner.qodef-layout--rotate-circles .qodef-m-circles > div:nth-last-of-type(3) {
-webkit-animation-delay: calc((300ms) - 300ms);
animation-delay: calc((300ms) - 300ms);
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--rotating-cubes .qodef-m-cubes {
position: relative;
width: 32px;
height: 32px;
margin: -16px 0 0 -16px;
}
#qodef-page-spinner.qodef-layout--rotating-cubes .qodef-m-cube {
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 10px;
background-color: currentColor;
-webkit-animation: qode-rotating-cubes 1.8s infinite ease-in-out;
animation: qode-rotating-cubes 1.8s infinite ease-in-out;
}
#qodef-page-spinner.qodef-layout--rotating-cubes .qodef-m-cube.qodef-cube--2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--stripes .qodef-m-stripes {
width: 50px;
height: 60px;
margin: -30px 0 0 -25px;
text-align: center;
}
#qodef-page-spinner.qodef-layout--stripes .qodef-m-stripe {
display: inline-block;
float: left;
height: 100%;
width: 6px;
margin: 0 3px 0 0;
background-color: currentColor;
-webkit-animation: qode-stretch-delay 1.2s infinite ease-in-out;
animation: qode-stretch-delay 1.2s infinite ease-in-out;
}
#qodef-page-spinner.qodef-layout--stripes .qodef-m-stripe.qodef-stripe--2 {
-webkit-animation-delay: calc((200ms) - 1300ms);
animation-delay: calc((200ms) - 1300ms);
}
#qodef-page-spinner.qodef-layout--stripes .qodef-m-stripe.qodef-stripe--3 {
-webkit-animation-delay: calc((300ms) - 1300ms);
animation-delay: calc((300ms) - 1300ms);
}
#qodef-page-spinner.qodef-layout--stripes .qodef-m-stripe.qodef-stripe--4 {
-webkit-animation-delay: calc((400ms) - 1300ms);
animation-delay: calc((400ms) - 1300ms);
}
#qodef-page-spinner.qodef-layout--stripes .qodef-m-stripe.qodef-stripe--5 {
-webkit-animation-delay: calc((500ms) - 1300ms);
animation-delay: calc((500ms) - 1300ms);
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--two-rotating-circles .qodef-m-two-rotating-circles {
position: relative;
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
text-align: center;
-webkit-animation: qode-rotate-circles 2s infinite linear;
animation: qode-rotate-circles 2s infinite linear;
}
#qodef-page-spinner.qodef-layout--two-rotating-circles .qodef-m-circle {
position: absolute;
top: 0;
width: 60%;
height: 60%;
display: inline-block;
background-color: currentColor;
border-radius: 100%;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation: qode-bounce 2s infinite ease-in-out;
animation: qode-bounce 2s infinite ease-in-out;
}
#qodef-page-spinner.qodef-layout--two-rotating-circles .qodef-m-circle.qodef-circle--2 {
top: auto;
bottom: 0;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--wave-circles .qodef-m-wave-circles {
width: 150px;
height: 30px;
margin: -15px 0 0 -75px;
}
#qodef-page-spinner.qodef-layout--wave-circles .qodef-m-wave-circle {
float: left;
height: 30px;
width: 30px;
margin-right: 10px;
background: currentColor;
border-radius: 50%;
}
#qodef-page-spinner.qodef-layout--wave-circles .qodef-m-wave-circle.qodef-wave--1 {
-webkit-animation: qode-wave-jump-3 1.8s infinite ease-out;
animation: qode-wave-jump-3 1.8s infinite ease-out;
}
#qodef-page-spinner.qodef-layout--wave-circles .qodef-m-wave-circle.qodef-wave--2 {
-webkit-animation: qode-wave-jump-2 1.8s infinite ease-out;
animation: qode-wave-jump-2 1.8s infinite ease-out;
}
#qodef-page-spinner.qodef-layout--wave-circles .qodef-m-wave-circle.qodef-wave--3 {
-webkit-animation: qode-wave-jump-1 1.8s infinite ease-out;
animation: qode-wave-jump-1 1.8s infinite ease-out;
}
#qodef-page-spinner.qodef-layout--wave-circles .qodef-m-wave-circle.qodef-wave--4 {
margin-right: 0;
-webkit-animation: qode-wave-wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1);
animation: qode-wave-wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1);
}
/* ==========================================================================
Spinner layout styles
========================================================================== */
#qodef-page-spinner.qodef-layout--wave .qodef-m-wave {
width: 72px;
margin: -9px 0 0 -36px;
text-align: center;
}
#qodef-page-spinner.qodef-layout--wave .qodef-m-wave-item {
display: inline-block;
width: 18px;
height: 18px;
margin: 0 3px 0 0;
background-color: currentColor;
border-radius: 100%;
-webkit-animation: qode-bounce-delay 1.4s infinite ease-in-out both;
animation: qode-bounce-delay 1.4s infinite ease-in-out both;
}
#qodef-page-spinner.qodef-layout--wave .qodef-m-wave-item.qodef-wave--1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
#qodef-page-spinner.qodef-layout--wave .qodef-m-wave-item.qodef-wave--2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
/* ==========================================================================
Title styles
========================================================================== */
.qodef-page-title {
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;
}
.qodef-page-title.qodef-image--responsive {
height: auto !important;
}
.qodef-page-title.qodef-image--responsive .qodef-m-content {
position: absolute;
top: 0;
left: 0;
}
.qodef-page-title.qodef-image--responsive .qodef-m-content.qodef-content-grid {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.qodef-page-title.qodef-alignment--center {
text-align: center;
}
.qodef-page-title.qodef-alignment--right {
text-align: right;
}
.qodef-page-title .qodef-m-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-page-title .qodef-m-image img {
display: block;
width: 100%;
}
.qodef-page-title .qodef-m-content.qodef-content-full-width {
padding: 0 50px;
}
@media only screen and (max-width: 680px) {
.qodef-page-title .qodef-m-content.qodef-content-full-width {
padding: 0 19px;
}
}
.qodef-page-title .qodef-breadcrumbs a, .qodef-page-title .qodef-breadcrumbs span {
font-size: 14px;
color: #686868;
}
.qodef-page-title .qodef-breadcrumbs .qodef-breadcrumbs-separator {
margin: 0 1px;
}
.qodef-page-title .qodef-breadcrumbs .qodef-breadcrumbs-separator:after {
content: '/';
}
/* ==========================================================================
Standard Title layout styles
========================================================================== */
.qodef-page-title.qodef-title--standard-with-breadcrumbs .qodef-breadcrumbs {
margin-top: 3px;
}
/* ==========================================================================
Standard Title layout styles
========================================================================== */
.qodef-page-title.qodef-title--standard .qodef-m-tagline {
margin: 4px 0 0;
}
/* ==========================================================================
Instagram List shortcode styles
========================================================================== */
.qodef-twitter-list.qodef-layout--columns.qodef--no-bottom-info #ctf .ctf-tweet-actions {
display: none;
}
.qodef-twitter-list.qodef-layout--columns #ctf {
overflow: hidden;
}
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-item {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
float: left;
border: 0;
}
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-author-box {
margin-left: 0;
display: block;
margin-bottom: 8px;
}
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-author-box-link {
line-height: 1 !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-author-avatar {
width: 37px;
height: 37px;
margin: 0 7px 0 0;
float: none;
border-radius: 0;
}
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-author-name {
font-family: inherit;
font-weight: 700;
color: #38214a;
font-size: 16px;
line-height: 1.375em;
letter-spacing: -0.005em;
font-weight: 600;
font-weight: 600 !important;
margin: 0 4px 0 0;
}
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-screename-sep {
display: none;
}
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-context,
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-twitterlink,
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-meta {
font-family: "Poppins", sans-serif;
font-size: 15px;
line-height: 25px;
font-weight: 400;
color: #5d516c;
margin-right: 4px;
margin-left: 0;
}
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-context:last-child,
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-twitterlink:last-child,
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-meta:last-child {
margin-right: 0;
}
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-meta {
margin-top: 4px;
}
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-author-screenname {
display: none;
}
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-left: 0;
padding: 0;
margin-top: -5px;
}
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-content:before {
content: '\e094';
font-family: ElegantIcons;
padding-right: 10px;
font-size: 18px;
position: relative;
top: 5px;
}
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-left: 0;
margin-top: -3px;
}
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-actions:before {
content: '\e094';
font-family: ElegantIcons;
padding-right: 10px;
font-size: 18px;
visibility: hidden;
}
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-actions a {
padding: 0;
font-size: 14px;
margin-right: 8px;
}
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-actions a:last-child {
margin-right: 0;
}
.qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-actions a.ctf-reply {
margin-left: 0;
}
.qodef-twitter-list.qodef-layout--columns .ctf-tweets:before {
content: "";
display: table;
table-layout: fixed;
}
.qodef-twitter-list.qodef-layout--columns .ctf-tweets:after {
clear: both;
}
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--1 #ctf .ctf-tweets > .ctf-item {
width: 100%;
}
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--2 #ctf .ctf-tweets > .ctf-item {
width: 50%;
}
@media only screen and (min-width: 681px) {
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--2.qodef-responsive--predefined #ctf .ctf-tweets > .ctf-item:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (min-width: 1441px) {
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--2.qodef-responsive--custom #ctf .ctf-tweets > .ctf-item:nth-child(2n+1) {
clear: both;
}
}
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--3 #ctf .ctf-tweets > .ctf-item {
width: 33.33333%;
}
@media only screen and (min-width: 769px) {
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--3.qodef-responsive--predefined #ctf .ctf-tweets > .ctf-item:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (min-width: 1441px) {
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--3.qodef-responsive--custom #ctf .ctf-tweets > .ctf-item:nth-child(3n+1) {
clear: both;
}
}
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--4 #ctf .ctf-tweets > .ctf-item {
width: 25%;
}
@media only screen and (min-width: 1025px) {
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--4.qodef-responsive--predefined #ctf .ctf-tweets > .ctf-item:nth-child(4n+1) {
clear: both;
}
}
@media only screen and (min-width: 1441px) {
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--4.qodef-responsive--custom #ctf .ctf-tweets > .ctf-item:nth-child(4n+1) {
clear: both;
}
}
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--5 #ctf .ctf-tweets > .ctf-item {
width: 20%;
}
@media only screen and (min-width: 1367px) {
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--5.qodef-responsive--predefined #ctf .ctf-tweets > .ctf-item:nth-child(5n+1) {
clear: both;
}
}
@media only screen and (min-width: 1441px) {
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--5.qodef-responsive--custom #ctf .ctf-tweets > .ctf-item:nth-child(5n+1) {
clear: both;
}
}
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--6 #ctf .ctf-tweets > .ctf-item {
width: 16.66667%;
}
@media only screen and (min-width: 1441px) {
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--6.qodef-responsive--predefined #ctf .ctf-tweets > .ctf-item:nth-child(6n+1) {
clear: both;
}
}
@media only screen and (min-width: 1441px) {
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--6.qodef-responsive--custom #ctf .ctf-tweets > .ctf-item:nth-child(6n+1) {
clear: both;
}
}
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--7 #ctf .ctf-tweets > .ctf-item {
width: 14.28571%;
}
@media only screen and (min-width: 1367px) {
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--7.qodef-responsive--predefined #ctf .ctf-tweets > .ctf-item:nth-child(7n+1) {
clear: both;
}
}
@media only screen and (min-width: 1441px) {
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--7.qodef-responsive--custom #ctf .ctf-tweets > .ctf-item:nth-child(7n+1) {
clear: both;
}
}
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--8 #ctf .ctf-tweets > .ctf-item {
width: 12.5%;
}
@media only screen and (min-width: 1367px) {
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--8.qodef-responsive--predefined #ctf .ctf-tweets > .ctf-item:nth-child(8n+1) {
clear: both;
}
}
@media only screen and (min-width: 1441px) {
.qodef-twitter-list.qodef-layout--columns.qodef-col-num--8.qodef-responsive--custom #ctf .ctf-tweets > .ctf-item:nth-child(8n+1) {
clear: both;
}
}
.qodef-twitter-list.qodef-gutter--no.qodef--no-bottom-space {
margin-bottom: 0;
}
.qodef-twitter-list.qodef-gutter--no #ctf .ctf-tweets {
margin: 0;
}
.qodef-twitter-list.qodef-gutter--no #ctf .ctf-tweets > .ctf-item {
padding: 0;
margin: 0;
}
.qodef-twitter-list.qodef-gutter--tiny.qodef--no-bottom-space {
margin-bottom: -10px;
}
.qodef-twitter-list.qodef-gutter--tiny #ctf .ctf-tweets {
margin: 0 -5px;
}
.qodef-twitter-list.qodef-gutter--tiny #ctf .ctf-tweets > .ctf-item {
padding: 0 5px;
margin: 0 0 10px;
}
.qodef-twitter-list.qodef-gutter--small.qodef--no-bottom-space {
margin-bottom: -20px;
}
.qodef-twitter-list.qodef-gutter--small #ctf .ctf-tweets {
margin: 0 -10px;
}
.qodef-twitter-list.qodef-gutter--small #ctf .ctf-tweets > .ctf-item {
padding: 0 10px;
margin: 0 0 20px;
}
.qodef-twitter-list.qodef-gutter--normal.qodef--no-bottom-space {
margin-bottom: -30px;
}
.qodef-twitter-list.qodef-gutter--normal #ctf .ctf-tweets {
margin: 0 -15px;
}
.qodef-twitter-list.qodef-gutter--normal #ctf .ctf-tweets > .ctf-item {
padding: 0 15px;
margin: 0 0 30px;
}
.qodef-twitter-list.qodef-gutter--medium.qodef--no-bottom-space {
margin-bottom: -40px;
}
.qodef-twitter-list.qodef-gutter--medium #ctf .ctf-tweets {
margin: 0 -20px;
}
.qodef-twitter-list.qodef-gutter--medium #ctf .ctf-tweets > .ctf-item {
padding: 0 20px;
margin: 0 0 40px;
}
.qodef-twitter-list.qodef-gutter--large.qodef--no-bottom-space {
margin-bottom: -80px;
}
.qodef-twitter-list.qodef-gutter--large #ctf .ctf-tweets {
margin: 0 -40px;
}
.qodef-twitter-list.qodef-gutter--large #ctf .ctf-tweets > .ctf-item {
padding: 0 40px;
margin: 0 0 80px;
}
.qodef-twitter-list.qodef-gutter--huge.qodef--no-bottom-space {
margin-bottom: -110px;
}
.qodef-twitter-list.qodef-gutter--huge #ctf .ctf-tweets {
margin: 0 -55px;
}
.qodef-twitter-list.qodef-gutter--huge #ctf .ctf-tweets > .ctf-item {
padding: 0 55px;
margin: 0 0 110px;
}
/* ==========================================================================
Instagram List shortcode styles
========================================================================== */
/* ==========================================================================
Twitter List widget styles
========================================================================== */
#qodef-page-footer .widget .qodef-twitter-list.qodef-layout--columns #ctf a {
color: #ccc;
}
#qodef-page-footer .widget .qodef-twitter-list.qodef-layout--columns #ctf a:hover {
color: #fff;
}
#qodef-side-area .widget .qodef-twitter-list.qodef-layout--columns #ctf a {
color: #ccc;
}
#qodef-side-area .widget .qodef-twitter-list.qodef-layout--columns #ctf a:hover {
color: #fff;
}
/* ==========================================================================
Twitter List widget styles
========================================================================== */
.qodef-m-website-song {
display: block;
position: fixed;
width: 55px;
height: 55px;
left: 40px;
top: auto;
bottom: 40px;
margin: 0;
z-index: 10000;
cursor: pointer;
opacity: 0;
-webkit-animation: qodef-fade-in 1s ease-out 1.5s forwards;
animation: qodef-fade-in 1s ease-out 1.5s forwards;
}
@media only screen and (max-width: 680px) {
.qodef-m-website-song {
display: none;
}
}
.qodef-m-website-song.qodef-light .qodef-website-song {
background: #fff;
}
.qodef-m-website-song.qodef-light .qodef-website-song .qodef-track-listen,
.qodef-m-website-song.qodef-light .qodef-website-song .qodef-track-pause {
color: #fff;
}
.qodef-m-website-song.qodef-light .qodef-m-website-song.qodef-light .qodef-website-song .qodef-song-play-icon {
-webkit-text-stroke: 1px #5d516c;
}
.qodef-m-website-song.qodef-light .qodef-website-song:after {
background-color: rgba(255, 255, 255, 0.5);
}
.qodef-website-song {
position: relative;
display: block;
height: 100%;
background: #5d516c;
border-radius: 50%;
-webkit-transition: .35s ease-out;
-o-transition: .35s ease-out;
transition: .35s ease-out;
}
.qodef-website-song .qodef-track-listen,
.qodef-website-song .qodef-track-pause {
position: absolute;
top: 0;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: inherit;
font-weight: 700;
font-size: 14px;
line-height: 1.5em;
font-weight: 400;
color: #5d516c;
color: #5d516c;
-webkit-transition: all .5s ease-out, color .35s ease-out;
-o-transition: all .5s ease-out, color .35s ease-out;
transition: all .5s ease-out, color .35s ease-out;
z-index: -2;
}
.qodef-m-website-song.qodef-light .qodef-website-song .qodef-track-listen,
.qodef-m-website-song.qodef-light .qodef-website-song .qodef-track-pause {
/*color: #fff;*/
}
.qodef-website-song .qodef-track-listen {
left: calc(100% + 10px);
opacity: 1;
}
.qodef-website-song .qodef-track-pause {
opacity: 0;
left: 0;
}
.qodef-website-song .qodef-song-play-icon {
font-size: 25px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
color: transparent;
-webkit-text-stroke: 1px #fff;
-webkit-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.qodef-m-website-song.qodef-light .qodef-website-song .qodef-song-play-icon {
-webkit-text-stroke: 1px #5d516c;
}
.qodef-website-song .qodef-song-play-icon:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #5d516c;
opacity: .5;
z-index: -1;
border-radius: 50%;
-webkit-transition: .35s ease-out;
-o-transition: .35s ease-out;
transition: .35s ease-out;
}
.qodef-website-song.qodef-track-in-progress .qodef-song-play-icon:after {
-webkit-animation: qodefScalePlayerIcon 3.5s infinite both;
animation: qodefScalePlayerIcon 3.5s infinite both;
}
.qodef-website-song.qodef-track-in-progress .qodef-track-listen {
opacity: 0;
left: 0;
}
.qodef-website-song.qodef-track-in-progress .qodef-track-pause {
opacity: 1;
left: calc(100% + 10px);
}
@-webkit-keyframes qodefScalePlayerIcon {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
60% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes qodefScalePlayerIcon {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
60% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes qodef-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes qodef-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.widget.qodef-author-info .qodef-author-info-image {
margin-bottom: 21px;
display: inline-block;
}
.widget.qodef-author-info .qodef-author-info-name {
margin: 0 0 21px;
}
.widget.qodef-author-info .qodef-author-info-description {
margin: 0;
}
/* ==========================================================================
Social Icons Group widget styles
========================================================================== */
.qodef-social-icons-group .qodef-icon-holder {
margin-left: 9px;
}
.qodef-social-icons-group .qodef-icon-holder:first-child {
margin-left: 0;
}
.qodef-header--light #qodef-page-header .qodef-social-icons-group .qodef-icon-holder a {
color: #fff;
}
.qodef-header--dark #qodef-page-header .qodef-social-icons-group .qodef-icon-holder a {
color: #000;
}
.widget.widget_masterds_core_social_icons_group .qodef-icon-holder a {
color: #ffffff;
-webkit-transition: color 0.2s ease-out;
-o-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
.widget.widget_masterds_core_social_icons_group .qodef-icon-holder.qodef-layout--circle {
background-color: #f8e7e5;
}
.widget.widget_masterds_core_social_icons_group .qodef-icon-holder.qodef-layout--circle:hover {
background-color: #38214a;
}
.widget.widget_masterds_core_social_icons_group .qodef-icon-holder.qodef-layout--circle:hover a {
color: #ffffff;
}
/* ==========================================================================
Social Icons Group widget styles
========================================================================== */
/* ==========================================================================
WPBakery styles
========================================================================== */
.qodef-vc-row-wrapper.qodef--parallax-row {
width: 100%;
}
.touchevents .qodef-vc-row-wrapper.qodef--parallax-row {
height: auto !important;
}
/* ==========================================================================
Author Info responsive styles
========================================================================== */
@media only screen and (max-width: 680px) {
#qodef-author-info .qodef-m-inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#qodef-author-info .qodef-m-content {
margin-top: 23px;
}
}
@media only screen and (max-width: 1024px) {
body:not(.qodef-content-behind-header) #qodef-page-outer {
margin-top: 0 !important;
}
}
/* Vertical header style - start */
@media only screen and (max-width: 1024px) {
.qodef-header--vertical-closed #qodef-page-header-inner {
display: none;
}
.qodef-header--vertical-closed #qodef-page-outer,
.qodef-header--vertical-closed #qodef-page-footer {
padding-left: 0;
}
}
/* Vertical header style - end */
/* Vertical header style - start */
@media only screen and (max-width: 1024px) {
.qodef-header--vertical #qodef-page-header-inner {
display: none;
}
.qodef-header--vertical #qodef-page-outer,
.qodef-header--vertical footer {
padding-left: 0;
}
}
/* Vertical header style - end */
/* ==========================================================================
Top header responsive style - begin
========================================================================== */
@media only screen and (max-width: 768px) {
#qodef-top-area {
display: none;
}
}
/* ==========================================================================
Top header responsive style - end
========================================================================== */
/* ==========================================================================
Album Single responsive styles
========================================================================== */
@media only screen and (max-width: 1024px) {
.qodef-album .qodef-e-inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.qodef-album .qodef-e-inner > * {
width: 100%;
}
.qodef-album .qodef-e-content {
margin-top: 30px;
}
.qodef-album .qodef-e-socials {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.qodef-album .qodef-e-socials > * {
width: 100%;
}
.qodef-album .qodef-e-socials .qodef-e-stores {
margin-bottom: 40px;
}
}
/* ==========================================================================
Album Single responsive styles
========================================================================== */
@media only screen and (max-width: 1024px) {
.qodef-artist-item .qodef-m-inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.qodef-artist-item .qodef-m-inner > * {
width: 100%;
}
.qodef-artist-item .qodef-m-content {
margin-top: 40px;
}
}
/* ==========================================================================
Album list shortcode variation styles
========================================================================== */
@media only screen and (max-width: 1680px) {
.qodef-album-player-slider.qodef-layout--predefined .qodef-e-media-image {
height: 56vh;
width: 56vh;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder {
position: absolute;
bottom: 0;
-ms-flex-item-align: center;
align-self: center;
}
.qodef-album-player-slider.qodef-layout--predefined .qodef-m-player-holder .qodef-album-player.qodef-layout--simple.qodef--has-album .qodef-m-player {
width: 80%;
}
}
@media only screen and (max-width: 1366px) {
.qodef-album-player-slider.qodef-layout--predefined .qodef-e-media-image {
height: 62vh;
width: 62vh;
}
.qodef-album-player-slider.qodef-layout--predefined .qodef-m-player-holder .qodef-album-player {
padding: 30px 0 20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .qodef-swiper-navigation-holder {
padding-left: 10%;
padding-right: 10%;
}
}
@media only screen and (max-width: 1024px) {
.qodef-album-player-slider.qodef-layout--predefined .qodef-e-media-image {
height: 54vh;
width: 54vh;
}
.qodef-album-player-slider.qodef-layout--predefined .qodef-m-player-holder .qodef-album-player.qodef-layout--simple.qodef--has-album .qodef-m-player {
width: 90%;
}
}
@media only screen and (max-width: 768px) {
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .swiper-slide {
width: 90%;
}
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .swiper-slide .qodef-e-inner {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@media only screen and (max-width: 680px) {
.qodef-album-player-slider.qodef-layout--predefined.qodef-swiper-container .swiper-slide {
width: 90%;
margin: 0 10%;
}
.qodef-album-player-slider.qodef-layout--predefined .qodef-e-media-image {
height: 44vh;
width: 44vh;
}
}
/* ==========================================================================
Album player shortcode responsive styles
========================================================================== */
@media screen and (min-width: 681px) and (max-width: 1024px) {
.qodef-album-player.qodef-layout--standard .qodef-m-track-progress {
width: 100%;
margin-right: 0;
}
.qodef-album-player.qodef-layout--standard .qodef-m-track-time {
text-align: right;
}
.qodef-album-player.qodef-layout--standard .qodef-m-track-time > span {
min-width: 35px;
}
.qodef-album-player.qodef-layout--standard .qodef-m-player-controls {
position: absolute;
margin: 0;
top: 20px;
right: 40px;
}
.qodef-album-player.qodef-layout--standard .qodef-m-volume-control {
position: absolute;
width: auto;
right: 45px;
bottom: 20px;
}
}
@media only screen and (max-width: 680px) {
.qodef-album-player .qodef-m-player-controls ul li a.jp-play {
margin: 0 10px;
}
.qodef-album-player .qodef-m-player-footer {
top: 0;
}
.qodef-album-player.qodef-layout--simple.qodef--has-album .qodef-m-player {
width: calc(100% - 40px);
left: 20px;
padding: 10px;
}
.qodef-album-player.qodef-layout--standard .qodef-m-album-image {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.qodef-album-player.qodef-layout--standard .qodef-m-player {
padding: 60px 15px 25px;
height: auto;
}
.qodef-album-player.qodef-layout--standard .qodef-m-player-heading {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 20px 0;
}
.qodef-album-player.qodef-layout--standard .qodef-m-player-track-title {
margin: 0;
}
.qodef-album-player.qodef-layout--standard .qodef-m-track-time {
width: 100%;
text-align: center;
}
.qodef-album-player.qodef-layout--standard .qodef-m-player-controls {
position: absolute;
margin: 0;
top: 40px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.qodef-album-player.qodef-layout--standard .qodef-m-track-progress,
.qodef-album-player.qodef-layout--standard .qodef-m-volume-control {
display: none !important;
}
.qodef-album-player.qodef-layout--standard .qodef-m-player-footer {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 10px 0 0;
}
}
/* ==========================================================================
Band member shortcode styles
========================================================================== */
@media only screen and (max-width: 1024px) {
.qodef-band-member > * {
width: 100%;
}
.qodef-band-member .qodef-m-content {
margin-top: 40px;
}
.qodef-band-member.qodef-content--left {
-webkit-box-orient: inherit;
-webkit-box-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
text-align: inherit;
}
.qodef-band-member.qodef-content--left .qodef-m-social-icons {
-webkit-box-orient: inherit;
-webkit-box-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
}
.qodef-band-member.qodef-content--left .qodef-m-social-icons > * {
margin-left: 0;
margin-right: 13px;
}
}
/* ==========================================================================
Tracks List shortcode responsive styles
========================================================================== */
@media only screen and (max-width: 680px) {
.qodef-tracks-list .qodef-m-artist {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-right: 40px;
padding-left: 40px;
}
.qodef-tracks-list .qodef-m-artist .qodef-m-artist-image {
margin: 0 0 15px;
-ms-flex-item-align: center;
align-self: center;
}
.qodef-tracks-list .qodef-e {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-right: 40px;
padding-left: 40px;
}
}
/* ==========================================================================
# Fullscreen search responsive - start
========================================================================== */
@media only screen and (max-width: 1024px) {
.qodef-fullscreen-search-holder .qodef-form-holder-inner {
width: 80%;
}
}
/* ==========================================================================
# Fullscreen search responsive - end
========================================================================== */
/* ==========================================================================
Call to Action shortcode responsive styles
========================================================================== */
@media only screen and (max-width: 680px) {
.qodef-call-to-action.qodef-layout--standard .qodef-m-inner {
display: block;
}
.qodef-call-to-action.qodef-layout--standard .qodef-m-button {
margin-top: 20px;
}
}
/* ==========================================================================
Countdown shortcode styles
========================================================================== */
@media only screen and (max-width: 1024px) {
.qodef-countdown .qodef-m-date {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.qodef-countdown .qodef-digit-wrapper {
min-width: 50%;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 480px) {
.qodef-countdown .qodef-digit-wrapper {
width: 100%;
}
.qodef-countdown .qodef-digit-wrapper:last-child {
margin-bottom: 0;
}
}
/* ==========================================================================
Section Title shortcode responsive styles
========================================================================== */
@media only screen and (max-width: 1024px) {
.qodef-highlight.qodef-title-break--disabled .qodef-m-title br {
display: none;
}
}
/* ==========================================================================
Section Title shortcode responsive styles
========================================================================== */
@media only screen and (max-width: 1024px) {
.qodef-info-section.qodef-title-break--disabled .qodef-m-title br {
display: none;
}
}
/* ==========================================================================
Section Title shortcode responsive styles
========================================================================== */
@media only screen and (max-width: 1024px) {
.qodef-section-title.qodef-title-break--disabled .qodef-m-title br {
display: none;
}
}
/* ==========================================================================
Icon list shortcode styles
========================================================================== */
@media only screen and (max-width: 680px) {
.qodef-social-icon-list.qodef-align--center, .qodef-social-icon-list.qodef-align--right {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media only screen and (max-width: 680px) {
.qodef-tabs.qodef-layout--simple .qodef-tabs-navigation {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li {
margin: 0 0 26px 0;
padding: 0;
width: 100%;
}
.qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li:last-child {
margin-bottom: 0;
}
.qodef-tabs.qodef-layout--simple.qodef-orientation--vertical {
display: block;
}
.qodef-tabs.qodef-layout--simple.qodef-orientation--vertical .qodef-tabs-navigation {
padding-right: 0;
margin-right: 0;
border-right: 0;
}
.qodef-tabs.qodef-layout--simple.qodef-orientation--vertical .qodef-tabs-content {
margin-top: 26px;
}
.qodef-tabs.qodef-layout--simple .qodef-tabs-content {
margin: 26px 0 0;
}
}
/* ==========================================================================
Textual Icon List shortcode responsive style - begin
========================================================================== */
@media only screen and (max-width: 768px) {
.qodef-textual-icon-list.qodef-layout--columns.qodef-gutter--no.qodef-responsive--predefined > .qodef-grid-inner > .qodef-grid-item {
width: 100%;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1366px) {
.qodef-textual-icon-list.qodef-layout--columns.qodef-gutter--no.qodef-responsive--predefined.qodef-col-num--5 > .qodef-grid-inner > .qodef-grid-item {
width: 20%;
}
.qodef-textual-icon-list.qodef-layout--columns.qodef-gutter--no.qodef-responsive--predefined.qodef-col-num--5 > .qodef-grid-inner > .qodef-grid-item:nth-child(4n+1) {
clear: none;
}
}
@media only screen and (min-width: 681px) and (max-width: 1024px) {
.qodef-textual-icon-list.qodef-layout--columns.qodef-gutter--no.qodef-responsive--predefined.qodef-col-num--5 > .qodef-grid-inner > .qodef-grid-item {
width: 33.33333%;
}
.qodef-textual-icon-list.qodef-layout--columns.qodef-gutter--no.qodef-responsive--predefined.qodef-col-num--5 > .qodef-grid-inner > .qodef-grid-item:nth-child(2n+1) {
clear: none;
}
.qodef-textual-icon-list.qodef-layout--columns.qodef-gutter--no.qodef-responsive--predefined.qodef-col-num--5 > .qodef-grid-inner > .qodef-grid-item:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) {
.qodef-textual-icon-list.qodef-boxed-style .qodef-grid-item-inner {
margin: 46px 0 0;
}
.qodef-textual-icon-list.qodef-boxed-style .qodef-grid-item:last-child .qodef-grid-item-inner {
margin: 46px 0;
}
}
/* ==========================================================================
Textual Icon List shortcode responsive style - end
========================================================================== */
@media only screen and (max-width: 1024px) {
.qodef-vertical-split-slider.qodef-disable-below--1024 {
display: none;
}
.qodef-vertical-split-slider.qodef-disable-below--1024 + .qodef-vertical-split-slider-responsive {
display: block;
}
.qodef-vertical-split-slider.qodef-disable-below--1024 + .qodef-vertical-split-slider-responsive .qodef-m-slide-content, .qodef-vertical-split-slider.qodef-disable-below--1024 + .qodef-vertical-split-slider-responsive .qodef-m-slide-image {
min-height: 50vh;
}
.qodef-vertical-split-slider.qodef-disable-below--1024 + .qodef-vertical-split-slider-responsive .qodef-m-slide-content {
padding: 10%;
}
}
@media only screen and (max-width: 768px) {
.qodef-vertical-split-slider.qodef-disable-below--768 {
display: none;
}
.qodef-vertical-split-slider.qodef-disable-below--768 + .qodef-vertical-split-slider-responsive {
display: block;
}
.qodef-vertical-split-slider.qodef-disable-below--768 + .qodef-vertical-split-slider-responsive .qodef-m-slide-content, .qodef-vertical-split-slider.qodef-disable-below--768 + .qodef-vertical-split-slider-responsive .qodef-m-slide-image {
min-height: 50vh;
}
.qodef-vertical-split-slider.qodef-disable-below--768 + .qodef-vertical-split-slider-responsive .qodef-m-slide-content {
padding: 10%;
}
}
/* ==========================================================================
Video Slider shortcode responsive style - begin
========================================================================== */
@media only screen and (max-width: 480px) {
.qodef-video-slider .qodef-m-item {
width: 100%;
}
.qodef-video-slider .qodef-m-play .qodef-m-play-inner {
height: 130px;
width: 130px;
font-size: 40px;
}
.qodef-video-slider .swiper-navigation {
display: none;
}
.qodef-video-slider .swiper-pagination {
display: block;
}
}
/* ==========================================================================
Video Slider shortcode responsive style - end
========================================================================== */
/* ==========================================================================
Title responsive styles
========================================================================== */
@media only screen and (max-width: 1024px) {
body:not(.qodef-content-behind-header) .qodef-page-title .qodef-m-content {
padding-top: 0 !important;
}
}
/* ==========================================================================
Instagram List shortcode responsive styles
========================================================================== */
@media only screen and (max-width: 1440px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 20%;
}
}
@media only screen and (max-width: 1440px) and (min-width: 1367px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(5n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 25%;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(4n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 25%;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(4n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 25%;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(4n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 25%;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(4n+1) {
clear: both;
}
}
@media only screen and (max-width: 1024px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 33.33333%;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 1024px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 33.33333%;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 1024px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 33.33333%;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 1024px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 33.33333%;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 1024px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 33.33333%;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 50%;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 50%;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 50%;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 50%;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 50%;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 50%;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 680px) {
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--2.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 100%;
}
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 100%;
}
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 100%;
}
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 100%;
}
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 100%;
}
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 100%;
}
.qodef-twitter-list.qodef-responsive--predefined.qodef-col-num--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 100%;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--1.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 100%;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--2.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 50%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--2.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 33.33333%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 25%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(4n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 20%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(5n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 16.66667%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(6n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 14.28571%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(7n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 12.5%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(8n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--1.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 100%;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--2.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 50%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--2.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 33.33333%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 25%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(4n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 20%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(5n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 16.66667%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(6n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 14.28571%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(7n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 12.5%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(8n+1) {
clear: both;
}
}
@media only screen and (max-width: 1440px) and (min-width: 1367px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1440--1.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 100%;
}
}
@media only screen and (max-width: 1440px) and (min-width: 1367px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1440--2.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 50%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1440--2.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 1440px) and (min-width: 1367px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1440--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 33.33333%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1440--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 1440px) and (min-width: 1367px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1440--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 25%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1440--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(4n+1) {
clear: both;
}
}
@media only screen and (max-width: 1440px) and (min-width: 1367px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1440--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 20%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1440--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(5n+1) {
clear: both;
}
}
@media only screen and (max-width: 1440px) and (min-width: 1367px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1440--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 16.66667%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1440--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(6n+1) {
clear: both;
}
}
@media only screen and (max-width: 1440px) and (min-width: 1367px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1440--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 14.28571%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1440--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(7n+1) {
clear: both;
}
}
@media only screen and (max-width: 1440px) and (min-width: 1367px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1440--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 12.5%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1440--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(8n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--1.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 100%;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--2.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 50%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--2.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 33.33333%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 25%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(4n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 20%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(5n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 16.66667%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(6n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 14.28571%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(7n+1) {
clear: both;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 12.5%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1366--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(8n+1) {
clear: both;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--1.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 100%;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--2.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 50%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--2.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 33.33333%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 25%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(4n+1) {
clear: both;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 20%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(5n+1) {
clear: both;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 16.66667%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(6n+1) {
clear: both;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 14.28571%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(7n+1) {
clear: both;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 12.5%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--1024--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(8n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--768--1.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 100%;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--768--2.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 50%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--768--2.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--768--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 33.33333%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--768--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--768--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 25%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--768--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(4n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--768--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 20%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--768--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(5n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--768--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 16.66667%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--768--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(6n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--768--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 14.28571%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--768--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(7n+1) {
clear: both;
}
}
@media only screen and (max-width: 768px) and (min-width: 681px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--768--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 12.5%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--768--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(8n+1) {
clear: both;
}
}
@media only screen and (max-width: 680px) and (min-width: 481px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--1.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 100%;
}
}
@media only screen and (max-width: 680px) and (min-width: 481px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--2.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 50%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--2.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 680px) and (min-width: 481px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 33.33333%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 680px) and (min-width: 481px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 25%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(4n+1) {
clear: both;
}
}
@media only screen and (max-width: 680px) and (min-width: 481px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 20%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(5n+1) {
clear: both;
}
}
@media only screen and (max-width: 680px) and (min-width: 481px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 16.66667%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(6n+1) {
clear: both;
}
}
@media only screen and (max-width: 680px) and (min-width: 481px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 14.28571%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(7n+1) {
clear: both;
}
}
@media only screen and (max-width: 680px) and (min-width: 481px) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 12.5%;
}
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--680--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item:nth-child(8n+1) {
clear: both;
}
}
@media only screen and (max-width: 480px) and (min-width: 0) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--480--1.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 100%;
}
}
@media only screen and (max-width: 480px) and (min-width: 0) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--480--2.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 50%;
}
}
@media only screen and (max-width: 480px) and (min-width: 0) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--480--3.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 33.33333%;
}
}
@media only screen and (max-width: 480px) and (min-width: 0) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--480--4.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 25%;
}
}
@media only screen and (max-width: 480px) and (min-width: 0) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--480--5.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 20%;
}
}
@media only screen and (max-width: 480px) and (min-width: 0) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--480--6.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 16.66667%;
}
}
@media only screen and (max-width: 480px) and (min-width: 0) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--480--7.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 14.28571%;
}
}
@media only screen and (max-width: 480px) and (min-width: 0) {
.qodef-twitter-list.qodef-responsive--custom.qodef-col-num--480--8.qodef-layout--columns #ctf .ctf-tweets > .ctf-item {
width: 12.5%;
}
}
@media only screen and (max-width: 1440px) {
.qodef-twitter-list.qodef-gutter--huge.qodef--no-bottom-space {
margin-bottom: -50px;
}
.qodef-twitter-list.qodef-gutter--huge #ctf .ctf-tweets {
margin: 0 -25px;
}
.qodef-twitter-list.qodef-gutter--huge #ctf .ctf-tweets > .ctf-item {
padding: 0 25px;
margin: 0 0 50px;
}
}
/* ==========================================================================
Instagram List shortcode responsive styles
========================================================================== */
@media only screen and (max-width: 1024px) {
#qodef-page-sidebar .qodef-social-icons-group {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}