Submit
Path:
~
/
home
/
getwphos
/
www
/
almajd14
/
wp-content
/
plugins
/
halstein-core
/
assets
/
css
/
File Content:
halstein-core.css
/* ========================================================================== Include variables and mixins ========================================================================== */ /* ========================================================================== Color variables ========================================================================== */ /* ========================================================================== Typography variables ========================================================================== */ /* ========================================================================== Box variables ========================================================================== */ /* ========================================================================== Devices screen size variables ========================================================================== */ /* ========================================================================== Grid size and responsive grid size variables ========================================================================== */ /* ========================================================================== Typography mixins ========================================================================== */ /* ========================================================================== Typography mixins - end ========================================================================== */ /* ========================================================================== Custom mixins - begin ========================================================================== */ /* ========================================================================== Custom mixins - end ========================================================================== */ /* ========================================================================== Menu mixins - begin ========================================================================== */ /* ========================================================================== Menu mixins - end ========================================================================== */ /* ========================================================================== Layout mixins - begin ========================================================================== */ /* ========================================================================== Layout mixins - end ========================================================================== */ /* ========================================================================== Input fields mixins - begin ========================================================================== */ /* ========================================================================== Input fields mixins - end ========================================================================== */ /* ========================================================================== Pagination mixins - begin ========================================================================== */ /* ========================================================================== Pagination mixins - end ========================================================================== */ /* ========================================================================== Grid size mixins - begin ========================================================================== */ /* ========================================================================== Grid size mixins - end ========================================================================== */ /* ========================================================================== Helper mixins - begin ========================================================================== */ /* ========================================================================== Helper mixins - end ========================================================================== */ /* ========================================================================== Clear fix mixin - begin ========================================================================== */ /* ========================================================================== Clear fix mixin - end ========================================================================== */ /* ========================================================================== Button mixins - start ========================================================================== */ /* ========================================================================== Button mixins - end ========================================================================== */ /* ========================================================================== Tabs mixins - start ========================================================================== */ /* ========================================================================== Tabs mixins - end ========================================================================== */ /* ========================================================================== Animation mixins - start ========================================================================== */ /* ========================================================================== Animation mixins - end ========================================================================== */ /* ========================================================================== */ /* ========================================================================== Global mixins ========================================================================== */ /* ========================================================================== Global styles ========================================================================== */ .halstein-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; } /* ========================================================================== #Back to Top styles - start ========================================================================== */ #qodef-back-to-top { background-color: #ffffff; bottom: 54px; height: 40px; margin: 0; opacity: 0; position: fixed; right: 52px; visibility: hidden; width: 40px; z-index: 10000; } @media only screen and (max-width: 680px) { #qodef-back-to-top { bottom: 102px; } } #qodef-back-to-top svg.qodef-svg--back-to-top .qodef-m-arrow { transform: translateY(0); transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1); } #qodef-back-to-top:hover svg.qodef-svg--back-to-top .qodef-m-arrow { transform: translateY(-3px); } #qodef-back-to-top .qodef-back-to-top-icon { align-items: center; color: var(--qode-main-color); display: flex; height: 100%; justify-content: center; overflow: hidden; position: relative; transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out; } #qodef-back-to-top .qodef-back-to-top-icon * { display: block; line-height: inherit; } #qodef-back-to-top.qodef--off { opacity: 0; transition: opacity 0.15s ease, visibility 0s 0.15s; visibility: hidden; } #qodef-back-to-top.qodef--on { opacity: 1; transition: opacity 0.3s ease; visibility: visible; } /* ========================================================================== #Back to Top styles - end ========================================================================== */ .qodef-background-text { position: relative; } .qodef-background-text .qodef-m-background-text { color: var(--qode-main-color); font-family: "Marcellus", serif; font-size: 200px; line-height: 1em; } .qodef-background-text .qodef-m-background-text-holder { display: flex; height: 100%; position: absolute; width: 100%; } .qodef-blog.qodef-item-layout--divided .qodef-e-inner { background-color: #fbf9f9; display: flex; } .qodef-blog.qodef-item-layout--divided .qodef-e-content { padding: 4% 13.5% 8.5% 4.5%; width: 50%; } .qodef-blog.qodef-item-layout--divided .qodef-e-media-image { width: 50% !important; } .qodef-blog.qodef-item-layout--divided .qodef-e-media-image a, .qodef-blog.qodef-item-layout--divided .qodef-e-media-image img { height: 100%; } .qodef-blog.qodef-item-layout--divided .qodef-e-media-image img { object-fit: cover; } .qodef-blog.qodef-item-layout--divided .qodef-e-text { display: flex; flex-direction: column; height: 100%; justify-content: flex-start; } .qodef-blog.qodef-item-layout--divided .qodef-e-title { margin: 0 0 18px 0; } .qodef-blog.qodef-item-layout--divided .qodef-e-info { margin: 0 0 48px; } .qodef-blog.qodef-item-layout--divided .qodef-e-read-more { margin: auto 0 0 0; } .qodef-blog.qodef-item-layout--metro { margin: 0; } .qodef-blog.qodef-item-layout--metro .qodef-e-media-image.qodef--background { margin-bottom: 0; transform: scaleX(1.05) translateX(0); transition: transform 0.45s cubic-bezier(0.61, 1, 0.88, 1); } .qodef-blog.qodef-item-layout--metro .qodef-e:hover .qodef-e-media-image.qodef--background { transform: scaleX(1.05) translateX(6px); } .qodef-blog.qodef-item-layout--metro .qodef-e-inner { overflow: hidden; } .qodef-blog.qodef-item-layout--metro .qodef-e-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: flex-end; flex-direction: column; padding: 10% 11%; } .qodef-blog.qodef-item-layout--metro .qodef-e-content a { position: relative; z-index: 3; } .qodef-blog.qodef-item-layout--metro .qodef-e-title { margin: 0 0 23px 0; } .qodef-blog.qodef-item-layout--metro .qodef-e-info { margin: 0 0 75px 0; } .qodef-blog.qodef-item-layout--metro .qodef-e-info a { color: var(--qode-main-color); } .qodef-blog.qodef-item-layout--metro .qodef-e-info a:hover { color: #b29063; } .qodef-blog.qodef-item-layout--metro .qodef-e-post-link { z-index: 2; } .qodef-blog.qodef-item-layout--minimal .qodef-e-top-holder { margin: 0 0 8px 0; } .qodef-blog.qodef-item-layout--minimal .qodef-e-bottom-holder { margin: 13px 0 0 0; } .qodef-blog.qodef-item-layout--standard.qodef-col-num--1 article:not(:last-child) { margin: 0 0 125px 0; } .qodef-blog.qodef-item-layout--standard.qodef-col-num--1 article:not(:last-child).format-link { margin: 0 0 140px 0; } .qodef-blog.qodef-item-layout--standard.qodef-col-num--1 article:not(:last-child).format-quote { margin: 0 0 140px 0; } .qodef-blog.qodef-item-layout--standard.qodef-col-num--1 .qodef-m-pagination.qodef--standard { margin: 39px 0 0 0; } @media only screen and (max-width: 1024px) { .qodef-blog.qodef-item-layout--standard.qodef-col-num--1 .qodef-m-pagination.qodef--standard { margin: 25px 0 99px 0; } } .qodef-blog.qodef-item-layout--standard:not(.qodef-col-num--1) article.format-link .qodef-e-link { padding: 40px; } .qodef-blog.qodef-item-layout--standard:not(.qodef-col-num--1) article.format-quote .qodef-e-quote { padding: 40px; } /* ========================================================================== Blog List Widget variable styles ========================================================================== */ /* ========================================================================== Default widgets map ========================================================================== */ /* ========================================================================== Override default widgets map for specific widget area ========================================================================== */ .widget.widget_halstein_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article:not(:last-child) { margin: 0 0 7px; } #qodef-top-area .widget.widget_halstein_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article:not(:last-child) { margin: 0 0 7px; } #qodef-page-header .qodef-tabbed-header-top-area .widget.widget_halstein_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article:not(:last-child) { margin: 0 0 7px; } #qodef-page-header .qodef-skin--light .qodef-tabbed-header-top-area .widget.widget_halstein_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article:not(:last-child) { margin: 0 0 7px; } #qodef-page-footer .widget.widget_halstein_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article:not(:last-child) { margin: 0 0 15px; } #qodef-page-footer .qodef-skin--light .widget.widget_halstein_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article:not(:last-child) { margin: 0 0 11px; } #qodef-side-area .widget.widget_halstein_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article:not(:last-child) { margin: 0 0 7px; } .qodef-mega-menu-widget-holder .widget.widget_halstein_core_simple_blog_list .qodef-blog.qodef-item-layout--minimal article:not(:last-child) { margin: 0 0 7px; } .qodef-blog-single-loop .qodef-e-fixed { height: 100vh; position: fixed; width: 50%; z-index: 1; overflow: hidden; background-image: url("/wp-content/plugins/halstein-core/inc/blog/shortcodes/blog-single-loop/assets/img/bg.png"); background-position: center 0; background-repeat: repeat; animation-name: qodef-preload-background; animation-duration: 40s; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 0s; animation-fill-mode: forwards; } .qodef-blog-single-loop .qodef-e-media-image { height: 100%; opacity: 0; transform: scale(1.05); animation: qodef-animate-scale-in 0.7s 0.2s cubic-bezier(0.6, 0.14, 0.25, 1) forwards; } .qodef-blog-single-loop .qodef-e-content { bottom: 0; color: #ffffff; left: 0; padding: 5% 7% calc(5% + 100px) 7%; position: absolute !important; z-index: 2; } .qodef-blog-single-loop .qodef-e-title { color: inherit; margin: 0; opacity: 0; animation: qodef-short-from-bottom 1s 0.3s cubic-bezier(0.6, 0.14, 0.25, 1) forwards; } .qodef-blog-single-loop .qodef-e-title a:hover { color: currentColor; } .qodef-blog-single-loop .qodef-e-scroll { margin-left: 50%; min-height: 100vh; padding: 0 4% 0 4%; } @media only screen and (min-width: 1025px) { .qodef-blog-single-loop .qodef-e-scroll { width: 50% !important; } } .qodef-blog-single-loop .qodef-e-top-holder { align-items: center; border-bottom: 1px solid #e1e1e1; display: flex; margin: 0 !important; min-height: 95px; } .qodef-blog-single-loop .qodef-e-info-author { align-items: center; display: flex; } .qodef-blog-single-loop .qodef-e-info-author img { margin: 0 15px 0 0; } .qodef-blog-single-loop .qodef-e-text { padding: 93px 0 0 0; } .qodef-blog-single-loop .qodef-e-bottom-holder { margin: 75px 0 0 0 !important; } .qodef-blog-single-loop .qodef-e-post-comment { padding: 60px 0 50px 0; } .qodef-blog-single-loop #qodef-author-info { margin: 41px 0 0 0; } .qodef-blog-single-loop .qodef-m-pagination { border-top: 1px solid rgba(197, 197, 197, 0.5); bottom: 0; color: #ffffff; height: 100px; left: 3.5%; position: fixed; width: calc(50% - 7%); z-index: 3; } .qodef-blog-single-loop .qodef-m-pagination a { color: inherit; } .qodef-blog-single-loop .qodef-m-pagination-label { color: inherit; } .qodef-blog-slider-with-text .qodef-e-static { display: flex; justify-content: space-between; margin: 0 0 48px 0; max-width: 100%; } .qodef-extended-grid--left .qodef-blog-slider-with-text .qodef-e-static.qodef-content-grid { margin: 0 0 48px auto; } .qodef-extended-grid--right .qodef-blog-slider-with-text .qodef-e-static.qodef-content-grid { margin: 0 auto 48px 0; } .qodef-blog-slider-with-text .qodef-e-static:not(.qodef-content-grid) { width: 100%; } .qodef-blog-slider-with-text .qodef-e-static-left { width: 50%; } .qodef-blog-slider-with-text .qodef-e-static-right { display: flex; justify-content: flex-end; } .qodef-blog-slider-with-text .qodef-e-static-tagline { margin: 0 0 13px 0; } .qodef-blog-slider-with-text .qodef-e-static-title { margin: 0; } .qodef-blog-slider-with-text .swiper-button-prev, .qodef-blog-slider-with-text .swiper-button-next { left: initial !important; position: relative !important; right: initial !important; top: initial !important; transform: none !important; } .qodef-blog-slider-with-text .swiper-button-prev { margin: 0 28px 0 0 !important; } .qodef-blog-slider-with-text .qodef-e-media-image a { overflow: hidden; position: relative; } .qodef-blog-slider-with-text .qodef-e-media-image a img { transform: scaleX(1.05) translateX(0); transition: transform 0.6s cubic-bezier(0.61, 1, 0.88, 1); } .qodef-blog-slider-with-text .qodef-e-media-image a:hover img { transform: scaleX(1.05) translateX(6px); } /* ========================================================================== Author Info styles ========================================================================== */ #qodef-author-info { position: relative; display: inline-block; width: 100%; vertical-align: top; background-color: #fbf9f9; margin: 121px 0 0 0; padding: 30px 60px 30px 30px; } #qodef-author-info .qodef-m-inner { align-items: center; display: flex; position: relative; } #qodef-author-info .qodef-m-image { flex-shrink: 0; margin: 0 30px 0 0; } #qodef-author-info .qodef-m-image a, #qodef-author-info .qodef-m-image img { display: block; } #qodef-author-info .qodef-m-author { margin: 0; } #qodef-author-info .qodef-m-email { margin: 5px 0 0 0; } #qodef-author-info .qodef-m-description { margin: 7px 0 0 0; } #qodef-author-info .qodef-m-social-icons { margin: 18px 0 0 0; } #qodef-author-info .qodef-m-social-icons a { background-color: #d4bfa3; border: 1px solid #d4bfa3; border-radius: 50%; color: var(--qode-main-color); display: inline-block; font-size: 11px; height: 30px; line-height: 30px; position: relative; text-align: center; transition: color 0.3s ease-out, background-color 0.3s ease-out; vertical-align: top; width: 30px; } #qodef-author-info .qodef-m-social-icons a:not(:last-child) { margin: 0 21px 0 0; } #qodef-author-info .qodef-m-social-icons a:hover { background-color: transparent; color: #d4bfa3; } /* ========================================================================== 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; border-top: 1px solid #e1e1e1; margin: 20px 0 0 0; padding: 28px 0 0 0; } #qodef-single-post-navigation .qodef-m-inner { align-items: center; display: flex; justify-content: space-between; position: relative; } #qodef-single-post-navigation .qodef-m-nav { align-items: center; display: flex; position: relative; } #qodef-single-post-navigation .qodef-m-nav > * { display: block; line-height: inherit; } #qodef-single-post-navigation .qodef-m-nav .qodef-m-pagination-icon { display: block; position: relative; } #qodef-single-post-navigation .qodef-m-nav.qodef--prev { left: 0; } #qodef-single-post-navigation .qodef-m-nav.qodef--prev .qodef-m-pagination-icon { margin: 0 8px 0 0; } #qodef-single-post-navigation .qodef-m-nav.qodef--next { flex-direction: row-reverse; margin-left: auto; right: 0; text-align: right; } #qodef-single-post-navigation .qodef-m-nav.qodef--next .qodef-m-pagination-icon { margin: 0 0 0 8px; } #qodef-single-post-navigation .qodef-m-nav-label { font-size: 12px; color: var(--qode-main-color); font-weight: 500; text-transform: uppercase; line-height: 2em; } /* ========================================================================== #Footer styles - start ========================================================================== */ #qodef-page-footer .qodef-alignment--left { text-align: left; } #qodef-page-footer .qodef-alignment--left .widget img { margin-right: auto; } #qodef-page-footer .qodef-alignment--center { text-align: center; } #qodef-page-footer .qodef-alignment--center .widget img { margin-right: auto; margin-left: auto; } #qodef-page-footer .qodef-alignment--right { text-align: right; } #qodef-page-footer .qodef-alignment--right .widget img { margin-left: auto; } @media (min-width: 681px) { #qodef-page-footer-bottom-area-inner .qodef-alignment--space-between .qodef-grid-item:nth-child(2) { text-align: right; } } .qodef-page-footer--uncover #qodef-page-outer { z-index: 90; } .no-touchevents .qodef-page-footer--uncover #qodef-page-footer { position: fixed; bottom: 0; left: 0; } /* ========================================================================== #Footer styles - end ========================================================================== */ /* ========================================================================== Full Screen Menu styles ========================================================================== */ #qodef-fullscreen-area { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--qode-main-color); background-position: center; background-repeat: no-repeat; background-size: cover; overflow-x: hidden !important; visibility: hidden; opacity: 0; z-index: 99; /* smaller than header, bigger than content */ } #qodef-fullscreen-area .qodef-content-grid { height: 100%; } #qodef-fullscreen-area .qodef-content-grid .qodef-fullscreen-menu { width: 100%; } .qodef-fullscreen-menu-animate--in #qodef-fullscreen-area { animation: qode-fade-in 0.25s linear both; } .qodef-fullscreen-menu-animate--out #qodef-fullscreen-area { animation: qode-fade-out 0.25s linear both; } #qodef-fullscreen-area-inner { display: flex; justify-content: center; flex-direction: column; align-items: center; width: 100%; height: 100%; } .qodef-fullscreen-menu { position: relative; top: 0; margin: 0 auto; text-align: center; } .qodef-fullscreen-menu ul { margin: 0; padding: 0; list-style: none; } .qodef-fullscreen-menu ul li { position: relative; margin: 0; padding: 0; } .qodef-fullscreen-menu ul li a .qodef-menu-item-arrow { display: none; } .qodef-fullscreen-menu ul li.qodef--hide-link > a { cursor: default; } .qodef-fullscreen-menu ul.sub-menu { display: none; } .qodef-fullscreen-menu .qodef-menu-item-icon { margin-right: 5px; } .qodef-fullscreen-menu .qodef-mega-menu-widget-holder { display: none; } .qodef-fullscreen-menu > ul > li { margin: 20px 0; } .qodef-fullscreen-menu > ul > li > a { font-weight: 400; font-size: 44px; line-height: 1.227em; font-family: "Marcellus", serif; color: #ffffff; } @media only screen and (max-width: 680px) { .qodef-fullscreen-menu > ul > li > a { font-size: 42px; } } .qodef-fullscreen-menu > ul > li > a:hover { color: #b29063; } .qodef-fullscreen-menu > ul > li.current-menu-ancestor > a, .qodef-fullscreen-menu > ul > li.current-menu-item > a { color: #b29063; } .qodef-fullscreen-menu .qodef-drop-down-second-inner > ul { padding: 7px 0 1px; } .qodef-fullscreen-menu .qodef-drop-down-second-inner ul { margin-left: 0; } .qodef-fullscreen-menu .qodef-drop-down-second-inner ul li > a { position: relative; display: flex; white-space: normal; overflow: hidden; transition: padding 0.3s ease-out, color 0.3s ease-out; margin: 9px 0; justify-content: center; font-family: "Montserrat", sans-serif; font-size: 18px; color: #ffffff; line-height: 1.66em; font-weight: 300; } .qodef-fullscreen-menu .qodef-drop-down-second-inner ul li > a .qodef-menu-item-icon { flex-shrink: 0; } .qodef-fullscreen-menu .qodef-drop-down-second-inner ul li > a:hover { color: #aaaaaa; } .qodef-fullscreen-menu .qodef-drop-down-second-inner ul li.current-menu-ancestor > a, .qodef-fullscreen-menu .qodef-drop-down-second-inner ul li.current-menu-item > a { color: #aaaaaa; } /* ========================================================================== Full Screen Menu Opener styles ========================================================================== */ .qodef-fullscreen-menu--opened .qodef-fullscreen-menu-opener { color: #fff !important; } .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--light { 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--dark { opacity: 0; } .qodef-fullscreen-menu--opened.qodef-fullscreen-menu--hide-logo .qodef-header-logo-link, .qodef-fullscreen-menu--opened.qodef-fullscreen-menu--hide-logo .qodef-mobile-header-logo-link, .qodef-fullscreen-menu--opened.qodef-fullscreen-menu--hide-logo .qodef-header-logo-image.qodef--customizer { visibility: hidden; } .qodef-fullscreen-menu--opened.qodef-fullscreen-menu--hide-widget-area #qodef-page-header .qodef-widget-holder { display: none; } /* ========================================================================== Header common styles ========================================================================== */ #qodef-page-header .qodef-widget-holder { display: flex; align-items: center; height: 100%; margin-left: 66px; } #qodef-page-header .qodef-widget-holder .widget { margin: 0 20px; } #qodef-page-header .qodef-widget-holder .widget:first-child { margin-left: 0; } #qodef-page-header .qodef-widget-holder .widget:last-child { margin-right: 0; } #qodef-page-header div[id^=monster-widget-placeholder], #qodef-page-header div[id^=woo-monster-widget-placeholder] { display: none; } #qodef-page-header-inner { border-bottom: 0 solid transparent; } #qodef-page-header-inner.qodef-content-grid { padding: 0; } #qodef-page-header-inner .qodef-opener-icon.qodef-source--icon-pack:not(.qodef--opened), #qodef-page-header-inner .qodef-opener-icon.qodef-source--svg-path:not(.qodef--opened), #qodef-page-header-inner .qodef-opener-icon.qodef-source--predefined:not(.qodef--opened), .qodef-custom-header-layout .qodef-opener-icon.qodef-source--icon-pack:not(.qodef--opened), .qodef-custom-header-layout .qodef-opener-icon.qodef-source--svg-path:not(.qodef--opened), .qodef-custom-header-layout .qodef-opener-icon.qodef-source--predefined:not(.qodef--opened) { color: var(--qode-main-color); } #qodef-page-header-inner.qodef-skin--light nav > ul > li > a, .qodef-custom-header-layout.qodef-skin--light nav > ul > li > a { color: var(--qode-header-light-color) !important; } #qodef-page-header-inner.qodef-skin--light nav > ul > li > a:hover, .qodef-custom-header-layout.qodef-skin--light nav > ul > li > a:hover { color: var(--qode-header-light-hover-color) !important; } #qodef-page-header-inner.qodef-skin--light nav > ul > li.current-menu-ancestor > a, #qodef-page-header-inner.qodef-skin--light nav > ul > li.current-menu-item > a, .qodef-custom-header-layout.qodef-skin--light nav > ul > li.current-menu-ancestor > a, .qodef-custom-header-layout.qodef-skin--light nav > ul > li.current-menu-item > a { color: var(--qode-header-light-hover-color) !important; } #qodef-page-header-inner.qodef-skin--light .qodef-opener-icon.qodef-source--icon-pack:not(.qodef--opened), #qodef-page-header-inner.qodef-skin--light .qodef-opener-icon.qodef-source--svg-path:not(.qodef--opened), #qodef-page-header-inner.qodef-skin--light .qodef-opener-icon.qodef-source--predefined:not(.qodef--opened), .qodef-custom-header-layout.qodef-skin--light .qodef-opener-icon.qodef-source--icon-pack:not(.qodef--opened), .qodef-custom-header-layout.qodef-skin--light .qodef-opener-icon.qodef-source--svg-path:not(.qodef--opened), .qodef-custom-header-layout.qodef-skin--light .qodef-opener-icon.qodef-source--predefined:not(.qodef--opened) { color: var(--qode-header-light-color) !important; } #qodef-page-header-inner.qodef-skin--dark nav > ul > li > a, .qodef-custom-header-layout.qodef-skin--dark nav > ul > li > a { color: var(--qode-header-dark-color) !important; } #qodef-page-header-inner.qodef-skin--dark nav > ul > li > a:hover, .qodef-custom-header-layout.qodef-skin--dark nav > ul > li > a:hover { color: var(--qode-header-dark-hover-color) !important; } #qodef-page-header-inner.qodef-skin--dark nav > ul > li.current-menu-ancestor > a, #qodef-page-header-inner.qodef-skin--dark nav > ul > li.current-menu-item > a, .qodef-custom-header-layout.qodef-skin--dark nav > ul > li.current-menu-ancestor > a, .qodef-custom-header-layout.qodef-skin--dark nav > ul > li.current-menu-item > a { color: var(--qode-header-dark-hover-color) !important; } #qodef-page-header-inner.qodef-skin--dark .qodef-opener-icon.qodef-source--icon-pack:not(.qodef--opened), #qodef-page-header-inner.qodef-skin--dark .qodef-opener-icon.qodef-source--svg-path:not(.qodef--opened), #qodef-page-header-inner.qodef-skin--dark .qodef-opener-icon.qodef-source--predefined:not(.qodef--opened), .qodef-custom-header-layout.qodef-skin--dark .qodef-opener-icon.qodef-source--icon-pack:not(.qodef--opened), .qodef-custom-header-layout.qodef-skin--dark .qodef-opener-icon.qodef-source--svg-path:not(.qodef--opened), .qodef-custom-header-layout.qodef-skin--dark .qodef-opener-icon.qodef-source--predefined:not(.qodef--opened) { color: var(--qode-header-dark-color) !important; } /* ========================================================================== # Logo default style ========================================================================== */ #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; position: absolute; } #qodef-page-header .qodef-header-logo-link.qodef-source--svg-path svg { display: block; width: 50px; height: auto; fill: currentColor; stroke: currentColor; } #qodef-page-header .qodef-header-logo-link.qodef-source--textual { font-weight: 400; font-size: 28px; line-height: 1.285em; font-family: "Marcellus", serif; color: var(--qode-main-color); transition: color 0.3s ease-out; } #qodef-page-header-inner.qodef-skin--light .qodef-header-logo-link img.qodef--dark, #qodef-page-header-inner.qodef-skin--light .qodef-header-logo-link img.qodef--main { opacity: 0; position: absolute; } #qodef-page-header-inner.qodef-skin--light .qodef-header-logo-link img.qodef--light { opacity: 1; position: relative; } #qodef-page-header-inner.qodef-skin--light .qodef-header-logo-link.qodef-source--svg-path, #qodef-page-header-inner.qodef-skin--light .qodef-header-logo-link.qodef-source--textual { color: var(--qode-header-light-color) !important; } #qodef-page-header-inner.qodef-skin--light .qodef-header-logo-link.qodef-source--svg-path:hover, #qodef-page-header-inner.qodef-skin--light .qodef-header-logo-link.qodef-source--textual:hover { color: var(--qode-header-light-hover-color) !important; } #qodef-page-header-inner.qodef-skin--dark .qodef-header-logo-link img.qodef--light, #qodef-page-header-inner.qodef-skin--dark .qodef-header-logo-link img.qodef--main { opacity: 0; position: absolute; } #qodef-page-header-inner.qodef-skin--dark .qodef-header-logo-link img.qodef--dark { opacity: 1; position: relative; } #qodef-page-header-inner.qodef-skin--dark .qodef-header-logo-link.qodef-source--svg-path, #qodef-page-header-inner.qodef-skin--dark .qodef-header-logo-link.qodef-source--textual { color: var(--qode-header-dark-color) !important; } #qodef-page-header-inner.qodef-skin--dark .qodef-header-logo-link.qodef-source--svg-path:hover, #qodef-page-header-inner.qodef-skin--dark .qodef-header-logo-link.qodef-source--textual:hover { color: var(--qode-header-dark-hover-color) !important; } /* ========================================================================== Header layout styles ========================================================================== */ .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: 40px; } .qodef-header--minimal.qodef-fullscreen-menu--opened #qodef-page-header { width: 100% !important; } /* ========================================================================== Header layout styles ========================================================================== */ .qodef-header--standard-split #qodef-page-header-inner .qodef-header-left-wrapper, .qodef-header--standard-split #qodef-page-header-inner .qodef-header-right-wrapper { height: 100%; } .qodef-header--standard-split #qodef-page-header-inner .qodef-header-left-wrapper { flex-grow: 0; flex-shrink: 0; } .qodef-header--standard-split #qodef-page-header-inner .qodef-header-right-wrapper { display: flex; padding: 0 50px 0 90px; background-color: #ffffff; } /* ========================================================================== Header layout styles ========================================================================== */ .qodef-header-standard--right #qodef-page-header-inner .qodef-header-navigation { margin-left: auto; } .qodef-header-standard--center #qodef-page-header-inner .qodef-header-wrapper { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; } .qodef-header-standard--center #qodef-page-header-inner .qodef-header-logo { position: absolute; top: 0; left: 0; height: 100%; display: inline-flex; align-items: center; } .qodef-header-standard--center #qodef-page-header-inner .qodef-header-navigation { margin-left: auto; margin-right: auto; } .qodef-header-standard--center #qodef-page-header-inner .qodef-widget-holder { position: absolute; top: 0; right: 0; margin-left: 0; } .qodef-header-standard--left #qodef-page-header-inner .qodef-header-navigation { margin-right: auto; } .qodef-header-standard--left #qodef-page-header-inner .qodef-header-logo-link { margin-right: 24px; } /* ========================================================================== Header layout styles ========================================================================== */ .qodef-header--tabbed-split #qodef-page-header-inner { display: grid; grid-template-areas: "left center right"; grid-template-columns: 1fr max-content 1fr; grid-template-rows: minmax(0, 1fr); padding: 0; } .qodef-header--tabbed-split #qodef-page-header .qodef-header-logo-link { justify-content: center; } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-wrapper { height: 100%; grid-area: left; } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-wrapper .qodef-widget-holder .widget:last-child:not(:only-child) { padding-right: 0; } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-center-wrapper { height: 100%; grid-area: center; } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-wrapper { height: 100%; grid-area: right; } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-top-wrapper, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-top-wrapper, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-bottom-wrapper, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-bottom-wrapper { display: flex; align-items: center; } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-top-wrapper, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-top-wrapper { height: 27%; border-bottom: 1px solid rgba(218, 218, 218, 0.2); } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-top-wrapper .qodef-widget-holder, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-top-wrapper .qodef-widget-holder { margin: 0 20px; } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-top-wrapper .qodef-widget-holder .widget, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-top-wrapper .qodef-widget-holder .widget { position: relative; margin: 0; padding: 0 30px; } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-top-wrapper .qodef-widget-holder .widget p, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-top-wrapper .qodef-widget-holder .widget p { margin: 0; } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-top-wrapper .qodef-widget-holder .widget:not(:last-child):not(:only-child)::after, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-top-wrapper .qodef-widget-holder .widget:not(:last-child):not(:only-child)::after { content: ""; position: absolute; width: 1px; height: calc(100% + 2px); background-color: rgba(218, 218, 218, 0.2); right: 0; top: 50%; transform: translateY(-50%); } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-bottom-wrapper, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-bottom-wrapper { height: 73%; } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-bottom-wrapper .qodef-widget-holder, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-bottom-wrapper .qodef-widget-holder { flex-shrink: 0; margin: 0; } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-bottom-wrapper .qodef-widget-holder .widget, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-bottom-wrapper .qodef-widget-holder .widget { display: flex; align-items: center; margin: 0; height: 100%; } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-bottom-wrapper .qodef-widget-holder .widget > *:not(p), .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-bottom-wrapper .qodef-widget-holder .widget > *:not(p) { display: flex; height: 100%; align-items: center; margin: 0; padding: 0 20px; } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-bottom-wrapper .qodef-widget-holder .widget:first-child, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-bottom-wrapper .qodef-widget-holder .widget:first-child { margin-left: 30px; } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-bottom-wrapper .qodef-widget-holder .widget:last-child, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-bottom-wrapper .qodef-widget-holder .widget:last-child { margin-right: 30px; } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-bottom-wrapper .qodef-header-navigation, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-bottom-wrapper .qodef-header-navigation { margin: 0 87px; } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-top-wrapper, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-bottom-wrapper { justify-content: flex-start; } .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-top-wrapper, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-bottom-wrapper { justify-content: flex-end; } .qodef-header--tabbed-split #qodef-page-header .qodef-widget-holder .widget { display: inline-block; vertical-align: middle; line-height: 1; } .qodef-header--tabbed-split #qodef-page-header .qodef-widget-holder .widget .textwidget > *, .qodef-header--tabbed-split #qodef-page-header .qodef-widget-holder .widget .widget p { margin: 0; } /* ========================================================================== Header layout styles ========================================================================== */ .qodef-header--tabbed #qodef-page-header-inner { padding: 0; } .qodef-header--tabbed #qodef-page-header .qodef-header-logo-link { justify-content: center; } .qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-left-wrapper { height: 100%; flex-grow: 0; flex-shrink: 0; } .qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-right-wrapper { height: 100%; flex-grow: 1; flex-shrink: 1; border-left: 1px solid #ded5c8; } .qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-top-wrapper { display: flex; height: 27%; align-items: center; border-bottom: 1px solid #ded5c8; justify-content: space-between; } .qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-top-wrapper .qodef-widget-holder { margin: 0 20px; } .qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-top-wrapper .qodef-widget-holder .widget { position: relative; margin: 0; padding: 0 30px; } .qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-top-wrapper .qodef-widget-holder .widget p { margin: 0; } .qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-top-wrapper .qodef-widget-holder .widget:not(:last-child):not(:only-child)::after { content: ""; position: absolute; width: 1px; height: calc(100% + 2px); background-color: #ded5c8; right: 0; top: 50%; transform: translateY(-50%); } .qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-bottom-wrapper { display: flex; height: 73%; align-items: center; justify-content: space-between; } .qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-bottom-wrapper .qodef-widget-holder { flex-shrink: 0; margin: 0; border-left: 1px solid #ded5c8; } .qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-bottom-wrapper .qodef-widget-holder .widget { display: flex; align-items: center; margin: 0; height: 100%; } .qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-bottom-wrapper .qodef-widget-holder .widget > *:not(p) { display: flex; height: 100%; align-items: center; margin: 0; padding: 0 20px; } .qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-bottom-wrapper .qodef-widget-holder .widget:first-child { margin-left: 30px; } .qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-bottom-wrapper .qodef-widget-holder .widget:last-child { margin-right: 30px; } .qodef-header--tabbed #qodef-page-header .qodef-tabbed-header-bottom-wrapper .qodef-header-navigation { margin: 0 87px; } .qodef-header--tabbed #qodef-page-header .qodef-widget-holder .widget { display: inline-block; vertical-align: middle; line-height: 1; } .qodef-header--tabbed #qodef-page-header .qodef-widget-holder .widget .textwidget > *, .qodef-header--tabbed #qodef-page-header .qodef-widget-holder .widget .widget p { margin: 0; } /* ========================================================================== Fixed header styles ========================================================================== */ .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 { left: 30px; width: calc(100% - 60px); } .qodef--boxed.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; } /* ========================================================================== # Sticky Header default style ========================================================================== */ .qodef-header-sticky { background-color: #ffffff; height: 70px; left: 0; position: fixed; top: 0; transform: translateY(-100%); transition: transform 0.5s ease, top 0.5s ease; width: 100%; z-index: 100; } .qodef-header--sticky-display .qodef-header-sticky { transform: translateY(0%); } .admin-bar.qodef-header--sticky-display .qodef-header-sticky { top: 32px; } .qodef-header-sticky-inner { align-items: center; display: flex; height: 100%; justify-content: space-between; padding: 0 52px; position: relative; border-bottom: 0 solid transparent; } @media only screen and (max-width: 480px) { .qodef-header-sticky-inner { padding: 0 7%; } } .qodef-header-sticky-inner.qodef-content-grid { padding: 0; } .qodef-header-standard--right .qodef-header-sticky-inner .qodef-header-logo-link { margin-right: auto; } .qodef-header-standard--left .qodef-header-sticky-inner { justify-content: flex-start; } .qodef-header-standard--left .qodef-header-sticky-inner .qodef-header-navigation { margin-left: 20px; } .qodef-header-standard--left .qodef-header-sticky-inner .qodef-widget-holder { margin-left: auto !important; } /* ========================================================================== Top area style - begin ========================================================================== */ #qodef-top-area { background-color: #000000; position: relative; z-index: 101; /* Header has Z-index 100, top header has greater value because of dropdown in header top (wpml) */ } #qodef-top-area-inner { align-items: center; display: flex; height: 40px; justify-content: space-between; padding: 0 52px; position: relative; } @media only screen and (max-width: 480px) { #qodef-top-area-inner { padding: 0 7%; } } #qodef-top-area-inner.qodef-content-grid { padding: 0 !important; } #qodef-top-area-inner.qodef-alignment--center .qodef-widget-holder { margin: 0 auto; } #qodef-top-area .qodef-widget-holder { align-items: center; display: flex; height: 100%; } #qodef-top-area .qodef-widget-holder.qodef--left { margin-right: auto; } #qodef-top-area .qodef-widget-holder.qodef--right { margin-left: auto; } #qodef-top-area .qodef-widget-holder .widget { margin: 0 12px; } #qodef-top-area .qodef-widget-holder .widget:first-child { margin-left: 0; } #qodef-top-area .qodef-widget-holder .widget:last-child { margin-right: 0; } #qodef-top-area .widget { display: inline-block; line-height: 1; vertical-align: middle; } #qodef-top-area .widget .textwidget > *, #qodef-top-area .widget .widget p { margin: 0; } #qodef-top-area div[id^=monster-widget-placeholder], #qodef-top-area div[id^=woo-monster-widget-placeholder] { display: none; } /* ========================================================================== Top area style - end ========================================================================== */ /* ========================================================================== Map styles ========================================================================== */ #qodef-multiple-map-notice { position: relative; display: flex; align-items: center; height: 100%; padding: 30px 15%; text-align: center; color: var(--qode-main-color); background-color: #fbf9f9; } .qodef-map-marker-holder { transform: translate(-50%, -100%); z-index: 10; } .qodef-map-marker-holder.qodef-active { z-index: 500; } .qodef-map-marker-holder.qodef-active .qodef-map-marker svg path:first-child { fill: #3EBEB4; } .qodef-map-marker-holder.qodef-active .qodef-map-marker svg path:last-child { fill: #51A69E; } .qodef-map-marker-holder#qodef-geo-location-marker .qodef-info-window { display: block; } .qodef-map-marker-holder#qodef-geo-location-marker .qodef-map-marker svg path:first-child { fill: #3EBEB4; } .qodef-map-marker-holder#qodef-geo-location-marker .qodef-map-marker svg path:last-child { fill: #51A69E; } .qodef-map-marker-holder .qodef-map-marker { position: relative; width: 50px; height: auto; transition: all 0.15s ease-out; } .qodef-map-marker-holder .qodef-map-marker .qodef-map-marker-inner { position: relative; width: 100%; height: 100%; } .qodef-map-marker-holder .qodef-map-marker svg { width: 100%; height: auto; } .qodef-map-marker-holder .qodef-map-marker svg path { transition: fill 0.2s ease-in-out; } .qodef-map-marker-holder .qodef-map-marker:hover svg path:first-child { fill: #3EBEB4; } .qodef-map-marker-holder .qodef-map-marker:hover svg path:last-child { fill: #51A69E; } .qodef-map-marker-holder .qodef-info-window { position: absolute; top: -10px; left: -17px; display: none; min-width: 284px; background-color: #fff; border: 1px solid #e1e1e1; border-radius: 4px; box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.5); z-index: 10; transition: opacity 0.3s ease; transform: translate(0, -100%); } .qodef-map-marker-holder .qodef-info-window-inner { position: relative; display: flex; align-items: center; padding: 8px; } .qodef-map-marker-holder .qodef-info-window-inner:after { content: ""; position: absolute; bottom: -4px; left: 35px; width: 5px; height: 5px; background-color: #fff; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; transform: rotate(-135deg); } .qodef-map-marker-holder .qodef-info-window-inner .qodef-info-window-image { margin-right: 12px; } .qodef-map-marker-holder .qodef-info-window-inner .qodef-info-window-image img { display: block; width: 65px; } .qodef-map-marker-holder .qodef-info-window-inner .qodef-info-window-title { margin: 0; transition: color 0.2s ease-out; } .qodef-map-marker-holder .qodef-info-window-inner .qodef-info-window-location { margin: 3px 0 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 1.2em; } .qodef-map-marker-holder .qodef-info-window-inner .qodef-info-window-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } .qodef-map-marker-holder .qodef-info-window-inner .qodef-info-window-link:hover ~ .qodef-info-window-details .qodef-info-window-title { color: var(--qode-main-color); } /* cluster marker - begin */ .qodef-cluster-marker { width: 50px; height: auto; } .qodef-cluster-marker.qodef-active svg path:first-child, .qodef-cluster-marker:hover svg path:first-child { fill: #3EBEB4; } .qodef-cluster-marker.qodef-active svg path:last-child, .qodef-cluster-marker:hover svg path:last-child { fill: #51A69E; } .qodef-cluster-marker .qodef-cluster-marker-inner { position: relative; } .qodef-cluster-marker .qodef-cluster-marker-inner .qodef-cluster-marker-number { position: absolute; top: -4px; left: 0; right: 0; font-size: 30px; font-weight: 700; text-align: center; color: var(--qode-main-color); } .qodef-cluster-marker svg { width: 100%; height: auto; } .qodef-cluster-marker svg path { transition: fill 0.2s ease-in-out; } /* noUiSlider - begin */ .qodef-places-geo-radius { position: absolute; left: 0; top: calc(100% + 10px); width: 100%; height: 48px; display: none; padding: 10px 20px; background-color: #fff; border: 1px solid #e1e1e1; z-index: 9999; } .qodef-places-geo-radius .qodef-range-slider-label { display: inline-flex; align-items: center; height: 100%; } .qodef-places-geo-radius .noUi-target { position: relative; display: inline-flex; height: 3px; width: calc(100% - 70px); background-color: #eaeaea; border: 0; direction: ltr; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; touch-action: none; -ms-user-select: none; user-select: none; margin-left: 10px; } .qodef-places-geo-radius .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; touch-action: none; -ms-user-select: none; user-select: none; } .qodef-places-geo-radius .noUi-target .noUi-base { position: relative; width: 100%; height: 100%; z-index: 1; } .qodef-places-geo-radius .noUi-target .noUi-connects { position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 0; } .qodef-places-geo-radius .noUi-target .noUi-connect, .qodef-places-geo-radius .noUi-target .noUi-origin { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; will-change: transform; transform-origin: 0 0; } .qodef-places-geo-radius .noUi-target .noUi-connect { background-color: var(--qode-main-color); } .qodef-places-geo-radius .noUi-target .noUi-handle { position: absolute; top: -3px; left: auto; right: -9px; width: 9px; height: 9px; background-color: var(--qode-main-color); cursor: pointer; } .qodef-places-geo-radius .noUi-target .noUi-tooltip { position: absolute; left: 50%; bottom: 7px; display: block; font-size: 12px; white-space: nowrap; transform: translateX(-50%); } .qodef-places-geo-radius .noUi-target .noUi-tooltip:after { content: " km"; } .qodef-places-geo-radius .noUi-state-drag * { cursor: inherit !important; } .qodef-places-geo-radius .noUi-draggable { cursor: ew-resize; } .qodef-places-geo-radius [disabled].noUi-target, .qodef-places-geo-radius [disabled].noUi-handle, .qodef-places-geo-radius [disabled] .noUi-handle { cursor: not-allowed !important; } #qodef-page-mobile-header { background-color: #fff; } #qodef-page-mobile-header .qodef-widget-holder { display: flex; align-items: center; height: 100%; } #qodef-page-mobile-header .qodef-widget-holder .widget { margin: 0 0 0 12px; } #qodef-page-mobile-header .widget { display: inline-block; vertical-align: middle; line-height: 1; } #qodef-page-mobile-header .widget .textwidget > *, #qodef-page-mobile-header .widget .widget p { margin: 0; } #qodef-page-mobile-header div[id^=monster-widget-placeholder], #qodef-page-mobile-header div[id^=woo-monster-widget-placeholder] { display: none; } #qodef-page-mobile-header .qodef-mobile-header-opener.qodef--opened { color: var(--qode-main-color); justify-content: flex-end; } #qodef-page-mobile-header .qodef-mobile-header-opener.qodef--opened .qodef-m-icon { visibility: hidden; } #qodef-page-mobile-header .qodef-mobile-header-opener.qodef--opened .qodef-m-icon.qodef--close { visibility: visible; } .qodef-mobile-header--sticky #qodef-page-mobile-header { width: 100%; position: fixed; top: 0; left: 0; transform: translateY(-100%); } .qodef-mobile-header--sticky-animation #qodef-page-mobile-header { transition: transform 0.3s ease, top 0.3s ease; } .qodef-mobile-header--sticky-display #qodef-page-mobile-header { transform: translateY(0%); } .admin-bar.qodef-mobile-header--sticky-display #qodef-page-mobile-header { top: 46px; } .qodef--passepartout #qodef-page-mobile-header-inner { padding: 0; } .qodef-mobile-header-navigation ul li .qodef-content-grid { width: 100%; } /* ========================================================================== Mobile Logo styles ========================================================================== */ #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; transform: translateY(-50%); } #qodef-page-mobile-header .qodef-mobile-header-logo-link.qodef-source--svg-path svg { display: block; width: 50px; height: auto; fill: currentColor; stroke: currentColor; } #qodef-page-mobile-header .qodef-mobile-header-logo-link.qodef-source--textual { font-weight: 400; font-size: 28px; line-height: 1.285em; font-family: "Marcellus", serif; color: var(--qode-main-color); transition: color 0.3s ease-out; } /* ========================================================================== Mobile Header styles ========================================================================== */ .qodef-mobile-header-navigation ul li a .qodef-menu-item-icon { margin-right: 5px; } .qodef-mobile-header-navigation ul li.qodef--hide-link > a { cursor: default; } .qodef-mobile-header-navigation .qodef-mega-menu-widget-holder { display: none; } /* ========================================================================== Mobile header layout styles ========================================================================== */ .qodef-mobile-header--minimal #qodef-page-mobile-header-inner { justify-content: flex-end; } .qodef-mobile-header--minimal #qodef-page-mobile-header-inner .qodef-mobile-header-logo-link { margin-right: auto; } .qodef-mobile-header--minimal #qodef-page-mobile-header-inner .qodef-opener-icon { margin-left: 20px; } .qodef-fullscreen-menu--opened { overflow-y: hidden; } .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; } .qodef-fullscreen-menu--opened #qodef-page-mobile-header .qodef-mobile-header-logo-link.qodef-source--svg-path, .qodef-fullscreen-menu--opened #qodef-page-mobile-header .qodef-mobile-header-logo-link.qodef-source--textual { color: var(--qode-header-light-color) !important; } .qodef-fullscreen-menu--opened #qodef-page-mobile-header .qodef-mobile-header-logo-link.qodef-source--svg-path:hover, .qodef-fullscreen-menu--opened #qodef-page-mobile-header .qodef-mobile-header-logo-link.qodef-source--textual:hover { color: var(--qode-header-light-hover-color) !important; } /* ========================================================================== Mobile Header layout styles ========================================================================== */ .qodef-mobile-header--standard #qodef-page-mobile-header-inner { justify-content: flex-end; } .qodef-mobile-header--standard #qodef-page-mobile-header-inner .qodef-mobile-header-logo-link { margin-right: auto; } /* ========================================================================== Navigation Menu styles ========================================================================== */ .qodef-header-navigation .qodef-menu-item-icon { display: block; margin-right: 5px; line-height: inherit; } .qodef-header-navigation .qodef-menu-item-icon:before { display: block; line-height: inherit; } .qodef-header-navigation ul li .qodef-drop-down-second { position: absolute; top: 100%; left: -36px; 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; transition: opacity 0.3s ease-out; } .qodef-header-navigation ul li .qodef-mega-menu-widget-holder { display: none; white-space: normal; } .qodef-header-navigation ul li.qodef-menu-item--narrow .qodef-drop-down-second.qodef-drop-down--right { left: auto; right: -36px; } .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; } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-mega-menu-widget-holder { display: block; } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second { background-color: #ffffff; border-top: 1px solid #ded5c8; border-bottom: 1px solid #ded5c8; } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner:not(.qodef-content-grid), .qodef--boxed .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner { padding: 0 52px; } @media only screen and (max-width: 480px) { .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner:not(.qodef-content-grid), .qodef--boxed .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner { padding: 0 7%; } } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul { display: flex; justify-content: space-between; padding: 43px 0 44px; margin: 0 -15px; } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li { width: 100%; padding: 0 15px; } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li > a { font-weight: 500; font-size: 11px; line-height: 1.6em; letter-spacing: 0.6em; text-transform: uppercase; font-family: "Montserrat", sans-serif; color: var(--qode-main-color); } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li > a::before { display: none; } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li .qodef-menu-item-arrow { display: none; } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li ul { padding-top: 3px; } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li ul li > a { position: relative; display: flex; white-space: normal; overflow: hidden; transition: padding 0.3s ease-out, color 0.3s ease-out; margin: 12px 0; padding-right: 40px; font-weight: 500; font-size: 11px; line-height: 1.6em; letter-spacing: 0.6em; text-transform: uppercase; font-family: "Montserrat", sans-serif; color: #b29063; } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li ul li > a:before { content: ""; width: 30px; position: absolute; top: calc(50% - 1px); background-color: currentColor; height: 1px; left: 0; opacity: 0; transition: opacity 0.3s ease-out; } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li ul li > a:before { opacity: 1; transition: left 0.3s ease-out, right 0.3s ease-out; left: -40px; } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li ul li > a .qodef-menu-item-icon { flex-shrink: 0; } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li ul li:hover > a, .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li ul li.current-menu-item > a { padding-left: 40px; padding-right: 0; } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li ul li:hover > a:before, .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li ul li.current-menu-item > a:before { opacity: 1; } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li ul li:hover > a:before, .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li ul li.current-menu-item > a:before { left: 0; } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li.current-menu-ancestor > a:before, .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li.current-menu-item > a:before { opacity: 1; } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li.current-menu-ancestor > a:before, .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li.current-menu-item > a:before { transform: scaleX(1); } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li.qodef--hide-link:not(.current-menu-ancestor):not(.current-menu-item) > a:hover:before { opacity: 1; } .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li.qodef--hide-link:not(.current-menu-ancestor):not(.current-menu-item) > a:hover:before { transform: scaleX(1); } body:not(.qodef-drop-down-second--full-width) .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner { padding: 0 52px; } @media only screen and (max-width: 480px) { body:not(.qodef-drop-down-second--full-width) .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner { padding: 0 7%; } } /* ========================================================================== Opener icon styles ========================================================================== */ .qodef-opener-icon { position: relative; display: inline-block; vertical-align: middle; line-height: 1; } .qodef-opener-icon .qodef-m-icon { position: relative; visibility: visible; } .qodef-opener-icon .qodef-m-icon.qodef--close { position: absolute; top: 0; left: 0; visibility: hidden; } .qodef-opener-icon.qodef-source--icon-pack { font-size: 35px; } .qodef-opener-icon.qodef-source--icon-pack * { display: inline-block; line-height: inherit; } .qodef-opener-icon.qodef-source--icon-pack *:before { display: inline-block; line-height: inherit; } .qodef-opener-icon.qodef-source--icon-pack.qodef--opened .qodef-m-icon.qodef--open { visibility: hidden; } .qodef-opener-icon.qodef-source--icon-pack.qodef--opened .qodef-m-icon.qodef--close { visibility: visible; } .qodef-opener-icon.qodef-source--svg-path span { position: relative; } .qodef-opener-icon.qodef-source--svg-path span > * { vertical-align: middle; } .qodef-opener-icon.qodef-source--svg-path span > *, .qodef-opener-icon.qodef-source--svg-path span path { fill: currentColor; stroke: currentColor; } .qodef-opener-icon.qodef-source--svg-path.qodef--opened .qodef-m-icon.qodef--open { visibility: hidden; } .qodef-opener-icon.qodef-source--svg-path.qodef--opened .qodef-m-icon.qodef--close { visibility: visible; } .qodef-opener-icon.qodef-source--predefined { display: flex; align-items: center; justify-content: center; column-gap: 12px; color: var(--qode-main-color); } .qodef-opener-icon.qodef-source--predefined .qodef-m-label { font-size: 12px; color: var(--qode-main-color); font-weight: 500; text-transform: uppercase; line-height: 2em; color: inherit; } .qodef-opener-icon.qodef-source--predefined svg.qodef-svg--menu g:nth-child(3), .qodef-opener-icon.qodef-source--predefined svg.qodef-svg--menu g:nth-child(4) { clip-path: inset(0 0 0 0); transition: clip-path 0.45s cubic-bezier(0.45, 0.05, 0.15, 0.93); } .qodef-opener-icon.qodef-source--predefined svg.qodef-svg--close line { stroke-dasharray: 30; stroke-dashoffset: 0; transition: stroke-dashoffset 0.6s ease; } .qodef-opener-icon.qodef-source--predefined svg.qodef-svg--close line:nth-child(1) { transition-delay: 0s; } .qodef-opener-icon.qodef-source--predefined svg.qodef-svg--close line:nth-child(2) { transition-delay: 0.2s; } .qodef-opener-icon.qodef-source--predefined:hover svg.qodef-svg--menu g:nth-child(3), .qodef-opener-icon.qodef-source--predefined:hover svg.qodef-svg--menu g:nth-child(4) { clip-path: inset(0 50% 0 50%); } .qodef-opener-icon.qodef-source--predefined:hover svg.qodef-svg--close line { stroke-dashoffset: 60; } .qodef-opener-icon.qodef-source--predefined.qodef--opened .qodef-m-label { visibility: hidden; } .qodef-opener-icon.qodef-source--predefined.qodef--opened .qodef-m-icon.qodef--open { visibility: hidden; position: absolute; } .qodef-opener-icon.qodef-source--predefined.qodef--opened .qodef-m-icon.qodef--close { visibility: visible; position: relative; } /* ========================================================================== #Parallax Background styles - start ========================================================================== */ .qodef-parallax { position: relative; width: 100%; overflow: hidden; } .qodef-parallax.elementor-inner-section { height: 100%; } .qodef-parallax:nth-of-type(odd) .qodef-parallax-img-holder { --qode-y-px: calc(var(--qode-y) * 1px); transform: translateY(var(--qode-y-px)) translateZ(0px); } .qodef-parallax-row-holder { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .qodef-parallax-img-holder { position: absolute; top: 0; left: 0; height: 120%; width: 100%; opacity: 0; } .qodef-page-title .qodef-parallax-img-holder { min-height: 500px; } .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; } img.qodef-parallax-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%; max-width: unset; } .elementor img.qodef-parallax-img { height: 100%; max-width: unset; } /* ========================================================================== #Parallax Background styles - end ========================================================================== */ .qodef-contact-form-7 .fieldset-cf7mls { margin: 0; padding: 0; } .qodef-contact-form-7 .fieldset-cf7mls .cf7mls-btns { min-height: initial !important; } .qodef-contact-form-7 .fieldset-cf7mls .cf7mls-btns:before, .qodef-contact-form-7 .fieldset-cf7mls .cf7mls-btns:after { content: ""; display: table; table-layout: fixed; } .qodef-contact-form-7 .fieldset-cf7mls .cf7mls-btns:after { clear: both; } .qodef-contact-form-7 .fieldset-cf7mls .action-button { margin: 60px 0 0 0 !important; min-width: auto !important; position: initial !important; } .qodef-contact-form-7 .fieldset-cf7mls .action-button img { display: none !important; } .qodef-contact-form-7 .fieldset-cf7mls .action-button:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; content: ""; visibility: hidden; z-index: 98; } .qodef-contact-form-7 .fieldset-cf7mls .action-button:after { animation: qode-rotate 2s linear infinite; background-color: transparent; border: 2px solid #fbf9f9; border-radius: 50%; border-top: 2px solid var(--qode-main-color); content: ""; height: 24px; left: calc(50% - 12px); opacity: 1; position: absolute; top: calc(50% - 12px); visibility: hidden; width: 24px; z-index: 99; } .qodef-contact-form-7 .fieldset-cf7mls .action-button.sending:before, .qodef-contact-form-7 .fieldset-cf7mls .action-button.sending:after { visibility: visible; } .qodef-contact-form-7 .fieldset-cf7mls .wpcf7-validation-errors { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 1.75em; font-weight: 300; color: #262626; letter-spacing: 0; text-transform: initial; border-color: #ffb900; } .qodef-contact-form-7 .fieldset-cf7mls .wpcf7-validation-errors svg { display: none; } .qodef-contact-form-7 .fieldset-cf7mls .wpcf7-submit { float: right; margin: 60px 0 0 0 !important; } .qodef-contact-form-7.qodef-button-layout--textual .fieldset-cf7mls .cf7mls_back { flex-direction: row-reverse; } .qodef-contact-form-7.qodef-button-layout--textual .fieldset-cf7mls .cf7mls_back .qodef-m-icon { margin: 0 19px 0 0; } .qodef-contact-form-7.qodef-skin--light .fieldset-cf7mls .wpcf7-validation-errors { color: #ffffff; } .qodef-contact-form-7.qodef-skin--light.qodef-button-layout--textual .fieldset-cf7mls .cf7mls_back, .qodef-contact-form-7.qodef-skin--light.qodef-button-layout--textual .fieldset-cf7mls .cf7mls_next { color: #ffffff; } .qodef-contact-form-7.qodef-skin--light.qodef-button-layout--textual .wpcf7-submit { color: #ffffff; } /* ========================================================================== Contact Form 7 widget styles ========================================================================== */ .qodef-contact-form-7 { position: relative; display: inline-block; width: 100%; vertical-align: top; } .qodef-contact-form-7 br, .qodef-contact-form-7 p:empty { display: none; } .qodef-contact-form-7 p { margin: 0; } .qodef-contact-form-7 input[type=date], .qodef-contact-form-7 input[type=email], .qodef-contact-form-7 input[type=number], .qodef-contact-form-7 input[type=password], .qodef-contact-form-7 input[type=search], .qodef-contact-form-7 input[type=tel], .qodef-contact-form-7 input[type=text], .qodef-contact-form-7 input[type=url], .qodef-contact-form-7 select, .qodef-contact-form-7 textarea { margin: 0; } .qodef-contact-form-7 .wpcf7-form-control-wrap { display: inline-block; margin: 0 0 26px 0; width: 100%; } .qodef-contact-form-7 .qodef-m-tagline { margin: 0 0 13px 0; } .qodef-contact-form-7 .qodef-m-title { margin: 0 0 31px 0; } .qodef-contact-form-7 .qodef-m-description { display: inline-block; font-size: 14px; font-style: italic; margin: 7px 0 0 0; } .qodef-contact-form-7 .qodef-m-single-line { position: relative; } .qodef-contact-form-7 .qodef-m-single-line .wpcf7-form-control-wrap { margin: 0; } .qodef-contact-form-7 .qodef-m-single-line .qodef-button { background-color: transparent !important; height: 41px; margin: 0 !important; position: absolute !important; right: 0; top: -5px; } .qodef-contact-form-7 .qodef-m-single-line .qodef-button svg.qodef-svg--button-arrow polyline { transform: translateX(0); transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1); will-change: transform; } .qodef-contact-form-7 .qodef-m-single-line .qodef-button:hover svg.qodef-svg--button-arrow polyline { transform: translateX(3px); } .qodef-contact-form-7 .qodef-m-single-line.qodef--short .qodef-m-text { display: none; } .qodef-contact-form-7 .qodef-m-single-line.qodef--short .qodef-m-icon { margin: 0; } .qodef-contact-form-7 .qodef--adjusted-height { height: 107px; } .qodef-contact-form-7 .ajax-loader { display: none; } .qodef-contact-form-7 .wpcf7-checkbox { display: block; margin: 0 0 20px 0; padding: 22px 0 0 0; } .qodef-contact-form-7 .wpcf7-checkbox .wpcf7-list-item { margin: 0; } .qodef-contact-form-7 .wpcf7-checkbox .wpcf7-list-item input[type=checkbox] { margin: 0 10px 0 0; } .qodef-contact-form-7 .wpcf7-not-valid-tip { font-weight: 500 !important; font-size: 11px !important; line-height: 1.6em !important; letter-spacing: 0.6em !important; text-transform: uppercase !important; font-family: "Montserrat", sans-serif !important; margin: 10px 0 0 0; } .qodef-contact-form-7 .wpcf7-validation-errors svg { display: none; } .qodef-contact-form-7 .wpcf7-response-output { border-width: 1px !important; margin: 2em 0 0 0 !important; padding: 1em 1.5em !important; text-align: center; } .qodef-contact-form-7 .wpcf7-form { position: relative; } .qodef-contact-form-7 .wpcf7-form:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; content: ""; visibility: hidden; z-index: 98; } .qodef-contact-form-7 .wpcf7-form:after { animation: qode-rotate 2s linear infinite; background-color: transparent; border: 2px solid #fbf9f9; border-radius: 50%; border-top: 2px solid var(--qode-main-color); content: ""; height: 24px; left: calc(50% - 12px); opacity: 1; position: absolute; top: calc(50% - 12px); visibility: hidden; width: 24px; z-index: 99; } .qodef-contact-form-7 .wpcf7-form.submitting:before, .qodef-contact-form-7 .wpcf7-form.submitting:after { visibility: visible; } .qodef-contact-form-7 .wpcf7 button { border-radius: 0 !important; display: inline-flex !important; font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 500; line-height: 1.7em; margin: 0 !important; outline: none !important; position: relative !important; text-decoration: none !important; text-transform: uppercase !important; transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out !important; width: auto !important; padding: 12px 55px 10px !important; cursor: pointer; display: flex !important; margin: 4px 0 0 0 !important; } .qodef-browser--firefox .qodef-contact-form-7 .wpcf7 button { font-weight: 400; } .qodef-contact-form-7.qodef-button-layout--filled-one button { color: var(--qode-main-color) !important; background-color: #d4bfa3 !important; border: 1px solid transparent !important; } .qodef-contact-form-7.qodef-button-layout--filled-one button:hover { color: var(--qode-main-color) !important; background-color: transparent !important; border-color: #d4bfa3 !important; } .qodef-contact-form-7.qodef-button-layout--filled-two button { color: #ffffff !important; background-color: var(--qode-main-color) !important; border: 1px solid transparent !important; } .qodef-contact-form-7.qodef-button-layout--filled-two button:hover { color: var(--qode-main-color) !important; background-color: transparent !important; border-color: var(--qode-main-color) !important; } .qodef-contact-form-7.qodef-button-layout--outlined button { color: #ffffff !important; background-color: transparent !important; border: 1px solid #ffffff !important; } .qodef-contact-form-7.qodef-button-layout--outlined button:hover { color: var(--qode-main-color) !important; background-color: #ffffff !important; border-color: #ffffff !important; } .qodef-contact-form-7.qodef-button-layout--textual button { align-items: center; background-color: transparent; border: 0; color: var(--qode-main-color); display: flex; padding: 0 !important; } .qodef-contact-form-7.qodef-button-layout--textual button .qodef-m-icon { line-height: 1; margin: 0 0 0 19px; } .qodef-contact-form-7.qodef-skin--light { color: #ffffff; } .qodef-contact-form-7.qodef-skin--light .qodef-m-title { color: inherit; } .qodef-contact-form-7.qodef-skin--light input[type=date], .qodef-contact-form-7.qodef-skin--light input[type=email], .qodef-contact-form-7.qodef-skin--light input[type=number], .qodef-contact-form-7.qodef-skin--light input[type=password], .qodef-contact-form-7.qodef-skin--light input[type=search], .qodef-contact-form-7.qodef-skin--light input[type=tel], .qodef-contact-form-7.qodef-skin--light input[type=text], .qodef-contact-form-7.qodef-skin--light input[type=url], .qodef-contact-form-7.qodef-skin--light select, .qodef-contact-form-7.qodef-skin--light textarea { border-color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); } /* ========================================================================== Instagram List shortcode styles ========================================================================== */ .qodef-instagram-list #sb_instagram { padding: 0 !important; } .qodef-instagram-list #sb_instagram #sbi_images { padding: 0 !important; } .qodef-instagram-list .sbi_photo_wrap a { background-image: none !important; height: auto !important; padding-bottom: 0 !important; } .qodef-instagram-list .sbi_photo_wrap a:after { color: white; content: "\f16d"; font-family: "Font Awesome 5 Brands"; font-size: 20px; left: 50%; opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: opacity 0.3s ease-out; } .qodef-instagram-list .sbi_photo_wrap a:hover:after { opacity: 1; } .qodef-instagram-list .sbi_photo_wrap a img { display: inline-block !important; } .qodef-instagram-list.qodef-layout--slider.qodef-gutter--no #sb_instagram #sbi_images > .sbi_item { padding: 0 !important; margin: 0 !important; } .qodef-instagram-list.qodef-layout--slider.qodef-gutter--tiny #sb_instagram #sbi_images > .sbi_item { padding: 0 !important; margin: 0 10px 0 0 !important; } .qodef-instagram-list.qodef-layout--slider.qodef-gutter--small #sb_instagram #sbi_images > .sbi_item { padding: 0 !important; margin: 0 20px 0 0 !important; } .qodef-instagram-list.qodef-layout--slider.qodef-gutter--normal #sb_instagram #sbi_images > .sbi_item { padding: 0 !important; margin: 0 30px 0 0 !important; } .qodef-instagram-list.qodef-layout--slider.qodef-gutter--medium #sb_instagram #sbi_images > .sbi_item { padding: 0 !important; margin: 0 40px 0 0 !important; } .qodef-instagram-list.qodef-layout--slider.qodef-gutter--large #sb_instagram #sbi_images > .sbi_item { padding: 0 !important; margin: 0 50px 0 0 !important; } .qodef-instagram-list.qodef-layout--slider.qodef-gutter--huge #sb_instagram #sbi_images > .sbi_item { padding: 0 !important; margin: 0 80px 0 0 !important; } .qodef-instagram-list.qodef-layout--slider.qodef-gutter--enormous #sb_instagram #sbi_images > .sbi_item { padding: 0 !important; margin: 0 110px 0 0 !important; } .qodef-instagram-list.qodef-layout--slider .qodef-instagram-swiper-container { list-style: none; margin: 0 auto; overflow: hidden; padding: 0 !important; position: relative; visibility: hidden; z-index: 1; } .qodef-instagram-list.qodef-layout--slider .qodef-instagram-swiper-container .swiper-slide a, .qodef-instagram-list.qodef-layout--slider .qodef-instagram-swiper-container .swiper-slide img { width: 100%; } .qodef-instagram-list.qodef-layout--slider .qodef-instagram-swiper-container.qodef-swiper--initialized { visibility: visible; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--no.qodef--no-bottom-space { margin-bottom: 0; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--no #sb_instagram #sbi_images { float: none; width: auto; margin: 0; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--no #sb_instagram #sbi_images > .sbi_item { padding: 0 !important; margin: 0 !important; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--tiny.qodef--no-bottom-space { margin-bottom: -10px; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--tiny #sb_instagram #sbi_images { float: none; width: auto; margin: 0 -5px; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--tiny #sb_instagram #sbi_images > .sbi_item { padding: 0 5px !important; margin: 0 0 10px !important; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--small.qodef--no-bottom-space { margin-bottom: -20px; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--small #sb_instagram #sbi_images { float: none; width: auto; margin: 0 -10px; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--small #sb_instagram #sbi_images > .sbi_item { padding: 0 10px !important; margin: 0 0 20px !important; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--normal.qodef--no-bottom-space { margin-bottom: -30px; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--normal #sb_instagram #sbi_images { float: none; width: auto; margin: 0 -15px; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--normal #sb_instagram #sbi_images > .sbi_item { padding: 0 15px !important; margin: 0 0 30px !important; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--medium.qodef--no-bottom-space { margin-bottom: -40px; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--medium #sb_instagram #sbi_images { float: none; width: auto; margin: 0 -20px; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--medium #sb_instagram #sbi_images > .sbi_item { padding: 0 20px !important; margin: 0 0 40px !important; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--large.qodef--no-bottom-space { margin-bottom: -50px; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--large #sb_instagram #sbi_images { float: none; width: auto; margin: 0 -25px; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--large #sb_instagram #sbi_images > .sbi_item { padding: 0 25px !important; margin: 0 0 50px !important; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--huge.qodef--no-bottom-space { margin-bottom: -80px; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--huge #sb_instagram #sbi_images { float: none; width: auto; margin: 0 -40px; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--huge #sb_instagram #sbi_images > .sbi_item { padding: 0 40px !important; margin: 0 0 80px !important; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--enormous.qodef--no-bottom-space { margin-bottom: -110px; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--enormous #sb_instagram #sbi_images { float: none; width: auto; margin: 0 -55px; } .qodef-instagram-list.qodef-layout--columns.qodef-gutter--enormous #sb_instagram #sbi_images > .sbi_item { padding: 0 55px !important; margin: 0 0 110px !important; } /* ========================================================================== Instagram List shortcode styles ========================================================================== */ /* ========================================================================== 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: flex; align-items: center; 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-weight: 400; font-size: 20px; line-height: 1.4em; font-family: "Marcellus", serif; color: var(--qode-main-color); 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: "Montserrat", sans-serif; font-size: 16px; line-height: 1.75em; font-weight: 300; color: #262626; letter-spacing: 0; text-transform: initial; 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: flex; 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: flex; 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.3333333333%; } @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.6666666667%; } @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.2857142857%; } @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: -50px; } .qodef-twitter-list.qodef-gutter--large #ctf .ctf-tweets { margin: 0 -25px; } .qodef-twitter-list.qodef-gutter--large #ctf .ctf-tweets > .ctf-item { padding: 0 25px; margin: 0 0 50px; } .qodef-twitter-list.qodef-gutter--huge.qodef--no-bottom-space { margin-bottom: -80px; } .qodef-twitter-list.qodef-gutter--huge #ctf .ctf-tweets { margin: 0 -40px; } .qodef-twitter-list.qodef-gutter--huge #ctf .ctf-tweets > .ctf-item { padding: 0 40px; margin: 0 0 80px; } .qodef-twitter-list.qodef-gutter--enormous.qodef--no-bottom-space { margin-bottom: -110px; } .qodef-twitter-list.qodef-gutter--enormous #ctf .ctf-tweets { margin: 0 -55px; } .qodef-twitter-list.qodef-gutter--enormous #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 ========================================================================== */ /* ========================================================================== Qode Quick View for WooCommerce style - begin ========================================================================== */ /* ========================================================================== Qi plugins - start ========================================================================== */ .qodef-woo-product-image-inner { opacity: 1 !important; } /* ========================================================================== Qi plugins - end ========================================================================== */ #qode-quick-view-for-woocommerce-pop-up .woocommerce-product-gallery.qodef-position--left .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image { width: 100% !important; } .qodef-woo-product-list:has(.qwfw-add-to-wishlist-wrapper) .qqvfw-quick-view-button-wrapper { top: 65px !important; } .qqvfw-quick-view-button-wrapper:has(.button), .qqvfw-quick-view-button-wrapper:has(.qqvfw-position--shortcode) { align-items: center; background-color: #ffffff; border-radius: 50%; color: #b29063; display: flex; justify-content: center !important; left: 20px !important; height: 35px !important; width: 35px !important; position: absolute !important; top: 20px !important; } .qqvfw-quick-view-button-wrapper:has(.button) .qwfw-m, .qqvfw-quick-view-button-wrapper:has(.button) .qqvfw-m, .qqvfw-quick-view-button-wrapper:has(.qqvfw-position--shortcode) .qwfw-m, .qqvfw-quick-view-button-wrapper:has(.qqvfw-position--shortcode) .qqvfw-m { background-color: transparent !important; border: 0 !important; color: currentColor !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .qqvfw-quick-view-button-wrapper:has(.button) .qwfw-m:hover, .qqvfw-quick-view-button-wrapper:has(.button) .qqvfw-m:hover, .qqvfw-quick-view-button-wrapper:has(.qqvfw-position--shortcode) .qwfw-m:hover, .qqvfw-quick-view-button-wrapper:has(.qqvfw-position--shortcode) .qqvfw-m:hover { background-color: transparent !important; color: var(--qode-main-color) !important; } .qqvfw-quick-view-button-wrapper:has(.button) .qqvfw-m-text, .qqvfw-quick-view-button-wrapper:has(.qqvfw-position--shortcode) .qqvfw-m-text { display: none; } .qqvfw-m-overlay { --qqvfw-qv-overlay-background-color: rgba(11, 11, 11, 0.8); } .qqvfw-m-content { max-width: 90vw !important; --qqvfw-qv-width: 1000px; } .qqvfw-m-content-inner { box-shadow: none !important; max-height: 90vh !important; overflow-y: hidden !important; } .qqvfw-m-product > div { gap: 35px; } .qqvfw-m-media-wrapper { width: 476px !important; } .qqvfw-m-media-wrapper *:not(.qodef-woo-product-mark-wrapper) { height: 100%; } .qqvfw-m-media-wrapper .woocommerce-product-gallery { pointer-events: none; } .qqvfw-m-media-wrapper .woocommerce-product-gallery__wrapper { margin: 0 !important; } .qqvfw-m-media-wrapper .woocommerce-product-gallery__wrapper img { object-fit: cover; } .qqvfw-m-media-wrapper .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image { margin: 0 !important; width: 100% !important; } .qqvfw-m-media-wrapper .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image .zoomImg { display: none !important; } .qqvfw-m-media-wrapper .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not(:first-child) { display: none !important; } .qqvfw-m-media-wrapper .woocommerce-product-gallery__wrapper > .qodef-woo-thumbnails-wrapper { display: none !important; } .qqvfw-m-summary-wrapper { align-self: center; width: 100% !important; } .qqvfw-m-summary-wrapper .summary { display: flex; flex-direction: column; justify-content: flex-start; padding: 56px 115px 56px 0 !important; } .qqvfw-m-summary-wrapper .qodef-woo-sale-boosters { display: none !important; } .qqvfw-m-summary-wrapper .qwfw-add-to-wishlist-wrapper { line-height: 1em; margin-top: auto !important; padding-top: 19px; } /* ========================================================================== Qode Quick View for WooCommerce style - end ========================================================================== */ /* ========================================================================== Qode WishList For WooCommerce - Add Wishlist Button styles - begin ========================================================================== */ /* ========================================================================== Qi plugins - start ========================================================================== */ .qodef-woo-product-image-inner { opacity: 1 !important; } /* ========================================================================== Qi plugins - end ========================================================================== */ .qwfw-add-to-wishlist-wrapper.qwfw--loop.qwfw-position--shortcode { align-items: center; background-color: #ffffff; border-radius: 50%; color: #b29063; display: flex; justify-content: center !important; left: 20px !important; height: 35px !important; width: 35px !important; position: absolute !important; top: 20px !important; } .qwfw-add-to-wishlist-wrapper.qwfw--loop.qwfw-position--shortcode .qwfw-m, .qwfw-add-to-wishlist-wrapper.qwfw--loop.qwfw-position--shortcode .qqvfw-m { background-color: transparent !important; border: 0 !important; color: currentColor !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .qwfw-add-to-wishlist-wrapper.qwfw--loop.qwfw-position--shortcode .qwfw-m:hover, .qwfw-add-to-wishlist-wrapper.qwfw--loop.qwfw-position--shortcode .qqvfw-m:hover { background-color: transparent !important; color: var(--qode-main-color) !important; } .qwfw-add-to-wishlist-wrapper.qwfw--single:not(.qwfw-position--on-thumbnail) .qwfw-m { color: #b29063 !important; } .qwfw-add-to-wishlist-wrapper.qwfw--single:not(.qwfw-position--on-thumbnail) .qwfw-m:hover { color: var(--qode-main-color) !important; } .qwfw-wishlist-table .qwfw-m-items .qwfw-e-item.product-add-to-cart .qwfw-e-add-to-cart { border-radius: 0 !important; display: inline-flex !important; font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 500; line-height: 1.7em; margin: 0 !important; outline: none !important; position: relative !important; text-decoration: none !important; text-transform: uppercase !important; transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out !important; width: auto !important; padding: 12px 55px 10px !important; color: var(--qode-main-color) !important; background-color: #d4bfa3 !important; border: 1px solid transparent !important; cursor: pointer; z-index: 3; } .qodef-browser--firefox .qwfw-wishlist-table .qwfw-m-items .qwfw-e-item.product-add-to-cart .qwfw-e-add-to-cart { font-weight: 400; } .qwfw-wishlist-table .qwfw-m-items .qwfw-e-item.product-add-to-cart .qwfw-e-add-to-cart:hover { color: var(--qode-main-color) !important; background-color: transparent !important; border-color: #d4bfa3 !important; } .qodef-order-tracking p:not(.form-row) { margin-top: 0; } .qodef-order-tracking .form-row { margin: 0; } /* ========================================================================== Product Category List Info on Image styles ========================================================================== */ .qodef-woo-product-category-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; } .qodef-woo-product-category-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%; transform: translate(-50%, -50%); width: auto; } .qodef-woo-product-category-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-e-inner .added_to_cart, .qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-e-inner .button:not(.qqvfw-quick-view-button) { margin-top: 20px !important; } .qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-e-inner .qodef-woo-product-image-inner { background-color: rgba(11, 11, 11, 0.8); } /* ========================================================================== WooCommerce DropDown Cart static style start ========================================================================== */ .widget_shopping_cart, .widget_halstein_core_woo_dropdown_cart { align-items: center; display: flex; height: 100%; justify-content: center; position: relative; } .widget_shopping_cart .qodef-widget-dropdown-cart-inner, .widget_halstein_core_woo_dropdown_cart .qodef-widget-dropdown-cart-inner { align-items: center; display: flex; height: 100%; justify-content: center; } .widget_shopping_cart > .widgettitle, .widget_shopping_cart .qodef-m-opener, .widget_halstein_core_woo_dropdown_cart > .widgettitle, .widget_halstein_core_woo_dropdown_cart .qodef-m-opener { align-items: center; color: var(--qode-main-color); cursor: pointer; display: flex; column-gap: 8px; height: 100%; justify-content: center; margin: 0; } #qodef-page-header-inner.qodef-skin--light .widget_shopping_cart > .widgettitle, #qodef-page-header-inner.qodef-skin--light .widget_shopping_cart .qodef-m-opener, #qodef-page-header-inner.qodef-skin--light .widget_halstein_core_woo_dropdown_cart > .widgettitle, #qodef-page-header-inner.qodef-skin--light .widget_halstein_core_woo_dropdown_cart .qodef-m-opener { color: var(--qode-header-light-color) !important; } #qodef-page-header-inner.qodef-skin--dark .widget_shopping_cart > .widgettitle, #qodef-page-header-inner.qodef-skin--dark .widget_shopping_cart .qodef-m-opener, #qodef-page-header-inner.qodef-skin--dark .widget_halstein_core_woo_dropdown_cart > .widgettitle, #qodef-page-header-inner.qodef-skin--dark .widget_halstein_core_woo_dropdown_cart .qodef-m-opener { color: var(--qode-header-dark-color) !important; } .widget_shopping_cart > .widgettitle .qodef-m-opener-label, .widget_shopping_cart .qodef-m-opener .qodef-m-opener-label, .widget_halstein_core_woo_dropdown_cart > .widgettitle .qodef-m-opener-label, .widget_halstein_core_woo_dropdown_cart .qodef-m-opener .qodef-m-opener-label { font-size: 12px; color: var(--qode-main-color); font-weight: 500; text-transform: uppercase; line-height: 2em; color: inherit; } .widget_shopping_cart > .widgettitle .qodef-m-opener-icon, .widget_shopping_cart .qodef-m-opener .qodef-m-opener-icon, .widget_halstein_core_woo_dropdown_cart > .widgettitle .qodef-m-opener-icon, .widget_halstein_core_woo_dropdown_cart .qodef-m-opener .qodef-m-opener-icon { line-height: 1; } .widget_shopping_cart .widget_shopping_cart_content, .widget_shopping_cart .qodef-widget-dropdown-cart-content, .widget_halstein_core_woo_dropdown_cart .widget_shopping_cart_content, .widget_halstein_core_woo_dropdown_cart .qodef-widget-dropdown-cart-content { border-style: solid; border-width: 1px; display: block; padding: 41px 0; text-align: left; transition: opacity 0.3s ease-out, visibility 0.3s ease-out; } header .widget_shopping_cart .widget_shopping_cart_content, header .widget_shopping_cart .qodef-widget-dropdown-cart-content, header .widget_halstein_core_woo_dropdown_cart .widget_shopping_cart_content, header .widget_halstein_core_woo_dropdown_cart .qodef-widget-dropdown-cart-content { left: auto; opacity: 0 !important; position: absolute; right: 0; top: 100%; visibility: hidden !important; width: 342px; } .touchevents header .widget_shopping_cart .widget_shopping_cart_content, .touchevents header .widget_shopping_cart .qodef-widget-dropdown-cart-content, .touchevents header .widget_halstein_core_woo_dropdown_cart .widget_shopping_cart_content, .touchevents header .widget_halstein_core_woo_dropdown_cart .qodef-widget-dropdown-cart-content { display: none; } .widget_shopping_cart .widget_shopping_cart_content > *, .widget_shopping_cart .qodef-widget-dropdown-cart-content > *, .widget_halstein_core_woo_dropdown_cart .widget_shopping_cart_content > *, .widget_halstein_core_woo_dropdown_cart .qodef-widget-dropdown-cart-content > * { padding: 0 41px !important; } .widget_shopping_cart .widget_shopping_cart_content .blockUI, .widget_shopping_cart .qodef-widget-dropdown-cart-content .blockUI, .widget_halstein_core_woo_dropdown_cart .widget_shopping_cart_content .blockUI, .widget_halstein_core_woo_dropdown_cart .qodef-widget-dropdown-cart-content .blockUI { display: none !important; } .widget_shopping_cart .woocommerce-mini-cart .woocommerce-mini-cart-item, .widget_shopping_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item, .widget_shopping_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item, .widget_shopping_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .woocommerce-mini-cart-item, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item { margin: 0 0 14px 0; position: relative; } .widget_shopping_cart .woocommerce-mini-cart .woocommerce-mini-cart-item:last-of-type, .widget_shopping_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item:last-of-type, .widget_shopping_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item:last-of-type, .widget_shopping_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item:last-of-type, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .woocommerce-mini-cart-item:last-of-type, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item:last-of-type, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item:last-of-type, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item:last-of-type { margin: 0; } .widget_shopping_cart .woocommerce-mini-cart .woocommerce-mini-cart-item img, .widget_shopping_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item img, .widget_shopping_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item img, .widget_shopping_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item img, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .woocommerce-mini-cart-item img, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item img, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item img, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item img { height: 77px; margin: 0 20px 0 0; object-fit: cover; width: 65px; } .widget_shopping_cart .woocommerce-mini-cart .woocommerce-mini-cart-item .remove, .widget_shopping_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item .remove, .widget_shopping_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item .remove, .widget_shopping_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item .remove, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .woocommerce-mini-cart-item .remove, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item .remove, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item .remove, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item .remove { position: absolute; right: 0; top: 0; z-index: 5; } .widget_shopping_cart .woocommerce-mini-cart .woocommerce-mini-cart-item .remove svg, .widget_shopping_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item .remove svg, .widget_shopping_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item .remove svg, .widget_shopping_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item .remove svg, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .woocommerce-mini-cart-item .remove svg, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item .remove svg, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item .remove svg, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item .remove svg { width: 11px; } .widget_shopping_cart .woocommerce-mini-cart .woocommerce-mini-cart-item .variation, .widget_shopping_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item .variation, .widget_shopping_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item .variation, .widget_shopping_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item .variation, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .woocommerce-mini-cart-item .variation, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item .variation, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item .variation, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item .variation { display: none; } .widget_shopping_cart .woocommerce-mini-cart-item a:not(.remove), .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart-item a:not(.remove) { font-weight: 400; font-size: 20px; line-height: 1.4em; font-family: "Marcellus", serif; display: block; margin: -6px 0 0 0; } .widget_shopping_cart .woocommerce-mini-cart-item a:not(.remove) img, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart-item a:not(.remove) img { float: left; vertical-align: top; margin-top: 6px; } .widget_shopping_cart .woocommerce-mini-cart-item a.remove, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart-item a.remove { font-size: 35px; font-weight: 300; } .widget_shopping_cart .woocommerce-mini-cart-item .quantity, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart-item .quantity { margin: 8px 0 0 0; } .widget_shopping_cart .woocommerce-mini-cart-item:after, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart-item:after { clear: both; content: ""; display: table; } .widget_shopping_cart .qodef-woo-mini-cart, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart { max-height: 50vh; overflow: hidden; position: relative; } .widget_shopping_cart .qodef-woo-mini-cart-item, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart-item { display: flex; } .widget_shopping_cart .qodef-woo-mini-cart-item .qodef-e-image, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart-item .qodef-e-image { flex-shrink: 0; } .widget_shopping_cart .qodef-woo-mini-cart-item .qodef-e-image a, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart-item .qodef-e-image a { display: block; } .widget_shopping_cart .qodef-woo-mini-cart-item .qodef-e-content, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart-item .qodef-e-content { padding: 0 20px 0 0; width: 100%; } .widget_shopping_cart .qodef-woo-mini-cart-item .qodef-e-title, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart-item .qodef-e-title { margin: -6px 0 0 0; } .widget_shopping_cart .qodef-woo-mini-cart-item .qodef-e-title a, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart-item .qodef-e-title a { font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; } .widget_shopping_cart .qodef-woo-mini-cart-item .qodef-e-price, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart-item .qodef-e-price { margin: 8px 0 0 0; color: #7c7c7c; } .widget_shopping_cart .woocommerce-mini-cart__total, .widget_shopping_cart .qodef-m-order-details, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart__total, .widget_halstein_core_woo_dropdown_cart .qodef-m-order-details { align-items: center; display: flex; justify-content: space-between; margin: 31px 0 16px; } .widget_shopping_cart .woocommerce-mini-cart__total strong, .widget_shopping_cart .qodef-m-order-details strong, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart__total strong, .widget_halstein_core_woo_dropdown_cart .qodef-m-order-details strong { font-weight: 500; font-size: 11px; line-height: 1.6em; letter-spacing: 0.6em; text-transform: uppercase; font-family: "Montserrat", sans-serif; } .widget_shopping_cart .woocommerce-mini-cart__buttons, .widget_shopping_cart .qodef-m-action, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart__buttons, .widget_halstein_core_woo_dropdown_cart .qodef-m-action { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; } .widget_shopping_cart .woocommerce-mini-cart__buttons a, .widget_shopping_cart .qodef-m-action a, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart__buttons a, .widget_halstein_core_woo_dropdown_cart .qodef-m-action a { border-radius: 0; display: inline-flex; font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 500; line-height: 1.7em; margin: 0; outline: none; position: relative; text-decoration: none; text-transform: uppercase; transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out; width: auto; justify-content: center; padding: 14px 20px 12px; text-align: center; width: 100%; color: var(--qode-main-color); background-color: #d4bfa3; border: 1px solid transparent; } .qodef-browser--firefox .widget_shopping_cart .woocommerce-mini-cart__buttons a, .qodef-browser--firefox .widget_shopping_cart .qodef-m-action a, .qodef-browser--firefox .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart__buttons a, .qodef-browser--firefox .widget_halstein_core_woo_dropdown_cart .qodef-m-action a { font-weight: 400; } .widget_shopping_cart .woocommerce-mini-cart__buttons a:hover, .widget_shopping_cart .qodef-m-action a:hover, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart__buttons a:hover, .widget_halstein_core_woo_dropdown_cart .qodef-m-action a:hover { color: var(--qode-main-color); background-color: transparent; border-color: #d4bfa3; } .widget_shopping_cart .woocommerce-mini-cart__buttons, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart__buttons { flex-direction: column; } .widget_shopping_cart .woocommerce-mini-cart__buttons a, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart__buttons a { justify-content: center; width: 100% !important; } .widget_shopping_cart .woocommerce-mini-cart__buttons a:last-child, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart__buttons a:last-child { margin-top: 5px; } header .widget_shopping_cart:hover .widget_shopping_cart_content, header .widget_shopping_cart:hover .qodef-widget-dropdown-cart-content, header .widget_halstein_core_woo_dropdown_cart:hover .widget_shopping_cart_content, header .widget_halstein_core_woo_dropdown_cart:hover .qodef-widget-dropdown-cart-content { opacity: 1 !important; visibility: visible !important; } /* ========================================================================== WooCommerce DropDown Cart variable style start ========================================================================== */ /* ========================================================================== Default widgets map ========================================================================== */ /* ========================================================================== Override default widgets map for specific widget area ========================================================================== */ .widget_shopping_cart, .widget_halstein_core_woo_dropdown_cart { color: #262626; } .widget_shopping_cart .widget_shopping_cart_content, .widget_shopping_cart .qodef-widget-dropdown-cart-content, .widget_halstein_core_woo_dropdown_cart .widget_shopping_cart_content, .widget_halstein_core_woo_dropdown_cart .qodef-widget-dropdown-cart-content { background-color: #ffffff; border-color: #ded5c8; } .widget_shopping_cart .woocommerce-mini-cart-item a, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart-item a { color: var(--qode-main-color); } .widget_shopping_cart .woocommerce-mini-cart-item a:hover, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart-item a:hover { color: var(--qode-main-color); } .widget_shopping_cart .qodef-woo-mini-cart .qodef-e-title a, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .qodef-e-title a { color: var(--qode-main-color); } .widget_shopping_cart .qodef-woo-mini-cart .qodef-e-title a:hover, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .qodef-e-title a:hover { color: var(--qode-main-color); } .widget_shopping_cart .woocommerce-mini-cart .woocommerce-mini-cart-item .remove, .widget_shopping_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item .remove, .widget_shopping_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item .remove, .widget_shopping_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item .remove, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .woocommerce-mini-cart-item .remove, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item .remove, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item .remove, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item .remove { color: var(--qode-main-color); } .widget_shopping_cart .woocommerce-mini-cart .woocommerce-mini-cart-item .remove:hover, .widget_shopping_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item .remove:hover, .widget_shopping_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item .remove:hover, .widget_shopping_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item .remove:hover, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .woocommerce-mini-cart-item .remove:hover, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item .remove:hover, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item .remove:hover, .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item .remove:hover { color: var(--qode-main-color); } .widget_shopping_cart .woocommerce-mini-cart__total strong, .widget_shopping_cart .qodef-m-order-details strong, .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart__total strong, .widget_halstein_core_woo_dropdown_cart .qodef-m-order-details strong { color: #b29063; } #qodef-top-area .widget_shopping_cart, #qodef-top-area .widget_halstein_core_woo_dropdown_cart { color: #ffffff; } #qodef-page-header .qodef-tabbed-header-top-area .widget_shopping_cart, #qodef-page-header .qodef-tabbed-header-top-area .widget_halstein_core_woo_dropdown_cart { color: #262626; } #qodef-page-header .qodef-skin--light .qodef-tabbed-header-top-area .widget_shopping_cart, #qodef-page-header .qodef-skin--light .qodef-tabbed-header-top-area .widget_halstein_core_woo_dropdown_cart { color: #b3b3b3; } #qodef-page-footer .widget_shopping_cart, #qodef-page-footer .widget_halstein_core_woo_dropdown_cart { color: #b7b8be; } #qodef-page-footer .widget_shopping_cart .widget_shopping_cart_content, #qodef-page-footer .widget_shopping_cart .qodef-widget-dropdown-cart-content, #qodef-page-footer .widget_halstein_core_woo_dropdown_cart .widget_shopping_cart_content, #qodef-page-footer .widget_halstein_core_woo_dropdown_cart .qodef-widget-dropdown-cart-content { background-color: var(--qode-main-color); border-color: #b7b8be; } #qodef-page-footer .widget_shopping_cart .woocommerce-mini-cart-item a, #qodef-page-footer .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart-item a { color: #b7b8be; } #qodef-page-footer .widget_shopping_cart .woocommerce-mini-cart-item a:hover, #qodef-page-footer .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart-item a:hover { color: #ffffff; } #qodef-page-footer .widget_shopping_cart .qodef-woo-mini-cart .qodef-e-title a, #qodef-page-footer .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .qodef-e-title a { color: #b7b8be; } #qodef-page-footer .widget_shopping_cart .qodef-woo-mini-cart .qodef-e-title a:hover, #qodef-page-footer .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .qodef-e-title a:hover { color: #ffffff; } #qodef-page-footer .widget_shopping_cart .woocommerce-mini-cart .woocommerce-mini-cart-item .remove, #qodef-page-footer .widget_shopping_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item .remove, #qodef-page-footer .widget_shopping_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item .remove, #qodef-page-footer .widget_shopping_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item .remove, #qodef-page-footer .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .woocommerce-mini-cart-item .remove, #qodef-page-footer .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item .remove, #qodef-page-footer .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item .remove, #qodef-page-footer .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item .remove { color: #b7b8be; } #qodef-page-footer .widget_shopping_cart .woocommerce-mini-cart .woocommerce-mini-cart-item .remove:hover, #qodef-page-footer .widget_shopping_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item .remove:hover, #qodef-page-footer .widget_shopping_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item .remove:hover, #qodef-page-footer .widget_shopping_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item .remove:hover, #qodef-page-footer .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .woocommerce-mini-cart-item .remove:hover, #qodef-page-footer .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart .qodef-woo-mini-cart-item .remove:hover, #qodef-page-footer .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .woocommerce-mini-cart-item .remove:hover, #qodef-page-footer .widget_halstein_core_woo_dropdown_cart .qodef-woo-mini-cart .qodef-woo-mini-cart-item .remove:hover { color: #ffffff; } #qodef-page-footer .widget_shopping_cart .woocommerce-mini-cart__total strong, #qodef-page-footer .widget_shopping_cart .qodef-m-order-details strong, #qodef-page-footer .widget_halstein_core_woo_dropdown_cart .woocommerce-mini-cart__total strong, #qodef-page-footer .widget_halstein_core_woo_dropdown_cart .qodef-m-order-details strong { color: #b7b8be; } #qodef-page-footer .qodef-skin--light .widget_shopping_cart, #qodef-page-footer .qodef-skin--light .widget_halstein_core_woo_dropdown_cart { color: #ffffff; } #qodef-side-area .widget_shopping_cart, #qodef-side-area .widget_halstein_core_woo_dropdown_cart { color: #ffffff; } .qodef-mega-menu-widget-holder .widget_shopping_cart, .qodef-mega-menu-widget-holder .widget_halstein_core_woo_dropdown_cart { color: #ffffff; } /* ========================================================================== WPBakery 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; } .qodef-vc-row-wrapper.qodef--parallax-row { width: 100%; } .touchevents .qodef-vc-row-wrapper.qodef--parallax-row { height: auto !important; } /* Clients list shortcode style - start */ .qodef-clients-list .qodef-e { position: relative; display: inline-block; width: 100%; vertical-align: top; } /* Clients list shortcode style - end */ /* Clients list shortcode style - start */ .qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e { display: flex; align-items: 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; transition: opacity 0.15s 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; transition: opacity 0.15s 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; } /* Clients list shortcode style - end */ /* Clients list shortcode style - start */ .qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--no-hover .qodef-e { display: flex; align-items: center; justify-content: center; } .qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--no-hover .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--no-hover .qodef-e .qodef-e-image a { display: inline-block; } .qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--no-hover .qodef-e .qodef-e-logo { width: auto; display: inline-block; } .qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--no-hover .qodef-e .qodef-e-hover-logo { display: none; } /* Clients list shortcode style - end */ /* ========================================================================== Events Single styles ========================================================================== */ .qodef-events { position: relative; display: inline-block; width: 100%; vertical-align: top; margin: 0 0 70px 0; } .qodef-events .qodef-event-item .qodef-e-inner { display: flex; flex-wrap: wrap; } .qodef-events .qodef-event-item .qodef-e-media { margin: 0 0 104px 0; width: 100%; } .qodef-events .qodef-event-item .qodef-e-image { margin: 0 0 47px 0; } .qodef-events .qodef-event-item .qodef-e-title { margin: 0 0 23px 0; } .qodef-events .qodef-event-item .qodef-e-content { padding: 0 11% 0 0; width: 42.5%; } .qodef-events .qodef-event-item .qodef-e-content-top { border-bottom: 1px solid #e1e1e1; margin: 0 0 22px 0; padding: 0 0 18px 0; } .qodef-events .qodef-event-item .qodef-e-content-top .qodef-e-label.qodef--details { margin: -12px 0 39px 0; } .qodef-events .qodef-event-item .qodef-e-content-bottom .qodef-e-info > * { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 1.75em; font-weight: 300; color: #262626; letter-spacing: 0; text-transform: initial; display: flex; } .qodef-events .qodef-event-item .qodef-e-content-bottom .qodef-e-info > *:not(:last-child) { margin: 0 0 8px 0; } .qodef-events .qodef-event-item .qodef-e-content-bottom .qodef-e-info > *:last-child { margin: 0 0 41px 0; } .qodef-events .qodef-event-item .qodef-e-content-bottom .qodef-e-info > * a { color: #262626; } .qodef-events .qodef-event-item .qodef-e-content-bottom .qodef-e-label { margin: 0 5px 0 0; } .qodef-events .qodef-event-item .qodef-e-content-bottom .qodef-e-label.qodef--share-this-event { margin: 0 0 30px 0; } .qodef-events .qodef-event-item .qodef-e-content-bottom .qodef-e-tickets-link { margin: 0 0 112px 0; } .qodef-events .qodef-event-item .qodef-e-map { width: 57.5%; } /* ========================================================================== Events list shortcode styles ========================================================================== */ .qodef-events-list .qodef-e-title { margin: 0; } /* ========================================================================== Events list shortcode variation styles ========================================================================== */ .qodef-events-list.qodef-item-layout--compact .qodef-e:not(:last-child) { margin: 0 0 40px 0; } .qodef-events-list.qodef-item-layout--compact .qodef-e-content-top { align-items: center; border-bottom: 1px solid #e1e1e1; display: flex; justify-content: space-between; margin: 0 0 23px 0; padding: 0 0 13px 0; } .qodef-events-list.qodef-item-layout--compact .qodef-e-content-bottom .qodef-e-info > * { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 1.75em; font-weight: 300; color: #262626; letter-spacing: 0; text-transform: initial; display: flex; } .qodef-events-list.qodef-item-layout--compact .qodef-e-content-bottom .qodef-e-info > *:not(:last-child) { margin: 0 0 8px 0; } .qodef-events-list.qodef-item-layout--compact .qodef-e-content-bottom .qodef-e-label { margin: 0 5px 0 0; } /* ========================================================================== Events list shortcode variation styles ========================================================================== */ .qodef-events-list.qodef-item-layout--info-table .qodef-e:not(:last-child) { margin: 0 0 20px 0; } .qodef-events-list.qodef-item-layout--info-table .qodef-e-content-top { padding: 19px 30px; align-items: center; background-color: #fbf9f9; display: flex; } .qodef-events-list.qodef-item-layout--info-table .qodef-e-content-bottom { padding: 7px 30px 10px 30px; background-color: #fbf9f9; margin: 2px 0 0 0; } .qodef-events-list.qodef-item-layout--info-table .qodef-e-title { width: 47%; } .qodef-events-list.qodef-item-layout--info-table .qodef-e-tickets-link { flex-shrink: 0; margin-left: auto; } .qodef-events-list.qodef-item-layout--info-table .qodef-e-excerpt { margin: 0; } /* ========================================================================== Masonry gallery shortcode styles ========================================================================== */ .qodef-masonry-gallery-list .qodef-e-inner { position: relative; display: inline-block; width: 100%; vertical-align: top; } .qodef-masonry-gallery-list .qodef-e-media-image { position: relative; display: inline-block; width: 100%; vertical-align: top; overflow: hidden; } .qodef-masonry-gallery-list .qodef-e-media-image img { display: block; transform: scaleX(1.05) translateX(0); transition: transform 0.45s cubic-bezier(0.61, 1, 0.88, 1); } .qodef-masonry-gallery-list .qodef-e svg.qodef-svg--slider-arrow-right polyline { will-change: transform; transform: translateX(0); transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); } .qodef-masonry-gallery-list .qodef-e-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .qodef-masonry-gallery-list .qodef-e:hover img { transform: scaleX(1.05) translateX(6px); } .qodef-masonry-gallery-list .qodef-e:hover svg.qodef-svg--slider-arrow-right polyline { transform: translateX(3px); } .qodef-masonry-gallery-list.qodef-items--fixed .qodef-e-media-image { height: 100%; } /* ========================================================================== Masonry gallery shortcode variation styles ========================================================================== */ .qodef-masonry-gallery-list .qodef-layout--standard .qodef-e-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; align-items: flex-end; color: #ffffff; display: flex; padding: 41px 48px; } .qodef-masonry-gallery-list .qodef-layout--standard .qodef-e-content-inner { align-items: center; display: flex; justify-content: space-between; } .qodef-masonry-gallery-list .qodef-layout--standard .qodef-e-content-inner svg { flex-shrink: 0; margin: 0 0 0 60px; } .qodef-masonry-gallery-list .qodef-layout--standard .qodef-e-title { color: inherit; margin: 0; } /* ========================================================================== Portfolio Single styles ========================================================================== */ .qodef-portfolio-single { position: relative; display: inline-block; width: 100%; vertical-align: top; } .qodef-portfolio-single .qodef-media iframe { max-height: 56.25vw; } .qodef-portfolio-single .qodef-portfolio-title { margin: 0 0 15px; } .qodef-portfolio-single .qodef-portfolio-info > * { display: flex; align-items: flex-start; margin-bottom: 2px; flex-direction: row; } .qodef-portfolio-single .qodef-portfolio-info > *:last-child { margin-bottom: 0; } .qodef-portfolio-single .qodef-portfolio-info .qodef-e-label { margin: 0 9px 0 0; } .qodef-portfolio-single .qodef-portfolio-info h6 { margin: 7px 0 0; } .qodef-portfolio-single .qodef-portfolio-info p, .qodef-portfolio-single .qodef-portfolio-info a { margin: 0; } .qodef-portfolio-single .qodef-portfolio-info .qodef-inof--social-share { margin: 47px 0 0; } .qodef-portfolio-single .qodef-variations--small .qodef-media { margin-right: 20px; } .qodef-portfolio-single .qodef-variations--small .qodef-portfolio-info { margin-top: 40px; } .qodef-portfolio-single .qodef-variations--small .qodef-portfolio-title { margin-top: -10px; } .qodef-portfolio-single .qodef-variations--big .qodef-e-content { margin-top: 37px; } .qodef-portfolio-single .qodef-variations--big .qodef-portfolio-content p { padding-right: 40px; } .qodef-portfolio-single .qodef-variations--big .qodef-portfolio-info { margin-top: 80px; } /* ========================================================================== Portfolio List shortcode styles ========================================================================== */ .qodef-portfolio-list .qodef-e-inner { position: relative; } .qodef-portfolio-list .qodef-e-inner, .qodef-portfolio-list .qodef-e-media, .qodef-portfolio-list .qodef-e-content { position: relative; display: inline-block; width: 100%; vertical-align: top; } .qodef-portfolio-list .qodef-e-media > * { margin-bottom: 30px; } .qodef-portfolio-list .qodef-e-media iframe { display: block; height: 100%; } .qodef-portfolio-list .qodef-e-media-image { position: relative; display: inline-block; vertical-align: top; width: 100%; } .qodef-portfolio-list .qodef-e-media-image a, .qodef-portfolio-list .qodef-e-media-image img { display: block; width: 100%; } .qodef-portfolio-list .qodef-e-media-image.qodef--background { width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .qodef-portfolio-list .qodef-e-media-image.qodef--background img { visibility: hidden; } .qodef-portfolio-list .qodef-e-title { margin: 0; } .qodef-portfolio-list .qodef-e-excerpt { margin: 15px 0 0; } .qodef-portfolio-list .qodef-e-read-more { margin: 15px 0 0; } .qodef-portfolio-list .qodef-e-bottom-holder { margin-top: 6px; } .qodef-portfolio-list .qodef-e-post-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .qodef-portfolio-list .qodef-m-pagination { margin-top: 35px; } .qodef-portfolio-list.qodef-items--fixed .qodef-e-image { height: 100%; overflow: hidden; } .qodef-portfolio-list.qodef-items--fixed .qodef-e-media-image { height: 100%; } .qodef-portfolio-list.qodef-items--fixed .qodef-e-media-image a { position: relative; display: inline-block; width: 100%; vertical-align: top; height: 100%; } .qodef-portfolio-list.qodef--has-appear { opacity: 0; transition: opacity 0.3s ease-out; } .qodef-portfolio-list.qodef--has-appear.qodef--appeared { opacity: 1; } .qodef-portfolio-list .qodef-custom-margin .qodef-e-inner { width: auto; } /* ========================================================================== Portfolio List shortcode variation styles ========================================================================== */ .qodef-portfolio-list.qodef-item-layout--info-below .qodef-e-content { margin-top: 22px; margin-bottom: 44px; } /* ========================================================================== Portfolio List shortcode variation hover styles ========================================================================== */ .qodef-item-layout--info-below.qodef-hover-animation--overlay .qodef-e-media-image > a { position: relative; display: block; } .qodef-item-layout--info-below.qodef-hover-animation--overlay .qodef-e-media-image > a:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(10, 10, 10, 0.3); opacity: 0; transition: opacity 0.3s ease-out; } .qodef-item-layout--info-below.qodef-hover-animation--overlay .qodef-e:hover .qodef-e-media-image > a:after { opacity: 1; } /* ========================================================================== Portfolio List shortcode variation styles ========================================================================== */ .qodef-portfolio-list.qodef-item-layout--info-on-hover { margin: 0; } .qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-media-image.qodef--background { margin-bottom: 0; } .qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: flex-end; flex-direction: column; padding: 20px 30px 26px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 84%); } .qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-content a { position: relative; z-index: 3; } .qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-title { color: #ffffff; } .qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-title a { color: inherit; } .qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-info > * { color: #ffffff; } .qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-post-link { z-index: 2; } /* ========================================================================== Portfolio List shortcode variation hover styles ========================================================================== */ .qodef-item-layout--info-on-hover.qodef-hover-animation--fade-in .qodef-e-content { opacity: 0; transition: opacity 0.3s ease-out; } .qodef-item-layout--info-on-hover.qodef-hover-animation--fade-in .qodef-e-content .qodef-e-text { opacity: 0; transform: translateY(25px); transition: opacity 0.3s ease-out 0.1s, transform 0.6s ease 0.1s; } .qodef-item-layout--info-on-hover.qodef-hover-animation--fade-in .qodef-e-content .qodef-e-bottom-holder { opacity: 0; transform: translateY(15px); transition: opacity 0.3s ease-out 0.25s, transform 0.6s ease 0.25s; } .qodef-item-layout--info-on-hover.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-content { opacity: 1; } .qodef-item-layout--info-on-hover.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-content .qodef-e-text, .qodef-item-layout--info-on-hover.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-content .qodef-e-bottom-holder { opacity: 1; transform: translateY(0); } /* ========================================================================== Related Portfolio Single Items styles ========================================================================== */ #qodef-portfolio-single-related-items { position: relative; display: inline-block; width: 100%; vertical-align: top; margin-top: 86px; } /* ========================================================================== Single Post Navigation styles ========================================================================== */ #qodef-single-portfolio-navigation { position: relative; display: inline-block; width: 100%; vertical-align: top; margin: 119px 0 3px; } #qodef-single-portfolio-navigation .qodef-m-inner { position: relative; display: flex; align-items: center; justify-content: space-between; height: 32px; } #qodef-single-portfolio-navigation .qodef-m-nav { position: relative; display: flex; align-items: center; } #qodef-single-portfolio-navigation .qodef-m-nav > * { display: block; line-height: inherit; } #qodef-single-portfolio-navigation .qodef-m-nav.qodef--prev svg.qodef-svg--pagination-arrow-left polyline, #qodef-single-portfolio-navigation .qodef-m-nav.qodef--prev svg.qodef-svg--pagination-arrow-right polyline, #qodef-single-portfolio-navigation .qodef-m-nav.qodef--next svg.qodef-svg--pagination-arrow-left polyline, #qodef-single-portfolio-navigation .qodef-m-nav.qodef--next svg.qodef-svg--pagination-arrow-right polyline { will-change: transform; transform: translateX(0); transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1); } #qodef-single-portfolio-navigation .qodef-m-nav.qodef--prev .qodef-m-nav-icon { margin-right: 5px; } #qodef-single-portfolio-navigation .qodef-m-nav.qodef--prev:hover svg.qodef-svg--pagination-arrow-left polyline { transform: translateX(-3px); } #qodef-single-portfolio-navigation .qodef-m-nav.qodef--next { flex-direction: row-reverse; text-align: right; margin-left: auto; } #qodef-single-portfolio-navigation .qodef-m-nav.qodef--next .qodef-m-nav-icon { margin-left: 5px; } #qodef-single-portfolio-navigation .qodef-m-nav.qodef--next:hover svg.qodef-svg--pagination-arrow-right polyline { transform: translateX(3px); } #qodef-single-portfolio-navigation .qodef-m-nav.qodef--back-link { position: absolute; top: 0; color: #b29063; left: calc(50% - 16px); } #qodef-single-portfolio-navigation .qodef-m-nav.qodef--back-link:hover { color: #14203b; } /* ========================================================================== Portfolio Single variation styles ========================================================================== */ .qodef-portfolio-single.qodef-layout--images-big .qodef-media .qodef-grid-item { display: block; margin-bottom: 30px; float: none; } .qodef-portfolio-single.qodef-layout--images-big .qodef-media .qodef-grid-item:last-child { margin-bottom: 0; } /* ========================================================================== Portfolio Single variation styles ========================================================================== */ .qodef-portfolio-single.qodef-layout--images-small .qodef-media .qodef-grid-item { display: block; margin-bottom: 30px; float: none; } .qodef-portfolio-single.qodef-layout--images-small .qodef-media .qodef-grid-item:last-child { margin-bottom: 0; } /* ========================================================================== Team lists shortcode styles ========================================================================== */ .qodef-team-list .qodef-e-inner { position: relative; } .qodef-team-list .qodef-e-content { align-items: flex-end; display: flex; justify-content: space-between; } .qodef-team-list .qodef-e-title { margin: 0 0 4px; } .qodef-team-list .qodef-e-role { font-weight: 500; font-size: 11px; line-height: 1.6em; letter-spacing: 0.6em; text-transform: uppercase; font-family: "Montserrat", sans-serif; color: #262626; margin: 0; } .qodef-team-list .qodef-team-member-social-icons { line-height: 1; margin: 0; } .qodef-team-list.qodef--has-appear { opacity: 0; transition: opacity 0.3s ease-out; } .qodef-team-list.qodef--has-appear.qodef--appeared { opacity: 1; } .qodef-team-list.qodef-item-layout--info-below .qodef-e-content { margin: 20px 0 34px; } .qodef-team-list.qodef-item-layout--info-below .qodef-team-member-social-icon { color: #b29063; } .qodef-team-list.qodef-item-layout--info-below .qodef-team-member-social-icon:hover { color: #d4bfa3; } .qodef-team-list.qodef-item-layout--info-on-hover .qodef-e-content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 84%); opacity: 0; transition: opacity 0.3s ease-out; padding: 35px 40px; } .qodef-team-list.qodef-item-layout--info-on-hover .qodef-e-content-right { margin: 0 0 3px; } .qodef-team-list.qodef-item-layout--info-on-hover .qodef-e-title { margin: 0 0 8px; color: #ffffff; opacity: 0; transform: translateY(25px); transition: opacity 0.3s ease-out 0.1s, transform 0.6s ease 0.1s; } .qodef-team-list.qodef-item-layout--info-on-hover .qodef-e-role { color: #ffffff; opacity: 0; transform: translateY(15px); transition: opacity 0.3s ease-out 0.25s, transform 0.6s ease 0.25s; } .qodef-team-list.qodef-item-layout--info-on-hover .qodef-e .qodef-team-member-social-icons { opacity: 0; transform: translateY(15px); transition: opacity 0.3s ease-out 0.25s, transform 0.6s ease 0.25s; } .qodef-team-list.qodef-item-layout--info-on-hover .qodef-e .qodef-team-member-social-icon { color: #ffffff; } .qodef-team-list.qodef-item-layout--info-on-hover .qodef-e .qodef-team-member-social-icon:hover { color: #d4bfa3; } .qodef-team-list.qodef-item-layout--info-on-hover.qodef-content-initial-state--hide .qodef-e-inner:hover .qodef-e-content { opacity: 1; } .qodef-team-list.qodef-item-layout--info-on-hover.qodef-content-initial-state--hide .qodef-e-inner:hover .qodef-e-content .qodef-e-title, .qodef-team-list.qodef-item-layout--info-on-hover.qodef-content-initial-state--hide .qodef-e-inner:hover .qodef-e-content .qodef-e-role, .qodef-team-list.qodef-item-layout--info-on-hover.qodef-content-initial-state--hide .qodef-e-inner:hover .qodef-e-content .qodef-team-member-social-icons { opacity: 1; transform: translateY(0); } .qodef-team-list.qodef-item-layout--info-on-hover.qodef-content-initial-state--show .qodef-e-inner .qodef-e-content { opacity: 1; } .qodef-team-list.qodef-item-layout--info-on-hover.qodef-content-initial-state--show .qodef-e-inner .qodef-e-content .qodef-e-title, .qodef-team-list.qodef-item-layout--info-on-hover.qodef-content-initial-state--show .qodef-e-inner .qodef-e-content .qodef-e-role, .qodef-team-list.qodef-item-layout--info-on-hover.qodef-content-initial-state--show .qodef-e-inner .qodef-e-content .qodef-team-member-social-icons { opacity: 1; transform: translateY(0); } .qodef-team-list.qodef-item-layout--info-on-side .qodef-e-inner { display: flex; column-gap: 80px; } .qodef-team-list.qodef-item-layout--info-on-side .qodef-e-content { align-items: flex-start; flex-direction: column; justify-content: start; padding: 0 0 77px 0; } .qodef-team-list.qodef-item-layout--info-on-side .qodef-e-image { flex-shrink: 0; width: 38.5%; } .qodef-team-list.qodef-item-layout--info-on-side .qodef-e-role { font-weight: 400; font-size: 34px; line-height: 1.294em; font-family: "Marcellus", serif; color: var(--qode-main-color); letter-spacing: normal; margin: 0 0 18px 0; text-transform: initial; } .qodef-team-list.qodef-item-layout--info-on-side .qodef-e-description { margin: 0 0 14px; } .qodef-team-list.qodef-item-layout--info-on-side .qodef-e-icon-info { align-items: center; display: flex; column-gap: 17px; margin: 7px 0; } .qodef-team-list.qodef-item-layout--info-on-side .qodef-e-swiper-navigation { display: flex; column-gap: 30px; top: -12px; left: calc(38.5% + 80px); position: relative; transform: translateY(calc(-50% - 8px)); z-index: 10; } .qodef-team-list.qodef-item-layout--info-on-side .qodef-e-swiper-navigation .swiper-button-prev, .qodef-team-list.qodef-item-layout--info-on-side .qodef-e-swiper-navigation .swiper-button-next { left: unset !important; position: relative !important; right: unset !important; top: unset !important; transform: none !important; } .qodef-team-list.qodef-item-layout--info-on-side .qodef-team-member-social-icon { color: #b29063; } .qodef-team-list.qodef-item-layout--info-on-side.swiper-container-fade .swiper-slide { opacity: 1 !important; z-index: 0; overflow: hidden; transition: 0s ease; } .qodef-team-list.qodef-item-layout--info-on-side.swiper-container-fade .swiper-slide .qodef-e-content { opacity: 0; transition: opacity 1s cubic-bezier(0.45, 0, 0.55, 1); } .qodef-team-list.qodef-item-layout--info-on-side.swiper-container-fade .swiper-slide .qodef-e-media-image { clip-path: inset(0 100% 0 0); transition: clip-path 0s cubic-bezier(0.45, 0, 0.55, 1) 1s; } .qodef-team-list.qodef-item-layout--info-on-side.swiper-container-fade .swiper-slide.swiper-slide-active, .qodef-team-list.qodef-item-layout--info-on-side.swiper-container-fade .swiper-slide.swiper-slide-duplicate-active { z-index: 1; } .qodef-team-list.qodef-item-layout--info-on-side.swiper-container-fade .swiper-slide.swiper-slide-active .qodef-e-content, .qodef-team-list.qodef-item-layout--info-on-side.swiper-container-fade .swiper-slide.swiper-slide-duplicate-active .qodef-e-content { opacity: 1; } .qodef-team-list.qodef-item-layout--info-on-side.swiper-container-fade .swiper-slide.swiper-slide-active .qodef-e-media-image, .qodef-team-list.qodef-item-layout--info-on-side.swiper-container-fade .swiper-slide.swiper-slide-duplicate-active .qodef-e-media-image { clip-path: inset(0 0 0 0); transition: clip-path 1s cubic-bezier(0.45, 0, 0.55, 1); } /* ========================================================================== Team Member shortcode styles ========================================================================== */ .qodef-team-member .qodef-m-inner { position: relative; } .qodef-team-member .qodef-m-content { align-items: flex-end; display: flex; justify-content: space-between; } .qodef-team-member .qodef-m-title { margin: 0 0 4px; } .qodef-team-member .qodef-m-role { font-weight: 500; font-size: 11px; line-height: 1.6em; letter-spacing: 0.6em; text-transform: uppercase; font-family: "Montserrat", sans-serif; color: #262626; margin: 0; } .qodef-team-member .qodef-m-media-image img { width: 100%; } .qodef-team-member .qodef-team-member-social-icons { line-height: 1; margin: 0; } .qodef-team-member.qodef-item-layout--info-below .qodef-m-content { margin: 20px 0 34px; } .qodef-team-member.qodef-item-layout--info-below .qodef-team-member-social-icon { color: #b29063; } .qodef-team-member.qodef-item-layout--info-on-hover .qodef-m-content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 84%); opacity: 0; transition: opacity 0.3s ease-out; z-index: -1; padding: 35px 40px; } .qodef-team-member.qodef-item-layout--info-on-hover .qodef-m-content-right { margin: 0 0 3px; } .qodef-team-member.qodef-item-layout--info-on-hover .qodef-m-title { margin: 0 0 8px; } .qodef-team-member.qodef-item-layout--info-on-hover .qodef-m-title, .qodef-team-member.qodef-item-layout--info-on-hover .qodef-m-role { color: #ffffff; } .qodef-team-member.qodef-item-layout--info-on-hover .qodef-team-member-social-icon { color: #ffffff; } .qodef-team-member.qodef-item-layout--info-on-hover.qodef-content-initial-state--hide .qodef-m-inner:hover .qodef-m-content { opacity: 1; z-index: 1; } .qodef-team-member.qodef-item-layout--info-on-hover.qodef-content-initial-state--show .qodef-m-inner .qodef-m-content { opacity: 1; z-index: 1; } /* ========================================================================== Testimonials list shortcode styles ========================================================================== */ .qodef-testimonials-list .qodef-e-static-quote { display: flex; color: #b29063; margin: 0 0 37px 0; } .qodef-testimonials-list .qodef-e-inner { padding-bottom: 53px; } .qodef-testimonials-list .qodef-e-media-image { line-height: 0; margin-bottom: 25px; } .qodef-testimonials-list .qodef-e-media-image img { width: auto; } .qodef-testimonials-list .qodef-e-title { margin: 0 0 25px; } .qodef-testimonials-list .qodef-e-text { margin: 0 0 40px; } .qodef-testimonials-list .qodef-e-author { margin: 0; } .qodef-testimonials-list .swiper-pagination-bullets { text-align: left; bottom: 0 !important; } .qodef-testimonials-list .swiper-pagination-bullets .swiper-pagination-bullet::before { background-color: var(--qode-main-color); } .qodef-testimonials-list.qodef-alignment--center { text-align: center; } .qodef-testimonials-list.qodef-alignment--center .qodef-e-inner { margin: 0 auto 48px; max-width: 940px; } .qodef-testimonials-list.qodef-alignment--center .qodef-e-static-quote { justify-content: center; align-items: center; margin: 0 0 64px 0; } .qodef-testimonials-list.qodef-alignment--center .qodef-e-text { margin: 0 0 56px; } .qodef-testimonials-list.qodef-alignment--center ~ .swiper-button-prev, .qodef-testimonials-list.qodef-alignment--center ~ .swiper-button-next { transform: translateY(-50%) translateY(-37px); } .qodef-testimonials-list.qodef-alignment--center ~ .swiper-button-prev { left: 0 !important; } .qodef-testimonials-list.qodef-alignment--center ~ .swiper-button-next { right: 0 !important; } .qodef-testimonials-list.qodef-alignment--left .swiper-navigation-holder { position: relative; display: flex; column-gap: 30px; } .qodef-testimonials-list.qodef-alignment--left .swiper-navigation-holder .swiper-button-prev, .qodef-testimonials-list.qodef-alignment--left .swiper-navigation-holder .swiper-button-next { position: initial; transform: none; } .qodef-testimonials-list.qodef-skin--light .qodef-e-title, .qodef-testimonials-list.qodef-skin--light .qodef-e-text { color: #fff; } .qodef-testimonials-list.qodef-skin--light .swiper-button-next, .qodef-testimonials-list.qodef-skin--light .swiper-button-prev { color: #fff; } .qodef-testimonials-list.qodef-skin--light .swiper-pagination-bullets .swiper-pagination-bullet::before { background-color: #fff; } .qodef-testimonials-list.qodef-swiper-container.qodef-col-num--1 .swiper-slide { opacity: 0; transition: opacity 0.4s cubic-bezier(0, 0.55, 0.45, 1); } .qodef-testimonials-list.qodef-swiper-container.qodef-col-num--1 .swiper-slide.swiper-slide-active, .qodef-testimonials-list.qodef-swiper-container.qodef-col-num--1 .swiper-slide.swiper-slide-duplicate-active { opacity: 1; transition: opacity 0.4s cubic-bezier(0.55, 0, 1, 0.45); } /* ========================================================================== Accordion shortcode styles ========================================================================== */ .qodef-accordion { position: relative; display: inline-block; width: 100%; vertical-align: top; visibility: hidden; overflow-anchor: none; } .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: flex; align-items: center; justify-content: space-between; margin: 0; padding: 18px 2px 17px 0px; cursor: pointer; color: #797979; border-bottom: 1px solid #c5c5c5; } .qodef-accordion.qodef-layout--simple .qodef-accordion-title.ui-state-active .qodef-accordion-mark path:nth-of-type(2) { opacity: 0; } .qodef-accordion.qodef-layout--simple .qodef-accordion-mark { position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; line-height: 1; text-align: center; } .qodef-accordion.qodef-layout--simple .qodef-accordion-content { padding: 17px 0 22px; } .qodef-accordion.qodef-layout--simple .qodef-accordion-content p { margin: 0; } .qodef-accordion.qodef-layout--simple.qodef-behavior--toggle .qodef-accordion-content { display: none; } /* ========================================================================== Banner shortcode styles ========================================================================== */ .qodef-banner { position: relative; width: 100%; display: grid; grid-template-areas: "overlap"; grid-template-columns: minmax(0, auto); grid-template-rows: minmax(0, auto); } .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-image, .qodef-banner .qodef-m-content { grid-area: overlap; position: relative; width: 100%; } .qodef-banner .qodef-m-content { display: flex; } .qodef-banner .qodef-m-content-inner { display: flex; flex-direction: column; } .qodef-banner .qodef-m-title { margin: 10px 0 4px; } .qodef-banner .qodef-m-title-inner { display: inline-block; } .qodef-banner .qodef-m-subtitle { margin: 0; } .qodef-banner .qodef-m-text-field { margin: 0; } .qodef-banner .qodef-m-image { height: 100%; object-fit: cover; overflow: hidden; } .qodef-banner .qodef-m-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: all 0.35s ease-out; } .qodef-banner.qodef-layout--link-button-left .qodef-m-content { align-items: flex-end; justify-content: flex-start; } .qodef-banner.qodef-layout--link-button-left .qodef-m-content-inner { align-items: flex-start; justify-content: flex-end; width: max-content; height: auto; padding: 53px 67px; } .qodef-banner.qodef-layout--link-button-left .qodef-m-title { margin: 0 0 18px; } .qodef-banner.qodef-layout--link-button-left .qodef-m-text-field { margin: 0; } .qodef-banner.qodef-layout--link-button-left .qodef-m-button { margin: 10px 0 0; } .qodef-banner.qodef-layout--link-button-right .qodef-m-content { align-items: flex-end; justify-content: flex-end; } .qodef-banner.qodef-layout--link-button-right .qodef-m-content-inner { align-items: flex-start; justify-content: flex-end; width: max-content; height: auto; background: #ffffff; padding: 66px 80px 61px 69px; margin: 10px; } .qodef-banner.qodef-layout--link-button-right .qodef-m-title { margin: 0 0 18px; } .qodef-banner.qodef-layout--link-button-right .qodef-m-text-field { margin: 0; } .qodef-banner.qodef-layout--link-button-right .qodef-m-button { margin: 10px 0 0; } .qodef-banner.qodef-layout--link-overlay-centered .qodef-m-image { position: relative; overflow: hidden; } .qodef-banner.qodef-layout--link-overlay-centered .qodef-m-image img { transform: scale(1.05); transition: transform 0.45s cubic-bezier(0.61, 1, 0.88, 1); } .qodef-banner.qodef-layout--link-overlay-centered .qodef-m-content { align-items: center; justify-content: center; } .qodef-banner.qodef-layout--link-overlay-centered .qodef-m-content-inner { align-items: center; justify-content: center; text-align: center; width: 100%; height: auto; background-color: #ffffff; padding: 42px 20px 39px 20px; margin: 45px; } .qodef-banner.qodef-layout--link-overlay-centered .qodef-m-title { margin: 0 0 4px; } .qodef-banner.qodef-layout--link-overlay-centered .qodef-m-subtitle { margin: 4px 0 0; } .qodef-banner.qodef-layout--link-overlay-centered:hover img { transform: scale(1.01); } .qodef-banner.qodef-layout--link-overlay .qodef-m-image { position: relative; overflow: hidden; } .qodef-banner.qodef-layout--link-overlay .qodef-m-image img { transform: scaleX(1.05) translateX(0); transition: transform 0.45s cubic-bezier(0.61, 1, 0.88, 1); } .qodef-banner.qodef-layout--link-overlay .qodef-m-content-inner { align-items: flex-start; height: 100%; justify-content: space-between; padding: 60px 82px 70px 80px; width: 100%; } .qodef-banner.qodef-layout--link-overlay .qodef-m-content-inner-bottom { align-items: center; column-gap: 20px; display: flex; justify-content: space-between; width: 100%; } .qodef-banner.qodef-layout--link-overlay .qodef-m-tagline { margin: 0; } .qodef-banner.qodef-layout--link-overlay .qodef-m-text-field { margin: 22px 0 0; } .qodef-banner.qodef-layout--link-overlay .qodef-m-arrow { align-items: center; color: #ffffff; display: flex; justify-content: center; } .qodef-banner.qodef-layout--link-overlay .qodef-m-arrow svg.qodef-svg--banner-arrow polyline { will-change: transform; transform: translateX(0); transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1); } .qodef-banner.qodef-layout--link-overlay:hover img { transform: scaleX(1.05) translateX(6px); } .qodef-banner.qodef-layout--link-overlay:hover svg.qodef-svg--banner-arrow polyline { transform: translateX(3px); } /* ========================================================================== Bordered Icon shortcode styles ========================================================================== */ .qodef-bordered-icon { position: relative; display: inline-block; width: 100%; vertical-align: top; } .qodef-bordered-icon .qodef-m-inner { display: grid; grid-template-areas: "overlap"; grid-template-columns: minmax(0, auto); grid-template-rows: minmax(0, auto); justify-items: center; align-items: center; } .qodef-bordered-icon .qodef-m-border, .qodef-bordered-icon .qodef-m-icon { grid-area: overlap; display: flex; align-items: center; justify-content: center; } .qodef-bordered-icon .qodef-m-border { width: 100%; height: 100%; } .qodef-bordered-icon .qodef-m-border svg { width: 100%; height: auto; } .qodef-bordered-icon .qodef-m-icon { width: 100%; } .qodef-bordered-icon .qodef-m-icon a, .qodef-bordered-icon .qodef-m-icon img { display: block; } .qodef-bordered-icon .qodef-m-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ========================================================================== Button shortcode styles ========================================================================== */ .qodef-button.qodef-html--link { border-radius: 0; display: inline-flex; font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 500; line-height: 1.7em; margin: 0; outline: none; position: relative; text-decoration: none; text-transform: uppercase; transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out; width: auto; padding: 12px 55px 10px; } .qodef-browser--firefox .qodef-button.qodef-html--link { font-weight: 400; } .qodef-button.qodef-size--small { padding: 10px 45px 8px; } .qodef-button.qodef-size--large { padding: 14px 65px 12px; } .qodef-button.qodef-size--full { justify-content: center; padding: 14px 20px 12px; text-align: center; width: 100%; } @media only screen and (max-width: 1024px) { .qodef-button.qodef-text-break--disabled .qodef-m-text br { display: none !important; } } .qodef-button.qodef-layout--filled-one.qodef-html--link { color: var(--qode-main-color); background-color: #d4bfa3; border: 1px solid transparent; } .qodef-button.qodef-layout--filled-one.qodef-html--link:hover { color: var(--qode-main-color); background-color: transparent; border-color: #d4bfa3; } .qodef-button.qodef-layout--filled-two.qodef-html--link { color: #ffffff; background-color: var(--qode-main-color); border: 1px solid transparent; } .qodef-button.qodef-layout--filled-two.qodef-html--link:hover { color: var(--qode-main-color); background-color: transparent; border-color: var(--qode-main-color); } .qodef-button.qodef-layout--outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } .qodef-button.qodef-layout--outlined:hover { color: var(--qode-main-color); background-color: #ffffff; border-color: #ffffff; } .qodef-button.qodef-layout--textual-full-width { font-weight: 400; font-size: 28px; line-height: 1.285em; font-family: "Marcellus", serif; color: var(--qode-main-color); align-items: center; background-color: transparent; border: 0; color: var(--qode-main-color); justify-content: space-between; padding: 0 !important; width: 100%; } .qodef-button.qodef-layout--textual-full-width .qodef-m-text { display: inline-flex; } .qodef-button.qodef-layout--textual-full-width .qodef-m-icon { display: inline-flex; margin: 0 0 0 19px; } .qodef-button.qodef-layout--textual-full-width svg.qodef-svg--banner-arrow polyline { will-change: transform; transform: translateX(0); transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1); } .qodef-button.qodef-layout--textual-full-width:hover svg.qodef-svg--banner-arrow polyline { transform: translateX(3px); } .qodef-button.qodef-layout--textual { display: flex; align-items: center; background-color: transparent; border: 0; color: var(--qode-main-color); padding: 0 !important; } .qodef-button.qodef-layout--textual .qodef-m-icon { line-height: 1; margin: 0 0 0 19px; } .qodef-button.qodef-layout--textual svg.qodef-svg--button-arrow polyline { will-change: transform; transform: translateX(0); transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1); } .qodef-button.qodef-layout--textual:hover svg.qodef-svg--button-arrow polyline { transform: translateX(3px); } @media only screen and (max-width: 480px) { .qodef-charts .qodef-m-legend { align-items: center; flex-direction: column; } } /* ========================================================================== Countdown shortcode styles ========================================================================== */ .qodef-countdown .qodef-m-date { display: flex; flex-wrap: wrap; justify-content: center; } .qodef-countdown .qodef-digit, .qodef-countdown .qodef-label { position: relative; display: inline-block; width: 100%; vertical-align: top; } .qodef-countdown .qodef-digit { color: var(--qode-main-color); } .qodef-countdown.qodef-show--1 .qodef-digit-wrapper { width: 100%; } .qodef-countdown.qodef-show--2 .qodef-digit-wrapper { width: 50%; } .qodef-countdown.qodef-show--3 .qodef-digit-wrapper { width: 33.3333333333%; } .qodef-countdown.qodef-show--4 .qodef-digit-wrapper { width: 25%; } .qodef-countdown.qodef-show--5 .qodef-digit-wrapper { width: 20%; } .qodef-countdown.qodef-show--6 .qodef-digit-wrapper { width: 16.6666666667%; } .qodef-countdown.qodef-countdown--light .qodef-digit, .qodef-countdown.qodef-countdown--light .qodef-label { color: #fff; } .qodef-countdown.qodef-layout--simple .qodef-digit { font-weight: 400; font-size: 28px; line-height: 1.285em; font-family: "Marcellus", serif; } .qodef-countdown.qodef-layout--simple .qodef-digit-wrapper { display: inline-block; vertical-align: top; padding: 0 20px; } /* ========================================================================== Counter shortcode styles ========================================================================== */ .qodef-counter .qodef-m-digit { font-family: "Marcellus", serif; font-weight: 400; line-height: 1; color: rgba(96, 100, 114, 0.4); } .qodef-counter .qodef-m-title { margin: 5px 0 0 0; } .qodef-counter .qodef-m-text { margin: 6px 0 0; } /* ========================================================================== Counter shortcode variation styles ========================================================================== */ .qodef-counter.qodef-layout--overlap { display: grid; grid-template-columns: repeat(2, min-content) minmax(0, auto); grid-template-rows: minmax(0, 1fr) min-content minmax(0, 1fr); justify-content: center; align-items: center; } .qodef-counter.qodef-layout--overlap .qodef-m-digit { font-size: 150px; } .qodef-counter.qodef-layout--overlap .qodef-m-digit-wrapper { grid-column: 1/3; grid-row: 1/span 3; object-fit: cover; } .qodef-counter.qodef-layout--overlap .qodef-m-content { grid-column: 2/4; grid-row: 2; } .qodef-counter.qodef-layout--overlap .qodef-m-title { margin: 0; } /* ========================================================================== Counter shortcode variation styles ========================================================================== */ .qodef-counter.qodef-layout--simple { text-align: center; } .qodef-counter.qodef-layout--simple .qodef-m-digit { font-size: 100px; } .qodef-counter.qodef-layout--simple .qodef-m-title { margin: 5px 0 0 0; } .qodef-counter.qodef-layout--simple .qodef-m-text { margin: 6px 0 0; } /* ========================================================================== Custom Font shortcode styles ========================================================================== */ .widget.widget_halstein_core_custom_font { margin-bottom: 0 !important; } .qodef-custom-font { position: relative; margin: 0; } /* ========================================================================== Dropcaps shortcode styles ========================================================================== */ .qodef-dropcaps { position: relative; display: inline-block; width: 100%; vertical-align: top; } .qodef-dropcaps .qodef-m-letter { font-weight: 400; font-family: "Marcellus", serif; color: var(--qode-main-color); align-items: center; display: flex; float: left; justify-content: center; margin: 0 31px 0 0; position: relative; } .qodef-dropcaps .qodef-m-text { display: inline; margin: 0; } .qodef-dropcaps.qodef-type--simple .qodef-m-letter { font-size: 80px; line-height: 80px; top: -2px; } .qodef-dropcaps:not(.qodef-type--simple) .qodef-m-letter { font-size: 55px; line-height: 1.163em; background-color: var(--qode-main-color); color: #ffffff; height: 65px; top: 9px; width: 65px; } @media only screen and (max-width: 680px) { .qodef-dropcaps:not(.qodef-type--simple) .qodef-m-letter { font-size: 50px; } } .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%; } .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; } .qodef-graphs { visibility: hidden; } .qodef-graphs .qodef-m-legend { display: flex; flex-wrap: wrap; justify-content: center; margin: 47px 0 0 0; } .qodef-graphs .qodef-m-legend-item { align-items: center; display: flex; } .qodef-graphs .qodef-m-legend-item:not(:last-child) { margin: 0 21px 0 0; } .qodef-graphs .qodef-m-legend-icon { border-radius: 50%; display: block; height: 9px; margin: 0 10px 0 0; position: relative; top: -2px; width: 9px; } .qodef-graphs.qodef--init { visibility: visible; } /* ========================================================================== Highlight shortcode styles ========================================================================== */ .qodef-highlight .qodef-highlight-text { padding: 0 5px; color: #fff; background-color: var(--qode-main-color); } /* ========================================================================== 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 { display: inline-block; line-height: 1; margin: 0; position: relative; vertical-align: top; } .qodef-icon-list-item .qodef-e-title a { display: block; } .qodef-icon-list-item .qodef-e-title-inner { align-items: center; display: flex; } .qodef-icon-list-item .qodef-icon-holder { flex-shrink: 0; float: none; margin: 0 5px 0 0; } .qodef-icon--custom-icon.qodef-icon-list-item .qodef-icon-holder { margin: 0 12px 0 0; } .qodef-icon-list-item .qodef-icon-holder .qodef-icon { font-size: 16px; } /* ========================================================================== Icon List Item widget styles ========================================================================== */ #qodef-page-sidebar .widget.widget_halstein_core_icon_list_item { margin-bottom: 0; } #qodef-page-footer .widget.widget_halstein_core_icon_list_item { margin-bottom: 0; } #qodef-side-area .widget.widget_halstein_core_icon_list_item { margin-bottom: 0; } /* ========================================================================== Icon With Text shortcode styles ========================================================================== */ .qodef-icon-with-text .qodef-m-content { position: relative; display: inline-block; width: 100%; vertical-align: top; } .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: currentColor; } .qodef-icon-with-text .qodef-m-text-field { margin: 8px 0 0; } .qodef-icon-with-text .qodef-m-icon-wrapper { line-height: 1; } .qodef-icon-with-text .qodef-m-button { margin: 30px 0 0; } .qodef-icon-with-text .qodef-icon-holder { float: none; } .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; } /* ========================================================================== Icon With Text shortcode styles ========================================================================== */ .qodef-icon-with-text.qodef-layout--top .qodef-m-title { margin-top: 41px; } .qodef-icon-with-text.qodef-layout--top.qodef-alignment--center { text-align: center; } .qodef-icon-with-text.qodef-layout--top.qodef-alignment--center.qodef--retina:not(.qodef--icon-has-border) img { margin: 0 auto; } .qodef-icon-with-text.qodef-layout--top.qodef-alignment--left { text-align: left; } .qodef-icon-with-text.qodef-layout--top.qodef-alignment--left.qodef--retina:not(.qodef--icon-has-border) img { margin: 0 auto 0 0; } .qodef-icon-with-text.qodef-layout--top.qodef-alignment--right { text-align: right; } .qodef-icon-with-text.qodef-layout--top.qodef-alignment--right.qodef--retina:not(.qodef--icon-has-border) img { margin: 0 0 0 auto; } .qodef-icon-with-text.qodef-layout--top.qodef--retina img { max-width: 50%; margin: 0 auto 0 0; } /* ========================================================================== 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: var(--qode-main-color); transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out; } .qodef-icon-holder.qodef-layout--circle a, .qodef-icon-holder.qodef-layout--square a { color: inherit; transition: none; } .qodef-icon-holder.qodef-layout--circle:hover, .qodef-icon-holder.qodef-layout--square:hover { background-color: var(--qode-main-color); } .qodef-icon-holder.qodef-layout--circle { border-radius: 50%; } .qodef-icon-holder.qodef-size--tiny { font-size: 1.33333333em; } .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_halstein_core_icon { display: inline-block; line-height: 1; } #qodef-page-sidebar .widget.widget_halstein_core_icon { margin-bottom: 0; } #qodef-page-footer .widget.widget_halstein_core_icon { margin-bottom: 0; } #qodef-side-area .widget.widget_halstein_core_icon { margin-bottom: 0; } /* ========================================================================== Single Images shortcode styles ========================================================================== */ .qodef-image-gallery.qodef--has-appear { opacity: 0; transition: opacity 0.3s ease-out; } .qodef-image-gallery.qodef--has-appear.qodef--appeared { opacity: 1; } /* ========================================================================== Image With Text shortcode styles ========================================================================== */ .qodef-image-with-text { position: relative; display: inline-block; width: 100%; vertical-align: top; } .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; } .qodef-image-with-text .qodef-m-image img { transition: box-shadow 0.3s ease-out, transform 0.4s ease-out; transform: translateY(0); box-shadow: 0 0 10px 0 rgba(1, 1, 1, 0.1); } .qodef-image-with-text .qodef-m-image a:hover img { transform: translateY(-8px); box-shadow: 0 0 20px 0 rgba(1, 1, 1, 0.2); } .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: 25px 0 0; } .qodef-image-with-text .qodef-m-subtitle { margin: 5px 0 0; } .qodef-image-with-text .qodef-m-text { margin: 15px 0 0; } .qodef-image-with-text.qodef-with-bottom-buttons .qodef-m-content-inner { transition: all 0.3s ease; } .qodef-image-with-text.qodef-with-bottom-buttons .qodef-bottom-buttons { display: flex; flex-direction: column; align-items: flex-start; position: absolute; left: 0; bottom: -4px; opacity: 0; transform: translateX(20px); transition: all 0.3s ease; } .qodef-image-with-text.qodef-with-bottom-buttons .qodef-bottom-link { position: relative; font-weight: 500; font-size: 11px; letter-spacing: 0.6em; text-transform: uppercase; padding-left: 0; color: #b29063; transition: padding 0.3s ease-out; overflow: hidden; } .qodef-image-with-text.qodef-with-bottom-buttons .qodef-bottom-link:before { content: ""; width: 30px; position: absolute; top: calc(50% - 1px); background-color: currentColor; height: 1px; left: -40px; transition: left 0.3s ease-out; } .qodef-image-with-text.qodef-with-bottom-buttons .qodef-bottom-link:hover { padding-left: 40px; } .qodef-image-with-text.qodef-with-bottom-buttons .qodef-bottom-link:hover:before { left: 0; } .qodef-image-with-text.qodef-with-bottom-buttons .qodef-bottom-link:not(:first-child) { margin: 3px 0 0; } .qodef-image-with-text.qodef-with-bottom-buttons:hover .qodef-m-content-inner { opacity: 0; transform: translateX(-15px); } .qodef-image-with-text.qodef-with-bottom-buttons:hover .qodef-bottom-buttons { opacity: 1; transform: translateX(0); } /* ========================================================================== Interactive Link Showcase shortcode styles ========================================================================== */ .qodef-interactive-link-showcase { position: relative; display: inline-block; width: 100%; vertical-align: top; height: 100vh; visibility: hidden; } .admin-bar .qodef-interactive-link-showcase { height: calc(100vh - 32px); } .qodef-interactive-link-showcase .qodef-m-image { background-position: center; background-repeat: no-repeat; background-size: cover; clip-path: inset(0 100% 0 0); height: auto; position: relative; transition: clip-path 0s 0.65s; width: 100%; } .qodef-interactive-link-showcase .qodef-m-image.qodef--active { clip-path: inset(0 0 0 0); transition: clip-path 0.6s cubic-bezier(0.45, 0.05, 0.15, 0.93); z-index: 5; } .qodef-interactive-link-showcase .qodef-m-items { align-items: center; display: flex; z-index: 10; } .qodef-interactive-link-showcase .qodef-m-item { font-weight: 400; font-size: 55px; line-height: 1.163em; font-family: "Marcellus", serif; color: var(--qode-main-color); display: inline-block; font-size: 50px; margin: 13px 0; padding: 0 6px 5px; position: relative; transition: color 0.3s ease-out; vertical-align: top; width: auto; } @media only screen and (max-width: 680px) { .qodef-interactive-link-showcase .qodef-m-item { font-size: 50px; } } .qodef-interactive-link-showcase .qodef-m-item .qodef-e-title { display: block; position: relative; z-index: 2; } .qodef-interactive-link-showcase .qodef-m-item.qodef--active { color: #b29063; } .qodef-interactive-link-showcase.qodef--init { visibility: visible; } .qodef-interactive-link-showcase.qodef-skin--light .qodef-m-item { color: #ffffff; } .qodef-interactive-link-showcase.qodef-skin--light .qodef-m-item.qodef--active { color: #b29063; } /* ========================================================================== Interactive Link Showcase List styles ========================================================================== */ .qodef-interactive-link-showcase.qodef-layout--list { align-items: center; display: flex; padding: 100px 0; } .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-images { align-items: center; display: grid; grid-template-areas: "overlap"; height: 100%; justify-items: center; margin-left: auto; max-height: 551px; overflow: hidden; position: relative; width: 34%; } .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-image { grid-area: overlap; } .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-items { position: absolute; top: 0; left: 0; width: 100%; height: 100%; align-content: center; flex-direction: row; flex-wrap: wrap; width: 64%; } .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-items-inner { display: block; } .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-item { display: inline; line-height: 1.8em; margin: 0; padding: 0; } .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-item > * { display: inline; } .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-item:not(:last-of-type)::after { color: var(--qode-main-color); content: "/"; margin: 0 12px 0 0; } /* ========================================================================== List Items shortcode styles ========================================================================== */ .qodef-list-items .qodef-m-list { margin: 0; } .qodef-list-items .qodef-m-list-item { list-style: none; display: grid; grid-template-areas: "marker title" ". text"; grid-template-rows: repeat(2, min-content); grid-template-columns: max-content minmax(0, auto); } .qodef-list-items .qodef-m-list-item-title, .qodef-list-items .qodef-m-list-item-text { margin: 0; } .qodef-list-items .qodef-m-list-item-title { grid-area: title; } .qodef-list-items .qodef-m-list-item-text { grid-area: text; margin: 6px 0 0 0; } .qodef-list-items .qodef-m-list-item-marker, .qodef-list-items .qodef-m-list-item::before { grid-area: marker; place-self: start center; } .qodef-list-items .qodef-m-list-item-marker { color: var(--qode-main-color); } .qodef-list-items .qodef-m-list-item:last-child { margin-bottom: 0 !important; } .qodef-list-items .qodef-m-list-text { color: inherit; transition: color 0.3s ease-out; } .qodef-list-items.qodef-skin--light .qodef-m-list-item-title { color: #babbbf; } .qodef-list-items.qodef-skin--light .qodef-m-list-item-text { color: #babbbf; } .qodef-list-items.qodef-skin--light .qodef-m-list-item-marker { color: #b29063; } .qodef-list-items.qodef-layout--bulleted-list .qodef-m-list-item { column-gap: 16px; margin: 0 0 22px 0; } .qodef-list-items.qodef-layout--numbered-list .qodef-m-list { counter-reset: counter; } .qodef-list-items.qodef-layout--numbered-list .qodef-m-list-item { column-gap: 11px; margin: 0 0 38px 0; } .qodef-list-items.qodef-layout--numbered-list .qodef-m-list-item::before { font-weight: 500; font-size: 11px; line-height: 1.6em; letter-spacing: 0.6em; text-transform: uppercase; font-family: "Montserrat", sans-serif; color: #b29063; margin: 3px 0; content: "0" counter(counter); counter-increment: counter; } .qodef-list-items.qodef-layout--ticked-list .qodef-m-list-item { column-gap: 16px; margin: 0 0 22px 0; } /* ========================================================================== Numbered Title With Text shortcode styles ========================================================================== */ .qodef-numbered-title-with-text .qodef-m-content { position: relative; display: inline-block; width: 100%; vertical-align: top; } .qodef-numbered-title-with-text .qodef-m-number { position: absolute; font-size: 100px; font-family: "Marcellus", serif; color: rgba(212, 191, 163, 0.3); line-height: 1; bottom: -7px; z-index: -1; } .qodef-numbered-title-with-text .qodef-m-title { margin: 0; } .qodef-numbered-title-with-text .qodef-m-text-field { margin: 5px 0 0; } /* ========================================================================== Numbered Title With Text shortcode styles ========================================================================== */ /* ========================================================================== Pricing Table shortcode styles ========================================================================== */ .qodef-pricing-table { position: relative; width: 100%; background-color: #fbf9f9; display: grid; grid-template-areas: "divider content"; grid-template-columns: min-content minmax(0, auto); grid-template-rows: minmax(0, auto); } .qodef-pricing-table .qodef-m-divider { grid-area: divider; position: relative; display: block; height: auto; width: 55px; } .qodef-pricing-table .qodef-m-divider::after { content: ""; position: absolute; width: 1px; height: 100%; background-color: #ded5c8; right: 0; top: 0; } .qodef-pricing-table .qodef-m-inner { grid-area: content; padding: 56px 50px 51px; } .qodef-pricing-table .qodef-m-title { margin: 0 0 13px 0; } .qodef-pricing-table .qodef-m-price-wrapper { display: flex; margin: 0; font-family: "Marcellus", serif; font-size: 32px; font-weight: 400; line-height: 1; color: var(--qode-main-color); } .qodef-pricing-table .qodef-m-content { margin: 35px 0 0 0; } .qodef-pricing-table .qodef-m-content p { margin: 16px 0; } .qodef-pricing-table .qodef-m-content ul { list-style: none; margin: 0; } .qodef-pricing-table .qodef-m-content ul li { color: var(--qode-main-color); 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: ""; display: inline-block; height: 13px; width: 11px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC41NjMiIGhlaWdodD0iMTIuNzgxIiB2aWV3Qm94PSIwIDAgMTAuNTYzIDEyLjc4MSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Im0xLjQ4MiA4LjM0NyAzLjI4MSAzLjI4TDkuODA3LjY4OCIvPgo8L3N2Zz4K"); background-repeat: no-repeat; background-position: center; margin-right: 8px; } .qodef-pricing-table .qodef-m-button .qodef-button { margin: 53px 0 0 0; } .qodef-pricing-table.qodef-status--featured .qodef-m-divider { height: auto !important; } .qodef-pricing-table .qodef-m-divider { clip-path: inset(0 0 100% 0); transition: clip-path 1.2s ease-out 0.2s; } .qodef-pricing-table.qodef--appeared .qodef-m-divider { clip-path: inset(0 0 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: flex; 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 { color: var(--qode-main-color); 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: flex; align-items: center; justify-content: center; padding: 0; margin: 0; font-weight: 400; font-size: 20px; line-height: 1.4em; font-family: "Marcellus", serif; color: var(--qode-main-color); } .qodef-progress-bar.qodef-layout--semi-circle .progressbar-text { padding-top: 20px; transform: none !important; } .qodef-progress-bar.qodef-layout--line .qodef-m-inner { flex-direction: column-reverse; } .qodef-progress-bar.qodef-layout--line .qodef-m-title { margin: 0 0 12px; } .qodef-progress-bar.qodef-layout--line .proggress { width: 0; } .qodef-progress-bar.qodef-layout--line .percentCount { font-weight: 400; font-size: 28px; line-height: 1.285em; font-family: "Marcellus", serif; color: var(--qode-main-color); position: absolute; top: -34px; right: 0; width: auto; } .qodef-progress-bar.qodef-layout--line.qodef-percentage--floating .percentCount { left: 0; right: auto; top: 50%; transform: translate(calc(-50% + 70px), calc(-50% - 7px)); } /* ========================================================================== Section Title shortcode styles ========================================================================== */ .qodef-section-title { position: relative; display: inline-block; width: 100%; vertical-align: top; } .qodef-section-title .qodef-m-tagline { margin: 0 0 16px 0; } .qodef-section-title .qodef-m-title { margin: 0; } .qodef-section-title .qodef-m-subtitle { margin: 26px 0 0 0; } .qodef-section-title .qodef-m-text-field { margin: 25px 0 0 0; } .qodef-section-title .qodef-m-button a { margin: 50px 0 0 0; } .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; } /* ========================================================================== 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 #e1e1e1; } .qodef-separator.qodef-position--center { text-align: center; } .qodef-separator.qodef-position--left { text-align: left; } .qodef-separator.qodef-position--right { text-align: right; } @media only screen and (max-width: 680px) { .qodef-separator.qodef-phone--disabled { display: none !important; } } .qodef-separator.qodef--has-appear .qodef-m-line { clip-path: inset(0 0 100% 0); transition: clip-path 1.2s ease-out 0.2s; } .qodef-separator.qodef--has-appear.qodef--appeared .qodef-m-line { clip-path: inset(0 0 0 0); } /* ========================================================================== Separator widget styles ========================================================================== */ .widget.widget_halstein_core_separator { margin-bottom: 0 !important; } /* ========================================================================== Single Images shortcode styles ========================================================================== */ .qodef-single-image img { display: block; } .qodef-single-image.qodef--fullheight img { height: 100vh; object-fit: cover; } .qodef-single-image.qodef--has-appear.qodef-direction--from-left img { clip-path: inset(0 100% 0 0); transition: clip-path 0.8s cubic-bezier(0.45, 0.05, 0.15, 0.93) 0.2s; } .qodef-single-image.qodef--has-appear.qodef-direction--from-right img { clip-path: inset(0 0 0 100%); transition: clip-path 0.8s cubic-bezier(0.45, 0.05, 0.15, 0.93) 0.2s; } .qodef-single-image.qodef--has-appear.qodef--appeared img { clip-path: inset(0 -1px 0 -1px); } /* ========================================================================== 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: flex; align-items: center; margin: 0; padding: 0; list-style: none; } .qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li { margin: 0 50px 0 0; padding: 0; } .qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li a { font-weight: 500; font-size: 11px; line-height: 1.6em; letter-spacing: 0.6em; text-transform: uppercase; font-family: "Montserrat", sans-serif; color: #b29063; display: block; transition: color 0.3s ease-out, background-color 0.3s ease-out; } .qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li:last-child { margin-right: 0; } .qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li a:hover, .qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li.active a, .qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li.ui-state-active a, .qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li.ui-state-hover a { color: var(--qode-main-color); } @media only screen and (max-width: 768px) { .qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li { margin: 0 23px 0 0; } } @media only screen and (max-width: 680px) { .qodef-tabs.qodef-layout--simple .qodef-tabs-navigation { flex-direction: column; align-items: flex-start; } .qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li { margin: 0 0 9px 0; padding: 0; } .qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li:last-child { margin-bottom: 0; } } .qodef-tabs.qodef-layout--simple.qodef-orientation--vertical { display: flex; align-items: stretch; justify-content: space-between; height: 100%; } .qodef-tabs.qodef-layout--simple.qodef-orientation--vertical .qodef-tabs-navigation { flex-shrink: 0; display: block; padding-right: 26px; margin-right: 26px; border-right: 1px solid #e1e1e1; } .qodef-tabs.qodef-layout--simple.qodef-orientation--vertical .qodef-tabs-navigation li { width: 100%; margin-bottom: 26px; } .qodef-tabs.qodef-layout--simple.qodef-orientation--vertical .qodef-tabs-navigation li:last-child { margin-bottom: 0; } .qodef-tabs.qodef-layout--simple.qodef-orientation--vertical .qodef-tabs-navigation li a { display: inline-block; width: auto; } .qodef-tabs.qodef-layout--simple.qodef-orientation--vertical .qodef-tabs-content { margin-top: 0; } .qodef-tabs.qodef-layout--simple .qodef-tabs-content { margin: 26px 0 0; } .qodef-vertical-split-slider--initialized { margin: 0; padding: 0; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .qodef-vertical-split-slider--initialized .qodef-vertical-split-slider { visibility: visible; } .qodef-vertical-split-slider { position: relative; height: 100vh; visibility: hidden; } .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-top: 22px; } .qodef-vertical-split-slider .qodef-m-button span, .qodef-vertical-split-slider-responsive .qodef-m-button span { margin: 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: #262626; border: none; } #multiscroll-nav a.active span { background-color: var(--qode-main-color); } #multiscroll-nav.right { right: 26px; } .qodef-vertical-split-slider--initialized #multiscroll-nav { display: block; } .qodef-vertical-split-slider--initialized #multiscroll-nav.qodef-skin--light a:not(.active) span { background-color: #fff; } .qodef-vertical-split-slider--initialized #multiscroll-nav.qodef-skin--dark a:not(.active) span { background-color: #000; } /* ========================================================================== Video Button With Text shortcode styles ========================================================================== */ .qodef-video-button-with-text { display: grid; grid-template-areas: "video-button content"; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); grid-template-rows: minmax(0, auto); } .qodef-video-button-with-text .qodef-m-video-button { grid-area: video-button; } .qodef-video-button-with-text .qodef-m-video-button .qodef-video-button { height: 100%; } .qodef-video-button-with-text .qodef-m-content { grid-area: content; position: relative; display: flex; width: auto; } .qodef-video-button-with-text .qodef-m-content-inner { display: flex; flex-direction: column; justify-content: flex-end; width: 100%; padding: 62px 70px; background-color: rgba(20, 32, 59, 0.95); z-index: 1; } .qodef-video-button-with-text .qodef-m-content-image { position: absolute; width: 100%; height: 100%; object-fit: cover; } .qodef-video-button-with-text .qodef-m-content-image img { width: 100%; height: 100%; object-fit: cover; } .qodef-video-button-with-text .qodef-m-text { margin: 0; color: #ffffff; } /* ========================================================================== Video Button shortcode start styles ========================================================================== */ .qodef-video-button { position: relative; display: grid; grid-template-areas: "overlap"; grid-template-columns: minmax(0, auto); grid-template-rows: minmax(0, auto); width: 100%; } .qodef-video-button path.qodef-m-circle-half.qodef--top-half { stroke-dasharray: 320; stroke-dashoffset: 320; transition: stroke-dashoffset 0.8s cubic-bezier(0.33, 1, 0.68, 1); } .qodef-video-button:hover path.qodef-m-circle-half.qodef--top-half { stroke-dashoffset: 0; } .qodef-video-button .qodef-m-image { grid-area: overlap; height: 100%; } .qodef-video-button .qodef-m-image img { width: 100%; height: 100%; object-fit: cover; } .qodef-video-button .qodef-m-play { grid-area: overlap; display: flex; align-items: center; justify-content: center; color: #ffffff; height: 100%; width: 100%; padding: 34px 0; z-index: 1; } .qodef-video-button .qodef-m-play-inner { align-items: center; display: flex; justify-content: center; } /* ========================================================================== Video Button shortcode end styles ========================================================================== */ /* ========================================================================== # Side Area style - begin ========================================================================== */ #qodef-side-area { background-color: var(--qode-main-color); background-position: center; background-size: cover; height: 100%; min-height: 100%; overflow: hidden; padding: 200px 65px 40px 65px; position: fixed; right: -500px; text-align: center; top: 0; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); visibility: hidden; width: 500px; z-index: 9999; } .qodef-side-area--opened #qodef-side-area { right: 0; visibility: visible; } #qodef-side-area.qodef-alignment--center { text-align: center; } #qodef-side-area.qodef-alignment--right { text-align: right; } #qodef-side-area.qodef-alignment--left { text-align: left; } #qodef-side-area-inner { display: flex; flex-direction: column; height: 100%; justify-content: space-between; } #qodef-side-area-close { color: #ffffff; display: block; position: absolute; right: 57px; top: 69px; z-index: 1000; } .admin-bar #qodef-side-area-close { top: 65px; } .qodef-side-area-cover { height: 100%; left: 0; opacity: 0; overflow: hidden; position: fixed; top: 0; transition: opacity 0.2s ease-in-out, z-index 0.2s ease-in-out; width: 100%; z-index: 0; } .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-weight: 400; font-size: 20px; line-height: 1.4em; font-family: "Marcellus", serif; color: var(--qode-main-color); } .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: 20px; } .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 { display: inline-block; position: relative; 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; } .qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li { cursor: pointer; opacity: 1; visibility: visible; /* 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(2) { transition-delay: 0.2s; } .qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(3) { transition-delay: 0.3s; } .qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(4) { transition-delay: 0.4s; } .qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(5) { transition-delay: 0.5s; } .qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(6) { transition-delay: 0.6s; } .qodef-social-share.qodef-layout--dropdown:hover .qodef-social-share-dropdown ul li:nth-child(7) { 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; margin-right: 5px; vertical-align: top; } .qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown { position: absolute; visibility: hidden; z-index: 950; } .qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown ul { display: block; margin: 0; padding: 0 !important; position: relative; z-index: 990; } .qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown li { display: block; opacity: 0; overflow: hidden; position: absolute; text-align: center; transition: opacity 0.2s ease-out, visibility 0.2s ease-out; visibility: hidden; } .qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown li a { transition: color 0.2s ease-out, background-color 0.2s ease-out; } .qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown li * { display: block; line-height: inherit; } .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 { border: 1px solid #e1e1e1; height: 30px; line-height: 30px; width: 90px; } .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: #ffffff; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li.qodef-twitter-share a:hover { background-color: #00aced; color: #ffffff; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li.qodef-linkedin-share a:hover { background-color: #007bb5; color: #ffffff; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li.qodef-tumblr-share a:hover { background-color: #32506d; color: #ffffff; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li.qodef-pinterest-share a:hover { background-color: #cb2027; color: #ffffff; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li.qodef-vk-share a:hover { background-color: #45668e; color: #ffffff; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--bottom .qodef-social-share-dropdown li a { background-color: #ffffff; color: #262626; font-size: 14px; } .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 { right: 0; top: 0; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li { width: calc(90px / 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: 35px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(3) { left: 65px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(4) { left: 95px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(5) { left: 125px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(6) { left: 155px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(7) { left: 185px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown { left: 0; top: 0; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li { width: calc(90px / 3); } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(1) { right: 5px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(2) { right: 35px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(3) { right: 65px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(4) { right: 95px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(5) { right: 125px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(6) { right: 155px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(7) { right: 185px; } /* ========================================================================== 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:not(:last-child) { margin: 0 21px 0 0; } .qodef-social-share.qodef-layout--text li a { display: flex; align-items: center; justify-content: center; background-color: #d4bfa3; border: 1px solid #d4bfa3; border-radius: 50%; color: var(--qode-main-color); font-size: 12px; font-weight: 500; height: 30px; letter-spacing: 0; line-height: 30px; text-align: center; text-transform: uppercase; transition: color 0.3s ease-out, background-color 0.3s ease-out; width: 30px; } .qodef-browser--firefox .qodef-social-share.qodef-layout--text li a { font-weight: 400; } .qodef-social-share.qodef-layout--text li a:hover { background-color: transparent; color: #d4bfa3; } /* ========================================================================== 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: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: var(--qode-main-color); background-color: #fff; background-size: cover; } #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; 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 { 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 { transform: rotate(0); 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 { transform: rotate(120deg); 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 { 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 { transform: rotate(240deg); 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 { 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; 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 { transform: rotate(-135deg); animation: qode-clock-1 1s ease-in infinite; } #qodef-page-spinner.qodef-layout--clock .qodef-m-clock-item.qodef-clock--2 { transform: rotate(-90deg); animation: qode-clock-2 1s ease-in infinite; } #qodef-page-spinner.qodef-layout--clock .qodef-m-clock-item.qodef-clock--3 { transform: rotate(-45deg); animation: qode-clock-3 1s ease-in infinite; } #qodef-page-spinner.qodef-layout--clock .qodef-m-clock-item.qodef-clock--4 { 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; 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; animation: qode-double-pulse 2s infinite ease-in-out; } #qodef-page-spinner.qodef-layout--double-pulse .qodef-m-pulse.qodef-pulse--2 { animation-delay: -1s; } /* ========================================================================== 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 { animation-delay: calc((600ms) - 1500ms); } #qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--1 .qodef-circle--3 { animation-delay: calc((900ms) - 1500ms); } #qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--1 .qodef-circle--4 { animation-delay: calc((1200ms) - 1500ms); } #qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--2 { transform: rotateZ(45deg); } #qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--2 .qodef-circle--1 { animation-delay: calc((300ms) - 1400ms); } #qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--2 .qodef-circle--2 { animation-delay: calc((600ms) - 1400ms); } #qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--2 .qodef-circle--3 { animation-delay: calc((900ms) - 1400ms); } #qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--2 .qodef-circle--4 { animation-delay: calc((1200ms) - 1400ms); } #qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--3 { transform: rotateZ(90deg); } #qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--3 .qodef-circle--1 { animation-delay: calc((300ms) - 1300ms); } #qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--3 .qodef-circle--2 { animation-delay: calc((600ms) - 1300ms); } #qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--3 .qodef-circle--3 { animation-delay: calc((900ms) - 1300ms); } #qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-circle-item.qodef-item--3 .qodef-circle--4 { 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%; 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%; 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%; 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%; 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; animation: qode-fussion-ball-4 1s 0s ease infinite; z-index: 2; } /* ========================================================================== Spinner layout styles ========================================================================== */ #qodef-page-spinner.qodef-layout--halstein .qodef-m-halstein { display: flex; flex-direction: column; align-items: flex-end; } #qodef-page-spinner.qodef-layout--halstein .qodef-m-title { font-weight: 400; font-size: 44px; line-height: 1.227em; font-family: "Marcellus", serif; color: var(--qode-main-color); letter-spacing: 0.2em; color: currentColor; opacity: 0; } @media only screen and (max-width: 680px) { #qodef-page-spinner.qodef-layout--halstein .qodef-m-title { font-size: 42px; } } #qodef-page-spinner.qodef-layout--halstein .qodef-m-title.qodef--appeared { opacity: 1; } #qodef-page-spinner.qodef-layout--halstein .qodef-m-title .qodef-letter { display: inline-block; } #qodef-page-spinner.qodef-layout--halstein .qodef-m-subtitle { font-weight: 500; font-size: 11px; line-height: 1.6em; letter-spacing: 0.6em; text-transform: uppercase; font-family: "Montserrat", sans-serif; color: #b29063; position: relative; right: 1px; opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease-out, transform 0.8s ease-out; } #qodef-page-spinner.qodef-layout--halstein .qodef-m-subtitle.qodef--appeared { opacity: 1; transform: translateY(0); } /* ========================================================================== 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; 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; 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; 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; 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; 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 { animation: qode-mitosis-ball-1 1s infinite alternate linear; } #qodef-page-spinner.qodef-layout--mitosis .qodef-m-mitosis-item.qodef-mitosis--2 { animation: qode-mitosis-ball-2 1s infinite alternate linear; } #qodef-page-spinner.qodef-layout--mitosis .qodef-m-mitosis-item.qodef-mitosis--3 { animation: qode-mitosis-ball-3 1s infinite alternate linear; } #qodef-page-spinner.qodef-layout--mitosis .qodef-m-mitosis-item.qodef-mitosis--4 { animation: qode-mitosis-ball-4 1s infinite alternate linear; } /* ========================================================================== Spinner layout styles ========================================================================== */ #qodef-page-spinner.qodef-layout--progress-bar .qodef-m-spinner-heading { position: relative; display: flex; align-items: center; justify-content: space-between; } #qodef-page-spinner.qodef-layout--progress-bar .qodef-m-spinner-heading > * { margin: 0; opacity: 0; animation: qode-fade-in 1s forwards; } #qodef-page-spinner.qodef-layout--progress-bar .qodef-m-spinner-number-holder { flex-shrink: 0; animation-delay: 0.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; animation: qode-fade-in 1s 0.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: var(--qode-main-color); 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 { animation: qode-pulse-circles-pulse 3s infinite calc((-750ms) + 750ms); } #qodef-page-spinner.qodef-layout--pulse-circles .qodef-m-pulse-circle.qodef-pulse--2 { animation: qode-pulse-circles-pulse 3s infinite calc((-1500ms) + 750ms); } #qodef-page-spinner.qodef-layout--pulse-circles .qodef-m-pulse-circle.qodef-pulse--3 { animation: qode-pulse-circles-pulse 3s infinite calc((-2250ms) + 750ms); } #qodef-page-spinner.qodef-layout--pulse-circles .qodef-m-pulse-circle.qodef-pulse--4 { 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; 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; 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) { animation-delay: calc((100ms) - 300ms); } #qodef-page-spinner.qodef-layout--rotate-circles .qodef-m-circles > div:nth-last-of-type(2) { animation-delay: calc((200ms) - 300ms); } #qodef-page-spinner.qodef-layout--rotate-circles .qodef-m-circles > div:nth-last-of-type(3) { 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; animation: qode-rotating-cubes 1.8s infinite ease-in-out; } #qodef-page-spinner.qodef-layout--rotating-cubes .qodef-m-cube.qodef-cube--2 { 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; animation: qode-stretch-delay 1.2s infinite ease-in-out; } #qodef-page-spinner.qodef-layout--stripes .qodef-m-stripe.qodef-stripe--2 { animation-delay: calc((200ms) - 1300ms); } #qodef-page-spinner.qodef-layout--stripes .qodef-m-stripe.qodef-stripe--3 { animation-delay: calc((300ms) - 1300ms); } #qodef-page-spinner.qodef-layout--stripes .qodef-m-stripe.qodef-stripe--4 { animation-delay: calc((400ms) - 1300ms); } #qodef-page-spinner.qodef-layout--stripes .qodef-m-stripe.qodef-stripe--5 { animation-delay: calc((500ms) - 1300ms); } /* ========================================================================== Spinner layout styles ========================================================================== */ #qodef-page-spinner.qodef-layout--textual .qodef-m-spinner { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } #qodef-page-spinner.qodef-layout--textual .qodef-m-textual { opacity: 0; } #qodef-page-spinner.qodef-layout--textual .qodef-m-text { display: flex; font-family: "Marcellus", serif; font-size: 30px; line-height: 1; font-weight: 500; white-space: nowrap; text-transform: uppercase; } #qodef-page-spinner.qodef-layout--textual .qodef-m-char { display: inline-block; opacity: 0; will-change: opacity; } #qodef-page-spinner.qodef-layout--textual.qodef--init .qodef-m-textual { opacity: 1; } /* ========================================================================== 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; 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%; transform-origin: center bottom; 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; animation-delay: -1s; } /* ========================================================================== 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 { animation: qode-wave-jump-3 1.8s infinite ease-out; } #qodef-page-spinner.qodef-layout--wave-circles .qodef-m-wave-circle.qodef-wave--2 { animation: qode-wave-jump-2 1.8s infinite ease-out; } #qodef-page-spinner.qodef-layout--wave-circles .qodef-m-wave-circle.qodef-wave--3 { 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; 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%; animation: qode-bounce-delay 1.4s infinite ease-in-out both; } #qodef-page-spinner.qodef-layout--wave .qodef-m-wave-item.qodef-wave--1 { animation-delay: -0.32s; } #qodef-page-spinner.qodef-layout--wave .qodef-m-wave-item.qodef-wave--2 { 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 { left: 0; position: absolute; top: 0; } .qodef-page-title.qodef-image--responsive .qodef-m-content.qodef-content-grid { left: 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 52px; } @media only screen and (max-width: 480px) { .qodef-page-title .qodef-m-content.qodef-content-full-width { padding: 0 7%; } } .qodef-page-title .qodef-breadcrumbs { line-height: 1.125em; } .qodef-page-title .qodef-breadcrumbs a, .qodef-page-title .qodef-breadcrumbs span { font-weight: 500; font-size: 11px; line-height: 1.6em; letter-spacing: 0.6em; text-transform: uppercase; font-family: "Montserrat", sans-serif; color: var(--qode-main-color); } .qodef-page-title .qodef-breadcrumbs .qodef-breadcrumbs-separator { margin: 0 5px; } .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: 5px; } /* ========================================================================== Standard Title layout styles ========================================================================== */ .qodef-page-title.qodef-title--standard .qodef-m-subtitle { margin: 0 0 4px; font-weight: 500; font-size: 11px; line-height: 1.6em; letter-spacing: 0.6em; text-transform: uppercase; font-family: "Montserrat", sans-serif; color: #b29063; } /* ========================================================================== Contact Info widget static style start ========================================================================== */ .widget .qodef-contact-info-widget { margin: 0; } /* ========================================================================== Contact Info widget variable style start ========================================================================== */ #qodef-top-area .widget .qodef-contact-info-widget a { font-size: 16px; } /* ========================================================================== Social Icons Group widget static style start ========================================================================== */ .qodef-social-icons-group .qodef-icon-holder { margin-right: 9px; } .qodef-social-icons-group .qodef-icon-holder a { transition: color 0.3s ease-out; } .qodef-social-icons-group .qodef-icon-holder:last-child { margin-right: 0; } .qodef-social-icons-group .qodef-icon-holder.qodef--textual { font-weight: 500; font-size: 11px; line-height: 1.6em; letter-spacing: 0.6em; text-transform: uppercase; font-family: "Montserrat", sans-serif; color: #b29063; display: inline-flex; vertical-align: middle; flex-wrap: wrap; } .qodef-social-icons-group .qodef-icon-holder.qodef--textual a { display: flex; align-items: center; justify-content: center; background-color: #d4bfa3; border: 1px solid #d4bfa3; border-radius: 50%; color: var(--qode-main-color); font-size: 12px; font-weight: 500; height: 30px; letter-spacing: 0; line-height: 30px; text-align: center; text-transform: uppercase; transition: color 0.3s ease-out, background-color 0.3s ease-out; width: 30px; } .qodef-browser--firefox .qodef-social-icons-group .qodef-icon-holder.qodef--textual a { font-weight: 400; } .qodef-social-icons-group .qodef-icon-holder.qodef--textual a:hover { background-color: transparent; color: #d4bfa3; } /* ========================================================================== Social Icons Group widget variable style start ========================================================================== */ .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef--textual a { background-color: #fbf9f9; } .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef--textual a:hover { background-color: var(--qode-main-color); } .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--circle, .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--square { background-color: #fbf9f9; } .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--circle:hover, .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--square:hover { color: var(--qode-main-color); } .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--circle:hover a, .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--square:hover a { color: #ffffff; } #qodef-page-footer .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef--textual a { background-color: #d4bfa3; color: var(--qode-main-color); border-color: #d4bfa3; } #qodef-page-footer .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef--textual a:hover { background-color: transparent; } #qodef-page-footer .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef--textual a:hover { color: #d4bfa3; } #qodef-page-footer .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef--textual a:hover { border-color: #d4bfa3; } #qodef-page-footer .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--circle, #qodef-page-footer .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--square { background-color: #d4bfa3; } #qodef-page-footer .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--circle:hover, #qodef-page-footer .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--square:hover { color: transparent; } #qodef-page-footer .qodef-skin--light .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef--textual a { background-color: #ffffff; color: #b08e61; border-color: #ffffff; } #qodef-page-footer .qodef-skin--light .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef--textual a:hover { background-color: transparent; } #qodef-page-footer .qodef-skin--light .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef--textual a:hover { color: #ffffff; } #qodef-page-footer .qodef-skin--light .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef--textual a:hover { border-color: #ffffff; } #qodef-page-footer .qodef-skin--light .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--circle, #qodef-page-footer .qodef-skin--light .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--square { background-color: #ffffff; } #qodef-page-footer .qodef-skin--light .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--circle:hover, #qodef-page-footer .qodef-skin--light .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--square:hover { color: transparent; } #qodef-side-area .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef--textual a { background-color: #d4bfa3; color: var(--qode-main-color); border-color: #d4bfa3; } #qodef-side-area .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef--textual a:hover { background-color: transparent; } #qodef-side-area .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef--textual a:hover { color: #d4bfa3; } #qodef-side-area .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef--textual a:hover { border-color: #d4bfa3; } #qodef-side-area .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--circle, #qodef-side-area .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--square { background-color: #d4bfa3; } #qodef-side-area .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--circle:hover, #qodef-side-area .widget.widget_halstein_core_social_icons_group .qodef-icon-holder.qodef-layout--square:hover { color: transparent; } @media only screen and (max-width: 1440px) { .qodef-background-text .qodef-m-background-text { font-size: 135px; } } @media only screen and (max-width: 680px) { .qodef-background-text .qodef-m-background-text { display: none !important; } } @media only screen and (max-width: 1440px) { .qodef-blog.qodef-item-layout--divided .qodef-e-content { padding: 4% 4.5% 8.5% 4.5%; } } @media only screen and (max-width: 1024px) { .qodef-blog.qodef-item-layout--divided .qodef-e-inner { flex-direction: column-reverse; } .qodef-blog.qodef-item-layout--divided .qodef-e-content { padding: 11% 4.5% 11% 4.5%; width: 100%; } .qodef-blog.qodef-item-layout--divided .qodef-e-media-image { width: 100% !important; } } @media only screen and (max-width: 480px) { .qodef-blog.qodef-item-layout--metro .qodef-e-info { margin: 0 0 23px 0; } } @media only screen and (max-width: 1024px) { .qodef-blog-single-loop .qodef-e-fixed { min-height: 50vh; position: relative; width: 100%; } .qodef-blog-single-loop .qodef-e-scroll { margin: 0 auto; min-height: auto; padding: 0; } .qodef-blog-single-loop .qodef-e-content { padding: 11% 52px; } .qodef-blog-single-loop .qodef-m-pagination { bottom: auto; color: var(--qode-main-color); left: auto; margin: 85px auto 35px auto; position: relative; } .qodef-blog-single-loop .qodef-m-pagination-item { height: 28px; } } @media only screen and (max-width: 1200px) { .qodef-blog-single-loop .qodef-e-scroll, .qodef-blog-single-loop .qodef-m-pagination { width: 960px; } } @media only screen and (max-width: 1024px) { .qodef-blog-single-loop .qodef-e-scroll, .qodef-blog-single-loop .qodef-m-pagination { width: 768px; } } @media only screen and (max-width: 800px) { .qodef-blog-single-loop .qodef-e-scroll, .qodef-blog-single-loop .qodef-m-pagination { width: 86%; } } @media only screen and (max-width: 480px) { .qodef-blog-single-loop .qodef-e-scroll, .qodef-blog-single-loop .qodef-m-pagination { width: 86%; } } @media only screen and (max-width: 680px) { .qodef-blog-single-loop .qodef-e-content { padding: 11% 7%; } .qodef-blog-single-loop .qodef-e-top-holder { margin: 50px 0 0 0 !important; align-items: flex-start; flex-direction: column; } } @media only screen and (max-width: 1024px) { .qodef-blog-slider-with-text .qodef-e-static-left { width: 70%; } } @media only screen and (max-width: 800px) { .qodef-blog-slider-with-text .qodef-content-grid { width: calc(100vw - 52px * 2); } } @media only screen and (max-width: 768px) { .qodef-blog-slider-with-text .qodef-e-static-left { width: 85%; } } @media only screen and (max-width: 680px) { .qodef-blog-slider-with-text .qodef-e-static-left { width: 100%; } .qodef-blog-slider-with-text .swiper-button-prev, .qodef-blog-slider-with-text .swiper-button-next { display: none !important; } } @media only screen and (max-width: 480px) { .qodef-blog-slider-with-text .qodef-content-grid { width: calc(100vw - 7% * 2); } } /* ========================================================================== Author Info responsive styles ========================================================================== */ @media only screen and (max-width: 680px) { #qodef-author-info .qodef-m-inner { flex-wrap: wrap; } #qodef-author-info .qodef-m-content { margin: 30px 0 0 0; } } @media only screen and (max-width: 1024px) { body:not(.qodef-content-behind-header) #qodef-page-outer { margin-top: 0 !important; } } /* ========================================================================== Header layout responsive styles ========================================================================== */ @media only screen and (max-width: 1440px) { .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-top-wrapper .qodef-widget-holder .widget, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-top-wrapper .qodef-widget-holder .widget { padding: 0 24px; } } @media only screen and (max-width: 1280px) { .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-left-bottom-wrapper .qodef-header-navigation, .qodef-header--tabbed-split #qodef-page-header .qodef-tabbed-header-right-bottom-wrapper .qodef-header-navigation { margin: 0 76px; } } /* ========================================================================== Top header responsive style - begin ========================================================================== */ @media only screen and (max-width: 1024px) { #qodef-top-area { display: none; } } /* ========================================================================== Top header responsive style - end ========================================================================== */ @media only screen and (max-width: 680px) { .qodef-contact-form-7 .fieldset-cf7mls .action-button { margin: 20px 0 0 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.3333333333%; } } @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.3333333333%; } } @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.3333333333%; } } @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.3333333333%; } } @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.3333333333%; } } @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.3333333333%; } .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.6666666667%; } .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.2857142857%; } .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.3333333333%; } .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.6666666667%; } .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.2857142857%; } .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.3333333333%; } .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.6666666667%; } .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.2857142857%; } .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.3333333333%; } .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.6666666667%; } .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.2857142857%; } .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.3333333333%; } .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.6666666667%; } .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.2857142857%; } .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.3333333333%; } .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.6666666667%; } .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.2857142857%; } .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.3333333333%; } .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.6666666667%; } .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.2857142857%; } .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.3333333333%; } } @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.6666666667%; } } @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.2857142857%; } } @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: -70px; } .qodef-twitter-list.qodef-gutter--huge #ctf .ctf-tweets { margin: 0 -35px; } .qodef-twitter-list.qodef-gutter--huge #ctf .ctf-tweets > .ctf-item { padding: 0 35px; margin: 0 0 70px; } .qodef-twitter-list.qodef-gutter--enormous.qodef--no-bottom-space { margin-bottom: -80px; } .qodef-twitter-list.qodef-gutter--enormous #ctf .ctf-tweets { margin: 0 -40px; } .qodef-twitter-list.qodef-gutter--enormous #ctf .ctf-tweets > .ctf-item { padding: 0 40px; margin: 0 0 80px; } } /* ========================================================================== Instagram List shortcode responsive styles ========================================================================== */ /* ========================================================================== Qode Quick View for WooCommerce responsive style - begin ========================================================================== */ @media only screen and (max-width: 768px) { body[class*=halstein-core] .qqvfw-m-media-wrapper { max-height: 30vh; width: 100% !important; } body[class*=halstein-core] .qqvfw-m-summary-wrapper .summary { padding: 0 30px 30px 30px !important; } body[class*=halstein-core] .qqvfw-m-summary-wrapper .woocommerce-product-details__short-description { display: none; } } /* ========================================================================== Qode Quick View for WooCommerce responsive style - end ========================================================================== */ /* ========================================================================== Events Single styles ========================================================================== */ @media only screen and (max-width: 1024px) { .qodef-events .qodef-event-item .qodef-e-content { margin: 0 0 104px 0; padding: 0; width: 100%; } .qodef-events .qodef-event-item .qodef-e-map { width: 100%; } } /* ========================================================================== Events list shortcode variation styles ========================================================================== */ @media only screen and (max-width: 768px) { .qodef-events-list.qodef-item-layout--info-table .qodef-e-content-top { flex-wrap: wrap; } .qodef-events-list.qodef-item-layout--info-table .qodef-e-title { width: 100%; } } @media only screen and (max-width: 480px) { .qodef-events-list.qodef-item-layout--info-table .qodef-e-info { width: 100%; margin: 5px 0 0; } .qodef-events-list.qodef-item-layout--info-table .qodef-e-tickets-link { margin: 15px 0 0; } } /* ========================================================================== Masonry gallery shortcode variation styles ========================================================================== */ @media only screen and (max-width: 1440px) { .qodef-masonry-gallery-list .qodef-layout--standard .qodef-e-content-inner svg { margin: 0 0 0 20px; } } @media only screen and (max-width: 680px) { .qodef-masonry-gallery-list .qodef-layout--standard .qodef-e-content { padding: 41px 25px; } } /* ========================================================================== Portfolio Single responseive styles ========================================================================== */ @media only screen and (max-width: 1024px) { .qodef-portfolio-single .qodef-variations--small .qodef-media { margin: 0 0 50px; } .qodef-portfolio-single .qodef-variations--big .qodef-portfolio-info { margin-top: 50px; } .qodef-portfolio-single .qodef-variations--big .qodef-portfolio-content p { padding-right: 0; } } @media only screen and (max-width: 1440px) { .qodef-team-list.qodef-item-layout--info-on-side .qodef-e-swiper-navigation { top: unset; transform: translateY(calc(-50% - 23px)); } } @media only screen and (max-width: 1024px) { .qodef-team-list.qodef-item-layout--info-on-side .qodef-e-media-image { height: 100%; } .qodef-team-list.qodef-item-layout--info-on-side .qodef-e-media-image img { height: 100%; object-fit: cover; } .qodef-team-list.qodef-item-layout--info-on-side .qodef-e-content { padding: 0 0 58px; } } @media only screen and (max-width: 768px) { .qodef-team-list.qodef-item-layout--info-on-side .qodef-e-inner { flex-direction: column; column-gap: 40px; row-gap: 40px; } .qodef-team-list.qodef-item-layout--info-on-side .qodef-e-content { padding: 0; } .qodef-team-list.qodef-item-layout--info-on-side .qodef-e-image { width: 100%; } .qodef-team-list.qodef-item-layout--info-on-side .qodef-e-swiper-navigation { left: 0; margin: 24px 0 0 0; transform: translateY(0); } } /* ========================================================================== Testimonials list shortcode responsive styles ========================================================================== */ @media only screen and (max-width: 1024px) { .qodef-testimonials-list.qodef-alignment--center ~ .swiper-button-prev, .qodef-testimonials-list.qodef-alignment--center ~ .swiper-button-next { display: none; } } /* ========================================================================== Banner shortcode responsive styles ========================================================================== */ @media only screen and (max-width: 1024px) { .qodef-banner.qodef-title-break--disabled .qodef-m-title br { display: none; } .qodef-banner.qodef-text-field-break--disabled .qodef-m-text-field br { display: none; } .qodef-banner.qodef-tagline-break--disabled .qodef-m-tagline br { display: none; } } @media only screen and (max-width: 680px) { .qodef-banner.qodef-image-responsive-position--center .qodef-m-image img { object-position: center; } .qodef-banner.qodef-image-responsive-position--left .qodef-m-image img { object-position: left; } .qodef-banner.qodef-image-responsive-position--right .qodef-m-image img { object-position: right; } } @media only screen and (max-width: 768px) { .qodef-banner.qodef-layout--link-button-left.qodef--content-predefined-spacing .qodef-m-content-inner { margin: 210px 0 0 0 !important; } } @media only screen and (max-width: 680px) { .qodef-banner.qodef-layout--link-button-left.qodef--content-predefined-spacing .qodef-m-content-inner { padding: 52px !important; } } @media only screen and (max-width: 680px) { .qodef-banner.qodef-layout--link-button-left .qodef-m-content-inner { padding: 52px; } } @media only screen and (max-width: 768px) { .qodef-banner.qodef-layout--link-button-right.qodef--content-predefined-spacing .qodef-m-content-inner { padding: 50px !important; margin: 200px 10px 10px 10px !important; } } @media only screen and (max-width: 680px) { .qodef-banner.qodef-layout--link-button-right.qodef--content-predefined-spacing .qodef-m-content-inner { padding: 42px !important; } } @media only screen and (max-width: 680px) { .qodef-banner.qodef-layout--link-button-right .qodef-m-content-inner { padding: 42px; } } @media only screen and (max-width: 1440px) { .qodef-banner.qodef-layout--link-overlay-centered .qodef-m-content-inner { min-height: 192px; } } @media only screen and (max-width: 1440px) { .qodef-banner.qodef-layout--link-overlay.qodef--content-predefined-spacing .qodef-m-content-inner { padding: 40px !important; } } @media only screen and (max-width: 680px) { .qodef-banner.qodef-layout--link-overlay.qodef--content-predefined-spacing .qodef-m-content-inner { padding: 50px !important; } } @media only screen and (max-width: 1440px) { .qodef-banner.qodef-layout--link-overlay .qodef-m-content-inner { padding: 40px; } } @media only screen and (max-width: 1024px) { .qodef-banner.qodef-layout--link-overlay .qodef-m-content-inner { padding: 60px 82px 70px 80px; } } @media only screen and (max-width: 680px) { .qodef-banner.qodef-layout--link-overlay .qodef-m-content-inner { column-gap: 28px; row-gap: 28px; padding: 60px 30px 80px 30px; } .qodef-banner.qodef-layout--link-overlay .qodef-m-text-field { margin: 30px 0 0; } } .qodef-charts { visibility: hidden; } .qodef-charts .qodef-m-canvas-holder { color: rgba(153, 153, 153, 0.5); position: relative; } .qodef-charts .qodef-m-canvas-holder:after { border: 28px solid currentColor; border-radius: 50%; content: ""; height: 100%; left: 14px; opacity: 0; position: absolute; top: 7px; transition: opacity 0.3s ease-out; width: 100%; z-index: -1; } .qodef-charts .qodef-m-legend { display: flex; flex-wrap: wrap; justify-content: center; margin: 47px 0 0 0; } .qodef-charts .qodef-m-legend-item { align-items: center; display: flex; } .qodef-charts .qodef-m-legend-item:not(:last-child) { margin: 0 21px 0 0; } .qodef-charts .qodef-m-legend-icon { border-radius: 50%; display: block; height: 9px; margin: 0 10px 0 0; position: relative; top: -2px; width: 9px; } .qodef-charts.qodef--init { visibility: visible; } .qodef-charts.qodef--init .qodef-m-canvas-holder:after { opacity: 1; } /* ========================================================================== Countdown shortcode styles ========================================================================== */ /* ========================================================================== Counter shortcode responsive styles ========================================================================== */ @media only screen and (max-width: 1024px) { .qodef-counter.qodef-text-break--disabled .qodef-m-text br { display: none; } } /* ========================================================================== Section Title shortcode responsive styles ========================================================================== */ @media only screen and (max-width: 1024px) { .qodef-highlight.qodef-title-break--disabled .qodef-m-title br { display: none; } } /* ========================================================================== Interactive Link Showcase List styles ========================================================================== */ @media only screen and (max-width: 1440px) { .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-item { font-size: 36px; } } @media only screen and (max-width: 1280px) { .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-images { width: 32%; } } @media only screen and (max-width: 1024px) { .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-images { width: 42%; } .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-item:not(:last-of-type)::after { display: none; } .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-items-inner { display: flex; flex-direction: column; } } @media only screen and (max-width: 768px) { .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-images { width: 60%; } } @media only screen and (max-width: 680px) { .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-images { height: 45%; width: 50%; } .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-item { font-size: 24px; } } /* ========================================================================== Pricing Table shortcode responsive styles ========================================================================== */ @media only screen and (max-width: 680px) { .qodef-pricing-table .qodef-m-inner { grid-area: content; padding: 56px 35px 51px; } } /* ========================================================================== 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; } .qodef-section-title.qodef-text-field-break--disabled .qodef-m-text-field br { display: none; } } @media only screen and (max-width: 680px) { .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; } } @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 Button With Text shortcode responsive styles ========================================================================== */ @media only screen and (max-width: 1440px) { .qodef-video-button-with-text .qodef-m-content-inner { padding: 62px 10%; } } @media only screen and (max-width: 1024px) { .qodef-video-button-with-text .qodef-m-content-inner { padding: 62px 8%; } .qodef-video-button-with-text.qodef-text-break--disabled .qodef-m-text br { display: none; } } @media only screen and (max-width: 768px) { .qodef-video-button-with-text { grid-template-areas: "video-button" "content"; grid-template-rows: repeat(2, minmax(0, 1fr)); grid-template-columns: minmax(0, auto); } } /* ========================================================================== Video Button shortcode start styles responsive ========================================================================== */ @media only screen and (max-width: 680px) { .qodef-video-button .qodef-m-play .qodef-svg--video-button { max-width: 30vw; } } /* ========================================================================== Video Button shortcode end styles responsive ========================================================================== */ /* ========================================================================== # Side Area responsive style - begin ========================================================================== */ @media only screen and (max-width: 1440px) { #qodef-side-area { padding: 150px 65px 40px 65px; } } /* ========================================================================== # Side Area responsive style - end ========================================================================== */ /* ========================================================================== Social Share shortcode responsive styles ========================================================================== */ @media only screen and (max-width: 680px) { .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(1) { left: 1px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(2) { left: 46px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(3) { left: 91px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(4) { left: 136px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(5) { left: 181px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(6) { left: 226px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--right .qodef-social-share-dropdown li:nth-child(7) { left: 271px; } .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: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: auto; left: 46px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(3) { right: auto; left: 91px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(4) { right: auto; left: 136px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(5) { right: auto; left: 181px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(6) { right: auto; left: 226px; } .qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li:nth-child(7) { right: auto; left: 271px; } } /* ========================================================================== Social Share shortcode responsive styles ========================================================================== */ /* ========================================================================== 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; } } @media only screen and (max-width: 1024px) { #qodef-page-sidebar .qodef-social-icons-group { justify-content: flex-start; } }
Edit
Rename
Chmod
Delete
FILE
FOLDER
Name
Size
Permission
Action
halstein-core.css
304904 bytes
0644
halstein-core.min.css
241280 bytes
0644
N4ST4R_ID | Naxtarrr